@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--g:#0b6038;--g2:#12804b;--ink:#18231d;--muted:#748179;--line:#dce8e0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#f7faf8,#eef5f1);overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none}.g1{width:390px;height:390px;top:-180px;left:45%;background:#dcefe4}.g2{width:320px;height:320px;bottom:-180px;right:-100px;background:#dfeee6}.page{width:min(900px,92%);margin:auto;padding:20px 0 34px}.brand{height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand img{width:min(300px,72vw);max-height:78px}.hero{text-align:center;margin:18px 0 30px}.hero span{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--g2)}.hero h1{font-size:38px;letter-spacing:-.045em;margin:8px 0}.hero p{margin:0;color:var(--muted);font-size:14px}.choices{display:grid;gap:16px}.choice{text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px 25px;display:grid;grid-template-columns:58px 1fr 32px;align-items:center;gap:18px;box-shadow:0 14px 42px rgba(21,62,42,.08);transition:.18s ease}.choice:hover{transform:translateY(-2px);border-color:#b9d4c3;box-shadow:0 18px 48px rgba(21,62,42,.12)}.icon{width:58px;height:58px;border-radius:17px;background:#e8f5ed;color:var(--g);display:grid;place-items:center;font-size:25px;font-weight:800}.choice h2{font-size:19px;margin:0 0 6px;letter-spacing:-.025em}.choice p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.choice>b{font-size:25px;color:var(--g2);text-align:right}footer{text-align:center;color:#9aa69f;font-size:10px;margin-top:22px}@media(max-width:650px){.page{width:94%;padding-top:12px}.brand{height:72px}.brand img{width:min(255px,74vw);max-height:68px}.hero{margin:15px 0 22px}.hero h1{font-size:29px}.choice{grid-template-columns:50px 1fr 20px;padding:19px 16px;gap:13px;border-radius:19px}.icon{width:50px;height:50px;border-radius:15px;font-size:22px}.choice h2{font-size:16px}.choice p{font-size:11px}}

/* WireDom app-style opening splash */
body.splash-active{overflow:hidden}
.splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(145deg,#f7faf8,#edf5f0);opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease}
.splash-inner{width:min(520px,84vw);display:flex;flex-direction:column;align-items:center;gap:30px}
.splash-logo{width:min(430px,82vw);max-height:160px;animation:wiredomLogoIn 1.25s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 12px 26px rgba(11,96,56,.08))}
.splash-progress{width:min(250px,58vw);height:4px;border-radius:999px;background:rgba(11,96,56,.13);overflow:hidden}
.splash-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:#0b6038;transform-origin:left center;animation:wiredomLoad 1.15s cubic-bezier(.2,.7,.25,1) both}
.splash-leaving .splash{opacity:0;visibility:hidden}
.splash-leaving .splash-logo{transform:scale(1.1)}
@keyframes wiredomLogoIn{0%{opacity:0;transform:scale(.72)}45%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes wiredomLoad{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.splash,.splash-logo,.splash-progress span{animation:none!important;transition:none!important}.splash-progress span{transform:scaleX(1)}}
@media(max-width:650px){.splash-inner{gap:25px}.splash-logo{width:min(340px,82vw)}.splash-progress{width:min(220px,56vw)}}