@layer components{.landing{background-color:var(--paper);background-image:radial-gradient(#1014180f 1px,#0000 1.5px);background-size:22px 22px;overflow:hidden}.landing-nav{z-index:var(--z-nav);border-bottom:2px solid var(--ink);height:64px;padding:0 var(--gutter);background:#f4f5f7f5;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing main{padding-top:64px}.landing [id]{scroll-margin-top:80px}.landing-logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.landing-logo-mark{border:2px solid var(--ink);background:var(--yellow);width:30px;height:30px;box-shadow:var(--sh-sm);transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring);border-radius:8px;place-items:center;display:grid;transform:rotate(-6deg)}.landing-logo-mark:before{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--ink);content:"";margin-left:2px}.landing-logo:hover .landing-logo-mark{box-shadow:5px 5px 0 var(--ink);transform:rotate(0)}.landing-logo-word{font:800 18px/1 var(--disp);letter-spacing:0}.landing-nav-links{align-items:center;gap:26px;display:none}.landing-nav-links a{color:var(--ink);font:700 12px/1 var(--body);transition:color var(--dur-fast), transform var(--dur-fast) var(--spring);text-decoration:none}.landing-nav-links a:hover{color:var(--rec);transform:translateY(-1px)}.landing-nav-links a:active{transform:translateY(1px)}.landing-nav-right{align-items:center;gap:12px;display:flex}.landing-burger{cursor:pointer;border:2px solid var(--ink);background:var(--white);width:42px;height:42px;box-shadow:var(--sh-sm);transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring);border-radius:8px;place-content:center;gap:4px;display:grid}.landing-burger:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.landing-burger:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.landing-burger span{background:var(--ink);width:18px;height:2px;display:block}.landing-menu{z-index:var(--z-menu);visibility:hidden;background:var(--ink);padding:0 var(--gutter);opacity:0;transition:opacity var(--dur-base) var(--out),visibility var(--dur-base);background-image:radial-gradient(#f4f5f712 1px,#0000 1.5px);background-size:22px 22px;flex-direction:column;justify-content:center;gap:8px;display:flex;position:fixed;inset:0}.landing-menu[data-open=true]{visibility:visible;opacity:1}.landing-menu>a:not(.db-btn){color:var(--paper);font:700 clamp(2rem,9vw,3.4rem)/1.1 var(--disp);text-decoration:none}.landing-menu>a:hover{color:var(--yellow)}.landing-menu-close{top:11px;right:var(--gutter);border:2px solid var(--paper);width:42px;height:42px;color:var(--paper);font:700 24px/1 var(--body);background:0 0;border-radius:8px;position:absolute}.landing-hero{padding:72px var(--gutter) 60px;position:relative}.landing-hero-in{z-index:2;max-width:var(--w-page);text-align:center;flex-direction:column;align-items:center;gap:40px;margin:0 auto;display:flex;position:relative}.landing-hero-copy{flex-direction:column;align-items:center;width:100%;max-width:820px;display:flex}.landing-eyebrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.landing-hero h1{max-width:14ch;margin:18px 0 16px;font-size:2.5rem;line-height:1.04}.landing-hero h1 em{background:var(--yellow);color:var(--ink);padding:.02em .14em .12em}.landing-hero .t-body{text-align:center;max-width:60ch}.landing-command{border:2px solid var(--ink);background:var(--white);width:100%;box-shadow:var(--sh-md);text-align:left;transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring), border-color var(--dur-fast);border-radius:13px;padding:12px}.landing-command:hover{box-shadow:8px 8px 0 var(--ink)}.landing-command:focus-within{border-color:var(--cobalt);box-shadow:var(--sh-cobalt);transform:translate(-1px,-1px)}.landing-hero-command{width:min(100%,720px);max-width:none;margin:28px 0 14px}.landing-command textarea{resize:none;width:100%;min-height:82px;max-height:200px;color:var(--ink);font:500 16px/1.5 var(--body);background:0 0;border:0;outline:none;padding:10px;overflow-y:hidden}.landing-command textarea:focus{box-shadow:none;outline:none}.landing-reveal:has(.landing-command){z-index:20;position:relative}.landing-command-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-command-right{align-items:center;gap:12px;display:flex}.landing-command kbd{color:var(--low);font:700 9px/1 var(--body);letter-spacing:.12em}.landing-command-icon{cursor:pointer;border:2px solid var(--ink);width:46px;height:46px;box-shadow:var(--sh-sm);transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring), filter var(--dur-fast);border-radius:9px;flex:none;place-items:center;display:grid}.landing-command-icon svg{width:18px;height:18px}.landing-command-icon:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.landing-command-icon:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.landing-command-icon:disabled{cursor:wait;opacity:.55}.landing-command-add{background:var(--white);color:var(--ink)}.landing-command-send{background:var(--rec);color:#fff}.landing-popover-heading{color:var(--low);font:700 9px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;padding:8px 11px 4px}.landing-command .db-popover-item svg{width:17px;height:17px;color:var(--mid);flex:none}.landing-attachments{flex-wrap:wrap;gap:8px;padding:2px 6px 4px;display:flex}.landing-attachment{border:2px solid var(--ink);background:var(--well);max-width:100%;font:600 12px/1 var(--body);border-radius:999px;align-items:center;gap:7px;padding:6px 7px 6px 10px;display:inline-flex}.landing-attachment>svg{width:14px;height:14px;color:var(--mid);flex:none}.landing-attachment button{cursor:pointer;border:1.5px solid var(--ink);background:var(--white);width:19px;height:19px;font:700 13px/1 var(--body);border-radius:50%;place-items:center;display:grid}.landing-link-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:2px 6px 4px;padding:4px 2px 8px;display:flex}.landing-link-row svg{width:16px;height:16px;color:var(--mid)}.landing-link-row input{min-width:0;color:var(--ink);font:500 13px/1.3 var(--body);background:0 0;border:0;outline:none;flex:1}.landing-square-dots{gap:4px;display:inline-flex}.landing-square-dots i{background:currentColor;width:6px;height:6px;animation:.9s ease-in-out infinite landing-square-bounce}.landing-square-dots i:nth-child(2){animation-delay:.12s}.landing-square-dots i:nth-child(3){animation-delay:.24s}.landing-reassure{color:var(--low);font:700 11px/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing-reassure span{align-items:center;gap:6px;display:inline-flex}.landing-reassure span:before{background:var(--go);content:"";border-radius:50%;width:6px;height:6px}.landing-proof{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.landing-proof-frames{display:flex}.landing-proof-frame{width:46px;height:30px;transform:rotate(var(--r));border:2px solid var(--ink);background:var(--screen);box-shadow:var(--sh-sm);color:var(--paper);font:800 8px/1 var(--disp);border-radius:6px;place-items:center;margin-left:-10px;display:grid;overflow:hidden}.landing-proof-frame:first-child{margin-left:0}.landing-proof-text{color:var(--mid);font:600 12px/1.3 var(--body)}.landing-hero-stage{width:100%;max-width:720px}.landing-note{border:2px solid var(--ink);background:var(--white);max-width:90%;box-shadow:var(--sh-sm);border-radius:9px;align-items:center;gap:9px;padding:9px 13px;display:inline-flex;transform:rotate(-2deg)}.landing-note-tag{color:var(--rec);font:700 9px/1 var(--body);letter-spacing:.16em}.landing-note-text{color:var(--ink);font:600 13px/1.3 var(--body);text-align:left}.landing-arrow{flex-direction:column;align-items:center;margin:9px 0 11px;display:flex}.landing-arrow:before{border-left:2px dashed var(--ink);content:"";width:0;height:26px}.landing-section{padding:72px var(--gutter)}.landing-section-in{max-width:var(--w-page);margin:0 auto}.landing-section-head{margin-bottom:40px}.landing-section-head .t-display{max-width:16ch;margin-top:12px}.landing-section-head .t-body{margin-top:14px}.landing-grid-3{gap:26px;display:grid}.landing-reframe{align-items:stretch;gap:26px;display:grid}.landing-way{flex-direction:column;height:100%;display:flex}.landing-way-label{border:2px solid var(--ink);font:700 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border-radius:7px;align-self:flex-start;margin-bottom:10px;padding:7px 10px}.landing-way-label--old{background:var(--rec-tint);color:var(--rec)}.landing-way-label--new{background:var(--cobalt-tint);color:var(--cobalt)}.landing-timeline{border:2px solid var(--ink);background:var(--white);box-shadow:var(--sh-md);opacity:.72;border-radius:13px;padding:24px 18px;position:relative;overflow:hidden}.landing-track-row{align-items:center;gap:8px;margin-bottom:9px;display:flex}.landing-track-name{width:46px;color:var(--low);font:700 9px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}.landing-track{background:var(--well);border-radius:5px;flex:1;height:20px;position:relative;overflow:hidden}.landing-clip{border:1.5px solid var(--rec);background:var(--rec-tint);border-radius:4px;position:absolute;top:3px;bottom:3px}.landing-strike{border-top:6px solid var(--rec);pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%;transform:rotate(-18deg)}.landing-old-stamp{border:2px dashed var(--rec);background:var(--white);color:var(--rec);font:700 9px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:6px 8px;position:absolute;bottom:10px;right:12px;transform:rotate(4deg)}.landing-new-way{border:2px solid var(--ink);border-left:6px solid var(--cobalt);background:var(--white);box-shadow:var(--sh-sm);border-radius:11px;flex:1;padding:18px}.landing-new-way>.t-chat{background:var(--ink);max-width:88%;color:var(--paper);border-radius:8px;margin-left:auto;padding:10px 12px}.landing-new-reply{border:2px solid var(--ink);border-left:5px solid var(--cobalt);background:var(--cobalt-tint);border-radius:9px;margin-top:14px;padding:11px 12px}.landing-new-reply .landing-who{margin-bottom:5px}.landing-way-note{color:var(--mid);font:500 13px/1.5 var(--body);margin-top:12px}.landing-who{color:var(--cobalt);font:700 9px/1 var(--body);letter-spacing:.2em;margin-bottom:8px;display:block}.landing-cutline{border:0;border-top:2px dashed var(--ink);position:relative}.landing-cutline span{background:var(--paper);padding:0 8px;position:absolute;top:-13px;left:8%}.landing-story{gap:26px;display:grid}.landing-story-card{border:2px solid var(--ink);background:var(--white);min-height:330px;box-shadow:var(--sh-md);transition:transform var(--dur-base) var(--spring), box-shadow var(--dur-base) var(--spring);border-radius:13px;padding:26px 22px;position:relative}.landing-story-card:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)rotate(0)}.landing-story-card:before{content:"";background:#ffd400a6;width:70px;height:24px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-3deg)}.landing-story-number{color:var(--rec);font:800 42px/1 var(--disp)}.landing-story-card h3{font:700 18px/1.2 var(--disp);margin:16px 0 10px}.landing-story-demo{background:var(--well);border-radius:9px;flex-direction:column;justify-content:center;gap:9px;min-height:130px;margin-top:24px;padding:14px;display:flex}.landing-url{border:2px solid var(--ink);background:var(--white);font:600 12px/1 var(--body);border-radius:999px;align-self:flex-start;padding:8px 12px}.landing-story-scan{transform-origin:0;background:var(--go);width:100%;height:4px;animation:landing-scan 2.6s var(--out) infinite;display:block}.landing-mini-bubble{border:2px solid var(--ink);background:var(--white);max-width:88%;font:600 11px/1.35 var(--body);border-radius:9px;padding:9px 11px}.landing-mini-bubble--user{background:var(--ink);color:var(--paper);align-self:flex-end}.landing-mini-bubble--agent{border-left:4px solid var(--cobalt)}.landing-story-typing{align-self:flex-start;gap:4px;padding:2px 8px;display:inline-flex}.landing-story-typing i{background:var(--cobalt);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite landing-typing}.landing-story-typing i:nth-child(2){animation-delay:.12s}.landing-story-typing i:nth-child(3){animation-delay:.24s}.landing-story-render{color:var(--mid);font:700 9px/1 var(--body);letter-spacing:.1em;align-items:center;gap:8px;display:flex}.landing-story-render i{background:var(--rec);width:8px;height:8px;animation:1.4s ease-in-out infinite landing-render}.landing-story-render i:nth-child(2){animation-delay:.2s}.landing-ratio-row{gap:8px;display:flex}.landing-export-progress{border:2px solid var(--ink);border-radius:4px;height:7px;overflow:hidden}.landing-export-progress i{background:var(--cobalt);width:68%;height:100%;animation:2.8s ease-in-out infinite landing-export;display:block}.landing-export-label{color:var(--mid);font:700 9px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}.landing-gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:34px;display:flex}.landing-filter{flex-wrap:wrap;gap:9px;display:flex}.landing-video-grid{gap:24px;display:grid}.landing-video-card{border:2px solid var(--ink);background:var(--white);box-shadow:var(--sh-md);transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring);border-radius:13px;overflow:hidden}.landing-video-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.landing-video-meta{padding:16px}.landing-video-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.landing-video-title h3{font:700 15px/1.25 var(--body)}.landing-video-tag{background:var(--well);font:700 9px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 8px}.landing-video-prompt{color:var(--mid);font:500 12px/1.4 var(--body);gap:8px;margin-top:11px;display:flex}.landing-video-prompt b{color:var(--rec);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.landing-brand-grid{align-items:center;gap:34px;display:grid}.landing-brand-form{flex-wrap:wrap;gap:12px;max-width:440px;margin-top:26px;display:flex}.landing-brand-card{padding:30px 24px 22px;position:relative}.landing-brand-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.landing-brand-logo{border:2px solid var(--ink);color:#fff;width:48px;height:48px;font:800 20px/1 var(--disp);background:#ff5a2a;border-radius:11px;place-items:center;display:grid}.landing-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.landing-swatch{border:2px solid var(--ink);border-radius:8px;min-height:76px;padding:7px}.landing-swatch span{font:700 8px/1 var(--body);background:#fffc;border-radius:3px;padding:3px;display:inline-block}.landing-brand-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.landing-chat{display:grid;overflow:hidden}.landing-chat-column{background-color:var(--paper);background-image:radial-gradient(#1014180d 1px,#0000 1.5px);background-size:22px 22px;flex-direction:column;gap:12px;max-height:540px;padding:24px 20px;display:flex;overflow-y:auto}.landing-bubble{border:2px solid var(--ink);border-radius:11px;max-width:88%;padding:12px 15px}.landing-bubble--user{background:var(--ink);color:var(--paper);align-self:flex-end}.landing-bubble--agent{border-left:6px solid var(--cobalt);background:var(--white)}.landing-preview{background:var(--ink);background-image:radial-gradient(#f4f5f712 1px,#0000 1.5px);background-size:22px 22px;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px;display:flex}.landing-preview-meta{color:#f4f5f7a6;justify-content:space-between;display:flex}.landing-persona{border:2px solid var(--ink);background:var(--white);box-shadow:var(--sh-md);border-radius:13px;padding:24px 22px}.landing-persona:first-child{transform:rotate(-1.2deg)}.landing-persona:nth-child(2){transform:rotate(1deg)}.landing-persona:nth-child(3){transform:rotate(-.8deg)}.landing-persona-role{color:var(--rec);font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;display:flex}.landing-persona-role:before{background:var(--rec);content:"";width:7px;height:7px}.landing-persona q{font:600 17px/1.35 var(--disp);display:block}.landing-stat{padding:24px 22px}.landing-pricing-toggle{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:36px;display:flex}.landing-toggle{border:2px solid var(--ink);background:var(--white);width:54px;height:30px;box-shadow:var(--sh-sm);border-radius:999px;padding:3px}.landing-toggle i{width:20px;height:20px;transform:translateX(var(--toggle-x,0));border:2px solid var(--ink);background:var(--yellow);transition:transform var(--dur-base) var(--spring);border-radius:50%;display:block}.landing-toggle[aria-pressed=true]{--toggle-x:24px}.landing-price-card{border:2px solid var(--ink);background:var(--white);box-shadow:var(--sh-md);border-radius:13px;padding:26px 22px;position:relative}.landing-price-card--popular{box-shadow:var(--sh-rec)}.landing-tier{color:var(--mid);font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}.landing-price{align-items:flex-end;gap:8px;margin:18px 0 8px;display:flex}.landing-price b{font:800 42px/1 var(--disp)}.landing-price span{color:var(--mid);font:500 12px/1.5 var(--body)}.landing-features{font:500 13px/1.4 var(--body);gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.landing-features li:before{color:var(--go);content:"✓";margin-right:8px;font-weight:700}.landing-faq{flex-direction:column;gap:14px;max-width:820px;display:flex}.landing-faq details{border:2px solid var(--ink);background:var(--white);box-shadow:var(--sh-sm);border-radius:11px;overflow:hidden}.landing-faq summary{cursor:pointer;font:700 16px/1.3 var(--body);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;list-style:none;display:flex}.landing-faq summary:after{font:500 26px/1 var(--body);content:"+"}.landing-faq details[open] summary:after{content:"−"}.landing-faq p{color:var(--mid);font:400 15px/1.6 var(--body);padding:0 20px 20px}.landing-cta{background:var(--ink);color:var(--paper);padding:80px var(--gutter);background-image:radial-gradient(#f4f5f712 1px,#0000 1.5px);background-size:22px 22px;position:relative;overflow:hidden}.landing-cta-in{max-width:var(--w-page);flex-direction:column;align-items:flex-start;margin:0 auto;display:flex}.landing-cta .t-display{max-width:18ch;margin:16px 0 30px}.landing-cta-command{width:min(100%,760px);max-width:none}.landing-cta-command textarea{min-height:96px}.landing-cta-micro{width:100%;color:var(--mid);font:500 12px/1.4 var(--body);text-align:center;margin-top:10px}.landing-footer{background:var(--ink);color:var(--paper);padding:70px var(--gutter) 34px}.landing-footer-in{max-width:var(--w-page);margin:0 auto}.landing-footer-word{color:var(--paper);font:900 clamp(3rem,13vw,10rem)/.9 var(--disp);letter-spacing:-.05em;overflow:hidden}.landing-footer-grid{gap:28px;margin:44px 0;display:grid}.landing-footer h4{color:var(--yellow);font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.landing-footer a{color:#f4f5f7bf;width:fit-content;font:500 14px/1.3 var(--body);margin:8px 0;text-decoration:none;display:block}.landing-footer-bottom{color:#f4f5f799;font:500 11px/1.4 var(--body);border-top:1px solid #f4f5f733;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;display:flex}.landing-reveal{opacity:0;transition:opacity var(--dur-pop) var(--out),transform var(--dur-pop) var(--out);transition-delay:calc(var(--i,0) * var(--stagger));transform:translateY(18px)}.landing-reveal[data-visible=true]{opacity:1;transform:none}@keyframes landing-square-bounce{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes landing-scan{0%{transform:scaleX(0)}45%,75%{transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes landing-typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes landing-render{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes landing-export{0%{transform:translate(-110%)}55%,75%{transform:translate(45%)}to{transform:translate(160%)}}}@media (min-width:640px){.landing-hero h1{font-size:4rem}.landing-footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}@media (min-width:760px){.landing-hero h1{font-size:4.5rem}.landing-video-grid{grid-template-columns:repeat(2,1fr)}.landing-grid-3,.landing-story{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.landing-section{padding:96px var(--gutter)}.landing-hero{padding:104px 4vw 84px}.landing-hero h1{font-size:4.75rem}.landing-command textarea{min-height:104px}.landing-reframe{grid-template-columns:1.1fr .9fr}.landing-brand-grid{grid-template-columns:1fr 1fr;gap:54px}.landing-chat{grid-template-columns:1.05fr .95fr}.landing-chat-column{border-right:2px solid var(--ink)}}@media (min-width:1080px){.landing-nav-links{display:flex}.landing-burger{display:none}.landing-video-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.landing-reveal{opacity:1;transition:none;transform:none}.landing-story-scan,.landing-story-typing i,.landing-story-render i,.landing-export-progress i,.landing-square-dots i{animation:none}.landing-story-scan,.landing-export-progress i{transform:none}}