@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#007fff;--cyan:#6ee7ff;--black:#06080b;--ink:#11151a;--muted:#68717c;--paper:#f5f5f1;--white:#fff;--line:rgba(10,15,20,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Lato,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.nav-logo{width:250px;max-height:54px;color:currentColor;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:28px;align-items:center;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:var(--blue);color:#fff;font:700 13px Montserrat,sans-serif;letter-spacing:.04em;border:0}.button.ghost{background:transparent;color:inherit;border:1px solid currentColor}.eyebrow{font:700 11px Montserrat,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--blue)}h1,h2,h3{font-family:Montserrat,sans-serif;margin:0}h1{font-size:clamp(48px,7.3vw,108px);line-height:.92;letter-spacing:-.067em}h2{font-size:clamp(34px,5vw,70px);line-height:1;letter-spacing:-.05em}p{font-size:18px;line-height:1.55}.hero{min-height:calc(100vh - 84px);display:grid;align-items:center;padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.hero p{max-width:590px;color:var(--muted);font-size:21px}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin:80px 0}.proof div{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.proof b{font:800 30px Montserrat,sans-serif;display:block}.proof span{font-size:13px;color:var(--muted)}.section{padding:110px 0}.section.dark{background:var(--black);color:#fff}.section-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;margin-bottom:60px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.card{background:var(--paper);padding:30px;min-height:240px}.dark .card{background:#10141a}.card .num{font:700 12px Montserrat,sans-serif;color:var(--blue)}.card h3{font-size:22px;margin:55px 0 12px}.card p{font-size:15px;color:var(--muted)}.dark .card p{color:#9da8b4}.statement{padding:140px 0;background:var(--blue);color:#fff}.statement h2{max-width:1000px}.footer{background:var(--black);color:#fff;padding:38px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}.concept-switch{position:fixed;right:18px;bottom:18px;z-index:10;background:#fff;color:#111;border:1px solid #ddd;padding:12px 15px;font:700 11px Montserrat,sans-serif;box-shadow:0 10px 35px #0002}
/* route 2: sharp black editorial */
body.route-2{background:#fff}.route-2 .hero{background:#06080b;color:white}.route-2 .nav{border-color:#ffffff2b}.route-2 .hero p{color:#aeb7c2}.route-2 h1{font-weight:500}.route-2 .proof{border-color:#ffffff30}.route-2 .proof div{border-color:#ffffff30}.route-2 .proof span{color:#aeb7c2}
/* route 3: blue spatial */
body.route-3{background:#eef6ff}.route-3 .nav{border:0}.route-3 .hero-grid{grid-template-columns:.85fr 1.15fr}.route-3 .hero-art{height:480px;background:var(--blue);border-radius:50% 3% 50% 3%;display:grid;place-items:center;color:white;font:900 120px Montserrat}.route-3 .card{background:#fff;border-radius:16px}.route-3 .cards{background:transparent;gap:16px}.route-3 .button{border-radius:999px}
/* route 4: warm founder */
body.route-4{background:#f2eee7}.route-4 .hero-grid{grid-template-columns:1fr 1fr}.route-4 .portrait{background:linear-gradient(145deg,#007fff,#061a36);min-height:580px;display:flex;align-items:flex-end;padding:38px;color:#fff}.route-4 h1{font-family:Lato,sans-serif;font-weight:300;letter-spacing:-.055em}.route-4 .eyebrow{color:#111}.route-4 .card{background:#e7e0d7}.route-4 .section.dark{background:#171411}
/* route 5: systems grid */
body.route-5{background:#f7f8fa;background-image:linear-gradient(#007fff13 1px,transparent 1px),linear-gradient(90deg,#007fff13 1px,transparent 1px);background-size:36px 36px}.route-5 .hero .wrap{background:#fff;border:1px solid #ccd8e5;padding:54px}.route-5 .hero-grid{grid-template-columns:1fr}.route-5 .hero h1{max-width:950px}.route-5 .system-status{font:700 12px monospace;color:#0b8c56;border:1px solid #9dd9be;padding:10px 12px;display:inline-block}.route-5 .card{background:#fff}
/* route 6: icon led */
body.route-6{background:#05070a;color:#fff}.route-6 .nav{border-color:#ffffff22}.route-6 .hero-grid{grid-template-columns:.8fr 1.2fr}.route-6 .icon-stage{aspect-ratio:1;border-radius:48px;background:transparent;display:grid;place-items:center}.route-6 .icon-stage img{width:100%}.route-6 .hero p{color:#aab6c4}.route-6 .section{background:#fff;color:#111}.route-6 .section.dark{background:#0b0f14;color:#fff}.route-6 .card{background:#0f141b}.route-6 .statement{background:white;color:#05070a}
@media(max-width:820px){.nav-links a:not(.button){display:none}.nav-logo{width:190px}.hero{padding:60px 0}.hero-grid,.route-3 .hero-grid,.route-4 .hero-grid,.route-6 .hero-grid,.section-intro{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr 1fr}.portrait{min-height:360px!important}.hero-art{height:300px!important}.route-5 .hero .wrap{padding:30px}.footer .wrap{flex-direction:column}}
@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.cards{grid-template-columns:1fr}.hero{min-height:auto}.proof{grid-template-columns:1fr}.nav{height:72px}.hero p{font-size:18px}.statement{padding:90px 0}}
/* Restraint pass: same heart as Dan Brander, expressed with quieter authority. */
:root{--blue:#0877df;--cyan:#79d8e8;--black:#0a0d11;--ink:#171b20;--paper:#f7f7f4;--line:rgba(10,15,20,.12)}
.nav-logo{width:230px;max-height:50px}.nav-links{font-size:11px;font-weight:600;letter-spacing:.075em}.button{min-height:50px;padding:0 22px;font-size:12px;font-weight:600}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em}h1{font-size:clamp(43px,6vw,82px);line-height:1.01;letter-spacing:-.055em;font-weight:650}h2{font-size:clamp(32px,4.3vw,58px);line-height:1.06;letter-spacing:-.042em;font-weight:600}p{font-size:17px;line-height:1.62}.hero{min-height:calc(88vh - 84px);padding:96px 0 60px}.hero-grid{grid-template-columns:1.2fr .8fr;gap:84px}.hero p{font-size:19px}.proof{margin:76px 0 20px}.proof div{padding:22px}.proof b{font-size:22px;font-weight:700}.proof span{font-size:12px}.section{padding:104px 0}.card{min-height:230px}.card .num{font-size:11px;font-weight:600}.card h3{font-size:20px;font-weight:600;margin-top:48px}.statement{padding:112px 0;background:#0d6fd0}.statement h2{max-width:900px}.footer{padding:34px 0}.footer .wrap{font-size:12px}
.route-3 .hero-grid{grid-template-columns:1fr 1fr}.route-3 .hero-art{height:390px;background:#1675c9;border-radius:46% 4% 46% 4%;font-size:84px;font-weight:700}.route-3 .card{border-radius:12px}
.route-4 .portrait{min-height:500px;padding:34px}.route-4 .portrait h3{font-size:34px!important;font-weight:500!important}
.route-6 .hero-grid{grid-template-columns:1fr 1fr}.route-6 .icon-stage{width:min(100%,380px);border-radius:36px;margin-left:auto}.route-6 .icon-stage img{width:62%}.route-6 .statement{background:#f4f5f3;color:#101419}
.route-2 .nav-logo,.route-6 .nav-logo{filter:brightness(0) invert(1)}
@media(max-width:820px){.hero-grid,.route-3 .hero-grid,.route-4 .hero-grid,.route-6 .hero-grid{grid-template-columns:1fr;gap:42px}.route-6 .icon-stage{margin:0}}