/* HeyTube visual shell adapted for HeyEase. */
:root{color-scheme:dark;--bg:#121214;--lime:#51b858;--white:#f4f4f5;--light:#f6f6f7;--light-text:#17171a;--light-muted:#57575e}
html{scroll-padding-top:124px}
body{background:#121214}
.wrap{width:min(1160px,calc(100% - 80px))}

.topline{height:43px;position:sticky;top:0;z-index:41;display:flex;justify-content:center;gap:16px;padding:6px 20px;background:linear-gradient(135deg,#fff 0%,#f9faf9 52%,#eaf6eb 100%);border-bottom:1px solid #dce8dc;color:#394039;font:500 13px Inter,Arial,sans-serif;letter-spacing:0;text-align:center}
.topline span:nth-child(2),.topline span:nth-child(3){display:initial}
.topline strong{font-weight:700;color:#252a26}
.topline a{display:inline-flex;align-items:center;justify-content:center;padding:3px 15px;border-radius:6px;background:#51b858;color:#101711;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.topline a:hover{background:#67ce6d;transform:translateY(-1px)}
.site-header{height:68px;top:43px;padding:0 max(40px,calc((100vw - 1160px)/2));gap:14px;background:rgba(18,18,20,.97);border-bottom:1px solid #2b2b30;box-shadow:0 5px 24px #0002}
.brand img{height:31px}
.main-nav{gap:32px;margin:auto;align-items:center}
.main-nav a{font-size:13px;font-weight:600;color:#a5a5aa}
.main-nav a:hover{color:#fff}
.market-control{border:0;padding:0;gap:3px;background:#232327;border-radius:5px}
.market-control button{min-width:29px;height:25px;border-radius:4px;color:#8b8b91;font:700 10px Inter,Arial,sans-serif;letter-spacing:0}
.market-control button[aria-pressed="true"]{background:#368d3c;color:#fff}
.header-cta{min-height:35px;padding:0 19px;border:0;border-radius:7px;background:#51b858;color:#101711;font-size:12px;font-weight:800;text-transform:none;letter-spacing:0;box-shadow:0 3px 15px #51b85825}
.header-cta:hover{background:#70d176;color:#0b130c}

.hero{min-height:740px;padding-top:95px;padding-bottom:100px;grid-template-columns:43% 57%;align-items:center}
.hero:before{display:none}
.eyebrow{margin-bottom:28px;color:#74ca79;font:800 13px Inter,Arial,sans-serif;letter-spacing:.11em}
.eyebrow-line{background:#4c4c51}
.hero h1{font-size:clamp(62px,6.3vw,96px);line-height:1.02;letter-spacing:-.065em;margin-bottom:26px}
.hero h1 em{color:#f4f4f5}
.hero h1 span{color:#51b858}
.hero-lead{max-width:450px;font-size:16px;line-height:1.7;color:#c4c4ca}
.button{border-radius:8px}
.button-ghost{border-color:#49494f}
.hero-meta{margin-top:60px}
.hero-visual{min-height:390px;margin:0 -35px 0 -20px}
.hero-visual img{filter:drop-shadow(0 30px 32px #0007)}
.visual-grid{display:none}
.visual-caption{bottom:-8px;right:4%;font-size:8px}
.scroll-cue{bottom:28px}
.marquee{height:48px;background:#1d1d20;border-color:#2d2d32;color:#c6c6ca}

.section-heading{display:block;max-width:820px;margin:0 auto 55px;text-align:center}
.section-index{display:block;padding:0;margin-bottom:18px;color:#69c66f;font:800 12px Inter,Arial,sans-serif;letter-spacing:.12em}
.section-heading h2,.problem-left h2,.final-copy h2,.faq-layout h2{font-size:clamp(36px,4.1vw,60px);line-height:1.12;letter-spacing:-.05em}
.section-heading p{margin:0 auto;font-size:15px}
.offer-section{padding-top:115px;padding-bottom:120px}
.offer-layout{max-width:1000px;grid-template-columns:.88fr 1.12fr;gap:70px}
.offer-copy h3{font-size:clamp(34px,3vw,47px)}

.benefits-section{padding:115px 0 120px;background:#f6f6f7;border:0;color:#17171a}
.benefits-section .section-index{color:#328639}
.benefits-section em{color:#328639}
.benefits-section .section-heading p{color:#59595f}
.benefits-grid{gap:18px}
.benefit{min-height:470px;padding:30px;border:1px solid #e0e1e4;border-radius:16px;background:#fff;box-shadow:0 12px 35px #14141408}
.benefit:hover{border-color:#8aca8e;box-shadow:0 18px 40px #14141412}
.benefit-number{font:800 11px Inter,Arial,sans-serif;color:#398e3f}
.benefit .benefit-icon{height:auto;margin:18px -14px 20px;display:block}
.benefit-icon img{display:block;width:100%;height:auto}
.benefit h3{font-size:24px;margin:0 0 10px}
.benefit p{font-size:13px;color:#5a5a61}

.problem-section{padding-top:115px;padding-bottom:115px;gap:75px}
.problem-left h2{font-size:clamp(38px,3.7vw,55px)}
.comparison{border-radius:18px;padding:17px;background:#1d1d20}
.comparison-row{border-radius:12px;background:#242428}
.comparison-after{background:#253228}
.problem-section{display:block}
.problem-left{max-width:840px;margin:0 auto 48px;text-align:center}
.problem-left h2{margin:0 0 20px}
.problem-left>p{max-width:590px;margin:0 auto}
.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;border:1px solid #37373d;background:#1d1d20}
.comparison-row,.comparison-row+.comparison-row{margin:0;padding:22px;border:0;border-radius:0;background:#1d1d20}
.comparison-before{opacity:1}
.comparison-before{border-right:1px solid #37373d}
.comparison-after{position:relative;isolation:isolate}
.comparison-after::after{content:'';position:absolute;inset:-1px;border-radius:0 18px 18px 0;padding:2px;pointer-events:none;background:conic-gradient(from var(--pricing-angle,0deg),transparent 0deg,#397b3e 5deg,#51b858 9deg,#ddffe0 13deg,#51b858 18deg,transparent 25deg,transparent 170deg,#3f9846 188deg,#b5ffb9 205deg,#51b858 225deg,transparent 250deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:pricing-border 5s linear infinite}
.compare-label{display:block;margin:0 0 17px;color:#aeafb4;font:800 11px Inter,Arial,sans-serif;letter-spacing:.1em}
.comparison-after .compare-label{color:#71cf77}
.comparison video{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#121214}
.comparison-row h3{margin:24px 0 8px;font-size:clamp(22px,2.3vw,30px);letter-spacing:-.04em}
.comparison-row p{font-size:13px;line-height:1.7;color:#b9b9bf}

.how-section{padding:112px 0 105px;background:#f6f6f7;border:0;color:#17171a;background-image:linear-gradient(#e9e9eb 1px,transparent 1px),linear-gradient(90deg,#e9e9eb 1px,transparent 1px);background-size:40px 40px}
.how-section .section-index,.how-section .steps li>span,.how-note>span{color:#318939}
.how-section em{color:#318939}
.how-section .section-heading p{color:#57575e}
.how-layout{grid-template-columns:48% 52%;gap:50px}
.product-art{min-height:470px;border-radius:18px;background:radial-gradient(ellipse at center,#263729 0%,#1d1e21 60%,#151619 100%);box-shadow:0 22px 50px #1a1a1a25}
.product-art:before{display:none}
.product-art>span{color:#c0c0c4}
.steps{padding:0 20px 0 0}
.steps li{border-color:#d1d2d6}
.steps li:first-child{border-color:#d1d2d6}
.steps p{color:#5d5d64;font-size:13px}
.how-note{border-color:#d1d2d6;margin-left:0;margin-top:45px;max-width:600px;justify-self:end}
.how-note p{color:#5b5b62}
.how-note strong{color:#17171a}

.final-offer{padding-top:125px;padding-bottom:125px}
.final-card{border-radius:18px;padding:40px}
.faq-section{padding:115px 0 130px;background:#fff;border:0;color:#17171a}
.faq-layout{display:block;max-width:900px;text-align:center}
.faq-layout h2{margin:0 0 18px}
.faq-layout h2 em{color:#328639}
.faq-layout>div:first-child>p{margin:0 auto;color:#5c5c63}
.faq-list{padding:0;margin:55px auto 0;max-width:760px;text-align:left}
.faq-list details,.faq-list details:first-child{border-color:#d4d4d8}
.faq-list summary{font-size:15px}
.faq-list summary span{color:#318939}
.faq-list details p{color:#5c5c63;font-size:13px}
.footer{background:#121214}
.footer-main{padding-top:75px;padding-bottom:75px}

@media(max-width:1150px){.wrap{width:min(100% - 56px,1000px)}.site-header{padding:0 28px}.main-nav{gap:22px}.offer-layout{gap:40px}.hero-visual{margin:0}.how-layout{gap:25px}.product-art{min-height:390px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-copy{max-width:690px}.hero-visual{margin-top:30px;min-height:320px}.hero-visual img{max-width:760px!important}.offer-layout{gap:24px}}
@media(max-width:800px){.site-header{gap:13px}.main-nav{gap:12px}.main-nav a{font-size:11px}.header-cta{font-size:11px;padding:0 12px}}
@media(max-width:700px){html{scroll-padding-top:111px}.wrap{width:calc(100% - 36px)}.topline{min-height:43px;height:auto;gap:8px;padding:7px 9px;font-size:10px;line-height:1.3}.topline a{padding:5px 8px;font-size:10px}.site-header{height:64px;top:43px;padding:0 18px}.brand img{height:27px}.main-nav,.header-cta{display:none}.market-control{margin-left:auto}.market-control button{min-width:27px;height:25px}.mobile-nav:not([hidden]){top:107px;background:#1d1d20;border-color:#333338;border-radius:0 0 10px 10px}.hero{padding-top:60px;padding-bottom:80px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(54px,12vw,76px)}.hero-lead{font-size:14px}.hero-visual{min-height:220px;margin:15px 0 0}.visual-caption{bottom:-8px;font-size:7px}.section-heading{margin-bottom:38px}.section-heading h2,.problem-left h2,.final-copy h2,.faq-layout h2{font-size:clamp(38px,10vw,55px)}.offer-section,.benefits-section,.problem-section,.how-section,.final-offer,.faq-section{padding-top:80px;padding-bottom:85px}.offer-layout,.benefits-grid,.how-layout,.final-offer{grid-template-columns:1fr;gap:20px}.offer-copy{padding:0}.benefit{min-height:255px}.comparison{grid-template-columns:1fr;gap:16px;padding:0;border:0;background:transparent}.comparison-row,.comparison-row+.comparison-row{padding:16px;border:1px solid #37373d;border-radius:18px}.comparison-before{border-right:1px solid #37373d}.comparison-after::after{border-radius:18px}.comparison-row h3{font-size:24px}.product-art{min-height:360px}.steps{padding:0}.how-note{margin-top:28px}.final-card{padding:28px}.faq-list{margin-top:38px}.footer-main{padding:60px 0}}
@media(prefers-reduced-motion:reduce){.comparison-after::after{animation:none}}