.surface{background:var(--surface);border-block:1px solid #ffffff09}
.brand span{font-size:20px}
img{height:auto}
em{font-synthesis:style}
.number{display:block;font-family:monospace;color:var(--blue);font-size:13px;letter-spacing:.08em;margin-bottom:19px}
.gallery-stage{padding:28px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(#4a9eff07,transparent)}
.gallery-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:center}
.slide-card{padding:0;position:relative;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #0002;transition:transform .3s,box-shadow .3s}
.slide-card:first-child{outline:1px solid var(--blue);outline-offset:3px;transform:scale(1.025)}
.slide-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #0007}
.slide-card img{width:100%;aspect-ratio:4/7;object-fit:cover}
.slide-number{position:absolute;right:8px;bottom:9px;background:#1a1b1cdf;border-radius:4px;font:10px monospace;padding:3px 6px;color:#fff}
.slide-zoom{position:absolute;right:8px;top:8px;width:29px;height:29px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#1a1b1cc9;opacity:0;transition:opacity .2s}
.slide-card:hover .slide-zoom{opacity:1}
.gallery-caption{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px;color:var(--dim)}
.gallery-caption .text-link{font-size:12px;background:none;padding:0}
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:auto}
.format-card{padding:28px;border:1px solid var(--border);border-radius:15px;background:var(--bg)}
.format-primary{border-color:#4a9eff66;background:linear-gradient(#4a9eff08,#4a9eff03),var(--bg)}
.format-copy .eyebrow{font-size:10px;margin-bottom:14px}
.format-copy h3{font-size:27px;display:flex;justify-content:space-between;gap:12px;align-items:center;letter-spacing:-.035em}
.format-copy h3 span{font:16px monospace;color:var(--dim)}
.format-copy p{font-size:14px;margin-top:10px}
.format-preview{height:260px;display:flex;align-items:center;justify-content:center;margin:22px 0 24px;background-image:radial-gradient(#ffffff11 1px,transparent 1px);background-size:12px 12px;border-radius:8px;background-color:#222527}
.mini-sheet{background:#eceade;width:174px;height:217px;padding:17px;color:#1b252c;display:flex;flex-direction:column;text-align:left;box-shadow:7px 9px 0 #1115;transform:rotate(-5deg);transition:transform .4s}
.format-card:hover .mini-sheet{transform:rotate(0) translateY(-5px)}
.mini-sheet>span:first-child{font-size:8px;letter-spacing:.1em;color:#244c55}
.mini-sheet b{font-weight:800;font-size:24px;line-height:1.05;letter-spacing:-1px;margin:23px 0 10px}
.mini-sheet i{font-style:normal;font-size:10px}
.mini-sheet-bottom{font:8px monospace;display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid #1b252c35;padding-top:9px}
.mini-sheet-bottom span{font-size:19px;line-height:.6}
.square .mini-sheet{width:206px;height:206px;background:#c2e2e3;transform:rotate(5deg)}
.square .mini-sheet b{margin-top:18px}
.format-card dl{margin:0;border-top:1px solid var(--border);padding-top:18px;font-size:12px}
.format-card dl>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.format-card dl>div:last-child{margin-bottom:0}
.format-card dt{color:var(--dim)}.format-card dd{margin:0;text-align:right;font-weight:500}
.principles{margin-top:66px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.principle{padding-top:22px;border-top:1px solid var(--border)}
.principle h3{font-size:22px;letter-spacing:-.025em;line-height:1.3;margin-bottom:14px}
.principle p{font-size:14px;line-height:1.7}
.cases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.case-card{padding:0;text-align:left;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--bg);transition:transform .3s,border-color .3s;display:flex;flex-direction:column}
.case-card:hover{transform:translateY(-5px);border-color:#7e8792}
.case-visual{aspect-ratio:1.15;overflow:hidden;position:relative;background:#eee9d9;border-bottom:1px solid var(--border)}
.case-visual img{width:100%;height:auto;transition:transform .5s;transform-origin:top center}
.case-card:hover img{transform:scale(1.05)}
.case-arrow{position:absolute;right:10px;top:10px;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#1a1b1cdc;color:#fff}
.case-body{padding:19px 18px 22px}
.case-tag{color:var(--dim);font-size:9px;letter-spacing:.1em;font-weight:500}
.case-body h3{margin-top:10px;font-size:18px;letter-spacing:-.035em;line-height:1.3}
.case-body p{font-size:13px;line-height:1.65;margin-top:10px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.step{border-left:1px solid #ffffff28;padding-left:20px}
.step h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin-bottom:13px}
.step p{font-size:14px;line-height:1.7}
.prompt-example{margin-top:50px;border:1px solid #4a9eff33;background:#4a9eff06;padding:26px 30px;border-radius:13px;position:relative}
.prompt-example>div{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.prompt-example .case-tag{font-size:10px;color:var(--muted)}
.prompt-example p{font-size:16px;max-width:910px;color:#d5d8dd;line-height:1.75}
.copy-button{display:flex;align-items:center;gap:20px;border:1px solid #ffffff25;background:#ffffff09;font-size:12px;border-radius:6px;padding:7px 13px;margin-top:20px}
.copy-button:hover{background:#ffffff15}.copy-status{position:absolute;left:205px;bottom:34px;font-size:12px;color:#accec0}
.split-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:85px}
.split-copy h2{font-size:44px;line-height:1.14}.split-copy>p{margin-top:23px;line-height:1.75}
.story-list{list-style:none;padding:0;margin:32px 0 0}
.story-list li{display:flex;gap:20px;padding:17px 0;border-top:1px solid #ffffff18}
.story-list li>span{font:12px monospace;color:var(--blue);padding-top:4px}
.story-list h3{font-size:17px;letter-spacing:-.025em}
.story-list p{font-size:14px;line-height:1.6;margin-top:8px}
.story-visual{background:linear-gradient(135deg,#243038,#222728);border:1px solid #ffffff15;border-radius:15px;padding:23px 35px 34px;position:relative}
.story-label{font-size:10px;color:#9faebc;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}
.story-image{display:block;width:75%;max-width:290px;margin:auto;background:none;padding:0;transform:rotate(5deg);box-shadow:8px 15px 30px #0004;transition:transform .3s;border-radius:7px;overflow:hidden}
.story-image:hover{transform:rotate(0)}
.floating-caption{position:absolute;bottom:30px;left:-25px;border:1px solid #ffffff22;background:#24282ceb;backdrop-filter:blur(14px);padding:14px 20px;font-size:12px;border-radius:9px;box-shadow:0 8px 20px #0004}
.workflow-layout{grid-template-columns:1.05fr 1fr;gap:85px}
.conversation{border:1px solid var(--border);background:#1d1f21;border-radius:15px;padding:22px;box-shadow:0 16px 35px #0002}
.conversation-top{display:flex;align-items:center;gap:10px;font-size:13px;color:#bcc5cf;padding-bottom:20px;border-bottom:1px solid #ffffff10}
.chat-message{font-size:14px;padding:13px 16px;border-radius:13px;max-width:90%;margin-top:18px;line-height:1.6}
.user-message{background:#30353a;margin-left:auto;width:max-content;border-bottom-right-radius:3px}
.ai-message{display:flex;gap:10px;padding-left:0}
.ai-message .spark{padding-top:4px}.ai-message p{font-size:13px}
.chat-result{display:flex;gap:20px;margin-top:22px;padding:20px;background:#242a2d;border-radius:10px;align-items:center}
.chat-result img{width:44%;height:190px;object-fit:cover;object-position:top;border-radius:5px;transform:rotate(-5deg);box-shadow:0 5px 20px #0005}
.chat-result>div{flex:1}.chat-result>div>span{font-size:8px;color:var(--dim);letter-spacing:.07em;display:block;margin-bottom:13px}
.chat-result b{font-size:26px;line-height:1.05;letter-spacing:-.04em;display:block}.palette{display:flex;gap:6px;margin-top:19px}.palette i{width:18px;height:18px;border-radius:50%;background:#20b3a5}.palette i:nth-child(2){background:#ef4797}.palette i:nth-child(3){background:#f9cf53}
.demo-label{display:block;color:var(--dim);font-size:10px;text-align:center;margin-top:19px}
.editing-list{margin-top:30px}.editing-list>div{display:flex;align-items:center;gap:17px;margin-top:23px}.editing-list>div>span{width:42px;height:42px;border:1px solid #ffffff18;background:#ffffff05;border-radius:10px;display:grid;place-items:center;color:#acbdd1;flex-shrink:0;font-size:19px}.editing-list p{font-size:13px}.editing-list b{font-weight:600;color:#f3f3f4;display:block;margin-bottom:3px;font-size:15px}
.compare-wrap{border:1px solid var(--border);border-radius:14px;overflow:hidden}
table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.6}
thead th{font-size:13px;font-weight:500;padding:20px 24px;background:#232425}
thead th:first-child{color:var(--dim);width:19%}thead th:nth-child(2){width:40%}thead th:last-child{background:#233142;color:#ecf4ff}
thead .spark{font-size:16px;margin-right:5px}tbody th,tbody td{padding:19px 24px;border-top:1px solid #ffffff10}tbody th{font-size:13px;font-weight:500;color:var(--muted);background:#23242577}tbody td:nth-child(2){color:var(--dim)}tbody td:last-child{background:#4a9eff08}.check{display:inline-block;color:var(--blue);margin-right:10px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.more-card{display:block;position:relative;padding:28px;border:1px solid var(--border);border-radius:13px;background:var(--bg);transition:border-color .2s,transform .2s}.more-card:hover{border-color:#69798b;transform:translateY(-5px)}
.tool-icon{width:47px;height:47px;display:grid;place-items:center;background:#4a9eff12;border:1px solid #4a9eff25;color:#7daeea;font-size:26px;border-radius:10px;margin-bottom:27px}.more-arrow{position:absolute;top:28px;right:25px;color:var(--dim)}.more-card h3{font-size:23px;letter-spacing:-.035em}.more-card p{font-size:14px;line-height:1.7;margin-top:13px}.more-link{display:block;font-size:12px;color:#a7c2e2;margin-top:30px}
.checklist-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.checklist{border:1px solid var(--border);border-radius:13px;padding:10px 25px 0;background:#222426}
.checklist label{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #ffffff0e;font-size:13px;cursor:pointer}.checklist input{appearance:none;width:18px;height:18px;border:1px solid #63717f;border-radius:5px;flex-shrink:0;cursor:pointer;margin:0}.checklist input:checked{background:var(--blue);border-color:var(--blue)}.checklist input:checked::after{content:'✓';display:block;line-height:16px;font-size:14px;text-align:center;color:#141c26}.checklist input:focus-visible{outline:2px solid #a8ceff;outline-offset:3px}.checklist label:has(input:checked) span{color:#a3b2bf}#checklist-status{font-size:12px;color:var(--blue);padding:16px 0}
.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;align-items:start}.faq-layout .split-copy{position:sticky;top:110px}.faq-layout h2{font-size:38px}.faq-layout .eyebrow{font-size:10px}.faq-list details{border-bottom:1px solid #ffffff1a}.faq-list details:first-child{border-top:1px solid #ffffff1a}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:22px;align-items:center;cursor:pointer;padding:23px 0;font-size:15px;font-weight:500;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-weight:400;font-size:22px;color:var(--dim);line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--blue)}.faq-answer{padding:0 30px 23px 0}.faq-answer p{font-size:14px;line-height:1.8}
.final-cta{text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#4a9eff0a,transparent 60%);padding-block:90px 100px}.final-spark{font-size:40px;display:block;margin-bottom:27px}.final-cta h2{font-size:49px;line-height:1.16}.final-cta p{margin-top:23px;font-size:17px}.final-cta .button{margin-top:28px}.cta-note{font-size:11px;color:var(--dim);display:block;margin-top:15px}
.slide-dialog{border:1px solid #5a626d;border-radius:15px;background:#202325;color:#fff;padding:0;max-width:850px;width:calc(100% - 40px);max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0008}.slide-dialog::backdrop{background:#070a0de8;backdrop-filter:blur(10px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #ffffff16;gap:18px}.dialog-toolbar>span{font-size:14px;color:#d3dae2}.icon-button{display:grid;place-items:center;width:36px;height:36px;font-size:25px;background:#ffffff08;border-radius:50%;flex-shrink:0;transition:background .2s}.icon-button:hover{background:#ffffff20}.dialog-content{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px}.dialog-content>img{width:auto;max-width:calc(100% - 100px);height:auto;max-height:72dvh;object-fit:contain;border-radius:5px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid #ffffff16;font-size:12px;color:#b3c0cf;gap:20px}.dialog-footer a{color:#cde2ff}.modal-open{overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.will-reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-film video{width:100%;height:100%;object-fit:cover}.film-control{position:absolute;bottom:15px;right:15px;background:#1a1b1ce6;border:1px solid #ffffff33;border-radius:50px;display:flex;align-items:center;gap:8px;padding:7px 12px;color:white;font-size:11px;z-index:2;backdrop-filter:blur(8px)}.film-control:hover{background:#2d333c}
@media(min-width:1100px){.cases-grid .reveal:nth-child(4n+2){transition-delay:.05s}.cases-grid .reveal:nth-child(4n+3){transition-delay:.1s}.cases-grid .reveal:nth-child(4n+4){transition-delay:.15s}}
@media(max-width:1050px){.principles{grid-template-columns:repeat(2,1fr)}.cases-grid{grid-template-columns:repeat(2,1fr)}.case-visual{aspect-ratio:1.6}.case-body h3{font-size:21px}.case-body p{font-size:14px}.case-tag{font-size:10px}.split-layout,.workflow-layout{gap:40px}.split-copy h2{font-size:36px}.steps-grid{gap:17px}.step{padding-left:14px}.step h3{font-size:18px}.more-card{padding:22px}.more-card h3{font-size:20px}.checklist-layout{gap:40px}.faq-layout{gap:35px}.faq-layout h2{font-size:33px}}
@media(max-width:760px){.gallery-stage{padding:17px 12px}.gallery-track{display:flex;overflow-x:auto;gap:12px;padding:6px 6px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#5c7189 transparent}.slide-card{flex:0 0 56%;scroll-snap-align:center}.slide-card:first-child{transform:none}.gallery-caption{padding:0 4px;gap:10px;margin-top:15px;font-size:10px}.gallery-caption .text-link{font-size:10px;gap:5px}.format-grid{gap:16px}.format-card{padding:20px}.format-copy h3{font-size:23px}.format-copy h3 span{font-size:13px}.format-copy .eyebrow{font-size:9px}.format-copy p{font-size:13px}.format-preview{height:240px}.format-card dl{font-size:11px}.principles{margin-top:35px;gap:24px}.principle h3{font-size:20px}.cases-grid{gap:16px}.case-visual{aspect-ratio:1}.case-body{padding:15px}.case-body h3{font-size:18px}.case-body p{font-size:13px}.case-tag{font-size:8px}.steps-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.step h3{font-size:19px}.step p{font-size:14px}.prompt-example{padding:23px 20px;margin-top:35px}.prompt-example p{font-size:15px}.copy-status{position:static;display:block;font-size:12px;margin-top:8px}.split-layout,.workflow-layout{grid-template-columns:1fr;gap:35px}.split-copy h2{font-size:35px}.story-visual{max-width:450px;width:100%;margin:auto}.story-image{width:70%}.floating-caption{left:10px}.workflow-layout .split-copy{grid-row:1}.conversation{max-width:500px;width:100%;margin:auto}.chat-result img{height:210px}.more-grid{grid-template-columns:1fr}.more-card{padding:25px}.tool-icon{margin-bottom:20px}.more-card h3{font-size:24px}.more-card p{max-width:450px;font-size:15px}.more-link{margin-top:20px}.checklist-layout{grid-template-columns:1fr;gap:28px}.checklist{padding-inline:20px}.checklist label{font-size:14px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-layout .split-copy{position:static}.faq-layout h2{font-size:34px}.faq-layout .split-copy>p{margin-top:18px}.faq-list summary{font-size:15px;padding-block:21px}.final-cta{padding-block:65px 75px}.final-cta h2{font-size:34px}.final-cta p{font-size:16px}table{font-size:12px}thead th{padding:14px 10px;font-size:11px}tbody th,tbody td{padding:14px 10px}tbody th{font-size:11px;width:18%}.check{margin-right:5px}.dialog-content{gap:8px;padding:13px 8px}.dialog-content>img{max-width:calc(100% - 72px)}.dialog-content .icon-button{width:28px;height:28px;font-size:20px}.dialog-toolbar>span{font-size:12px}.dialog-footer{font-size:11px;padding:14px}.slide-dialog{width:calc(100% - 16px)}.will-reveal{transform:translateY(15px)}}
@media(max-width:540px){.format-grid{grid-template-columns:1fr}.format-preview{height:250px}.format-copy .eyebrow{font-size:10px}.format-card dl{font-size:13px}.case-body{padding:14px 12px}.case-body h3{font-size:16px}.case-body p{font-size:12px}.case-tag{font-size:8px;letter-spacing:.055em}.cases-grid{gap:12px}.principle p{font-size:14px}.section-head h2{font-size:33px}.hero h1{font-size:clamp(33px,8.8vw,44px)}.hero h1 em{line-height:1.1}.hero-description{font-size:15px}.hero-actions .button{font-size:12px;padding:12px 16px;gap:13px}.hero-actions .text-link{font-size:12px}.hero-facts{gap:12px}.hero-facts span{font-size:9px}.hero-film{height:240px}.hero-slides{width:770px}.hero-slides img{width:138px}.gallery-caption>span{max-width:150px}.principles{gap:24px 18px}.principle h3{font-size:18px}.more-card p{font-size:14px}.final-cta h2{font-size:30px}.compare-wrap{overflow-x:auto}table{min-width:470px}.steps-grid{gap:28px 18px}.step h3{font-size:18px}.step p{font-size:13px}.chat-result>div>span{font-size:8px}.checklist label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.hero-slides{animation:none}}

.dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-content>img{grid-column:1/-1;grid-row:1;max-width:100%;justify-self:center}.dialog-content .dialog-prev,.dialog-content .dialog-next{width:auto;height:36px;min-width:62px;padding:0 12px;border-radius:7px;font-size:12px}.dialog-prev{justify-self:start}.dialog-next{justify-self:end}