.product-screens{padding-top:148px;padding-bottom:150px;position:relative}.product-screens:before{content:"";position:absolute;left:0;right:0;top:80px;height:1px;background:var(--line);opacity:.45}.product-screens-heading{max-width:760px;position:relative}.product-screens-heading h2{font-size:clamp(39px,4.5vw,68px);letter-spacing:-.07em;line-height:.96;margin:0}.product-screens-heading>p:last-child{max-width:500px;color:#aeb6b0;font-size:15px;line-height:1.65;margin:25px 0 0}.screen-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.screen-tab{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:#87918a;text-align:left;padding:19px 20px 20px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:12px;cursor:pointer;transition:background .25s,color .25s}.screen-tab:last-child{border-right:0}.screen-tab span{grid-row:1/3;font:10px 'DM Mono',monospace;color:var(--coral);padding-top:3px}.screen-tab strong{font-size:15px;letter-spacing:-.02em}.screen-tab small{font-size:11px;color:#6f7973;margin-top:4px}.screen-tab:hover,.screen-tab.is-active{background:#222c27;color:var(--paper)}.screen-tab.is-active small{color:#b5c0b8}.product-screen-stage{margin-top:18px;position:relative}.product-screen-panel{background:#222c27;border:1px solid rgba(241,240,233,.16);border-radius:var(--radius);padding:44px;display:grid;grid-template-columns:.55fr 1.45fr;gap:46px;align-items:center;overflow:hidden;min-height:568px;position:relative}.product-screen-panel:before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:rgba(222,112,93,.12);filter:blur(3px);pointer-events:none}.product-screen-panel[hidden]{display:none}.screen-copy{position:relative;z-index:1;align-self:center}.screen-kicker{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--coral)}.screen-copy h3{font-size:clamp(28px,3vw,46px);line-height:.99;letter-spacing:-.065em;margin:17px 0 18px;max-width:350px}.screen-copy>p{font-size:13px;line-height:1.62;color:#b8c0ba;max-width:330px;margin:0}.screen-proof{border-top:1px solid rgba(241,240,233,.18);margin-top:34px;padding-top:16px;display:flex;align-items:baseline;gap:12px;max-width:310px}.screen-proof b{font-size:24px;letter-spacing:-.07em;color:var(--paper)}.screen-proof span{font:10px 'DM Mono',monospace;line-height:1.4;color:#8f9c94}.app-window{position:relative;border-radius:11px;background:#111714;color:#dfe7e1;box-shadow:0 26px 70px rgba(5,9,7,.38),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;min-width:0}.app-topbar{height:34px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);background:#18201c;color:#84918a;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.app-brand{display:flex;align-items:center;gap:7px}.app-brand i{width:8px;height:8px;background:var(--coral);border-radius:50%;display:block}.app-status{display:flex;align-items:center;gap:6px;color:#9ca89f}.app-status i{width:6px;height:6px;border-radius:50%;background:#94b79e;display:block}.app-status .coral-dot{background:var(--coral)}.app-status .forest-dot{background:#9bbbaa}.app-body{display:flex;min-height:380px}.app-sidebar{width:128px;flex:0 0 128px;padding:24px 14px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:15px;color:#758179;font:9px 'DM Mono',monospace;text-transform:uppercase}.app-sidebar .side-active{color:var(--paper);padding-left:8px;border-left:2px solid var(--coral)}.app-sidebar em{height:1px;background:rgba(255,255,255,.08);margin:6px 0}.cockpit-main{padding:25px 25px 22px;flex:1;min-width:0}.cockpit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.cockpit-head small{display:block;font:9px 'DM Mono',monospace;color:#819087;text-transform:uppercase;margin-bottom:8px}.cockpit-head strong{font-size:20px;letter-spacing:-.05em}.cockpit-head button,.generator-actions button,.site-toolbar button{border:0;border-radius:5px;background:var(--coral);color:var(--ink);font:800 9px Manrope,sans-serif;padding:9px 11px;white-space:nowrap}.cockpit-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0 20px}.cockpit-metrics>div{padding:12px;border:1px solid rgba(255,255,255,.1);background:#19231e;border-radius:6px}.cockpit-metrics small{display:block;color:#839188;font:8px 'DM Mono',monospace;text-transform:uppercase}.cockpit-metrics b{display:block;font-size:21px;letter-spacing:-.06em;margin:6px 0 3px}.cockpit-metrics span{font-size:8px;color:#85a98f}.cockpit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9px}.cockpit-calendar,.cockpit-list{border:1px solid rgba(255,255,255,.1);background:#19231e;border-radius:6px;padding:13px}.mini-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.mini-title b{font-size:10px;letter-spacing:-.02em}.mini-title span{font:8px 'DM Mono',monospace;color:#849188}.week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;color:#7d8b82;font:8px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:8px}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.days i{display:block;aspect-ratio:1.25;border-radius:3px;background:#2c4739}.days i.hot{background:var(--coral)}.days i.muted{background:#223229}.cockpit-list p{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.cockpit-list p:first-of-type{border-top:0}.list-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:3px}.list-dot.coral{background:var(--coral)}.list-dot.forest{background:#8aad99}.list-dot.paper{background:#dfe2d6}.cockpit-list p b{display:block;font-size:9px;line-height:1.35}.cockpit-list p small{display:block;color:#78877d;font:8px 'DM Mono',monospace;margin-top:4px}.generator-body{display:grid;grid-template-columns:130px 1fr 140px;min-height:400px}.generator-rail{padding:24px 15px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:17px;color:#69766d;font:9px 'DM Mono',monospace;text-transform:uppercase}.generator-rail .rail-done{color:#95ad9d}.generator-rail .rail-active{color:var(--coral);padding-left:8px;border-left:2px solid var(--coral)}.rail-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.rail-bottom small{display:block;color:#738178;margin-bottom:7px}.rail-bottom b{font:10px/1.45 Manrope,sans-serif;text-transform:none;color:#cad5cd}.generator-center{padding:25px 24px 19px;min-width:0}.generator-title small{display:block;font:8px 'DM Mono',monospace;text-transform:uppercase;color:#77857c;margin-bottom:8px}.generator-title b{display:block;font-size:17px;line-height:1.12;letter-spacing:-.04em;max-width:360px}.generator-title span{display:block;font:9px 'DM Mono',monospace;color:#849289;margin-top:9px}.slide-preview{height:236px;position:relative;margin-top:20px;display:flex;align-items:flex-end;justify-content:center}.preview-slide{width:43%;aspect-ratio:4/5;border-radius:5px;position:absolute;padding:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 26px rgba(0,0,0,.28)}.preview-slide small{font:8px 'DM Mono',monospace;text-transform:uppercase}.preview-slide strong{margin-top:auto;font-size:20px;line-height:.9;letter-spacing:-.075em}.preview-back{background:#dfe5db;color:#223b30;transform:translateX(-42px) rotate(-8deg);height:83%;top:20px}.preview-front{background:var(--coral);color:#20352e;transform:translateX(42px) rotate(7deg);z-index:1;height:92%;top:2px}.preview-front p{font-size:9px;line-height:1.45;margin:9px 0 0}.preview-number{font:11px 'DM Mono',monospace;position:absolute;right:13px;top:13px}.generator-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.generator-actions button:first-child{background:transparent;color:#8e9a91;border:1px solid rgba(255,255,255,.14)}.generator-actions button:last-child b{font-size:14px;margin-left:7px}.generator-inspector{padding:25px 15px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:7px;font:8px 'DM Mono',monospace;text-transform:uppercase;color:#738078}.generator-inspector b{font:10px Manrope,sans-serif;text-transform:none;color:#d7e1d9;margin-bottom:13px}.inspector-line{height:1px;background:rgba(255,255,255,.08);margin:9px 0}.generator-inspector small{font:9px/1.5 Manrope,sans-serif;text-transform:none;color:#8d9b91}.brand-builder-body{display:grid;grid-template-columns:.78fr 1.22fr;min-height:405px}.brand-panel{padding:29px 26px;background:#afc3b5;color:#172d25;display:flex;flex-direction:column;position:relative}.panel-eyebrow{font:8px 'DM Mono',monospace;text-transform:uppercase;color:#526e60}.brand-panel strong{font-size:27px;line-height:.91;letter-spacing:-.085em;margin-top:auto}.brand-panel p{font-size:10px;line-height:1.45;max-width:180px;margin:14px 0 0;color:#476356}.brand-swatches{display:flex;gap:6px;margin-top:27px}.brand-swatches i{width:27px;height:27px;border-radius:50%;background:#172d25}.brand-swatches i:nth-child(2){background:var(--coral)}.brand-swatches i:nth-child(3){background:#ecece4}.brand-swatches i:nth-child(4){background:#607a68}.brand-panel>small{font:8px 'DM Mono',monospace;text-transform:uppercase;color:#617e6d;margin-top:8px}.site-panel{background:#e4e8df;padding:13px 13px 13px 17px;color:#20382d}.site-toolbar{display:flex;align-items:center;justify-content:space-between;font:8px 'DM Mono',monospace;text-transform:uppercase;color:#6d7d73}.site-toolbar button{font-size:8px;padding:7px 9px}.site-canvas{height:340px;position:relative;margin-top:15px;padding:25px 25px;overflow:hidden;background:linear-gradient(145deg,#e4e8df 0%,#e4e8df 56%,#a5b8aa 56%,#a5b8aa 100%)}.site-canvas>small{font:8px 'DM Mono',monospace;text-transform:uppercase;position:relative;z-index:1}.site-canvas h4{font-size:33px;line-height:.88;letter-spacing:-.085em;margin:65px 0 12px;position:relative;z-index:1}.site-canvas h4 em{font-style:normal;color:var(--coral)}.site-canvas p{font-size:10px;line-height:1.45;max-width:180px;position:relative;z-index:1}.site-cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font:800 9px Manrope,sans-serif;position:relative;z-index:1}.site-cta b{font-size:14px}.site-shape{position:absolute;width:160px;height:205px;right:15px;bottom:-25px;background:var(--coral);transform:rotate(10deg);opacity:.9}.site-shape:before{content:"";position:absolute;inset:20px;border:1px solid rgba(32,53,45,.5)}
@media (prefers-reduced-motion:reduce){.screen-tab,.app-window{transition:none}}
@media (max-width:800px){.product-screens{padding-top:88px;padding-bottom:88px}.product-screens:before{top:45px}.screen-tabs{grid-template-columns:1fr;margin-top:42px}.screen-tab{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;grid-template-rows:auto}.screen-tab:last-child{border-bottom:0}.screen-tab small{grid-column:3;grid-row:1;color:#718078;margin:2px 0 0}.product-screen-panel{padding:24px 16px 17px;grid-template-columns:1fr;gap:30px;min-height:0}.screen-copy h3{font-size:35px;max-width:410px}.screen-copy>p{max-width:460px}.screen-proof{margin-top:22px}.app-body{min-height:335px}.app-sidebar{width:86px;flex-basis:86px;padding:20px 10px;gap:13px;font-size:7px}.cockpit-main{padding:18px 14px 16px}.cockpit-head strong{font-size:16px}.cockpit-head button{font-size:8px;padding:8px}.cockpit-metrics{gap:5px;margin:18px 0 12px}.cockpit-metrics>div{padding:9px}.cockpit-metrics b{font-size:17px}.cockpit-metrics span{font-size:7px}.cockpit-grid{grid-template-columns:1fr;gap:7px}.cockpit-list{display:none}.generator-body{grid-template-columns:82px 1fr;min-height:365px}.generator-rail{padding:20px 10px;font-size:7px;gap:14px}.generator-inspector{display:none}.generator-center{padding:20px 15px 15px}.generator-title b{font-size:15px}.slide-preview{height:208px}.preview-slide strong{font-size:18px}.generator-actions button{font-size:8px}.brand-builder-body{grid-template-columns:1fr;min-height:0}.brand-panel{min-height:285px;padding:24px 20px}.brand-panel strong{font-size:28px;margin-top:50px}.site-panel{padding:13px}.site-canvas{height:285px}.site-canvas h4{font-size:29px;margin-top:44px}}