:root{--bg: #f3f2ed;--bg-2: #eceae3;--ink: #0b0b0c;--ink-soft: #5a5a55;--line: #d9d7cf;--accent: #1f3bff;--accent-ink: #ffffff;--paper: #ffffff;--maxw: 1280px;--gutter: clamp(20px, 5vw, 72px);--radius: 18px;--f-display: "Space Grotesk", system-ui, sans-serif;--f-body: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.5;overflow-x:hidden;cursor:auto}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}.grain{position:fixed;inset:-50%;z-index:9000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}.reticle{position:fixed;top:0;left:0;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:9500;pointer-events:none;mix-blend-mode:difference;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease);will-change:transform}.reticle__corner{position:absolute;width:12px;height:12px;border:2px solid #fff}.reticle__corner.tl{top:0;left:0;border-right:none;border-bottom:none}.reticle__corner.tr{top:0;right:0;border-left:none;border-bottom:none}.reticle__corner.bl{bottom:0;left:0;border-right:none;border-top:none}.reticle__corner.br{bottom:0;right:0;border-left:none;border-top:none}.reticle__dot{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#fff;border-radius:50%}.reticle__label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;font-family:var(--f-display);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:0}.reticle.is-focus{width:88px;height:88px;margin:-44px 0 0 -44px}.reticle.is-focus .reticle__label{opacity:1}.reticle.is-magnet{width:70px;height:70px;margin:-35px 0 0 -35px}.reticle.is-down{width:30px;height:30px;margin:-15px 0 0 -15px}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:9600}.nav{position:fixed;top:0;left:0;right:0;z-index:8000;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);transition:padding .4s var(--ease),background .4s var(--ease)}.nav.is-stuck{padding-block:14px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav__brand{display:flex;align-items:center}.logo{height:64px;width:auto;display:block}.logo--sm{height:72px}.nav__brand .logo{margin-top:-8px}.nav__links{display:flex;align-items:center;gap:30px}.nav__link{font-size:15px;font-weight:500;position:relative;padding:4px 0}.nav__link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease)}.nav__link:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:500;font-size:16px;padding:15px 26px;border-radius:100px;border:1.5px solid var(--ink);transition:background .3s var(--ease),color .3s var(--ease),transform .2s var(--ease);will-change:transform}.btn--sm{padding:9px 18px;font-size:14px;border-radius:100px}.btn--primary{background:var(--ink);color:var(--bg)}.btn--primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost:hover,.btn--sm:hover{background:var(--ink);color:var(--bg)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:80px;padding-bottom:clamp(100px,16svh,200px);overflow:hidden}.hero__accent{position:absolute;width:60vw;height:60vw;max-width:820px;max-height:820px;right:-10vw;top:-10vw;background:radial-gradient(circle at center,var(--accent) 0%,transparent 62%);opacity:.16;filter:blur(10px);pointer-events:none;border-radius:50%}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:28px}.dot{width:9px;height:9px;background:var(--accent);border-radius:50%;display:inline-block;animation:blink 2.4s var(--ease) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.hero__title{font-family:var(--f-display);font-weight:700;font-size:clamp(2.8rem,min(9vw,13svh),8.2rem);line-height:.96;letter-spacing:-.03em;margin-bottom:32px}.hero__title .line{display:block;overflow:hidden;padding-bottom:.15em}.hero__title .word{display:inline-block}.accent-word{color:var(--accent);font-style:italic}.hero__sub{max-width:620px;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--ink-soft);margin-bottom:40px}.hero__cta{display:flex;gap:16px;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--f-display);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}.hero__scroll-line{width:1px;height:46px;background:linear-gradient(to bottom,var(--ink-soft),transparent);animation:scrolldown 2s var(--ease) infinite;transform-origin:top}@keyframes scrolldown{0%{transform:scaleY(0)}40%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.marquee{border-block:1px solid var(--line);padding-block:26px;overflow:hidden;background:var(--bg-2)}.marquee__track{display:flex;align-items:center;gap:40px;white-space:nowrap;font-family:var(--f-display);font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:500;width:max-content}.marquee__track .sep{color:var(--accent)}.section-tag{font-family:var(--f-display);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:26px}.section-tag.light{color:#fff9}.h2{font-family:var(--f-display);font-weight:600;font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.02em}.manifesto{padding-block:clamp(90px,14vh,180px)}.manifesto__text{font-family:var(--f-display);font-weight:500;font-size:clamp(1.6rem,4.4vw,3.6rem);line-height:1.18;letter-spacing:-.02em;max-width:18ch}.manifesto__text .muted{color:var(--accent)}.manifesto__text{max-width:22ch}.approach{padding-block:clamp(60px,10vh,120px)}.approach__head{margin-bottom:64px;max-width:30ch}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.pillar{padding:38px 28px 48px 0;border-right:1px solid var(--line);position:relative;transition:background .4s var(--ease)}.pillar:last-child{border-right:none}.pillar{padding-inline:28px}.pillar:first-child{padding-left:0}.pillar__num{font-family:var(--f-display);font-size:13px;color:var(--accent);letter-spacing:1px}.pillar__title{font-family:var(--f-display);font-weight:600;font-size:1.5rem;margin:18px 0 14px;letter-spacing:-.01em}.pillar__body{font-size:1rem;color:var(--ink-soft);line-height:1.55}.pillar:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent);transition:width .4s var(--ease)}.pillar:hover:after{width:100%}.products{padding-block:clamp(70px,12vh,150px)}.products__head{margin-bottom:56px}.products__head .h2{margin:0 0 18px;max-width:18ch}.products__intro{color:var(--ink-soft);max-width:48ch;font-size:1.15rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px 30px 34px;display:flex;flex-direction:column;min-height:320px;position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);will-change:transform}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px #1f3bff80;border-color:var(--accent)}.card:hover:before{opacity:1}.card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}.card__status{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);padding:6px 12px;border-radius:100px}.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;position:relative}.pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3.4);opacity:0}}.card__arrow{font-size:22px;transition:transform .4s var(--ease);color:var(--ink-soft)}.card:hover .card__arrow{transform:translate(4px,-4px);color:var(--accent)}.card__name{font-family:var(--f-display);font-weight:700;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em;margin:40px 0 14px}.card__desc{color:var(--ink-soft);font-size:1rem;line-height:1.55;margin-bottom:22px}.card__link{font-family:var(--f-display);font-size:14px;color:var(--accent);letter-spacing:.3px}.contact{position:relative;background:var(--ink);color:var(--bg);padding-block:clamp(100px,18vh,220px);margin-top:40px;overflow:hidden}.contact__accent{opacity:.4;right:auto;left:-10vw;top:auto;bottom:-20vw}.contact__title{font-family:var(--f-display);font-weight:600;font-size:clamp(2.6rem,8vw,6.5rem);line-height:.98;letter-spacing:-.03em;margin:0 0 44px}.contact__email{display:inline-block;font-family:var(--f-display);font-size:clamp(1.4rem,4vw,2.6rem);font-weight:500;color:#fff;border-bottom:2px solid rgba(255,255,255,.25);padding-bottom:6px;transition:border-color .3s var(--ease),color .3s var(--ease)}.contact__email:hover{border-color:var(--accent);color:var(--accent)}.contact__sub{margin-top:26px;color:#ffffff8c;font-size:1.1rem}.footer{background:var(--bg);padding-block:60px 30px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--line)}.footer__tag{color:var(--ink-soft);max-width:30ch;margin-top:18px;font-size:1rem}.footer__col{display:flex;flex-direction:column;gap:12px}.footer__h{font-family:var(--f-display);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.footer__col a{font-size:1rem;transition:color .25s var(--ease)}.footer__col a:hover{color:var(--accent)}.footer__bottom{display:flex;justify-content:space-between;padding-top:26px;font-size:14px;color:var(--ink-soft);font-family:var(--f-display)}.reveal-up{opacity:0;transform:translateY(40px)}.is-in .reveal-up,.reveal-up.is-in{opacity:1;transform:none}@media (max-width: 980px){.pillars{grid-template-columns:repeat(2,1fr)}.pillar{border-bottom:1px solid var(--line);padding-block:32px}.pillar:nth-child(2){border-right:none}.cards{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}}@media (max-width: 640px){body{font-size:16px}.nav__links{gap:16px}.nav__link{display:none}.pillars{grid-template-columns:1fr}.pillar{border-right:none;padding-inline:0}.pillar:nth-child(2){border-right:none}.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:8px}.reticle{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal-up{opacity:1;transform:none}}@media (hover: none){.reticle{display:none}body{cursor:auto}}