.hero{position:relative;padding:120px 0 70px;text-align:center;overflow:clip;isolation:isolate;background:transparent}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-bg .grid{position:absolute;inset:0;background-image:radial-gradient(hsla(20,15%,30%,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 68%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 68%)}.hero-bg .orb{position:absolute;border-radius:50%;filter:blur(80px)}.hero-bg .o1{width:560px;height:560px;top:-200px;left:12%;background:#f6622833;animation:heroDrift 16s ease-in-out infinite alternate}.hero-bg .o2{width:480px;height:480px;top:-120px;right:8%;background:#fba9372e;animation:heroDrift 20s ease-in-out infinite alternate-reverse}@keyframes heroDrift{to{transform:translate(60px,50px) scale(1.15)}}.hero .container{position:relative}.badge{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .4rem .4rem .9rem;background:#fff;border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow);font-size:.82rem;font-weight:600;color:var(--text-secondary);font-family:inherit;cursor:pointer;margin-bottom:1.75rem;transition:border-color .25s ease,transform .25s ease}.badge:hover{border-color:#f1591e80;transform:translateY(-2px)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#2bab6b;animation:heroPulse 1.8s ease-in-out infinite}@keyframes heroPulse{50%{box-shadow:0 0 0 5px #2bab6b33}}.badge b{font-weight:700;color:#fff;background:var(--primary-color);border-radius:999px;padding:.22rem .7rem;font-size:.74rem}.hero-title{font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.06;color:var(--text-primary);max-width:920px;margin:0 auto 1.4rem}.hero-title .w{display:inline-block;opacity:0;transform:translateY(.5em);animation:heroWord .75s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * .07s + .1s)}@keyframes heroWord{to{opacity:1;transform:none}}.gradient-text .w{background:linear-gradient(100deg,#f54d0a,#fa980f,#f54d0a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroWord .75s cubic-bezier(.2,.8,.2,1) forwards,heroShimmer 6s linear infinite;animation-delay:calc(var(--i) * .07s + .1s),0s}@keyframes heroShimmer{to{background-position:-220% 0}}.hero-subtitle{font-size:1.2rem;line-height:1.65;color:var(--text-secondary);max-width:660px;margin:0 auto 2.2rem}.hero-cta{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.6rem}.hero-cta .btn-primary,.hero-cta .btn-secondary{padding:.95rem 1.9rem;font-size:1rem}.hero-cta .btn-primary i{font-size:.8rem}.hero-proof{list-style:none;display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap;font-size:.88rem;font-weight:600;color:var(--text-secondary)}.hero-proof li{display:inline-flex;align-items:center;gap:.5rem}.hero-proof i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;color:#22774d;background:#e1f4eb}.hero-rise{opacity:0;transform:translateY(18px);animation:heroWord .8s ease forwards;animation-delay:var(--d, 0s)}.hero-visual{position:relative;max-width:1080px;margin:4rem auto 0;perspective:1800px}.hero-tilt{position:relative;transform-origin:50% 0;transform:rotateX(var(--tilt, 14deg)) rotateY(var(--yaw, 0deg)) translateY(var(--shift, 0px)) scale(var(--sc, .94));transition:transform .12s linear;will-change:transform}.hero-glow{position:absolute;z-index:-1;left:8%;right:8%;bottom:-40px;height:60%;background:radial-gradient(ellipse at center,hsla(17,90%,55%,.35),transparent 70%);filter:blur(40px)}.hero-image-wrap{position:relative;cursor:pointer;text-align:left;background:#fff;border:1px solid var(--border-color);border-radius:22px;box-shadow:0 50px 90px -40px #422e2473,0 2px 8px #3d30290f;overflow:hidden}.hero-image-wrap:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}.hero-chrome{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#f9f7f5;border-bottom:1px solid var(--border-color)}.hero-chrome i{width:11px;height:11px;border-radius:50%;background:#dad5d2}.hero-chrome i:nth-child(1){background:#ff5f57}.hero-chrome i:nth-child(2){background:#febc2e}.hero-chrome i:nth-child(3){background:#28c840}.hero-chrome span{margin:0 auto;padding:.2rem 3rem;border-radius:8px;background:#fff;border:1px solid var(--border-color);font:500 .74rem JetBrains Mono,ui-monospace,monospace;color:var(--text-muted)}.hero-dashboard-img{display:block;width:100%;height:auto}.hero-image-wrap:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.55),transparent);transform:skew(-18deg);animation:heroShine 7s ease-in-out 2s infinite;pointer-events:none}@keyframes heroShine{0%,60%{left:-40%}to{left:140%}}.hero-play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#1f181400;transition:background .3s ease}.hero-image-wrap:hover .hero-play-overlay,.hero-image-wrap:focus-visible .hero-play-overlay{background:#1f18142e}.hero-play-button{display:inline-flex;align-items:center;gap:.8rem;padding:.55rem 1.4rem .55rem .55rem;background:#fff;border-radius:999px;box-shadow:0 20px 40px -12px #32221b73;font-weight:700;font-size:.95rem;color:var(--text-primary);transition:transform .25s ease}.hero-play-button b{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#f66228,#de2d12)}.hero-play-button b:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid hsla(17,92%,55%,.6);animation:heroRing 2.2s ease-out infinite}@keyframes heroRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}.hero-play-button i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding-left:2px;font-size:.9rem;line-height:1;text-align:center}.hero-image-wrap:hover .hero-play-button{transform:scale(1.06)}.hero-float{position:absolute;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 44px -20px #422e2466;text-align:left;animation:heroBob 6s ease-in-out infinite;animation-delay:var(--t, 0s)}@keyframes heroBob{50%{transform:translateY(-10px)}}.hero-float .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.85rem;color:#22774d;background:#e1f4eb}.hero-float.warn .ic{color:#c9341d;background:#fce7e3}.hero-float.info .ic{color:var(--primary-dark);background:#f1591e1f}.hero-float b{display:block;font-size:.9rem;line-height:1.2;color:var(--text-primary)}.hero-float small{font-size:.72rem;color:var(--text-muted)}.hf1{top:22%;left:-4.5%}.hf2{top:12%;right:-4.5%;--t: 1.2s}.hf3{bottom:14%;left:-3%;--t: 2.4s}.hf4{bottom:20%;right:-3.5%;--t: 3.4s}.hero-works{margin-top:3.5rem}.hero-works p{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.1rem}.hero-works ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem 1.6rem}.hero-works li{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:var(--text-muted);filter:grayscale(1);opacity:.75;transition:filter .3s ease,opacity .3s ease,color .3s ease,transform .3s ease}.hero-works li:hover{filter:none;opacity:1;color:var(--text-primary);transform:translateY(-2px)}.hero-works .lg{width:20px;height:20px;fill:var(--brand, currentColor)}@media (max-width: 1000px){.hero-float{display:none}.hero-tilt{transform:none}}@media (max-width: 640px){.hero{padding-top:100px}.hero-play-button{padding:.55rem 1.4rem .55rem 1.55rem}.hero-play-button span{display:none}}@media (prefers-reduced-motion: reduce){.hero-title .w,.hero-rise{opacity:1;transform:none;animation:none}.hero-bg .orb,.gradient-text .w,.hero-float,.hero-image-wrap:after,.hero-play-button b:before,.badge:before{animation:none}.hero-tilt{transform:none;transition:none}}.key-benefits{padding:80px 0;background:transparent}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.key-benefits{padding:60px 0}}@media (max-width: 480px){.hero-text{text-align:center}.benefit-card{padding:1.5rem}.benefit-icon{width:60px;height:60px}.benefit-icon i{font-size:1.5rem}}.code-line{display:flex;align-items:center;min-height:20px;line-height:20px;padding:0 1rem;transition:background .2s ease}.code-line:hover{background:#fa64290d}.line-number{width:40px;color:var(--text-muted);font-size:.8rem;text-align:right;margin-right:1.5rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.code-content{flex:1;font-size:.85rem;font-family:inherit}.keyword{color:#c792ea;font-weight:500}.string{color:#c3e88d}.comment{color:var(--text-muted);font-style:italic}.function{color:#82aaff}.identifier{color:var(--text-primary)}.operator{color:#89ddff}.features{--f-bg: var(--background);--f-border: var(--border-color);--f-text: var(--text-primary);--f-muted: var(--text-secondary);position:relative;background:var(--f-bg);color:var(--f-text);padding:120px 0 140px;overflow:clip;isolation:isolate}.features:before,.features:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1}.features:before{width:620px;height:620px;top:-220px;left:-160px;background:#f1591e29;animation:fGlow 14s ease-in-out infinite alternate}.features:after{width:520px;height:520px;bottom:-200px;right:-120px;background:#fa993824;animation:fGlow 18s ease-in-out infinite alternate-reverse}@keyframes fGlow{to{transform:translate(60px,40px) scale(1.15)}}.features-grid-bg{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(hsla(20,15%,30%,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);pointer-events:none}.features-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:4.5rem;align-items:start}.features-intro{position:sticky;top:130px}.features .eyebrow{background:#f1591e14;color:var(--primary-color);border-color:#f1591e40}.features-intro h2{font-size:clamp(2rem,3.2vw,2.7rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin-bottom:1rem}.features-intro h2 em{font-style:normal;background:linear-gradient(100deg,#f24e0d,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.features-intro>p{color:var(--f-muted);font-size:1.02rem;line-height:1.65;margin-bottom:2.25rem}.features-steps{list-style:none;position:relative;padding-left:1.5rem;display:flex;flex-direction:column;gap:.15rem}.features-steps:before,.features-steps:after{content:"";position:absolute;left:0;top:6px;width:2px;border-radius:2px}.features-steps:before{bottom:6px;background:var(--f-border)}.features-steps:after{height:var(--steps-fill, 0px);background:linear-gradient(180deg,#fa6f38,#ffbf52);box-shadow:0 0 12px #fa6f38b3;transition:height .25s ease-out}.features-steps li{display:flex;align-items:baseline;gap:.85rem;padding:.65rem 0;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:.98rem;transition:color .3s ease,transform .3s ease}.features-steps li span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.05em}.features-steps li:hover{color:var(--f-text)}.features-steps li.active{color:var(--f-text);transform:translate(6px)}.features-steps li.active span{color:var(--primary-color)}.features-stack{position:relative;padding-bottom:6vh}.feature-stack-item{position:sticky;top:calc(130px + var(--i, 0) * 26px);margin-bottom:44px;transform-origin:50% 0;will-change:transform,filter}.feature-card{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:2.25rem;align-items:center;min-height:420px;padding:2.75rem;background:linear-gradient(155deg,#fff,#fbfaf8);border:1px solid var(--f-border);border-radius:28px;box-shadow:0 30px 60px -28px #422e2447,0 2px 6px #3d30290f;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.feature-card>.feature-copy,.feature-card>.feature-visual{opacity:var(--fade, 1)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx, 30%) var(--my, 0%),hsla(17,95%,58%,.11),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-stack-item.is-active .feature-card{border-color:#f1591e73;box-shadow:0 34px 70px -28px #d4481159,0 2px 6px #3d30290f}.feature-copy{position:relative;display:flex;flex-direction:column;z-index:1}.feature-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;background:linear-gradient(140deg,#f66228,#d92c12);box-shadow:0 12px 28px -8px #f54d0aa6,inset 0 1px #ffffff59}.feature-icon i{font-size:1.2rem;color:#fff}.feature-card h3{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.8rem;color:var(--f-text)}.feature-card p{color:var(--f-muted);font-size:1rem;line-height:1.65;margin-bottom:1.5rem}.feature-card p strong{color:var(--primary-dark);font-weight:700}.feature-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.feature-tags li{font-size:.76rem;font-weight:600;color:var(--primary-dark);background:#f1591e14;border:1px solid hsla(17,88%,53%,.18);padding:.38rem .8rem;border-radius:999px}.feature-visual{position:relative;z-index:1;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.fv-win{background:#fbfaf8;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -24px #422e244d,0 2px 6px #3d30290d}.fv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f7f4f2;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.72rem}.fv-bar i{width:9px;height:9px;border-radius:50%;background:#dad5d2}.fv-bar i:nth-child(1){background:#ff5f57}.fv-bar i:nth-child(2){background:#febc2e}.fv-bar i:nth-child(3){background:#28c840}.fv-bar span{margin-left:.6rem}.fv-code{padding:1rem 1.1rem 1.1rem;color:#493d36;line-height:1.85;white-space:pre;overflow:hidden}.fv-code .k{color:#d94a12}.fv-code .f{color:#2e57b8}.fv-code .s{color:#28774f}.fv-code .c{color:#9c918b}.fv-code .ln{display:block;opacity:0;transform:translate(-8px)}.is-active .fv-code .ln{animation:fLine .5s ease forwards;animation-delay:calc(var(--n) * .12s + .2s)}@keyframes fLine{to{opacity:1;transform:none}}.fv-caret{display:inline-block;width:7px;height:1em;vertical-align:text-bottom;background:#fa6f38;animation:fBlink 1s steps(1) infinite}@keyframes fBlink{50%{opacity:0}}.fv-suggest{position:absolute;right:1.2rem;bottom:1rem;width:190px;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:4px;box-shadow:0 16px 30px -10px #422e244d;opacity:0;transform:translateY(8px) scale(.96)}.is-active .fv-suggest{animation:fPop .45s cubic-bezier(.2,.9,.3,1.2) 1.3s forwards}@keyframes fPop{to{opacity:1;transform:none}}.fv-suggest div{padding:4px 8px;border-radius:5px;color:var(--text-muted);font-size:.72rem}.fv-suggest .hit{background:#f1591e1f;color:var(--primary-dark)}.fv-runners{display:flex;flex-direction:column;gap:.7rem}.fv-runner{display:grid;grid-template-columns:76px 1fr 38px;align-items:center;gap:.8rem;padding:.75rem .9rem;background:#fff;border:1px solid var(--f-border);border-radius:12px;color:var(--text-secondary);box-shadow:var(--shadow)}.fv-runner .trk{height:7px;border-radius:7px;background:#efeae7;overflow:hidden}.fv-runner .trk i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#f95d1f,#ffbc47);box-shadow:0 2px 8px #f95d1f59}.is-active .fv-runner .trk i{width:var(--w);transition:width 1.4s cubic-bezier(.2,.8,.2,1) var(--t, 0s)}.fv-runner b{font-weight:500;text-align:right;color:var(--text-primary)}.fv-runner.add{display:flex;justify-content:center;border-style:dashed;color:var(--primary-dark);background:#f662280f;box-shadow:none;opacity:0;transform:translateY(10px)}.is-active .fv-runner.add{animation:fPop .5s ease 1.8s forwards}.fv-cost{background:#fff;border:1px solid var(--f-border);border-radius:16px;box-shadow:var(--shadow);padding:1.1rem 1.1rem .7rem}.fv-cost svg{display:block;width:100%;height:auto;overflow:visible}.fv-cost .ax{stroke:#dbd5d1;stroke-width:1}.fv-cost .usage,.fv-cost .fixed{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600}.fv-cost .usage{stroke:#e23636}.fv-cost .fixed{stroke:#2e9e66}.fv-cost .lbl{font-size:11px;fill:var(--text-muted);font-family:inherit}.fv-cost .lbl.u{fill:#d02525}.fv-cost .lbl.f{fill:#257e52}.is-active .fv-cost .usage{animation:fDraw 1.8s ease .3s forwards}.is-active .fv-cost .fixed{animation:fDraw 1.2s ease .1s forwards}@keyframes fDraw{to{stroke-dashoffset:0}}.fv-timeline{list-style:none;position:relative;display:flex;flex-direction:column;gap:.7rem;padding-left:2rem}.fv-timeline:before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:2px;background:var(--f-border)}.fv-timeline li{position:relative;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#fff;border:1px solid var(--f-border);border-radius:12px;color:var(--text-secondary);box-shadow:var(--shadow);opacity:0;transform:translate(16px)}.fv-timeline li:before{content:"";position:absolute;left:-1.75rem;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid hsl(17,90%,55%)}.fv-timeline li b{color:var(--primary-dark);font-weight:500;min-width:2.4rem}.fv-timeline li.go{background:#f6622824;border-color:#f3581b80;color:var(--text-primary)}.fv-timeline li.go:before{background:#f66228;box-shadow:0 0 0 5px #f6622840}.is-active .fv-timeline li{animation:fSlide .5s ease forwards;animation-delay:calc(var(--n) * .22s + .15s)}@keyframes fSlide{to{opacity:1;transform:none}}.features [data-rise]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0s)}.features [data-rise].in{opacity:1;transform:none}@media (max-width: 1000px){.features-layout{grid-template-columns:1fr;gap:2.5rem}.features-intro,.feature-stack-item{position:static}.features-steps{display:none}.feature-card{grid-template-columns:1fr;padding:1.75rem;min-height:0}}@media (prefers-reduced-motion: reduce){.features:before,.features:after,.fv-caret{animation:none}.fv-code .ln,.fv-suggest,.fv-runner.add,.fv-timeline li{opacity:1;transform:none;animation:none!important}.fv-runner .trk i{width:var(--w);transition:none}.fv-cost .usage,.fv-cost .fixed{stroke-dashoffset:0;animation:none!important}.features [data-rise]{opacity:1;transform:none;transition:none}}.section-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.eyebrow{display:inline-flex;align-items:center;background:#f1591e12;color:var(--primary-color);padding:.4rem 1rem;border-radius:999px;font-size:.8125rem;font-weight:600;margin-bottom:1.25rem;border:1px solid hsla(17,88%,53%,.22)}.section-header h2{font-size:clamp(1.85rem,3.4vw,2.5rem);font-weight:700;letter-spacing:-.015em;line-height:1.25;margin-bottom:.85rem;color:var(--text-primary)}.section-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:560px;margin:0 auto}.stats{padding:60px 0;background:var(--background-alt)}.stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center}.stat-item .stat-number{font-size:3rem;font-weight:800;color:var(--primary-color);display:block;line-height:1}.stat-item .stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.use-cases{position:relative;padding:110px 0 120px;background:transparent;overflow:clip;isolation:isolate}.use-cases:before{content:"";position:absolute;z-index:-1;top:40px;left:50%;width:900px;height:380px;transform:translate(-50%);background:radial-gradient(ellipse at center,hsla(17,88%,53%,.1),transparent 70%);pointer-events:none}.use-cases .section-header{margin-bottom:3.25rem}.use-cases .section-header h2 em{font-style:normal;background:linear-gradient(100deg,#f24e0d,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.uc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}.uc{position:relative;grid-column:span 2;display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;min-height:0;background:linear-gradient(160deg,#fff,#fbfaf8);border:1px solid var(--border-color);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--d, 0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d, 0s),box-shadow .35s ease,border-color .35s ease}.uc.wide{grid-column:span 4;flex-direction:row;align-items:center;gap:2rem;min-height:0}.uc.in{opacity:1;transform:none}.uc.in:hover{transform:translateY(-4px);border-color:#f1591e59;box-shadow:0 30px 60px -30px #d4481159,0 2px 6px #3d30290d;transition-delay:0s}.uc:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%),hsla(17,95%,58%,.12),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.uc:hover:before{opacity:1}.uc-copy{position:relative;display:flex;flex-direction:column;flex:1;min-width:0}.uc-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.uc-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#f66228,#de2d12);box-shadow:0 10px 22px -8px #f54d0a99,inset 0 1px #ffffff59}.uc-ic i{color:#fff;font-size:1.05rem}.uc-kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.uc h3{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:.6rem;color:var(--text-primary)}.uc p{font-size:.93rem;line-height:1.62;color:var(--text-secondary);margin-bottom:1.25rem}.uc-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.tag{background:#f1591e14;color:var(--primary-dark);border:1px solid hsla(17,88%,53%,.18);font-size:.76rem;font-weight:600;padding:.35rem .8rem;border-radius:999px;white-space:nowrap}.uc-vis{position:relative;flex:none;border-radius:18px;background:#f9f7f5;border:1px solid var(--border-color);overflow:hidden}.uc.wide .uc-vis{width:46%;height:260px}.uc:not(.wide) .uc-vis{order:-1;height:170px}.uc-vis svg{display:block;width:100%;height:100%}.emb-dot{fill:var(--c);opacity:.85;transform-box:fill-box;transform-origin:center;animation:ucBreath 3.2s ease-in-out infinite;animation-delay:var(--t)}@keyframes ucBreath{50%{transform:scale(1.5);opacity:1}}.emb-ring{fill:#f45f2514;stroke:#f45f25;stroke-width:1.5;stroke-dasharray:4 4;animation:ucSweep 7s ease-in-out infinite}@keyframes ucSweep{0%,to{transform:translate(0)}33%{transform:translate(120px,30px)}66%{transform:translate(60px,-40px)}}.emb-label{font:500 10px JetBrains Mono,monospace;fill:var(--primary-dark)}.uc-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:7px;padding:1.1rem 1.2rem 1rem}.uc-bars i{flex:1;height:8%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#f46a34,#f8ad62);transition:height 1s cubic-bezier(.2,.8,.2,1) calc(var(--n) * .06s + .3s)}.uc.in .uc-bars i{height:var(--h);animation:ucBar 4.5s ease-in-out infinite;animation-delay:calc(var(--n) * .18s + 1.5s)}@keyframes ucBar{50%{transform:scaleY(.86)}}.uc-bars i{transform-origin:bottom}.uc-vis .pill{position:absolute;top:.8rem;left:.9rem;font:500 .7rem JetBrains Mono,monospace;color:#26734d;background:#e9f7f0;border:1px solid hsl(150,35%,82%);padding:.2rem .6rem;border-radius:999px}.attr{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.55rem;padding:1rem 1.2rem;font:500 .7rem JetBrains Mono,monospace;color:var(--text-secondary)}.attr-row{display:grid;grid-template-columns:56px 1fr 34px;align-items:center;gap:.6rem}.attr-row .trk{height:8px;border-radius:8px;background:#ede7e3;overflow:hidden}.attr-row .trk i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#f65f23,#faa52e);transition:width 1.2s cubic-bezier(.2,.8,.2,1) calc(var(--n) * .15s + .3s)}.uc.in .attr-row .trk i{width:var(--w)}.attr-row b{text-align:right;color:var(--text-primary);font-weight:500}.reg-line{fill:none;stroke:#cc5e3359;stroke-width:1.5;stroke-dasharray:5 5}.reg-node{fill:#fff;stroke:#f16027;stroke-width:2}.reg-core{fill:#f3581b}.reg-core-ring{fill:none;stroke:#f3581b66;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ucRing 2.6s ease-out infinite}@keyframes ucRing{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.reg-txt{font:500 10px JetBrains Mono,monospace;fill:var(--text-secondary)}.reg-dot{fill:#f65f23}.uc-cta{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.75rem;background:#f1591e0f;border:1px dashed hsla(17,88%,53%,.35);border-radius:22px;opacity:0;transform:translateY(20px);transition:opacity .8s ease .1s,transform .8s ease .1s}.uc-cta.in{opacity:1;transform:none}.uc-cta h4{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:.15rem}.uc-cta p{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 1000px){.uc-grid{grid-template-columns:1fr}.uc,.uc.wide{grid-column:auto;flex-direction:column;min-height:0}.uc.wide .uc-vis{width:100%;order:-1;height:200px}.uc-cta{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.uc,.uc-cta{opacity:1;transform:none;transition:none}.emb-dot,.emb-ring,.reg-core-ring,.uc.in .uc-bars i{animation:none}.uc-bars i{height:var(--h);transition:none}.attr-row .trk i{width:var(--w);transition:none}}.pricing{position:relative;padding:110px 0 120px;background:linear-gradient(180deg,var(--background) 0%,var(--background-alt) 100%);border-top:1px solid var(--border-color);overflow:clip;isolation:isolate}.pricing:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(hsla(20,15%,30%,.12) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%)}.pricing:after{content:"";position:absolute;z-index:-1;top:120px;left:50%;width:760px;height:460px;transform:translate(-50%);background:radial-gradient(ellipse at center,hsla(17,88%,53%,.13),transparent 70%);pointer-events:none}.pricing .section-header{margin-bottom:3.5rem}.pricing .section-header h2 em{font-style:normal;background:linear-gradient(100deg,#f24e0d,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;max-width:900px;margin:0 auto;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;padding:2.25rem 2.25rem 2rem;background:linear-gradient(165deg,#fff,#fbfaf8);border:1px solid var(--border-color);border-radius:28px;box-shadow:var(--shadow);opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--d, 0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d, 0s),box-shadow .35s ease}.plan.in{opacity:1;transform:none}.plan.in:hover{transform:translateY(-5px);box-shadow:0 30px 60px -30px #d448114d,0 2px 6px #3d30290d;transition-delay:0s}@property --rim{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.plan.pop{border-color:transparent;background:linear-gradient(165deg,#fff,#fdf9f7);box-shadow:0 34px 70px -34px #d4481166,0 2px 8px #3d30290d}.plan.pop:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--rim),hsl(17,92%,55%),hsl(38,96%,60%),hsla(17,92%,55%,.15) 40%,hsl(17,92%,55%));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:planRim 6s linear infinite;pointer-events:none}@keyframes planRim{to{--rim: 360deg}}.ribbon{position:absolute;top:1.4rem;right:1.5rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(120deg,#f65b1e,#de2d12);padding:.3rem .8rem;border-radius:999px;box-shadow:0 8px 18px -6px #f54d0a99}.plan-name{display:flex;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:.4rem}.plan-name i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.9rem;color:var(--primary-dark);background:#f1591e1a}.plan.pop .plan-name i{color:#fff;background:linear-gradient(140deg,#f66228,#de2d12);box-shadow:0 8px 18px -6px #f54d0a99}.plan-blurb{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.4rem}.amt{display:flex;align-items:baseline;gap:.35rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--border-color-light)}.amt b{font-size:3.6rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--text-primary)}.plan.pop .amt b{background:linear-gradient(100deg,#e94b0c,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.amt span{color:var(--text-muted);font-weight:600}.plan ul{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem;flex:1}.plan li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-secondary);line-height:1.45;opacity:0;transform:translate(-10px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--k) * .08s + .35s)}.plan.in li{opacity:1;transform:none}.plan li i{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;color:#22774d;background:#e1f4eb}.plan li.hl{color:var(--text-primary);font-weight:600}.plan .btn-primary,.plan .btn-secondary{width:100%;justify-content:center;padding:.9rem 1.5rem;font-size:.95rem}.scale{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;max-width:900px;margin:2rem auto 0;padding:2.25rem 2.5rem;background:#fff;border:1px solid var(--border-color);border-radius:28px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(28px);transition:opacity .8s ease .1s,transform .8s cubic-bezier(.2,.7,.2,1) .1s}.scale.in{opacity:1;transform:none}.scale-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:1.1rem;background:linear-gradient(140deg,#f66228,#de2d12);box-shadow:0 12px 26px -8px #f54d0a99,inset 0 1px #ffffff59}.scale-ic i{color:#fff;font-size:1.3rem;animation:scaleSpin 6s ease-in-out infinite}@keyframes scaleSpin{50%{transform:scale(1.18) rotate(-8deg)}}.scale h4{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text-primary)}.scale p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.calc{font-family:JetBrains Mono,ui-monospace,monospace}.calc-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.7rem}.calc-top b{font-size:1.15rem;letter-spacing:-.01em;text-transform:none;color:var(--text-primary);font-weight:500}.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;outline:none;cursor:pointer;background:linear-gradient(90deg,hsl(17,92%,55%) var(--p, 20%),hsl(24,20%,90%) var(--p, 20%))}.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid hsl(17,92%,55%);box-shadow:0 4px 12px #f54d0a73;transition:transform .15s ease}.calc input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.calc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid hsl(17,92%,55%);box-shadow:0 4px 12px #f54d0a73}.calc input[type=range]:focus-visible{box-shadow:0 0 0 4px #f65f2340}.calc-rows{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.calc-row{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center;font-size:.78rem;color:var(--text-secondary)}.calc-row b{font-size:1rem;font-weight:500;color:var(--text-primary)}.calc-row.use b{color:#d03625}.calc-row.fix b{color:#22774d}.calc-row .trk{grid-column:1 / -1;height:8px;border-radius:8px;background:#efeae7;overflow:hidden}.calc-row .trk i{display:block;height:100%;border-radius:8px;transition:width .25s ease-out}.calc-row.use .trk i{background:linear-gradient(90deg,#f46a34,#e64533)}.calc-row.fix .trk i{background:linear-gradient(90deg,#39ac73,#2c9661);width:8%}.scale .calc-note{margin-top:.9rem;font-size:.68rem;line-height:1.5;color:var(--text-muted)}@media (max-width: 1000px){.plans,.scale{grid-template-columns:1fr}.scale{padding:1.75rem;gap:1.75rem}}@media (prefers-reduced-motion: reduce){.plan,.scale,.plan li{opacity:1;transform:none;transition:none}.plan.pop:before,.scale-ic i{animation:none}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-background);border:1px solid var(--border-color);margin:5% auto;padding:2rem;border-radius:16px;width:90%;max-width:800px;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:1rem;top:1rem;font-size:2rem;cursor:pointer;color:var(--text-secondary);transition:color .3s ease}.close:hover{color:var(--primary-color)}.modal-content h3{color:var(--text-primary);margin-bottom:1rem}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:center}.company-logos{justify-content:center;flex-wrap:wrap}.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.cta-buttons{flex-direction:column;align-items:center}.stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.pipeline-visual{flex-direction:column;gap:1rem}.flow-arrow{transform:rotate(90deg)}}@media (max-width: 480px){.container{padding:0 15px}.section-header h2{font-size:1.75rem}.stats .stats-grid{grid-template-columns:1fr}.pricing-toggle{flex-direction:column;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.connectors-ticker{padding:80px 0;background:var(--background-alt);position:relative;overflow:hidden}.connectors-ticker:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:radial-gradient(ellipse at center,hsla(17,95%,57%,.03) 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px) rotate(1deg)}}.ticker-container{margin-bottom:4rem}.ticker-container:last-child{margin-bottom:0}.ticker-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.ticker-title i{color:var(--primary-color);font-size:1.1rem}.upcoming .ticker-title i{color:var(--accent-color)}.ticker-wrapper{position:relative;overflow:hidden;background:var(--card-background);border:1px solid var(--border-color);border-radius:20px;padding:2rem 0;box-shadow:var(--shadow)}.ticker-wrapper:before,.ticker-wrapper:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.ticker-wrapper:before{left:0;background:linear-gradient(90deg,var(--card-background) 0%,transparent 100%)}.ticker-wrapper:after{right:0;background:linear-gradient(270deg,var(--card-background) 0%,transparent 100%)}.ticker-content{display:flex;align-items:center;animation:tickerMove 30s linear infinite;width:max-content}.upcoming-ticker{animation:tickerMoveReverse 25s linear infinite}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tickerMoveReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.connector-item{display:flex;flex-direction:column;align-items:center;margin:0 3rem;min-width:120px;transition:all .3s ease;cursor:pointer;position:relative}.connector-item:hover{transform:translateY(-4px)}.connector-item img{width:60px;height:60px;object-fit:contain;margin-bottom:1rem;transition:all .3s ease;filter:brightness(.9) contrast(1.1)}.connector-item:hover img{transform:scale(1.1);filter:brightness(1) contrast(1.2)}.connector-item span{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;white-space:nowrap}.coming-badge{position:absolute;top:-8px;right:-15px;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:8px;line-height:1;box-shadow:0 2px 8px #f59e0b4d;transform:rotate(15deg)}.ticker-content:hover{animation-play-state:paused}.ticker-wrapper:hover:before,.ticker-wrapper:hover:after{opacity:.5}@media (max-width: 768px){.connectors-ticker{padding:60px 0}.ticker-container{margin-bottom:3rem}.connector-item{margin:0 2rem;min-width:100px}.connector-item img{width:50px;height:50px}.connector-item span{font-size:.8rem}.ticker-content{animation-duration:25s}.upcoming-ticker{animation-duration:20s}}@media (max-width: 480px){.connector-item{margin:0 1.5rem;min-width:80px}.connector-item img{width:40px;height:40px}.ticker-wrapper:before,.ticker-wrapper:after{width:50px}}@media (prefers-reduced-motion: reduce){.ticker-content,.upcoming-ticker{animation:none}.ticker-wrapper{overflow-x:auto;scrollbar-width:thin}.ticker-content{justify-content:flex-start;padding:0 2rem}}@media (prefers-reduced-motion: reduce){.ticker-wrapper::-webkit-scrollbar{height:6px}.ticker-wrapper::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.ticker-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}}.demo-booking-modal{max-width:900px;width:90vw;max-height:90vh;padding:0;border-radius:20px;overflow:hidden;position:relative}.demo-booking-modal .close,.trial-modal .close,.download-modal .close{position:absolute;right:1rem;top:1rem;z-index:10;background:#0000001a;border-radius:50%;width:36px;height:36px;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.demo-booking-modal .close:hover,.trial-modal .close:hover,.download-modal .close:hover{background:#0003}.modal.video-modal{background:#05050aeb}.video-modal-content{background:transparent;border:none;box-shadow:none;margin:0;padding:3rem 1.5rem;width:100%;height:100%;max-width:1400px;display:flex;align-items:center;justify-content:center}.video-modal-player{width:100%;max-width:1200px;max-height:80vh;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #0f0c0b80}.video-modal-player video{width:100%;height:100%;display:block;background:#000}.video-modal-content .close{position:fixed;right:1.5rem;top:1.5rem;background:#181d2599;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;z-index:10}.video-modal-content .close:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.video-modal-content{padding:1.5rem 1rem}.video-modal-player{max-height:70vh;border-radius:10px}.video-modal-content .close{top:1rem;right:1rem;width:38px;height:38px;font-size:1.5rem}}@media (max-width: 480px){.video-modal-content{padding:1rem .75rem}.video-modal-player{border-radius:8px}}.demo-modal-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:500px;max-height:85vh}.demo-form-section{padding:2rem;background:var(--card-background);overflow-y:auto}.form-header-compact{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-icon-small{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-icon-small i{font-size:1.5rem;color:#fff}.form-header-text h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.form-header-text p{font-size:.9rem;color:var(--text-secondary);margin:0}.compact-form{gap:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group-wide,.form-group-full{grid-column:span 2}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .3s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #fa64291a}.form-group textarea{resize:vertical;min-height:60px}.btn-compact{width:100%;padding:.875rem 1.5rem;font-size:.95rem}.demo-benefits-section{background:var(--gradient-subtle);border-left:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column}.demo-benefits-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.benefits-list{list-style:none;margin:0 0 2rem;padding:0}.benefits-list li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem;line-height:1.4}.benefits-list li i{color:var(--primary-color);font-size:.875rem;flex-shrink:0;width:16px}@media (max-width: 768px){.demo-booking-modal{width:95vw;max-height:95vh}.demo-modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.demo-benefits-section{border-left:none;border-top:1px solid var(--border-color);padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-group-wide,.form-group-full{grid-column:span 1}.demo-form-section{padding:1.5rem;max-height:60vh;overflow-y:auto}.demo-stats{justify-content:center;gap:2rem}}@media (max-width: 480px){.demo-booking-modal{width:98vw;margin:1vh auto;max-height:98vh}.demo-form-section,.demo-benefits-section{padding:1rem}.form-header-compact{flex-direction:column;text-align:center;gap:.75rem}.form-header-text h2{font-size:1.25rem}.benefits-list li{font-size:.8rem}}.form-loading{position:relative;pointer-events:none}.form-loading:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:10;border-radius:8px}.form-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:1px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:11}.demo-form-section::-webkit-scrollbar{width:4px}.demo-form-section::-webkit-scrollbar-track{background:transparent}.demo-form-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.demo-form-section::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.download-modal{max-width:900px;width:90vw;max-height:90vh;padding:0;border-radius:20px;overflow:hidden;position:relative}.download-modal-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:460px;max-height:85vh}.download-form-section{padding:2rem;background:var(--card-background);overflow-y:auto}.download-form-section::-webkit-scrollbar{width:4px}.download-form-section::-webkit-scrollbar-track{background:transparent}.download-form-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.download-form-section::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.download-modal .btn-compact:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.download-benefits-section{background:var(--gradient-subtle);border-left:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column}.download-version-badge{align-self:flex-start;background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.3rem .75rem;border-radius:999px;margin-bottom:1.25rem}.download-benefits-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.download-benefits-section .benefits-footnote{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-muted)}@media (max-width: 768px){.download-modal{width:95vw;max-height:95vh}.download-modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.download-benefits-section{border-left:none;border-top:1px solid var(--border-color);padding:1.5rem}.download-form-section{padding:1.5rem;max-height:60vh;overflow-y:auto}}@media (max-width: 480px){.download-modal{width:98vw;margin:1vh auto;max-height:98vh}.download-form-section,.download-benefits-section{padding:1rem}}.trial-modal{max-width:900px;width:90vw;max-height:90vh;padding:0;border-radius:20px;overflow:hidden;position:relative}.trial-modal-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:500px;max-height:85vh}.trial-form-section{padding:2rem;background:var(--card-background);overflow-y:auto}.trial-benefits-section{background:var(--gradient-subtle);border-left:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column}.trial-benefits-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.trial-form-section::-webkit-scrollbar{width:4px}.trial-form-section::-webkit-scrollbar-track{background:transparent}.trial-form-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.trial-form-section::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width: 768px){.trial-modal{width:95vw;max-height:95vh}.trial-modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.trial-benefits-section{border-left:none;border-top:1px solid var(--border-color);padding:1.5rem}.trial-form-section{padding:1.5rem;max-height:60vh;overflow-y:auto}}@media (max-width: 480px){.trial-modal{width:98vw;margin:1vh auto;max-height:98vh}.trial-form-section,.trial-benefits-section{padding:1rem}}.connectors{position:relative;padding:110px 0;background:transparent;overflow:clip;isolation:isolate}.connectors:before{content:"";position:absolute;z-index:-1;top:60px;left:50%;width:900px;height:380px;transform:translate(-50%);background:radial-gradient(ellipse at center,hsla(17,88%,53%,.1),transparent 70%);pointer-events:none}.connectors .section-header{margin-bottom:2.5rem}.connectors .section-header h2 em{font-style:normal;background:linear-gradient(100deg,#f24e0d,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.cx-filter{font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;color:var(--text-secondary);background:#fff;border:1px solid var(--border-color);border-radius:999px;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.cx-filter em{font-style:normal;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;padding:.05rem .45rem;border-radius:999px;background:#f3efed;color:var(--text-muted);transition:background .2s ease,color .2s ease}.cx-filter:hover{border-color:var(--border-color-light);transform:translateY(-1px)}.cx-filter:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.cx-filter.active{color:#fff;background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 10px 22px -8px #f54d0a8c}.cx-filter.active em{background:#ffffff40;color:#fff}.cx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cx-tile{position:relative;display:flex;align-items:center;gap:.9rem;padding:1.05rem 1.15rem;background:linear-gradient(160deg,#fff,#fbfaf8);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s ease calc(var(--n) * .04s),transform .55s cubic-bezier(.2,.8,.2,1) calc(var(--n) * .04s),border-color .25s ease,box-shadow .25s ease}.cx-grid.in .cx-tile:not(.out){opacity:1;transform:none}.cx-tile.out{opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.cx-tile.gone{display:none}.cx-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(180px circle at 15% 50%,var(--brand, hsl(17, 90%, 55%)),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.cx-grid.in .cx-tile:not(.out):hover{transform:translateY(-4px);border-color:#f1591e66;box-shadow:0 22px 40px -22px #422e2459;transition-delay:0s}.cx-tile:hover:before{opacity:.09}.cx-ico{position:relative;flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid var(--border-color);color:var(--primary-dark);transition:transform .3s ease}.cx-tile:hover .cx-ico{transform:scale(1.08) rotate(-4deg)}.cx-logo{width:24px;height:24px;fill:var(--brand)}.cx-ico i{font-size:1.05rem}.cx-txt{position:relative;min-width:0}.cx-txt b{display:block;font-size:.98rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-txt span{display:inline-block;margin-top:.2rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;color:var(--text-muted)}.cx-tile.cdc .cx-txt span{color:var(--primary-dark)}.cx-tile.cdc:after{content:"CDC";position:absolute;top:.6rem;right:.7rem;font:700 .6rem JetBrains Mono,monospace;letter-spacing:.08em;color:var(--primary-dark);background:#f1591e1a;border-radius:999px;padding:.12rem .45rem}.cx-tile.cx-req{text-decoration:none;color:inherit;background:#f1591e0d;border-style:dashed;border-color:#f1591e66}.cx-req .cx-ico{color:#fff;border:none;background:linear-gradient(140deg,#f66228,#de2d12);box-shadow:0 8px 18px -8px #f54d0a99}.cx-req .cx-txt span{color:var(--primary-dark)}.cx-req:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.foot-note,.marquee-footnote{text-align:center;margin-top:1.6rem;font-size:.93rem;color:var(--text-secondary)}.marquee-footnote a{color:var(--primary-color);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.cx-hub{margin:4rem auto 0;max-width:960px}.cx-hub-head{text-align:center;margin-bottom:1.5rem}.cx-hub-head h3{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.4rem}.cx-hub-head p{color:var(--text-secondary);font-size:.98rem}.cx-win{background:#fff;border:1px solid var(--border-color);border-radius:22px;box-shadow:0 36px 70px -36px #422e2459,0 2px 8px #3d30290d;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.cx-win.in{opacity:1;transform:none}.cx-win-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#f9f7f5;border-bottom:1px solid var(--border-color)}.cx-win-bar i{width:11px;height:11px;border-radius:50%;background:#dad5d2}.cx-win-bar i:nth-child(1){background:#ff5f57}.cx-win-bar i:nth-child(2){background:#febc2e}.cx-win-bar i:nth-child(3){background:#28c840}.cx-win-bar span{margin-left:.8rem;font:500 .78rem JetBrains Mono,ui-monospace,monospace;color:var(--text-muted)}.cx-row{display:grid;grid-template-columns:1.5fr 1.4fr 1fr 1fr;align-items:center;gap:1rem;padding:.95rem 1.5rem;font-size:.92rem;color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-color);opacity:0;transform:translate(-14px);transition:opacity .5s ease calc(var(--n) * .12s + .2s),transform .5s ease calc(var(--n) * .12s + .2s),background .2s ease}.cx-row:last-child{border-bottom:none}.cx-win.in .cx-row{opacity:1;transform:none}.cx-row.head{font:700 .68rem Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:#fbfaf9}.cx-row:not(.head):hover{background:#f1591e0a}.cx-type{display:inline-flex;align-items:center;gap:.6rem;font-weight:500;color:var(--text-secondary)}.cx-type .cx-logo{width:20px;height:20px}.cx-badge{display:inline-block;font:500 .72rem JetBrains Mono,ui-monospace,monospace;padding:.22rem .7rem;border-radius:999px;background:#f3efed;color:var(--text-secondary)}.cx-badge.cdc{background:#f1591e1a;color:var(--primary-dark)}.cx-badge.src{background:#e5f5ed;color:#246b47}.cx-badge.dst{background:#e3eefc;color:#2c5896}@media (max-width: 1000px){.cx-grid{grid-template-columns:repeat(2,1fr)}.cx-row{grid-template-columns:1fr 1fr}.cx-row.head{display:none}}@media (max-width: 520px){.cx-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.cx-tile,.cx-win,.cx-row{opacity:1;transform:none;transition:none}}.how{position:relative;padding:110px 0 120px;background:linear-gradient(180deg,var(--background) 0%,var(--background-alt) 100%);border-top:1px solid var(--border-color);overflow:clip;isolation:isolate}.how:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(hsla(20,15%,30%,.13) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 55%,#000 15%,transparent 70%)}.how:after{content:"";position:absolute;z-index:-1;width:700px;height:420px;left:50%;bottom:-120px;transform:translate(-50%);background:radial-gradient(ellipse at center,hsla(17,88%,53%,.14),transparent 70%);pointer-events:none}.how .section-header{margin-bottom:3.25rem}.how .section-header h2 em{font-style:normal;background:linear-gradient(100deg,#f24e0d,#f98806);-webkit-background-clip:text;background-clip:text;color:transparent}.how-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.75rem}.how-steps:before{content:"";position:absolute;top:46px;left:16%;right:16%;border-top:2px dashed hsla(17,60%,50%,.3);z-index:0}.how-step{position:relative;z-index:1;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1.4rem 1.5rem 2.1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}.how-step:hover{transform:translateY(-3px);border-color:var(--border-color-light)}.how-step:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.how-step.active{background:#fff;border-color:#f1591e66;box-shadow:0 22px 44px -22px #d4481159,0 2px 6px #3d30290f;transform:translateY(-3px)}.how-badge{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.how-badge b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f3efed;color:var(--text-muted);font-size:.95rem;transition:background .35s ease,color .35s ease,box-shadow .35s ease}.how-step.active .how-badge b{background:linear-gradient(140deg,#f66228,#de2d12);color:#fff;box-shadow:0 10px 22px -8px #f54d0a99}.how-badge em{font-style:normal;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);transition:color .35s ease}.how-step.active .how-badge em{color:var(--primary-color)}.how-step h3{font-size:1.15rem;font-weight:800;letter-spacing:-.015em;line-height:1.3}.how-step p{font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.how-progress{position:absolute;left:1.5rem;right:1.5rem;bottom:.7rem;height:3px;border-radius:3px;background:#58494114;overflow:hidden;opacity:0;transition:opacity .3s ease}.how-step.active .how-progress{opacity:1}.how-progress i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#f65f23,#f99e1f)}.how-step.active .how-progress i{animation:howFill var(--how-dur, 6s) linear forwards}.how.paused .how-step.active .how-progress i{animation-play-state:paused}.how.manual .how-step.active .how-progress i{animation:none;width:100%}@keyframes howFill{to{width:100%}}.how-window{position:relative;background:#fff;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 40px 80px -36px #422e2452,0 2px 8px #3d30290d;overflow:hidden}.how-chrome{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#f9f7f5;border-bottom:1px solid var(--border-color)}.how-chrome i{width:11px;height:11px;border-radius:50%;background:#dad5d2}.how-chrome i:nth-child(1){background:#ff5f57}.how-chrome i:nth-child(2){background:#febc2e}.how-chrome i:nth-child(3){background:#28c840}.how-chrome .title{margin-left:.8rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;color:var(--text-muted)}.how-chrome .live{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;color:#26734d;background:#e9f7f0;border:1px solid hsl(150,35%,82%);padding:.25rem .7rem;border-radius:999px}.how-chrome .live:before{content:"";width:7px;height:7px;border-radius:50%;background:#2bab6b;animation:howPulse 1.6s ease-in-out infinite}@keyframes howPulse{50%{box-shadow:0 0 0 5px #2bab6b33}}.how-stage{position:relative;height:400px}.how-panel{position:absolute;inset:0;padding:1.75rem 2rem;opacity:0;visibility:hidden;transform:translate(24px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility 0s linear .55s}.how-panel.active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.how-panel.before{transform:translate(-24px)}.how-panel{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--text-secondary)}.build-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:1.5rem;height:100%}.editor{position:relative;background:#fbfaf8;border:1px solid var(--border-color);border-radius:14px;padding:1rem 0;overflow:hidden}.editor .row{display:flex;gap:1rem;padding:0 1.1rem;line-height:1.95;white-space:pre;opacity:0;transform:translate(-8px)}.editor .row .n{width:1.4rem;text-align:right;color:#b4aba7;-webkit-user-select:none;user-select:none}.editor .row code{font:inherit;color:#493d36}.editor .k{color:#d94a12}.editor .f{color:#2e57b8}.editor .s{color:#28774f}.editor .c{color:#9c918b}.active .editor .row{animation:howIn .5s ease forwards;animation-delay:calc(var(--n) * .11s + .15s)}@keyframes howIn{to{opacity:1;transform:none}}.editor .caret{display:inline-block;width:7px;height:1em;vertical-align:text-bottom;background:var(--primary-color);animation:howBlink 1s steps(1) infinite}@keyframes howBlink{50%{opacity:0}}.editor .pop{position:absolute;left:12.5rem;top:9.3rem;width:210px;background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:4px;box-shadow:0 18px 34px -12px #422e244d;opacity:0;transform:translateY(8px) scale(.96)}.active .editor .pop{animation:howPop .45s cubic-bezier(.2,.9,.3,1.2) 1.35s forwards}@keyframes howPop{to{opacity:1;transform:none}}.editor .pop div{padding:5px 9px;border-radius:6px;font-size:.74rem;color:var(--text-muted)}.editor .pop .hit{background:#f1591e1f;color:var(--primary-dark);font-weight:500}.preview{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:#fff}.preview-head{padding:.7rem 1rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#f9f7f5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.preview-head b{color:#297a52;font-weight:500}.preview pre{flex:1;padding:1rem 1.1rem;line-height:1.85;color:#493d36;font:inherit;opacity:0;transform:translateY(8px)}.preview pre .a{color:#2e57b8}.preview pre .v{color:#28774f}.active .preview pre{animation:howPop .6s ease 1.9s forwards}.wire{height:100%;display:flex;flex-direction:column;justify-content:center;gap:2rem}.wire-row{display:flex;align-items:center}.wire-node{flex:none;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;padding:1rem 1.2rem;min-width:150px;background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);font-weight:500;opacity:0;transform:translateY(12px) scale(.96)}.wire-node .lg{width:30px;height:30px;fill:var(--brand)}.wire-node small{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .55rem;border-radius:999px;font-weight:500}.wire-node.src small{background:#e5f5ed;color:#246b47}.wire-node.dst small{background:#e3eefc;color:#2c5896}.wire-node.tf{min-width:0;padding:.8rem 1rem;border-radius:12px;flex-direction:row;gap:.55rem;font-size:.78rem;background:#f1591e0f;border-color:#f1591e47;color:var(--primary-dark)}.wire-node.tf i{font-size:.8rem}.wire-link{position:relative;flex:1;height:2px;min-width:24px;background:repeating-linear-gradient(90deg,hsla(17,60%,50%,.4) 0 6px,transparent 6px 12px);opacity:0}.wire-link:after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 10px #f65f23cc;animation:howTravel 2.2s ease-in-out infinite;animation-delay:var(--t, 0s)}@keyframes howTravel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.active .wire-node{animation:howPop .5s cubic-bezier(.2,.9,.3,1.2) forwards;animation-delay:calc(var(--n) * .22s + .15s)}.active .wire-link{animation:howFade .4s ease forwards;animation-delay:calc(var(--n) * .22s + .15s)}@keyframes howFade{to{opacity:1}}.wire-meta{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.wire-meta span{padding:.35rem .8rem;border-radius:999px;background:#f7f4f2;border:1px solid var(--border-color);font-size:.75rem}.wire-meta b{color:var(--primary-dark);font-weight:500}.watch{height:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:1.5rem}.watch-left{display:flex;flex-direction:column;gap:.9rem}.w-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.w-tile{padding:.95rem .9rem;background:#fff;border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px)}.w-tile b{display:block;font-size:1.55rem;letter-spacing:-.02em;color:var(--text-primary);font-weight:500}.w-tile.bad b{color:#d6371f}.w-tile span{font-size:.62rem;letter-spacing:.08em;color:var(--text-muted)}.active .w-tile{animation:howPop .5s ease forwards;animation-delay:calc(var(--n) * .12s + .1s)}.w-chart{flex:1;display:flex;align-items:flex-end;gap:6px;padding:1rem 1rem .8rem;background:#fff;border:1px solid var(--border-color);border-radius:14px;min-height:0}.w-chart i{flex:1;height:0;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#f46a34,#f8a859)}.w-chart i.err{background:linear-gradient(180deg,#e75140,#f08275)}.active .w-chart i{height:var(--h);transition:height .9s cubic-bezier(.2,.8,.2,1) calc(var(--n) * .05s + .4s)}.w-log{display:flex;flex-direction:column;background:#f9f7f5;border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.w-log-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:500}.w-log-head .done{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:#26734d}.w-log-head .done:before{content:"";width:7px;height:7px;border-radius:50%;background:#2bab6b}.w-log p{padding:.7rem 1rem;line-height:1.5;border-bottom:1px solid hsla(20,12%,89%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-10px)}.active .w-log p{animation:howIn .45s ease forwards;animation-delay:calc(var(--n) * .35s + .6s)}.w-log .lv{display:inline-block;min-width:3.4rem;font-weight:500}.w-log .lv.err{color:#d6371f}.w-log .lv.warn{color:#bd7d0f}.w-log .lv.info{color:#2e67b8}@media (max-width: 1000px){.how-steps{grid-template-columns:1fr}.how-steps:before{display:none}.how-stage{height:auto;min-height:420px}.build-grid,.watch{grid-template-columns:1fr}.wire-row{flex-wrap:wrap;justify-content:center;gap:.6rem}.wire-link{display:none}}@media (max-width: 768px){.how{padding:70px 0 80px}.how .section-header{margin-bottom:2rem}.how-steps{grid-template-columns:repeat(3,1fr);gap:0;padding:.3rem;margin-bottom:.9rem;background:#fff;border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow)}.how-steps:before{display:none}.how-step{align-items:center;padding:.7rem .3rem 1rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:14px;box-shadow:none;transform:none}.how-step:hover,.how-step.active{transform:none;box-shadow:none}.how-step.active{background:#f1591e14}.how-step h3,.how-step p{display:none}.how-badge{flex-direction:column;gap:.4rem;margin-bottom:0}.how-badge em{font-size:.66rem;letter-spacing:.05em}.how-progress{left:.9rem;right:.9rem;bottom:.4rem}.how-window{border-radius:18px}.how-stage{height:440px;min-height:0}.how-panel{padding:1rem;font-size:.72rem}.how-chrome .title{font-size:.7rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.how-chrome .live{flex:none}.build-grid{height:auto;gap:.8rem}.editor{padding:.7rem 0}.editor .row{line-height:1.6;padding:0 .8rem;gap:.6rem}.editor .pop{display:none}.preview pre{padding:.7rem .9rem;line-height:1.5;white-space:pre-wrap}.wire{gap:1rem}.how-panel .wire-row{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:0}.how-panel .wire-link{height:18px;margin:0}.wire-node{min-width:0;width:100%;max-width:300px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.2rem .45rem;padding:.45rem .6rem;border-radius:12px;font-size:.72rem}.wire-node .lg{width:20px;height:20px}.wire-node small{font-size:.6rem}.wire-link{display:block;flex:none;width:2px;height:18px;min-width:0;opacity:1;transform:scaleY(0);transform-origin:top;background:repeating-linear-gradient(180deg,hsla(17,60%,50%,.45) 0 4px,transparent 4px 8px)}.active .wire-link{animation:howDrawV .3s ease forwards;animation-delay:calc(var(--n) * .22s + .15s)}.wire-link:after{top:0;left:-3px;animation:howTravelV 1.4s ease-in-out infinite;animation-delay:calc(var(--n) * .22s + .9s)}.wire-meta{gap:.4rem}.wire-meta span:first-child{display:none}.wire-meta span{font-size:.68rem;padding:.3rem .65rem}.watch{height:auto;grid-template-rows:none;align-content:start;gap:.6rem}.watch-left{flex:none;gap:.6rem}.w-tiles{gap:.5rem}.w-tile{padding:.65rem .6rem}.w-tile b{font-size:1.15rem}.w-tile span{font-size:.54rem}.w-chart{flex:none;height:120px;padding:.7rem .8rem .5rem;gap:4px}.w-log p{padding:.5rem .8rem;font-size:.68rem}.w-log-head{padding:.55rem .8rem}}@keyframes howDrawV{to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.how-panel{transition:none}.editor .row,.editor .pop,.preview pre,.wire-node,.wire-link,.w-tile,.w-log p{opacity:1;transform:none;animation:none!important}.w-chart i{height:var(--h);transition:none}.wire-link:after,.how-chrome .live:before,.editor .caret{animation:none}.how-step.active .how-progress i{animation:none;width:100%}}@media (max-width: 768px){.connectors{padding:60px 0}.connector-marquee{padding:20px 0}.marquee-row.row-a,.marquee-row.row-b{animation-duration:30s}}@media (prefers-reduced-motion: reduce){.connector-marquee{overflow-x:auto}.marquee-row{width:max-content}}.site-foot{position:relative;overflow:clip;isolation:isolate;background:linear-gradient(180deg,var(--background-alt) 0%,hsl(24,25%,94%) 100%);border-top:1px solid var(--border-color);padding:72px 0 0}.site-foot:before{content:"";position:absolute;z-index:-1;left:50%;bottom:-180px;width:900px;height:420px;transform:translate(-50%);background:radial-gradient(ellipse at center,hsla(17,88%,53%,.16),transparent 70%);pointer-events:none}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3.5rem}.foot-brand a.foot-logo{display:inline-flex;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none}.foot-tagline{margin:1rem 0 1.4rem;max-width:300px;font-size:.93rem;line-height:1.65;color:var(--text-secondary)}.foot-ver{display:inline-flex;align-items:center;gap:.7rem;padding:.4rem .4rem .4rem .9rem;background:#fff;border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--shadow);font-size:.82rem;font-weight:600;color:var(--text-secondary)}.foot-ver:before{content:"";width:7px;height:7px;border-radius:50%;background:#2bab6b;animation:footPulse 1.8s ease-in-out infinite}@keyframes footPulse{50%{box-shadow:0 0 0 5px #2bab6b33}}.foot-ver button{border:none;cursor:pointer;font:inherit;font-size:.78rem;color:#fff;padding:.4rem .95rem;border-radius:999px;background:var(--primary-color);transition:background .2s ease,transform .15s ease}.foot-ver button:hover{background:var(--primary-dark);transform:translateY(-1px)}.foot-col h5{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.1rem}.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}.foot-col a{position:relative;display:inline-block;font-size:.93rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease}.foot-col a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.foot-col a:hover{color:var(--primary-dark);transform:translate(3px)}.foot-col a:hover:after{transform:scaleX(1)}.foot-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--border-color-light);font-size:.85rem;color:var(--text-muted)}.foot-top{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-color-light);background:#fff;cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;color:var(--text-secondary);padding:.45rem .95rem;border-radius:999px;transition:color .2s ease,border-color .2s ease,transform .2s ease}.foot-top:hover{color:var(--primary-dark);border-color:#f1591e80;transform:translateY(-2px)}.foot-word{display:block;text-align:center;font-size:clamp(4rem,15.5vw,13.5rem);font-weight:800;letter-spacing:-.05em;line-height:.8;margin-bottom:-.16em;color:transparent;background:linear-gradient(180deg,#ed581d52,#ed581d00 85%);-webkit-background-clip:text;background-clip:text;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.foot-word.in{opacity:1;transform:none}@media (max-width: 900px){.foot-grid{grid-template-columns:1fr 1fr;gap:2.25rem}.foot-brand{grid-column:1 / -1}}@media (max-width: 520px){.foot-bar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.foot-word{opacity:1;transform:none;transition:none}.foot-ver:before{animation:none}}@media (max-width: 1000px){.features-layout{grid-template-columns:minmax(0,1fr)}.features-stack,.feature-card,.feature-copy,.feature-visual{min-width:0}.feature-card{grid-template-columns:minmax(0,1fr)}.fv-code{font-size:.72rem;overflow-x:auto}.fv-suggest{display:none}.hero-visual{margin-top:3rem}}@media (max-width: 640px){.hero-chrome span{padding:.2rem .8rem;font-size:.66rem;white-space:nowrap}.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1.05rem}.hero-works li{font-size:.85rem}.features,.connectors,.how,.use-cases,.pricing{padding-top:72px;padding-bottom:76px}.feature-card{padding:1.5rem;gap:1.5rem;border-radius:22px}.feature-card h3{font-size:1.4rem}.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.cx-tile{flex-direction:column;align-items:flex-start;gap:.7rem;padding:.95rem}.cx-tile.cdc:after{top:.7rem;right:.7rem}.cx-txt{width:100%}.cx-txt span{white-space:normal}.cx-filter{font-size:.8rem;padding:.42rem .85rem}.cx-row{grid-template-columns:1fr 1fr;padding:.85rem 1rem;font-size:.85rem}}@media (max-width: 1000px){.how-stage{height:auto;min-height:0}.how-panel{padding:1.25rem}.how-panel.active{position:relative;inset:auto}.editor{overflow-x:auto}.editor .pop{display:none}.build-grid{height:auto}.wire{height:auto;gap:1.25rem}.wire-node{min-width:0}.wire-row{flex-direction:column;align-items:stretch}.wire-link{display:block;flex:none;width:2px;height:22px;min-width:0;margin:0 auto;background:repeating-linear-gradient(180deg,hsla(17,60%,50%,.4) 0 6px,transparent 6px 12px)}.wire-link:after{top:0;left:-3px;animation-name:howTravelV}.wire-node.tf{justify-content:center}.watch{height:auto}.w-chart{min-height:140px}}@keyframes howTravelV{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 8px);opacity:0}}@media (max-width: 640px){.editor .row{padding:0 .8rem;gap:.6rem;font-size:.72rem}.w-tile{padding:.75rem .6rem}.w-tile b{font-size:1.1rem}.w-tile span{font-size:.52rem}.fv-timeline li:before{left:-2rem}}@media (min-width: 641px) and (max-width: 1000px){.cx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uc,.uc.wide{grid-column:auto}.uc.wide .uc-vis,.uc:not(.wide) .uc-vis{width:100%;height:190px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.plan{padding:1.75rem 1.5rem}.amt b{font-size:2.9rem}.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem}.foot-ver span{white-space:nowrap}.foot-brand{grid-column:auto}}@media (min-width: 769px) and (max-width: 1000px){.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.how-steps:before{display:block}.how-step{padding:1.1rem 1rem 2.6rem}.how-step p{font-size:.82rem}}@media (max-width: 640px){.demo-benefits-section,.trial-benefits-section,.download-benefits-section{display:none}}@media (min-width: 1181px) and (max-width: 1300px){.home .nav-menu{gap:1.35rem}}@media (max-width: 1180px){.home .hamburger{display:flex}.home .nav-container{padding:.85rem 24px}.home .nav-menu{position:fixed;left:-100%;top:68px;flex-direction:column;gap:1.5rem;background:var(--card-background);border-bottom:1px solid var(--border-color);width:100%;text-align:center;transition:left .3s ease;box-shadow:var(--shadow-lg);padding:2rem 0;z-index:999}.home .nav-menu.active{left:0}}@media (max-width: 420px){.home .nav-cta{display:none}}
