:root{--bg:#0a0a0b;--panel:#111113;--ink:#f5f5f4;--ink-dim:#8b8b90;--accent:#ff3b30;--accent-dim:#7a1f1a;--line:#f5f5f41a;--sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{color:var(--ink);font-family:var(--sans);overflow-x:hidden}#root{position:relative}a{color:inherit}::selection{background:var(--accent);color:#fff}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:600}button{font-family:var(--sans);cursor:pointer}canvas{touch-action:none;display:block}.hero{--mx:50%;--my:40%;flex-direction:column;justify-content:space-between;min-height:100svh;padding:2.5rem clamp(1.5rem,6vw,5rem);display:flex;position:relative;overflow:hidden}.hero__spotlight{pointer-events:none;background:radial-gradient(550px circle at var(--mx) var(--my), #ff3b3029, transparent 60%);position:absolute;inset:0}.hero__nav{justify-content:space-between;align-items:center;display:flex;position:relative}.hero__mark{letter-spacing:.04em;font-size:1.1rem;font-weight:700}.hero__copy{flex-direction:column;gap:1.2rem;max-width:46rem;margin:auto 0;display:flex;position:relative}.hero__title{letter-spacing:-.01em;font-size:clamp(2.4rem,6.5vw,4.8rem);font-weight:700;line-height:1.05}.hero__sub{max-width:30rem;color:var(--ink-dim);font-size:1.05rem;line-height:1.6}.hero__cue{flex-direction:column;align-self:center;align-items:center;gap:6px;padding-bottom:.5rem;display:flex;position:relative}.hero__cue span{background:var(--ink-dim);width:1px;height:8px;animation:1.6s ease-in-out infinite cue}.hero__cue span:nth-child(2){animation-delay:.15s}.hero__cue span:nth-child(3){animation-delay:.3s}@keyframes cue{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.drop{position:relative}.drop__viewport{flex-direction:column;height:100svh;padding:2rem clamp(1.5rem,6vw,5rem) 0;display:flex;position:sticky;top:0;overflow:hidden}.drop__grid{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid;position:relative}.drop__canvas{order:2;height:min(78vh,640px);position:relative}.drop__text{flex-direction:column;order:1;gap:1rem;max-width:26rem;display:flex}.drop__title{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.drop__body{color:var(--ink-dim);font-size:1.05rem;line-height:1.7}.drop__dots{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:clamp(1rem,4vw,3rem);transform:translateY(-50%)}.dot{background:var(--line);border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.dot--active{background:var(--accent);transform:scale(1.6)}@media (width<=860px){.drop__grid{grid-template-rows:auto 1fr;grid-template-columns:1fr}.drop__canvas{order:1;height:38vh}.drop__text{order:2;max-width:100%}.drop__dots{display:none}}.cta{text-align:center;border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100svh;padding:4rem 1.5rem;display:flex;position:relative}.cta__title{font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.cta__sub{color:var(--ink-dim);max-width:24rem;line-height:1.6}.cta__button{background:var(--accent);color:#fff;letter-spacing:.02em;border:none;border-radius:999px;margin-top:.75rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s}.cta__button:hover{background:#ff5a4f;transform:translateY(-2px)}.cta__note{max-width:24rem;color:var(--ink-dim);opacity:.6;margin-top:2.5rem;font-size:.78rem;line-height:1.5}.site-nav__mark{z-index:40;letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0b8c;border-radius:999px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:700;text-decoration:none;position:fixed;top:1.8rem;left:clamp(1.2rem,4vw,3rem)}.site-nav__menu{z-index:40;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.8rem;right:clamp(1.2rem,4vw,3rem)}.site-nav__pill-link{color:var(--ink);letter-spacing:.03em;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0b99;border-radius:999px;padding:.6rem 1.15rem;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s;animation:.35s both pill-in}.site-nav__pill-link:hover,.site-nav__pill-link--active{color:#0a0a0b;background:var(--accent);border-color:var(--accent)}.site-nav__toggle{color:#0a0a0b;background:var(--accent);letter-spacing:.03em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.3rem;font-size:.82rem;font-weight:600;transition:transform .2s;display:flex}.site-nav__toggle:hover{transform:translateY(-2px)}.site-nav__dot{background:#0a0a0b;border-radius:50%;width:6px;height:6px}@keyframes pill-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.site-nav__mark{padding:.45rem .9rem;font-size:.82rem;top:1.1rem;left:1.1rem}.site-nav__menu{bottom:1.1rem;right:1.1rem}.site-nav__pill-link{display:none}.site-nav__menu--open .site-nav__pill-link{display:inline-block}}.colorways{border-top:1px solid var(--line);padding:6rem clamp(1.5rem,6vw,5rem)}.colorways__head{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex;position:relative}.colorways__title{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:700}.colorways__hint{color:var(--ink-dim);font-size:.8rem}.colorways__track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}.colorway-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:none;gap:.6rem;width:220px;padding:1rem;display:flex}.colorway-card__swatch{border-radius:10px;width:100%;height:160px;overflow:hidden}.colorway-card__swatch img{object-fit:cover;width:100%;height:100%}.colorway-card__name{font-size:1.05rem;font-weight:700}.colorway-card__sub{color:var(--ink-dim);font-size:.85rem}.features{border-top:1px solid var(--line);padding:6rem clamp(1.5rem,6vw,5rem)}.features__title{max-width:34rem;margin:.75rem 0 2.5rem;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:700}.features__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{border:1px solid var(--line);border-radius:16px;padding:1.75rem}.feature-card__photo{aspect-ratio:4/3;border-radius:12px;width:100%;margin-bottom:1rem;overflow:hidden}.feature-card__photo img{object-fit:cover;width:100%;height:100%}.feature-card__title{margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.feature-card__body{color:var(--ink-dim);font-size:.95rem;line-height:1.6}.page{flex-direction:column;gap:4rem;min-height:100svh;padding:2.5rem clamp(1.5rem,6vw,5rem) 6rem;display:flex;position:relative}.page__hero{flex-direction:column;gap:1.2rem;max-width:46rem;margin-top:3rem;display:flex}.page__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15}.page__lead-block{flex-direction:column;gap:1rem;max-width:42rem;display:flex}.page__lead{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700}.page__body{color:var(--ink-dim);font-size:1.02rem;line-height:1.7}.page__split{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.page__split-media{border-radius:14px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 30px 70px -20px #00000080}.page__split-svg{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.page__split-copy{flex-direction:column;gap:1rem;max-width:32rem;display:flex}.page__social{color:var(--ink-dim);gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.page__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.page__card{border:1px solid var(--line);border-radius:16px;padding:1.75rem}.page__card-title{margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.page__card-body{color:var(--ink-dim);font-size:.95rem;line-height:1.6}.contact-form{flex-direction:column;gap:1.1rem;max-width:26rem;display:flex}.contact-form__field{color:var(--ink-dim);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.contact-form__field input,.contact-form__field textarea{border:1px solid var(--line);color:var(--ink);font-family:var(--sans);resize:vertical;background:#f5f5f40a;border-radius:8px;padding:.7rem .9rem;font-size:.95rem}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--accent);outline:none}@media (width<=860px){.page__split,.page__grid,.features__grid{grid-template-columns:1fr}}.explorer{flex-direction:column;min-height:100svh;padding:2rem clamp(1.5rem,6vw,5rem) 3rem;display:flex}.explorer__grid{flex:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:2.5rem;margin-top:1rem;display:grid}.explorer__copy{flex-direction:column;gap:1.1rem;max-width:28rem;display:flex}.explorer__title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.05}.explorer__sub{color:var(--ink-dim);min-height:3.2rem;font-size:1.02rem;line-height:1.6}.explorer__stages{gap:.6rem;margin-top:.5rem;display:flex}.stage-tab{border:1px solid var(--line);color:var(--ink-dim);font-size:.85rem;font-family:var(--sans);background:0 0;border-radius:999px;padding:.55rem 1.1rem;transition:all .2s}.stage-tab--active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.explorer__colors{gap:.7rem;margin-top:.5rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .15s,border-color .15s}.swatch--active{border-color:var(--ink);transform:scale(1.15)}.explorer__color-name{color:var(--ink-dim);letter-spacing:.04em;font-size:.8rem}.explorer__canvas{cursor:grab;touch-action:none;border-radius:20px;height:min(64vh,560px);position:relative;overflow:hidden}.explorer__canvas:active{cursor:grabbing}.explorer__hint{color:var(--ink-dim);letter-spacing:.04em;pointer-events:none;opacity:.7;font-size:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (width<=860px){.explorer__grid{grid-template-columns:1fr}.explorer__canvas{order:-1;height:46vh}}.hero2{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:2rem clamp(1.5rem,6vw,5rem);display:flex;position:relative;overflow:hidden}.hero2__field{z-index:0;position:absolute;inset:0}.hero2__field canvas{display:block}.hero2__index{z-index:2;letter-spacing:.08em;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.8rem;position:absolute;top:1.8rem;right:clamp(1.2rem,4vw,3rem)}.hero2__body{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.4rem;max-width:46rem;display:flex;position:relative}.hero2__eyebrow{color:var(--ink-dim)}.hero2__typed{color:var(--ink-dim);min-height:1.6em;font-size:1.05rem}.typed-cursor{opacity:.6;margin-left:2px;animation:.9s step-end infinite typed-blink}@keyframes typed-blink{50%{opacity:0}}.hero2__scroll{z-index:2;letter-spacing:.05em;color:var(--ink-dim);opacity:.75;font-size:.78rem;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.sloganstack__pill{border-radius:999px;margin:.2em 0;padding:.3em .75em;font-size:clamp(1.8rem,6vw,3.6rem);font-weight:700;line-height:1.05;display:inline-block}.sloganstack__pill--accent{background:var(--accent);color:#0a0a0b}.sloganstack__pill--light{background:var(--ink);color:#0a0a0b}.sloganstack__pill--dark{color:var(--ink);border:1px solid var(--line);background:0 0}.explorer--second-hero{border-top:1px solid var(--line);background:linear-gradient(#ff3b300d,#0000 40%);position:relative}.explorer__index{letter-spacing:.08em;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.8rem;position:absolute;top:1.8rem;right:clamp(1.2rem,4vw,3rem)}.explorer__title--bold{letter-spacing:-.01em;font-size:clamp(2.6rem,6.5vw,4.4rem)}