@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_e64f39{font-family:DM Sans,DM Sans Fallback;font-style:normal}.landing-page{--blue:#1B6CB0;--blue-deep:#134E80;--blue-light:#2B82CC;--blue-pale:#E8F1FA;--blue-glow:rgba(27,108,176,0.08);--blue-glow-md:rgba(27,108,176,0.14);--blue-glow-strong:rgba(27,108,176,0.22);--green:#1E8C5E;--green-pale:#E6F5EE;--green-glow:rgba(30,140,94,0.08);--orange:#E8961F;--orange-pale:#FFF5E5;--red:#D4453A;--red-pale:#FDEEEC;--l-bg:#FFFFFF;--bg-subtle:#F7F8FA;--bg-warm:#F0F2F5;--bg-dark:#0A1628;--bg-dark-2:#0E1F38;--bg-dark-card:#132844;--l-border:rgba(0,0,0,0.06);--border-md:rgba(0,0,0,0.10);--l-text:#0D1B2A;--text-2:#364152;--text-3:#6B7A8D;--text-4:#9EAAB8;margin:0;padding:0;color:var(--l-text);background:var(--l-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;& ::selection{background:var(--blue);color:#fff}& .r{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}& .r.v{opacity:1;transform:none}& .rd1{transition-delay:.1s}& .rd2{transition-delay:.2s}& .rd3{transition-delay:.3s}& .rd4{transition-delay:.4s}& .rd5{transition-delay:.5s}& .wrap{max-width:1160px;margin:0 auto;padding:0 28px}& section[id]{scroll-margin-top:80px}& .lnav{position:fixed;top:0;left:0;right:0;z-index:200;padding:16px 28px;transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;&.s{background:rgba(255,255,255,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 var(--l-border),0 8px 32px rgba(0,0,0,.04)}}& .nav-in{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}& .nav-logo{font-size:20px;font-weight:700;color:var(--l-text);text-decoration:none;letter-spacing:-.02em}& .nav-r{display:flex;align-items:center;gap:28px}& .nav-link{font-size:14px;color:var(--text-2);text-decoration:none;font-weight:500;transition:color .2s}& .nav-link:hover{color:var(--blue)}& .nav-burger{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;& svg{width:22px;height:22px;stroke:var(--l-text);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}}& .mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:250;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}& .mobile-menu .nav-link{display:block;font-size:20px;padding:14px 0;color:var(--l-text);font-weight:600}& .mobile-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;& svg{width:24px;height:24px;stroke:var(--l-text);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}}& .btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;border:none;cursor:pointer;transition:background .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);border-radius:10px;text-decoration:none}& .btn-sm{padding:10px 22px;font-size:14px}& .btn-md{padding:14px 32px;font-size:15px}& .btn-lg{padding:18px 44px;font-size:16px}& .btn-p{background:var(--blue);color:#fff;box-shadow:0 2px 8px var(--blue-glow-md),0 0 0 0 var(--blue-glow-strong);&:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 8px 28px var(--blue-glow-strong),0 0 0 0 var(--blue-glow-strong)}}& .btn-g{background:transparent;color:var(--text-2);border:1.5px solid var(--border-md);&:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-glow)}}& .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:140px 28px 100px;position:relative;background:linear-gradient(175deg,#F8FAFC,#EDF2F8 40%,#E4EBF5);overflow:hidden}& .hero-glow{top:-200px;left:50%;transform:translateX(-50%);width:1000px;height:700px;background:radial-gradient(ellipse,var(--blue-glow) 0,transparent 70%);filter:blur(40px)}& .hero-glow,& .hero-glow-2{position:absolute;pointer-events:none}& .hero-glow-2{top:100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(232,150,31,.06) 0,transparent 70%);filter:blur(60px)}& .hero-ring{position:absolute;top:50%;left:50%;width:900px;height:900px;transform:translate(-50%,-50%);pointer-events:none;opacity:.06;border-radius:50%;background:conic-gradient(from 0deg,var(--blue),var(--green),var(--orange),var(--blue));animation:lp-heroSpin 20s linear infinite;filter:blur(80px)}& .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border-radius:100px;background:var(--l-bg);border:1px solid var(--l-border);box-shadow:0 2px 12px rgba(0,0,0,.04);font-size:13px;color:var(--text-2);font-weight:500;margin-bottom:32px}& .hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:lp-livePulse 2s ease-in-out infinite}& .hero h1{font-size:clamp(40px,6.5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.04em;max-width:800px;margin-bottom:24px;position:relative;& span{color:var(--blue);position:relative;&:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:var(--orange);opacity:.25;border-radius:4px}}}& .hero-sub{font-size:18px;color:var(--text-2);max-width:500px;line-height:1.7;font-weight:400;margin-bottom:40px}& .hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}& .hero-social{font-size:13px;color:var(--text-3);margin-bottom:72px;display:flex;align-items:center;gap:6px;& svg{width:16px;height:16px;stroke:var(--green);stroke-width:2;fill:none}}& .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--l-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,.06),0 1px 0 var(--l-border);width:100%;max-width:640px}& .proof-item{background:var(--l-bg);padding:24px 20px;text-align:center;transition:background .3s;&:hover{background:var(--bg-subtle)}}& .proof-num{font-size:28px;font-weight:700;color:var(--l-text);margin-bottom:2px;letter-spacing:-.02em}& .proof-label{font-size:11px;color:var(--text-3);font-weight:500;letter-spacing:.02em}& .trust{padding:60px 28px;text-align:center;border-bottom:1px solid var(--l-border)}& .trust-label{font-size:12px;color:var(--text-4);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}& .trust-logos{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;opacity:.35;& span{font-size:18px;font-weight:700;color:var(--l-text);letter-spacing:-.02em}}& .pain{padding:140px 28px;background:var(--l-bg)}& .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}& .section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}& .section-h2{font-size:clamp(32px,3.5vw,46px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}& .section-p{font-size:16px;color:var(--text-2);line-height:1.75;font-weight:400}& .counter-card{padding:40px;border-radius:20px;background:linear-gradient(135deg,#FFF9F0,#FFF 50%,#F0F7FF);border:1px solid var(--l-border);box-shadow:0 4px 24px rgba(0,0,0,.03);position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--orange),var(--red))}}& .counter-num{font-size:80px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--l-text)}& .counter-unit{font-size:24px;font-weight:400;color:var(--text-3);margin-left:6px}& .counter-ctx{font-size:14px;color:var(--text-2);line-height:1.7;margin-top:12px;& strong{color:var(--red);font-weight:600}}& .tl{position:relative;padding-left:24px;&:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--border-md) 60%,var(--red) 100%);border-radius:2px}}& .tl-step{position:relative;margin-bottom:20px;padding:10px 14px;border-radius:10px;transition:background .3s;&:hover{background:var(--blue-glow)}&:before{content:"";position:absolute;left:-24px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--l-bg);border:2px solid var(--border-md);transition:border-color .3s,background .3s,box-shadow .3s}&:hover:before{border-color:var(--blue);background:var(--blue-pale)}&:last-child:before{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px var(--red-pale)}&:last-child .tl-text{color:var(--red);font-weight:600}}& .tl-time{font-size:11px;color:var(--text-4);font-weight:600;margin-bottom:2px;letter-spacing:.03em}& .tl-text{font-size:14px;color:var(--text-2);line-height:1.5}& .tl-result{margin-top:24px;padding:12px 16px;border-radius:10px;background:var(--red-pale);border:1px solid rgba(212,69,58,.1);font-size:13px;font-weight:600;color:var(--red)}& .how{padding:140px 28px;background:var(--bg-subtle)}& .how-header{max-width:540px;margin-bottom:64px}& .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}& .step-card{padding:32px 28px;border-radius:16px;background:var(--l-bg);border:1px solid var(--l-border);box-shadow:0 1px 4px rgba(0,0,0,.02);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;&:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--blue),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}&:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(27,108,176,.1);border-color:var(--blue)}&:hover:after{transform:scaleX(1)}&:hover .step-icon{background:var(--blue);color:#fff}& h3{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}& p{font-size:14px;color:var(--text-2);line-height:1.65}}& .step-icon{width:48px;height:48px;border-radius:14px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--blue);background:var(--blue-pale);transition:background .3s,color .3s}& .step-tag{display:inline-block;margin-top:16px;padding:6px 12px;border-radius:8px;background:var(--green-pale);color:var(--green);font-size:12px;font-weight:600}& .pipe{margin-top:48px;padding:16px 24px;border-radius:14px;background:var(--l-bg);border:1px solid var(--l-border);overflow-x:auto;box-shadow:0 1px 4px rgba(0,0,0,.02)}& .pipe,& .pipe-node{display:flex;align-items:center}& .pipe-node{gap:8px;white-space:nowrap;flex-shrink:0}& .pipe-dot{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;&.ok{background:var(--green)}&.now{border:2px dashed var(--blue);animation:lp-pp 2s ease-in-out infinite}& svg{width:12px;height:12px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}}& .pipe-line{width:24px;height:1px;background:var(--border-md);flex-shrink:0}& .pipe-label{font-size:12px;color:var(--text-2);font-weight:500}& .modes{padding:140px 28px;background:var(--l-bg)}& .modes-header{max-width:500px;margin-bottom:56px}& .unit{margin-top:44px;border-radius:20px;border:1px solid var(--l-border);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.04)}& .tog-wrap{background:var(--l-text);padding:24px 28px 20px}& .tog-bar{display:grid;grid-template-columns:1fr 1fr 1fr;background:rgba(255,255,255,.08);border-radius:12px;padding:4px;position:relative;gap:3px}& .tog-pill{position:absolute;top:4px;bottom:4px;width:calc(33.333% - 3px);border-radius:9px;background:#fff;transition:left .45s cubic-bezier(.16,1,.3,1);z-index:0;box-shadow:0 4px 16px rgba(0,0,0,.2);&[data-p="0"]{left:4px}&[data-p="1"]{left:calc(33.333% + .5px)}&[data-p="2"]{left:calc(66.666% - 1px)}}& .tog-opt{position:relative;z-index:1;padding:12px 8px;text-align:center;cursor:pointer;user-select:none;border-radius:9px;transition:background .2s;&:not(.on):hover{background:rgba(255,255,255,.04)}&.on .tog-name{color:var(--l-text)}&.on .tog-sub{color:var(--text-3)}}& .tog-name{font-size:14px;font-weight:700;color:rgba(255,255,255,.35);transition:color .35s;letter-spacing:-.01em}& .tog-sub{font-size:11px;color:rgba(255,255,255,.2);transition:color .35s;margin-top:2px;font-weight:500}& .sum-wrap{text-align:center;padding:14px 28px 0;background:var(--l-text);position:relative;height:44px}& .sum{position:absolute;left:28px;right:28px;top:14px;opacity:0;transition:opacity .3s,transform .3s;transform:translateY(3px);pointer-events:none;&.on{opacity:1;transform:none}}& .sum-t{font-size:13px;color:rgba(255,255,255,.45);font-weight:500;& strong{color:rgba(255,255,255,.8);font-weight:700}}& .mode-steps{padding:28px 28px 24px;background:var(--bg-subtle)}& .mode-step{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--l-border);&:last-child{border-bottom:none}&.us .mode-step-dot{border-color:var(--blue);background:var(--blue);box-shadow:0 3px 12px rgba(27,108,176,.15)}&.you .mode-step-dot{border-color:var(--green);background:var(--green);box-shadow:0 3px 12px rgba(30,140,94,.12)}&.us .mode-step-dot svg,&.you .mode-step-dot svg{stroke:#fff}&.us .mode-step-label,&.you .mode-step-label{color:var(--l-text)}&.us .mode-step-who{background:var(--blue-pale);color:var(--blue);border-color:rgba(27,108,176,.12)}&.you .mode-step-who{background:var(--green-pale);color:var(--green);border-color:rgba(26,125,84,.12)}}& .mode-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--l-bg);border:2px solid var(--l-border);transition:background .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);& svg{width:16px;height:16px;stroke:var(--text-4);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}}& .mode-step-label{font-size:14px;font-weight:600;color:var(--text-2);transition:color .35s;line-height:1.4}& .mode-step-who{font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;background:var(--l-bg);border:1px solid var(--l-border);color:var(--text-4);transition:background .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}& .legend{display:flex;justify-content:center;gap:20px;padding:14px 28px 20px;background:var(--bg-subtle);border-top:1px solid var(--l-border)}& .legend-i{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-3)}& .legend-d{width:7px;height:7px;border-radius:50%;&.u{background:var(--blue)}&.y{background:var(--green)}}& .cmp{padding:140px 28px;background:var(--bg-dark);color:#fff;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(27,108,176,.12) 0,transparent 70%);pointer-events:none;filter:blur(80px)}& .section-label{color:var(--blue-light)}& .section-h2{color:#fff}& .section-p{color:#8A9BB5}}& .cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}& .cmp-card{padding:36px 30px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:background .4s,transform .4s;&:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}&.pos{border-color:var(--green);background:linear-gradient(180deg,rgba(30,140,94,.06),rgba(255,255,255,.02));box-shadow:0 0 60px rgba(30,140,94,.06)}&:not(.pos) .cmp-card-label{color:var(--red)}&.pos .cmp-card-label{color:var(--green)}&:not(.pos) .cmp-item{color:#8A9BB5}&:not(.pos) svg{stroke:var(--red);opacity:.6}&.pos .cmp-item{color:#D0DAE8}&.pos svg{stroke:var(--green)}}& .cmp-card-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}& .cmp-items{display:flex;flex-direction:column;gap:16px}& .cmp-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;& svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}}& .testi{padding:100px 28px;background:linear-gradient(180deg,var(--bg-dark) 0,#0C1E34 100%);text-align:center;position:relative;&:before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(232,150,31,.06) 0,transparent 70%);pointer-events:none;filter:blur(60px)}}& .testi-stars{display:flex;justify-content:center;gap:4px;margin-bottom:28px;& svg{width:18px;height:18px;fill:var(--orange);stroke:none}}& .testi blockquote{font-size:clamp(20px,2.6vw,30px);font-weight:500;line-height:1.45;max-width:680px;margin:0 auto 28px;color:#E0E8F0;letter-spacing:-.01em}& .testi-author{font-size:14px;color:#6B8099;& strong{color:#9AAFCA;font-weight:600}}& .pricing{padding:140px 28px;background:var(--bg-subtle)}& .pricing-header{text-align:center;max-width:540px;margin:0 auto 64px}& .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}& .price-card{padding:36px 30px;border-radius:20px;background:var(--l-bg);border:1px solid var(--l-border);box-shadow:0 2px 12px rgba(0,0,0,.03);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;&:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.07)}&.pop{border-color:var(--blue);box-shadow:0 8px 40px var(--blue-glow-strong);background:linear-gradient(180deg,var(--blue-pale) 0,var(--l-bg) 30%);position:relative;transform:scale(1.04)}&.pop:hover{transform:scale(1.04) translateY(-4px)}& .btn{width:100%}}& .price-pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;padding:6px 18px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap}& .price-name{font-size:16px;font-weight:700;margin-bottom:4px}& .price-desc{font-size:13px;color:var(--text-3);margin-bottom:20px;line-height:1.5}& .price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}& .price-dollar{font-size:40px;font-weight:700;letter-spacing:-.03em}& .price-period{font-size:14px;color:var(--text-3);font-weight:500}& .price-compare{font-size:12px;color:var(--text-4);margin-bottom:24px;& strong{color:var(--green);font-weight:600}}& .price-divider{height:1px;background:var(--l-border);margin-bottom:24px}& .price-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;flex:1}& .price-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.4;& svg{width:18px;height:18px;stroke:var(--green);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:1px}}& .price-anchor{text-align:center;margin-top:48px;padding:28px 32px;border-radius:16px;background:var(--l-bg);border:1px solid var(--l-border);max-width:700px;margin-left:auto;margin-right:auto;box-shadow:0 2px 12px rgba(0,0,0,.03)}& .price-anchor-text{font-size:15px;color:var(--text-2);line-height:1.6;& strong{color:var(--l-text)}& .hl,& strong{font-weight:700}& .hl{color:var(--blue)}}& .faq{padding:100px 28px;background:var(--l-bg)}& .faq-grid{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:0}& .faq-item{border-bottom:1px solid var(--l-border);overflow:hidden;&.open .faq-q svg{transform:rotate(45deg)}&.open .faq-a{max-height:500px;padding-bottom:20px}}& .faq-q{padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600;color:var(--l-text);transition:color .2s;&:hover{color:var(--blue)}& svg{width:20px;height:20px;stroke:var(--text-3);stroke-width:2;fill:none;transition:transform .3s;flex-shrink:0}}& .faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s;font-size:15px;color:var(--text-2);line-height:1.7}& .cta-final{padding:140px 28px;text-align:center;position:relative;background:linear-gradient(180deg,var(--bg-subtle) 0,#E8EEF5 100%);overflow:hidden;&:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,var(--blue-glow) 0,transparent 70%);pointer-events:none;filter:blur(60px)}& h2{font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.08;letter-spacing:-.03em;max-width:620px;margin:0 auto 20px;position:relative;& span{color:var(--blue)}}}& .cta-sub{font-size:17px;color:var(--text-2);max-width:420px;margin:0 auto 40px;line-height:1.7}& .cta-note{font-size:12px;color:var(--text-3);margin-top:14px;font-weight:500}& .foot{padding:32px 28px;border-top:1px solid var(--l-border);background:var(--l-bg)}& .foot-in{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}& .foot-logo{font-size:16px;font-weight:700;color:var(--l-text);opacity:.5;text-decoration:none}& .foot-links{display:flex;gap:24px;& a{font-size:13px;color:var(--text-3);text-decoration:none;font-weight:500;transition:color .2s;&:hover{color:var(--blue)}}}& .foot-copy{font-size:11px;color:var(--text-4)}}@keyframes lp-heroSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes lp-livePulse{0%,to{box-shadow:0 0 0 0 rgba(30,140,94,.3)}50%{box-shadow:0 0 0 6px rgba(30,140,94,0)}}@keyframes lp-pp{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:900px){.landing-page{& .nav-r{display:none}& .nav-burger{display:flex}& .cmp-grid,& .pain-grid,& .pricing-grid,& .steps{grid-template-columns:1fr}& .pain-grid{gap:48px}& .pipe{display:none}& .proof{max-width:480px}& .proof-num{font-size:22px}& .proof-item{padding:18px 12px}& .hero{padding:100px 24px 72px;min-height:auto}& .hero h1{font-size:clamp(32px,8vw,48px)}& .hero-sub{font-size:16px;margin-bottom:32px}& .hero-social{margin-bottom:48px}& .cmp,& .how,& .modes,& .pain{padding:80px 24px}& .testi{padding:64px 24px}& .cta-final,& .pricing{padding:80px 24px}& .faq{padding:64px 24px}& .counter-num{font-size:56px}& .counter-unit{font-size:20px}& .counter-card{padding:28px}& .trust-logos{gap:20px}& .price-card.pop{transform:none;margin-top:20px}& .price-card.pop:hover{transform:translateY(-4px)}& .tog-sub{display:none}& .tog-name{font-size:13px}& .sum-wrap{height:auto;padding:14px 20px 10px}& .sum{position:relative;left:auto;right:auto;top:auto;display:none;&.on{display:block}}& .sum-t{font-size:12px}& .mode-step{grid-template-columns:32px 1fr auto;gap:10px}& .mode-step-dot{width:32px;height:32px;& svg{width:14px;height:14px}}& .mode-step-label{font-size:13px}& .foot-in{flex-direction:column;align-items:center;text-align:center;gap:12px}}}@media (max-width:480px){.landing-page{& .cmp,& .cta-final,& .faq,& .foot,& .hero,& .how,& .modes,& .pain,& .pricing,& .testi,& .trust{padding-left:16px;padding-right:16px}& .wrap{padding:0 16px}& .lnav{padding:14px 16px}& .hero{padding:88px 16px 56px}& .hero h1{font-size:28px}& .hero-sub{font-size:15px;max-width:100%}& .hero-badge{font-size:12px;padding:5px 12px 5px 7px;margin-bottom:24px}& .hero-actions{flex-direction:column;width:100%}& .hero-actions .btn{width:100%}& .hero-social{margin-bottom:36px}& .proof{grid-template-columns:1fr;max-width:260px}& .proof-num{font-size:20px}& .proof-item{padding:14px 10px}& .counter-num{font-size:44px}& .counter-unit{font-size:16px}& .counter-card{padding:20px}& .cta-final h2,& .section-h2{font-size:26px}& .price-card{padding:28px 22px}& .price-dollar{font-size:32px}& .price-anchor{padding:20px}& .price-anchor-text{font-size:13px}& .cmp-card{padding:28px 22px}& .cmp-item{font-size:14px}& .tog-wrap{padding:16px 16px 14px}& .sum-wrap{padding:12px 16px 8px}& .mode-steps{padding:20px 16px 16px}& .legend{padding:12px 16px 16px;gap:14px}& .mode-step-label{font-size:12px}& .mode-step-who{font-size:10px;padding:3px 8px}& .faq-q{gap:12px}& .faq-a,& .faq-q{font-size:14px}& .testi blockquote{font-size:18px}& .trust-logos{gap:14px}& .trust-logos span{font-size:15px}}}@media (prefers-reduced-motion:reduce){.landing-page{& .r{opacity:1;transform:none;transition:none}& .rd1,& .rd2,& .rd3,& .rd4,& .rd5{transition-delay:0s}& .hero-badge-dot,& .hero-ring{animation:none}& .pipe-dot.now{animation:none;opacity:1}& .cmp-card,& .faq-a,& .faq-q svg,& .mode-step-dot,& .mode-step-who,& .price-card,& .step-card,& .tog-pill{transition:none}}}.dark .landing-page{--l-bg:#0F1117;--bg-subtle:#161820;--bg-warm:#1A1D26;--l-border:rgba(255,255,255,0.08);--border-md:rgba(255,255,255,0.12);--l-text:#E8ECF1;--text-2:#A0AAB8;--text-3:#6B7A8D;--text-4:#4A5568;--blue-pale:#132844;--green-pale:#0F2A1E;--orange-pale:#2A1F0A;--red-pale:#2A0F0C;--blue-glow:rgba(43,130,204,0.1);--blue-glow-md:rgba(43,130,204,0.18);--blue-glow-strong:rgba(43,130,204,0.28);color:var(--l-text);background:var(--l-bg);& ::selection{background:var(--blue-light);color:#fff}& .hero{background:linear-gradient(175deg,#0F1117,#111827 40%,#141B2D)}& .lnav.s{background:rgba(15,17,23,.88);box-shadow:0 1px 0 var(--l-border),0 8px 32px rgba(0,0,0,.2)}& .mobile-menu{background:rgba(15,17,23,.97)}& .counter-card{background:linear-gradient(135deg,#1A1510,#0F1117 50%,#0F1520);box-shadow:0 4px 24px rgba(0,0,0,.15)}& .tl-step:before{background:var(--l-bg)}& .step-card{box-shadow:0 1px 4px rgba(0,0,0,.15);&:hover{box-shadow:0 20px 48px rgba(0,0,0,.3)}}& .pipe{box-shadow:0 1px 4px rgba(0,0,0,.15)}& .proof{box-shadow:0 4px 32px rgba(0,0,0,.2),0 1px 0 var(--l-border)}& .mode-step-dot,& .mode-step-who{background:var(--l-bg)}& .price-card{box-shadow:0 2px 12px rgba(0,0,0,.15);&:hover{box-shadow:0 16px 48px rgba(0,0,0,.3)}&.pop{background:linear-gradient(180deg,var(--blue-pale) 0,var(--l-bg) 30%);box-shadow:0 8px 40px var(--blue-glow-strong)}}& .price-anchor{box-shadow:0 2px 12px rgba(0,0,0,.15)}& .cta-final{background:linear-gradient(180deg,var(--bg-subtle) 0,#111827 100%)}& .tog-pill{background:var(--l-text);box-shadow:0 4px 16px rgba(0,0,0,.4)}& .tog-opt.on .tog-name{color:var(--l-bg)}& .tog-opt.on .tog-sub{color:var(--text-4)}}