/* Apple product-page inspired pacing, native CSS implementation.
   DESIGN_VARIANCE 7 / MOTION_INTENSITY 5 / VISUAL_DENSITY 3.
   The brief requests varied colour: artwork and chapter surfaces carry it;
   action blue remains consistent. Radii: controls pill, surfaces 24, media 16.
   Layer order: base 0, media controls 1, sticky navigation 10, native dialogs top-layer. */
:root{color-scheme:light;--page:#fff;--surface:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#dcdce1;--blue:#0068d5;--blue-hover:#0058b8;--nav:rgba(255,255,255,.9);--soft-blue:#edf3fb;--soft-green:#f0f5ef;--orange:#a64913;--green:#397247;--shadow:0 28px 70px -24px rgba(31,46,64,.22);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none}
@media(prefers-color-scheme:dark){:root:not([data-appearance="light"]){color-scheme:dark;--page:#171719;--surface:#222225;--card:#2a2a2d;--ink:#f5f5f7;--muted:#a5a5ad;--line:#424247;--blue:#67adff;--blue-hover:#8fc3ff;--nav:rgba(23,23,25,.92);--soft-blue:#222c3a;--soft-green:#26322b;--orange:#eea76c;--green:#95be96;--shadow:0 28px 70px -24px rgba(0,0,0,.4)}}
:root[data-appearance="dark"]{color-scheme:dark;--page:#171719;--surface:#222225;--card:#2a2a2d;--ink:#f5f5f7;--muted:#a5a5ad;--line:#424247;--blue:#67adff;--blue-hover:#8fc3ff;--nav:rgba(23,23,25,.92);--soft-blue:#222c3a;--soft-green:#26322b;--orange:#eea76c;--green:#95be96;--shadow:0 28px 70px -24px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650}h1,h2{text-wrap:balance;letter-spacing:-.045em}p{line-height:1.65}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:116px}.muted{color:var(--muted)}.orange-text{color:var(--orange)}.blue-text{color:var(--blue)}.green-text{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;padding:14px 25px;min-height:48px;background:#0068d5;color:#fff;font-size:15px;line-height:1.2;white-space:nowrap;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#0058b8}.button:active{transform:scale(.97)}.button-small{min-height:33px;padding:9px 17px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:16px;font-weight:500;padding:6px 0;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:20px;font-weight:400}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--card);padding:15px}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:10;background:var(--nav);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:26px;min-height:63px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:19px;font-weight:650;letter-spacing:-.5px}.brand-word{font-size:25px;font-weight:750;letter-spacing:-1.5px}.brand-product{font-size:16px;font-weight:550}.brand-divider{height:17px;width:1px;background:var(--line)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px}.nav-links a:hover{color:var(--blue)}.nav-links a[aria-current="location"]{color:var(--blue)}.menu-toggle{display:none}.hero{overflow:hidden;padding:58px 0 50px}.hero-copy{text-align:center}.hero-product{font-size:22px;font-weight:600;margin-bottom:18px}.hero h1{font-size:clamp(56px,6.2vw,86px);line-height:1.1;font-weight:700;letter-spacing:-.055em}.hero h1 span{color:#277f79}.hero-intro{font-size:19px;line-height:1.6;font-weight:450;margin-top:25px;letter-spacing:.1px}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px}.hero-gallery{width:min(1560px,112%);position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1.42fr 1fr;gap:25px;align-items:center;margin-top:57px;padding-inline:18px}.hero-art{min-width:0}.hero-art img{width:100%;height:300px;object-fit:cover;border-radius:18px}.hero-art-center img{height:375px}.hero-art-left{transform:rotate(-5deg) translateY(8px)}.hero-art-right{transform:rotate(5deg) translateY(8px)}.hero-art figcaption{font-size:11px;color:var(--muted);margin-top:11px;text-align:center;letter-spacing:.05em}.hero-bottom{text-align:center;font-size:17px;font-weight:550;margin-top:43px;color:var(--muted)}.section-heading{max-width:880px;margin-bottom:52px}.section-heading h2,.video-copy h2,.specs h2{font-size:clamp(36px,4.5vw,60px);line-height:1.18}.section-heading>p:not(.eyebrow){font-size:19px;color:var(--muted);line-height:1.65;margin-top:24px;font-weight:450}.centered{text-align:center;margin-inline:auto}.eyebrow{font-size:16px;font-weight:600;margin-bottom:17px;color:var(--muted)}.workbench{background:var(--surface)}.workspace-showcase{background:#d6dee1;padding:22px 22px 0;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.screenshot-button{display:block;width:100%;padding:0;position:relative}.screenshot-button img{width:100%;border-radius:12px 12px 0 0}.expand-mark{position:absolute;right:15px;bottom:15px;z-index:1;background:#fff;color:#272729;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 15px #151d2030}.workspace-controls{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:31px;font-size:13px}.skin-options{display:flex;gap:11px}.skin-dot{width:21px;height:21px;border-radius:50%;border:1px solid #929296;position:relative}.skin-dot[aria-pressed="true"]:after{content:"";position:absolute;inset:-5px;border:2px solid var(--blue);border-radius:50%}.skin-dark{background:#233439}.skin-green{background:#d7e7dc}.skin-paper{background:#eadbc6}.skin-sky{background:#d8eaff}#skin-label{min-width:60px;margin-left:8px}.control-note{color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.workspace-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;margin-top:50px;padding:0 25px}.workspace-features p{font-size:15px}.workspace-features strong{display:block;font-size:18px;margin-bottom:8px}.workspace-features span{color:var(--muted)}.creation-story{display:grid;grid-template-columns:330px 1fr;gap:48px;align-items:center}.story-steps{display:flex;flex-direction:column}.story-step{display:flex;text-align:left;gap:16px;padding:25px 0;border-bottom:1px solid var(--line);opacity:.7;transition:opacity .25s}.story-step:last-child{border-bottom:0}.story-step.active{opacity:1}.story-step .step-index{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-size:13px;margin-top:2px}.story-step.active .step-index{background:var(--ink);color:var(--page);border-color:var(--ink)}.story-step strong{font-size:21px;letter-spacing:-.6px}.story-step small{display:block;font-size:14px;line-height:1.75;margin-top:10px;color:var(--muted);max-width:240px}.creation-panel{position:relative;border-radius:24px;overflow:hidden;background:var(--surface)}.creation-panel>img{width:100%;aspect-ratio:3/2;object-fit:cover}.creation-caption{display:flex;justify-content:space-between;gap:16px;padding:20px 23px;background:var(--surface);font-size:12px;color:var(--muted)}.creation-caption span:first-child{font-weight:550;color:var(--ink)}.prompt-preview{position:absolute;inset:0 0 56px;background:rgba(251,245,238,.94);color:#322b25;padding:46px}.prompt-preview>p:first-child{font-size:13px;font-weight:500}.prompt-preview h3{font-size:38px;line-height:1.35;margin:20px 0}.prompt-preview>p:last-child{max-width:360px;font-size:16px;color:#69615a}.section-footnote{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:27px;font-size:12px;color:var(--muted)}.section-footnote .text-link{font-size:14px;flex-shrink:0}.batch{background:var(--surface)}.batch-feature{background:var(--soft-blue);border-radius:24px;padding:35px 44px 44px}.segmented{display:flex;align-items:center;width:max-content;max-width:100%;background:var(--surface);border-radius:999px;padding:5px;gap:3px}.segmented button{padding:11px 23px;border-radius:999px;font-size:14px;white-space:nowrap;color:var(--muted);font-weight:550;transition:color .2s,background .2s}.segmented button[aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:0 2px 8px #152d4212}.batch-feature>.segmented{margin-inline:auto;margin-bottom:43px}.batch-panel{display:grid;grid-template-columns:.85fr 1.3fr;gap:58px;align-items:center}.batch-copy h3{font-size:31px;line-height:1.3;letter-spacing:-1.1px;max-width:330px}.batch-copy>p{color:var(--muted);font-size:16px;max-width:340px;margin-top:18px}.batch-copy>.text-link{font-size:14px;margin-top:24px}.batch-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted)}.batch-tags span+span:before{content:"/";margin-right:9px;opacity:.6}.batch-visual{min-width:0}.pair-heading{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;text-align:center;font-size:12px;color:var(--muted);margin-bottom:13px}.pair-row{display:grid;grid-template-columns:1fr 16px 1fr 20px 1fr;gap:8px;align-items:center;margin-bottom:14px}.pair-row>img,.pair-result img{aspect-ratio:1/1;width:100%;object-fit:cover;border-radius:10px}.pair-plus,.pair-arrow{font-size:15px;color:var(--muted);text-align:center}.pair-result{border:1px solid #9faebc;border-radius:12px;padding:4px;background:var(--card)}.diagram-note{color:var(--muted);font-size:11px;margin-top:18px;text-align:center;line-height:1.6}.resize-note{display:flex;justify-content:center;align-items:baseline;gap:20px;margin-top:30px;font-size:14px}.resize-note strong{white-space:nowrap;font-size:16px}.resize-note p{color:var(--muted)}.video-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px;align-items:center}.video-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);margin:25px 0;max-width:370px}.video-board{background:var(--surface);padding:30px;border-radius:24px;min-width:0}.film-images{display:grid;grid-template-columns:1.25fr 1fr 1.1fr;gap:10px}.film-images img{width:100%;height:245px;object-fit:cover;border-radius:8px}.film-images img:nth-child(2){object-position:55% 54%;object-fit:cover;max-width:100%;height:245px}.film-labels{display:grid;grid-template-columns:1.25fr 1fr 1.1fr;text-align:center;font-size:12px;color:var(--muted);margin-top:13px}.planning-types{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;font-size:13px;margin-top:30px;border-top:1px solid var(--line);padding-top:23px}.library{background:var(--surface)}.library-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:start}.art-card{padding:0;text-align:left;overflow:hidden;border-radius:19px;background:var(--card);transition:transform .3s}.art-card:hover{transform:translateY(-7px)}.art-card>img{width:100%;aspect-ratio:1/1.04;object-fit:cover}.art-card:nth-child(2){margin-top:68px}.art-card:nth-child(3){margin-top:135px}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px}.art-caption strong{display:block;font-size:19px;font-weight:600}.art-caption small{font-size:12px;color:var(--muted);display:block;margin-top:7px}.round-plus{height:30px;width:30px;border-radius:50%;background:var(--surface);font-size:23px;display:grid;place-items:center;flex-shrink:0}.library-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;max-width:920px}.library-notes h3{font-size:22px;margin-bottom:13px}.library-notes p{font-size:16px;color:var(--muted)}.role-feature{border-radius:24px;background:var(--surface);padding:35px 50px 44px}.role-tabs{margin-inline:auto;background:var(--page)}.role-panel{padding-top:37px}.role-summary{max-width:620px;margin-inline:auto;text-align:center}.role-summary h3{font-size:27px;letter-spacing:-.6px}.role-summary>p{font-size:16px;margin-top:17px;color:var(--muted);min-height:53px}.role-scope{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px}.role-scope div{padding-left:22px;border-left:1px solid var(--line)}.role-scope span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.role-scope strong{font-size:19px;font-weight:550}.storage-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.storage-layout>div{padding:42px;border-radius:24px}.storage-local{background:var(--surface)}.storage-cloud{background:var(--soft-green)}.storage-label{font-size:13px;color:var(--muted)}.storage-layout h3{font-size:30px;letter-spacing:-.8px;margin-top:20px}.storage-layout p{font-size:15px;color:var(--muted);margin-top:18px;max-width:410px}.file-labels{display:flex;gap:16px;margin-top:31px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}.retention{display:flex;align-items:center;gap:20px;margin-top:23px}.retention strong{font-size:56px;line-height:1;color:var(--green);letter-spacing:-3px}.retention strong span{font-size:17px;letter-spacing:0;margin-left:5px;font-weight:500}.retention p{margin:0;font-size:12px}.storage-footnote{font-size:12px;color:var(--muted);margin-top:24px;text-align:center}.specs{background:var(--surface)}.specs-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.specs h2{font-size:44px}.specs-layout>div>p{margin-top:22px;color:var(--muted);font-size:17px}.spec-list details{border-bottom:1px solid var(--line)}.spec-list details:first-child{border-top:1px solid var(--line)}.spec-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-size:19px;font-weight:550}.spec-list summary::-webkit-details-marker{display:none}.spec-list summary span{font-size:25px;color:var(--muted);transition:transform .2s}.spec-list details[open] summary span{transform:rotate(45deg)}.spec-body{padding:0 35px 25px 0;color:var(--muted);font-size:15px}.spec-body p+p{margin-top:17px}.spec-body .model-list{color:var(--ink);line-height:1.9}.spec-body .small{font-size:12px}.closing{text-align:center}.closing p{font-size:20px;font-weight:600}.closing h2{font-size:68px;line-height:1.15;margin:23px 0 32px}.closing .text-link{display:flex;justify-content:center;font-size:14px;margin-top:20px}footer{background:var(--surface);padding:32px 0 23px;color:var(--muted);font-size:11px}.footer-top{display:flex;align-items:center;gap:27px}.footer-top .brand{font-size:16px;color:var(--ink)}.appearance-button{margin-left:auto;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:11px;color:var(--muted)}.footer-note{padding:27px 0 20px;border-bottom:1px solid var(--line);max-width:100%;line-height:1.8}.footer-bottom{display:flex;gap:24px;padding-top:19px}.footer-bottom span{margin-right:auto}dialog{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0;border-radius:24px;width:min(730px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0005}dialog::backdrop{background:rgba(10,15,21,.58);backdrop-filter:blur(8px)}.dialog-inner{padding:55px}.dialog-inner h2{font-size:39px;line-height:1.2}.dialog-lead{font-size:16px;color:var(--muted);margin-top:19px}.dialog-close{position:sticky;float:right;top:16px;margin:16px 16px -52px 0;z-index:1;width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--muted);font-size:25px;line-height:1;display:grid;place-items:center}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px}.start-options>div{border-top:1px solid var(--line);padding-top:23px}.start-options h3{font-size:21px;margin-bottom:13px}.start-options p{font-size:14px;color:var(--muted);min-height:52px;margin-bottom:20px}.start-options .button,.start-options .text-link{font-size:13px}.client-note{font-size:12px;color:var(--muted);background:var(--surface);padding:17px;margin-top:27px;border-radius:9px}.media-dialog{width:min(1400px,calc(100% - 40px));background:var(--surface);padding:45px 20px 20px}.media-dialog>img{width:100%;max-height:73dvh;object-fit:contain;border-radius:10px}.media-dialog>p{padding-top:16px;font-size:13px;text-align:center;color:var(--muted)}.media-dialog .dialog-close{margin-top:-29px;margin-right:-4px}.art-dialog{width:min(940px,calc(100% - 32px))}.art-dialog>img{width:100%;max-height:49dvh;object-fit:cover}.art-details{padding:30px 45px 34px}.art-details h2{font-size:32px}.art-details>p:not(.eyebrow):not(.copy-status){font-size:15px;color:var(--muted);margin:20px 0;line-height:1.8}.art-details>.eyebrow{font-size:12px;margin-bottom:10px}.art-details .button{font-size:14px;min-height:42px}.copy-status{font-size:12px;margin-top:12px;min-height:20px}.noscript-note{padding:20px;text-align:center;background:var(--surface);font-size:14px}.noscript-note a{color:var(--blue)}body.dialog-open{overflow:hidden}[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.js .reveal.is-visible{opacity:1;transform:none}.hero-copy .reveal:nth-child(2){transition-delay:70ms}.hero-copy .reveal:nth-child(3){transition-delay:130ms}.hero-copy .reveal:nth-child(4){transition-delay:190ms}.hero-art{animation:gallery-in 1s cubic-bezier(.16,1,.3,1) both}.hero-art-left{animation-delay:.12s}.hero-art-right{animation-delay:.2s}@keyframes gallery-in{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}}
@media(min-width:1800px){.wrap{width:min(1320px,calc(100% - 160px))}.hero{padding-top:72px}.hero-gallery{width:1660px}.hero-art img{height:345px}.hero-art-center img{height:425px}.hero h1{font-size:94px}}
@media(max-width:1024px){.wrap{width:calc(100% - 64px)}.nav{gap:19px}.nav-links{gap:20px}.brand-product{font-size:14px}.hero{padding-top:52px}.hero-gallery{gap:18px;width:118%}.hero-art img{height:240px}.hero-art-center img{height:310px}.section-pad{padding-block:88px}.creation-story{grid-template-columns:280px 1fr;gap:30px}.story-step strong{font-size:19px}.prompt-preview{padding:26px}.prompt-preview h3{font-size:28px;margin:13px 0}.prompt-preview>p:last-child{font-size:14px}.batch-feature{padding:30px}.batch-panel{gap:30px}.batch-copy h3{font-size:27px}.video-layout{gap:40px;grid-template-columns:1fr 1.1fr}.video-board{padding:22px}.film-images img,.film-images img:nth-child(2){height:200px}.library-gallery{gap:16px}.art-caption{padding:18px}.art-caption strong{font-size:16px}.storage-layout>div{padding:32px}.role-feature{padding:30px}.role-scope strong{font-size:16px}.specs-layout{gap:45px}.specs h2{font-size:38px}}
@media(max-width:767px){html{scroll-padding-top:79px}.wrap{width:calc(100% - 40px)}.nav{min-height:60px;gap:15px}.brand{gap:9px}.brand-word{font-size:24px}.brand-product{font-size:14px}.nav>.button{margin-left:auto;font-size:11px;padding:9px 13px;min-height:32px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:9px 0 9px 5px;width:27px;flex-shrink:0}.menu-toggle span{height:1px;width:20px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:60px;inset-inline:0;background:var(--page);padding:24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:16px;font-size:16px}.hero{padding-top:40px;padding-bottom:39px}.hero-product{font-size:17px;margin-bottom:19px}.hero h1{font-size:61px;letter-spacing:-.05em}.hero-intro{font-size:15px;margin-top:23px;line-height:1.8}.mobile-break{display:block}.hero-actions{gap:22px;margin-top:23px}.hero-actions .button{font-size:13px;padding:12px 19px;min-height:43px}.hero-actions .text-link{font-size:14px}.hero-gallery{grid-template-columns:.7fr 1.35fr .7fr;width:160%;gap:14px;margin-top:42px;padding-inline:0}.hero-art img{height:200px;border-radius:12px}.hero-art-center img{height:260px}.hero-art figcaption{font-size:10px}.hero-bottom{font-size:14px;margin-top:33px}.section-pad{padding-block:70px}.section-heading{margin-bottom:33px}.section-heading h2,.video-copy h2{font-size:36px;line-height:1.23}.section-heading>p:not(.eyebrow){font-size:15px;margin-top:21px;line-height:1.85}.workspace-showcase{padding:9px 9px 0;border-radius:13px}.screenshot-button img{border-radius:6px 6px 0 0}.expand-mark{width:27px;height:27px;right:8px;bottom:8px;font-size:21px}.workspace-controls{margin-top:25px;gap:12px;flex-wrap:wrap}.control-note{border:0;flex-basis:100%;text-align:center;padding:0;margin-top:6px;font-size:12px}.skin-dot{height:20px;width:20px}.workspace-features{grid-template-columns:1fr;gap:23px;padding:0;margin-top:35px}.workspace-features p{font-size:14px}.workspace-features strong{font-size:17px;margin-bottom:4px}.creation-story{grid-template-columns:1fr;gap:26px}.story-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.story-step{display:block;padding:0 0 15px;border-bottom:2px solid var(--line);text-align:left}.story-step:last-child{border-bottom:2px solid var(--line)}.story-step.active{border-color:var(--ink)}.story-step .step-index{width:23px;height:23px;font-size:12px;margin-bottom:11px}.story-step strong{font-size:14px;letter-spacing:-.35px}.story-step small{display:none}.creation-panel{border-radius:16px}.creation-caption{padding:16px;font-size:11px}.prompt-preview{bottom:50px;padding:23px}.prompt-preview h3{font-size:27px;margin:10px 0}.prompt-preview>p:first-child{font-size:11px}.prompt-preview>p:last-child{font-size:13px;line-height:1.65}.section-footnote{flex-direction:column;align-items:flex-start;gap:12px;font-size:11px;margin-top:19px}.batch-feature{padding:22px 20px;border-radius:19px}.segmented button{padding:10px 17px;font-size:12px}.batch-feature>.segmented{margin-bottom:31px}.batch-panel{grid-template-columns:1fr;gap:27px}.batch-copy h3{font-size:27px;max-width:none}.batch-copy>p{font-size:14px;max-width:none;margin-top:15px}.batch-copy>.text-link{margin-top:17px;font-size:13px}.batch-tags{margin-top:17px}.pair-heading{gap:26px;font-size:11px}.pair-row{gap:5px;grid-template-columns:1fr 12px 1fr 14px 1fr}.pair-plus,.pair-arrow{font-size:13px}.diagram-note{font-size:10px;margin-top:16px}.resize-note{display:block;margin-top:24px}.resize-note strong{font-size:15px}.resize-note p{font-size:13px;margin-top:9px}.video-layout{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:13px}.video-copy>p:not(.eyebrow){font-size:15px;margin:20px 0;max-width:none}.video-copy .text-link{font-size:14px}.video-board{padding:22px}.film-images img,.film-images img:nth-child(2){height:185px}.film-images img:nth-child(2){object-fit:cover}.planning-types{font-size:12px}.library-gallery{grid-template-columns:1fr;gap:20px}.art-card{border-radius:16px}.art-card>img{aspect-ratio:3/2}.art-card:nth-child(2),.art-card:nth-child(3){margin-top:0}.art-caption{padding:19px 22px}.art-caption strong{font-size:18px}.library-notes{grid-template-columns:1fr;gap:25px;margin-top:35px}.library-notes h3{font-size:20px;margin-bottom:8px}.library-notes p{font-size:14px}.centered{text-align:left}.role-feature{padding:24px 19px;border-radius:18px}.role-tabs{max-width:100%;width:100%}.role-tabs button{padding:10px 7px;font-size:11px;flex:1}.role-panel{padding-top:27px}.role-summary{text-align:left}.role-summary h3{font-size:23px}.role-summary>p{font-size:14px;min-height:92px;margin-top:15px}.role-scope{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.role-scope div{padding-left:14px}.role-scope strong{font-size:16px}.storage-layout{grid-template-columns:1fr;gap:18px;margin-top:18px}.storage-layout>div{padding:29px;border-radius:18px}.storage-layout h3{font-size:28px}.storage-layout p{font-size:14px}.file-labels{font-size:12px;gap:14px}.storage-footnote{text-align:left;font-size:11px;line-height:1.8}.specs-layout{grid-template-columns:1fr;gap:30px}.specs h2{font-size:36px}.specs-layout>div>p{font-size:15px;margin-top:18px}.spec-list summary{font-size:17px;padding:21px 0}.spec-body{font-size:14px}.closing h2{font-size:45px;margin:23px 0 29px}.closing p{font-size:17px}.closing .text-link{font-size:13px}.footer-top{flex-wrap:wrap;gap:16px}.footer-top .brand{font-size:14px}.footer-top>span{display:none}.appearance-button{font-size:10px}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:10px}.footer-note{font-size:10px}.dialog-inner{padding:45px 26px 28px}.dialog-inner h2{font-size:31px}.dialog-lead{font-size:14px}.start-options{grid-template-columns:1fr;gap:23px}.start-options p{min-height:0}.client-note{font-size:11px}.art-details{padding:26px}.art-details>p:not(.eyebrow):not(.copy-status){font-size:14px}.media-dialog{width:calc(100% - 20px);padding:43px 8px 15px;border-radius:14px}.media-dialog>p{font-size:11px;padding-inline:10px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand-product{font-size:12px}.hero h1{font-size:52px}.hero-gallery{width:169%}.hero-art-center img{height:235px}.section-heading h2,.video-copy h2{font-size:31px}.prompt-preview{padding:19px}.prompt-preview h3{font-size:24px}.prompt-preview>p:last-child{font-size:12px}.role-tabs button{font-size:10px}.file-labels{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}.art-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--page);backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:rgba(10,15,21,.85)}}
@media print{.site-header,.hero-actions,.button,dialog,.appearance-button{display:none}.section-pad{padding-block:35px}.reveal{opacity:1!important;transform:none!important}body{background:white;color:#111}section{break-inside:avoid}.hero-gallery{width:100%}}

@media(prefers-color-scheme:dark){:root:not([data-appearance="light"]) .hero h1 span{color:#7bc5bc}}
:root[data-appearance="dark"] .hero h1 span{color:#7bc5bc}

/* Preview the actual input pair; video framing shows different crops of one product. */
.batch-copy h3{text-wrap:balance}
.pair-result{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:1/1}
.pair-result img{height:100%;aspect-ratio:auto;border-radius:6px;min-width:0}
.film-frame{overflow:hidden;border-radius:8px}
.film-frame img{height:245px;width:100%;object-fit:cover}
.film-frame:nth-child(2) img{transform:scale(2.8);transform-origin:50% 42%}
.film-frame:nth-child(3) img{transform:scale(1.45);transform-origin:50% 65%}
@media(max-width:1024px){.film-frame img{height:200px}}
@media(max-width:767px){.film-frame img{height:185px}}

/* Public launch: dedicated video chapter replaces management presentation. */
.download-primary{margin-top:24px}.download-meta{font-size:12px;color:var(--muted);margin-top:10px}
.video-section{background:var(--soft-blue)}.video-board{background:var(--card)}
.nav-links{gap:22px}
@media(max-width:1024px) and (min-width:768px){.nav-links{gap:14px;font-size:11px}.nav{gap:16px}.brand-product{font-size:13px}}

/* Account management stays visible alongside download, including on phones. */
.nav-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-admin{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:12px;font-weight:500;color:var(--blue);white-space:nowrap}
.header-admin:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1024px) and (min-width:901px){.nav-links{gap:12px}.nav{gap:14px}.nav-actions{gap:12px}}
@media(max-width:900px){
  .nav{min-height:60px;gap:14px}.nav-actions{margin-left:auto;gap:13px}
  .nav-links{display:none;position:absolute;top:60px;inset-inline:0;background:var(--page);padding:24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}.nav-links a{padding:16px;font-size:16px}
  .menu-toggle{display:flex;flex-direction:column;gap:6px;padding:9px 0 9px 5px;width:27px;flex-shrink:0}
  .menu-toggle span{height:1px;width:20px;background:var(--ink);transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
@media(max-width:767px){.nav-actions .button-small{font-size:11px;padding:9px 12px;min-height:32px}.header-admin{font-size:12px}}
@media(max-width:420px){.nav .brand-product,.nav .brand-divider{display:none}.nav{gap:12px}.nav-actions{gap:14px}}

.hero-actions{flex-wrap:wrap}.web-start{margin-top:28px;padding:24px;border-radius:18px;background:var(--page-alt,var(--page));border:1px solid var(--line)}.web-start h3{font-size:20px;letter-spacing:-.025em}.web-start p{font-size:14px;color:var(--muted);margin:8px 0 10px}
