:root{--bg:#f7f8fc;--paper:#fff;--ink:#101525;--ink2:#171b2b;--muted:#6f7890;--line:#e6e9f2;--primary:#4058f4;--primary2:#5865f2;--lav:#7357f6;--soft:#eef4ff;--soft2:#f4f0ff;--success:#16a66a;--danger:#d74c62;--shadow:0 24px 70px rgba(31,45,91,.10);--shadow-sm:0 14px 40px rgba(31,45,91,.07);--radius:28px;--shell:1360px;--ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.site-wrap{padding:18px 0 50px}.navbar{position:sticky;top:12px;z-index:50;display:flex;align-items:center;gap:24px;min-height:74px;padding:12px 16px 12px 22px;border:1px solid rgba(220,224,238,.92);background:rgba(255,255,255,.88);backdrop-filter:none;border-radius:24px;box-shadow:0 14px 42px rgba(22,31,65,.07)}.brand{display:flex;align-items:center;min-width:150px}.brand img{width:196px;height:auto}.navlinks{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}.navlinks a{font-size:14px;font-weight:650;color:#4d566d;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:9px}.lang-switch{display:flex;gap:3px;padding:4px;background:#f1f3f9;border-radius:12px}.lang-switch button{border:0;background:transparent;padding:7px 9px;border-radius:9px;color:#6c758b;font-size:12px;font-weight:800}.lang-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,30,60,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:760;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s,border .18s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(64,88,244,.16);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary),#6b61f5);color:#fff;box-shadow:0 12px 24px rgba(64,88,244,.22)}.btn-primary:hover{box-shadow:0 15px 30px rgba(64,88,244,.28)}.btn-soft{background:#eef2ff;color:#3549db}.btn-ghost{border-color:var(--line);background:#fff;color:#293147}.btn-danger{background:#fff0f2;color:#b62f48}.mobile-toggle{display:none;border:0;background:#f1f3f8;width:44px;height:44px;border-radius:13px}.mobile-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:#242c42;border-radius:9px}.hero{margin-top:18px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);min-height:610px;border:1px solid #e7eaf3;background:linear-gradient(135deg,#fff 0%,#fbfcff 48%,#f3f0ff 100%);border-radius:36px;box-shadow:var(--shadow-sm)}.hero-copy{padding:84px 36px 76px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:19px;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4353d8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--lav));box-shadow:0 0 0 5px rgba(64,88,244,.1)}.hero h1{max-width:680px;margin:0;font-size:clamp(52px,4.6vw,72px);line-height:1.01;letter-spacing:-.055em;font-weight:760}.hero h1 em{font-family:var(--display);font-weight:500;color:var(--primary);font-style:italic;letter-spacing:-.045em}.hero-lead{max-width:590px;margin:25px 0 30px;color:#687287;font-size:18px;line-height:1.72}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-note{display:flex;gap:18px;align-items:center;margin-top:33px;padding-top:26px;border-top:1px solid #eceef5;color:#778097;font-size:13px}.hero-note strong{color:#222b42}.hero-visual{padding:30px 34px 30px 0;display:grid;place-items:center;position:relative}.hero-visual img{width:min(100%,690px)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 0}.trust-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #e8eaf2;background:rgba(255,255,255,.8);border-radius:18px}.iconbox{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(135deg,#edf2ff,#f4efff);color:var(--primary);font-weight:900}.trust-item b{display:block;font-size:13px}.trust-item span{display:block;color:#7a8397;font-size:12px}.section{padding:112px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head>div{max-width:780px}.kicker{margin:0 0 10px;color:var(--primary);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.15em}.section h2{margin:0;font-size:clamp(36px,3.4vw,50px);line-height:1.08;letter-spacing:-.04em}.section-intro{max-width:600px;margin:14px 0 0;color:var(--muted);font-size:16px}.calculator-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.panel{border:1px solid var(--line);background:var(--paper);border-radius:30px;box-shadow:var(--shadow-sm)}.calc-form{padding:34px}.calc-form h3,.projection h3{margin:0 0 7px;font-size:22px;letter-spacing:-.02em}.subtle{color:var(--muted);font-size:14px}.field{display:grid;gap:8px;margin-top:23px}.field label{font-size:13px;font-weight:750;color:#3d465c}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:0 15px;border:1px solid #dfe3ed;border-radius:14px;background:#fbfcff;color:var(--ink);transition:.18s}.field textarea{min-height:100px;padding-top:13px;resize:vertical}.amount-wrap{position:relative}.amount-wrap input{padding-right:68px;font-size:18px;font-weight:760}.amount-wrap span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#7d879d;font-weight:750}.range{width:100%;accent-color:var(--primary)}.plan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan-tab{min-height:58px;border:1px solid #e2e6f0;background:#fafbfe;border-radius:14px;padding:8px;color:#555f75;text-align:left}.plan-tab b{display:block;color:#212a40;font-size:13px}.plan-tab span{font-size:11px}.plan-tab.active{border-color:#9eabff;background:#eef2ff;box-shadow:inset 0 0 0 1px #bdc6ff}.projection{position:relative;overflow:hidden;padding:34px;background:linear-gradient(148deg,#181f3b,#262a58 58%,#503d8e);color:#fff}.projection:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-105px;top:-95px;background:radial-gradient(circle,rgba(145,126,255,.55),rgba(145,126,255,0) 68%)}.projection .subtle{color:#adb6d3}.projection-top{position:relative;z-index:1}.projection-main{position:relative;z-index:1;margin:34px 0 29px;padding:27px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:22px}.projection-main small{color:#b9c1db}.projection-main strong{display:block;margin-top:4px;font-size:44px;letter-spacing:-.05em}.projection-main strong span{font-size:16px;color:#c3cae2;margin-left:6px}.metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1)}.metric span{display:block;color:#b7bfd7;font-size:12px}.metric b{display:block;margin-top:3px;font-size:17px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{padding:28px;border:1px solid var(--line);background:#fff;border-radius:26px;transition:.2s;position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.plan-card.featured{border-color:#cbd1ff;background:linear-gradient(180deg,#f7f8ff,#fff 44%)}.plan-card .plan-num{font-size:11px;font-weight:850;color:#8992a6;letter-spacing:.14em}.plan-card h3{margin:11px 0 4px;font-size:24px}.rate{margin:25px 0 20px;font-size:42px;line-height:1;font-weight:780;letter-spacing:-.05em;color:#2333a9}.rate small{font-size:14px;color:#7b849a}.plan-list{display:grid;gap:10px;margin:0 0 25px;padding:18px 0 0;border-top:1px solid #eceef4}.plan-row{display:flex;justify-content:space-between;gap:18px;font-size:13px}.plan-row span{color:#7a8398}.plan-row b{text-align:right}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.focus-card{min-height:220px;padding:26px;position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:25px}.focus-card:before{content:"";position:absolute;width:130px;height:130px;right:-38px;bottom:-45px;border-radius:50%;background:linear-gradient(135deg,#eff3ff,#f3edff)}.focus-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;display:grid;place-items:center;color:var(--primary);font-weight:900}.focus-card h3{margin:27px 0 7px;font-size:19px}.focus-card p{margin:0;color:var(--muted);font-size:14px;max-width:300px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:step}.step{counter-increment:step;position:relative;padding:24px 20px;min-height:190px;border:1px solid var(--line);background:#fff;border-radius:23px}.step:before{content:"0" counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#4058f4;font-size:12px;font-weight:900}.step h3{font-size:16px;line-height:1.3;margin:24px 0 7px}.step p{font-size:13px;color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-main{padding:42px;min-height:390px;background:linear-gradient(135deg,#fff,#f4f6ff);position:relative;overflow:hidden}.about-main:after{content:"";position:absolute;right:-90px;bottom:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#dfe5ff,transparent 68%)}.about-main h2{max-width:620px}.about-main p{max-width:650px;color:var(--muted);font-size:16px;position:relative;z-index:1}.about-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.why-card{padding:25px;border:1px solid var(--line);background:#fff;border-radius:24px}.why-card b{display:block;font-size:16px;margin:13px 0 5px}.why-card p{font-size:13px;color:var(--muted);margin:0}.faq{display:grid;gap:9px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:20px 22px;border:0;background:#fff;color:var(--ink);font-weight:750}.faq-q span:last-child{font-size:22px;color:#69738a}.faq-a{display:none;padding:0 22px 22px;color:var(--muted);max-width:960px}.faq-item.open .faq-a{display:block}.final-cta{margin-top:112px;padding:54px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(128deg,#20284b,#3d3f7b 54%,#6549a4);color:#fff;border-radius:34px;overflow:hidden;position:relative}.final-cta:after{content:"";position:absolute;right:-50px;top:-130px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07)}.final-cta h2{position:relative;z-index:1;max-width:700px;font-size:clamp(34px,3.3vw,48px)}.final-cta p{position:relative;z-index:1;color:#c4cbe1}.footer{display:grid;grid-template-columns:1.3fr 2fr;gap:40px;padding:50px 8px 10px}.footer-brand img{width:186px;height:auto}.footer-brand p{max-width:370px;color:var(--muted);font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-links b{font-size:13px}.footer-links a{display:block;margin-top:9px;color:var(--muted);font-size:13px}.legal-line{grid-column:1/-1;padding-top:25px;border-top:1px solid #e3e6ef;display:flex;justify-content:space-between;color:#8a92a4;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(13,18,35,.45);backdrop-filter:none}.modal-backdrop.open{display:grid}.modal{width:min(100%,460px);max-height:min(90vh,760px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.75);background:#fff;border-radius:26px;box-shadow:0 30px 100px rgba(12,19,45,.28)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h3{font-size:24px;margin:0}.close{width:40px;height:40px;border:0;background:#f1f3f8;border-radius:12px;font-size:21px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-top:23px;background:#f2f4f9;border-radius:13px}.tabs button{border:0;background:transparent;padding:10px;border-radius:10px;color:#778096;font-weight:740}.tabs button.active{background:#fff;color:#172038;box-shadow:0 2px 8px rgba(0,0,0,.06)}.auth-pane{display:none}.auth-pane.active{display:block}.form-error{display:none;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff0f2;color:#b73750;font-size:13px}.form-success{display:none;margin-top:12px;padding:10px 12px;border-radius:12px;background:#ecfaf4;color:#118457;font-size:13px}.w-full{width:100%}.text-link{border:0;background:none;padding:0;color:var(--primary);font-weight:730}.install-card{max-width:720px;margin:100px auto;padding:40px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.install-card code{background:#f2f4f9;padding:3px 7px;border-radius:7px}.toast{position:fixed;right:24px;bottom:24px;z-index:150;max-width:390px;padding:14px 18px;border-radius:14px;background:#171e37;color:#fff;box-shadow:0 18px 45px rgba(10,18,40,.25);transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{background:#8f2e43}.empty{padding:32px;text-align:center;border:1px dashed #dfe3ed;border-radius:18px;color:#858da0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* account */.account-body{background:#f4f6fb}.account-shell{width:min(calc(100% - 28px),1440px);margin:14px auto;min-height:calc(100vh - 28px);display:grid;grid-template-columns:244px 1fr;overflow:hidden;border:1px solid #e4e7f0;background:#fff;border-radius:30px}.side{padding:24px 18px;border-right:1px solid #e8ebf2;background:#fbfcff}.side .brand{padding:2px 7px 28px}.side-nav{display:grid;gap:5px}.side-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;border:0;border-radius:13px;background:transparent;color:#687188;text-align:left;font-weight:700;font-size:14px}.side-nav button.active{background:#eef2ff;color:#3347d4}.side-nav .nav-ico{width:24px;text-align:center;font-size:15px}.side-bottom{margin-top:35px;padding:15px;background:#f1f4ff;border-radius:16px;color:#66718d;font-size:12px}.account-main{min-width:0;background:#f7f8fc}.account-top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e7eaf1;background:rgba(255,255,255,.88);backdrop-filter:none}.account-title b{font-size:16px}.account-title span{display:block;color:#8890a2;font-size:12px}.account-user{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e7ecff,#f1eaff);color:#4155df;font-weight:850}.account-content{padding:28px;max-width:1200px}.view{display:none}.view.active{display:block}.dash-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.dash-head h1{margin:0;font-size:30px;letter-spacing:-.04em}.dash-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:20px;border:1px solid #e5e8f0;background:#fff;border-radius:20px}.stat span{display:block;color:#828a9d;font-size:12px}.stat strong{display:block;margin-top:7px;font-size:25px;letter-spacing:-.04em}.stat small{color:#8690a5}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.card{padding:22px;border:1px solid #e5e8f0;background:#fff;border-radius:22px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-head h2{font-size:17px;margin:0}.activity{display:grid}.activity-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #eef0f5}.activity-row:first-child{border-top:0}.activity-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4155df;font-weight:800}.activity-row b{display:block;font-size:13px}.activity-row span{display:block;color:#8b93a5;font-size:11px}.activity-row strong{font-size:13px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick{padding:16px;border:1px solid #e5e8f0;background:#fafbfe;border-radius:16px;text-align:left}.quick b{display:block;font-size:13px}.quick span{font-size:11px;color:#8a92a4}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#8991a3;font-weight:650;padding:12px;border-bottom:1px solid #e9ebf2;white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid #eef0f5;white-space:nowrap}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f3f7;font-size:11px;font-weight:760}.status.active,.status.approved,.status.paid,.status.completed{background:#e9f8f2;color:#108257}.status.pending,.status.processing,.status.partial{background:#fff5dd;color:#a16d09}.status.rejected,.status.cancelled,.status.failed{background:#ffedf0;color:#bd3c52}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.balance-card{padding:29px;background:linear-gradient(135deg,#20284a,#4a4081);color:#fff;border-radius:24px}.balance-card span{color:#bbc3dc;font-size:12px}.balance-card strong{display:block;font-size:36px;margin:5px 0 19px}.balance-card .btn{background:#fff;color:#242c4b}.form-card{padding:24px;border:1px solid #e4e7ef;background:#fff;border-radius:22px}.form-card h2{margin:0 0 4px;font-size:18px}.partner-code{display:flex;gap:8px}.partner-code input{flex:1}.mobile-account-toggle{display:none}
@media(max-width:1150px){.navlinks{display:none}.mobile-toggle{display:block}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding:64px 28px 64px 44px}.trust-strip{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.account-shell{grid-template-columns:214px 1fr}}
@media(max-width:820px){.shell{width:min(calc(100% - 24px),var(--shell))}.site-wrap{padding-top:10px}.navbar{top:8px;min-height:66px;padding:9px 10px 9px 15px;border-radius:20px}.brand img{width:172px;height:auto}.nav-actions>.btn-ghost{display:none}.nav-actions>.btn-primary{display:none}.mobile-toggle{display:block}.navbar.mobile-open .navlinks{display:grid;position:absolute;left:0;right:0;top:74px;padding:14px;background:#fff;border:1px solid #e4e7ef;border-radius:20px;box-shadow:var(--shadow);gap:2px}.navbar.mobile-open .navlinks a{padding:11px;border-radius:10px}.hero{grid-template-columns:1fr;min-height:auto;border-radius:28px}.hero-copy{padding:52px 28px 22px}.hero h1{font-size:clamp(43px,10vw,62px)}.hero-lead{font-size:16px}.hero-visual{padding:0 22px 25px}.hero-visual img{max-height:440px}.hero-note{margin-top:25px}.section{padding-top:80px}.section-head{display:block}.calculator-grid,.about-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.final-cta{margin-top:80px;padding:36px 30px;display:block}.final-cta .btn{margin-top:15px}.footer{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}.account-shell{display:block;margin:0;width:100%;min-height:100vh;border:0;border-radius:0}.side{position:fixed;inset:0 auto 0 0;width:260px;z-index:90;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 60px rgba(20,28,55,.14)}.side.open{transform:none}.account-top{height:68px;padding:0 16px}.mobile-account-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#f0f2f8}.account-content{padding:18px 14px 34px}.wallet-grid{grid-template-columns:1fr}}
@media(max-width:560px){body{font-size:15px}.shell{width:min(calc(100% - 18px),var(--shell))}.lang-switch{display:none}.navbar{border-radius:17px}.hero{margin-top:9px;border-radius:24px}.hero-copy{padding:42px 21px 18px}.eyebrow{font-size:10px}.hero h1{font-size:43px;line-height:1.02}.hero-lead{font-size:15px;line-height:1.62;margin:19px 0 24px}.hero-actions{width:100%}.hero-actions .btn{flex:1;padding-inline:12px}.hero-note{display:block;font-size:12px}.hero-note span{display:block;margin-top:6px}.hero-visual{padding:0 10px 17px}.hero-visual img{max-height:365px}.trust-strip{grid-template-columns:1fr 1fr;gap:7px}.trust-item{padding:12px 10px;gap:9px;border-radius:15px}.iconbox{width:34px;height:34px;border-radius:10px}.trust-item span{font-size:10px}.section{padding-top:66px}.section h2{font-size:35px}.section-intro{font-size:14px}.section-head{margin-bottom:23px}.calc-form,.projection{padding:22px;border-radius:24px}.plan-tabs{grid-template-columns:1fr}.projection-main{margin:24px 0;padding:20px}.projection-main strong{font-size:36px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:12px}.plan-card{padding:22px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:180px}.steps{grid-template-columns:1fr}.step{min-height:auto}.about-main{padding:29px;min-height:auto}.about-side{grid-template-columns:1fr}.final-cta{padding:29px 23px;border-radius:25px}.footer{padding-inline:4px}.footer-links{grid-template-columns:1fr 1fr}.legal-line{display:block}.modal{padding:22px;border-radius:22px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:16px}.stat strong{font-size:21px}.dash-head{display:block}.dash-head .btn{margin-top:12px}.dashboard-grid{gap:10px}.card{padding:17px}.action-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:38px 1fr}.activity-row>strong{grid-column:2}.account-user .user-meta{display:none}.wallet-grid{grid-template-columns:1fr}.partner-code{display:grid}.data-table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.content-gap{margin-top:14px}.form-submit{margin-top:18px}.btn-mini{min-height:34px;padding:0 11px;font-size:11px}.account-title{display:flex;align-items:center;gap:12px}.account-title>span{display:block}.user-meta b{font-size:13px}
.plans-head-gap{margin-top:70px}.auth-link{margin-top:15px}.auth-subhead{margin-top:22px}

/* ELUVI 1.0.1 — transparent pharmaceutical hero artwork */
.hero-visual{padding:24px 18px 18px 0;overflow:visible;isolation:isolate}
.hero-visual .hero-art{display:block;width:min(100%,728px);max-width:none;position:relative;z-index:1}
.hero-visual .hero-art img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);filter:none}
@media(max-width:1150px){.hero-visual{padding-right:12px}.hero-visual .hero-art{width:min(110%,690px)}}
@media(max-width:820px){.hero-visual{padding:0 16px 22px}.hero-visual .hero-art{width:min(100%,760px);margin-inline:auto}.hero-visual .hero-art img{max-height:none}}
@media(max-width:560px){.hero-visual{padding:2px 4px 15px}.hero-visual .hero-art{width:106%;margin-left:-3%;margin-right:-3%}.hero-visual .hero-art img{max-height:none;filter:none}}

/* ELUVI 1.0.4 — soft biotech site texture + interactive hero */
body:not(.account-body){
  background-color:#f7f8fc;
  background-image:
    linear-gradient(180deg,rgba(249,250,255,.50) 0%,rgba(247,248,252,.72) 52%,rgba(248,249,253,.90) 100%),
    url("../images/eluvi-site-background-v107.webp");
  background-size:cover,cover;
  background-position:center top,center top;
  background-repeat:no-repeat,no-repeat;
  background-attachment:scroll,scroll;
}
.site-wrap{position:relative;isolation:isolate}
.site-wrap:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:980px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 16%,rgba(104,112,255,.075),transparent 30%),
    radial-gradient(circle at 18% 48%,rgba(116,188,255,.055),transparent 27%),
    radial-gradient(circle at 84% 82%,rgba(187,132,255,.055),transparent 29%);
}
.navbar{background:rgba(255,255,255,.82);border-color:rgba(222,226,239,.86);box-shadow:0 16px 44px rgba(34,47,88,.065)}
.hero{
  background:linear-gradient(132deg,rgba(255,255,255,.93) 0%,rgba(253,254,255,.85) 46%,rgba(246,245,255,.70) 100%);
  border-color:rgba(224,228,240,.88);
  box-shadow:0 24px 70px rgba(39,51,95,.075);
  backdrop-filter:none;
}
.trust-item,.plan-card,.focus-card,.step,.why-card,.faq-item,.panel{
  border-color:rgba(225,229,240,.88);
}
.trust-item{background:rgba(255,255,255,.78);backdrop-filter:none}

