:root{--color-ink: oklch(20% .02 50);--color-slate: oklch(45% .03 60);--color-cream: oklch(97% .02 85);--color-sand: oklch(92% .04 80);--color-mist: oklch(95% .01 80);--color-ember: oklch(55% .15 40);--color-olive: oklch(45% .09 140);--color-sky: oklch(80% .08 220);--color-rose: oklch(78% .08 30);--color-shadow: oklch(20% .02 50 / .18);--glow-rose: oklch(78% .08 30 / .4);--glow-sky: oklch(80% .08 220 / .35);--glow-olive: oklch(45% .09 140 / .2);--panel-bg: oklch(100% 0 0 / .75);--panel-bg-strong: oklch(100% 0 0 / .8);--panel-bg-soft: oklch(100% 0 0 / .6);--panel-border: oklch(20% .02 50 / .08);--radius-l: 28px;--radius-m: 18px;--radius-s: 12px;--font-display: "Manrope", "Trebuchet MS", system-ui, sans-serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif}html[data-theme=dark]{--color-ink: oklch(92% .01 80);--color-slate: oklch(74% .02 80);--color-cream: oklch(20% .02 50);--color-sand: oklch(24% .03 60);--color-mist: oklch(18% .01 60);--color-ember: oklch(68% .13 45);--color-olive: oklch(65% .08 150);--color-sky: oklch(70% .08 220);--color-rose: oklch(70% .08 30);--color-shadow: oklch(10% .02 60 / .4);--glow-rose: oklch(60% .08 30 / .35);--glow-sky: oklch(60% .08 220 / .3);--glow-olive: oklch(55% .08 150 / .2);--panel-bg: oklch(20% .02 50 / .7);--panel-bg-strong: oklch(24% .02 50 / .8);--panel-bg-soft: oklch(18% .02 50 / .7);--panel-border: oklch(90% .01 80 / .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at 10% 10%,var(--glow-rose),transparent 45%),radial-gradient(circle at 80% 20%,var(--glow-sky),transparent 45%),radial-gradient(circle at 20% 80%,var(--glow-olive),transparent 40%),linear-gradient(180deg,var(--color-cream),var(--color-mist));background-attachment:fixed;line-height:1.6}a{color:inherit;text-decoration:none}.page{max-width:1160px;margin:0 auto;padding:5.5rem 1.5rem 6rem;display:flex;flex-direction:column;gap:5.5rem}.page--center{min-height:100vh;display:grid;place-items:center;text-align:center}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-slate);margin:0 0 .75rem}.lead{font-size:1.1rem;color:var(--color-slate);max-width:34rem;margin:0 0 2rem}.button{padding:.85rem 1.7rem;border-radius:999px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.button--icon{display:inline-flex;align-items:center;gap:.6rem}.button__icon svg{width:16px;height:16px;display:block;stroke:currentColor}.button--primary{background:var(--color-ink);color:#fff;box-shadow:0 12px 30px #1e130e33}html[data-theme=dark] .button--primary{background:var(--color-cream);color:var(--color-ink);box-shadow:0 14px 32px #07020080}.button--ghost{background:var(--panel-bg-soft);border-color:var(--panel-border)}.button:hover{transform:translateY(-2px)}.section{display:grid;gap:2.2rem}.section__heading h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);margin:0 0 .8rem}.section__heading p{color:var(--color-slate);max-width:40rem}.section__eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.6rem;color:var(--color-olive)}.reveal{opacity:0;transform:translateY(12px);animation:fade-up .6s ease forwards;animation-delay:var(--delay, 0s)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.page{padding-top:4.5rem}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.5rem;align-items:center}.hero__brand{display:inline-flex;align-items:center;gap:.9rem;color:var(--color-ink);font-family:var(--font-display);margin-bottom:1.1rem}.hero__brand-icon-wrap{width:44px;height:44px;border-radius:14px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 14px 30px var(--color-shadow);display:grid;place-items:center}.hero__brand-icon{width:26px;height:26px}.hero__brand-name{font-size:clamp(1.7rem,2.2vw,2.2rem);letter-spacing:.03em}.hero__content h1{font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4.1rem);line-height:1.05;margin:0 0 1rem}.hero__support{margin:0 0 1.4rem;font-size:.95rem;color:var(--color-slate)}.hero__trio{margin:0 0 1.6rem;font-weight:600;color:var(--color-ink);letter-spacing:.02em}.hero__audience{display:grid;gap:.8rem;margin:0 0 1.6rem}.hero__audience-title{margin:0;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-slate)}.hero__audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}.audience-card{display:grid;gap:.35rem;padding:1rem 1.1rem;border-radius:var(--radius-m);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 16px 32px var(--color-shadow);transition:transform .2s ease,border-color .2s ease}.audience-card--secondary{background:var(--panel-bg-soft);border-style:dashed;box-shadow:none}.audience-card:hover{transform:translateY(-2px);border-color:#b74b2166}.audience-card__eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-slate)}.audience-card__title{font-weight:600;font-size:1rem;color:var(--color-ink)}.audience-card__body{font-size:.9rem;color:var(--color-slate)}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2rem}.hero__stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat{display:grid;gap:.2rem}.stat__value{font-size:1.25rem;font-weight:600}.stat__label{font-size:.85rem;color:var(--color-slate);text-transform:uppercase;letter-spacing:.12em}.hero__visual{display:grid;gap:1.5rem}.system-card,.map-card{background:var(--panel-bg);border-radius:var(--radius-l);padding:1.4rem;box-shadow:0 18px 40px var(--color-shadow);border:1px solid var(--panel-border)}.system-card__title{margin:0 0 1rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-slate)}.system-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.system-node{padding:.5rem .85rem;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg-strong);font-weight:600;font-size:.9rem}.system-arrow{font-weight:600;color:var(--color-slate)}.system-facts{display:grid;gap:.3rem;margin-top:1rem;font-size:.85rem;color:var(--color-slate)}.map-card{display:grid;gap:1rem}.map-card__header{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--color-slate)}.map-card__status{font-weight:600}.map-card__frame{position:relative;border-radius:var(--radius-m);border:1px solid var(--panel-border);background:var(--panel-bg-soft);padding:1rem;min-height:220px;overflow:hidden;color:var(--color-ink)}.map-card__frame svg{position:absolute;inset:0;width:100%;height:100%}.map-card__overlay{position:relative;z-index:1;display:grid;justify-items:start}.map-card__labels{display:grid;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius-s);border:1px solid var(--panel-border);background:var(--panel-bg-strong);box-shadow:0 12px 24px var(--color-shadow)}.map-card__label{display:flex;justify-content:space-between;gap:.8rem;font-size:.85rem}.map-card__state{padding:.15rem .55rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-bg-soft);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.map-card__state--moving{color:var(--color-ember)}.map-card__state--idle{color:var(--color-olive)}.map-card__state--stopped{color:var(--color-slate)}.map-card__timeline{display:grid;gap:.6rem}.map-card__timeline-title{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-slate)}.timeline{display:flex;flex-wrap:wrap;gap:.6rem}.timeline__item{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-bg-soft);font-size:.8rem;color:var(--color-slate)}.signal-card,.terrain-card,.context-card,.use-case,.shot,.error-card{background:var(--panel-bg);border-radius:var(--radius-l);padding:1.6rem;box-shadow:0 18px 40px var(--color-shadow);border:1px solid var(--panel-border);backdrop-filter:blur(12px)}.signal-card__header,.signal-card__footer{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-slate)}.signal-card__badge{background:#38612f1f;color:var(--color-olive);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.signal-card__body{display:grid;gap:1.2rem;margin:1.4rem 0}.pulse{width:4rem;height:4rem;border-radius:50%;background:radial-gradient(circle,oklch(55% .15 40 / .5),transparent 65%);position:relative}.pulse:after{content:"";position:absolute;inset:-.8rem;border-radius:50%;border:1px solid oklch(55% .15 40 / .35);animation:pulse 2.4s ease-out infinite}.signal-list{display:grid;gap:.75rem}.signal-list__item{display:flex;justify-content:space-between;font-size:.95rem}.theme-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:0;width:44px;height:44px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 12px 30px var(--color-shadow);cursor:pointer;transition:transform .2s ease;justify-content:center;z-index:10}.top-controls{position:fixed;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:.6rem;z-index:10}.lang-toggle{height:44px;min-width:44px;padding:0 .9rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 12px 30px var(--color-shadow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease}html[data-theme=dark] .lang-toggle{background:var(--panel-bg-strong);border-color:#e1ddd72e;color:var(--color-ink)}.lang-toggle:hover,.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle__icon{display:grid;place-items:center}.theme-toggle__icon svg{width:20px;height:20px;display:block;fill:none;stroke:var(--color-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle__icon--sun{display:none}html[data-theme=dark] .theme-toggle__icon--sun{display:grid}html[data-theme=dark] .theme-toggle__icon--moon{display:none}.terrain-card{position:relative;overflow:hidden;min-height:220px}.terrain-card__grid{position:absolute;inset:0;background-image:linear-gradient(90deg,oklch(20% .02 50 / .08) 1px,transparent 1px),linear-gradient(180deg,oklch(20% .02 50 / .08) 1px,transparent 1px);background-size:28px 28px}.terrain-card__route{position:absolute;inset:30% 18% 20% 12%;border-radius:999px;border:2px dashed oklch(55% .15 40 / .5);transform:rotate(-8deg)}.terrain-card__pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--color-ember);top:45%;left:58%;box-shadow:0 0 0 8px #b74b2133}@keyframes pulse{to{transform:scale(1.4);opacity:0}}@media(max-width:640px){.hero__stats{gap:1rem}.map-card__header{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.pulse:after{animation:none}}.context-grid,.use-cases,.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}.context-card h3,.use-case h3,.shot h3{margin:0 0 .75rem;font-size:1.2rem}.use-case{display:grid;gap:1rem}.tags{display:flex;flex-wrap:wrap;gap:.6rem}.tag{padding:.3rem .7rem;border-radius:999px;font-size:.75rem;background:#38612f1a;color:var(--color-olive);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center}.shot{display:grid;gap:1.2rem}.shot__frame{border-radius:var(--radius-m);border:1px solid oklch(20% .02 50 / .12);background:linear-gradient(140deg,var(--panel-bg-strong),oklch(92% .04 80 / .6));min-height:200px;position:relative;overflow:hidden;display:grid;align-content:end;padding:1.2rem}.shot__overlay{position:absolute;inset:0;background:radial-gradient(circle at top left,oklch(80% .08 220 / .25),transparent 60%)}.shot__lines{display:grid;gap:.35rem;position:relative;z-index:1}.shot__lines span{height:6px;background:#1e130e14;border-radius:999px}.shot__label{position:relative;z-index:1;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-olive)}.section--cta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;background:#1e130e0f;padding:2.4rem;border-radius:var(--radius-l)}.cta-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:flex-end}.error-card{max-width:520px;display:grid;gap:1rem}@media(max-width:900px){.cta-actions{justify-content:flex-start}}@media(max-width:640px){.section--cta{padding:2rem}}