:root{--bg: #f7f8ff;--bg2: #ffffff;--text: #0f172a;--muted: #475569;--primary: #4f46e5;--primary-600: #4338ca;--border: rgba(15, 23, 42, .1);--card-bg: rgba(255, 255, 255, .9);--shadow: 0 14px 32px rgba(15, 23, 42, .12);--radius: 20px;--radius-sm: 14px;--page-gutter: clamp(20px, 4vw, 32px)}.page{min-height:100dvh;background:var(--bg);color:var(--text)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--page-gutter)}.section{padding:clamp(48px,6vw,72px) 0;scroll-margin-top:96px}.grid-2{display:grid;gap:clamp(24px,4vw,40px)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .2s ease,color .2s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px #4f46e540}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#4f46e540;color:var(--primary-600)}.btn-outline:hover{border-color:var(--primary-600);transform:translateY(-1px)}.input,.select,.textarea{width:100%;padding:.75rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-size:.95rem;color:var(--text);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 4px #4f46e526}.label{display:inline-flex;font-weight:600;font-size:.9rem;margin-bottom:6px}.helptext{font-size:.85rem;color:var(--muted)}.error{font-size:.85rem;color:#dc2626}.section-title{font-size:clamp(1.7rem,3.3vw,2.6rem);color:var(--text);letter-spacing:-.01em;margin:0}.section-lead{font-size:1.05rem;color:var(--muted);margin-top:.5rem;max-width:640px}.hero-bg{position:relative;overflow:hidden;border-radius:clamp(18px,3vw,32px);background:linear-gradient(135deg,#fffffff2,#ebf1ffe6)}.hero-bg:before,.hero-bg:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(40px);opacity:.65;pointer-events:none}.hero-bg:before{background:radial-gradient(circle at center,rgba(99,102,241,.45),transparent 70%);top:-120px;left:-120px}.hero-bg:after{background:radial-gradient(circle at center,rgba(59,130,246,.35),transparent 70%);bottom:-140px;right:-120px}.section-stage{position:relative;max-width:1240px;margin:0 auto;padding:14px 0}.section-interactive .section-stage:before{content:"";position:absolute;inset:0 clamp(8px,2vw,16px);border-radius:clamp(18px,3vw,28px);background:linear-gradient(140deg,#ffffffa8,#6366f10f);border:1px solid rgba(99,102,241,.12);box-shadow:0 25px 50px #1e293b14;transform:perspective(1800px) rotateX(calc((.4 - var(--scroll-progress)) * 2deg)) translateY(calc((.44 - var(--scroll-progress)) * 8px));pointer-events:none}.stage-shape{position:absolute;border-radius:28px;pointer-events:none;z-index:0}.stage-shape-one{width:clamp(90px,14vw,160px);height:clamp(90px,14vw,160px);right:clamp(-28px,2vw,-8px);top:clamp(18px,2vw,34px);background:radial-gradient(circle at 30% 30%,#6366f157,#2563eb14);filter:blur(2px);transform:translateY(calc((var(--scroll-progress) - .22) * 22px)) rotate(calc(var(--scroll-progress) * 20deg))}.stage-shape-two{width:clamp(76px,11vw,130px);height:clamp(76px,11vw,130px);left:clamp(-18px,2vw,4px);bottom:clamp(18px,2vw,30px);background:radial-gradient(circle at 35% 35%,#10b9813d,#22d3ee14);transform:translateY(calc((.35 - var(--scroll-progress)) * 20px)) rotate(calc(var(--scroll-progress) * -24deg))}.stage-benefits .depth-wrap{transform:perspective(1800px) rotateY(calc((.34 - var(--scroll-progress)) * 5deg)) translateY(calc((.3 - var(--scroll-progress)) * 14px))}.stage-how .depth-wrap{transform:perspective(1800px) rotateY(calc((var(--scroll-progress) - .36) * 5deg)) translateY(calc((.45 - var(--scroll-progress)) * 13px))}.stage-pricing .depth-wrap{transform:perspective(1800px) rotateY(calc((.42 - var(--scroll-progress)) * 4.2deg)) translateY(calc((.55 - var(--scroll-progress)) * 12px))}.stage-faq .depth-wrap{transform:perspective(1800px) rotateY(calc((var(--scroll-progress) - .48) * 4.2deg)) translateY(calc((.64 - var(--scroll-progress)) * 12px))}.stage-contact .depth-wrap{transform:perspective(1800px) rotateY(calc((.52 - var(--scroll-progress)) * 4deg)) translateY(calc((.72 - var(--scroll-progress)) * 11px))}@media (hover: hover){.section-interactive:hover .depth-wrap{filter:drop-shadow(0 26px 34px rgba(79,70,229,.16))}}@media (min-width: 861px){.landing-page .site-header{overflow:hidden;isolation:isolate}.landing-page .site-header:before{content:"";position:absolute;inset:-32px -8% -20px;z-index:-1;pointer-events:none;background:radial-gradient(520px 120px at 16% 50%,rgba(99,102,241,.25),transparent 70%),radial-gradient(460px 120px at 86% 40%,rgba(56,189,248,.2),transparent 72%);transform:translate3d(calc(var(--tilt-x, 0) * 10px),calc(var(--scroll-progress, 0) * 22px - 12px),0);transition:transform .22s ease-out}.landing-page .site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.35),transparent);opacity:calc(.3 + var(--scroll-progress, 0) * .7);pointer-events:none}.section-interactive .card{transform-style:preserve-3d;transition:transform .32s ease,box-shadow .32s ease}.section-interactive .card:hover{transform:translateY(-6px) rotateX(1.8deg) rotateY(-1.8deg);box-shadow:0 26px 48px #1e293b29}.section-interactive .card:nth-child(2n):hover{transform:translateY(-6px) rotateX(1.8deg) rotateY(1.8deg)}.landing-page .hero-card-status{animation:floatStatus 6.2s ease-in-out infinite}.landing-page .hero-card-alert{animation:floatAlert 5.6s ease-in-out infinite}.landing-page .hero-card-main{box-shadow:0 20px 48px #1e293b33,0 0 0 1px #6366f114 inset}.landing-page .hero-stage:hover .hero-card-main{transform:translateZ(56px)}}@media (max-width: 860px){.landing-page .site-header{overflow:hidden;isolation:isolate}.landing-page .site-header:before{content:"";position:absolute;inset:-22px -10% -16px;z-index:-1;pointer-events:none;background:radial-gradient(420px 100px at 16% 50%,rgba(99,102,241,.18),transparent 70%),radial-gradient(390px 95px at 84% 40%,rgba(56,189,248,.14),transparent 72%);transform:translate3d(calc(var(--tilt-x, 0) * 5px),calc(var(--scroll-progress, 0) * 10px - 8px),0);transition:transform .22s ease-out}.landing-page .site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.24),transparent);opacity:calc(.2 + var(--scroll-progress, 0) * .5);pointer-events:none}.section-interactive .section-stage:before{transform:translateY(calc((.44 - var(--scroll-progress)) * 4px))}.stage-shape-one{transform:translateY(calc((var(--scroll-progress) - .22) * 10px))}.stage-shape-two{transform:translateY(calc((.35 - var(--scroll-progress)) * 9px))}.stage-benefits .depth-wrap,.stage-how .depth-wrap,.stage-pricing .depth-wrap,.stage-faq .depth-wrap,.stage-contact .depth-wrap{transform:perspective(1400px) rotateY(calc((.5 - var(--scroll-progress)) * 2deg)) translateY(calc((.5 - var(--scroll-progress)) * 7px))}.landing-page .hero-card-alert{display:inline-flex;flex-direction:column;align-items:flex-start;width:fit-content!important;max-width:min(66%,235px);left:2%;bottom:15%;padding:6px 8px!important}.landing-page .hero-card-alert p{font-size:.68rem!important;margin:0 0 1px}.landing-page .hero-card-alert small{font-size:.58rem!important}}@media (max-width: 620px){.landing-page .hero-card-alert{max-width:min(70%,230px);bottom:15%}}.nav{display:flex;align-items:center;gap:1.4rem;font-weight:600;color:var(--text)}.nav a{color:inherit;text-decoration:none}.footer{padding:28px 0;border-top:1px solid var(--border);background:var(--bg2)}@media (min-width: 920px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}@media (max-width: 720px){.btn{width:100%}}@keyframes floatStatus{0%,to{transform:translateZ(82px) translateY(0)}50%{transform:translateZ(92px) translateY(-8px)}}@keyframes floatAlert{0%,to{transform:translateZ(92px) translateY(0)}50%{transform:translateZ(100px) translateY(-6px)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}img{max-width:100%;display:block}button{font-family:inherit}.page{display:flex;flex-direction:column}.section-header{margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#4f46e514;color:var(--primary-600);font-weight:600;font-size:.85rem}.muted{color:var(--muted)}.link{color:var(--primary-600);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.back-btn{margin:12px 0 18px}@media (max-width: 480px){body{font-size:13px}.section{padding:36px 0}.section-title{font-size:1.1rem}.section-lead{font-size:.74rem}.btn{font-size:.8rem;padding:.55rem .9rem}.input,.select,.textarea{font-size:.8rem;padding:.5rem .7rem}.card{padding:14px}.card p,.card li{font-size:.82rem}.label{font-size:.75rem}}