:root { --ink:#17202a; --muted:#627080; --line:#e4e9ed; --paper:#fff; --wash:#f5f8fa; --teal:#147d78; --teal-dark:#0e625f; --coral:#ff6e61; --purple:#7d70d8; --shadow:0 18px 45px rgba(21,39,51,.10); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; } button,input { font:inherit; }
.skip-link { position:absolute; left:1rem; top:-4rem; background:var(--ink); color:#fff; padding:.7rem 1rem; z-index:5; border-radius:.4rem; }.skip-link:focus { top:1rem; }
.site-header { max-width:1180px; min-height:76px; margin:auto; padding:0 2rem; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:.65rem; text-decoration:none; color:var(--ink); font-size:1.16rem; font-weight:800; letter-spacing:-.04em; }.brand-mark { display:grid; place-items:center; width:1.8rem; height:1.8rem; border-radius:.58rem; color:white; background:var(--teal); font-size:1.2rem; line-height:1; font-weight:900; }
nav { display:flex; align-items:center; gap:1.65rem; } nav a,.text-link { color:#4d5964; text-decoration:none; font-size:.94rem; font-weight:650; } nav a:hover,.text-link:hover { color:var(--teal); }
.hero { max-width:1180px; margin:0 auto; padding:5.8rem 2rem 6rem; min-height:545px; display:grid; grid-template-columns:1.08fr .92fr; gap:4rem; align-items:center; }.eyebrow { margin:0 0:.55rem; color:var(--teal); font-size:.74rem; font-weight:800; letter-spacing:.11em; } h1,h2,h3,p { margin-top:0; } h1 { max-width:650px; margin-bottom:1.25rem; font-size:clamp(2.7rem,5.2vw,4.5rem); line-height:1.03; letter-spacing:-.065em; } h2 { margin-bottom:.6rem; font-size:clamp(2rem,3.2vw,2.8rem); line-height:1.13; letter-spacing:-.05em; } h3 { margin-bottom:.55rem; font-size:1.12rem; letter-spacing:-.025em; }.lede { max-width:570px; color:var(--muted); font-size:1.12rem; }
.button { min-height:49px; padding:.77rem 1.2rem; border:1px solid transparent; border-radius:.55rem; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; cursor:pointer; text-decoration:none; font-weight:750; transition:transform .15s,background .15s,border .15s; }.button:hover { transform:translateY(-2px); }.button-primary { margin-top:.8rem; color:#fff; background:var(--teal); box-shadow:0 10px 20px rgba(20,125,120,.22); }.button-primary:hover { background:var(--teal-dark); }.button-secondary { color:var(--teal); background:#fff; border-color:#b9d6d4; }.quiet-note { margin-top:1.15rem; color:var(--muted); font-size:.86rem; }.quiet-note span{color:var(--teal);font-size:1.25rem;vertical-align:-2px;}
.hero-visual { position:relative; display:grid; place-items:center; min-height:390px; background:linear-gradient(135deg,#e5f4f2 0%,#f7f4eb 100%); border-radius:38% 62% 55% 45% / 48% 47% 53% 52%; }.phone-card { width:min(292px,80%); padding:1.15rem; border:8px solid #1d2e36; border-radius:1.85rem; background:#fff; box-shadow:0 18px 30px rgba(20,44,54,.18); transform:rotate(4deg); }.phone-top { display:flex; gap:4px; margin-bottom:1.1rem; }.phone-top span{display:block;width:5px;height:5px;border-radius:50%;background:#b6c2c9;}.phone-top span:first-child{width:35px;border-radius:4px;margin-right:auto;}.profile-row,.account-row { display:flex; align-items:center; gap:.65rem; }.profile-row { padding-bottom:.8rem; border-bottom:1px solid var(--line); }.account-row { padding:.8rem 0; border-bottom:1px solid #edf0f2; }.profile-row div:nth-child(2),.account-row div:nth-child(2){flex:1;display:grid;}.phone-card b{font-size:.7rem;line-height:1.4}.phone-card small{color:#77848c;font-size:.61rem}.account-row i{display:grid;place-items:center;width:1.3rem;height:1.3rem;color:#fff;background:var(--coral);border-radius:50%;font-size:.7rem;font-style:normal}.account-row.faded i{background:#77b59e}.faded{opacity:.45}.avatar{width:1.85rem;height:1.85rem;border-radius:50%;background:#ecd490}.avatar-large{width:2.35rem;height:2.35rem;background:linear-gradient(135deg,#ff9577,#7d70d8)}.coral{background:#ff8b7e}.purple{background:#a28cdd}.blue{background:#84b7d7}.private-pill { position:absolute; bottom:22px; right:7%; padding:.52rem .76rem; border-radius:99px; color:var(--teal-dark); background:#fff; box-shadow:0 7px 18px rgba(20,44,54,.11); font-size:.73rem; font-weight:750; }
.checker-section { padding:5.7rem 2rem 6rem; background:var(--wash); }.section-heading { max-width:660px; margin:0 auto 2rem; text-align:center; }.section-heading>p:last-child{color:var(--muted);margin-bottom:0}.checker-card,.results { max-width:800px; margin:0 auto; padding:2rem; background:#fff; border:1px solid var(--line); border-radius:1rem; box-shadow:0 5px 20px rgba(30,50,64,.04); }.steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.step{display:grid;grid-template-columns:1.7rem auto;align-items:center;gap:.45rem;color:#8d9ba3;font-size:.83rem}.step span{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid #d5dde1;border-radius:50%;font-size:.72rem}.step.current{color:var(--ink)}.step.current span{color:#fff;background:var(--teal);border-color:var(--teal)}.step-line{width:clamp(24px,8vw,75px);height:1px;margin:0 .65rem;background:#dce4e7}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.drop-zone{min-height:190px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--muted);border:1.5px dashed #afc9c9;border-radius:.8rem;background:#fbfefe;cursor:pointer;transition:.15s}.drop-zone:hover,.drop-zone.is-dragging{color:var(--teal);border-color:var(--teal);background:#f1fbfa}.drop-zone strong{margin-top:.35rem;color:var(--ink);font-size:1.03rem}.drop-zone small{margin-top:.45rem;font-size:.72rem;text-align:center}.upload-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;color:var(--teal);background:#dff4f1;border-radius:50%;font-size:1.4rem}.drop-zone code,.more-help code{font:inherit;color:#375158}.selected-files{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.file-chip{display:flex;align-items:center;gap:.4rem;padding:.38rem .58rem;color:#335558;background:#e9f5f3;border-radius:.35rem;font-size:.8rem}.file-chip span{color:var(--teal);font-weight:900}.checker-actions{display:flex;align-items:center;gap:1rem;margin-top:1.35rem}.checker-actions .button{margin:0}.text-button{border:0;background:transparent;color:#6c7982;cursor:pointer;text-decoration:underline;font-size:.88rem}.checker-help{text-align:center;color:var(--muted);font-size:.84rem;margin:1.1rem 0 0}.checker-help a{color:var(--teal);font-weight:700}.status-message{max-width:800px;margin:1rem auto 0;color:#b3403a;text-align:center;font-weight:650}.results{margin-top:2rem}.results-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.results-head h2{font-size:1.55rem;margin-bottom:0}.results-head .button{white-space:nowrap}.result-explainer{margin:1.1rem 0;color:var(--muted);font-size:.9rem}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.result-list li{overflow-wrap:anywhere;padding:.68rem .75rem;border:1px solid #e4ebec;border-radius:.45rem;background:#fbfcfc;font-size:.88rem;font-weight:650}.result-list li::before{content:"@";color:var(--teal)}.empty-result{display:flex;align-items:center;gap:.8rem;padding:1.25rem;background:#edf8f4;border-radius:.6rem;color:#256650}.empty-result span{display:grid;place-items:center;flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;color:#fff;background:#4fa47d;font-weight:800}.empty-result p{margin:0;font-weight:650}
.how-it-works{max-width:1180px;margin:auto;padding:6rem 2rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.how-grid article{padding:1.7rem;border:1px solid var(--line);border-radius:.8rem}.how-grid p{margin:0;color:var(--muted);font-size:.93rem}.number{display:grid;place-items:center;width:2.05rem;height:2.05rem;margin-bottom:1.2rem;border-radius:50%;color:var(--teal);background:#e3f4f2;font-weight:800;font-size:.86rem}.more-help{max-width:750px;margin:1.5rem auto 0;padding:1rem 1.1rem;border-radius:.6rem;background:var(--wash);color:#4c5a64}.more-help summary{cursor:pointer;color:var(--ink);font-weight:750}.more-help p{margin:.75rem 0 0;font-size:.89rem}.privacy-callout{max-width:1080px;margin:0 auto 6rem;padding:2.15rem 2.4rem;display:flex;align-items:center;gap:1.2rem;border-radius:.9rem;color:#e9f7f6;background:#135f5b}.privacy-callout .eyebrow{color:#9ed9d3}.privacy-callout h2{font-size:1.55rem;margin-bottom:.3rem}.privacy-callout p:not(.eyebrow){margin:0;color:#bfdfdc;font-size:.9rem}.privacy-icon{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;color:#155d5a;background:#c1e8e3;font-size:1.7rem}.privacy-callout>div{flex:1}.privacy-callout .text-link{color:#fff;white-space:nowrap}.site-footer{max-width:1180px;margin:auto;padding:2rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1.4rem}.site-footer p{margin:0 auto 0 0;color:var(--muted);font-size:.82rem}.site-footer nav{gap:1.1rem}.site-footer nav a{font-size:.78rem}
.resources{padding:5.5rem 2rem;background:#f7faf9}.resource-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resource-card{min-height:205px;padding:1.45rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:.8rem;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.resource-card.featured{color:#effaf9;background:#145f5b;border-color:#145f5b}.resource-tag{margin-bottom:.65rem;color:#498b87;font-size:.67rem;font-weight:800;letter-spacing:.1em}.featured .resource-tag{color:#9ddad5}.resource-card h3{font-size:1.15rem}.resource-card p{margin:0;color:var(--muted);font-size:.88rem}.featured p{color:#c7e3e0}.card-link{margin-top:auto;padding-top:1rem;color:var(--teal);font-size:.83rem;font-weight:800}.featured .card-link{color:#fff}.resource-links{max-width:1080px;margin:1.5rem auto 0;display:flex;justify-content:center;gap:1.35rem;flex-wrap:wrap}.resource-links a{color:#4e6667;font-size:.84rem;font-weight:700}.resource-links a:hover{color:var(--teal)}
.guide-hero{max-width:850px;margin:0 auto;padding:5.3rem 2rem 3.2rem;text-align:center}.guide-hero h1{max-width:820px;margin-inline:auto;font-size:clamp(2.5rem,4.7vw,4rem)}.guide-hero p:last-child{max-width:650px;margin:auto;color:var(--muted);font-size:1.05rem}.guide-list{max-width:980px;margin:0 auto;padding:0 2rem 5.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.guide-list a{min-height:170px;padding:1.45rem;display:block;border:1px solid var(--line);border-radius:.8rem;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.guide-list a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.guide-list span{color:var(--teal);font-size:.67rem;font-weight:800;letter-spacing:.1em}.guide-list h2{margin:.55rem 0;font-size:1.28rem}.guide-list p{margin:0;color:var(--muted);font-size:.9rem}.guide-cta{max-width:980px;margin:0 auto 5rem;padding:2.2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:.9rem;background:#e6f4f2}.guide-cta h2{margin:.25rem 0;font-size:1.7rem}.guide-cta p:not(.eyebrow){margin:0;color:#55706f;font-size:.9rem}.guide-cta .button{margin:0;white-space:nowrap}
.support-content{max-width:980px;margin:0 auto 5.5rem;padding:0 2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem}.support-content article,.support-content aside{padding:1.8rem;border:1px solid var(--line);border-radius:.8rem}.support-content p,.support-content li{color:var(--muted)}.support-content aside{background:#e9f5f3}.support-content aside .button{margin:.5rem 0 1rem}.support-content aside .text-link{display:block;color:var(--teal);font-size:.88rem;font-weight:750}
.faq-layout{max-width:980px;margin:0 auto 5rem;padding:0 2rem;display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem}.faq-intro{padding-top:.4rem}.faq-intro h2{font-size:2rem}.faq-intro p:not(.eyebrow){color:var(--muted)}.faq-intro .text-link{color:var(--teal);font-size:.9rem;font-weight:750}.faq-list{display:grid;gap:.7rem}.faq-list details{border:1px solid var(--line);border-radius:.65rem;background:#fff}.faq-list summary{padding:1rem 1.15rem;cursor:pointer;color:var(--ink);font-weight:750;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';float:right;color:var(--teal);font-size:1.2rem}.faq-list details[open] summary{border-bottom:1px solid var(--line)}.faq-list details[open] summary::after{content:'–'}.faq-list details p{margin:0;padding:1rem 1.15rem 1.15rem;color:var(--muted);font-size:.93rem}.faq-list code{padding:.05rem .28rem;border-radius:.2rem;color:#315356;background:#edf5f4;font-size:.86em}
.legal-hero{padding-bottom:2.6rem}.legal-content{max-width:760px;margin:0 auto 5rem;padding:0 2rem;color:var(--muted)}.legal-content h2{margin:2.25rem 0 .55rem;font-size:1.35rem}.legal-content p{margin:0;color:var(--muted);font-size:.96rem}.legal-content a{color:var(--teal);font-weight:750}.legal-content .legal-lede{margin-bottom:2rem;padding:1rem 1.1rem;border-left:3px solid var(--teal);color:#486565;background:#f1f9f8;font-weight:650}
@media (max-width:760px){.site-header{padding:0 1.2rem;min-height:68px}.site-header nav{gap:.85rem}.site-header nav a{font-size:.78rem}.hero{padding:3.3rem 1.4rem 4rem;grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-visual{min-height:315px;max-width:460px;width:100%;margin:auto}.private-pill{right:5%;bottom:15px}.checker-section,.how-it-works,.resources{padding:4rem 1.2rem}.checker-card,.results{padding:1.2rem}.step b{font-size:.72rem}.step-line{margin:0 .35rem}.drop-zone small{max-width:270px}.results-head{align-items:flex-start;flex-direction:column;gap:.8rem}.result-list{grid-template-columns:1fr}.how-grid,.resource-grid,.guide-list,.support-content,.faq-layout{grid-template-columns:1fr}.guide-hero{padding:3.8rem 1.3rem 2rem}.guide-list{padding:0 1.2rem 4rem}.guide-cta{margin:0 1.2rem 4rem;padding:1.5rem;align-items:flex-start;flex-direction:column}.support-content,.faq-layout{padding:0 1.2rem;margin-bottom:4rem}.privacy-callout{margin:0 1.2rem 4rem;padding:1.5rem;align-items:flex-start;flex-wrap:wrap}.privacy-callout .text-link{margin-left:4.2rem}.site-footer{margin:0 1.2rem;padding:1.5rem 0;align-items:flex-start;flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%}.site-footer nav{gap:.9rem;flex-wrap:wrap}}
@media (max-width:430px){.site-header nav a:nth-child(2){display:none}.brand{font-size:1.05rem}h1{font-size:2.65rem}.steps-indicator{justify-content:space-between}.step{grid-template-columns:1.5rem auto;gap:.25rem}.step span{width:1.45rem;height:1.45rem}.step-line{width:14px;margin:0 2px}.checker-actions{flex-direction:column;align-items:stretch}.privacy-callout .text-link{margin-left:0;flex-basis:100%}}
.results-support{display:flex;align-items:center;gap:.65rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.results-support>span{font-size:1.05rem}.results-support p{margin:0;flex:1}.results-support a{color:var(--teal);font-weight:800;text-decoration:none;white-space:nowrap}.results-support a:hover{text-decoration:underline}@media (max-width:760px){.results-support{align-items:flex-start;flex-wrap:wrap}.results-support p{flex-basis:calc(100% - 2rem)}.results-support a{margin-left:1.7rem}}
.checker-support{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:1rem;color:var(--muted);font-size:.8rem}.checker-support a{display:inline-flex;line-height:0;transition:transform .15s}.checker-support a:hover{transform:translateY(-2px)}.checker-support img{width:auto;height:36px}@media (max-width:430px){.checker-support{flex-direction:column;gap:.35rem}}