/* LumiVitae · Lumi World
   Layout: full-bleed "scenes" of moving light, each product a world with its own palette;
   glass controls float over media; text stays short and set large. Single, deliberate look (no theme switching). */
:root{
  color-scheme:dark;
  --ink:#06161B; --teal:#0B222B; --teal-2:#123742; --ivory:#F4EFE7; --pearl:#FBF8F3;
  --gold:#D4B67E; --gold-soft:#E9D6AE; --mist:rgba(244,239,231,.74); --line:rgba(244,239,231,.18);
  --rose:#E2AE98;
  --plum-0:#140A1B; --plum-1:#22112E; --plum-2:#3A1F4F; --violet:#B79BE3; --lilac:#EDE3F8;
  --ebony:#0C0B0A; --ebony-2:#171513; --ivory-arq:#F3EFE8; --silver:#D9DCE0;
  --peach-0:#FBEFE7; --peach-1:#F7D6C4; --peach-2:#EFAE8F; --peach-ink:#3B2016;
  --moon-0:#0A121B; --moon-1:#EEF1F4; --moon-silver:#C8D0D8;
  --display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --jp:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --gutter:clamp(18px,5vw,88px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.02;margin:0;text-wrap:balance;letter-spacing:.01em}
h1 em,h2 em,h3 em,.em{font-style:italic;font-weight:300}
p{margin:0}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;display:inline-flex;align-items:center;gap:14px;opacity:.9}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.55}
.center .eyebrow{justify-content:center}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.7;max-width:34em;color:var(--mist)}
.lede.it{font-family:var(--display);font-style:italic;font-size:clamp(22px,2vw,30px);line-height:1.35;color:inherit;opacity:.92}
.center{text-align:center}.center .lede{margin-inline:auto}
.stack{display:flex;flex-direction:column;gap:22px}
.actions{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-top:10px}
.jp{font-family:var(--jp);font-weight:300}

/* ---------- Glass controls (no metallic/embossed buttons) ---------- */
.glass{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border-radius:999px;
  font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px -12px rgba(0,0,0,.45);transition:background .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;transition:background-position 1.1s var(--ease)}
.glass:hover{background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.12));transform:translateY(-1px)}
.glass:hover::after{background-position:-40% 0}
.glass.solid{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));color:var(--teal);border-color:rgba(255,255,255,.9)}
.glass.ink{color:var(--c-ink,var(--teal));border-color:color-mix(in srgb,var(--c-ink,var(--teal)) 35%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.35))}
.glass.ink.fill{background:var(--c-ink,var(--teal));color:#fff;border-color:transparent}
.textlink{font-size:12px;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;opacity:.9}
.textlink:hover{opacity:1}

/* ---------- Header ---------- */
.site-head{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .6s var(--ease),box-shadow .6s var(--ease)}
.site-head .in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px;padding-inline:var(--gutter);max-width:1600px;margin-inline:auto}
.site-head.scrolled{background:rgba(6,22,27,.55);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.logo{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.42em;text-decoration:none;white-space:nowrap}
.claude-artifact-nav{display:flex;gap:clamp(18px,2.4vw,38px)}
.claude-artifact-nav a{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;opacity:.82;padding:6px 0;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}
.claude-artifact-nav a:hover,.claude-artifact-nav a[aria-current]{opacity:1;border-color:currentColor}
.head-cta{min-height:40px;padding:0 20px;font-size:11px}
.menu-btn{display:none;background:none;border:0;color:inherit;width:42px;height:42px;cursor:pointer;padding:0}
.menu-btn span{display:block;width:24px;height:1px;background:currentColor;margin:7px auto;transition:transform .4s}
body.menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
body.menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1240px){
  .menu-btn{display:block}
  .claude-artifact-nav{position:fixed;inset:0;top:0;padding:120px var(--gutter) 40px;flex-direction:column;gap:26px;background:rgba(6,22,27,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(-100%);transition:transform .6s var(--ease);z-index:-1}
  .claude-artifact-nav a{font-family:var(--display);font-size:34px;letter-spacing:.04em;text-transform:none}
  body.menu-open .claude-artifact-nav{transform:none}
  .head-cta{display:none}
}

/* ---------- Scenes: full-bleed media ---------- */
.scene{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:min(94vh,960px);padding-block:clamp(120px,14vw,200px) clamp(64px,8vw,120px)}
.scene.mid{align-items:center}
.scene.short{min-height:min(78vh,760px)}
.scene>.bg{position:absolute;inset:0;z-index:-2}
.scene>.bg video,.scene>.bg img{width:100%;height:100%;object-fit:cover}
.scene::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--veil,linear-gradient(180deg,rgba(6,22,27,.35) 0%,rgba(6,22,27,.05) 35%,rgba(6,22,27,.25) 60%,rgba(6,22,27,.82) 100%))}
.scene .copy{max-width:760px}
.scene.center .copy{margin-inline:auto;text-align:center}
.scene.center .lede{margin-inline:auto}
.display-xl{font-size:clamp(56px,9vw,148px);letter-spacing:-.005em}
.display-l{font-size:clamp(44px,6.2vw,104px)}
.display-m{font-size:clamp(36px,4.4vw,68px)}
.display-s{font-size:clamp(28px,2.8vw,42px)}
.wordmark{font-family:var(--display);font-weight:300;letter-spacing:.34em;text-transform:uppercase;font-size:clamp(44px,8vw,120px);line-height:1;margin-left:.34em;margin-right:-.34em}
.scene .copy.stack{gap:26px}

/* opening */
.opening .copy{animation:rise 1.8s var(--ease) both .2s}
.opening h1{font-size:clamp(60px,10vw,168px)}
@keyframes rise{from{transform:translateY(24px);opacity:.001}to{transform:none;opacity:1}}
.motes{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:10px;letter-spacing:.4em;text-transform:uppercase;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue::after{content:"";width:1px;height:44px;background:linear-gradient(currentColor,transparent);animation:drip 2.6s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* light line divider */
.lightline{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--gold) 30%,#fff 50%,var(--gold) 70%,transparent);background-size:200% 100%;animation:sweep 7s linear infinite;opacity:.55}
@keyframes sweep{to{background-position:-200% 0}}

/* ---------- Sections ---------- */
.sec{padding-block:clamp(88px,11vw,170px)}
.sec.tight{padding-block:clamp(64px,7vw,110px)}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(86vh,860px)}
.split.r .media{order:2}
.split .media{position:relative;overflow:hidden;min-height:420px}
.split .media img,.split .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--ease)}
.split:hover .media img{transform:scale(1.025)}
.split .text{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(56px,7vw,120px) clamp(28px,6vw,110px);min-width:0}
@media (max-width:860px){.split{grid-template-columns:1fr;min-height:0}.split.r .media{order:0}.split .media{min-height:0;aspect-ratio:4/5;max-width:100%}}

