@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#203e38;--green:#245b4b;--muted:#718078;--cream:#f8f7f2;--line:#dfE4da}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:14px}header{max-width:1240px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{display:block;font-size:8px;letter-spacing:2px;margin:5px 0 0 28px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:12px}.demo,.tag{font-size:10px;letter-spacing:1px;padding:8px 12px;border:1px solid var(--line);border-radius:30px}.hero{max-width:1160px;margin:20px auto 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:35px 20px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:58px;line-height:1.18;letter-spacing:-2.5px;font-weight:500;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#7c9475}p{line-height:1.85;color:var(--muted)}.lead{max-width:420px;font-size:15px}button,.btn{border:0;border-radius:9px;background:var(--green);color:white;padding:15px 23px;font:600 13px 'Be Vietnam Pro',sans-serif;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero-art{height:390px;border-radius:160px 160px 22px 22px;background:#e7ecdf;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.orb{width:225px;height:225px;border:1px solid #a7b89b;border-radius:50%;position:absolute}.orb.two{transform:translate(60px,25px);background:#b9c9aa88}.orb.one{transform:translate(-60px,-25px);background:#dce4cd88}.art-star{position:absolute;top:48px;right:80px;font-size:38px;color:#728d64}.art-card{z-index:2;background:#fffc;border:1px solid white;backdrop-filter:blur(14px);border-radius:16px;padding:25px;box-shadow:0 18px 50px #274c3815;transform:rotate(-7deg);width:235px}.art-card b{display:block;font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}.art-note{position:absolute;bottom:28px;font-size:10px;letter-spacing:2px}.trust{display:flex;gap:23px;font-size:10px;color:var(--muted);margin-top:23px}.section{max-width:1160px;margin:0 auto;padding:0 20px 65px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-size:29px;letter-spacing:-1px;font-weight:500}.section-head p{font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cover{height:160px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:85px;color:#64826c;background:#e8eddf;position:relative}.cover.pink{background:#f0e3de;color:#ae7d72}.cover.blue{background:#e1e8ed;color:#678795}.cover small{position:absolute;top:16px;left:18px;font-family:'Be Vietnam Pro';font-size:9px;letter-spacing:1.5px}.card-body{padding:24px}.card h3{font-size:20px;line-height:1.5;margin:12px 0}.card p{font-size:12px;min-height:65px}.meta{font-size:10px;color:var(--muted);margin:20px 0}.card button{width:100%;display:flex;justify-content:space-between}.price{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.steps{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:30px}.steps b{font-size:14px}.steps p{font-size:12px}.num{color:#93a788;margin-right:15px}footer{border-top:1px solid var(--line);padding:30px 40px;display:flex;gap:30px;align-items:center;font-size:11px;flex-wrap:wrap}footer small{margin-left:auto;color:var(--muted)}.panel{max-width:720px;margin:35px auto 80px;padding:35px;background:white;border:1px solid var(--line);border-radius:20px;min-height:450px}.panel h2{line-height:1.5}.progress{height:5px;background:#edf0e9;border-radius:10px;margin:20px 0 35px}.progress i{display:block;height:100%;background:var(--green);border-radius:10px}.option{display:block;width:100%;text-align:left;background:white;color:var(--ink);border:1px solid var(--line);margin:12px 0;font-weight:400;line-height:1.6}.option.selected{border-color:var(--green);background:#edf3e9;box-shadow:0 0 0 1px var(--green)}.row{display:flex;justify-content:space-between;gap:15px;margin-top:28px}.fine{font-size:11px;line-height:1.8;color:var(--muted)}.report-list{padding:0;list-style:none}.report-list li{padding:15px 0;border-bottom:1px solid var(--line);line-height:1.7}.score{font-size:65px;color:var(--green);font-weight:700;letter-spacing:-3px}.score small{font-size:22px;letter-spacing:0}.notice{background:#f0f3e9;padding:16px;border-radius:10px;line-height:1.8;font-size:12px}.pay{background:#f8f7f2;padding:25px;border-radius:15px;margin:25px 0}.pay strong{font-size:30px}.badge{color:var(--green);font-size:11px}.answers{margin-top:25px}.answers details{padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:760px){header{height:85px;padding:0 20px}nav a{display:none}.hero{grid-template-columns:1fr;gap:30px;margin-top:0;padding-top:20px}h1{font-size:43px}.hero-art{height:280px}.cards,.steps{grid-template-columns:1fr}.section-head{display:block}.panel{margin:20px 15px 45px;padding:23px}.trust{gap:12px;font-size:9px}footer{padding:25px 20px}footer small{margin-left:0}.card p{min-height:0}}
