.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;max-width:1260px;margin:auto;text-align:left;padding:136px 44px 80px;align-items:center}.hero-title{font-size:clamp(40px,4.5vw,66px);line-height:1.03;letter-spacing:-.045em}.hero-title .gradient{color:#78aaff;background:none;-webkit-text-fill-color:currentColor}.hero-desc{margin:26px 0;max-width:52ch}.hero-ctas{justify-content:flex-start;flex-wrap:wrap}.funnel-exhibit{perspective:1100px;min-width:0;--spread:.35;--turn:0;--journey:0}.funnel-model{height:440px;position:relative;transform-style:preserve-3d;transform:rotateY(calc(-16deg + var(--turn)*12deg)) rotateX(10deg)}.funnel-slice{position:absolute;left:50%;height:130px;transform-style:preserve-3d;transform:translateX(-50%) rotateX(32deg);background:#173b6e;border:1px solid #6a9ad6;box-shadow:0 12px 0 -9px #557ba8,10px 24px 32px #02071166;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.funnel-slice span{display:block;text-align:center;padding:36px 0;font-size:19px;font-weight:600;letter-spacing:.03em;color:#eff5ff}.slice-discover{width:94%;top:20px;background:#234f88;transform:translate3d(-50%,calc(var(--spread)*-20px),30px) rotateX(32deg)}.slice-consider{width:76%;top:100px;transform:translate3d(-50%,calc(var(--spread)*5px),0) rotateX(32deg)}.slice-decide{width:57%;top:180px;transform:translate3d(-50%,calc(var(--spread)*30px),0) rotateX(32deg);background:#102c51}.slice-return{width:39%;top:260px;transform:translate3d(-50%,calc(var(--spread)*55px),0) rotateX(32deg);background:#112540}.funnel-axis{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #78aaff44;transform:translateZ(-100px)}.funnel-thread{position:absolute;left:50%;top:6%;height:85%;width:2px;background:linear-gradient(#78aaff,transparent);transform:translateZ(120px) scaleY(calc(.5 + var(--journey)*.5));transform-origin:top}.funnel-exhibit-controls{position:relative;border-top:1px solid var(--border);padding:18px 0}.funnel-exhibit-controls label{display:block;font-size:14px;margin-bottom:10px}.funnel-exhibit-controls input{width:100%;accent-color:#78aaff;cursor:ew-resize;min-height:26px}.funnel-exhibit-controls p{font-size:12px;color:#a6b3c7;line-height:1.5;margin-top:12px}.funnel-exhibit input:focus-visible{outline:2px solid #78aaff;outline-offset:4px}.demo-section{perspective:1200px}.demo-window{transform:rotateX(calc(var(--demo-depth,0)*3deg));transform-origin:center top}.hero-badge{background:none;box-shadow:none}.hero-ctas a:focus-visible{outline:3px solid #a5c8ff;outline-offset:4px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:100px 24px 40px;gap:20px}.hero-title{font-size:48px}.funnel-model{height:390px;max-width:460px;margin:auto}.funnel-exhibit-controls{max-width:460px;margin:auto}.funnel-slice{height:110px}.funnel-slice span{padding:28px 0;font-size:16px}.slice-return{top:235px;transform:translate3d(-50%,calc(var(--spread)*35px),0) rotateX(32deg)}.hero-desc{font-size:16px}.hero-ctas{gap:10px}.hero-ctas .btn{padding:12px 16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.funnel-model{transform:rotateY(-8deg) rotateX(5deg)}.funnel-thread{transform:translateZ(120px)}.demo-window{transform:none}.dtd-hero-anim,.dtd-hero-anim-delayed{opacity:1;transform:none;animation:none;transition:none}}

.qs-step-content{min-width:0}.qs-step-desc code{overflow-wrap:anywhere}.awareness-bar{max-width:100%;overflow-x:auto}.dtd-inline{box-sizing:border-box;width:auto!important}
@media(max-width:600px){.al-seg{flex:1 1 28%;white-space:normal}.awareness-bar{flex-wrap:wrap;height:auto;min-height:80px}.dtd-inline{max-width:calc(100% - 32px)}}