@font-face{font-family:'Pretendard Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/PretendardVariable.woff2') format('woff2')}
.product-info{padding-block:56px;font-size:18px;line-height:1.8;letter-spacing:-.02em}.product-info h2{font-size:32px;line-height:1.35}.product-info p{max-width:900px}.product-info a,.site-footer a{text-decoration:underline;text-underline-offset:3px}.site-footer{padding-block:32px 100px;font-size:15px;line-height:1.7;color:#555;border-top:1px solid #e6e6e9}.hanja-home h1{white-space:normal}.hanja-home .hero-copy{min-width:0}.hanja-home .brand{white-space:normal}.site-store-links{display:flex;gap:12px}@media(min-width:741px){.hanja-home h1{font-size:clamp(44px,4.4vw,68px)}}@media(max-width:740px){.product-info{font-size:16px;padding-block:36px}.product-info h2{font-size:26px}.site-footer{padding-bottom:110px}.hanja-home .brand{font-size:18px}}
.learning-header{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-header .learning-nav{display:flex;gap:18px;font-size:14px;flex-shrink:0}@media(max-width:740px){body>header:has(.learning-header){height:auto;min-height:90px}.learning-header{flex-wrap:wrap;padding-block:12px}.learning-header .learning-nav{height:auto}}
:root{--lime:#b8ef42;--ink:#050505;--muted:#777;--line:#e6e6e9;--desktop-content-width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'Pretendard Variable',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.05em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #528711;outline-offset:6px}.wrap{width:min(1010px,calc(100% - 48px));margin:auto}header{height:70px;background:#fffffff5}nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;letter-spacing:-1px}.brand img{border-radius:8px}.nav-links{display:flex;gap:28px;font-size:13px;font-weight:500;color:#888}.nav-links a:first-child{color:#111}.nav-links span{margin-left:7px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:770px;padding-top:30px;padding-bottom:55px}h1{font-size:62px;line-height:1.32;letter-spacing:-.065em;font-weight:900;margin:0 0 50px;white-space:nowrap}h2{font-size:48px;line-height:1.35;letter-spacing:-.065em;margin:0;font-weight:900}p{line-height:1.75}.app-label{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin:0 0 40px;white-space:nowrap}.app-label img{box-shadow:0 2px 14px #0001;border-radius:12px}.button{border:0;border-radius:9px;background:#050505;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;font-size:18px;font-weight:800;transition:transform .2s,background .2s}.button:hover{background:#333;transform:translateY(-2px)}.hero-art{position:relative;height:470px;display:grid;place-items:center}.floating-tiles{position:absolute;inset:42px -5px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;opacity:.34;mask-image:linear-gradient(#000 55%,transparent)}.floating-tiles span{background:#edf3df;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:serif;font-size:55px;border:1px solid #d7dec9}.floating-tiles small{font:12px sans-serif;margin:6px}.phone{width:218px;height:432px;background:#fff;border:5px solid #111;border-radius:36px;position:relative;box-shadow:0 0 0 2px #a2a2a2,0 0 0 4px #e8e8e8,0 22px 40px #0001;overflow:hidden;transform:rotate(-2deg)}.phone-status{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:9px sans-serif}.phone-status i{width:69px;height:18px;background:#080808;border-radius:15px}.phone-content{height:370px;background:linear-gradient(#f1f6dd,#e8efce);padding:13px 12px}.game-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.game-progress{height:5px;border-radius:5px;background:#ced4b4;margin:17px 0}.game-progress span{display:block;width:40%;height:100%;background:#77a83b;border-radius:5px}.game-caption{display:flex;justify-content:space-between;font-size:10px;color:#596940}.cube-board{margin:18px 5px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px 26px;transform:rotate(-8deg)}.cube-board span{height:33px;background:#fffef7;border:1px solid #b6b7a3;border-radius:7px;box-shadow:4px 5px 0 #bebd9c,5px 6px 0 #919578;display:grid;place-items:center;font:22px serif}.cube-board span:nth-child(2n){font:12px sans-serif}.phone-tip{text-align:center;font-size:10px;color:#647344;margin:0}.phone-tools{display:flex;justify-content:center;gap:26px;margin-top:12px}.phone-tools span{background:#fff9;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.preview-label{display:block;text-align:center;font-size:8px;color:#62714c;margin-top:7px}.home-bar{height:4px;width:70px;background:#111;border-radius:9px;position:absolute;bottom:7px;left:calc(50% - 35px)}
html,body{height:100%;overflow:hidden}body{height:100svh;display:flex;flex-direction:column}header{flex:none}main{flex:1;min-height:0;display:flex}.hero{min-height:0;height:100%;padding-top:20px;padding-bottom:40px}.nav-note{font-size:13px;color:#999;letter-spacing:-.03em}.skip{position:absolute;top:-60px;left:10px;z-index:9;background:#fff;padding:10px}.skip:focus{top:8px}dialog{border:0;border-radius:20px;padding:40px;max-width:calc(100vw - 40px);text-align:center;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0006}dialog h2{font-size:26px;margin:20px 0 10px}dialog p{font-size:16px;color:#777}dialog .button{font-size:15px;margin-top:12px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;color:#777}
@media(min-width:1400px){h1{font-size:68px}.hero{gap:50px}}
@media(max-width:1000px){h1{font-size:52px}.hero{gap:20px}.app-label{font-size:17px}.brand{font-size:18px}.hero-art{transform:scale(.92)}}
@media(max-width:740px){header{height:56px}.wrap{width:calc(100% - 40px)}.brand{font-size:15px}.brand img{width:26px;height:26px}.nav-note{font-size:10px}.hero{display:flex;flex-direction:column;justify-content:space-evenly;gap:0;padding:12px 0 18px}.hero-copy{text-align:center;flex:none}h1{font-size:clamp(35px,9.25vw,54px);line-height:1.27;margin:0 0 18px;letter-spacing:-.07em}.app-label{justify-content:center;gap:8px;font-size:14px;margin-bottom:17px}.app-label img{width:28px;height:28px}.button{font-size:14px;padding:11px 18px;gap:14px}.hero-art{height:min(41svh,380px);width:min(100%,370px);transform:none;flex:none}.phone{transform:scale(.73) rotate(-2deg);position:absolute}.floating-tiles{inset:14px 5px;gap:10px}.floating-tiles span{font-size:38px}.floating-tiles small{font-size:10px}}
@media(max-width:740px) and (max-height:740px){.hero-art{height:37svh}.phone{transform:scale(.57) rotate(-2deg)}h1{font-size:38px;margin-bottom:12px}.app-label{margin-bottom:12px}.hero{padding-top:3px;padding-bottom:8px}}
@media(min-width:741px) and (max-height:640px){header{height:56px}.hero{padding:0;gap:10px}h1{font-size:46px;margin-bottom:25px}.app-label{margin-bottom:24px}.hero-art{height:380px;transform:scale(.8)}}
@media(max-height:460px){header{height:45px}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding:0;gap:0}.hero-copy{text-align:left}h1{font-size:38px;margin-bottom:13px}.app-label{justify-content:flex-start;font-size:12px;margin-bottom:12px}.hero-art{height:100%;width:100%;transform:none}.phone{position:absolute;transform:scale(.60) rotate(-2deg)}.floating-tiles{inset:20px}.button{font-size:13px;padding:9px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the reference proportions while allowing the desktop hero to use large screens. */
@media(min-width:741px){
.wrap{width:min(var(--desktop-content-width),calc(100% - 64px))}header{height:64px}.brand{font-weight:700;font-size:20px;letter-spacing:-.6px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);gap:clamp(48px,4vw,72px);padding:0 0 30px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(32px,2.5vw,40px)}h1{font-size:clamp(68px,4.5vw,80px);line-height:1.2;letter-spacing:-.03em;font-weight:700;margin:0}.app-label{height:64px;font-size:20px;font-weight:700;gap:12px;margin:0;letter-spacing:-.6px}.app-label img{width:40px;height:40px}.button{height:48px;padding:8px 12px;font-size:18px;font-weight:700;gap:10px;border-radius:8px}.hero-art{height:clamp(431px,35vw,520px);transform:none}.phone{width:190px;height:390px;border-radius:31px;transform:none}.phone-content{height:332px;padding:10px}.phone-status{height:27px;padding:0 11px}.phone-status i{width:60px;height:16px}.game-progress{margin:13px 0}.cube-board{margin:16px 5px 19px;gap:7px 22px}.cube-board span{height:28px;font-size:20px}.cube-board span:nth-child(2n){font-size:11px}.phone-tools{margin-top:8px}.phone-tools span{width:23px;height:23px}.floating-tiles{inset:57px 30px 25px;gap:14px}.floating-tiles span{font-size:45px}
}
@media(min-width:741px) and (max-width:1199px){.hero{grid-template-columns:1.1fr 1fr;gap:24px}h1{font-size:56px}.hero-art{transform:scale(.94)}}
@media(min-width:741px) and (max-width:900px){h1{font-size:46px}.app-label{font-size:16px}.hero-art{transform:scale(.85)}}
@media(min-width:741px) and (max-height:530px){h1{font-size:42px}.hero-copy{gap:18px}.hero-art{height:340px;transform:scale(.78)}}



/* Download component adapted from visiondic apps/web/public/index.html. */
.app-download-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.app-download-button img { width: 32px; height: 32px; flex: 0 0 auto; }
.app-download-button:hover { background: #000; transform: translateY(-1px); box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16); }
.app-download-button:active { transform: translateY(0); }

.app-download-button:focus-visible,
.download-modal-close:focus-visible {
    outline: 4px solid rgba(0, 113, 227, 0.32);
    outline-offset: 4px;
}


body:has(.download-modal[open]) { overflow: hidden; }
.download-modal { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border: 0; padding: 24px; background: transparent; color: inherit; }
.download-modal[open] { display: grid; place-items: center; }
.download-modal::backdrop { background: rgba(0, 0, 0, 0.42); backdrop-filter: blur(14px); }

.download-modal-card {
    position: relative;
    display: grid;
    width: min(380px, 100%);
    justify-items: center;
    gap: 20px;
    padding: 44px 30px 30px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
    text-align: center;
}

.download-modal-card h2 { margin: 0; font-size: 24px; font-weight: 720; line-height: 1.25; letter-spacing: -0.035em; }
.download-modal-close { position: absolute; top: 14px; right: 14px; display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 999px; background: #e8e8ed; color: #6e6e73; cursor: pointer; font-size: 26px; font-weight: 320; line-height: 1; }
.download-qr-wrap { display: grid; width: 248px; max-width: 100%; height: auto; aspect-ratio: 1; place-items: center; border: 1px solid #e8e8ed; border-radius: 20px; background: #fff; }
.download-qr { width: 224px; max-width: 90%; height: auto; object-fit: contain; }

.download-modal{border-radius:0;box-shadow:none}.download-modal-card p{margin:0;font-size:16px;color:#777}

/* The source hero stays at a fixed desktop height instead of centering in tall windows. */
.app-download-button span{margin-left:8px}.app-download-button{height:48px;box-shadow:none}.floating-tiles{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.floating-tiles span{border-radius:7px;font-size:32px}.floating-tiles small{font-size:9px;margin:8px 0 0}
@media(min-width:741px){main{display:block}.hero{height:min(780px,calc(100svh - 64px));margin:0 auto;padding:0 0 23px}.app-label{gap:4px;line-height:32.5px}.floating-tiles{inset:57px 30px 55px;gap:16px 9px}.floating-tiles span{font-size:32px}.phone{box-shadow:0 0 0 2px #a2a2a2,0 0 0 4px #e8e8e8,0 8px 20px #0001}}
@media(max-width:740px){.floating-tiles{gap:12px 7px;inset:26px 10px}.floating-tiles span{font-size:27px}.floating-tiles small{font-size:8px}.app-download-button{font-size:16px;height:44px;min-height:44px;padding:6px 12px}.app-download-button img{width:28px;height:28px}}

/* Follow-up section requested below the original hero. */
html{height:auto;overflow-x:hidden;overflow-y:auto}body{height:auto;min-height:100svh;display:block;overflow:visible}main{display:block}.learning-outcome{position:relative;isolation:isolate;overflow:hidden;background:#000;color:white;min-height:660px;display:grid;place-items:center;padding:100px 24px}.outcome-board-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.76);transform:scale(1.025)}.learning-outcome:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,#0002 20%,#0008 100%),linear-gradient(#0003,#0007 55%,#0004);box-shadow:inset 0 0 110px #000;z-index:-1}.outcome-copy{text-align:center;width:100%}.outcome-copy h2{font-size:68px;line-height:1.2;font-weight:700;letter-spacing:-.03em;text-shadow:0 4px 24px #000,0 2px 5px #000c}.outcome-copy strong{font-weight:700}.outcome-copy mark{background:#b8ef42;color:#050505;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 8px;text-shadow:none}.outcome-copy p{font-size:16px;color:#d0d0d0;letter-spacing:0;margin:28px 0 0;text-shadow:0 2px 8px #000}
@media(max-width:740px){.hero{height:calc(100svh - 56px)}.learning-outcome{min-height:500px;padding:75px 20px}.outcome-board-backdrop{object-position:center;transform:scale(1.08)}.outcome-copy h2{font-size:clamp(25px,6.7vw,44px);line-height:1.45}.outcome-copy p{font-size:13px;margin-top:20px}}

/* Keep the board centered on the gameplay preview, matching the reference hero. */
.hero-section{position:relative;isolation:isolate;overflow:hidden;background:#fff}.hero-section:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffc 32%,#fff7 58%,#fff1 100%)}

/* Real gameplay recording, fitted without cropping inside the iPhone bezel. */
.video-phone{width:190px;height:402px;background:#140c12;flex:none}.video-phone video{display:block;width:100%;height:100%;object-fit:contain}.phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:60px;height:16px;border-radius:20px;background:#080808;pointer-events:none}
.hero-art{isolation:isolate}.hero-art:before{content:'';position:absolute;z-index:0;inset:0 -36px;pointer-events:none;background:url('/assets/grade-eight-board-white.png') center/auto 100% no-repeat;opacity:.3;filter:saturate(.72) blur(.45px)}.video-phone{z-index:1}
@media(min-width:1200px){.video-phone{width:clamp(218px,14vw,248px);height:auto;aspect-ratio:190/402}.phone-island{width:72px;height:19px}}
@media(max-width:740px){.video-phone{transform:scale(.82);border-radius:31px}}
@media(max-width:740px){.hero-art:before{inset:0 -12px;opacity:.34}.hero-section:after{background:linear-gradient(180deg,#fff 0%,#ffff 42%,#fff8 56%,#fff1 100%)}}
@media(max-width:740px) and (max-height:740px){.video-phone{transform:scale(.64)}}
@media(max-height:460px){.video-phone{transform:scale(.60)}}

/* Match the reference's white three-line message section. */
.vocabulary-message{background:#fff;color:#000}.vocabulary-inner{max-width:1200px;margin:auto;min-height:600px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:64px;text-align:center}.vocabulary-inner h2,.vocabulary-inner p{margin:0;font-size:68px;line-height:1.2;font-weight:700;letter-spacing:-.03em}.vocabulary-inner h2{display:flex;align-items:center;justify-content:center}.vocabulary-inner mark{background:#a6f000;color:#000;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.vocabulary-arrow{width:64px;height:64px;flex:none;background:#a6f000;margin-left:0}.vocabulary-inner h2 mark{white-space:nowrap}
@media(min-width:640px) and (max-width:1100px){.vocabulary-inner h2,.vocabulary-inner p{font-size:clamp(32px,5.5vw,60px)}.vocabulary-arrow{width:48px;height:48px}}
@media(max-width:639px){.vocabulary-inner{min-height:300px;padding:48px 16px;gap:32px}.vocabulary-inner h2,.vocabulary-inner p{font-size:clamp(19px,5.2vw,24px);line-height:1.33}.vocabulary-arrow{width:28px;height:28px}}

/* Reference floating trial CTA: desktop pill / mobile bottom bar. */
.free-trial-button{position:fixed;z-index:10;bottom:48px;left:0;right:0;margin:0 auto;width:400px;border:0;border-radius:999px;padding:24px 16px;background:#a6f000;color:#000;font-family:inherit;font-size:24px;line-height:32px;font-weight:700;letter-spacing:normal;text-align:center;cursor:pointer}.free-trial-button:hover{background:#9de300}.free-trial-button:focus-visible{outline:3px solid #111;outline-offset:4px}
@media(min-width:640px) and (max-width:767px){.free-trial-button{width:260px}}
@media(min-width:768px) and (max-width:1023px){.free-trial-button{width:320px}}
@media(max-width:639px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.free-trial-button{bottom:0;width:100%;border-radius:0;font-size:20px;line-height:28px;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}}

.comic-section{background:#fff;color:#000;padding:72px 24px 176px;text-align:center}.comic-section h2{font-size:48px;font-weight:700;line-height:1.25;letter-spacing:-.03em;margin:0 0 48px}.comic-layout{max-width:1400px;margin:auto}.comic-row{overflow:hidden}.comic-row img{display:block;width:100%;height:auto}.comic-row-second{display:none}
@media(max-width:740px){.comic-section{padding:48px 16px 100px}.comic-section h2{font-size:28px;margin-bottom:28px}.comic-row img{width:200%;max-width:none}.comic-row-second{display:block;margin-top:24px}.comic-row-second img{transform:translateX(-50%)}}

/* Three benefits: reference typography, badges, spacing, alternating media. */
.benefits{background:#fff;color:#000;padding:96px 0 176px}.benefits-inner{max-width:1200px;margin:auto;display:flex;flex-direction:column;gap:112px}.benefits-intro{display:flex;flex-direction:column;align-items:center;gap:64px;padding:0 24px;text-align:center}.benefits-intro img{object-fit:contain}.benefits-intro h2,.benefit-copy h3{margin:0;font-size:68px;font-weight:700;line-height:1.2;letter-spacing:-.03em}.benefits-mobile-break{display:none}.benefit-row{display:flex;align-items:center;justify-content:space-between;gap:64px;padding:0 96px}.benefit-copy{display:flex;flex-direction:column;align-items:flex-start;gap:48px;flex:1;min-width:0}.benefit-badge{margin:0;background:#000;color:#fff;border-radius:999px;padding:4px 16px;font-size:20px;font-weight:700;line-height:32.5px;letter-spacing:-.03em}.benefit-description{font-size:20px;line-height:32.5px;letter-spacing:-.03em;margin:0;text-wrap:pretty}.benefit-phone{position:relative;width:264px;flex:none;margin:0;border:6px solid #111;border-radius:40px;overflow:hidden;background:#111;box-shadow:0 0 0 2px #aaa,0 0 0 4px #eee}.benefit-phone img,.benefit-phone video{display:block;width:100%;height:auto}.benefit-phone>span{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#080808;border-radius:99px}.benefit-row-reverse{flex-direction:row-reverse}.benefit-row-reverse .benefit-copy{align-items:flex-end;text-align:right}
@media(min-width:768px) and (max-width:1100px){.benefit-row{padding:0 48px;gap:40px}.benefit-copy h3{font-size:50px}.benefits-intro h2{font-size:56px}.benefit-phone{width:235px}.benefit-description{font-size:18px}}
@media(max-width:767px){.benefits{padding:72px 0 130px}.benefits-inner{gap:80px}.benefits-intro{gap:32px}.benefits-intro img{width:72px;height:72px}.benefits-intro h2,.benefit-copy h3{font-size:36px}.benefits-mobile-break{display:block}.benefit-row,.benefit-row-reverse{flex-direction:column;padding:0 24px;gap:32px}.benefit-copy,.benefit-row-reverse .benefit-copy{width:100%;align-items:center;gap:24px;text-align:center}.benefit-badge{font-size:18px;line-height:28px}.benefit-description{font-size:18px;line-height:29px;max-width:400px}.benefit-phone{width:230px}.benefit-copy h3{font-size:clamp(30px,7.7vw,44px)}}

/* Evidence cards and reviews, adapted to the site's black-and-lime visual language. */
.evidence{background:#000;color:#fff;padding:112px 24px 152px}.evidence-inner{max-width:1400px;margin:auto}.evidence h2{margin:0;text-align:center;font-size:68px;line-height:1.2;font-weight:700;letter-spacing:-.03em}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:128px}.metric-card{min-height:500px;border-radius:56px;background:#202024;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 32px;text-align:center}.metric-icon{width:56px;height:56px;margin-bottom:28px;fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.metric-icon-brain{stroke-width:4}.metric-card p{min-height:66px;margin:0;color:#f4f4f4;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-.03em}.metric-card strong{display:block;margin-top:24px;color:#a6f000;font-size:80px;line-height:1;font-weight:800;letter-spacing:-.04em}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:120px;row-gap:72px;margin-top:136px}.review-card{margin:0;text-align:center}.review-stars{color:#a6f000;font-size:30px;line-height:1;letter-spacing:6px}.review-card p{margin:28px 0 0;font-size:24px;line-height:1.5;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
@media(min-width:768px) and (max-width:1100px){.evidence h2{font-size:56px}.metric-grid{gap:20px;margin-top:88px}.metric-card{min-height:420px;border-radius:40px;padding:44px 20px}.metric-card p{font-size:20px}.metric-card strong{font-size:64px}.review-grid{column-gap:56px}.review-card p{font-size:20px}}
@media(max-width:767px){.evidence{padding:80px 20px 104px}.evidence h2{font-size:clamp(36px,10vw,48px)}.metric-grid{grid-template-columns:1fr;gap:20px;margin-top:64px}.metric-card{min-height:330px;border-radius:36px;padding:42px 24px}.metric-icon{width:48px;height:48px;margin-bottom:22px}.metric-card p{min-height:0;font-size:20px}.metric-card strong{margin-top:20px;font-size:64px}.review-grid{grid-template-columns:1fr;gap:52px;margin-top:88px}.review-stars{font-size:25px;letter-spacing:4px}.review-card p{margin-top:20px;font-size:20px}}

/* Recommended audience, following the reference's two-by-two checklist cards. */
.recommended{background:#fff;color:#000;padding:88px 24px 152px}.recommended-inner{max-width:1400px;margin:auto}.recommended-mark{display:grid;place-items:center;margin:0 auto 56px}.recommended-mark img{display:block;width:72px;height:72px;border-radius:18px}.recommended h2{margin:0;text-align:center;font-size:68px;line-height:1.2;font-weight:700;letter-spacing:-.04em}.recommended-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:112px 0 0;padding:0;list-style:none}.recommended-grid li{display:flex;min-height:170px;align-items:center;gap:30px;padding:40px 52px;border-radius:36px;background:#202024;color:#fff;font-size:26px;line-height:1.45;font-weight:700;letter-spacing:-.03em}.recommended-check{flex:none;color:#a6f000;font-size:42px;line-height:1;font-weight:500}
@media(min-width:768px) and (max-width:1100px){.recommended h2{font-size:56px}.recommended-grid{margin-top:88px}.recommended-grid li{min-height:150px;padding:32px 36px;font-size:22px}.recommended-check{font-size:36px}}
@media(max-width:767px){.recommended{padding:64px 20px 104px}.recommended-mark{margin-bottom:40px}.recommended-mark img{width:60px;height:60px;border-radius:15px}.recommended h2{font-size:clamp(34px,9vw,46px);text-wrap:balance}.recommended-grid{grid-template-columns:1fr;gap:16px;margin-top:56px}.recommended-grid li{min-height:112px;gap:20px;padding:28px 24px;border-radius:28px;font-size:20px}.recommended-check{font-size:32px}}

/* Closing conversion and FAQ sections. */
.start-now{background:#050505;color:#fff;padding:128px 24px}.start-now-inner{max-width:920px;margin:auto;text-align:center}.start-now h2{font-size:68px;line-height:1.2;font-weight:700;letter-spacing:-.03em}.start-now p{margin:32px 0 48px;color:#d5d5d5;font-size:24px;line-height:1.65;letter-spacing:-.03em}.start-now-button{border:0;border-radius:999px;background:#a6f000;color:#000;padding:20px 40px;font-size:22px;line-height:32px;font-weight:800;box-shadow:0 10px 36px #a6f00033;transition:transform .2s,background .2s}.start-now-button:hover{background:#b8ff19;transform:translateY(-2px)}.start-now-button:active{transform:translateY(0)}
.faq{background:#fff;color:#000;padding:128px 24px 190px}.faq-inner{max-width:1008px;margin:auto}.faq h2{font-size:56px;line-height:1.2;font-weight:700;letter-spacing:-.03em;margin-bottom:64px}.faq-list{border-top:2px solid #111}.faq-item{padding:40px 0;border-bottom:1px solid #d8d8d8}.faq-item h3{margin:0 0 16px;font-size:26px;line-height:1.45;font-weight:700;letter-spacing:-.03em}.faq-item p{margin:0;color:#555;font-size:20px;line-height:1.7;letter-spacing:-.03em}
@media(max-width:767px){.start-now{padding:88px 20px}.start-now h2{font-size:clamp(34px,9vw,48px)}.start-now p{margin:24px 0 36px;font-size:18px;line-height:1.7}.start-now-button{width:100%;max-width:320px;padding:16px 24px;font-size:20px}.faq{padding:88px 24px 130px}.faq h2{font-size:36px;margin-bottom:40px;text-align:center}.faq-item{padding:30px 0}.faq-item h3{font-size:21px;line-height:1.5}.faq-item p{font-size:17px;line-height:1.75}}

.review-author{display:block;margin-top:18px;color:#85858e;font-size:14px;font-style:normal;font-weight:500;letter-spacing:0}