@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#eaf3f7;--muted:#8fa4b2;--bg:#08111f;--surface:#0e1b2b;--surface2:#122438;--line:#21384d;--cyan:#62e6e0;--blue:#6b9dff;--yellow:#f3c969;--danger:#f58c87;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.65 var(--display);background-image:radial-gradient(circle at 75% 12%,#12345255,transparent 32%),linear-gradient(120deg,#08111f 60%,#0b1929);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#21425e22 1px,transparent 1px),linear-gradient(90deg,#21425e22 1px,transparent 1px);background-size:80px 80px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.section-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;width:min(1180px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;gap:11px;align-items:center;font-weight:700;letter-spacing:-.03em}.brand b{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:9px;color:var(--cyan);font:500 11px var(--mono);box-shadow:inset 0 0 18px #62e6e015}.site-nav{display:flex;align-items:center;gap:27px;color:var(--muted);font-size:13px}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle>span:not(.sr-only){display:block;width:22px;height:2px;margin:4px;background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{min-height:680px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px;padding:70px 0 90px}.eyebrow{color:var(--cyan);font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:9px;box-shadow:0 0 0 6px #62e6e01c}.hero h1{max-width:740px;font-size:clamp(3.4rem,7.5vw,6.6rem);line-height:1.02;letter-spacing:-.075em;margin:0 0 28px;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:var(--cyan);font-weight:500}.hero-intro{max-width:560px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:45px;border:1px solid transparent;border-radius:7px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:700;font-size:13px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#07151f}.button-primary:hover{background:#a2f7f0}.button-quiet{border-color:var(--line);background:transparent;color:var(--ink)}.button-quiet:hover{border-color:var(--cyan);color:var(--cyan)}.trust-row{display:flex;gap:25px;margin-top:43px;color:var(--muted);font:12px var(--mono)}.icon-check{color:var(--cyan);font-style:normal;margin-right:6px}.hero-visual{height:460px;position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#102a3d66,#0b1725cc);overflow:hidden}.hero-visual:before,.hero-visual:after{content:'';position:absolute;border:1px solid #62e6e055;border-radius:50%}.hero-visual:before{width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-visual:after{width:235px;height:235px;left:50%;top:50%;transform:translate(-50%,-50%);border-style:dashed}.shield-grid{position:absolute;inset:0;background:linear-gradient(60deg,transparent 49.8%,#62e6e018 50%,transparent 50.2%),linear-gradient(-60deg,transparent 49.8%,#62e6e018 50%,transparent 50.2%);background-size:74px 74px;opacity:.7}.shield-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center;width:130px;height:130px;border:2px solid var(--cyan);background:#0b2031e8;box-shadow:0 0 70px #62e6e033}.shield-mark:before{content:'';position:absolute;inset:13px;border:1px solid #62e6e088}.shield-mark span{transform:rotate(-45deg);font-size:55px;font-weight:300;color:var(--cyan)}.visual-label{position:absolute;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.08em}.visual-label b{color:var(--cyan);font-weight:400}.label-top{top:25px;left:25px}.label-bottom{right:25px;bottom:25px;text-align:right}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.feature-strip article{display:flex;gap:19px;padding:29px 30px}.feature-strip article+article{border-left:1px solid var(--line)}.feature-icon,.tool-number{color:var(--cyan);font:500 11px var(--mono);letter-spacing:.1em}.feature-strip h3{font-size:15px;margin:0 0 5px}.feature-strip p,.tool-title p{color:var(--muted);font-size:13px;margin:0}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:150px 0}.section-heading h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.07em;margin:0;max-width:720px}.split-copy{padding-top:48px;max-width:470px;color:var(--ink);font-size:18px}.muted-copy,.section-intro{color:var(--muted);font-size:14px}.text-link{display:inline-flex;gap:12px;margin-top:20px;color:var(--cyan);font-weight:700;font-size:13px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;margin-bottom:145px;border:1px solid var(--line);background:linear-gradient(110deg,#10243a,#0c1a29)}.cta-band h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.05;letter-spacing:-.07em;margin:0}.content-section{padding:140px 0;scroll-margin-top:30px}.section-intro{max-width:510px;margin:22px 0 0}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:68px}.tool-card{padding:28px;border:1px solid var(--line);background:#0d1a29cc;min-height:390px}.tool-title{display:flex;gap:18px;margin-bottom:27px}.tool-title h3{margin:0 0 5px;font-size:19px;letter-spacing:-.04em}.tool-card>label,.tool-card label[for]{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:15px 0 8px}.tool-card input[type=text],.tool-card input[type=password],.tool-card input[type=url]{width:100%;background:#08111f;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:12px 13px;outline:0}.tool-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #62e6e01a}.input-with-action{display:flex;position:relative}.input-with-action input{padding-right:74px!important}.icon-button,.small-action{position:absolute;right:5px;top:5px;border:0;background:transparent;color:var(--muted);padding:8px;font-size:15px}.icon-button:hover{color:var(--cyan)}.small-action{top:3px;right:3px;height:35px;background:var(--cyan);color:#07151f;border-radius:4px;font-size:12px;font-weight:700}.strength-bar,.progress-track{height:6px;background:#1a2d3f;margin-top:18px;overflow:hidden}.strength-bar span,.progress-track span{display:block;width:0;height:100%;background:var(--cyan);transition:width .3s ease}.strength-heading{display:flex;justify-content:space-between;margin-top:9px;font-size:13px}.strength-heading span{color:var(--muted);font:11px var(--mono)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 0;font:11px var(--mono);color:var(--muted)}.check-list span.ok{color:var(--cyan)}.check-list span.ok:before{content:'✓ ';color:var(--cyan)}.tool-note{color:var(--muted);font-size:12px;margin:16px 0 0}.privacy-note{color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:26px}.privacy-note span{color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--cyan)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.option-grid label{justify-content:flex-start!important;margin:0!important;color:var(--muted);font-size:12px!important}.option-grid input{accent-color:var(--cyan);margin-right:8px}.generated-output{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:0 10px 0 13px;background:#08111f;border:1px solid var(--line);border-radius:5px}.generated-output code{max-width:calc(100% - 35px);overflow:hidden;color:var(--cyan);font:12px var(--mono);text-overflow:ellipsis;white-space:nowrap}.tool-actions{display:flex;gap:8px;margin-top:14px}.tool-actions .button{font-size:12px;min-height:40px}.username-output{display:grid;place-items:center;min-height:100px;margin:30px 0 24px;border:1px dashed var(--line);color:var(--cyan);font-size:26px;letter-spacing:-.06em}.full-button{width:100%}.url-result{display:flex;flex-direction:column;gap:2px;margin-top:17px;padding:14px;border-left:3px solid var(--line);background:#08111f}.url-result strong{font-size:14px}.url-result span{color:var(--muted);font-size:11px}.url-result.good{border-color:var(--cyan)}.url-result.warning{border-color:var(--yellow)}.finding-list{display:grid;gap:5px;padding-left:18px;color:var(--muted);font-size:12px}.finding-list li.flagged{color:var(--yellow)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.lesson-card{padding:25px;border:1px solid var(--line);background:var(--surface)}.lesson-card h3{font-size:19px;margin:12px 0 10px}.lesson-card p{color:var(--muted);font-size:13px}.lesson-card strong{display:block;color:var(--cyan);font-size:12px;margin-top:20px}.roadmap-header{display:flex;align-items:end;justify-content:space-between;gap:40px}.progress-card{width:240px;padding:20px;border:1px solid var(--line);background:var(--surface);flex-shrink:0}.progress-card strong{font-size:13px}.progress-card .progress-track{margin:14px 0 8px}.progress-card>span{color:var(--cyan);font:11px var(--mono)}.roadmap-list{display:grid;gap:12px;margin-top:65px}.roadmap-level{border:1px solid var(--line);background:var(--surface)}.roadmap-level summary{display:flex;align-items:center;gap:20px;list-style:none;padding:22px 25px;cursor:pointer}.roadmap-level summary::-webkit-details-marker{display:none}.roadmap-level summary:after{content:'+';margin-left:auto;color:var(--cyan);font-size:22px;font-weight:300}.roadmap-level[open] summary:after{content:'−'}.roadmap-level h3{margin:0;font-size:17px}.roadmap-level p{margin:2px 0 0;color:var(--muted);font-size:12px}.roadmap-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 25px 25px}.roadmap-items label{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.roadmap-items input{accent-color:var(--cyan)}.roadmap-items label.done{color:var(--cyan);text-decoration:line-through}.tips-list{max-width:780px;margin-top:65px}.tip{border-bottom:1px solid var(--line)}.tip summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font-size:16px;font-weight:700}.tip summary::-webkit-details-marker{display:none}.tip summary:after{content:'+';color:var(--cyan);font:22px var(--mono)}.tip[open] summary:after{content:'−'}.tip p{max-width:650px;color:var(--muted);font-size:13px;margin:0 0 22px}.about-section{padding-bottom:170px}.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:110px;margin-top:68px}.large-copy{font-size:26px;line-height:1.3;letter-spacing:-.045em;max-width:650px}.disclaimer{border-left:2px solid var(--yellow);padding:5px 0 5px 25px}.disclaimer p{color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--line);background:#07101d}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start;padding:50px 0}.footer-grid>div>p{color:var(--muted);font-size:12px;margin:18px 0 0}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;color:var(--muted);font-size:12px}.footer-grid nav a:hover{color:var(--cyan)}.copyright{color:var(--muted);font:11px var(--mono);margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@media(max-width:800px){.section-shell,.site-header{width:min(100% - 32px,600px)}.site-header{height:68px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:var(--surface2);border:1px solid var(--line);box-shadow:0 18px 35px #0006}.site-nav.is-open{display:flex}.site-nav a{padding:12px 10px}.hero{display:block;min-height:auto;padding:70px 0 80px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-visual{height:350px;margin-top:58px}.feature-strip,.split-section,.about-layout{grid-template-columns:1fr}.feature-strip article{padding:20px}.feature-strip article+article{border-left:0;border-top:1px solid var(--line)}.split-section{gap:30px;padding:95px 0}.split-copy{padding-top:0}.cta-band{display:block;margin-bottom:95px;padding:30px}.cta-band .button{margin-top:25px}.content-section{padding:95px 0}.tools-grid,.lesson-grid{grid-template-columns:1fr;margin-top:45px}.tool-card{min-height:0}.roadmap-header{display:block}.progress-card{width:100%;margin-top:30px}.roadmap-list,.tips-list{margin-top:45px}.roadmap-items{grid-template-columns:1fr 1fr}.about-layout{gap:30px;margin-top:45px}.footer-grid{grid-template-columns:1fr;padding:35px 0}.copyright{order:3}.footer-grid nav{max-width:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}