/* Local mascot composition. Existing photographs and shared header stay unchanged. */
.mascot-docs-layout{display:grid;grid-template-columns:minmax(0,1fr);background:#0b1422}
.mascot-docs-intro{padding-inline:max(0px,calc((100vw - 1720px)/2));display:block;min-height:clamp(410px,29vw,550px);position:relative;isolation:isolate;overflow:hidden}
.mascot-docs-intro::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,20,34,.45),rgba(11,20,34,.25) 45%,transparent 65%)}
.mascot-docs-layout .docs-index-hero{background:transparent;position:relative;z-index:1;width:59%}
.mascot-docs-layout .docs-index-hero{padding:135px 0 50px}
.mascot-docs-layout .docs-index-hero .wrap{padding-right:32px}
.mascot-docs-layout .docs-index-hero h1{font-size:clamp(42px,4.5vw,82px);margin:30px 0 22px;line-height:1.05}
.mascot-docs-layout .docs-index-hero p{font-size:clamp(17px,1.6vw,24px);margin:0;max-width:560px}
.mascot-docs-layout .eyebrow{color:#b4cef6}
.mascot-docs-art{position:absolute;inset:76px 0 0;margin:0;min-width:0;z-index:-1}
.mascot-docs-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center right;border-radius:0}
.mascot-docs-layout .docs-index-list{grid-column:1/-1;padding-top:45px}
.mascot-docs-layout .docs-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
.mascot-docs-layout .docs-index-grid a{min-height:205px;border:0;border-bottom:1px solid #b8c8dc;background:transparent;padding:26px 26px;margin-right:0;border-radius:6px}
.mascot-docs-layout .docs-index-grid h2{font-size:clamp(26px,2vw,34px);margin-top:26px;max-width:90%}
.mascot-docs-layout .docs-index-grid small{display:block;max-width:88%;line-height:1.6}
.mascot-docs-layout .docs-index-grid span{right:24px;top:28px}
.mascot-docs-layout .docs-index-grid a:hover,.mascot-docs-layout .docs-index-grid a:focus-visible{transform:none;box-shadow:none;background:#f1f6fc}
.mascot-demo{background:var(--light);color:#111f34;padding:120px 0 55px}
.mascot-demo-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);grid-template-areas:'copy form' 'agenda form' 'art form';gap:28px 40px;align-items:start}
.mascot-demo-copy{grid-area:copy;min-width:0}
.mascot-demo-copy .eyebrow{color:#245ab2}
.mascot-demo-copy h1{font-size:clamp(46px,5vw,86px);line-height:1.04;letter-spacing:-.065em;margin:30px 0 20px}
.mascot-demo-copy h1 em{font-style:normal;color:#2465d4}
.mascot-demo-copy>p{font-size:clamp(18px,1.55vw,24px);line-height:1.45;margin:0;color:#53677f;max-width:740px}
.mascot-demo-form{grid-area:form;min-width:0;width:100%;background:#0b1422;color:#f5f7fb;border-radius:10px}
.mascot-demo-agenda{grid-area:agenda;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;min-width:0}
.mascot-demo-agenda li{border-top:1px solid #b3c4da;padding-top:15px;min-width:0}
.mascot-demo-agenda span{font-size:13px;font-weight:750;color:#2465d4}
.mascot-demo-agenda h2{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:12px 0 8px}
.mascot-demo-agenda p{font-size:14px;color:#53677f;line-height:1.5;margin:0}
.mascot-demo-art{grid-area:art;margin:0;min-width:0}
.mascot-demo-art img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:9px}
.mascot-demo-form .inquiry-inline[open]{position:static;display:block;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:32px;border:0;border-radius:10px;background:#0b1422;color:#f5f7fb;box-shadow:none}
.inquiry-inline .dialog-head{display:none}
.inquiry-inline h2{font-size:clamp(29px,2.7vw,44px);margin:0 0 12px;line-height:1.1}
.inquiry-inline .dialog-intro{color:#bfcee1;font-size:17px;margin:0 0 24px}
.inquiry-inline form>label:not(.dialog-consent),.inquiry-inline form>.dialog-field{color:#edf3fc;font-weight:600}
.inquiry-inline .dialog-consent,.inquiry-inline .privacy-form-note{color:#bccce2;font-size:12px;line-height:1.5}
.inquiry-inline .dialog-consent a,.inquiry-inline .privacy-form-note a{color:#a6c9ff;text-underline-offset:3px}
.inquiry-inline .dialog-select-trigger{background:#fff;color:#14243b}
.inquiry-inline .field-error,.inquiry-inline .form-status.is-error{color:#ffb9c2}
.inquiry-inline .dialog-submit{min-height:52px;font-size:14px}
.inquiry-inline .dialog-consent input{width:22px;height:22px}
.inquiry-inline .inquiry-success{padding:35px 0;color:#f5f7fb}
.inquiry-inline .inquiry-success-message{color:#bdcce1}
.inquiry-inline .inquiry-success-close{color:#fff}
.inquiry-inline .inquiry-alternative{border-top:1px solid #41526a;margin:20px 0 0;padding-top:20px;text-align:center;font-size:13px;color:#bfcee1;line-height:1.8}
.inquiry-inline .inquiry-alternative a{display:block;color:#9fc5ff;font-weight:700}
.mascot-task-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,2.3fr);gap:20px;align-items:stretch}
.mascot-consultant{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:10px;background:#1554ca;color:#fff}
.mascot-consultant-copy{position:relative;z-index:1;padding:32px 28px 22px}
.mascot-consultant h3{font-size:clamp(27px,2.5vw,39px);line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}
.mascot-consultant p{color:#e1ecff;font-size:16px;line-height:1.5;margin:0 0 22px}
.mascot-consultant .button{min-height:48px;border:1px solid #d7e6ff;color:#fff;justify-content:center;font-size:13px;padding:13px 18px}
.mascot-consultant picture{display:block;position:absolute;inset:0;z-index:-1}
.mascot-consultant img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.mascot-task-layout .task-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;gap:14px}
.mascot-task-layout .task-card{min-height:225px;padding:24px 20px;min-width:0}
.mascot-task-layout .task-card h3{font-size:clamp(21px,1.65vw,29px)}
.mascot-task-layout .task-card p{font-size:14px}
.mascot-gallery-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.27fr);gap:22px;align-items:end}
.mascot-gallery-stage .proof-gallery{min-width:0}
.mascot-gallery-guide{margin:0 0 110px;min-width:0}
.mascot-gallery-guide img{display:block;width:100%;height:auto}

@media(max-width:1100px){.mascot-task-layout{grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr)}.mascot-task-layout .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-demo-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:26px}.mascot-demo-agenda{grid-template-columns:1fr;gap:15px}.mascot-gallery-stage{grid-template-columns:minmax(0,1fr) 150px}.mascot-gallery-guide{margin-bottom:130px}}
@media(max-width:900px){.mascot-demo-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'form' 'agenda' 'art';gap:30px}.mascot-demo-form{max-width:650px}.mascot-demo-agenda{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-docs-layout{grid-template-columns:minmax(0,1fr)}.mascot-docs-intro{display:contents}.mascot-docs-layout .docs-index-hero{width:100%}.mascot-docs-intro::before,.mascot-docs-intro::after{display:none}.mascot-docs-layout .docs-index-hero{padding:125px 0 45px}.mascot-docs-layout .docs-index-list{grid-row:2}.mascot-docs-layout .docs-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-docs-art{position:static;z-index:auto;grid-row:3;margin:30px var(--pad) 45px;max-width:620px}.mascot-docs-art img{height:auto;aspect-ratio:2/1;object-fit:cover}.mascot-docs-layout .docs-index-hero .wrap{padding-right:var(--pad)}.mascot-gallery-stage{grid-template-columns:minmax(0,1fr)}.mascot-gallery-guide{display:none}}
@media(max-width:650px){.mascot-demo{padding:115px 0 40px}.mascot-demo-copy h1{font-size:clamp(40px,10.5vw,63px);overflow-wrap:anywhere}.mascot-demo-grid{gap:27px}.mascot-demo-form .inquiry-inline[open]{padding:26px 20px}.mascot-demo-agenda{grid-template-columns:1fr;gap:20px}.mascot-demo-agenda h2{font-size:20px}.mascot-demo-art img{border-radius:7px}.mascot-docs-layout .docs-index-grid{grid-template-columns:1fr}.mascot-docs-layout .docs-index-grid a{margin-right:0;min-height:0;padding:25px 24px}.mascot-docs-layout .docs-index-grid h2{font-size:29px}.mascot-docs-layout .docs-index-hero h1{font-size:clamp(38px,10vw,60px);overflow-wrap:anywhere}.mascot-task-layout{grid-template-columns:minmax(0,1fr)}.mascot-consultant{display:grid;grid-template-columns:minmax(0,1fr) 35%;align-items:end}.mascot-consultant-copy{padding:24px 20px}.mascot-consultant h3{font-size:25px}.mascot-consultant p{font-size:14px}.mascot-consultant picture{position:static;z-index:auto;align-self:end}.mascot-consultant img{height:auto;aspect-ratio:3/5;object-position:center bottom}.mascot-task-layout .task-grid{grid-template-columns:minmax(0,1fr)}.mascot-task-layout .task-card{min-height:0}.mascot-consultant .button{font-size:12px;padding:10px 12px}}
/* The wall screen uses the original product capture, not generated interface data. */
.mascot-demo-art{position:relative}
.mascot-demo-art .mascot-demo-real-screen{position:absolute;left:53.6%;top:3.5%;width:42%;height:52%;aspect-ratio:auto;border-radius:0;object-fit:fill;clip-path:polygon(2% 11%,97% 0,98% 97%,1% 96%);pointer-events:none}

.mascot-consultant .button{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;width:auto}
.mascot-consultant .button svg{width:18px;height:18px;flex:0 0 18px}
@media(max-width:650px){.mascot-consultant .button{max-width:100%;white-space:normal;gap:6px;padding:10px 8px}}

@media(min-width:651px) and (max-width:1100px){.mascot-consultant{align-self:start;min-height:620px}.mascot-consultant-copy{padding:24px 20px}.mascot-consultant h3{font-size:25px}.mascot-consultant p{font-size:14px}}
@media(min-width:651px) and (max-width:1100px){.mascot-consultant .button{max-width:100%;white-space:normal;font-size:12px;gap:6px;padding:10px 8px}}
@media(max-width:650px){.mascot-consultant{display:block;max-width:420px;width:100%;aspect-ratio:1/2;min-height:700px}.mascot-consultant picture{position:absolute;inset:0;width:100%;height:100%;margin:0;align-self:auto;z-index:-1}.mascot-consultant img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center bottom}.mascot-consultant-copy{padding:24px}.mascot-consultant .button{padding:12px 16px}}