.hero-visual{
  perspective:950px;
  --hero-glow-x:52%;
  --hero-glow-y:48%;
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:10% 1% 7% 0;
  z-index:0;
  pointer-events:none;
  border-radius:44%;
  background:
    radial-gradient(circle at var(--hero-glow-x) var(--hero-glow-y),rgba(89,104,248,.18),rgba(128,105,246,.09) 30%,rgba(255,255,255,0) 67%);
  filter:none;
  opacity:.54;
  transition:opacity .35s ease, transform .35s ease;
}
.hero-visual.is-interactive:before{opacity:.68}
.hero-visual .hero-art{
  --hero-tx:0px;
  --hero-ty:0px;
  --hero-rx:0deg;
  --hero-ry:0deg;
  transform:translate3d(var(--hero-tx),var(--hero-ty),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));
  transform-origin:50% 54%;
  transform-style:preserve-3d;
  will-change:auto;
  transition:transform .24s ease-out, filter .24s ease-out;
}
.hero-visual .hero-art img{
  animation:none;
  transform-origin:50% 58%;
  will-change:auto;
}
.hero-visual.is-interactive .hero-art img{
  filter:none;
}
@keyframes eluviHeroBreathe{
  0%,100%{transform:none}
  50%{transform:none}
}
@media(max-width:820px){
  body:not(.account-body){background-attachment:scroll,scroll;background-size:auto 1120px,auto 1120px;background-position:center top,center top}
  .hero{backdrop-filter:none}
}
@media(hover:none),(pointer:coarse){
  .hero-visual .hero-art{transform:none!important}
  .hero-visual .hero-art img{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual .hero-art{transform:none!important;transition:none!important}
  .hero-visual .hero-art img{animation:none!important}
}


/* ELUVI 1.0.7 performance + motion layer */
html{scroll-padding-top:105px}
body:not(.account-body){
  background-size:cover,1920px auto;
  background-repeat:no-repeat,no-repeat;
  background-position:center top,center top;
}
.site-wrap:before{opacity:.55;contain:paint}
.navbar{background:rgba(255,255,255,.965);box-shadow:0 10px 30px rgba(34,47,88,.055)}
.hero{background:linear-gradient(132deg,rgba(255,255,255,.975) 0%,rgba(253,254,255,.95) 48%,rgba(247,246,255,.89) 100%);box-shadow:0 18px 52px rgba(39,51,95,.06)}
.trust-item{background:rgba(255,255,255,.94)}
.account-top{background:rgba(255,255,255,.97)}
.hero-visual:before{filter:none;opacity:.40;background:radial-gradient(circle at var(--hero-glow-x) var(--hero-glow-y),rgba(89,104,248,.12),rgba(128,105,246,.055) 34%,rgba(255,255,255,0) 70%)}
.hero-visual.is-interactive:before{opacity:.52}
.hero-visual .hero-art{will-change:auto;transition:transform .18s cubic-bezier(.22,.61,.36,1)}
.hero-visual.is-interactive .hero-art{will-change:transform}
.hero-visual .hero-art img,.hero-visual.is-interactive .hero-art img{filter:none;will-change:auto;transform:none!important}
.hero-visual:after{content:"";position:absolute;z-index:0;left:18%;right:6%;bottom:9%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(55,76,170,.10),rgba(55,76,170,0) 68%);pointer-events:none}
.section,.final-cta,.footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
.focus-card,.plan-card,.step,.why-card,.panel,.trust-item{contain:layout paint style}

