@import "tailwindcss";
:root{--ink:#132a2d;--muted:#5e706f;--green:#0d7c66;--lime:#dfff7b;--cream:#f6f7ef;--line:#dce5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.notice{background:var(--ink);color:#e9f4ed;padding:8px 4vw;text-align:center;font-size:12px;letter-spacing:.02em}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:#fffffff4;position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:800;letter-spacing:-.5px}.brand span{color:var(--green)}nav{display:flex;gap:30px;font-size:14px;font-weight:700}nav a:hover{color:var(--green)}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:80px 7vw;background:linear-gradient(110deg,#f4f7ef,#f9fbf7 58%,#e8f7ee)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:800;font-size:12px;margin:0 0 14px}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:760px}.lede{max-width:650px;font-size:19px;color:var(--muted);margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:14px 20px;border-radius:8px;font-weight:800;font-size:14px}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.micro{font-size:12px;color:var(--muted);margin:12px 0}.signal-card{height:390px;border-radius:40px;background:var(--ink);position:relative;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 32px 60px #193d3030;overflow:hidden}.signal-card:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff18;border-radius:50%}.router,.extender{width:120px;height:135px;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 16px 30px #0004}.router i{height:42px;width:3px;background:#8da39e;position:absolute;top:-30px}.router i:first-child{left:24px;transform:rotate(-8deg)}.router i:nth-child(2){right:24px;transform:rotate(8deg)}.router b,.extender b{font-size:13px;margin-top:14px}.extender strong{color:#39c892;font-size:18px}.extender small{color:var(--green);font-size:10px}.waves{display:flex;gap:4px;align-items:center;z-index:2}.waves span{display:block;border:2px solid var(--lime);border-left:0;border-bottom:0;border-top:0;border-radius:50%;height:35px;width:10px}.waves span:nth-child(2){height:55px}.waves span:nth-child(3){height:75px}.trust{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 7vw;border-bottom:1px solid var(--line)}.trust div{text-align:center;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust strong,.trust span{display:block}.trust strong{font-size:15px}.trust span{font-size:12px;color:var(--muted)}.section{padding:100px 7vw}.section-head{max-width:720px;margin-bottom:42px}.section h2,.checklist h2,.about h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px}.section-head>p:last-child{color:var(--muted);font-size:17px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.method-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.num{color:var(--green);font-weight:800;font-size:12px}.method-grid h3{font-size:22px;margin:30px 0 14px}.method-grid ol{padding-left:20px;color:#425856;font-size:14px}.method-grid li{margin:10px 0}.tip{background:var(--cream);padding:10px 12px;border-radius:8px;font-size:12px;font-weight:700}.soft{background:var(--cream)}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.brand-grid h3{margin:18px 0 6px}.brand-grid p{font-size:14px;color:var(--muted)}.brand-grid a{font-size:13px;font-weight:800;color:var(--green)}.brand-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#d8f2e8;color:#08705c}.c1,.c4{background:#e4edff;color:#315ba1}.c2,.c5{background:#fff0d9;color:#9a5a08}.brand-note{margin-top:18px;border-left:4px solid var(--green);background:#fff;padding:18px 22px}.brand-note p{margin:3px 0;color:var(--muted);font-size:14px}.fix-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 4px;font-weight:800;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details div{max-width:800px;color:var(--muted);padding:0 4px 22px}.checklist{margin:0 7vw 100px;padding:60px;border-radius:28px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.checklist p:not(.eyebrow){color:#c4d2cf}.checklist ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.checklist li{background:#ffffff10;border:1px solid #ffffff17;border-radius:10px;padding:13px 16px}.checklist li:before{content:"✓";color:var(--lime);font-weight:900;margin-right:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.about>div:last-child{color:var(--muted)}.about-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.about-links a{color:var(--green);font-weight:800;font-size:13px}footer{background:#edf2ec;padding:55px 7vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;font-size:13px;color:var(--muted)}footer strong{color:var(--ink)}.footer-brand p{max-width:260px}.copyright{grid-column:1/-1;border-top:1px solid #d1ddd4;padding-top:20px;margin-top:15px;font-size:11px}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:60px 6vw}.signal-card{height:320px}.trust{grid-template-columns:1fr;gap:14px}.trust div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px}.method-grid,.brand-grid{grid-template-columns:1fr}.checklist,.about,footer{grid-template-columns:1fr}.checklist{margin:0 4vw 70px;padding:38px 26px}.section{padding:75px 6vw}.copyright{grid-column:auto}}@media(max-width:500px){header{padding:0 5vw}.brand{font-size:15px}.notice{font-size:10px}.hero h1{font-size:44px}.signal-card{height:270px}.router,.extender{width:100px;height:120px}.hero{padding-top:46px}}
