:root{
  --ink:#18120d;--cream:#fff7e8;--orange:#f2a341;--orange2:#ff7a2c;--sky:#78c8ff;--green:#b9d967;
  --line:rgba(24,18,13,.18);--shadow:0 24px 70px rgba(56,32,13,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.section-pad{padding:110px clamp(22px,5vw,82px)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,58px);background:rgba(255,247,232,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;border:2px solid var(--ink)}.brand div{display:grid;line-height:1}.brand b{font:14px/1 "Archivo Black",sans-serif}.brand span{font-size:11px;margin-top:5px;opacity:.6}.topbar nav{display:flex;gap:26px;font-size:13px;font-weight:700}.topbar nav a:hover{text-decoration:underline}.mini-cta{background:var(--ink);color:white;padding:12px 16px;border-radius:999px;font-size:12px;font-weight:800}
.hero{min-height:100vh;padding-top:140px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:6vw;align-items:center;position:relative;background:radial-gradient(circle at 85% 18%,rgba(120,200,255,.42),transparent 27%),radial-gradient(circle at 8% 72%,rgba(185,217,103,.32),transparent 28%)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;display:flex;gap:9px;align-items:center}.pulse-dot{width:8px;height:8px;background:#ff4b32;border-radius:50%;box-shadow:0 0 0 0 rgba(255,75,50,.6);animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(255,75,50,0)}100%{box-shadow:0 0 0 0 rgba(255,75,50,0)}}.hero h1{font:clamp(74px,10vw,162px)/.77 "Archivo Black",sans-serif;letter-spacing:-.075em;margin:30px 0 24px;text-transform:uppercase}.hero h1 span{display:inline-block;color:var(--orange2);transform:rotate(-3deg);text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.hero-line{font-size:clamp(18px,2vw,28px);max-width:620px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:2px solid var(--ink);border-radius:15px;font-weight:800;transition:.2s transform,.2s box-shadow;background:white}.btn:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink)}.btn.primary{background:var(--orange);}.btn.compact{padding:12px 16px}.contract-card{margin-top:24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:14px;padding:12px 14px;max-width:690px}.contract-card span{font-size:10px;font-weight:800;letter-spacing:.1em}.contract-card code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.contract-card button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}
.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.photo-stack{position:relative;width:min(560px,42vw);aspect-ratio:1/1}.photo{position:absolute;margin:0;border:3px solid var(--ink);background:#fff;padding:8px;border-radius:28px;box-shadow:12px 16px 0 rgba(24,18,13,.14);overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:19px}.p1{inset:8% 8% 10% 8%;transform:rotate(2deg);z-index:2}.p2{width:42%;height:42%;left:-7%;top:4%;transform:rotate(-9deg);z-index:4}.p3{width:38%;height:38%;right:-8%;bottom:2%;transform:rotate(10deg);z-index:5}.orbit{position:absolute;border:2px dashed rgba(24,18,13,.25);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:620px;height:620px}.orbit-b{width:720px;height:720px;animation-direction:reverse;animation-duration:24s}@keyframes spin{to{transform:rotate(360deg)}}.sniff-meter{position:absolute;bottom:18px;left:10%;right:7%;z-index:8;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;transform:rotate(-1deg)}.meter-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.meter{height:7px;background:#44372d;border-radius:10px;margin:9px 0 7px;overflow:hidden}.meter i{display:block;width:99.9%;height:100%;background:linear-gradient(90deg,var(--green),var(--orange2));animation:meter 2s ease-out}@keyframes meter{from{width:0}}.sniff-meter small{font-size:9px;letter-spacing:.12em;opacity:.7}
.marquee{overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--orange);transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite;font:24px/1 "Archivo Black";padding:14px 0}.marquee-track span{white-space:nowrap;padding-right:20px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:30px;opacity:.55}.story-grid{display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-items:center}.story h2,.road-head h2,.chart-head h2,.join h2{font:clamp(48px,6vw,90px)/.92 "Archivo Black";letter-spacing:-.055em;margin:0}.story h2 em{font-style:normal;color:var(--orange2)}.story-copy p{font-size:20px;line-height:1.55;max-width:780px}.story-copy .muted{opacity:.58}.nose-card{position:relative;aspect-ratio:1/1;border-radius:36px;overflow:hidden;border:3px solid var(--ink);box-shadow:14px 14px 0 var(--orange)}.nose-card img{width:100%;height:100%;object-fit:cover}.nose-reticle{position:absolute;inset:25%;border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.08)}.nose-reticle:before,.nose-reticle:after{content:"";position:absolute;background:#fff;opacity:.8}.nose-reticle:before{width:120%;height:1px;left:-10%;top:50%}.nose-reticle:after{height:120%;width:1px;top:-10%;left:50%}.nose-reticle span{position:absolute;width:16px;height:16px;background:#ff4b32;border:3px solid #fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.scanline{position:absolute;left:0;right:0;height:2px;background:#fff;box-shadow:0 0 12px #fff;animation:scan 3s ease-in-out infinite}@keyframes scan{0%,100%{top:15%}50%{top:85%}}.scan-label{position:absolute;left:18px;bottom:18px;background:var(--ink);color:#fff;padding:10px 12px;border-radius:10px;font-size:10px;letter-spacing:.08em}
.manifesto{padding-top:30px;padding-bottom:40px}.manifesto-card{position:relative;background:var(--sky);border:3px solid var(--ink);border-radius:34px;padding:60px clamp(28px,6vw,90px);overflow:hidden;box-shadow:12px 12px 0 var(--ink)}.manifesto-card p{font:clamp(48px,8vw,118px)/.9 "Archivo Black";letter-spacing:-.06em;margin:0}.manifesto-card strong{color:#fff;text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.big-quote{position:absolute;right:4%;top:-45px;font:260px/1 Georgia,serif;opacity:.12}.stamp{position:absolute;right:4%;bottom:11%;width:130px;height:130px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800;transform:rotate(-12deg);background:var(--cream)}
.road-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.road-head p{font-size:18px}.road-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.road-card{min-height:330px;border:2px solid var(--ink);border-radius:24px;padding:26px;position:relative;overflow:hidden;background:#fff}.road-card:nth-child(2){background:#ffe4bd}.road-card:nth-child(3){background:#dff1ff}.road-card:nth-child(4){background:#e7f1c6}.road-card span{font-size:10px;font-weight:800;letter-spacing:.15em}.road-card h3{font:32px/1 "Archivo Black";margin:26px 0 18px}.road-card p{line-height:1.5;font-size:15px}.paw{position:absolute;right:-10px;bottom:-28px;font-size:120px;opacity:.08}.road-card:hover{transform:translateY(-7px) rotate(-1deg)}
.chart-section{background:var(--ink);color:#fff}.chart-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.chart-head p{opacity:.65}.chart-head .ghost{color:var(--ink)}.chart-shell{position:relative;min-height:620px;border:2px solid rgba(255,255,255,.2);border-radius:28px;overflow:hidden;background:#0d0d0d}.chart-shell iframe{border:0;width:100%;height:620px;display:none}.chart-placeholder{min-height:620px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(242,163,65,.2),transparent 32%)}.chart-placeholder img{width:110px;border-radius:26px;border:3px solid #fff;box-shadow:0 0 0 10px rgba(255,255,255,.05)}.chart-placeholder h3{font:28px/1 "Archivo Black";margin:22px 0 8px}.chart-placeholder p{opacity:.65}.chart-placeholder code{color:var(--orange)}
.join-card{display:grid;grid-template-columns:.8fr 1.2fr;border:3px solid var(--ink);border-radius:36px;overflow:hidden;background:var(--orange);box-shadow:12px 12px 0 var(--ink)}.join-dog{width:100%;height:100%;min-height:520px;object-fit:cover}.join-copy{padding:clamp(36px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.join-copy h2{font-size:clamp(62px,8vw,124px);margin:16px 0}.join-copy p{font-size:20px;max-width:520px}.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.social-row a{background:var(--ink);color:#fff;padding:14px 16px;border-radius:12px;font-weight:800}.social-row a:hover{transform:rotate(-2deg) scale(1.03)}
footer{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;padding:34px clamp(22px,5vw,82px);align-items:center;border-top:1px solid var(--line);font-size:12px}footer p{opacity:.58;max-width:760px;margin:0}footer b{font-family:"Archivo Black"}.cursor-nose{position:fixed;z-index:120;pointer-events:none;width:28px;height:22px;border-radius:50%;background:#17120f;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.cursor-nose span:before,.cursor-nose span:after{content:"";position:absolute;width:5px;height:4px;border-radius:50%;background:#5b4b42;top:8px}.cursor-nose span:before{left:7px}.cursor-nose span:after{right:7px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease var(--delay,0s),transform .7s ease var(--delay,0s)}.reveal.in{opacity:1;transform:none}
@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{min-height:560px}.photo-stack{width:min(620px,76vw)}.road-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.nose-card{max-width:640px}.topbar nav{display:none}.join-card{grid-template-columns:1fr}.join-dog{min-height:430px;max-height:560px}.stamp{display:none}footer{grid-template-columns:1fr}}
@media (max-width:620px){.section-pad{padding:82px 18px}.topbar{padding:10px 12px}.brand b{font-size:11px}.brand img{width:36px;height:36px}.mini-cta{padding:10px 12px}.hero{padding-top:110px}.hero h1{font-size:23vw}.hero h1 span{text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.hero-line{font-size:18px}.contract-card{grid-template-columns:1fr auto}.contract-card span{grid-column:1/-1}.hero-visual{min-height:430px}.photo-stack{width:82vw}.orbit-a{width:390px;height:390px}.orbit-b{width:470px;height:470px}.sniff-meter{left:2%;right:2%;bottom:0}.marquee-track{font-size:18px}.story h2,.road-head h2,.chart-head h2{font-size:15vw}.story-copy p{font-size:17px}.manifesto-card{padding:44px 22px}.manifesto-card p{font-size:14vw}.road-head,.chart-head{align-items:flex-start;flex-direction:column}.road-grid{grid-template-columns:1fr}.road-card{min-height:250px}.chart-shell,.chart-placeholder,.chart-shell iframe{min-height:520px;height:520px}.join-copy h2{font-size:18vw}.join-dog{min-height:380px}.cursor-nose{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}