/* cheap, compositor-friendly reveal motion */
html.eluvi-motion:not(.reduce-motion) .reveal-block{opacity:0;transform:translate3d(0,18px,0);transition:opacity .42s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
html.eluvi-motion:not(.reduce-motion) .reveal-block.in-view{opacity:1;transform:none}

/* account panel switching */
.view.active{animation:eluviViewIn .24s cubic-bezier(.22,.61,.36,1) both}
@keyframes eluviViewIn{from{opacity:0;transform:translate3d(0,10px,0) scale(.995)}to{opacity:1;transform:none}}

/* modal / dropdown pop without blur */
.modal-backdrop.open{animation:eluviFadeIn .16s ease both}
.modal-backdrop.open .modal{animation:eluviPopIn .20s cubic-bezier(.2,.8,.2,1) both}
@keyframes eluviFadeIn{from{opacity:0}to{opacity:1}}
@keyframes eluviPopIn{from{opacity:0;transform:translate3d(0,8px,0) scale(.985)}to{opacity:1;transform:none}}

/* native same-origin page transitions in supporting browsers */
@view-transition{navigation:auto}
::view-transition-old(root){animation:eluviPageOut .14s ease both}
::view-transition-new(root){animation:eluviPageIn .22s cubic-bezier(.22,.61,.36,1) both}
@keyframes eluviPageOut{to{opacity:0;transform:scale(.996)}}
@keyframes eluviPageIn{from{opacity:0;transform:translate3d(0,7px,0) scale(.997)}to{opacity:1;transform:none}}

@media(max-width:820px){
  body:not(.account-body){background-size:cover,1180px auto;background-position:center top,center top}
  .site-wrap:before{display:none}
  .hero-visual:before{opacity:.30}
  .section,.final-cta,.footer{contain-intrinsic-size:auto 620px}
}
@media(max-width:560px){
  html.eluvi-motion:not(.reduce-motion) .reveal-block{transform:translate3d(0,10px,0);transition-duration:.30s}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal-block,.view.active{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* =========================================================
   ELUVI 1.0.8 — reference-led landing redesign
   ========================================================= */
:root{--shell:1280px;--v108-violet:#6847ef;--v108-blue:#4058f4;--v108-navy:#111936}
body:not(.account-body){background:#f6f7fb;background-image:radial-gradient(circle at 14% 4%,rgba(92,108,248,.08),transparent 26%),radial-gradient(circle at 88% 12%,rgba(126,93,246,.08),transparent 25%)}
body:not(.account-body) .shell{width:min(calc(100% - 48px),var(--shell))}
.site-wrap{padding:18px 0 0}.navbar{min-height:70px;border-radius:22px;padding:10px 14px 10px 18px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(40,52,98,.075)}.brand{min-width:168px}.brand img{width:164px}.navlinks{gap:27px}.navlinks a{font-size:13px}.btn{min-height:44px;border-radius:13px}.btn-primary{background:linear-gradient(135deg,#4058f4,#7043ef);box-shadow:0 12px 27px rgba(80,73,235,.23)}
.v108-main{display:grid;gap:0}.v108-hero{min-height:580px;margin-top:18px;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);background:linear-gradient(118deg,rgba(255,255,255,.98) 0%,rgba(251,252,255,.98) 43%,rgba(237,241,255,.94) 100%);border-color:#e2e6f2;border-radius:30px;box-shadow:0 24px 62px rgba(47,61,111,.08)}.v108-hero:after{content:"";position:absolute;right:-7%;bottom:-25%;width:65%;height:85%;background:radial-gradient(circle,rgba(91,102,244,.13),rgba(128,91,243,.055) 42%,transparent 70%);pointer-events:none}.v108-hero .hero-copy{padding:62px 22px 44px 52px;justify-content:center}.v108-hero .eyebrow{margin-bottom:16px;padding:7px 11px;font-size:10px;background:#edf1ff;letter-spacing:.14em}.v108-hero h1{max-width:600px;font-size:clamp(48px,4.3vw,66px);line-height:.99}.v108-hero h1 em{font-size:1.03em;color:#4860f4}.v108-hero .hero-lead{max-width:500px;margin:22px 0 26px;font-size:16px;line-height:1.67}.v108-hero .hero-actions{gap:12px}.v108-hero .hero-actions .btn{min-width:154px}.hero-trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:570px;margin-top:33px;padding-top:27px;border-top:1px solid #e8ebf4}.hero-trust-mini>div{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center}.hero-trust-mini .mini-ico{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#4b5df0;border:1px solid #e1e6fb}.hero-trust-mini b{font-size:11px;line-height:1.2}.hero-trust-mini small{margin-top:3px;color:#858da2;font-size:9px;line-height:1.35}.v108-hero .hero-visual{padding:20px 18px 18px 0;overflow:visible}.v108-hero .hero-art{width:min(105%,730px);margin-left:-2%}.v108-hero .hero-art img{filter:none}.hero-live-card{position:absolute;right:18px;bottom:30px;z-index:3;width:225px;padding:17px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(38,53,109,.14)}.live-card-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#828ca2}.live-card-head b{color:#29334b}.live-rate{display:flex;align-items:baseline;gap:7px;margin:14px 0 11px}.live-rate strong{font-size:31px;line-height:1;color:#16a66a}.live-rate span{font-size:10px;color:#7e879c}.live-meta{display:flex;justify-content:space-between;gap:9px;padding-top:10px;border-top:1px solid #edf0f5;color:#6e778b;font-size:9px}
.quick-plans{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-21px 38px 0;padding:12px;border:1px solid #e6e9f2;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 15px 40px rgba(42,57,105,.08)}.quick-plan{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;min-height:72px;padding:10px 12px;border:1px solid #e7eaf3;border-radius:16px;background:#fff;color:#222b42;text-align:left;transition:.2s}.quick-plan:hover,.quick-plan.active{border-color:#aeb8ff;background:linear-gradient(135deg,#fff,#f5f3ff);transform:translateY(-1px)}.qp-num{font-size:12px;font-weight:850;color:#5060e9}.qp-copy b{display:block;font-size:14px}.qp-copy small{display:block;margin-top:3px;color:#7c859a;font-size:10px}.qp-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f2ff;color:#5361eb}
.v108-section{padding-top:68px}.v108-calc-shell{display:grid;grid-template-columns:230px minmax(0,1fr) minmax(330px,.82fr);gap:14px;padding:16px;border:1px solid #e7eaf2;border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 20px 54px rgba(45,58,107,.06)}.calc-intro{position:relative;min-height:390px;padding:27px 18px 22px 10px;overflow:hidden}.calc-intro h2{font-size:35px;line-height:1.05}.calc-intro>p:not(.kicker){color:#747e93;font-size:13px;line-height:1.65}.calc-visual-mark{position:absolute;left:8px;right:10px;bottom:18px;height:130px}.calc-visual-mark span{position:absolute;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(86,99,242,.16);color:#5061ed;background:rgba(241,244,255,.82)}.calc-visual-mark span:nth-child(1){width:92px;height:92px;left:13px;bottom:0;font-size:40px}.calc-visual-mark span:nth-child(2){width:56px;height:56px;left:112px;bottom:30px}.calc-visual-mark span:nth-child(3){width:38px;height:38px;left:166px;bottom:86px}.v108-calc-shell .panel{border-radius:22px;box-shadow:none}.v108-calc-shell .calc-form{padding:28px;background:#fff}.calc-topline{display:flex;justify-content:space-between;color:#566075;font-size:12px}.calc-topline b{color:#8b93a5}.field-first{margin-top:10px}.v108-calc-shell .amount-wrap input{min-height:62px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;padding-left:0;background:#fff;font-size:31px}.v108-calc-shell .amount-wrap span{right:0}.v108-calc-shell .range{margin-top:11px}.v108-calc-shell .plan-tabs{gap:7px}.v108-calc-shell .plan-tab{min-height:62px;border-radius:12px;background:#fbfcff}.v108-calc-shell .plan-tab.active{background:#f5f3ff;border-color:#8f9cff}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.preset-row button{min-height:42px;border:1px solid #e4e7ef;border-radius:12px;background:#fafbfe;color:#687287;font-size:11px}.preset-row button:hover,.preset-row button.active{border-color:#9ba7ff;background:#f4f2ff;color:#4455e8}.v108-calc-shell .projection{padding:26px;background:linear-gradient(145deg,#202b69 0%,#4f43c9 52%,#7642ed 100%)}.v108-calc-shell .projection-main{margin:22px 0 15px;padding:20px;border-radius:17px}.v108-calc-shell .projection-main strong{font-size:40px}.v108-calc-shell .metrics{gap:7px}.v108-calc-shell .metric{padding:11px 12px;border-radius:13px}.v108-calc-shell .metric-wide{grid-column:1/-1}.projection-cta{width:100%;min-height:42px;margin-top:14px;background:#fff;color:#4a48cb;font-size:12px}
.v108-plans-shell{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}.plans-intro{padding-top:12px}.plans-intro h2{font-size:34px;line-height:1.08}.plans-intro>p:not(.kicker){color:#747e93;font-size:13px;line-height:1.65}.inline-link{display:inline-block;margin-top:18px;color:#4459eb;font-size:12px;font-weight:800}.v108-plans .plans-grid{gap:12px}.v108-plans .plan-card{min-height:360px;padding:23px;border-radius:21px;box-shadow:0 10px 30px rgba(44,58,104,.045)}.v108-plans .plan-card.featured{border-color:#9ca8ff;background:linear-gradient(180deg,#fff,#f9f7ff)}.popular{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,#6654ec,#8c4cf2);color:#fff;font-size:8px;font-weight:850;letter-spacing:.08em}.plan-title-row{display:flex;align-items:flex-start;gap:13px}.plan-symbol{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:15px;background:#f0f2ff;color:#5362ec;font-size:22px}.v108-plans .plan-card h3{margin:0;font-size:18px}.v108-plans .rate{margin:4px 0 0;font-size:31px}.v108-plans .rate small{font-size:10px}.v108-plans .plan-list{margin:20px 0 22px;padding-top:16px}.v108-plans .plan-row{font-size:11px}
.v108-trust-band{display:grid;grid-template-columns:230px repeat(4,1fr);gap:9px;margin-top:64px;padding:16px;border:1px solid #e6e9f2;border-radius:23px;background:rgba(255,255,255,.84)}.trust-title{padding:8px}.trust-title h2{margin:0;font-size:21px;line-height:1.15}.v108-trust-band article{display:flex;gap:10px;padding:16px 13px;border:1px solid #e8eaf2;border-radius:16px;background:#fff}.v108-trust-band article>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:11px;background:#eff2ff;color:#4f60ed}.v108-trust-band b{display:block;font-size:11px}.v108-trust-band small{display:block;margin-top:4px;color:#858da0;font-size:9px;line-height:1.4}
.v108-about{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;padding:0;margin-top:64px;border:1px solid #e5e8f1;border-radius:27px;background:#fff;box-shadow:0 16px 45px rgba(43,57,104,.055)}.about-visual{position:relative;min-height:390px;overflow:hidden;background:linear-gradient(135deg,#eaf0ff,#f8f7ff 58%,#ece8ff)}.about-visual:before{content:"";position:absolute;inset:0;background-image:url('../images/eluvi-site-background-v107.webp');background-size:cover;background-position:center;opacity:.55}.about-dna{position:absolute;left:70px;top:52px;font-size:190px;line-height:1;color:rgba(71,91,235,.26);transform:rotate(-24deg)}.about-orbit{position:absolute;border:1px solid rgba(77,94,235,.22);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:420px;height:150px;left:20px;top:155px}.orbit-b{width:330px;height:110px;left:80px;top:200px}.about-lab-card{position:absolute;left:40px;right:40px;bottom:34px;padding:18px 20px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,255,255,.83);box-shadow:0 18px 40px rgba(52,68,128,.11)}.about-lab-card span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#4d5fe9}.about-lab-card b{display:block;margin-top:5px;font-size:19px}.about-lab-card small{display:block;margin-top:4px;color:#7a8498}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}.about-copy h2{font-size:39px;line-height:1.05}.about-copy>p:not(.kicker){color:#747e93;font-size:14px}.about-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.about-proof-grid>div{padding:13px;border:1px solid #e8eaf2;border-radius:14px}.about-proof-grid span{display:block;color:#5160e8;font-size:10px;font-weight:900}.about-proof-grid b{display:block;margin-top:5px;font-size:11px}
.compact-section{padding-top:70px}.compact-section .section-head{margin-bottom:24px}.compact-section .focus-card{min-height:180px}.compact-section .step{min-height:165px}.v108-footer{width:100%;margin-top:70px;padding:46px 50px 24px;grid-template-columns:1.1fr 1.6fr .95fr;background:linear-gradient(125deg,#171d45,#23245d 55%,#5b2fc7);color:#fff;border-radius:30px 30px 0 0}.v108-footer .footer-brand p,.v108-footer .footer-links a,.v108-footer .legal-line{color:#bfc5dc}.v108-footer .footer-brand img{filter:brightness(0) invert(1);width:170px}.v108-footer .footer-cta{padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.06)}.v108-footer .footer-cta b{font-size:12px}.v108-footer .footer-cta p{color:#c5c9df;font-size:10px}.v108-footer .footer-cta .btn{width:100%;background:#fff;color:#333a78}.v108-footer .legal-line{grid-column:1/-1;border-color:rgba(255,255,255,.12)}
@media(max-width:1120px){body:not(.account-body) .shell{width:min(calc(100% - 30px),var(--shell))}.v108-hero{grid-template-columns:1fr 1fr}.v108-hero .hero-copy{padding-left:38px}.v108-hero h1{font-size:52px}.hero-trust-mini{grid-template-columns:1fr}.hero-trust-mini>div{grid-template-columns:34px 1fr}.hero-trust-mini small{display:none}.v108-calc-shell{grid-template-columns:190px 1fr 330px}.v108-plans-shell{grid-template-columns:190px 1fr}.v108-trust-band{grid-template-columns:1fr 1fr 1fr}.trust-title{grid-column:1/-1}.v108-footer{padding-inline:30px}}
@media(max-width:820px){body:not(.account-body) .shell{width:min(calc(100% - 20px),var(--shell))}.v108-hero{grid-template-columns:1fr;min-height:auto}.v108-hero .hero-copy{padding:42px 28px 18px}.v108-hero .hero-visual{padding:0 18px 20px}.hero-live-card{right:22px;bottom:24px}.hero-trust-mini{grid-template-columns:repeat(3,1fr)}.hero-trust-mini small{display:block}.quick-plans{margin:-12px 14px 0;grid-template-columns:1fr}.v108-calc-shell{grid-template-columns:1fr}.calc-intro{min-height:auto;padding:20px 16px}.calc-visual-mark{display:none}.v108-plans-shell{grid-template-columns:1fr}.v108-trust-band{grid-template-columns:1fr 1fr}.v108-about{grid-template-columns:1fr}.about-visual{min-height:300px}.v108-footer{grid-template-columns:1fr 1fr;border-radius:24px 24px 0 0}.v108-footer .footer-cta{grid-column:1/-1}}
@media(max-width:560px){body:not(.account-body) .shell{width:min(calc(100% - 14px),var(--shell))}.navbar{border-radius:17px}.brand img{width:142px}.v108-hero{margin-top:8px;border-radius:22px}.v108-hero .hero-copy{padding:34px 19px 14px}.v108-hero h1{font-size:41px}.v108-hero .hero-lead{font-size:14px}.hero-trust-mini{grid-template-columns:1fr;gap:8px;margin-top:22px;padding-top:18px}.hero-trust-mini small{display:block}.v108-hero .hero-art{width:108%;margin-left:-4%}.hero-live-card{position:relative;right:auto;bottom:auto;width:calc(100% - 18px);margin:-12px 9px 0}.quick-plans{margin:-3px 8px 0;padding:8px;border-radius:18px}.v108-section{padding-top:48px}.v108-calc-shell{padding:9px;border-radius:21px}.v108-calc-shell .calc-form,.v108-calc-shell .projection{padding:19px}.preset-row{grid-template-columns:1fr 1fr}.v108-plans .plans-grid{grid-template-columns:1fr}.v108-trust-band{grid-template-columns:1fr;margin-top:48px;padding:9px}.about-copy{padding:28px 21px}.about-copy h2{font-size:33px}.about-proof-grid{grid-template-columns:1fr}.compact-section{padding-top:52px}.v108-footer{grid-template-columns:1fr;padding:34px 21px 20px}.v108-footer .footer-links{grid-template-columns:1fr 1fr}.v108-footer .footer-cta{grid-column:auto}.v108-footer .legal-line{grid-column:1/-1}}


/* ELUVI 1.0.9 calculator right image integration */
.v108-calc-shell .projection.projection-visual{position:relative;overflow:hidden;padding:0;display:flex;align-items:stretch;min-height:460px;background:linear-gradient(180deg,#f6f7ff 0%,#eef2ff 100%);border:1px solid #e3e8f6}
.projection-scene{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:stretch}
.projection-figure{display:block;width:100%;height:100%}
.projection-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.projection-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,251,255,.04) 0%,rgba(247,248,255,.16) 32%,rgba(238,242,255,.72) 60%,rgba(235,239,252,.96) 100%);pointer-events:none}
.projection-card{position:relative;z-index:1;align-self:flex-end;width:calc(100% - 28px);margin:0 14px 14px;padding:18px;border-radius:20px;border:1px solid rgba(219,225,244,.95);background:rgba(255,255,255,.84);backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(50,66,123,.10)}
.v108-calc-shell .projection.projection-visual .projection-top h3{color:#1d2743}
.v108-calc-shell .projection.projection-visual .subtle{color:#6f7891}
.v108-calc-shell .projection.projection-visual .projection-main{margin:16px 0 12px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#243076 0%,#5144ca 52%,#7444ea 100%);border:0}
.v108-calc-shell .projection.projection-visual .projection-main small{color:#ced5f1}
.v108-calc-shell .projection.projection-visual .projection-main strong{color:#fff;font-size:38px}
.v108-calc-shell .projection.projection-visual .metrics{gap:7px}
.v108-calc-shell .projection.projection-visual .metric{background:#f7f8fd;border:1px solid #e6eaf4}
.v108-calc-shell .projection.projection-visual .metric span{color:#7d879e}
.v108-calc-shell .projection.projection-visual .metric b{color:#26304b}
.v108-calc-shell .projection.projection-visual .projection-cta{margin-top:12px;background:linear-gradient(135deg,#4058f4,#6b61f5);color:#fff;box-shadow:0 12px 24px rgba(64,88,244,.18)}
@media(max-width:820px){.v108-calc-shell .projection.projection-visual{min-height:420px}.projection-card{width:calc(100% - 24px);margin:0 12px 12px;padding:16px}}
@media(max-width:560px){.v108-calc-shell .projection.projection-visual{min-height:385px}.projection-card{padding:14px;border-radius:18px}.v108-calc-shell .projection.projection-visual .projection-main strong{font-size:32px}}


/* ELUVI 1.0.10 calculator layout fix */
.v108-calc-shell{grid-template-columns:230px minmax(0,1fr) minmax(330px,.82fr)}
.calc-intro{position:relative;min-height:390px;padding:27px 18px 22px 10px;overflow:hidden;display:flex;flex-direction:column}
.calc-intro h2{margin-bottom:10px}
.calc-intro > p:not(.kicker){max-width:170px}
.calc-intro-visual{margin-top:auto;position:relative;z-index:1;padding-top:16px;padding-right:8px}
.calc-intro-visual picture,.calc-intro-visual img{display:block;width:100%;height:auto}
.calc-intro-visual img{max-height:235px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 14px 26px rgba(77,92,160,.10))}
.calc-visual-mark{left:4px;right:auto;bottom:34px;width:190px;height:120px;opacity:.55;pointer-events:none}
.calc-visual-mark span:nth-child(1){width:74px;height:74px;left:0;bottom:0;font-size:32px}
.calc-visual-mark span:nth-child(2){width:46px;height:46px;left:84px;bottom:28px}
.calc-visual-mark span:nth-child(3){width:30px;height:30px;left:132px;bottom:78px}
/* restore right projection card look */
.v108-calc-shell .projection{padding:26px;background:linear-gradient(145deg,#202b69 0%,#4f43c9 52%,#7642ed 100%)}
.v108-calc-shell .projection .projection-top h3{color:#fff}
.v108-calc-shell .projection .subtle{color:#adb6d3}
.v108-calc-shell .projection .projection-main{margin:22px 0 15px;padding:20px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.v108-calc-shell .projection .projection-main small{color:#b9c1db}
.v108-calc-shell .projection .projection-main strong{font-size:40px;color:#fff}
.v108-calc-shell .projection .metrics{gap:7px}
.v108-calc-shell .projection .metric{padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1)}
.v108-calc-shell .projection .metric span{color:#b7bfd7}
.v108-calc-shell .projection .metric b{color:#fff}
.v108-calc-shell .projection .metric-wide{grid-column:1/-1}
.v108-calc-shell .projection .projection-cta{width:100%;min-height:42px;margin-top:14px;background:#fff;color:#4a48cb;font-size:12px;box-shadow:none}
/* neutralize previous 1.0.9 image-right styles */
.v108-calc-shell .projection.projection-visual,.projection-scene,.projection-card,.projection-figure{all:unset}
@media(max-width:820px){.v108-calc-shell{grid-template-columns:1fr}.calc-intro{min-height:auto;padding:20px 16px}.calc-intro > p:not(.kicker){max-width:none}.calc-intro-visual{padding-top:14px}.calc-intro-visual img{max-height:220px;object-position:center bottom}.calc-visual-mark{display:none}}
@media(max-width:560px){.calc-intro-visual img{max-height:185px}.v108-calc-shell .projection .projection-main strong{font-size:36px}}