/* V2 visual refinement layer */
body::selection{background:#f0d1b5;color:#111722}
.nav-inner{height:70px}.nav.scrolled{box-shadow:0 8px 30px rgba(24,32,43,.05)}
.button{height:42px;padding:0 18px;border-radius:10px}.button.dark{box-shadow:0 7px 16px rgba(17,20,26,.13)}
.hero{padding-top:138px;background:radial-gradient(circle at 72% 22%,#ffead7 0,transparent 26%),radial-gradient(circle at 24% 32%,#f3f5f8 0,transparent 30%),linear-gradient(#fff,#fafbfc)}
.hero-copy{max-width:920px}.hero h1{font-size:clamp(46px,6.4vw,78px);line-height:1.015}.lead{max-width:660px;font-size:19px}
.app-stage{margin-top:82px}.app-stage::before,.app-stage::after{position:absolute;z-index:3;padding:9px 12px;border:1px solid #e0e3e7;border-radius:9px;background:#ffffffee;box-shadow:0 10px 28px rgba(17,23,34,.1);color:#59616e;font-size:10px;font-weight:650;opacity:0;transform:translateY(10px);transition:.55s cubic-bezier(.16,1,.3,1)}
.app-stage::before{content:"Project context ready";left:18px;top:84px}.app-stage::after{content:"2 changes ready";right:20px;bottom:70px;color:#9b551c}
.app-stage.in-view::before,.app-stage.in-view::after{opacity:1;transform:none;transition-delay:.45s}.app-stage.in-view::after{transition-delay:.7s}
.app-window{border-radius:18px;box-shadow:0 50px 120px rgba(23,32,44,.18),0 12px 34px rgba(23,32,44,.12);transform:translateY(10px) rotateX(1deg) scale(.992);opacity:.82;transition:opacity .65s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.app-stage.in-view .app-window{opacity:1;transform:rotateX(0) scale(1)}
.product{height:660px;grid-template-columns:250px 1fr 400px}.titlebar{height:45px}.side-brand{height:60px;font-size:13px}.tabs span{font-size:10.5px}.project b{font-size:11px}.project small{font-size:9px}.tree div{height:31px;font-size:10.5px}.tree em,.usage{font-size:9px}.chat-head{height:60px}.chat-head h3{font-size:12.5px}.chat-head small,.mini{font-size:9.5px}.message b{font-size:10.5px}.message p{font-size:11.5px}.activity-head,.step b{font-size:10px}.activity-head span:last-child,.step small{font-size:8.5px}.approve b{font-size:10px}.approve small{font-size:8.5px}.approve button{height:28px;font-size:9px}.composer p{font-size:10.5px}.composer span{font-size:9px}.preview-head span{font-size:9.5px}.code-head{font-size:9px}.codebox pre{font-size:9.5px}.result b{font-size:10px}.result p{font-size:8.5px}
.section{padding:145px 0}.section-heading{max-width:760px}.section-heading p{font-size:18px}.features{gap:18px}.feature{position:relative;min-height:245px;padding:29px;overflow:hidden;transition:.3s cubic-bezier(.16,1,.3,1)}.feature::after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-75px;border:1px solid #ead7c6;border-radius:50%}.feature:hover{transform:translateY(-6px);border-color:#dac4b0;box-shadow:0 22px 50px rgba(24,32,43,.08)}.feature-icon{width:44px;height:44px;margin-bottom:38px}.feature h3{font-size:19px}.feature p{font-size:14px}
.flow{padding:145px 0}.flow-grid{gap:0;border-color:#303947}.flow-step{position:relative;min-height:270px;padding:31px;transition:background .25s}.flow-step:hover{background:#1b2431}.flow-step h3{margin-top:66px;font-size:21px}.flow-step p{font-size:14px}
.feature,.flow-step{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s,background .25s}.feature.in-view,.flow-step.in-view{opacity:1;transform:none}.features>*:nth-child(2),.flow-grid>*:nth-child(2){transition-delay:.1s}.features>*:nth-child(3),.flow-grid>*:nth-child(3){transition-delay:.2s}
.cta{padding:160px 0}.cta img{width:66px;height:66px;filter:drop-shadow(0 12px 20px rgba(190,103,24,.18))}.cta h2{font-size:clamp(38px,5vw,62px)}
@media(max-width:980px){.product{grid-template-columns:215px 1fr}.app-stage::before,.app-stage::after{display:none}.feature,.flow-step{opacity:1;transform:none}}
@media(max-width:680px){.hero{padding-top:116px}.hero h1{font-size:44px}.lead{font-size:16px}.app-stage{margin-top:48px}.product{height:520px}.section,.flow,.cta{padding:92px 0}}
@media(prefers-reduced-motion:reduce){.app-window,.feature,.flow-step,.app-stage::before,.app-stage::after{opacity:1!important;transform:none!important;transition:none!important}}
