html,body{color:#e8eaf0;background:#0b0d12;margin:0}.dso-landing{--bg:#0b0d12;--surface:#12151c;--raise:#1a1e27;--line:#232833;--line-hi:#2c3240;--ink:#e8eaf0;--mute:#9aa3b2;--dim:#6b7383;--ember:#f4a261;--ember-hi:#ffc48c;--good:#4cc38a;--warn:#f4a261;--display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0b0d12;--bg-secondary:#12151c;--bg-tertiary:#1a1e27;--text-primary:#e8eaf0;--text-secondary:#9aa3b2;--accent:#f4a261;--border:#232833}.dso-landing *{box-sizing:border-box}.dso-landing [hidden]{display:none!important}.dso-landing{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-size:16px;line-height:1.55}.dso-landing:before{content:"";height:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);position:fixed;inset:0 0 auto}.dso-landing a{color:inherit}.dso-landing :focus-visible{outline:2px solid var(--ember-hi);outline-offset:2px;border-radius:6px}.dso-landing h1,.dso-landing h2,.dso-landing h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:600}.dso-landing p{margin:0}.dso-landing .wrap{max-width:1180px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));margin:0 auto}.dso-landing .mono{font-family:var(--mono)}.dso-landing kbd{font:500 11px var(--mono);color:var(--mute);background:var(--raise);border:1px solid var(--line-hi);text-align:center;border-bottom-width:2px;border-radius:5px;min-width:20px;padding:1px 6px;line-height:1.5;display:inline-block}.dso-landing .hero{padding-block:84px 40px;position:relative;overflow:hidden}.dso-landing .hero .wrap{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.dso-landing .pilltag{color:var(--mute);border:1px solid var(--line-hi);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.dso-landing .pilltag b{color:var(--ember-hi);background:#f4a26129;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:500}.dso-landing .hero h1{letter-spacing:-.045em;max-width:15ch;color:var(--ink);margin:26px 0 22px;font-size:clamp(44px,7.4vw,84px);font-weight:600;line-height:1.02}.dso-landing .hero .sub{color:var(--mute);letter-spacing:-.01em;max-width:46ch;font-size:clamp(17px,1.6vw,20px)}.dso-landing .cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.dso-landing .stage{margin-top:64px;position:relative}.dso-landing .demo-app{text-align:left;border:0;border-radius:0;height:620px;overflow:hidden}.dso-landing #labDots{flex:auto;gap:3px;min-width:0;display:flex}.dso-landing #labDots>span{cursor:default;flex:1 1 0;height:14px;position:relative}.dso-landing #labDots>span:after{content:"";background:var(--border);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.dso-landing #labDots>span.done:after,.dso-landing #labDots>span.now:after{background:var(--accent)}.dso-landing #labDots>span.now:after{opacity:.6}.dso-landing .demo-app .center-content{flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:14px;display:flex}.dso-landing .demo-app .image-viewer{flex:auto;width:100%;min-height:0;display:flex}.dso-landing .demo-app .lab-win{aspect-ratio:auto;flex:auto;min-height:0;max-height:none}.dso-landing .demo-app .lab-win img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.dso-landing .demo-app .hist{flex:none;width:100%;height:56px}.dso-landing .demo-app .hist svg{width:100%;height:100%;display:block}.dso-landing .demo-app .pic-note{font:500 10.5px var(--mono);color:#cfd3da;pointer-events:none;background:#0009;border-radius:4px;padding:3px 7px;position:absolute;bottom:10px;right:10px}.dso-landing .demo-app .dso-stepper-body .track{margin-top:-6px}.dso-landing .stage{width:100%;container-type:inline-size}@container (width<=760px){.dso-landing .demo-app{height:auto}.dso-landing .demo-app :is(.main-layout,.editor-layout,.center-content,.right-sidebar,.sidebar-content,.dso-stepper-scroll){flex:none;height:auto;max-height:none;overflow:visible}.dso-landing .demo-app .editor-layout{flex-direction:column;gap:0;padding:8px 8px 0}.dso-landing .demo-app .center-content{padding:0 0 8px}.dso-landing .demo-app .lab-win{aspect-ratio:var(--pic-ar,1);flex:none}.dso-landing .demo-app .right-sidebar{border-radius:12px 12px 0 0;width:100%;max-height:none}.dso-landing .demo-app .top-nav .nav-right{display:none}.dso-landing .demo-app .fin{gap:8px;padding:16px}.dso-landing .demo-app .fin-sub{display:none}.dso-landing .demo-app .fin-big{font-size:22px}}.dso-landing .demo-app .dso-stepper-title{font-size:17px}.dso-landing .canvas-col{background:#0b0c0f;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.dso-landing .lab-win{aspect-ratio:1;border:1px solid var(--line);background:#000;border-radius:6px;width:100%;max-width:100%;max-height:560px;margin:0 auto;position:relative;overflow:hidden}.dso-landing .lab-win canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.dso-landing .lab-win canvas.tap{cursor:crosshair}.dso-landing .marks{pointer-events:none;position:absolute;inset:0}.dso-landing .marks span{border:2px solid var(--good);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .5s;position:absolute;box-shadow:0 0 0 3px #0006}.dso-landing .marks span:after{content:"";background:var(--good);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.dso-landing .marks span.bad{border-color:#ffc48c}.dso-landing .marks span.bad:after{background:#ffc48c}.dso-landing .marks span.gone{opacity:0}.dso-landing .cmp{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0009;border-radius:4px;padding:4px 7px;position:absolute;top:10px;left:10px}.dso-landing .hint{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.dso-landing .hint.off{opacity:0}.dso-landing .finger{left:var(--hx,50%);top:var(--hy,60%);background:#ffffff38;border:2px solid #ffffffd9;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;box-shadow:0 0 0 8px #ffffff12}.dso-landing .g-vy .finger{animation:1.8s ease-in-out infinite vy}.dso-landing .g-tap .finger{animation:1.3s ease-in-out infinite tap}.dso-landing .g-none .finger{display:none}@keyframes vy{0%{opacity:0;transform:translateY(60px)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-110px)}}@keyframes tap{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.dso-landing .finger{animation:none!important}}.dso-landing .hist{border:1px solid var(--line);background:#0b0d12;border-radius:5px;width:100%;height:38px;display:block}.dso-landing .fin{z-index:3;text-align:left;background:linear-gradient(#0b0d1200 28%,#0b0d12d1 62%,#0b0d12f0 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.dso-landing .fin .k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#aeb4bf}.dso-landing .fin-big{letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1.1}.dso-landing .fin-sub{color:#c4c9d2;max-width:42ch;font-size:14px}.dso-landing .fin .row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.dso-landing .inspector{border-left:1px solid var(--line);text-align:left;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}@media (width<=820px){.dso-landing .inspector{border-left:0;border-top:1px solid var(--line)}}.dso-landing .insp-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dso-landing .insp-head .k{font:500 11px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.dso-landing #labStep{letter-spacing:-.01em;font-size:15px;font-weight:600}.dso-landing .helper{border:1px solid var(--line);background:#ffffff05;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;transition:border-color .25s,background .25s;display:flex}.dso-landing .helper[data-tone=good]{background:#4cc38a0f;border-color:#4cc38a59}.dso-landing .helper[data-tone=warn]{background:#f4a2610f;border-color:#f4a26166}.dso-landing .helper .hicon{width:18px;height:18px;color:var(--mute);flex:none;margin-top:2px}.dso-landing .helper[data-tone=good] .hicon{color:var(--good)}.dso-landing .helper[data-tone=warn] .hicon{color:var(--warn)}.dso-landing .helper p{color:#d3d7de;min-height:6em;font-size:14px;line-height:1.5}.dso-landing .helper b{color:var(--ink);font-weight:600}.dso-landing .lab-ctl{flex-direction:column;gap:6px;display:flex}.dso-landing .lab-ctl[hidden]{display:none}.dso-landing .lab-ctl .lbl{color:var(--mute);justify-content:space-between;font-size:12.5px;display:flex}.dso-landing .lab-ctl .lbl output{font-family:var(--mono);color:var(--ink)}.dso-landing .track{align-items:center;height:30px;display:flex;position:relative}.dso-landing .track:before{content:"";background:#ffffff1a;border-radius:2px;height:4px;position:absolute;left:0;right:0}.dso-landing .band{background:var(--good);height:4px;left:var(--a,60%);width:var(--w,20%);border-radius:2px;position:absolute;box-shadow:0 0 12px #4cc38a80}.dso-landing .track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0;position:relative}.dso-landing .track input::-webkit-slider-runnable-track{background:0 0;height:4px}.dso-landing .track input::-moz-range-track{background:0 0;height:4px}.dso-landing .track input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 0 0 4px #ffffff1f,0 2px 6px #0009}.dso-landing .track input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px}.dso-landing .band-key{color:var(--dim);align-items:center;gap:6px;font-size:11.5px;display:flex}.dso-landing .band-key i{background:var(--good);border-radius:2px;width:14px;height:4px;display:inline-block}.dso-landing .dso-pill-btn.nudge{color:#9be5c0;border-color:#4cc38a80}.dso-landing .lab-learn{color:var(--dim);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;font-size:12px;display:flex}.dso-landing .lab-learn span{color:#c9cdd4;border:1px solid var(--line-hi);border-radius:6px;padding:2px 8px;font-size:12px}.dso-landing .lab-learn[hidden]{display:none}.dso-landing .lnk{font:500 13.5px var(--body);color:#c9cdd4;cursor:pointer;text-underline-offset:3px;min-height:36px;text-decoration:underline;-webkit-text-decoration-color:var(--line-hi);text-decoration-color:var(--line-hi);background:0 0;border:0;padding:0}.dso-landing .under{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:13px;display:flex}.dso-landing .under span{align-items:center;gap:6px;display:inline-flex}.dso-landing section.sec{padding-block:110px 40px}.dso-landing .eyebrow{color:var(--ember-hi);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.dso-landing .eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.dso-landing .sec h2{letter-spacing:-.04em;max-width:18ch;margin:14px 0 16px;font-size:clamp(32px,4.4vw,52px);line-height:1.05}.dso-landing .sec .lede{color:var(--mute);letter-spacing:-.01em;max-width:52ch;font-size:18px}.dso-landing .bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:48px;display:grid}.dso-landing .cell{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;grid-column:span 2;gap:8px;min-width:0;padding:22px;display:flex;position:relative;overflow:hidden}.dso-landing .cell.w3{grid-column:span 3}.dso-landing .cell h3{letter-spacing:-.02em;font-size:17px}.dso-landing .cell p{color:var(--mute);max-width:44ch;font-size:14.5px}.dso-landing .cell .vis{margin-top:auto;padding-top:18px}@media (width<=900px){.dso-landing .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.dso-landing .cell,.dso-landing .cell.w3{grid-column:span 1}}@media (width<=560px){.dso-landing .bento{grid-template-columns:1fr}}.dso-landing .flow{font:500 12px var(--mono);color:var(--mute);align-items:center;gap:10px;display:flex}.dso-landing .flow .box{border:1px solid var(--line-hi);background:#00000040;border-radius:10px;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.dso-landing .flow .box b{color:var(--ink);font-weight:500}.dso-landing .flow .file{color:var(--ember-hi);background:#f4a26114;border:1px solid #f4a26166;border-radius:6px;align-self:flex-start;padding:4px 8px}.dso-landing .flow .no{color:var(--dim);flex-direction:column;align-items:center;gap:4px;display:flex}.dso-landing .flow .no svg{width:44px;height:20px}.dso-landing .fits{font:500 12px/1.85 var(--mono);color:var(--mute);border:1px solid var(--line);white-space:pre;background:#0000004d;border-radius:10px;padding:12px 14px;overflow-x:auto}.dso-landing .fits b{color:#9fc1ff;font-weight:500}.dso-landing .fits i{color:var(--ember-hi);font-style:normal}.dso-landing .desc{border:1px solid var(--line);color:#c9cdd4;background:#00000040;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;font-size:13.5px;display:flex}.dso-landing .desc b{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.dso-landing .fmts{flex-wrap:wrap;gap:8px;display:flex}.dso-landing .fmts span{font:500 12.5px var(--mono);border:1px solid var(--line-hi);color:var(--ink);background:#00000040;border-radius:8px;padding:8px 12px}.dso-landing .fmts span small{color:var(--dim);margin-left:6px;font-size:11px}.dso-landing .pix{grid-template-columns:repeat(16,1fr);gap:2px;display:grid}.dso-landing .pix i{aspect-ratio:1;border-radius:2px;display:block}.dso-landing .phone-mini{aspect-ratio:9/18;border:1px solid var(--line-hi);background:#0a0b0e;border-radius:20px;width:120px;margin-left:auto;margin-right:auto;padding:6px}.dso-landing .phone-mini img{object-fit:cover;border-radius:12px;width:100%;height:62%;display:block}.dso-landing .phone-mini .bars{flex-direction:column;gap:5px;padding:9px 4px;display:flex}.dso-landing .phone-mini .bars i{background:#ffffff1f;border-radius:2px;height:4px;display:block}.dso-landing .phone-mini .bars i:first-child{background:var(--ember);width:60%}.dso-landing .note{color:var(--dim);margin-top:14px;font-size:12.5px}.dso-landing .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:880px;margin-top:48px;display:grid}@media (width<=700px){.dso-landing .plans{grid-template-columns:1fr}}.dso-landing .plan{border:1px solid var(--line);background:#ffffff04;border-radius:16px;flex-direction:column;gap:14px;padding:26px;display:flex}.dso-landing .plan.hl{background:var(--surface);border-color:#f4a26173}.dso-landing .plan h3{color:var(--mute);font-size:15px;font-weight:500}.dso-landing .plan .price{letter-spacing:-.04em;font-size:44px;font-weight:600;line-height:1}.dso-landing .plan .price small{color:var(--mute);letter-spacing:0;margin-left:6px;font-size:15px;font-weight:400}.dso-landing .plan ul{color:#c9cdd4;flex-direction:column;gap:10px;margin:6px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.dso-landing .plan li{align-items:baseline;gap:10px;display:flex}.dso-landing .plan li:before{content:"";border:solid var(--good);border-width:0 0 1.6px 1.6px;flex:none;width:12px;height:7px;transform:rotate(-45deg)translateY(-2px)}.dso-landing .plan .btn-primary,.dso-landing .plan .btn-secondary{width:100%;margin-top:auto}.dso-landing .plan .after{color:var(--dim);text-align:center;font-size:13px}.dso-landing .faq{border-top:1px solid var(--line);max-width:820px;margin-top:40px}.dso-landing details{border-bottom:1px solid var(--line)}.dso-landing summary{cursor:pointer;letter-spacing:-.01em;min-height:44px;padding:20px 40px 20px 0;font-size:17px;font-weight:500;list-style:none;position:relative}.dso-landing summary::-webkit-details-marker{display:none}.dso-landing summary:after{content:"";border:solid var(--mute);border-width:0 1.5px 1.5px 0;width:8px;height:8px;transition:transform .2s;position:absolute;top:26px;right:6px;transform:rotate(45deg)}.dso-landing details[open] summary:after{top:30px;transform:rotate(-135deg)}.dso-landing details p{color:var(--mute);max-width:62ch;padding:0 0 22px}.dso-landing .close{text-align:center;padding-block:120px;position:relative;overflow:hidden}.dso-landing .close h2{letter-spacing:-.045em;max-width:16ch;color:var(--ink);margin:0 auto;font-size:clamp(36px,5.6vw,64px);line-height:1.02}.dso-landing .close .cta{position:relative}.dso-landing footer{border-top:1px solid var(--line);color:var(--dim);padding-block:40px 120px;font-size:13.5px}.dso-landing footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.dso-landing footer nav{flex-wrap:wrap;gap:20px;display:flex}.dso-landing footer a{text-decoration:none}.dso-landing footer a:hover{color:var(--ink)}.dso-landing .sticky{display:none}@media (width<=700px){.dso-landing .sticky{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;-webkit-backdrop-filter:blur(18px);border:1px solid var(--line-hi);background:#12151ce0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:fixed}.dso-landing .sticky small{color:var(--mute);font-size:12px;line-height:1.35}.dso-landing .hide-sm{display:none}}.dso-landing .mac-win{background:#1a1d24;border:1px solid #2c3240;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -40px #000000d9,0 0 0 1px #00000080}.dso-landing .safari-bar{background:#1a1d24;border-bottom:1px solid #232833;align-items:center;gap:14px;height:52px;padding:0 14px;display:flex}.dso-landing .safari-bar .lights{flex:none;gap:8px;display:flex}.dso-landing .safari-bar .lights i{border-radius:50%;width:12px;height:12px;display:block}.dso-landing .safari-bar .lights i:first-child{background:#ff5f57}.dso-landing .safari-bar .lights i:nth-child(2){background:#febc2e}.dso-landing .safari-bar .lights i:nth-child(3){background:#28c840}.dso-landing .safari-bar .nav-btns{color:#8b93a1;flex:none;gap:4px;display:flex}.dso-landing .safari-bar .nav-btns svg,.dso-landing .safari-bar .tail svg{width:16px;height:16px;display:block}.dso-landing .safari-bar .nav-btns span{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.dso-landing .safari-bar .addr{color:#9aa3b2;white-space:nowrap;background:#ffffff12;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:440px;height:30px;margin:0 auto;font:400 13px -apple-system,BlinkMacSystemFont,Inter,sans-serif;display:flex;overflow:hidden}.dso-landing .safari-bar .addr b{color:#e8eaf0;font-weight:500}.dso-landing .safari-bar .addr svg{color:#8b93a1;flex:none;width:12px;height:12px}.dso-landing .safari-bar .tail{color:#8b93a1;flex:none;gap:14px;display:flex}@media (width<=620px){.dso-landing .safari-bar .nav-btns,.dso-landing .safari-bar .tail{display:none}.dso-landing .safari-bar{gap:10px;padding:0 10px}}.dso-landing{min-height:100vh}.dso-landing .lab-win .empty{text-align:center;color:var(--mute);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.dso-landing .lab-win .empty b{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.dso-landing .pix i{background:var(--raise)}.dso-landing .phone-mini .shot{background:#07080b;border-radius:12px;width:100%;height:62%}.dso-landing .app-link{text-decoration:none}.dso-landing .rv{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.dso-landing .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.dso-landing .rv{opacity:1;transition:none;transform:none}.dso-landing *{transition:none!important;animation:none!important}}.dso-landing .site-nav{top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(16px)saturate(1.4);background:#0b0d12c7;position:sticky}.dso-landing .nav-sections{gap:2px;display:flex}@media (width<=820px){.dso-landing .nav-sections{display:none}}.dso-landing .btn-lg{border-radius:10px;gap:8px;min-height:44px;padding:0 18px;font-size:15px}.dso-landing .btn-primary kbd{color:inherit;background:#0000001f;border-color:#0000002e}.dso-landing .demo-nav-right{pointer-events:none}.dso-landing a.btn-primary{color:#1a1206}.dso-landing a.btn-secondary{color:var(--text-primary)}.dso-landing a.nav-link{color:var(--text-secondary)}@media (hover:hover) and (pointer:fine){.dso-landing a.nav-link:hover{color:var(--text-primary)}}.dso-landing .pilltag b{white-space:nowrap}.dso-landing .atlas{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px;display:grid}.dso-landing .plate{aspect-ratio:1;border:1px solid var(--line);isolation:isolate;background:#05060a;border-radius:18px;margin:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.dso-landing .plate.big{grid-area:span 2/span 2}.dso-landing .plate img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.001)}.dso-landing .plate .cap{z-index:1;background:linear-gradient(#0000,#05060a80 45%,#05060ae0);flex-direction:column;gap:8px;padding:48px 16px 16px;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0}.dso-landing .plate.big .cap{padding:80px 24px 22px}.dso-landing .cap-name{letter-spacing:-.01em;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.dso-landing .plate.big .cap-name{letter-spacing:-.02em;font-size:22px}.dso-landing .cap-meta{flex-wrap:wrap;gap:6px;display:flex}.dso-landing .cap-credit{color:#aeb4bf;font-size:11.5px}.dso-landing .chip{color:#d6dae2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:500}@media (hover:hover) and (pointer:fine){.dso-landing .plate.in:hover{transform:translateY(-4px)}.dso-landing .plate:hover img{transform:scale(1.06)}.dso-landing .plate:hover .cap{transform:translateY(-2px)}}.dso-landing .cta-card{background:radial-gradient(120% 90% at 100% 0,#f4a26138,#0000 60%),linear-gradient(160deg,#151922,#0c0e13);border-color:#f4a26147;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding:22px;display:flex}.dso-landing .cta-card .cta-k{color:var(--ember-hi);font-size:12.5px;font-weight:500}.dso-landing .cta-card h3{letter-spacing:-.025em;font-size:22px;line-height:1.1}.dso-landing .cta-card p:not(.cta-k){color:var(--mute);font-size:13.5px;line-height:1.45}.dso-landing .cta-card .btn-primary{width:100%;margin-top:6px}.dso-landing .cta-card .cta-alt{color:var(--mute);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-hi);text-decoration-color:var(--line-hi);align-self:center;font-size:13px}@media (hover:hover) and (pointer:fine){.dso-landing .cta-card .cta-alt:hover{color:var(--ink)}}@media (width<=1100px){.dso-landing .cta-card p:not(.cta-k){display:none}}@media (width<=900px){.dso-landing .atlas{grid-template-columns:repeat(2,minmax(0,1fr))}.dso-landing .plate.big{grid-area:auto/span 2}.dso-landing .cta-card p:not(.cta-k){display:block}}@media (width<=520px){.dso-landing .atlas{gap:10px}.dso-landing .plate .cap{padding:40px 12px 12px}.dso-landing .cap-name{font-size:13.5px}.dso-landing .cta-card{aspect-ratio:auto;grid-column:span 2}}@media (prefers-reduced-motion:reduce){.dso-landing .plate,.dso-landing .plate img,.dso-landing .plate .cap{transition:none}}.dso-landing .plate.rv,.dso-landing .plate.rv.in{transform:none}.dso-landing .plate.rv:not(.in){opacity:0}.dso-landing .plate.rv.in{opacity:1;animation:plate-in .7s cubic-bezier(.2,.7,.2,1) var(--d,0s) backwards}@keyframes plate-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}.dso-landing .plate{transition:transform .5s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (pointer:fine){.dso-landing .plate.rv.in:hover{transform:translateY(-4px)}}@media (width<=520px){.dso-landing .plate:nth-child(4){aspect-ratio:2;grid-column:span 2}}@media (prefers-reduced-motion:reduce){.dso-landing .plate.rv.in{animation:none}}.dso-landing .demo-actions{gap:8px;margin-top:14px;display:flex}.dso-landing .demo-actions>button{border-radius:10px;flex:1 1 0;align-self:stretch;gap:8px;width:auto;min-height:42px;margin:0;padding:0 12px;font-size:14px}.dso-landing .demo-actions kbd{padding:0 5px;font-size:10.5px;line-height:1.6}.dso-landing .demo-actions .enhance-btn:disabled{border:1px dashed var(--line-hi);color:var(--dim);cursor:not-allowed;background:0 0}.dso-landing .demo-actions .enhance-btn.ready{animation:.5s cubic-bezier(.2,.7,.2,1) next-ready}@keyframes next-ready{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:none}}.dso-landing .demo-actions .dso-pill-btn.nudge{color:#9be5c0;background:#4cc38a14;border-color:#4cc38a8c}.dso-landing .demo-app .dso-stepper-body .track{height:8px;margin-top:-4px}.dso-landing .demo-app .band-key{margin-top:6px}@media (prefers-reduced-motion:reduce){.dso-landing .demo-actions .enhance-btn.ready{animation:none}}.dso-landing .demo-actions>button{white-space:nowrap;padding:0 10px;font-size:13.5px}.dso-landing .demo-actions .dso-pill-btn{flex:1.45 1 0}
