*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10120f;color:#f5f5ed;font-family:Arial,sans-serif}a{color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 6%}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.logo{text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.logo span{display:inline-block;color:#c6f579;margin-right:9px}nav{display:flex;gap:32px;align-items:center;font-size:13px;color:#c3c8bc}nav a{text-decoration:none}nav a:hover{color:#c6f579}.contact{border:1px solid #697466;padding:12px 18px;border-radius:30px;color:#f5f5ed}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:650px;gap:45px;padding-top:55px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#b9e889;font-weight:bold}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bbf47e;margin-right:10px;box-shadow:0 0 12px #bbf47e}h1{font-size:clamp(58px,7.5vw,100px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:30px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#c4ee98}.intro{font-size:18px;line-height:1.7;color:#b6beb0;max-width:520px}.button{display:inline-block;background:#c8f39a;color:#152015;padding:16px 24px;border-radius:30px;text-decoration:none;font-weight:bold;font-size:13px;margin-top:25px}.visual{height:460px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#384c30 0%,#1d2a1b 35%,transparent 70%)}.rings{width:min(90%,360px);aspect-ratio:1;border:1px solid #b7e78e55;border-radius:50%;display:grid;place-items:center;position:relative}.rings:before,.rings:after{content:'';position:absolute;border:1px solid #b7e78e33;border-radius:50%;inset:25px}.rings:after{inset:58px}.core{width:155px;height:155px;border:1px solid #b6e99499;border-radius:50%;display:grid;place-items:center;background:#263b25;box-shadow:0 0 75px #9ccf6a35;font-size:37px;font-weight:700;letter-spacing:-2px}.caption{position:absolute;bottom:38px;font-size:10px;letter-spacing:.18em;color:#a3b59b;text-transform:uppercase}.content{border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:60px;padding-bottom:85px}.content h2{font-size:38px;letter-spacing:-.04em;font-weight:500;margin:16px 0}.content p{color:#b6beb0;line-height:1.7;max-width:500px}.tag{font-size:10px;letter-spacing:.14em;color:#bde992;text-transform:uppercase}.support{padding-top:85px;padding-bottom:100px;max-width:850px}.support h1{font-size:clamp(50px,7vw,76px)}.panel{margin-top:45px;padding:35px;border:1px solid #4b5d46;border-radius:18px;background:#1b241a}.panel h2{font-size:24px}.email{font-size:clamp(20px,4vw,28px);color:#c8f39a;overflow-wrap:anywhere}.faq{margin-top:65px}.faq h2{font-weight:500;font-size:30px}details{border-top:1px solid #ffffff25;padding:22px 0}summary{cursor:pointer;font-size:16px}details p{line-height:1.7;color:#b6beb0}footer{border-top:1px solid #ffffff20;padding:28px 0;color:#8f998b;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}footer a{color:#c3d4b9}@media(max-width:700px){header{height:76px}nav{gap:15px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:70px}.visual{height:300px}.rings{width:250px}.core{width:115px;height:115px;font-size:28px}.caption{bottom:10px}.content{grid-template-columns:1fr;gap:30px}.foot{flex-direction:column}h1{font-size:65px}}/* Blue palette and user-selected appearance */
:root{color-scheme:dark;--bg:#0b1424;--text:#f3f8ff;--muted:#b2c2d7;--line:#ffffff24;--accent:#85c8ff;--accent-text:#071b30;--panel:#12243a;--panel-line:#304d6a;--visual:radial-gradient(circle,#214d78 0%,#122a49 38%,transparent 72%);--core:#173d63;--rings:#8dcfff66}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f9ff;--text:#10243d;--muted:#526981;--line:#173a5d26;--accent:#176dc2;--accent-text:#fff;--panel:#eaf3fc;--panel-line:#bfd3e8;--visual:radial-gradient(circle,#c8e5ff 0%,#e0efff 38%,transparent 72%);--core:#e0f0ff;--rings:#337cb766}
body{background:var(--bg);color:var(--text)}header,.content,footer,details{border-color:var(--line)}nav,.intro,.content p,details p{color:var(--muted)}nav a:hover,.logo span,.eyebrow,.tag,.email{color:var(--accent)}.contact{border-color:var(--panel-line);color:var(--text)}h1 em{color:var(--accent)}.button{background:var(--accent);color:var(--accent-text)}.dot{background:var(--accent);box-shadow:0 0 12px var(--accent)}.visual{background:var(--visual)}.rings,.rings:before,.rings:after{border-color:var(--rings)}.core{background:var(--core);border-color:var(--rings);box-shadow:0 0 75px #2588de33}.caption{color:var(--muted)}.panel{background:var(--panel);border-color:var(--panel-line)}footer{color:var(--muted)}footer a{color:var(--muted)}.theme-toggle{background:transparent;color:var(--text);border:1px solid var(--panel-line);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:18px;display:grid;place-items:center}.theme-toggle:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:420px){nav{gap:10px}.contact{padding:10px 12px}.theme-toggle{width:36px;height:36px}}
.logo{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;object-fit:contain}.hero-logo{width:125px;height:125px;object-fit:contain}.core{overflow:visible}@media(max-width:700px){.brand-mark{width:37px;height:37px}.hero-logo{width:95px;height:95px}}