@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d281f;--muted:#657062;--paper:#f6f7f0;--lime:#d3ed82;--line:#dce1d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:23px 0}.brand{font:800 27px Manrope;letter-spacing:-1.5px}.brand small{display:block;font:600 9px 'DM Sans';letter-spacing:2px}.nav nav{display:flex;gap:32px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 23px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;font-size:13px;font-weight:600}.btn:hover{background:#3b5033}.btn.secondary{background:transparent;color:var(--ink);border-color:#bcc6b1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:#8dab4d;border-radius:50%;margin-right:8px}.hero{text-align:center;padding:66px 0 0}.hero h1{font:500 clamp(40px,5vw,66px)/1.1 Manrope;letter-spacing:-3px;max-width:960px;margin:24px auto}.hero h1 em{font-style:normal;color:#71863f}.lead{max-width:660px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:17px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0 16px}.micro{font-size:11px;color:var(--muted);line-height:1.6}.screen{margin:40px 0 0;background:#151c16;padding:12px;border-radius:12px;box-shadow:0 24px 55px #28391b18;text-align:left;overflow:hidden}.screen-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 14px;font-size:10px;letter-spacing:1px;color:#cbd6c2}.screen img{width:100%;display:block;border-radius:5px}.caption{font-size:11px;color:var(--muted);text-align:left;margin:12px 0 30px}.signal{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.signal span{color:#869571;margin-right:10px}section{padding:80px 0}h2{font:500 clamp(30px,3.2vw,43px)/1.15 Manrope;letter-spacing:-1.6px;margin:18px 0 22px}h3{font:600 21px/1.3 Manrope;letter-spacing:-.5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}p{line-height:1.75}.muted{color:var(--muted)}.split>p{margin-top:38px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.feature{border-top:1px solid #a9b799;padding-top:22px}.feature .num{font-size:11px;color:#778747}.feature p{font-size:14px;color:var(--muted)}.dark{background:var(--ink);color:var(--paper);border-radius:14px;padding:42px}.dark .eyebrow{color:var(--lime)}.dark p{color:#bdc8b5;font-size:14px}.questions{display:flex;flex-direction:column;gap:10px}.questions button{text-align:left;border:1px solid #637156;background:transparent;color:white;border-radius:5px;padding:16px;font-size:14px;line-height:1.5}.questions button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}#answer{min-height:130px;font-size:17px;line-height:1.65;color:#e3ecd9}.checks{list-style:none;padding:0}.checks li{border-bottom:1px solid var(--line);padding:18px 0;font-size:15px}.checks li:before{content:'↗';color:#738a3e;margin-right:15px}.fitnote{font-size:13px;color:var(--muted)}.pricing{background:#eaf0dd;border:1px solid #d1dcbf;border-radius:14px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.price{font:500 58px Manrope;letter-spacing:-3px;margin:15px 0}.price small{font:400 16px 'DM Sans';letter-spacing:0}.pricing .btn{width:100%;margin-top:18px}.pricing ul{padding-left:18px;font-size:14px;line-height:2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps p{font-size:14px;color:var(--muted)}.steps small{color:#71873d;font-size:11px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:10px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;line-height:1.5;font-size:15px}details p{color:var(--muted);font-size:14px}.end{background:var(--lime);border-radius:14px;text-align:center;padding:55px 30px;margin-bottom:60px}.end h2{max-width:720px;margin:18px auto 28px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}dialog{width:min(490px,92vw);border:0;border-radius:12px;background:var(--paper);padding:32px;color:var(--ink)}dialog::backdrop{background:#13220fc9}dialog h2{font-size:28px}dialog p{font-size:14px}.close{float:right;background:none;border:0;font-size:24px}.sticky{display:none}a:focus-visible,button:focus-visible{outline:3px solid #92b847}@media(max-width:800px){.wrap{padding:0 22px}.nav nav{display:none}.nav .btn{font-size:11px;padding:12px}.hero{padding-top:42px}.hero h1{letter-spacing:-2px}.split,.pricing,.faq{grid-template-columns:1fr;gap:25px}.features,.steps{grid-template-columns:1fr;gap:20px}.split>p{margin-top:0}.dark{padding:28px}.pricing{padding:28px}.signal{gap:12px;font-size:11px}.signal span{display:block;margin-bottom:7px}.screen{padding:6px}.screen-bar{font-size:8px}.hero .lead{font-size:15px}section{padding:55px 0}.faq{padding-top:0}footer{flex-wrap:wrap;padding-bottom:85px}.sticky{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 20px;background:#f6f7f0f5;border-top:1px solid var(--line);z-index:2}.sticky .btn{width:100%}.end{padding:35px 20px}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Viber identity — dark presentation inspired by the supplied reference. */
:root{--ink:#f6f4f0;--muted:#aaa8b2;--paper:#09090e;--lime:#ffd62b;--line:#29272e}
body{background:radial-gradient(ellipse 65% 600px at 50% 0, #6b310e55,transparent 80%),#09090e;color:var(--ink)}
.wrap{max-width:1180px}header{border-bottom:1px solid #ffffff0d;background:#09090e66}.nav{padding:25px 0}.brand{display:flex;align-items:center;gap:16px;letter-spacing:0}.brand img{width:126px;height:auto;object-fit:contain;display:block}.brand-divider{height:24px;width:1px;background:#494047}.product-name{font:500 18px Manrope;letter-spacing:-.5px}.nav nav{color:#bcb9c2;gap:30px}.nav nav a:hover{color:white}
.btn{border:0;border-radius:30px;background:linear-gradient(105deg,#ff6b08,#ffd52c);color:#211303;font-weight:700;box-shadow:0 0 28px #ff890918;transition:transform .2s,box-shadow .2s}.btn:hover{background:linear-gradient(105deg,#ff8b30,#ffe45d);box-shadow:0 0 35px #ff920938;transform:translateY(-2px)}.btn.secondary{color:#e4e1e8;border:1px solid #48404a;background:#ffffff05;box-shadow:none}.btn.secondary:hover{background:#ffffff0c}.hero{padding-top:78px;position:relative}.hero>.eyebrow,.product-invite>.eyebrow,.end>.eyebrow{display:inline-block;border:1px solid #78604570;background:#a76c2815;padding:8px 15px;border-radius:30px;letter-spacing:1.2px;font-size:9px}.dot{background:#ffb51b;box-shadow:0 0 12px #ff8c18}.hero h1{font-size:clamp(42px,5.1vw,65px);font-weight:500;letter-spacing:-2.8px;margin:27px auto}.hero h1 em{color:#ffc83a;background:linear-gradient(100deg,#ff8e27,#ffe177);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{max-width:660px;font-size:16px}.micro{color:#918b96}.hero:before{content:'';position:absolute;width:100%;height:480px;top:-100px;left:0;background:radial-gradient(ellipse,#e85e061a,transparent 68%);z-index:-1;pointer-events:none}.screen{margin:46px auto 0;background:#0d0d12;padding:10px;border:1px solid #69533b;border-radius:15px;box-shadow:0 -10px 85px #fb7b0713,0 30px 80px #0009}.screen-bar{color:#b5a795;padding:9px 9px 16px}.screen img{opacity:.93}.caption{color:#807b88;font-size:10px}.signal{border-top:0;border-bottom:1px solid #3e342a;gap:20px;padding:22px 0 36px;color:#c2bec7}.signal span{color:#f4b74e;font-size:10px}.eyebrow{color:#b8a58c}.split>.eyebrow h2{color:#f6f4f0;text-transform:none;letter-spacing:-1.6px}.features{gap:18px}.feature{background:linear-gradient(135deg,#171319,#0e0d12);border:1px solid #2c272d;border-radius:14px;padding:28px;min-height:245px;position:relative;overflow:hidden}.feature:nth-child(2){background:radial-gradient(ellipse at top,#7738062a,transparent 75%),#111014;border-color:#4a3725}.feature .num{color:#e9ae48;font-size:10px}.feature h3{font-size:21px;margin-top:26px}.feature p{color:#a6a0ae;line-height:1.8}.dark{background:radial-gradient(ellipse at 95% 0,#86410b22,transparent 60%),#101015;border:1px solid #30292c;padding:40px}.dark .eyebrow{color:#e7b86f}.dark p{color:#aaa4b3}.questions button{border-color:#373039;background:#ffffff02;border-radius:9px}.questions button:hover{border-color:#927044}.questions button[aria-pressed=true]{background:linear-gradient(100deg,#ff7d11,#ffd437);border-color:transparent;color:#211504}.questions{gap:12px}#answer{color:#f0e5d6}.checks li{border-color:#302932;color:#c4bfca}.checks li:before{color:#ffa626}.product-invite{text-align:center;border:1px solid #493726;border-radius:16px;padding:55px 30px;background:radial-gradient(ellipse at 50% 0,#b9580625,transparent 70%),#0f0d11}.product-invite h2{max-width:730px;margin:22px auto}.product-invite p{max-width:560px;margin:0 auto 26px}.steps{gap:20px;margin-top:36px}.steps article{padding:27px;border:1px solid #2d2730;border-radius:12px;background:#100e14}.steps small{color:#e4ad54}.steps h3{font-size:20px}.steps p{color:#a6a0ae}.end{border:1px solid #573719;background:radial-gradient(ellipse 80% 110% at 50% 0,#bd5f092f,transparent),#100c0d;padding:62px 30px}.end h2{color:#f3eee6}.end .eyebrow{color:#d7b981}.end .micro{margin-top:22px}details{border-color:#2d2730}summary{color:#dfdbe5}details p{color:#a6a0ae}footer{align-items:center;border-color:#2b252c;color:#8d8493}.sticky{background:#0d0b10ed;border-color:#3f3021}dialog{background:#151018;color:#f6f0e5;border:1px solid #61432a}dialog .close{color:white}dialog p{color:#b7aebc}dialog::backdrop{background:#000c}a:focus-visible,button:focus-visible{outline:3px solid #ffb021}
@media(max-width:800px){.hero{padding-top:47px}.hero h1{font-size:43px;letter-spacing:-1.8px}.brand{gap:10px}.brand img{width:95px}.product-name{font-size:15px}.nav>.btn{font-size:10px;padding:12px}.feature{min-height:0;padding:25px}.dark{padding:25px}.screen{padding:5px}.screen-bar{font-size:7px}.caption{font-size:9px}.signal{font-size:11px}.product-invite{padding:38px 22px}.end{padding:40px 22px}.steps article{padding:23px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* Contrast and original image proportions. */
.dark{color:#f6f4f0}.dark h2,.dark h3{color:#f6f4f0}.dark p{color:#bfb9c7}.dark .eyebrow{color:#f2c078}.screen img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1;aspect-ratio:2420 / 870}.screen-viewport{overflow-x:auto;border-radius:5px;scrollbar-color:#a56c31 #17131a}.image-expand{display:block;width:fit-content;margin:14px auto 5px;padding:8px 14px;border:1px solid #715231;border-radius:20px;font-size:12px;color:#ffdb9e;background:#19130e}.image-expand:hover{background:#302116;color:#fff0d6}.caption{color:#aaa3b1}.screen-bar{color:#cab9a2}@media(max-width:800px){.screen-viewport img{width:1000px;min-width:1000px;max-width:none;height:auto}.screen-viewport:focus-visible{outline:2px solid #ffba42;outline-offset:-2px}.screen-bar{font-size:8px}.image-expand{font-size:11px}.caption{font-size:10px}}

.product-details{padding:0 0 76px}.detail-row{display:grid;grid-template-columns:.85fr 1.25fr;gap:45px;align-items:center;padding:45px 0;border-top:1px solid #302830}.detail-copy h2{font-size:32px;line-height:1.2;color:#f6f4f0;letter-spacing:-1.1px}.detail-copy p{font-size:14px;color:#b7afbf;line-height:1.8}.look-for{border-left:2px solid #ff9d20;padding:3px 0 3px 14px;margin-top:22px}.look-for strong{display:block;color:#efc07c;font-size:11px;letter-spacing:.5px;margin-bottom:7px}.look-for span{display:block;font-size:12px;line-height:1.7;color:#aaa2b3}.detail-shot{margin:0;background:radial-gradient(ellipse at top,#b55e0920,transparent 70%),#100e13;border:1px solid #503a26;border-radius:13px;padding:16px;box-shadow:0 15px 40px #0003}.detail-shot img{display:block;width:100%;height:auto;object-fit:contain;border-radius:7px}.detail-shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 3px 2px;font-size:10px;color:#aca2b3}.detail-shot figcaption a{color:#ffd38c;padding:5px 8px;border:1px solid #604324;border-radius:20px;white-space:nowrap}.detail-row.reverse{grid-template-columns:1.25fr .85fr}.detail-row.reverse .detail-copy{order:2}.detail-row.reverse .detail-shot{order:1}.detail-disclaimer{font-size:10px;color:#a79eae;max-width:850px;margin:8px 0 0;line-height:1.8}@media(max-width:800px){.product-details{padding-bottom:48px}.detail-row,.detail-row.reverse{grid-template-columns:1fr;gap:23px;padding:32px 0}.detail-row.reverse .detail-copy,.detail-row.reverse .detail-shot{order:initial}.detail-copy h2{font-size:29px}.detail-shot{padding:9px}.detail-shot figcaption{font-size:9px;padding-top:12px}}

/* Copy hierarchy: keep the promise readable without excessive hero height. */
.hero h1{font-size:clamp(40px,4.8vw,61px);line-height:1.08;max-width:940px}.hero .lead{max-width:690px}.feature{min-height:285px}.feature h3{font-size:21px}.dark h2{font-size:35px}.product-invite p{max-width:610px}@media(max-width:800px){.hero h1{font-size:39px;line-height:1.1}.feature{min-height:0}.dark h2{font-size:29px}}

.lead-dialog{width:min(600px,94vw);max-height:90dvh;overflow-y:auto;padding:32px}.lead-dialog [hidden]{display:none!important}.lead-dialog h2{font-size:29px;line-height:1.2;padding-right:20px;margin:18px 0 12px}.lead-dialog .close{position:sticky;top:0;background:#151018;z-index:1;border-radius:50%;width:34px;height:34px}.form-notice{padding:11px 14px;background:#ffae1210;border:1px solid #684423;border-radius:7px;font-size:12px!important;line-height:1.6}.form-progress{display:block;padding:15px 0;border-bottom:1px solid #3c2e3c;color:#f4c079;font-size:12px}.form-progress #step-name{color:#bcb1c5;margin-left:8px}.lead-dialog label{display:block;margin:19px 0 7px;font-size:13px;font-weight:500;color:#f0e9f3}.lead-dialog label span{color:#ffbc57}.lead-dialog label small{color:#aea2b8;font-weight:400;margin-left:5px}.lead-dialog input,.lead-dialog select,.lead-dialog textarea{display:block;width:100%;border:1px solid #55445a;border-radius:7px;background:#0d0a10;color:#f8f3fa;padding:12px;font:400 14px 'DM Sans',sans-serif;min-height:46px;color-scheme:dark}.lead-dialog textarea{resize:vertical}.lead-dialog input::placeholder,.lead-dialog textarea::placeholder{color:#95899f}.lead-dialog input:focus,.lead-dialog select:focus,.lead-dialog textarea:focus{outline:2px solid #ffb538;outline-offset:2px}.form-help{font-size:11px!important;color:#b6aabd!important;line-height:1.6}.form-next{width:100%;margin-top:24px}.form-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.form-actions .btn{flex:1;padding:14px 12px;font-size:12px;gap:8px}#form-review{padding:15px 0 0}#review-values{margin:22px 0}#review-values dt{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#d0ac7c;margin-top:17px}#review-values dd{margin:6px 0 0;padding-bottom:12px;border-bottom:1px solid #352839;color:#eee6f1;font-size:14px;line-height:1.6;overflow-wrap:anywhere}@media(max-width:600px){.lead-dialog{padding:23px;max-height:92dvh}.lead-dialog h2{font-size:25px}.lead-dialog input,.lead-dialog select,.lead-dialog textarea{font-size:16px}.form-actions{flex-wrap:wrap}}
