@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Space+Mono:wght@400;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202723;background:#f8f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.preview-bar{position:relative;z-index:5;display:flex;align-items:center;gap:22px;padding:11px 5%;background:#202521;color:#fff;font-size:11px;letter-spacing:.08em}.preview-label{font-weight:700;color:#d9eaad}.preview-note{opacity:.62;white-space:nowrap}.choices{display:flex;gap:5px;margin-left:auto}.choices button{border:1px solid #545953;background:transparent;color:#c6cbc4;border-radius:30px;padding:8px 13px;cursor:pointer;font-size:11px}.choices button[aria-pressed=true]{background:#e7f1cb;color:#172117;border-color:#e7f1cb}.site{max-width:1800px;margin:auto;background:var(--bg);color:var(--ink);--bg:#f5f4eb;--ink:#1e3026;--accent:#bed395;--visual:#dbe7ce;--cta:#294c39;--cta-text:#fff;--serif:'DM Serif Display',serif;--border:#c9cfc1}.header{height:103px;padding:0 7%;display:flex;align-items:center;border-bottom:1px solid var(--border);gap:48px}.brand{display:flex;gap:11px;align-items:center;font-weight:700;font-size:15px;line-height:1.03;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--cta);color:var(--cta-text);font-family:var(--serif);font-size:29px;border-radius:50%}.brand-mark span{color:var(--accent)}.brand-dot{color:#8caa6b}.header-note{font-size:12px;opacity:.6}.header-end{margin-left:auto;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.11em}.header-end span{font-size:16px;margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr}.hero-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:75px 12% 85px 14%}.eyebrow,.section-index{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:#789a59;border-radius:50%}h1{font-family:var(--serif);font-size:clamp(62px,6.6vw,108px);line-height:.96;font-weight:400;letter-spacing:-.055em;margin:30px 0 24px}h1 em{font-weight:400;color:#788e60}.intro{max-width:460px;font-size:16px;line-height:1.75;color:var(--ink);opacity:.75;margin:0}.actions{display:flex;align-items:center;gap:18px;margin-top:35px;flex-wrap:wrap}.primary{background:var(--cta);color:var(--cta-text);border-radius:6px;padding:19px 21px;font-size:14px;font-weight:700;min-width:220px;display:flex;justify-content:space-between;gap:24px;transition:transform .2s,opacity .2s}.primary:hover{transform:translateY(-3px);opacity:.9}.primary span{font-size:17px}.action-note{font-size:11px;opacity:.65}.action-note i{font-style:normal;padding:0 4px}.small-index{position:absolute;bottom:28px;left:14%;right:12%;display:flex;justify-content:space-between;opacity:.48;font:9px 'Space Mono',monospace;letter-spacing:.09em}.visual{position:relative;overflow:hidden;min-height:650px;background:var(--visual);display:flex;align-items:center;justify-content:center}.visual-meta{position:absolute;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;font:9px 'Space Mono',monospace;letter-spacing:.12em;opacity:.65;z-index:2}.orb{position:absolute;border-radius:50%}.orb-one{width:520px;height:520px;background:rgba(255,255,255,.35)}.orb-two{width:340px;height:340px;border:1px solid rgba(44,73,50,.22);transform:translate(145px,-120px)}.calculator{width:275px;background:#2d3933;border:1px solid #42554a;border-radius:18px;box-shadow:0 32px 70px #293d3150,0 6px 15px #23342922;padding:22px;transform:rotate(-7deg);position:relative;z-index:1}.calc-top{display:flex;justify-content:space-between;align-items:start;color:#dce6d8;font-size:10px;line-height:1.1;letter-spacing:.08em;font-weight:700}.calc-top b{font:8px 'Space Mono',monospace;color:#aab9a7}.display{margin:22px 0 12px;background:#d7dfc4;border-radius:4px;height:79px;padding:11px 12px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;color:#263b2d}.display small{font:8px 'Space Mono',monospace;align-self:flex-start}.display strong{font:28px 'Space Mono',monospace;letter-spacing:-2px}.display strong span{font-size:17px}.calc-labels{display:flex;justify-content:space-between;color:#f1d480;font:7px 'Space Mono',monospace;padding:4px 0 9px}.keys{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.keys span{height:32px;border-radius:4px;background:#536057;color:#fff;box-shadow:0 2px 0 #18241e;display:grid;place-items:center;font-size:10px;font-weight:700}.keys .gold{background:#c6ad6d;color:#202820}.visual-caption{position:absolute;bottom:35px;left:36px;font:9px 'Space Mono',monospace;letter-spacing:.1em;opacity:.65}.float-card{position:absolute;right:9%;bottom:18%;background:#f8f7eb;color:#1e3026;width:158px;padding:17px;box-shadow:0 12px 28px #344c3422;z-index:2;transform:rotate(5deg)}.float-card span{font:8px 'Space Mono',monospace}.float-card strong{font:20px/1.1 var(--serif);display:block;margin:12px 0}.float-card i{font-style:normal}.details{padding:98px 7% 110px;display:grid;grid-template-columns:1fr 1.35fr;gap:7%}.details h2,.footer h2{font:400 clamp(34px,3.6vw,54px)/1.04 var(--serif);letter-spacing:-.035em;margin:20px 0}.details h2 em{color:#829276;font-weight:400}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.detail-grid article{border-top:1px solid var(--border);padding-top:20px}.detail-grid article>span{font:10px 'Space Mono',monospace;opacity:.55}.detail-grid h3{font-size:14px;margin:34px 0 12px}.detail-grid p,.footer p{font-size:13px;line-height:1.7;opacity:.68}.footer{padding:65px 7% 26px;background:#e9ecdf}.footer-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:65px}.footer h2{margin:13px 0}.footer p{margin:0}.download{border:1px solid #92a08e;border-radius:5px;padding:13px 15px;font-size:12px;font-weight:700;white-space:nowrap}.download:hover{background:#d8e4ce}.download span{font-weight:400;opacity:.6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd3c4;padding-top:20px;font:9px/1.5 'Space Mono',monospace;letter-spacing:.04em;opacity:.7}
body[data-design='2'] .site{--bg:#101819;--ink:#f0f4ec;--accent:#d7f485;--visual:#202e2e;--cta:#d9f28c;--cta-text:#17231b;--border:#344442}body[data-design='2'] .hero-content{padding-left:12%;order:2}body[data-design='2'] .visual{order:1}body[data-design='2'] h1{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.075em;font-size:clamp(58px,6.2vw,100px)}body[data-design='2'] h1 em{color:#d9f28c;font-style:normal}body[data-design='2'] .primary{border-radius:99px}body[data-design='2'] .visual{background:radial-gradient(circle at 55% 40%,#475942,#1c2a27 65%)}body[data-design='2'] .orb-one{background:transparent;border:1px solid #a9c48955;width:560px;height:560px}body[data-design='2'] .orb-two{border:1px solid #a9c48933}body[data-design='2'] .calculator{transform:rotate(8deg);background:#171f1e;border-color:#657267}body[data-design='2'] .float-card{background:#d9f28c;transform:rotate(-5deg)}body[data-design='2'] .footer{background:#1d2927}body[data-design='2'] .footer-bottom{border-color:#42514b}body[data-design='2'] .download:hover{background:#33423a}
body[data-design='3'] .site{--bg:#fff9ef;--ink:#3d302b;--accent:#f7a989;--visual:#f8cdb6;--cta:#a84737;--cta-text:#fff;--border:#e8d9c9}body[data-design='3'] h1 em{color:#be6551}body[data-design='3'] .visual{background-color:#f8d8c5;background-image:radial-gradient(#cc907b 1px,transparent 1px);background-size:22px 22px}body[data-design='3'] .orb-one{background:#fff0df}body[data-design='3'] .calculator{transform:rotate(-4deg);background:#814d42;border-color:#9c6558}body[data-design='3'] .display{background:#fff0c9}body[data-design='3'] .keys span{background:#aa7868}body[data-design='3'] .keys .gold{background:#f2c776}body[data-design='3'] .float-card{background:#fffaf0;border-radius:2px;transform:rotate(9deg)}body[data-design='3'] .primary{border-radius:50px}body[data-design='3'] .footer{background:#f5e8dc}body[data-design='3'] .download{border-color:#c8a89c}body[data-design='3'] .download:hover{background:#f0d6c8}
body[data-design='4'] .site{--bg:#f1f0ed;--ink:#292a2b;--accent:#dbfa7e;--visual:#cfd2cf;--cta:#202322;--cta-text:#fff;--border:#c9cbc7}body[data-design='4'] .header{border-bottom:2px solid #2c302b}body[data-design='4'] .hero{grid-template-columns:1.1fr .9fr}body[data-design='4'] h1{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.075em}body[data-design='4'] h1 em{font-style:normal;color:#7a8770}body[data-design='4'] .visual{background:linear-gradient(145deg,#bdc8b6,#d7ddd3)}body[data-design='4'] .calculator{transform:rotate(0);border-radius:2px;background:#303632}body[data-design='4'] .primary{border-radius:0}body[data-design='4'] .brand-mark{border-radius:0}body[data-design='4'] .float-card{background:#d7f77c;transform:rotate(0);right:6%}body[data-design='4'] .footer{background:#dfe1dc}
body[data-design='5'] .site{--bg:#f8f4eb;--ink:#1d2e48;--accent:#dcb46a;--visual:#dce3e7;--cta:#263d5c;--cta-text:#fff;--border:#d7d9d7}body[data-design='5'] .hero{grid-template-columns:1fr 1fr}body[data-design='5'] .visual{background:linear-gradient(140deg,#e4eaed,#c7d5db)}body[data-design='5'] .orb-one{background:#f5f5ed}body[data-design='5'] .orb-two{border-color:#8ea8b5}body[data-design='5'] .calculator{background:#28384d;border-color:#52657c;transform:rotate(5deg)}body[data-design='5'] .keys span{background:#52647c}body[data-design='5'] .keys .gold{background:#c4a66d}body[data-design='5'] h1 em{color:#b28b52}body[data-design='5'] .float-card{background:#fff8e8}body[data-design='5'] .footer{background:#e7e9e3}
@media(max-width:850px){.preview-bar{flex-wrap:wrap;gap:8px}.choices{width:100%;margin:0;overflow-x:auto}.choices button{white-space:nowrap}.header{height:80px;padding:0 6%}.header-note{display:none}.hero{grid-template-columns:1fr!important}.hero-content{padding:80px 7% 90px!important}.visual{min-height:520px}.details{grid-template-columns:1fr;padding:75px 7%;gap:30px}.footer{padding:60px 7% 25px}.footer-head{align-items:start}.footer-bottom{flex-direction:column;gap:8px}.small-index{left:7%;right:7%}}@media(max-width:480px){h1{font-size:58px!important}.header-end{font-size:8px}.visual{min-height:460px}.calculator{transform:scale(.84) rotate(-7deg)}body[data-design='2'] .calculator{transform:scale(.84) rotate(8deg)}body[data-design='4'] .calculator{transform:scale(.84)}body[data-design='5'] .calculator{transform:scale(.84) rotate(5deg)}.float-card{width:120px;right:4%;bottom:12%;padding:12px}.float-card strong{font-size:16px}.visual-meta{left:20px;right:20px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-grid h3{margin:15px 0 6px}.footer-head{display:block}.download{display:inline-block;margin-top:25px}.choices button span{display:none}}
@media(min-width:851px){body[data-design='3'] .hero{display:block;text-align:center}body[data-design='3'] .hero-content{min-height:520px;align-items:center;padding:75px 12% 85px}body[data-design='3'] .hero-content .intro{max-width:550px}body[data-design='3'] .actions{justify-content:center}body[data-design='3'] .visual{min-height:470px}body[data-design='3'] .details{display:block}body[data-design='3'] .detail-grid{margin-top:55px}body[data-design='5'] .hero{grid-template-columns:.8fr 1.2fr}body[data-design='5'] .hero-content{padding-left:12%;padding-right:8%}body[data-design='5'] .details{grid-template-columns:1fr 1fr}body[data-design='5'] .detail-grid{grid-template-columns:1fr}body[data-design='5'] .detail-grid article{display:grid;grid-template-columns:30px 160px 1fr;gap:10px;align-items:start}body[data-design='5'] .detail-grid h3{margin:0}body[data-design='5'] .detail-grid p{margin:0}}
@media(max-width:850px){body[data-design='2'] .hero-content{order:1}body[data-design='2'] .visual{order:2}}