:root{
color-scheme:dark;
--color-bg:#141414;--color-surface:#1d1e21;--color-surface-hover:#2a2b30;
--color-text:#f5f5f7;--color-muted:#b1bcd2;--color-body:#d1d3da;--color-line:#34363c;
--color-blue:#a8bfdc;--color-blue-ink:#243247;--color-paper:#eef2f7;--color-focus:#a8bfdc;
--font-display:"Source Serif 4",Georgia,serif;--font-body:"DM Sans",sans-serif;
--size-display:clamp(40px,5.8vw,80px);--size-heading:clamp(30px,3vw,44px);
--space-section:clamp(80px,10vw,144px);--radius-panel:24px;--radius-sheet:16px;--radius-pill:999px;
--width-page:1360px;--duration:200ms;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#576275 var(--color-bg)}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5}
::selection{background:var(--color-blue);color:var(--color-blue-ink)}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
h2{font-size:var(--size-heading)}p{color:var(--color-body)}
.container{width:min(calc(100% - 48px),var(--width-page));margin-inline:auto}
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:20;top:12px;left:24px;width:auto;height:auto;margin:0;padding:12px 20px;clip-path:none;background:var(--color-paper);color:var(--color-blue-ink);border-radius:var(--radius-pill)}
.site-header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:24px}
.wordmark{font-family:var(--font-display);font-size:36px;font-weight:500;line-height:1;letter-spacing:-.04em}
.site-header nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;color:var(--color-body)}.nav-link:hover{color:var(--color-text)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 26px;white-space:nowrap;border-radius:var(--radius-pill);font-size:14px;line-height:20px;font-weight:500;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}
.button-dark{background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-text)}.button-dark:hover{background:var(--color-surface-hover)}
.button-light{background:var(--color-paper);color:var(--color-blue-ink);border:1px solid transparent}.button-light:hover{background:#d8e3f0}
.button-outline{border:1px solid #67718a;background:transparent;color:var(--color-text)}.button-outline:hover{background:var(--color-surface-hover)}
.hero{display:grid;grid-template-columns:44% 1fr;gap:6%;padding:20px;min-height:760px;background:#1b1f34}
.sky-panel{background-color:var(--color-blue);background-image:url('assets/sky-background.webp');background-size:cover;background-position:center;border-radius:var(--radius-panel);overflow:hidden;color:var(--color-blue-ink)}
.hero-art{position:relative;min-height:720px;padding:120px 40px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.art-title{font:500 clamp(60px,8vw,118px)/1 var(--font-display);letter-spacing:-.04em}.art-line{font:400 clamp(30px,3.5vw,50px)/1.12 var(--font-display);text-align:center;color:var(--color-blue-ink);letter-spacing:-.025em}
.brief-preview{width:min(100%,350px);padding:24px;background:var(--color-paper);border-radius:var(--radius-sheet);box-shadow:0 18px 50px rgba(36,50,71,.13)}
.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#4b5a70}.status{padding:4px 9px;background:#dce6f2;border-radius:var(--radius-pill);font-size:11px;color:var(--color-blue-ink);white-space:nowrap}
.brief-preview>p{margin-block:26px 22px;color:var(--color-blue-ink);font:400 27px/1.2 var(--font-display)}
.format-pills{display:flex;flex-wrap:wrap;gap:8px}.format-pills span{padding:7px 13px;border:1px solid #b6c3d4;border-radius:var(--radius-pill);font-size:12px;color:var(--color-blue-ink)}
.art-caption{margin-top:16px;font-size:12px;color:var(--color-blue-ink)}
.hero-copy{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:120px 40px 50px 0;max-width:650px}
.hero-wordmark{font:500 62px/1 var(--font-display);letter-spacing:-.03em;margin-bottom:32px}.hero-wordmark span{font-weight:400;font-style:italic;color:var(--color-muted)}
.hero-copy h1{max-width:460px;font-size:clamp(28px,2.8vw,40px);line-height:1.18;margin-bottom:24px}
.hero-copy>p:not(.hero-fit){max-width:440px;font-size:18px;line-height:1.5}.hero-actions{width:min(100%,380px);display:grid;gap:12px;margin-top:34px}.hero-actions .button{min-height:50px}
.hero-fit{margin-top:28px;font-size:13px;line-height:1.6;color:var(--color-muted)}
.quiet-link{display:inline-flex;align-items:center;gap:10px;margin-top:36px;padding:8px;font-size:13px;color:var(--color-body)}.quiet-link:hover{color:var(--color-text)}
.intro{padding-block:var(--space-section);text-align:center;max-width:1020px}.statement{font-size:var(--size-display);line-height:1.08}
.intro>p{max-width:650px;margin:28px auto 0;font-size:18px}.intro>p+p{margin-top:16px}
.format-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:40px}.format-selector button{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-body);min-height:46px;padding:10px 23px;border-radius:var(--radius-pill);transition:background var(--duration) var(--ease)}.format-selector button:hover{background:var(--color-surface-hover)}.format-selector button[aria-pressed=true]{background:var(--color-paper);color:var(--color-blue-ink);border-color:var(--color-paper)}
.intro .selector-detail{min-height:54px;font-size:15px;color:var(--color-muted);margin-top:20px}
.features{display:grid;gap:80px}.feature{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:7%;scroll-margin-top:80px}.feature-reverse{grid-template-columns:1.18fr .82fr}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-art{order:1}
.feature-copy{padding:40px;max-width:570px}.feature-copy h2{margin-bottom:24px}.feature-copy p+p{margin-top:16px}.feature-copy p{max-width:65ch}.inline-link{display:inline-flex;align-items:center;gap:12px;padding-block:12px;margin-top:16px;font-size:14px;text-underline-offset:5px;text-decoration:underline}.inline-link:hover{color:var(--color-muted)}
.feature-art{min-height:520px;display:flex;align-items:center;justify-content:center;padding:48px;position:relative}
.sample-sheet,.script-sheet{width:100%;max-width:490px;border-radius:var(--radius-sheet);background:var(--color-paper);padding:32px;color:var(--color-blue-ink);box-shadow:0 18px 50px rgba(36,50,71,.13)}
.sample-sheet h3,.script-sheet h3{font:400 36px/1.12 var(--font-display);letter-spacing:-.025em;margin:30px 0}
.sample-variations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sample-variations div{padding:26px 12px;background:#dae4f1;border-radius:8px;min-height:110px}.sample-variations span{font-size:11px;display:block;color:#4b5a70}.sample-variations strong{font-weight:500;font-size:15px;display:block;margin-top:18px}
.sample-foot{border-top:1px solid #b6c3d4;display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:16px;font-size:12px;color:#4b5a70}
.motion-art{background-position:30% 70%}.motion-sequence{display:grid;gap:16px;width:100%;max-width:450px}.motion-frame{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;background:var(--color-paper);border-radius:var(--radius-sheet)}.motion-frame>span{font-size:13px;color:#4b5a70}.motion-frame h3{font:400 25px/1.15 var(--font-display);text-align:right;letter-spacing:-.02em}.panel-caption{position:absolute;bottom:25px;left:25px;right:25px;text-align:center;font-size:12px;color:var(--color-blue-ink)}
.script-sheet dl{margin:0}.script-sheet dl>div{display:grid;grid-template-columns:64px 1fr;gap:18px;border-top:1px solid #b6c3d4;padding:18px 0;font-size:14px}.script-sheet dt{font-weight:500}.script-sheet dd{margin:0;color:#4b5a70}
.process{margin-top:80px}.process-art{min-height:590px;padding:40px}.process-list{list-style:none;margin:0;padding:0;width:100%;max-width:510px}.process-list li{display:flex;gap:16px;background:var(--color-paper);border-radius:var(--radius-sheet);padding:20px;margin-bottom:12px}.process-list li:last-child{margin-bottom:0}.step-number{font-size:13px;font-variant-numeric:tabular-nums;flex:0 0 26px;line-height:28px;color:#4b5a70}.process-list h3{font-weight:500;font-size:18px;margin-bottom:6px}.process-list p{font-size:14px;color:#4b5a70}
.boundary{max-width:1000px;padding-block:var(--space-section);text-align:center}.boundary-list{list-style:none;padding:0;margin:40px auto 0;max-width:650px}.boundary-list li{color:var(--color-body);margin-top:16px}
.plans{padding:40px 40px var(--space-section)}.plans-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:48px}.plans-head>p{max-width:330px;font-size:15px}.plan-list{border-top:1px solid var(--color-line)}.plan{display:grid;grid-template-columns:.7fr .8fr 1.8fr auto;gap:32px;align-items:center;padding:28px 0;border-bottom:1px solid var(--color-line)}.plan h3{font:400 30px/1.2 var(--font-display);letter-spacing:-.02em}.plan-price{font-size:24px;font-variant-numeric:tabular-nums;line-height:1.2}.plan-price span{display:block;font-size:12px;color:var(--color-muted);margin-top:6px}.plan p{font-size:14px;max-width:380px}.plan .button{padding-inline:20px}
.contact{border-radius:0;min-height:620px;display:grid;place-items:center;padding:80px 24px}.contact-inner{max-width:580px;padding:48px 56px;text-align:center;background:var(--color-surface);border-radius:32px;color:var(--color-text)}.contact h2{font-size:clamp(34px,4vw,52px);margin-bottom:24px}.contact p{font-size:16px}.contact .button{display:flex;margin-top:32px}.contact-email{display:block;margin-top:20px;font-size:14px;color:var(--color-body);text-underline-offset:4px}.contact-email:hover{text-decoration:underline}.contact .contact-note{font-size:12px;color:var(--color-muted);margin-top:24px}
footer{padding:56px 40px 24px}.footer-main{display:grid;grid-template-columns:1fr auto auto;gap:80px;padding-bottom:48px}.footer-brand{font-size:48px}.footer-main p{font-size:14px;margin-top:18px;color:var(--color-muted)}.footer-group{display:flex;flex-direction:column;gap:8px}.footer-group h2{font:400 14px/1.5 var(--font-body);color:var(--color-muted);letter-spacing:normal;margin-bottom:8px}.footer-group a{font-size:14px}.footer-group a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:12px}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}
@media(max-width:1000px){.hero{gap:3%}.hero-art{padding-inline:24px}.hero-copy{padding-right:20px}.hero-wordmark{font-size:50px}.feature,.feature-reverse{gap:4%;grid-template-columns:1fr 1fr}.feature-copy{padding:20px}.feature-art{padding:24px;min-height:470px}.process-art{padding:24px;min-height:570px}.sample-sheet,.script-sheet{padding:24px}.plan{gap:20px;grid-template-columns:.6fr .8fr 1.3fr auto}.plans{padding-inline:0}.footer-main{gap:40px}}
@media(max-width:720px){html{scroll-padding-top:24px}.container{width:calc(100% - 32px)}.site-header{padding:24px;gap:12px}.site-header .wordmark{font-size:30px}.site-header nav{gap:0}.nav-link{display:none}.site-header .button{padding:10px 18px;min-height:42px}.hero{grid-template-columns:1fr;gap:0;padding:88px 16px 0;min-height:auto}.hero-copy{padding:48px 16px 56px;max-width:none}.hero-wordmark{font-size:48px;margin-bottom:24px}.hero-copy h1{font-size:32px;max-width:420px}.hero-copy>p:not(.hero-fit){font-size:16px}.hero-art{min-height:550px;padding:48px 24px 28px;gap:24px}.art-title{font-size:76px}.art-line{font-size:38px}.brief-preview{padding:22px}.art-caption{margin-top:0}.hero-fit{margin-top:24px}.quiet-link{margin-top:24px}.intro{padding-block:80px}.statement{font-size:clamp(36px,7.5vw,52px)}.intro>p{font-size:16px;margin-top:24px}.format-selector{gap:8px;margin-top:32px}.format-selector button{padding-inline:16px;font-size:13px}.features{gap:64px}.feature,.feature-reverse{grid-template-columns:1fr;gap:24px}.feature-copy,.feature-reverse .feature-copy{order:1;padding:0 8px;max-width:none}.feature-art,.feature-reverse .feature-art{order:2;min-height:420px;padding:24px}.feature-copy h2{font-size:32px;margin-bottom:20px}.feature-copy p{font-size:15px}.sample-sheet h3,.script-sheet h3{font-size:30px}.sample-sheet,.script-sheet{padding:24px}.sample-variations{grid-template-columns:1fr}.sample-variations div{display:flex;align-items:center;justify-content:space-between;padding:16px;min-height:0}.sample-variations strong{margin:0}.sample-variations span{font-size:12px}.sample-foot{font-size:11px}.motion-frame{padding:20px}.motion-frame h3{font-size:23px}.panel-caption{font-size:11px}.process{margin-top:64px}.process .process-art{min-height:570px;padding:24px 16px}.process-list li{padding:18px 16px;gap:12px}.process-list p{font-size:14px}.boundary{padding-block:88px}.boundary-list{padding-inline:12px;margin-top:32px}.boundary-list li{font-size:15px;margin-top:18px}.plans{padding:0 8px 88px}.plans-head{display:block;margin-bottom:32px}.plans-head h2{font-size:34px;margin-bottom:20px}.plans-head>p{max-width:none}.plan{grid-template-columns:1fr auto;gap:18px;padding-block:26px}.plan h3{font-size:30px}.plan-price{text-align:right}.plan p{grid-column:1/-1;max-width:none}.plan .button{grid-column:1/-1;width:max-content;min-height:44px}.contact{min-height:570px;padding:56px 16px}.contact-inner{padding:36px 24px;border-radius:24px}.contact h2{font-size:36px}.contact p{font-size:15px}footer{padding:48px 8px 24px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-main>div:first-child{grid-column:1/-1}.footer-main .footer-brand{font-size:44px}.footer-group a{font-size:13px;overflow-wrap:anywhere}.footer-bottom{font-size:11px;gap:12px}}
@media(max-width:720px){.hero-copy{order:1;padding:24px 8px 48px}.hero-art{order:2}.hero-wordmark{font-size:44px;margin-bottom:20px}.hero-copy h1{font-size:30px}.hero-actions{margin-top:24px}.hero-fit{margin-top:20px}.quiet-link{margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}