.grid{display:grid;gap:clamp(14px,2vw,28px)}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
.ph{overflow:hidden;position:relative}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform 2s var(--ease)}
.ph:hover img{transform:scale(1.03)}
figure{margin:0}

.head{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(40px,5vw,72px)}
.head.center{align-items:center}

/* glass panel (used sparingly) */
.pane{border:1px solid var(--pane-line,rgba(255,255,255,.22));background:var(--pane-bg,linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03)));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:clamp(28px,3vw,44px);border-radius:4px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pane h3{font-size:clamp(26px,2.4vw,36px)}

/* reveal: visible at rest, drifts in when JS is present */
.js .rv{transform:translateY(22px);transition:transform 1.4s var(--ease)}
.js .rv.in{transform:none}

/* ---------- Home: chapter panels ---------- */
.chapter .idx{font-size:11px;letter-spacing:.42em;text-transform:uppercase;opacity:.8}
.chapter h2{font-family:var(--display);font-weight:300;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(46px,7.4vw,120px)}
.chapter .tag{font-family:var(--display);font-style:italic;font-size:clamp(24px,2.4vw,34px)}
.chapter .row{display:flex;flex-wrap:wrap;gap:24px 60px;align-items:flex-end;justify-content:space-between;width:100%}
.chapter .copy{max-width:none;width:100%}
.chapter .row p{max-width:30em;color:var(--mist)}

.dots{display:flex;gap:12px;align-items:center}
.mdot{display:block;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 3px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.3)}
.m-rose{background:radial-gradient(circle at 32% 28%,#FFF1EA 0,#F2C3AE 18%,#C98B72 48%,#9A5F4B 78%,#D9A48F 100%)}
.m-gold{background:radial-gradient(circle at 32% 28%,#FFF8DC 0,#F1D48A 18%,#C9A24E 48%,#8E6B24 78%,#D6B46A 100%)}
.m-graphite{background:radial-gradient(circle at 32% 28%,#F2F3F5 0,#A9ADB3 18%,#6C7077 48%,#3A3D42 78%,#8C9097 100%)}
.m-navy{background:radial-gradient(circle at 32% 28%,#DCE4FF 0,#7F95D6 18%,#34467F 48%,#172247 78%,#4B5E9C 100%)}
.m-silver{background:radial-gradient(circle at 32% 28%,#FFFFFF 0,#DDE1E6 18%,#A9AFB7 48%,#6E747C 78%,#C5CAD0 100%)}

/* ---------- Worlds ---------- */
/* HALO QIRA: teal water + rose-gold light */
.w-halo{--accent:var(--rose);background:var(--ink)}
.p-halo .opening .copy{position:relative;top:-72px}
.p-halo .opening .actions{transform:none}
.p-halo #shop .dots button{appearance:none;padding:0;border:0;cursor:pointer}
.w-halo .eyebrow{color:var(--gold-soft)}
/* LV.IQ: deep plum and violet with teal/gold hints */
.w-lviq{--accent:var(--violet);background:var(--plum-0);color:var(--lilac)}
.w-lviq .eyebrow{color:var(--violet)}
.w-lviq .lede{color:rgba(237,227,248,.76)}
.plum{background:radial-gradient(120% 90% at 80% 0%,#3B1F52 0%,var(--plum-1) 45%,var(--plum-0) 100%);color:var(--lilac)}
.plum-2{background:linear-gradient(180deg,var(--plum-0),#1A0D24 60%,#0E1A22);color:var(--lilac)}
/* ARQ: ebony and ivory with shimmer */
.w-arq{--accent:var(--silver);background:var(--ebony)}
.ebony{background:var(--ebony);color:var(--ivory-arq)}
.ivory-arq{background:var(--ivory-arq);color:var(--ebony)}
.ivory-arq .lede{color:rgba(12,11,10,.68)}
.ivory-arq .eyebrow{color:#8A7F6E}
.shimmer{background:linear-gradient(100deg,#8f8a82 0%,#f6f2ea 22%,#bdb6aa 38%,#ffffff 50%,#b8b1a5 62%,#f3eee6 78%,#8f8a82 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 9s linear infinite}
.ivory-arq .shimmer{background-image:linear-gradient(100deg,#1a1815 0%,#5b554c 22%,#0c0b0a 38%,#8a8272 50%,#0c0b0a 62%,#5b554c 78%,#1a1815 100%)}
@keyframes shine{to{background-position:-250% 0}}
.sparkle{position:relative}
.sparkle::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 34%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 76%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 82%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 26% 58%,#fff 50%,transparent 51%);opacity:.55;animation:twinkle 5s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.15}to{opacity:.6}}
/* Community: peach */
.w-com{background:var(--peach-0);color:var(--peach-ink)}
.peach{background:linear-gradient(160deg,var(--peach-1) 0%,#F4C3A9 55%,var(--peach-2) 100%);color:var(--peach-ink)}
.peach-0{background:var(--peach-0);color:var(--peach-ink)}
.peach .lede,.peach-0 .lede{color:rgba(59,32,22,.74)}
.peach .eyebrow,.peach-0 .eyebrow{color:#9A5A3F}
.peach .pane,.peach-0 .pane{--pane-bg:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.22));--pane-line:rgba(255,255,255,.75)}
/* Japan: moonlight */
.w-jp{background:var(--moon-0);color:var(--moon-1)}
.w-jp .eyebrow{color:var(--moon-silver)}
.moon{background:radial-gradient(100% 80% at 50% 0%,#1C2A38 0%,var(--moon-0) 70%);color:var(--moon-1)}
.moon-light{background:var(--moon-1);color:var(--moon-0)}
.moon-light .lede{color:rgba(10,18,27,.7)}
.moon-light .eyebrow{color:#5E6B78}

/* ---------- Components ---------- */
.fins{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,26px)}
.fin .ph{aspect-ratio:4/5;border-radius:3px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.fin figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:22px;text-align:center}
.fin b{font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,30px);letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.fin span.m{font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.7}
@media (max-width:900px){.fins{grid-template-columns:repeat(2,1fr)}}

.claude-artifact-shop{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,28px)}
.claude-artifact-shop .pane{gap:18px}
.claude-artifact-shop .pane h3{font-size:clamp(32px,3vw,46px);letter-spacing:.06em;text-transform:uppercase}
.claude-artifact-shop .pane .it{font-family:var(--display);font-style:italic;font-size:21px;line-height:1.45;opacity:.9}
.claude-artifact-shop .pane .actions{margin-top:auto;padding-top:12px}
.limited{display:flex;align-items:baseline;gap:12px}
.limited b{font-family:var(--display);font-weight:300;font-size:60px;line-height:1;color:var(--gold)}
.limited span{font-size:11px;letter-spacing:.28em;text-transform:uppercase;opacity:.75}
.note{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
@media (max-width:760px){.claude-artifact-shop{grid-template-columns:1fr}}

.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:24px;font-size:15.5px;opacity:.86}
.ticks li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:1px;background:var(--accent,var(--gold))}

.quote{font-family:var(--display);font-weight:300;font-size:clamp(34px,4.4vw,70px);line-height:1.12;text-wrap:balance}
.kira{font-family:var(--jp);font-weight:300;font-size:clamp(40px,5vw,72px);letter-spacing:.2em;opacity:.9}
.dates{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dates div{padding:22px 0;display:flex;flex-direction:column;gap:6px}
.dates div+div{padding-left:28px;border-left:1px solid var(--line)}
.dates span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.7}
.dates b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,34px)}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:15px;color:inherit;background:rgba(255,255,255,.08);border:1px solid var(--field-line,rgba(255,255,255,.28));border-radius:3px;padding:15px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.form input::placeholder,.form textarea::placeholder{color:inherit;opacity:.55}
.form .cb{display:flex;gap:10px;align-items:flex-start;font-size:13px;opacity:.8}
.form .cb input{width:auto;margin-top:4px}
.form .ok{font-family:var(--display);font-style:italic;font-size:22px}
.peach .form input,.peach .form select,.peach .form textarea,.peach-0 .form input,.peach-0 .form select,.peach-0 .form textarea{background:rgba(255,255,255,.6);--field-line:rgba(59,32,22,.2)}
.moon-light .form input,.moon-light .form select{background:#fff;--field-line:rgba(10,18,27,.2)}
@media (max-width:560px){.form{grid-template-columns:1fr}}
.inline-form{display:flex;gap:12px;max-width:520px;margin-inline:auto;width:100%}
.inline-form input{flex:1;min-width:0;font:inherit;font-size:15px;color:inherit;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:0 22px;min-height:48px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.inline-form input::placeholder{color:inherit;opacity:.6}
@media (max-width:520px){.inline-form{flex-direction:column}}

/* ---------- Footer ---------- */
.site-foot{background:var(--ink);color:var(--ivory);padding-block:clamp(70px,8vw,110px) 36px;border-top:1px solid rgba(255,255,255,.06)}
.foot-top{display:grid;grid-template-columns:1.3fr 2fr;gap:48px}
.foot-top .rally{font-family:var(--display);font-style:italic;font-size:26px;line-height:1.35;margin-top:22px;opacity:.9}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.foot-cols h4{font-size:11px;font-weight:400;letter-spacing:.34em;text-transform:uppercase;margin:0 0 16px;color:var(--gold-soft)}
.foot-cols a{display:block;text-decoration:none;opacity:.72;font-size:15px;padding:4px 0}
.foot-cols a:hover{opacity:1}
.legal{margin-top:64px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:12.5px;line-height:1.7;opacity:.55}
.legal p{max-width:760px}
@media (max-width:860px){.foot-top{grid-template-columns:1fr}.foot-cols{grid-template-columns:repeat(2,1fr)}}
.inline-form{flex-wrap:wrap;justify-content:center}
.inline-form .ok{flex-basis:100%;text-align:center;font-family:var(--display);font-style:italic;font-size:22px}
.site-head{color:var(--ivory)}
.w-com .site-head.scrolled{background:rgba(59,32,22,.55)}
.w-lviq .site-head.scrolled{background:rgba(20,10,27,.6)}
.w-arq .site-head.scrolled{background:rgba(12,11,10,.6)}
.w-jp .site-head.scrolled{background:rgba(10,18,27,.6)}
.ok{margin:0}

.scene h1,.scene h2,.scene .quote{text-shadow:0 2px 30px rgba(0,0,0,.35)}
.scene>.bg{overflow:hidden}
/* frequency lid */
.lidc .ph{aspect-ratio:498/510;border-radius:3px}
.lidc figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:20px;text-align:center}
.lidc b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,34px);color:var(--lc);letter-spacing:.04em}
.lidc span{color:var(--mist);max-width:22em}
/* LV.IQ ingredients */
.ings{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}
.ingc{border:1px solid rgba(183,155,227,.28);background:linear-gradient(160deg,rgba(183,155,227,.12),rgba(183,155,227,.02));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:4px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0}
.ingc .orb{width:78px;height:78px;border-radius:50%;overflow:hidden;margin-bottom:10px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffffff 0,#CFE9E6 25%,#6FB3B0 60%,#1D4F57 100%);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 10px 30px -10px rgba(183,155,227,.6)}
.ingc .orb img{width:100%;height:100%;object-fit:cover}
.ingc .orb span{font-family:var(--display);font-size:30px;color:var(--teal)}
.ingc h3{font-size:24px;color:var(--lilac)}
.ingc .dose{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.ingc p:last-child{font-size:15px;line-height:1.6;color:rgba(237,227,248,.78)}
.ings .ingc:first-child{grid-column:span 1}
@media (max-width:1000px){.ings{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ings{grid-template-columns:1fr}}
.ings{display:flex;flex-wrap:wrap;justify-content:center}
.ings .ingc{flex:0 1 calc(25% - 17px)}
@media (max-width:1000px){.ings .ingc{flex-basis:calc(50% - 11px)}}
@media (max-width:520px){.ings .ingc{flex-basis:100%}}
/* Eclipse Collection: the four finishes */
.collection{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.collection li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.collection .mdot{grid-row:span 2;width:26px;height:26px}
.collection b{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.04em;line-height:1.1}
.collection span:last-child{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.65}
@media (max-width:420px){.collection{grid-template-columns:1fr}}
/* Japan hero: Japan first */
.jp-hero{gap:18px}
.jp-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .35em;line-height:.95}
.jp-word{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(64px,11vw,184px);margin-right:-.22em}
.jp-kanji{font-weight:300;font-size:clamp(34px,5vw,84px);letter-spacing:.12em;color:var(--moon-silver)}
.jp-date{font-family:var(--sans);font-weight:400;font-size:clamp(15px,1.4vw,20px);letter-spacing:.5em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:18px}
.jp-date::after{content:"";height:1px;width:clamp(60px,10vw,160px);background:linear-gradient(90deg,var(--moon-silver),transparent)}
.jp-ripple{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(26px,2.6vw,40px);color:var(--moon-1);opacity:.92}
.jp-ripple{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.jp-q{font-family:var(--sans);font-style:normal;font-weight:400;font-size:clamp(14px,1.3vw,19px);letter-spacing:.45em;color:#fff;white-space:nowrap}
/* HALO technology */
.techc .ph{aspect-ratio:1/1;border-radius:3px;background:#000;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.techc figcaption{display:flex;flex-direction:column;gap:8px;padding-top:22px;max-width:30em}
.techc b{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.2vw,32px);letter-spacing:.04em}
.techc span{color:var(--mist);font-size:16px;line-height:1.6}
.tech{max-width:1100px;margin-inline:auto}
/* show the whole image: contained, with a soft blurred fill behind */
.split .media.fit{background:#1a1f25}
.split .media.fit::before{content:"";position:absolute;inset:-40px;background:var(--fit-bg) center/cover;filter:blur(28px) brightness(.8);transform:scale(1.1)}
.split .media.fit img{object-fit:contain;z-index:1}
.split:hover .media.fit img{transform:none}
@media (max-width:860px){.split .media.fit{aspect-ratio:992/1586}}
.moon-split{grid-template-columns:minmax(0,.72fr) 1fr}
@media (max-width:860px){.moon-split{grid-template-columns:1fr}}
/* header glass on a pseudo-element so the fixed mobile menu is not trapped inside it */
.site-head.scrolled,.w-com .site-head.scrolled,.w-lviq .site-head.scrolled,.w-arq .site-head.scrolled,.w-jp .site-head.scrolled{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-head::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .6s var(--ease);background:rgba(6,22,27,.55);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.site-head.scrolled::before{opacity:1}
.w-com .site-head::before{background:rgba(59,32,22,.55)}
.w-lviq .site-head::before{background:rgba(20,10,27,.6)}
.w-arq .site-head::before{background:rgba(12,11,10,.6)}
.w-jp .site-head::before{background:rgba(10,18,27,.6)}
@media (max-width:1240px){
  .claude-artifact-nav{visibility:hidden;opacity:0;transform:none;transition:opacity .5s var(--ease),visibility .5s;height:100vh;height:100dvh}
  body.menu-open .claude-artifact-nav{visibility:visible;opacity:1}
  body.menu-open .site-head::before{opacity:0}
}
@media (max-width:1240px){.claude-artifact-nav{background:rgba(6,22,27,.98)}}
/* 144,000 field */
.field{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(560px,88vh,880px);padding-block:clamp(100px,10vw,150px);background:radial-gradient(90% 80% at 70% 20%,#3A2016 0%,#1E100A 55%,#140A06 100%);color:#FFF4EC;cursor:crosshair}
.field canvas{position:absolute;inset:0;width:100%;height:100%}
.field .wrap{position:relative;pointer-events:none}
.field .wrap a,.field .wrap button{pointer-events:auto}
.counter{font-family:var(--display);font-weight:300;font-size:clamp(76px,12vw,184px);line-height:.9;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0;background:linear-gradient(180deg,#FFF6EE 0%,#F7D6C4 60%,#E9A988 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.field-hint{font-family:var(--display);font-style:italic;font-size:20px;color:#F2B79A;min-height:1.4em;margin:0}
.lum-mark{font-family:var(--display);font-weight:300;letter-spacing:.5em;font-size:clamp(18px,1.7vw,24px);color:#F2A889;margin:0}
/* LV.IQ what it does */
.does{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}
.doc{border-top:1px solid rgba(183,155,227,.45);padding:26px 4px 0;display:flex;flex-direction:column;gap:12px;min-width:0}
.doc-n{font-family:var(--display);font-weight:300;font-size:clamp(34px,3vw,46px);color:var(--lilac);line-height:1}
.doc p{font-size:15.5px;line-height:1.6;color:rgba(237,227,248,.75);margin:0}
.doc b{font-weight:400;color:var(--lilac)}
@media (max-width:900px){.does{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.does{grid-template-columns:1fr}}
/* LV.IQ pillars */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(183,155,227,.4);border-bottom:1px solid rgba(183,155,227,.4)}
.pillar{padding:clamp(28px,3vw,44px) clamp(16px,2vw,30px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.pillar+.pillar{border-left:1px solid rgba(183,155,227,.4)}
.pillar svg{width:40px;height:40px;fill:none;stroke:var(--violet);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;margin-bottom:8px}
.pillar h3{font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--lilac)}
.pillar p{font-size:15.5px;line-height:1.6;color:rgba(237,227,248,.72);margin:0}
@media (max-width:900px){.pillars{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(3){border-left:0}.pillar:nth-child(n+3){border-top:1px solid rgba(183,155,227,.4)}}
@media (max-width:480px){.pillars{grid-template-columns:1fr}.pillar+.pillar{border-left:0;border-top:1px solid rgba(183,155,227,.4)}}
/* LV.IQ why + layers */
.whys{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:18px}
.whys li{display:flex;flex-direction:column;gap:4px;padding-left:22px;position:relative}
.whys li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#B79BE3 55%,#4B3A7A);box-shadow:0 0 12px rgba(183,155,227,.7)}
.whys b{font-family:var(--display);font-weight:400;font-size:clamp(21px,1.8vw,26px);color:var(--lilac)}
.whys span{font-size:15.5px;line-height:1.6;color:rgba(237,227,248,.72)}
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}
.layer{border:1px solid rgba(183,155,227,.28);background:linear-gradient(160deg,rgba(183,155,227,.12),rgba(183,155,227,.02));border-radius:4px;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:18px;min-width:0}
.layer-n{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--violet);margin:0}
.layer h3{font-size:clamp(24px,2.1vw,30px);color:var(--lilac);margin-bottom:4px}
.ing-row{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.ing-row .orb{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0,#CFE9E6 25%,#6FB3B0 60%,#1D4F57 100%);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 8px 20px -8px rgba(183,155,227,.6)}
.ing-row .orb img{width:100%;height:100%;object-fit:cover}
.ing-row .orb span{font-family:var(--display);font-size:20px;color:var(--teal)}
.ing-row b{display:block;font-weight:400;font-size:15px;letter-spacing:.04em;color:var(--lilac);margin-bottom:4px}
.ing-row b span{font-size:11px;letter-spacing:.24em;color:var(--gold);margin-left:8px}
.ing-row p{font-size:14.5px;line-height:1.55;color:rgba(237,227,248,.72);margin:0}
@media (max-width:960px){.layers{grid-template-columns:1fr}}
#why .media.fit,#moment .media.fit{background:var(--plum-0)}
#why .media.fit::before,#moment .media.fit::before{filter:blur(30px) brightness(.55) saturate(1.2)}
.dose-dots{display:flex;gap:14px;margin:6px 0}
.dose-dots span{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#E4D6F7 30%,#B79BE3 65%,#4B3A7A 100%);box-shadow:0 0 16px rgba(183,155,227,.55)}
.dose-dots span:nth-child(2){opacity:.7}.dose-dots span:nth-child(3){opacity:.45}
/* community commerce */
.paths{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(14px,2vw,28px);align-items:stretch}
.path{--pane-bg:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.4));--pane-line:rgba(154,90,63,.2);color:var(--peach-ink)}
.path h3{color:var(--peach-ink)}
.path p{color:rgba(59,32,22,.75);line-height:1.65}
.path .actions{margin-top:auto;padding-top:10px}
.kits{display:grid;gap:10px;margin:6px 0}
.kit{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(154,90,63,.2);border-radius:3px;background:rgba(251,239,231,.7)}
.kit b{font-family:var(--display);font-weight:400;font-size:22px}
.kit span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9A5A3F}
.tbc{background:rgba(233,146,107,.18);padding:1px 6px;border-radius:2px}
@media (max-width:860px){.paths{grid-template-columns:1fr}}
/* ecosystem circle */
.circle-svg{width:100%;max-width:560px;height:auto;display:block;margin-inline:auto;overflow:visible}
.c-core{font-family:var(--display);font-size:34px;fill:#3B2016}
.c-sub{font-family:var(--sans);font-size:10px;letter-spacing:.3em;text-transform:uppercase;fill:#9A5A3F}
.c-node{font-family:var(--display);font-size:17px;fill:#3B2016}
.c-orbit{font-family:var(--sans);font-size:11px;letter-spacing:.2em;fill:#9A5A3F}
.circle-svg .c-orbit{animation:none}
@media (prefers-reduced-motion:no-preference){.circle-svg{animation:none}}
/* system grid */
.sysgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(154,90,63,.18);border:1px solid rgba(154,90,63,.18)}
.sysi{background:var(--peach-0);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:8px;min-width:0}
.sysi b{font-family:var(--display);font-weight:400;font-size:clamp(21px,1.8vw,25px);color:var(--peach-ink)}
.sysi span{font-size:14.5px;line-height:1.6;color:rgba(59,32,22,.72)}
/* packs */
.packs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);max-width:1100px;margin-inline:auto}
.pack{--pane-bg:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.45));--pane-line:rgba(154,90,63,.22);color:var(--peach-ink)}
.pack.feature{--pane-bg:linear-gradient(160deg,#FFFFFF,#F4E4D8);--pane-line:rgba(154,90,63,.45);box-shadow:0 30px 60px -30px rgba(154,90,63,.45)}
.pack h3{color:var(--peach-ink);letter-spacing:.02em}
.pack p{color:rgba(59,32,22,.75);line-height:1.65}
.pack .ticks li{color:rgba(59,32,22,.8)}
.pack .actions{margin-top:auto;padding-top:10px}
.talk{text-align:center;margin-top:30px;font-size:16px;color:rgba(59,32,22,.8)}
@media (max-width:960px){.sysgrid{grid-template-columns:repeat(2,1fr)}#ecosystem .grid{grid-template-columns:1fr!important}}
@media (max-width:760px){.packs{grid-template-columns:1fr}}
@media (max-width:480px){.sysgrid{grid-template-columns:1fr}}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:6px}
.flow span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9A5A3F;padding:8px 14px;border:1px solid rgba(154,90,63,.3);border-radius:999px;background:rgba(255,255,255,.5)}
.flow i{width:18px;height:1px;background:#9A5A3F;opacity:.5}
.ripple{list-style:none;counter-reset:r;padding:0;margin:6px 0 0;display:grid;gap:14px}
.ripple li{counter-increment:r;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:baseline}
.ripple li::before{content:"0" counter(r);grid-row:span 2;font-family:var(--display);font-size:26px;color:#C97A57}
.ripple b{font-family:var(--display);font-weight:400;font-size:24px;color:var(--peach-ink)}
.ripple span{font-size:15px;color:rgba(59,32,22,.72)}
.truth{margin:clamp(48px,6vw,80px) auto 0;max-width:1100px;display:flex;flex-direction:column;gap:22px}
.truth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(154,90,63,.2);border:1px solid rgba(154,90,63,.2)}
.truth-grid div{background:rgba(251,239,231,.85);padding:22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.truth-grid b{font-family:var(--display);font-weight:400;font-size:21px;color:var(--peach-ink)}
.truth-grid span{font-size:14px;line-height:1.55;color:rgba(59,32,22,.72)}
@media (max-width:900px){.truth-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.truth-grid{grid-template-columns:1fr}}
/* real LumiVitae logo */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:clamp(15px,1.35vw,19px);width:auto;display:block}
.site-foot .logo img{height:22px}
/* seven ingredient orbs */
.io-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(48px,6vw,88px)}
.io-title{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(40px,5.4vw,88px);line-height:1;color:var(--lilac)}
.io-row{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(12px,1.6vw,26px);align-items:start}
.io{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0}
.io-orb{width:clamp(88px,9vw,150px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 40px -6px rgba(183,155,227,.55),0 18px 40px -18px rgba(0,0,0,.6);margin-bottom:12px;transition:transform .8s var(--ease),box-shadow .8s var(--ease)}
.io:hover .io-orb{transform:translateY(-4px) scale(1.03);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 60px -4px rgba(183,155,227,.8),0 24px 50px -20px rgba(0,0,0,.6)}
.io-orb img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.io-orb.h2{background:radial-gradient(circle at 35% 30%,#FFFFFF 0,#E8EEF2 35%,#B6C4CE 80%,#8FA1AE 100%)}
.io-orb.h2 span{font-family:var(--display);font-size:clamp(30px,3vw,48px);color:#2C3E4A}
.io-orb.h2 sub{font-size:.55em}
.io h3{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--lilac);line-height:1.6;min-height:3.2em;display:flex;align-items:flex-start}
.io-d{font-family:var(--display);font-size:24px;color:var(--gold);margin:0}
.io p:last-child{font-size:14.5px;line-height:1.6;color:rgba(237,227,248,.72);margin:0}
@media (max-width:1100px){.io-row{grid-template-columns:repeat(4,1fr);row-gap:48px}}
@media (max-width:760px){.io-head{grid-template-columns:1fr}.io-row{grid-template-columns:repeat(2,1fr)}}
/* three layers with orbs */
.lays{display:grid;grid-template-columns:2fr 3fr 2fr;gap:0;border-top:1px solid rgba(183,155,227,.3);border-bottom:1px solid rgba(183,155,227,.3)}
.lay{padding:clamp(28px,3vw,44px) clamp(14px,2vw,30px);display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);min-width:0;position:relative}
.lay+.lay{border-left:1px solid rgba(183,155,227,.3)}
.lay:nth-child(2){background:radial-gradient(80% 60% at 50% 0%,rgba(183,155,227,.12),transparent 70%)}
.lay-h{display:flex;gap:16px;align-items:flex-start}
.lay-n{font-family:var(--display);font-weight:300;font-size:clamp(40px,3.6vw,56px);line-height:.9;color:var(--violet);opacity:.8}
.lay-t{font-family:var(--display);font-weight:300;font-size:clamp(20px,1.7vw,26px);color:var(--lilac);margin-top:6px;line-height:1.2}
.lay-orbs{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(10px,1.4vw,22px);align-items:start}
.lay .io-orb{width:clamp(76px,7vw,120px)}
.lay .io h3{min-height:3.2em;font-size:11px;letter-spacing:.22em}
@media (max-width:1100px){.lays{grid-template-columns:1fr}.lay+.lay{border-left:0;border-top:1px solid rgba(183,155,227,.3)}.lay-orbs{max-width:760px}}
@media (max-width:560px){.lay-orbs{grid-template-columns:repeat(2,1fr)}}
/* Join the Light: sit the copy inside the ring */
.join-ring .wrap{padding-bottom:20vh}
.join-ring .lede{text-shadow:0 1px 14px rgba(6,22,27,.9)}
@media (max-width:760px){.join-ring .wrap{padding-bottom:0}}

/* ---------- The Science (aqua + silver light) ---------- */
.w-sci{--accent:#9FD8D4;background:#04161B}
.w-sci .eyebrow{color:#A9DCD8}
.w-sci .glass.solid{color:#0B2A30}
.sci{background:radial-gradient(110% 80% at 20% 0%,#0E3A40 0%,#072229 50%,#04161B 100%)}
.sci-2{background:linear-gradient(180deg,#04161B,#0A262C)}
.sci-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:980px;margin-inline:auto}
.sci-chips span{font-family:var(--display);font-weight:300;font-size:clamp(20px,1.9vw,28px);padding:16px 30px;border-radius:999px;border:1px solid rgba(169,220,216,.35);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 40px -14px rgba(159,216,212,.55)}
.sci-panes .pane{display:flex;flex-direction:column;gap:14px}
.sci-panes .pane p:last-child{color:var(--mist);line-height:1.65;margin:0}
.sci-n{font-family:var(--display);font-size:15px;letter-spacing:.3em;color:#A9DCD8;margin:0}
.refs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border-top:1px solid rgba(169,220,216,.25)}
.refs li{padding:20px 0;border-bottom:1px solid rgba(169,220,216,.25);display:grid;gap:6px}
.refs span{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#A9DCD8}
.refs b{font-family:var(--display);font-weight:400;font-size:24px}
.refs p{margin:0;color:var(--mist);line-height:1.6;font-size:15.5px}
.sci-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1100px;margin-inline:auto;background:rgba(169,220,216,.25);border:1px solid rgba(169,220,216,.25)}
.sci-promise div{background:rgba(4,22,27,.85);padding:clamp(28px,3.4vw,52px) 24px;font-family:var(--display);font-style:italic;font-size:clamp(22px,2.2vw,32px);display:flex;flex-direction:column;gap:14px;align-items:center}
.sci-promise small{font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#A9DCD8}
@media (max-width:760px){.sci-promise{grid-template-columns:1fr}}

/* ---------- Get Started (peach + champagne) ---------- */
.passes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);max-width:1180px;margin-inline:auto}
.pass{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:linear-gradient(170deg,rgba(255,255,255,.9),rgba(255,255,255,.55));border:1px solid rgba(154,90,63,.22);box-shadow:0 30px 70px -40px rgba(154,90,63,.5)}
.pass.plat{background:linear-gradient(170deg,#FFFDF8,#F3E6D2);border-color:rgba(176,140,80,.5);box-shadow:0 40px 80px -36px rgba(122,90,46,.55)}
.pass-img{aspect-ratio:16/10;overflow:hidden}
.pass-img img{width:100%;height:100%;object-fit:cover;transition:transform 2s var(--ease)}
.pass:hover .pass-img img{transform:scale(1.03)}
.pass-body{padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:14px;flex:1}
.pass h3{font-size:clamp(30px,2.8vw,42px);color:var(--peach-ink)}
.pass .it{font-family:var(--display);font-style:italic;font-size:21px;color:rgba(59,32,22,.75);margin:0}
.pass.plat .eyebrow{color:#7A5A2E}
.inpack{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:0;border-top:1px solid rgba(154,90,63,.18)}
.inpack li{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(154,90,63,.18);font-size:15px;letter-spacing:.04em;color:rgba(59,32,22,.85)}
.inpack b{font-family:var(--display);font-weight:400;font-size:24px;width:30px;text-align:center;color:#9A5A3F}
.pass.plat .inpack b{color:#B08C50}
.pass .actions{margin-top:auto;padding-top:16px}
.items{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.item{position:relative;margin:0;display:flex;flex-direction:column;gap:16px}
.item .ph{aspect-ratio:3/4;border-radius:3px;box-shadow:0 26px 50px -30px rgba(59,32,22,.6)}
.item .qty{position:absolute;top:14px;left:14px;font-family:var(--display);font-size:22px;color:#FFF4EC;padding:6px 14px;border-radius:999px;background:rgba(59,32,22,.35);border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.item figcaption{display:flex;flex-direction:column;gap:6px}
.item b{font-family:var(--display);font-weight:400;font-size:26px;color:var(--peach-ink)}
.item figcaption span{font-size:14.5px;line-height:1.6;color:rgba(59,32,22,.75)}
.item em{font-style:normal;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:#9A5A3F;margin-top:4px}
.item em.p{color:#7A5A2E}
.sys5{grid-template-columns:repeat(5,1fr)}
.sysi i{font-style:normal;font-family:var(--display);font-size:15px;letter-spacing:.3em;color:#9A5A3F}
.people{list-style:none;padding:0;margin:8px 0 0;display:grid;border-top:1px solid rgba(255,217,196,.3)}
.people li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid rgba(255,217,196,.3)}
.people b{font-family:var(--display);font-weight:400;font-size:25px}
.people span{color:rgba(255,244,236,.78);font-size:15.5px}
.accel{background:radial-gradient(100% 80% at 50% 0%,#5A3E22 0%,#2E1E12 55%,#1A110A 100%);color:#F6E8D4}
.accel .eyebrow{color:#E3C48E}
.accel .lede{color:rgba(246,232,212,.75)}
.acc{border:1px solid rgba(227,196,142,.35);background:linear-gradient(160deg,rgba(227,196,142,.14),rgba(227,196,142,.02));border-radius:4px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}
.acc span{font-family:var(--display);font-weight:300;font-size:44px;line-height:1;background:linear-gradient(120deg,#B08C50,#F3DDAE 45%,#C9A465 70%,#F7E6C0);-webkit-background-clip:text;background-clip:text;color:transparent}
.acc b{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.1vw,30px)}
.acc p{margin:0;color:rgba(246,232,212,.75);line-height:1.6}
.cmp{max-width:1000px;margin-inline:auto;border-top:1px solid rgba(154,90,63,.25)}
.cmp-r{display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(154,90,63,.2);font-size:15px;color:rgba(59,32,22,.85)}
.cmp-r>span:first-child{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#9A5A3F;align-self:center}
.cmp-h span{font-family:var(--display);font-size:24px;color:var(--peach-ink)}
.cmp-h span:last-child{color:#7A5A2E}
@media (max-width:1000px){.items{grid-template-columns:repeat(2,1fr)}.sys5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.passes{grid-template-columns:1fr}.cmp-r{grid-template-columns:1fr 1fr;gap:8px 16px}.cmp-r>span:first-child{grid-column:1/-1}.cmp-h>span:first-child{display:none}.sys5{grid-template-columns:1fr}}
.claude-artifact-nav a{white-space:nowrap}
.head-cta{white-space:nowrap}
@media (min-width:1241px) and (max-width:1480px){.claude-artifact-nav{gap:clamp(14px,1.6vw,26px)}.claude-artifact-nav a{letter-spacing:.2em;font-size:11px}.head-cta{padding:0 16px}}
.inpack small{margin-left:auto;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#9A5A3F;opacity:.85}
.pass.plat .inpack small{color:#7A5A2E}
.item .dots{display:flex;gap:8px;margin-top:4px}
.item .dots .mdot{width:16px;height:16px}
/* Platinum: true platinum tones */
.pass.plat{background:linear-gradient(170deg,#FFFFFF 0%,#EEEFF0 55%,#DCDEE0 100%);border-color:rgba(140,146,152,.55);box-shadow:0 40px 80px -36px rgba(70,76,84,.5)}
.pass.plat .eyebrow,.pass.plat .inpack small,.item em.p,.cmp-h span:last-child{color:#6E747B}
.pass.plat .inpack b{color:#8A9097}
.pass.plat .inpack li{border-color:rgba(110,116,123,.2)}
.pass.plat .inpack{border-color:rgba(110,116,123,.2)}
.glass.plat-btn{color:#2E3236;border-color:rgba(255,255,255,.9);background:linear-gradient(135deg,#F7F7F6 0%,#D5D7D9 30%,#FFFFFF 50%,#C3C6C9 72%,#ECEDEE 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px -12px rgba(46,50,54,.55)}
.glass.plat-btn:hover{background:linear-gradient(135deg,#FFFFFF 0%,#E2E4E6 30%,#FFFFFF 50%,#D0D3D6 72%,#F6F6F7 100%)}
.accel{background:radial-gradient(100% 80% at 50% 0%,#4A4F55 0%,#25282C 55%,#141618 100%);color:#EEF0F2}
.accel .eyebrow{color:#C9CDD2}
.accel .lede,.acc p{color:rgba(238,240,242,.72)}
.acc{border-color:rgba(205,210,215,.35);background:linear-gradient(160deg,rgba(225,229,233,.14),rgba(225,229,233,.02))}
.acc span{background:linear-gradient(120deg,#9EA4AA,#FFFFFF 45%,#B9BEC3 70%,#F2F4F6)}
.acc span{-webkit-background-clip:text;background-clip:text}
@media (max-width:760px){.start-hero .copy{margin-left:0}}
.start-hero{background:linear-gradient(180deg,#0A1D24 0%,#0E2F3C 60%,#103240 100%);padding-top:clamp(130px,13vw,190px);text-align:center;overflow:hidden}
.start-hero .copy{max-width:820px;margin-inline:auto;align-items:center}
.start-hero .lede{margin-inline:auto}
.start-hero-img{position:relative;max-width:1680px;margin:clamp(24px,3vw,48px) auto 0}
.start-hero-img img{display:block;width:100%;height:auto}
.start-hero-img::before{content:"";position:absolute;inset:0 0 auto 0;height:34%;background:linear-gradient(180deg,#103240,rgba(16,50,64,0));z-index:1;pointer-events:none}
.start-hero-img::after{content:"";position:absolute;inset:0;box-shadow:inset 80px 0 80px -40px #103240,inset -80px 0 80px -40px #103240;pointer-events:none}
.start-hero-img::before{display:none}
.start-hero-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 32%);mask-image:linear-gradient(180deg,transparent 0%,#000 32%)}
.start-hero-img{margin-top:clamp(-20px,-2vw,0px)}
/* Seven colours: show the full panorama */
.seven{background:linear-gradient(180deg,var(--ink) 0%,#0B1E26 30%,#0B1E26 70%,var(--ink) 100%);padding-bottom:clamp(64px,7vw,110px)}
.seven .head{margin-bottom:clamp(28px,3vw,48px)}
.seven-strip{position:relative;width:100%;max-width:1800px;margin-inline:auto;aspect-ratio:1600/538}
.seven-strip video{width:100%;height:100%;object-fit:contain;display:block}
.seven-strip::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 120px 0 90px -60px #0B1E26,inset -120px 0 90px -60px #0B1E26,inset 0 40px 50px -30px #0B1E26,inset 0 -40px 50px -30px #0B1E26}
.seven-dots{display:flex;justify-content:center;gap:clamp(14px,2vw,26px);margin-top:clamp(24px,3vw,40px)}
.seven-dots span{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 14px 2px color-mix(in srgb,var(--c) 70%,transparent)}
@media (max-width:760px){.seven-strip::after{box-shadow:inset 24px 0 20px -14px #0B1E26,inset -24px 0 20px -14px #0B1E26,inset 0 16px 20px -12px #0B1E26,inset 0 -16px 20px -12px #0B1E26}}
.glass.plat-btn,.glass.plat-btn:hover{background:#7D838A;color:#fff;border-color:transparent;box-shadow:none}
.glass.plat-btn:hover{background:#6E747B}

/* ---------- Get Started: brand teal, blue and green ---------- */
.w-start{background:#061A20;color:#F2F7F6}
.w-start .site-head::before{background:rgba(6,26,32,.6)}
.st-light{background:linear-gradient(170deg,#F1F7F6 0%,#E3EFEE 60%,#D6E8E7 100%);color:#0B2A30}
.st-light .eyebrow{color:#2A7C84}
.st-light .lede{color:rgba(11,42,48,.72)}
.st-light .display-m,.st-light h2{color:#0B2A30}
.st-dark{background:radial-gradient(110% 80% at 20% 0%,#0F3D45 0%,#0A2A31 50%,#061A20 100%);color:#F2F7F6}
.st-dark .eyebrow{color:#A9DCD8}
.st-dark .lede{color:rgba(242,247,246,.74)}
.st-dark .quote{color:#F2F7F6}
/* pass cards */
.w-start .pass{background:linear-gradient(170deg,#FFFFFF,#F2F8F7);border-color:rgba(30,107,115,.22);box-shadow:0 30px 70px -40px rgba(11,42,48,.45)}
.w-start .pass h3{color:#0B2A30}
.w-start .pass .it{color:rgba(11,42,48,.7)}
.w-start .pass .eyebrow{color:#2A7C84}
.w-start .inpack{border-color:rgba(30,107,115,.18)}
.w-start .inpack li{border-color:rgba(30,107,115,.18);color:rgba(11,42,48,.85)}
.w-start .inpack b,.w-start .inpack small{color:#1E6B73}
.w-start .pass.plat{background:linear-gradient(170deg,#FFFFFF 0%,#EEF0F2 55%,#DCE0E3 100%);border-color:rgba(140,146,152,.55)}
.w-start .pass.plat .eyebrow,.w-start .pass.plat .inpack small{color:#6E747B}
.w-start .pass.plat .inpack b{color:#8A9097}
/* product tiles on dark teal */
.w-start .item b{color:#F2F7F6}
.w-start .item figcaption span{color:rgba(242,247,246,.72)}
.w-start .item em{color:#7FD1C7}
.w-start .item em.p{color:#C9CDD2}
.w-start .item .ph{box-shadow:0 26px 50px -30px rgba(0,0,0,.7)}
.w-start .item .qty{background:rgba(6,26,32,.4)}
/* platform grid */
.w-start .sysgrid{background:rgba(30,107,115,.2);border-color:rgba(30,107,115,.2)}
.w-start .sysi{background:#F1F7F6}
.w-start .sysi b{color:#0B2A30}
.w-start .sysi span{color:rgba(11,42,48,.72)}
.w-start .sysi i{color:#2A7C84}
/* people list */
.w-start .people{border-color:rgba(169,220,216,.3)}
.w-start .people li{border-color:rgba(169,220,216,.3)}
.w-start .people span{color:rgba(242,247,246,.78)}
/* compare */
.w-start .cmp{border-color:rgba(30,107,115,.25)}
.w-start .cmp-r{border-color:rgba(30,107,115,.2);color:rgba(11,42,48,.85)}
.w-start .cmp-r>span:first-child{color:#2A7C84}
.w-start .cmp-h span{color:#0B2A30}
.w-start .cmp-h span:last-child{color:#6E747B}
/* accelerator: blue-graphite platinum */
.w-start .accel{background:radial-gradient(100% 80% at 50% 0%,#3C4B56 0%,#1C2830 55%,#0D161B 100%)}
.w-start .scene>.bg::after{content:"";position:absolute;inset:0;background:#0E4A52;mix-blend-mode:color;opacity:.38;pointer-events:none}
.w-start .scene>.bg.no-tint::after{display:none}

/* ---------- Get Started v2: Lumi deep teal-blue, glass ---------- */
.w-start{background:#040B14;color:#EAF2F4}
.w-start .site-head::before{background:rgba(4,11,20,.62)}
.w-start .start-hero{background:linear-gradient(180deg,#040B14 0%,#0B1D32 60%,#103240 100%)}
.w-start .st-light,.w-start .st-dark{color:#EAF2F4}
.w-start .st-light{background:radial-gradient(90% 70% at 85% 0%,#112C42 0%,#0B1D32 40%,#04111D 100%)}
.w-start .st-dark{background:radial-gradient(90% 70% at 15% 0%,#173F4C 0%,#0E2A36 40%,#040B14 100%)}
.w-start .st-light .eyebrow,.w-start .st-dark .eyebrow{color:#8FC9D0}
.w-start .st-light .display-m,.w-start .st-light h2{color:#EAF2F4}
.w-start .st-light .lede,.w-start .st-dark .lede{color:rgba(234,242,244,.72)}
.w-start .note{color:rgba(234,242,244,.6)}
/* glass pass cards */
.w-start .pass{background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(143,201,208,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.w-start .pass h3{color:#EAF2F4}
.w-start .pass .it{color:rgba(234,242,244,.7)}
.w-start .pass .eyebrow{color:#8FC9D0}
.w-start .inpack,.w-start .inpack li{border-color:rgba(143,201,208,.18)}
.w-start .inpack li{color:rgba(234,242,244,.88)}
.w-start .inpack b,.w-start .inpack small{color:#8FC9D0}
.w-start .pass.plat{background:linear-gradient(165deg,rgba(230,234,238,.16),rgba(230,234,238,.04));border-color:rgba(214,220,226,.45)}
.w-start .pass.plat .eyebrow,.w-start .pass.plat .inpack small,.w-start .pass.plat .inpack b{color:#C9D0D6}
.w-start .glass.ink.fill{background:#2F8E98;color:#fff}
.w-start .glass.plat-btn{background:#AEB5BC;color:#0B1D32}
.w-start .glass.plat-btn:hover{background:#C3C9CF}
/* platform grid as glass */
.w-start .sysgrid{background:rgba(143,201,208,.18);border-color:rgba(143,201,208,.18)}
.w-start .sysi{background:rgba(11,29,50,.85)}
.w-start .sysi b{color:#EAF2F4}
.w-start .sysi span{color:rgba(234,242,244,.7)}
.w-start .sysi i{color:#8FC9D0}
/* compare */
.w-start .cmp,.w-start .cmp-r{border-color:rgba(143,201,208,.2)}
.w-start .cmp-r{color:rgba(234,242,244,.85)}
.w-start .cmp-r>span:first-child{color:#8FC9D0}
.w-start .cmp-h span{color:#EAF2F4}
.w-start .cmp-h span:last-child{color:#C9D0D6}
/* product tiles */
.w-start .item em{color:#8FC9D0}
/* accelerator in navy-blue graphite */
.w-start .accel{background:radial-gradient(100% 80% at 50% 0%,#24405A 0%,#0E2236 55%,#040B14 100%)}
.w-start .acc{border-color:rgba(200,214,226,.3)}