  :root{
    --bg:#0a0a0f;
    --bg-2:#12111a;
    --surface:#15151f;
    --surface-line:rgba(255,255,255,0.09);
    --ink:#eef2f2;
    --ink-dim:#a7b0bd;
    --ink-faint:#7b8494;
    --accent:#2fe6c6;
    --accent-soft:#9af6e4;
    --accent-wash:rgba(47,230,198,0.14);
    --accent-ink:#062622;
    --warm:#ffb545;
    --warm-soft:#ffd699;
    --warm-ink:#2b1704;
    --deep:#8b7aff;
    --font-display:'Unbounded', 'Arial Narrow', sans-serif;
    --font-body:'Hanken Grotesk', 'Segoe UI', sans-serif;
    --font-mono:'IBM Plex Mono', 'Courier New', monospace;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:auto;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--accent); color:#100b06;}

  a{color:inherit;}
  h1,h2,h3{font-family:var(--font-display); font-weight:700; text-wrap:balance; margin:0;}
  p{margin:0;}

  .mono{font-family:var(--font-mono); letter-spacing:0.04em;}
  .eyebrow{
    font-family:var(--font-mono);
    font-size:0.72rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--accent-soft);
    display:flex;
    align-items:center;
    gap:0.6em;
  }
  .eyebrow::before{
    content:'';
    width:6px; height:6px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 8px 1px var(--accent);
    flex:none;
  }
  .eyebrow .dim{color:var(--ink-faint); font-weight:400;}

  /* ---------- fixed background layers ---------- */
  #void{
    position:fixed; inset:0; z-index:-3;
    background:
      radial-gradient(60% 50% at 18% 12%, rgba(47,230,198,0.09), transparent 60%),
      radial-gradient(50% 40% at 85% 78%, rgba(122,101,255,0.09), transparent 60%),
      linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 55%, var(--bg) 100%);
  }
  #grain{
    position:fixed; inset:0; z-index:-1;
    opacity:0.05; mix-blend-mode:overlay; pointer-events:none;
  }
  #bg-canvas{ position:fixed; inset:0; z-index:-3; display:block; }
  #scrim{
    position:fixed; inset:0; z-index:-2; pointer-events:none;
    background:
      radial-gradient(120% 85% at 50% 38%, transparent 0%, rgba(6,7,11,0.82) 76%),
      rgba(6,7,11,0.4);
    opacity:0;
    transition:opacity 0.9s cubic-bezier(.32,.72,0,1);
    will-change:opacity;
  }

  /* ---------- layout shell ---------- */
  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding-inline:24px;
  }
  @media(min-width:640px){ .wrap{padding-inline:40px;} }

  .spine{
    position:relative;
  }
  .spine::before{
    content:'';
    position:absolute;
    left:24px; top:0; bottom:0;
    width:1px;
    background:linear-gradient(180deg, transparent, var(--surface-line) 8%, var(--surface-line) 92%, transparent);
    z-index:0;
  }
  @media(min-width:640px){ .spine::before{left:40px;} }

  /* ---------- nav ---------- */
  nav{
    position:fixed; top:0; left:0; right:0; z-index:40;
    display:flex; align-items:center; justify-content:space-between;
    gap:12px;
    padding:14px 20px;
  }
  @media(min-width:640px){ nav{padding:18px 40px;} }
  .nav-links{
    display:none;
    align-items:center;
    gap:28px;
    font-family:var(--font-mono);
    font-size:0.76rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
  }
  @media(min-width:860px){ .nav-links{ display:flex; } }
  .nav-links a{
    color:var(--ink-dim, var(--ink));
    text-decoration:none;
    opacity:0.72;
    transition:opacity 0.2s ease, color 0.2s ease;
    white-space:nowrap;
  }
  .nav-links a:hover,
  .nav-links a:focus-visible{
    opacity:1;
    color:var(--accent);
  }
  .nav-links a:focus-visible{ outline:2px solid var(--accent-soft); outline-offset:4px; border-radius:2px; }
  .brand{
    display:flex; align-items:center; gap:10px;
    font-family:var(--font-mono); font-size:0.82rem; letter-spacing:0.08em;
    text-decoration:none;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(20,19,26,0.55);
    border:1px solid var(--surface-line);
    backdrop-filter:blur(16px) saturate(140%);
    -webkit-backdrop-filter:blur(16px) saturate(140%);
  }
  .brand-mark{
    width:9px; height:9px; border-radius:2px;
    background:var(--accent);
    box-shadow:0 0 10px 1px var(--accent);
    flex:none;
  }
  .cta-pill{
    font-family:var(--font-mono);
    font-size:0.78rem;
    letter-spacing:0.05em;
    color:var(--accent-ink);
    background:linear-gradient(135deg, var(--accent-soft), var(--accent));
    padding:11px 20px;
    border-radius:999px;
    border:none;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    box-shadow:0 6px 24px -6px rgba(47,230,198,0.5);
    transition:transform 0.25s cubic-bezier(.32,.72,0,1), box-shadow 0.25s cubic-bezier(.32,.72,0,1);
    white-space:nowrap;
  }
  .cta-pill:hover, .cta-pill:focus-visible{ transform:translateY(-2px); box-shadow:0 10px 30px -6px rgba(47,230,198,0.65); }
  .cta-pill:focus-visible{ outline:2px solid var(--accent-soft); outline-offset:3px; }
  .cta-ghost{
    font-family:var(--font-mono); font-size:0.78rem; letter-spacing:0.05em;
    color:var(--ink); background:transparent; border:1px solid var(--surface-line);
    padding:10px 18px; border-radius:999px; cursor:pointer; text-decoration:none; display:inline-flex;
    transition:border-color 0.25s cubic-bezier(.32,.72,0,1), background 0.25s cubic-bezier(.32,.72,0,1);
  }
  .cta-ghost:hover, .cta-ghost:focus-visible{ border-color:var(--accent-soft); background:var(--accent-wash); }
  .cta-ghost:focus-visible{ outline:2px solid var(--accent-soft); outline-offset:3px; }

  /* ---------- glass block ---------- */
  .glass{
    background:rgba(12,13,19,0.74);
    border:1px solid var(--surface-line);
    border-radius:20px;
    backdrop-filter:blur(26px) saturate(140%);
    -webkit-backdrop-filter:blur(26px) saturate(140%);
    box-shadow:0 1px 0 0 rgba(255,255,255,0.05) inset, 0 20px 60px -30px rgba(0,0,0,0.75);
  }
  .glass-light{
    background:rgba(14,15,21,0.5);
    backdrop-filter:blur(14px) saturate(120%);
    -webkit-backdrop-filter:blur(14px) saturate(120%);
    box-shadow:0 1px 0 0 rgba(255,255,255,0.03) inset, 0 12px 34px -22px rgba(0,0,0,0.55);
  }
  .glass-strong{
    background:rgba(10,11,16,0.86);
    backdrop-filter:blur(32px) saturate(150%);
    -webkit-backdrop-filter:blur(32px) saturate(150%);
    box-shadow:0 1px 0 0 rgba(255,255,255,0.06) inset, 0 28px 80px -30px rgba(0,0,0,0.85);
  }

  /* ---------- hero ---------- */
  #hero{
    min-height:100svh;
    display:flex; flex-direction:column; justify-content:center;
    padding-top:110px; padding-bottom:60px;
    position:relative;
  }
  .hero-grid{
    display:grid; gap:28px;
  }
  .hero-head{ font-size:clamp(2.4rem, 6.4vw, 5.2rem); line-height:1.02; letter-spacing:-0.01em; filter:drop-shadow(0 6px 26px rgba(4,5,8,0.65)); }
  .hero-head .accent-line{
    background:linear-gradient(90deg, var(--ink), var(--accent-soft) 55%, var(--accent));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero-sub{ max-width:520px; color:var(--ink-dim); font-size:1.08rem; }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
  .stat-row{
    display:flex; flex-wrap:wrap; gap:10px;
    margin-top:8px;
  }
  .stat-chip{
    font-family:var(--font-mono); font-size:0.74rem; letter-spacing:0.05em;
    padding:9px 14px; border-radius:10px;
    border:1px solid var(--surface-line);
    background:rgba(255,255,255,0.02);
    color:var(--ink-dim);
    white-space:nowrap;
  }
  .stat-chip b{ color:var(--ink); font-weight:500; }
  .scroll-cue{
    position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:8px;
    font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.16em; color:var(--ink-faint);
  }
  .scroll-cue .line{ width:1px; height:34px; background:linear-gradient(180deg, var(--accent-soft), transparent); animation:pulse-line 2.2s ease-in-out infinite; }
  @keyframes pulse-line{ 0%,100%{opacity:0.3;} 50%{opacity:1;} }

  /* ---------- section scaffolding ---------- */
  section{ position:relative; padding-block:120px; }
  .section-head{ margin-bottom:44px; max-width:680px; }
  .section-title{ font-size:clamp(1.7rem, 3.6vw, 2.6rem); margin-top:14px; }
  .section-lede{ color:var(--ink-dim); margin-top:14px; font-size:1.02rem; max-width:520px; }

  /* pinned turn section */
  #turn{ min-height:100svh; display:flex; align-items:center; }
  .turn-inner{ width:100%; text-align:center; }
  .turn-glyphs{ display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:20px; color:var(--ink-faint); }
  .turn-glyphs svg{ width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
  .turn-glyphs .arrow{ width:20px; height:14px; opacity:0.6; }
  .turn-glyphs .to{ color:var(--accent-soft); }
  .turn-pre{ font-family:var(--font-mono); font-size:0.9rem; color:var(--ink-faint); letter-spacing:0.05em; min-height:1.6em; margin-bottom:22px;}
  .turn-tagline{
    font-family:var(--font-display); font-weight:700;
    font-size:clamp(1.9rem, 5.4vw, 4.2rem);
    line-height:1.12; text-wrap:balance; max-width:920px; margin-inline:auto;
  }
  .turn-tagline .w{ color:var(--ink-faint); text-shadow:0 4px 18px rgba(4,5,8,0.7); transition:color 0.4s ease, text-shadow 0.4s ease; }
  .turn-tagline .w.lit{ color:var(--ink); text-shadow:0 4px 18px rgba(4,5,8,0.75), 0 0 22px rgba(154,246,228,0.4); }
  .turn-tagline .w.accent{ color:var(--accent); }

  /* process */
  .proc-row{
    display:grid; gap:18px; margin-left:0; padding-left:56px; position:relative;
  }
  @media(min-width:640px){ .proc-row{ padding-left:76px; } }
  .proc-card{
    padding:22px 24px; position:relative;
  }
  .proc-card::before{
    content:attr(data-n);
    position:absolute; left:-56px; top:22px;
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-family:var(--font-mono); font-size:0.72rem; color:var(--bg);
    background:var(--accent-soft);
    box-shadow:0 0 0 5px var(--bg), 0 0 16px 0 rgba(47,230,198,0.5);
  }
  @media(min-width:640px){ .proc-card::before{ left:-76px; } }
  .proc-icon{ width:26px; height:26px; color:var(--accent-soft); margin-bottom:10px; }
  .proc-icon svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .proc-card h3{ font-size:1.18rem; }
  .proc-out{ margin-top:10px; font-family:var(--font-mono); font-size:0.76rem; color:var(--accent-soft); letter-spacing:0.03em; }
  .proc-desc{ margin-top:8px; color:var(--ink-dim); font-size:0.95rem; }

  /* proof */
  .proof-grid{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
  .proof-card{ padding:28px 24px 26px; display:flex; flex-direction:column; gap:14px; border-top:3px solid var(--warm); background:rgba(16,14,15,0.74); }
  .proof-metric{ font-family:var(--font-display); font-size:2.6rem; color:var(--warm); line-height:1; }
  .proof-tag{ font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.1em; color:var(--ink-faint); text-transform:uppercase; }
  .proof-name{ font-size:1.15rem; font-weight:700; font-family:var(--font-display); }
  .proof-desc{ color:var(--ink-dim); font-size:0.92rem; }
  .proof-quote{ font-size:0.88rem; color:var(--ink); font-style:normal; border-left:2px solid var(--warm); padding-left:12px; margin-top:auto; }
  .proof-note{ font-size:0.82rem; color:var(--ink-faint); }
  .proof-mock{ width:100%; height:auto; color:var(--warm-soft); border-radius:10px; overflow:hidden; }
  .proof-mock svg{ display:block; width:100%; height:auto; }

  /* ---------- expanded case studies (case-studies.html) ---------- */
  .case-grid{ display:grid; gap:28px; }
  .case-block{
    display:grid; gap:32px;
    grid-template-columns:1.5fr 1fr;
    padding:36px;
    border-top:3px solid var(--warm);
    background:rgba(16,14,15,0.74);
  }
  @media(max-width:820px){ .case-block{ grid-template-columns:1fr; } }
  .case-num{ font-family:var(--font-mono); font-size:0.72rem; color:var(--ink-faint); letter-spacing:0.1em; }
  .case-tag{ font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.1em; color:var(--ink-faint); text-transform:uppercase; margin-top:8px; }
  .case-name{ font-family:var(--font-display); font-size:1.5rem; margin-top:10px; }
  .case-flow{ display:flex; align-items:center; gap:10px; margin-top:16px; font-size:0.92rem; color:var(--ink-dim); flex-wrap:wrap; }
  .case-flow .arrow{ color:var(--accent-soft); }
  .case-flow .after{ color:var(--ink); font-weight:500; }
  .case-desc{ color:var(--ink-dim); font-size:0.96rem; margin-top:16px; max-width:52ch; }
  .case-quote{ font-size:0.95rem; color:var(--ink); border-left:2px solid var(--warm); padding-left:14px; margin-top:20px; max-width:52ch; }
  .case-quote cite{ display:block; margin-top:8px; font-style:normal; font-family:var(--font-mono); font-size:0.76rem; color:var(--ink-faint); }
  .case-link{ display:inline-flex; align-items:center; gap:6px; margin-top:20px; font-family:var(--font-mono); font-size:0.8rem; color:var(--accent-soft); text-decoration:none; }
  .case-link:hover, .case-link:focus-visible{ text-decoration:underline; text-underline-offset:3px; }
  .case-metric-panel{
    display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
    gap:8px; padding:24px; border-radius:12px;
    background:rgba(255,255,255,0.02); border:1px solid var(--surface-line);
  }
  .case-metric{ font-family:var(--font-display); font-size:3.2rem; color:var(--warm); line-height:1; }
  .case-metric-label{ color:var(--ink-dim); font-size:0.92rem; max-width:24ch; }

  /* ---------- FAQ (pricing.html) ---------- */
  .faq-grid{ display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
  .faq-card{ padding:24px; }
  .faq-card h3{ font-size:1.05rem; }
  .faq-card p{ margin-top:8px; color:var(--ink-dim); font-size:0.92rem; }

  /* ---------- Blog ---------- */
  .blog-grid{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
  .blog-card{ padding:26px; display:flex; flex-direction:column; gap:10px; text-decoration:none; transition:border-color 0.25s ease; }
  .blog-card:hover, .blog-card:focus-visible{ border-color:var(--accent-soft); }
  .blog-date{ font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.08em; color:var(--ink-faint); text-transform:uppercase; }
  .blog-title{ font-family:var(--font-display); font-size:1.3rem; color:var(--ink); }
  .blog-excerpt{ color:var(--ink-dim); font-size:0.92rem; }
  .blog-readmore{ margin-top:auto; font-family:var(--font-mono); font-size:0.78rem; color:var(--accent-soft); }
  .post-meta{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; font-family:var(--font-mono); font-size:0.76rem; color:var(--ink-faint); margin-top:14px; }
  .post-body{ max-width:68ch; margin-top:40px; color:var(--ink-dim); font-size:1.02rem; line-height:1.75; display:grid; gap:22px; }
  .post-body h2{ color:var(--ink); font-family:var(--font-display); font-size:1.5rem; margin-top:14px; }
  .post-body strong{ color:var(--ink); font-weight:600; }
  .post-body ul{ padding-left:22px; display:grid; gap:8px; }
  .post-back{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:0.78rem; color:var(--accent-soft); text-decoration:none; margin-bottom:22px; }
  .post-back:hover, .post-back:focus-visible{ text-decoration:underline; text-underline-offset:3px; }

  /* range */
  .tag-grid{ display:flex; flex-wrap:wrap; gap:10px; }
  .tag-chip{
    padding:10px 16px 10px 12px; border-radius:12px; font-size:0.88rem;
    border:1px solid var(--surface-line); background:rgba(255,255,255,0.02); color:var(--ink);
    display:inline-flex; align-items:center; gap:9px;
  }
  .tag-icon{ width:17px; height:17px; color:var(--accent-soft); flex:none; }
  .tag-icon svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .build-line{ margin-top:26px; font-family:var(--font-mono); font-size:0.85rem; color:var(--ink-dim); }
  .build-line b{ color:var(--accent-soft); font-weight:500; }

  /* pricing */
  .price-grid{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); align-items:stretch; }
  .price-card{ padding:28px 24px; display:flex; flex-direction:column; gap:16px; position:relative; transition:transform 0.4s cubic-bezier(.32,.72,0,1); }
  .price-card.hot{ border-color:rgba(255,181,69,0.4); box-shadow:0 1px 0 0 rgba(255,255,255,0.05) inset, 0 0 0 1px rgba(255,181,69,0.3), 0 26px 70px -24px rgba(255,181,69,0.4); transform:scale(1.045); z-index:2; }
  @media(min-width:900px){ .price-card.hot{ transform:scale(1.06); } }
  .price-flag{ position:absolute; top:-12px; left:24px; font-family:var(--font-mono); font-size:0.64rem; letter-spacing:0.1em; background:var(--warm); color:var(--warm-ink); padding:5px 10px; border-radius:6px; }
  .price-name{ font-family:var(--font-mono); font-size:0.78rem; letter-spacing:0.1em; color:var(--ink-faint); text-transform:uppercase; }
  .tier-bars{ display:flex; align-items:flex-end; gap:4px; height:28px; }
  .tier-bars span{ width:7px; border-radius:2px; background:var(--surface-line); }
  .tier-bars span:nth-child(1){ height:10px; }
  .tier-bars span:nth-child(2){ height:18px; }
  .tier-bars span:nth-child(3){ height:28px; }
  .tier-bars span.on{ background:var(--accent-soft); }
  .price-card.hot .tier-bars span.on{ background:var(--warm); }
  .price-amount{ font-family:var(--font-display); font-size:1.9rem; }
  .price-time{ font-size:0.82rem; color:var(--ink-faint); font-family:var(--font-mono); }
  .price-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:0.9rem; color:var(--ink-dim); }
  .price-list li{ padding-left:18px; position:relative; }
  .price-list li::before{ content:'—'; position:absolute; left:0; color:var(--accent-soft); }
  .price-footnote{ text-align:center; margin-top:36px; font-size:0.9rem; color:var(--ink-dim); }
  .price-footnote a{ color:var(--accent-soft); text-decoration:underline; text-underline-offset:3px; }
  .price-actions{ display:flex; flex-direction:column; align-items:stretch; gap:10px; margin-top:auto; padding-top:6px; }
  .price-actions .cta-pill, .price-actions .cta-ghost{ justify-content:center; width:100%; }

  /* close */
  #close{ text-align:center; padding-top:100px; }
  .close-head{ font-size:clamp(1.9rem, 4.6vw, 3.2rem); max-width:720px; margin-inline:auto; filter:drop-shadow(0 6px 24px rgba(4,5,8,0.65)); }
  .close-actions{ display:flex; justify-content:center; margin-top:30px; }

  form.contact{
    max-width:560px; margin:56px auto 0; padding:30px; text-align:left; display:grid; gap:16px;
  }
  .field{ display:grid; gap:6px; }
  .field label{ font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.08em; color:var(--ink-faint); text-transform:uppercase; }
  .field input, .field select, .field textarea{
    background:rgba(255,255,255,0.03); border:1px solid var(--surface-line); border-radius:10px;
    padding:12px 14px; color:var(--ink); font-family:var(--font-body); font-size:0.95rem;
  }
  .field textarea{ resize:vertical; min-height:96px; }
  .field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible{
    outline:2px solid var(--accent-soft); outline-offset:1px; border-color:var(--accent-soft);
  }
  .submit-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
  .form-note{ font-size:0.82rem; color:var(--ink-faint); }
  .form-success{ display:none; font-family:var(--font-mono); font-size:0.85rem; color:var(--accent-soft); }
  .form-success.show{ display:block; }

  footer{
    padding:50px 0 60px; text-align:center;
    font-family:var(--font-mono); font-size:0.78rem; color:var(--ink-faint);
    display:grid; gap:14px;
  }
  footer .foot-links{ display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }
  footer a{ text-decoration:none; color:var(--ink-dim); }
  footer a:hover{ color:var(--accent-soft); }

  @media (prefers-reduced-motion: reduce){
    * { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
  }

  /* ---------- scrollbar ---------- */
  html{ scrollbar-color:var(--ink-faint) var(--bg); scrollbar-width:thin; }
  ::-webkit-scrollbar{ width:10px; }
  ::-webkit-scrollbar-track{ background:var(--bg); }
  ::-webkit-scrollbar-thumb{ background:#2a2d38; border-radius:10px; border:2px solid var(--bg); }
  ::-webkit-scrollbar-thumb:hover{ background:var(--accent-soft); }

  /* ---------- custom cursor ---------- */
  @media (pointer: fine){
    body.has-cursor{ cursor:none; }
    body.has-cursor a, body.has-cursor button, body.has-cursor input, body.has-cursor select, body.has-cursor textarea{ cursor:none; }
  }
  #cursor-dot, #cursor-ring{
    position:fixed; top:0; left:0; pointer-events:none; z-index:60;
    transform:translate(-50%,-50%);
    border-radius:50%;
  }
  #cursor-dot{ width:6px; height:6px; background:var(--accent-soft); box-shadow:0 0 8px 1px var(--accent); }
  #cursor-ring{ width:32px; height:32px; border:1px solid var(--surface-line); transition:width 0.25s cubic-bezier(.32,.72,0,1), height 0.25s cubic-bezier(.32,.72,0,1), border-color 0.25s ease; }
  #cursor-ring.active{ width:46px; height:46px; border-color:var(--accent-soft); }

  /* ---------- boot sequence: cinematic dragon flight → hex-mark ignition ---------- */
  #boot{
    position:fixed; inset:0; z-index:100;
    background:#040406;
    overflow:hidden;
    transition:opacity 0.9s ease, visibility 0.9s ease;
  }
  #boot.hidden{ opacity:0; visibility:hidden; pointer-events:none; }

  .boot-stage{ position:absolute; inset:0; }
  #bootCanvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }

  .boot-glow{ position:absolute; left:50%; top:50%; width:900px; height:900px; max-width:150vw; max-height:150vw; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(47,230,198,0.20), transparent 65%); filter:blur(14px); opacity:0; animation:bootGlowCycle 7.2s ease forwards; pointer-events:none; }
  @keyframes bootGlowCycle{
    0%{ opacity:0; }
    11%{ opacity:.35; }
    28%{ opacity:.5; }
    56%{ opacity:.6; }
    63%{ opacity:1; }
    79%{ opacity:.9; }
    100%{ opacity:0; }
  }

  .boot-flash{ position:absolute; left:50%; top:50%; width:60px; height:60px; transform:translate(-50%,-50%) scale(0); border-radius:50%; background:radial-gradient(circle, #eafffa, rgba(47,230,198,.55) 45%, transparent 70%); opacity:0; animation:bootFlash 0.7s ease-out 3.95s forwards; pointer-events:none; }
  @keyframes bootFlash{ 0%{ opacity:0; transform:translate(-50%,-50%) scale(.2); } 30%{ opacity:1; transform:translate(-50%,-50%) scale(3.4); } 100%{ opacity:0; transform:translate(-50%,-50%) scale(6.2); } }

  .boot-hex{ position:absolute; left:50%; top:50%; width:240px; height:240px; transform:translate(-50%,-50%) scale(.7); opacity:0; animation:hexIn 0.6s cubic-bezier(.2,1.4,.4,1) 4.05s forwards, hexOut 0.9s ease 5.7s forwards; pointer-events:none; }
  @keyframes hexIn{ to{ transform:translate(-50%,-50%) scale(1); opacity:1; } }
  @keyframes hexOut{ to{ opacity:0; } }
  .hex-poly{ fill:none; stroke:var(--accent); stroke-width:2.5; }
  .hex-poly-dim{ fill:none; stroke:var(--surface-line); stroke-width:1; }
  .hex-node{ fill:var(--accent); }
  .hex-node-warm{ fill:var(--warm); }
  .hex-outer{ transform-origin:100px 100px; animation:hexSpin 60s linear infinite; }
  @keyframes hexSpin{ to{ transform:rotate(360deg); } }
  .hex-core{ fill:var(--accent); filter:drop-shadow(0 0 10px var(--accent)); transform-origin:100px 100px; transform:scale(0); animation:boot-pulse 1.6s ease-in-out infinite, coreIn 0.4s cubic-bezier(.2,1.4,.4,1) 4.3s forwards; }
  @keyframes boot-pulse{ 0%,100%{ opacity:0.7; } 50%{ opacity:1; } }
  @keyframes coreIn{ to{ transform:scale(1); } }

  .boot-status{ position:absolute; left:50%; top:calc(50% + 210px); transform:translateX(-50%); font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.14em; color:var(--accent-soft); display:flex; align-items:center; gap:8px; opacity:.85; white-space:nowrap; }
  .boot-status::before{ content:'▸'; }
  .boot-word{ position:absolute; left:50%; top:calc(50% + 6px); transform:translate(-50%,10px); text-align:center; opacity:0; animation:bootWordIn 0.6s ease 4.2s forwards, bootWordOut 1s ease 5.65s forwards; pointer-events:none; }
  @keyframes bootWordIn{ to{ transform:translate(-50%,0); opacity:1; } }
  @keyframes bootWordOut{ to{ opacity:0; } }
  .boot-word b{ display:block; font-family:var(--font-mono); font-size:15px; letter-spacing:.32em; font-weight:500; color:var(--ink); }
  .boot-word span{ display:block; margin-top:7px; font-family:var(--font-mono); font-size:10px; letter-spacing:.2em; color:var(--ink-faint); text-transform:uppercase; }

  .boot-skip{
    position:absolute; bottom:24px; right:24px; z-index:2;
    font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.08em; color:var(--ink-faint);
    background:transparent; border:1px solid var(--surface-line); border-radius:999px;
    padding:8px 16px; cursor:pointer;
  }
  .boot-skip:hover, .boot-skip:focus-visible{ color:var(--ink); border-color:var(--accent-soft); }

  @media(max-width:640px){ .boot-status{ top:calc(50% + 160px); } .boot-word{ top:calc(50% + 2px); } .boot-word b{ font-size:13px; } }

  /* ---------- ledger badge ---------- */
  .ledger-badge{
    position:fixed; left:20px; bottom:18px; z-index:35;
    font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.08em; color:var(--ink-faint);
    display:flex; align-items:center; gap:8px;
    padding:8px 12px; border-radius:999px;
    background:rgba(14,15,21,0.5); border:1px solid var(--surface-line);
    backdrop-filter:blur(10px);
  }
  .ledger-badge .dot{ width:5px; height:5px; border-radius:50%; background:var(--accent); box-shadow:0 0 6px 1px var(--accent); flex:none; }
  @media(max-width:640px){ .ledger-badge{ display:none; } }

/* Readable cinematic palette and restored identity. */
:root{--ink:#fff3df;--ink-dim:#d5d9e4;--ink-faint:#b4bdcf;--accent:#8edce8;--accent-soft:#c8f1f6;--deep:#b6a4ff;--surface:#111725;}
#bg-canvas{opacity:.72;}
#scrim{background:linear-gradient(90deg,rgba(6,9,16,.85),rgba(6,9,16,.5) 65%,rgba(6,9,16,.25));}
nav{background:rgba(7,11,19,.91);border-bottom:1px solid rgba(200,220,255,.15);backdrop-filter:blur(18px);}
.nav-links a{opacity:1;color:#e0e5ef;}
.brand{padding:3px 12px 3px 4px;background:transparent;border:0;}
.brand-logo{flex:none;width:40px;height:40px;}
.hero-grid{max-width:850px;position:relative;}
.hero-grid::before{content:'';position:absolute;inset:-34px;z-index:-1;border-radius:32px;background:radial-gradient(ellipse at left,rgba(7,11,19,.88),rgba(7,11,19,.55) 68%,transparent);}
.hero-head{color:#fff3df;line-height:1.12;font-size:clamp(2.2rem,5.8vw,4.8rem);}
.hero-head .accent-line{background:none;color:#ffda9e;-webkit-text-fill-color:#ffda9e;}
.hero-sub{color:#e0e4ed;max-width:610px;}
.hero-identity{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.08em;}
.hero-identity img{border-radius:14px;border:1px solid #deb475;image-rendering:pixelated;}
.hero-identity small{display:block;font-size:.66rem;color:#c0cadb;margin-top:3px;}
.stat-chip,.cta-ghost{background:rgba(8,13,23,.9);}
.turn-inner{padding-block:48px;background:radial-gradient(ellipse,rgba(7,11,19,.93),rgba(7,11,19,.72) 60%,transparent);}
.turn-tagline .w{color:#c8cedb;}
.turn-tagline .w.lit,.turn-tagline .w.accent{color:#ffda9e;text-shadow:0 3px 16px #070b13;}
.turn-pre{color:#dde4ef!important;opacity:1!important;}
.section-head{padding:24px;border-left:2px solid #d8af71;background:linear-gradient(90deg,rgba(8,13,23,.95),rgba(8,13,23,.7));border-radius:0 16px 16px 0;}
.proc-card,.proof-card,.tier-card,.cap-item{background:rgba(12,18,30,.94);}
.boot-skip{color:#fff3df!important;background:rgba(0,0,0,.8)!important;border:1px solid #c8b48f!important;}
.ledger-badge{display:none;}
#close{background:linear-gradient(180deg,transparent,rgba(8,13,23,.95) 30%);}
@media(max-width:640px){.hero-grid{gap:20px;}#hero{padding-top:120px;}.hero-head{font-size:clamp(2rem,8.3vw,3rem);}nav{padding:10px 12px;}nav .cta-pill{font-size:.62rem;padding:10px 12px;}.brand{font-size:.68rem;}.section-head{padding:18px;}}

.story-label{justify-content:center;margin-bottom:30px;}.about-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:center;}.about-avatar{width:100%;height:auto;border-radius:24px;border:1px solid #d8af7166;box-shadow:0 25px 80px #0009;image-rendering:pixelated;}.about-chapter .section-head{margin:0;}@media(max-width:700px){.about-chapter{grid-template-columns:1fr;gap:28px;}.about-avatar{max-width:280px;justify-self:center;}}
/* Keep the scroll cue clear of content at every viewport height. */
html{overflow-x:clip;}
#hero .scroll-cue{position:relative;left:auto;bottom:auto;transform:none;align-self:center;margin-top:36px;}
/* Interactive project display cases. Copy remains visible in every state. */
.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.proof-card{min-width:0;position:relative;isolation:isolate;padding:24px 28px 30px;border:1px solid #8996ba36;border-top:1px solid #c6d4eb55;border-radius:24px;background:linear-gradient(145deg,rgba(29,37,54,.97),rgba(10,15,25,.98) 65%);box-shadow:inset 0 1px 0 #ffffff0a,0 20px 50px #0004;transition:border-color .4s,box-shadow .4s;}
.proof-card.is-engaged{border-color:#cbd8ef88;box-shadow:inset 0 1px 0 #ffffff1a,0 25px 65px #0007;}
.proof-metric{font-size:clamp(1.9rem,3.2vw,2.6rem);overflow-wrap:anywhere;line-height:1.16;}
.proof-showcase{position:relative;height:176px;margin:-8px -12px 6px;perspective:650px;border-bottom:1px solid #bdd2fa1a;}
.object-index{position:absolute;top:0;left:0;color:#b6c3d7;font:10px var(--font-mono);letter-spacing:.14em;}
.object-toggle{position:absolute;inset:12px 0 0;width:100%;border:0;color:#dbe7f4;background:transparent;cursor:pointer;border-radius:16px;perspective:650px;-webkit-tap-highlight-color:transparent;}
.object-toggle:focus-visible{outline:2px solid #ddc599;outline-offset:3px;}
.object-orbit{position:absolute;left:50%;top:70%;width:130px;height:32px;transform:translate(-50%,-50%);border:1px solid rgba(var(--object-tone),.24);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--object-tone),.08),transparent 68%);transition:box-shadow .5s,border-color .5s;}
.object-orbit::after{content:'';position:absolute;inset:7px 20px;border:1px solid rgba(var(--object-tone),.15);border-radius:50%;}
.object-float{position:absolute;left:50%;top:42%;width:210px;height:158px;pointer-events:none;opacity:0;filter:blur(12px);transform:translate(-50%,-65%) scale(.75);transition:opacity .4s,filter .5s,transform .6s cubic-bezier(.2,.7,.2,1);}
.object-float img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 14px #0008);transform:translate3d(var(--float-x,0px),var(--float-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;}
.is-engaged .object-float{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1);}
.is-engaged .object-orbit{border-color:rgba(var(--object-tone),.6);box-shadow:0 0 25px rgba(var(--object-tone),.13);}
.object-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font:10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transition:opacity .25s;color:#bfcddd;}
.is-engaged .object-hint{opacity:0;}
.object-particles{position:absolute;left:50%;top:45%;pointer-events:none;}
.object-particles i{position:absolute;width:3px;height:3px;border-radius:1px;background:rgb(var(--object-tone));opacity:0;}
.is-dissolving .object-particles i{animation:object-dissolve .65s var(--delay) ease-out both;}
@keyframes object-dissolve{0%{opacity:0;transform:translate(0,0) scale(1);}15%{opacity:.7;}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1);}}
@media(hover:hover) and (pointer:fine){.is-engaged .object-float{animation:object-hover 3s .6s ease-in-out infinite;}@keyframes object-hover{0%,100%{transform:translate(-50%,-50%);}50%{transform:translate(-50%,-54%);}}}
@media(min-width:1200px){.proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.proof-card{padding:24px 20px;}.proof-metric{font-size:2.05rem;}}
@media(max-width:620px){.proof-grid{grid-template-columns:1fr;}.proof-card{padding:24px;}.proof-showcase{height:170px;}}
@media(prefers-reduced-motion:reduce){.object-float,.object-float img,.object-orbit{transition:none;animation:none!important;}.object-particles{display:none;}.object-float{filter:none;}}

/* Shared treatment for process, services, pricing, and FAQ cards. */
.interactive-card{min-width:0;position:relative;isolation:isolate;border:1px solid #8996ba36;border-top:1px solid #c6d4eb55;border-radius:24px;background:linear-gradient(145deg,rgba(29,37,54,.97),rgba(10,15,25,.98) 65%);box-shadow:inset 0 1px 0 #ffffff0a,0 20px 50px #0004;transition:border-color .4s,box-shadow .4s;}
.interactive-card.is-engaged{border-color:#cbd8ef88;box-shadow:inset 0 1px 0 #ffffff1a,0 25px 65px #0007;}
.text-showcase{height:135px;width:100%;margin:0 0 18px;}
.text-showcase .object-float{width:165px;height:124px;}
.text-showcase .object-toggle{inset:0;}
.text-showcase .object-orbit{width:110px;height:26px;}
.tag-chip.interactive-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;white-space:normal;}
.tag-chip .text-showcase{height:120px;margin-bottom:14px;}
.price-card.hot{border-color:#d8b57599;}
.proc-card.interactive-card{padding:24px;}
.faq-card .text-showcase{height:110px;}
@media(prefers-reduced-motion:reduce){.interactive-card{transition:none;}}
.tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;}.tag-chip.interactive-card{width:100%;}

/* Restrained material reveal: the full panel dissolves when disengaged. */
.hidden-panel{position:relative!important;isolation:isolate;min-width:0;border:1px solid rgba(202,214,230,.09)!important;border-radius:22px;background:transparent!important;box-shadow:none!important;transition:background .55s,border-color .55s,box-shadow .55s;}
.hidden-panel::before{display:none!important;}
.hidden-panel::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),rgba(209,220,234,.12),transparent 45%),linear-gradient(140deg,#252c36f5,#0c111af5 65%);box-shadow:inset 0 1px 0 #e6ecf333,0 25px 65px #0006;transition:opacity .55s;pointer-events:none;}
.hidden-panel.is-engaged{border-color:#b8c5d066!important;}
.hidden-panel.is-engaged::after{opacity:1;}
.reveal-content{display:flex;flex-direction:column;gap:14px;width:100%;opacity:0;visibility:hidden;filter:blur(9px);transform:translateY(14px);transition:opacity .45s,filter .5s,transform .55s,visibility .5s;}
.is-engaged>.reveal-content{opacity:1;visibility:visible;filter:blur(0);transform:translateY(0);}
.reveal-toggle{position:absolute;inset:0;width:100%;border:0;border-radius:inherit;background:none;color:#aeb9c7;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;opacity:.55;}
.reveal-toggle::before{content:'';display:block;width:24px;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent,#dce0df,transparent);}
.is-engaged>.reveal-toggle{inset:12px 12px auto auto;width:auto;padding:10px;opacity:.8;font-size:9px;}
.is-engaged>.reveal-toggle::before{display:none;}
.reveal-toggle:focus-visible{outline:2px solid #e1cfab;outline-offset:4px;opacity:1;}
.material-detail{display:block;width:48px;height:9px;margin:8px 0 10px;border-radius:20px;background:linear-gradient(180deg,#f1f0e8 0%,#959b9f 18%,#d9dfe1 36%,#434c57 52%,#9aabb7 85%,#e3e8eb);box-shadow:0 4px 8px #0009,inset 0 0 0 1px #dce7f04d;}
.proc-row{padding-left:0;margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr));}
.proc-card{min-height:260px;}.proc-card::before{display:none;}
.tag-chip.hidden-panel{display:block;padding:24px;width:100%;min-height:160px;white-space:normal;}
.hidden-panel .proof-quote{margin-top:18px;}
.hidden-panel .price-list{margin-top:0;}
@media(max-width:640px){.proc-row{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.reveal-content,.hidden-panel,.hidden-panel::after{transition:none;transform:none;filter:none;}}
@media print{.reveal-content{opacity:1;visibility:visible;filter:none;transform:none;}.reveal-toggle{display:none;}}

/* Atelier finish: editorial type, champagne accents, quiet material surfaces. */
:root{--bg:#090a0c;--bg-2:#101113;--ink:#f5f0e6;--ink-dim:#ccc9c2;--ink-faint:#aaa9a5;--accent:#d4bd91;--accent-soft:#eee0c2;--accent-ink:#231c10;--warm:#d4bd91;--warm-soft:#eee0c2;--font-display:'Cormorant Garamond',Georgia,serif;}
h1,h2,h3{font-weight:500;}
.hero-head{font-family:var(--font-display);font-size:clamp(3.5rem,7.6vw,7.4rem);font-weight:400;line-height:.98;letter-spacing:-.025em;color:#f5f0e6;}
.hero-head .accent-line{color:#dac59f;-webkit-text-fill-color:#dac59f;}
.hero-grid{max-width:960px;gap:28px;}
.hero-sub{font-size:1.05rem;line-height:1.9;max-width:540px;}
.hero-grid::before{background:radial-gradient(ellipse at left,#090b0fe8,rgba(9,11,15,.7) 60%,transparent);}
#bg-canvas{opacity:.36;}
nav{background:rgba(9,10,12,.93);border-color:#d4bd9120;}
.cta-pill{background:linear-gradient(120deg,#e9dcc0,#c5ad83);box-shadow:0 5px 22px #0005;color:#241d12;}
.cta-pill:hover,.cta-pill:focus-visible{box-shadow:0 8px 25px #d4bd911e;}
.brand-logo{filter:saturate(.45);}
.hero-identity img{border-radius:50%;width:56px;height:56px;}
.hero-identity{letter-spacing:.13em;}
.section-head{background:transparent;border-left:1px solid #d4bd9144;border-radius:0;padding:0 0 0 26px;max-width:800px;}
.section-title{font-size:clamp(2.7rem,4.7vw,4.5rem);line-height:1.06;}
.section-lede{font-size:1rem;line-height:1.85;}
.eyebrow{color:#d5c5a6;letter-spacing:.18em;font-size:.65rem;}
.eyebrow::before{width:4px;height:4px;box-shadow:none;background:#b7a484;}
.turn-tagline{font-size:clamp(2.8rem,6vw,5.8rem);font-weight:400;}
.turn-tagline .w.lit,.turn-tagline .w.accent{color:#e7d7b6;text-shadow:none;}
.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
.proof-card{padding:28px;}
.proof-name{font-size:1.8rem;font-weight:500;line-height:1.2;}
.proof-metric{font-family:var(--font-display);font-size:3.5rem;color:#dac59f;}
.hidden-panel{border-radius:6px;border-color:#d4bd911c!important;}
.hidden-panel.is-engaged{border-color:#d4bd9166!important;}
.hidden-panel::after{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),#e6d4ad12,transparent 45%),linear-gradient(140deg,#202124f7,#0c0e11fa 65%);border-radius:6px;}
.reveal-toggle{color:#ded4c1;opacity:.8;padding:30px;font-size:.7rem;line-height:1.8;letter-spacing:.13em;}
.reveal-toggle::before{width:38px;background:linear-gradient(90deg,transparent,#d4bd91,transparent);}
.reveal-content{padding-top:24px;}
.material-detail{width:38px;height:3px;margin:0 0 12px;background:linear-gradient(90deg,#66543b,#f0e5ce,#a28a60);box-shadow:0 1px 3px #0008;}
.proc-card h3{font-size:2.3rem;line-height:1.1;}
.proc-out{font-size:.65rem;color:#d1c4ad;}
.project-photo{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid #d4bd9133;border-radius:3px;filter:saturate(.72);margin-bottom:8px;}
.price-name{letter-spacing:.13em;}.price-amount{font-family:var(--font-display);}
#close .section-title{max-width:850px;margin-inline:auto;}
@media(max-width:640px){.hero-head{font-size:clamp(3rem,12vw,4.5rem);}.proof-grid{grid-template-columns:1fr;}.proof-card{padding:24px;}.section-head{padding-left:18px;}.hero-grid{gap:24px;}}
.project-photo{height:auto;max-height:320px;}
/* Quiet silver-blue accents; glass appears only on engagement. */
:root{--accent:#91a8bb;--accent-soft:#c2d0dc;--accent-ink:#111b24;--warm:#aabccc;--warm-soft:#cbd5df;--ink:#e3e8ed;}
.hero-head{color:#e3e8ed;}
.hero-head .accent-line{color:#aabccc;-webkit-text-fill-color:#aabccc;}
.cta-pill{background:linear-gradient(120deg,#a6b9c8,#8099ad);color:#101a24;box-shadow:0 4px 18px #0004;}
.cta-pill:hover,.cta-pill:focus-visible{box-shadow:0 7px 22px #819eb51a;}
.eyebrow{color:#a8b9c8;}.eyebrow::before{background:#839aae;}
.section-head{border-color:#91a8bb30;}
.turn-tagline .w.lit,.turn-tagline .w.accent{color:#c5d2dd;}
.proof-metric{color:#aabccc;}
.hero-identity img{border-color:#8499ac;}
.material-detail{background:linear-gradient(90deg,#465765,#c7d4df,#728c9f);}
.proc-out{color:#b8c6d2;}
.project-photo{border-color:#91a8bb30;}
.hidden-panel,.hidden-panel:not(.is-engaged){border-color:transparent!important;background:transparent!important;box-shadow:none!important;}
.hidden-panel:not(.is-engaged)::after{opacity:0;box-shadow:none;}
.hidden-panel.is-engaged{border-color:#91a8bb44!important;}
.hidden-panel::after{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),#a9c6dc0d,transparent 48%),linear-gradient(140deg,#191e24f5,#0a0f15fa 65%);box-shadow:inset 0 1px 0 #dce8f01a,0 20px 50px #0004;}
.reveal-toggle{color:#afbdc9;opacity:.72;}
.reveal-toggle::before{display:none;}
.is-engaged>.reveal-toggle{color:#c3ced8;}
.price-card.hot{border-color:transparent;}
/* Platinum payment frames: a slow highlight, visible only on reveal. */
@property --platinum-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
.price-card.hidden-panel{border-radius:12px;}
.price-card.hidden-panel::before{content:'';display:block!important;position:absolute;inset:-1px;left:-1px;top:-1px;bottom:-1px;width:auto;height:auto;padding:1px;border-radius:13px;pointer-events:none;z-index:2;opacity:0;background:conic-gradient(from var(--platinum-angle),#70829122 0%,#70829122 32%,#8fa5b966 41%,#eef5f5 47%,#aabcca 51%,#70829122 60%,#70829122 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;box-shadow:none;transition:opacity .6s;animation:platinum-orbit 12s linear infinite;animation-play-state:paused;}
.price-card.hidden-panel.is-engaged::before{opacity:.85;animation-play-state:running;}
.price-card.hidden-panel.is-engaged{border-color:#a9bdce38!important;}
.price-card.hidden-panel::after{border-radius:12px;background:radial-gradient(ellipse at var(--light-x,50%) 0%,#c5d7e214,transparent 55%),linear-gradient(145deg,#1c232af8,#090e14fc 70%);box-shadow:inset 0 1px 0 #e3eef329,0 24px 70px #0005;}
.price-card .reveal-content{gap:18px;}
.price-card .price-amount{letter-spacing:-.035em;}
.price-card .price-time{color:#aebdcc;}
.price-card .price-list{line-height:1.85;}
.price-card .cta-pill{position:relative;overflow:hidden;isolation:isolate;border:1px solid #dce9f04d;background:linear-gradient(115deg,#b7c5ce,#8fa6b6 50%,#a8bdca);box-shadow:inset 0 1px 0 #f6f9fa66,0 5px 16px #0005;transition:transform .3s,box-shadow .3s;}
.price-card .cta-pill::after{content:'';position:absolute;inset:-30% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#fff7 50%,transparent 57%);transform:translateX(-65%);transition:transform .8s ease;}
.price-card .cta-pill:hover::after,.price-card .cta-pill:focus-visible::after{transform:translateX(65%);}
.price-card .cta-pill:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 1px 5px #0003;}
@keyframes platinum-orbit{to{--platinum-angle:360deg;}}
@media(prefers-reduced-motion:reduce){.price-card.hidden-panel::before{animation:none;--platinum-angle:145deg;}.price-card .cta-pill,.price-card .cta-pill::after{transition:none;}.price-card .cta-pill::after{display:none;}}
.hidden-panel:not(.is-engaged){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Local spatial preview: content inhabits the scene, with brushed-gold edges. */
body{background:#04070d;}
#void{background:radial-gradient(ellipse at 82% 25%,#21334b55,transparent 48%),radial-gradient(ellipse at 12% 70%,#28213b44,transparent 45%),#04070d;}
#scrim{display:none;}
#hero .hero-grid::before{display:none;}
#turn .turn-inner,#close{background:transparent;}
.section-head{background:transparent;}
#bg-canvas{opacity:.52;}
.hero-head,.turn-tagline,.section-title{text-shadow:0 2px 14px #04070dc9;}
.hero-sub,.section-lede{color:#d8dfe7;text-shadow:0 2px 9px #04070d;}
nav{background:linear-gradient(180deg,#04070de8,#04070d75,transparent);border:0;backdrop-filter:none;}
.section-head{border-left-color:#a88b553b;}
.hidden-panel.is-engaged{border-color:#b99b6059!important;}
.hidden-panel::after{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),#d9ba7510,transparent 48%),linear-gradient(140deg,#1420329c,#080e187d 65%);box-shadow:inset 0 1px 0 #e4c78e22,0 12px 35px #0002;}
.price-card.hidden-panel.is-engaged{border-color:#b99b6059!important;}
.price-card.hidden-panel::after{background:linear-gradient(145deg,#142032aa,#080e188a);box-shadow:inset 0 1px 0 #e4c78e22;}
.price-card.hidden-panel::before{background:conic-gradient(from var(--platinum-angle),#92764b22 0%,#92764b22 32%,#b59b6266 41%,#e8d3a0 47%,#b79b60 51%,#92764b22 60%,#92764b22 100%);}
.material-detail{background:linear-gradient(90deg,#655235,#d2b778,#826c43);}
.hero-identity img,.about-avatar{border-color:#b99b6059;}
.space-stars{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;}
.space-stars i{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;background:transparent;}
.space-stars .near-stars{width:2px;height:2px;opacity:.6;}
@media(prefers-reduced-motion:no-preference){.space-stars .near-stars{animation:stellar-drift 100s ease-in-out infinite alternate;}@keyframes stellar-drift{to{transform:translate3d(10px,-20px,0);}}}

.space-stars .far-stars{box-shadow:38.10vw 23.07vh 0px rgba(190,210,235,0.61),38.56vw 89.64vh 0px rgba(190,210,235,0.46),38.35vw 73.16vh 1px rgba(190,210,235,0.22),24.91vw 99.78vh 0px rgba(190,210,235,0.41),15.50vw 14.98vh 1px rgba(190,210,235,0.36),25.75vw 69.12vh 1px rgba(190,210,235,0.25),78.43vw 3.30vh 0px rgba(190,210,235,0.58),21.59vw 72.62vh 1px rgba(190,210,235,0.42),55.52vw 1.85vh 0px rgba(190,210,235,0.61),68.89vw 98.00vh 0px rgba(190,210,235,0.33),22.53vw 2.61vh 1px rgba(190,210,235,0.30),88.78vw 84.65vh 0px rgba(190,210,235,0.39),10.67vw 9.35vh 0px rgba(190,210,235,0.51),49.33vw 39.48vh 0px rgba(190,210,235,0.26),7.79vw 94.57vh 0px rgba(190,210,235,0.40),74.44vw 53.98vh 0px rgba(190,210,235,0.50),32.19vw 13.88vh 0px rgba(190,210,235,0.53),72.03vw 68.21vh 0px rgba(190,210,235,0.64),70.52vw 89.48vh 0px rgba(190,210,235,0.50),74.96vw 60.91vh 0px rgba(190,210,235,0.48),9.95vw 94.53vh 0px rgba(190,210,235,0.41),73.34vw 68.00vh 0px rgba(190,210,235,0.56),8.30vw 66.85vh 1px rgba(190,210,235,0.31),68.61vw 27.70vh 1px rgba(190,210,235,0.36),92.46vw 37.98vh 0px rgba(190,210,235,0.54),73.20vw 21.43vh 0px rgba(190,210,235,0.31),22.55vw 46.88vh 0px rgba(190,210,235,0.25),23.72vw 56.70vh 0px rgba(190,210,235,0.43),12.20vw 38.42vh 1px rgba(190,210,235,0.27),99.75vw 59.87vh 1px rgba(190,210,235,0.30),77.36vw 39.28vh 0px rgba(190,210,235,0.60),82.19vw 2.98vh 1px rgba(190,210,235,0.52),15.42vw 15.31vh 1px rgba(190,210,235,0.50),17.70vw 72.77vh 0px rgba(190,210,235,0.24),66.65vw 69.37vh 0px rgba(190,210,235,0.51),92.19vw 90.62vh 0px rgba(190,210,235,0.34),25.90vw 37.97vh 0px rgba(190,210,235,0.58),86.89vw 27.94vh 1px rgba(190,210,235,0.40),40.32vw 49.15vh 0px rgba(190,210,235,0.26),46.99vw 44.12vh 0px rgba(190,210,235,0.30),47.42vw 7.21vh 0px rgba(190,210,235,0.42),56.92vw 37.52vh 1px rgba(190,210,235,0.58),71.65vw 70.82vh 0px rgba(190,210,235,0.55),63.04vw 41.25vh 0px rgba(190,210,235,0.36),36.66vw 17.23vh 0px rgba(190,210,235,0.32),87.28vw 51.38vh 0px rgba(190,210,235,0.23),59.01vw 37.51vh 0px rgba(190,210,235,0.57),27.09vw 2.39vh 1px rgba(190,210,235,0.53),38.58vw 18.62vh 1px rgba(190,210,235,0.36),51.03vw 18.42vh 0px rgba(190,210,235,0.46),72.08vw 18.97vh 0px rgba(190,210,235,0.34),8.73vw 65.87vh 0px rgba(190,210,235,0.23),31.04vw 30.44vh 0px rgba(190,210,235,0.45),89.24vw 31.88vh 0px rgba(190,210,235,0.54),37.22vw 79.49vh 0px rgba(190,210,235,0.25),38.91vw 16.04vh 0px rgba(190,210,235,0.29),15.91vw 8.94vh 0px rgba(190,210,235,0.36),90.31vw 31.30vh 0px rgba(190,210,235,0.30),90.25vw 97.37vh 1px rgba(190,210,235,0.27),1.57vw 14.92vh 1px rgba(190,210,235,0.34),84.99vw 77.97vh 0px rgba(190,210,235,0.64),75.29vw 87.28vh 1px rgba(190,210,235,0.55),40.41vw 65.86vh 1px rgba(190,210,235,0.51),53.23vw 27.24vh 1px rgba(190,210,235,0.29),93.80vw 80.32vh 0px rgba(190,210,235,0.54),52.25vw 19.33vh 1px rgba(190,210,235,0.36),28.36vw 92.63vh 0px rgba(190,210,235,0.34),9.25vw 84.55vh 1px rgba(190,210,235,0.35),40.50vw 54.45vh 1px rgba(190,210,235,0.23),64.80vw 23.37vh 0px rgba(190,210,235,0.48),66.45vw 41.99vh 0px rgba(190,210,235,0.24),20.27vw 29.62vh 0px rgba(190,210,235,0.23),49.51vw 69.01vh 1px rgba(190,210,235,0.46),96.29vw 85.72vh 1px rgba(190,210,235,0.24),84.55vw 11.97vh 0px rgba(190,210,235,0.42),8.23vw 89.32vh 1px rgba(190,210,235,0.26),75.80vw 69.66vh 0px rgba(190,210,235,0.26),68.21vw 27.43vh 0px rgba(190,210,235,0.39),89.54vw 15.31vh 1px rgba(190,210,235,0.50),92.61vw 81.50vh 1px rgba(190,210,235,0.39),35.45vw 19.97vh 1px rgba(190,210,235,0.63),91.93vw 89.85vh 1px rgba(190,210,235,0.52),15.90vw 69.28vh 0px rgba(190,210,235,0.30),98.49vw 26.96vh 0px rgba(190,210,235,0.43),73.58vw 24.47vh 0px rgba(190,210,235,0.29),82.91vw 8.19vh 0px rgba(190,210,235,0.62),32.61vw 24.66vh 0px rgba(190,210,235,0.28),25.25vw 17.13vh 1px rgba(190,210,235,0.22),49.40vw 8.20vh 1px rgba(190,210,235,0.52),11.18vw 35.26vh 0px rgba(190,210,235,0.26),98.65vw 36.48vh 0px rgba(190,210,235,0.28),29.90vw 94.77vh 1px rgba(190,210,235,0.25),71.71vw 24.21vh 0px rgba(190,210,235,0.33),21.86vw 8.39vh 1px rgba(190,210,235,0.58),49.72vw 44.56vh 0px rgba(190,210,235,0.56),62.44vw 30.40vh 0px rgba(190,210,235,0.23),15.16vw 43.35vh 0px rgba(190,210,235,0.59),94.62vw 81.67vh 0px rgba(190,210,235,0.32),34.63vw 11.16vh 0px rgba(190,210,235,0.34),85.61vw 98.15vh 0px rgba(190,210,235,0.62),51.52vw 89.97vh 1px rgba(190,210,235,0.42),86.41vw 71.88vh 0px rgba(190,210,235,0.62),59.40vw 50.35vh 0px rgba(190,210,235,0.54),61.28vw 15.47vh 1px rgba(190,210,235,0.28),95.24vw 1.76vh 0px rgba(190,210,235,0.48),19.47vw 95.83vh 0px rgba(190,210,235,0.63),39.85vw 71.20vh 0px rgba(190,210,235,0.34),39.67vw 43.34vh 1px rgba(190,210,235,0.35),89.65vw 18.54vh 1px rgba(190,210,235,0.48),17.11vw 78.25vh 1px rgba(190,210,235,0.58),40.19vw 5.72vh 0px rgba(190,210,235,0.24),59.86vw 79.57vh 0px rgba(190,210,235,0.62),67.08vw 44.41vh 0px rgba(190,210,235,0.41),11.45vw 80.76vh 1px rgba(190,210,235,0.55),9.03vw 14.80vh 0px rgba(190,210,235,0.24),35.69vw 83.92vh 1px rgba(190,210,235,0.49),3.17vw 36.39vh 0px rgba(190,210,235,0.63),82.81vw 32.34vh 0px rgba(190,210,235,0.63),93.11vw 20.50vh 0px rgba(190,210,235,0.41),40.16vw 81.03vh 1px rgba(190,210,235,0.63),12.70vw 53.25vh 1px rgba(190,210,235,0.53),63.79vw 99.06vh 0px rgba(190,210,235,0.50),4.97vw 63.10vh 0px rgba(190,210,235,0.49),13.20vw 66.96vh 1px rgba(190,210,235,0.31),83.77vw 10.66vh 0px rgba(190,210,235,0.55),15.74vw 77.42vh 0px rgba(190,210,235,0.64),83.74vw 53.74vh 0px rgba(190,210,235,0.39),7.80vw 95.24vh 0px rgba(190,210,235,0.24),18.60vw 27.63vh 0px rgba(190,210,235,0.27),94.08vw 44.55vh 0px rgba(190,210,235,0.35),99.45vw 6.78vh 0px rgba(190,210,235,0.42),59.62vw 99.68vh 1px rgba(190,210,235,0.40),19.56vw 91.86vh 1px rgba(190,210,235,0.61),69.95vw 26.44vh 1px rgba(190,210,235,0.52),63.92vw 45.21vh 0px rgba(190,210,235,0.62),75.82vw 18.57vh 0px rgba(190,210,235,0.50),77.13vw 16.60vh 0px rgba(190,210,235,0.43),6.80vw 6.44vh 0px rgba(190,210,235,0.29),64.00vw 44.87vh 0px rgba(190,210,235,0.50),28.69vw 52.21vh 0px rgba(190,210,235,0.42),17.23vw 83.86vh 1px rgba(190,210,235,0.36),63.73vw 80.58vh 0px rgba(190,210,235,0.62),78.66vw 59.90vh 0px rgba(190,210,235,0.24),42.56vw 22.45vh 1px rgba(190,210,235,0.55),54.71vw 85.56vh 1px rgba(190,210,235,0.51),77.70vw 90.17vh 1px rgba(190,210,235,0.23),35.11vw 98.95vh 0px rgba(190,210,235,0.42),33.51vw 51.44vh 0px rgba(190,210,235,0.48),88.57vw 72.46vh 0px rgba(190,210,235,0.25),35.48vw 99.76vh 0px rgba(190,210,235,0.57);}

.space-stars .near-stars{box-shadow:78.37vw 87.74vh 1px rgba(190,210,235,0.56),39.10vw 75.60vh 0px rgba(190,210,235,0.57),21.51vw 98.64vh 1px rgba(190,210,235,0.29),39.74vw 85.14vh 1px rgba(190,210,235,0.26),44.35vw 52.09vh 1px rgba(190,210,235,0.34),92.47vw 73.17vh 0px rgba(190,210,235,0.45),70.85vw 63.54vh 0px rgba(190,210,235,0.45),59.54vw 82.07vh 0px rgba(190,210,235,0.46),40.06vw 54.75vh 0px rgba(190,210,235,0.50),29.34vw 63.16vh 0px rgba(190,210,235,0.33),19.27vw 63.92vh 0px rgba(190,210,235,0.62),20.95vw 66.21vh 0px rgba(190,210,235,0.41),26.29vw 89.98vh 0px rgba(190,210,235,0.32),90.90vw 41.87vh 0px rgba(190,210,235,0.43),54.95vw 14.44vh 0px rgba(190,210,235,0.52),85.76vw 94.75vh 1px rgba(190,210,235,0.31),71.18vw 6.80vh 0px rgba(190,210,235,0.55),2.84vw 39.16vh 0px rgba(190,210,235,0.50),96.25vw 76.46vh 0px rgba(190,210,235,0.50),64.56vw 58.85vh 0px rgba(190,210,235,0.31),46.26vw 58.45vh 0px rgba(190,210,235,0.61),55.90vw 97.21vh 0px rgba(190,210,235,0.59),56.37vw 98.87vh 0px rgba(190,210,235,0.52),42.27vw 29.94vh 0px rgba(190,210,235,0.34),88.75vw 22.48vh 0px rgba(190,210,235,0.37),69.71vw 50.87vh 0px rgba(190,210,235,0.41),23.03vw 86.79vh 0px rgba(190,210,235,0.38),95.05vw 58.10vh 0px rgba(190,210,235,0.25),84.43vw 80.55vh 1px rgba(190,210,235,0.57),81.18vw 13.23vh 1px rgba(190,210,235,0.58),91.31vw 70.24vh 0px rgba(190,210,235,0.63),33.56vw 53.00vh 0px rgba(190,210,235,0.64),35.34vw 83.20vh 1px rgba(190,210,235,0.64),12.69vw 2.16vh 1px rgba(190,210,235,0.45),21.63vw 66.42vh 0px rgba(190,210,235,0.23);}
/* Fade geometry, rather than adding an opaque layer behind the copy. */
#bg-canvas{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.36) 48%,#000 86%);mask-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.36) 48%,#000 86%);}
@media(max-width:700px){#bg-canvas{opacity:.38;-webkit-mask-image:none;mask-image:none;}}
/* Cyber signature: stable identity with a brief decoding detail. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.cyber-nameplate{display:inline-flex;flex-direction:column;gap:6px;}
.cyber-name{font-family:var(--font-mono);color:#d5e7dc;letter-spacing:.2em;text-shadow:0 0 12px #74bd8c22;}
.hero-identity .cyber-subtitle{display:flex;align-items:center;gap:8px;margin:0;color:#86b99a;font-size:.64rem;letter-spacing:.08em;}
.code-bracket{color:#af9866;}
.decode-label{display:inline-block;white-space:pre;min-width:21ch;}
.decode-label::after{content:'_';color:#aac8b2;margin-left:3px;}
.cyber-nameplate.is-decoding .decode-label::after{animation:decode-cursor .5s steps(2,end) infinite;}
@keyframes decode-cursor{50%{opacity:0;}}
.nft-tracker{position:relative;display:inline-block;flex:none;transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--nft-rx,0deg)) rotateY(var(--nft-ry,0deg));transition:transform .45s cubic-bezier(.22,.65,.3,1);}
.nft-tracker img{display:block;}
.nft-tracker::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--nft-lx,50%) var(--nft-ly,40%),rgba(225,240,230,.15),transparent 62%);box-shadow:inset 0 0 0 1px #d9c08a22;}
.hero-identity .nft-tracker{width:56px;height:56px;border-radius:50%;}
.nft-tracker.tracker-about{display:block;width:100%;border-radius:24px;}
.tracker-about .about-avatar{width:100%;max-width:none;}
@media(max-width:700px){.nft-tracker.tracker-about{max-width:280px;justify-self:center;}.hero-identity .cyber-subtitle{font-size:.57rem;gap:5px;}.cyber-name{font-size:.76rem;}}
@media(prefers-reduced-motion:reduce){.nft-tracker{transform:none!important;transition:none;}.cyber-nameplate.is-decoding .decode-label::after{animation:none;}.nft-tracker::after{background:none;}}

/* More expressive head-like gaze, anchored to each portrait. */
.nft-tracker{transform:perspective(650px) translate3d(var(--nft-tx,0px),var(--nft-ty,0px),0) rotateX(var(--nft-rx,0deg)) rotateY(var(--nft-ry,0deg)) rotateZ(var(--nft-roll,0deg));transition:transform .22s cubic-bezier(.2,.75,.3,1);transform-origin:50% 55%;}
.nft-tracker img{box-shadow:0 7px 16px #0005;}
/* Solid sculpture replaces every flat portrait tilt. */
.nft-sculpture{display:block;position:relative;flex:none;width:112px;height:112px;background:transparent;}
.nft-sculpture canvas{display:block;width:100%;height:100%;}
.nft-sculpture .sculpture-fallback{display:none;}
.nft-sculpture.sculpture-about{width:100%;height:auto;aspect-ratio:1;max-width:430px;justify-self:center;}
.hero-identity{gap:18px;}
.hero-head{color:#c5ccd4;font-weight:500;}
.hero-head .accent-line{color:#7f9ab0;-webkit-text-fill-color:#7f9ab0;}
.section-title,.turn-tagline{color:#c5ccd4;}
.hero-sub,.section-lede{color:#b9c3cf;}
.proof-metric{color:#91a7ba;}
.cyber-name{color:#a9c4b5;}
@media(max-width:640px){.nft-sculpture{width:90px;height:90px;}.hero-identity{gap:12px;}.cyber-name{font-size:.69rem;}.hero-identity .cyber-subtitle{font-size:.5rem;}}
/* A light-field effect, not a distorted or reconstructed portrait. */
.nft-aura{display:block;position:relative;isolation:isolate;flex:none;width:88px;height:88px;border-radius:18px;}
.nft-aura img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit!important;border:1px solid #b89c6755!important;box-shadow:0 12px 28px #0007;}
.nft-aura::before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;border-radius:35%;background:conic-gradient(from 30deg,#508d9c44,#8e79ac44,#c0a57533,#508d9c44);filter:blur(17px);transform:translate(var(--aura-dx,0px),var(--aura-dy,0px));transition:transform .5s ease;}
.nft-aura::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--aura-x,50%) var(--aura-y,50%),#c4efe525,transparent 64%);mix-blend-mode:screen;}
.nft-aura.aura-about{width:100%;height:auto;aspect-ratio:1;max-width:360px;justify-self:center;border-radius:24px;}
@media(max-width:640px){.nft-aura{width:76px;height:76px;}.nft-aura.aura-about{max-width:280px;}}
@media(prefers-reduced-motion:reduce){.nft-aura::before{transition:none;transform:none;}.nft-aura::after{display:none;}}
/* Consolidation: transparent chapters, visible essentials, deliberate hierarchy. */
#hero{padding-bottom:90px;}
.hero-grid{max-width:880px;}
.hero-head{font-size:clamp(3.2rem,6.9vw,6.5rem);line-height:1.04;}
.hero-sub{max-width:540px;}
section{scroll-margin-top:100px;}
.proof-grid{gap:64px 40px;}
.considered-card{position:relative!important;min-width:0;border:0!important;border-top:1px solid #a88b5538!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.considered-card::before,.considered-card::after{display:none!important;}
.proof-card.considered-card{padding:24px 0 0;gap:16px;}
.project-title{font-size:2.35rem;color:#c8d1da;order:-2;}
.project-photo{order:-1;border:1px solid #9e85502e;border-radius:4px;aspect-ratio:16/10;object-fit:cover;max-height:none;}
.proof-tag{color:#91a2b1;font-size:.62rem;letter-spacing:.12em;}
.proof-metric{font-size:3.1rem;line-height:1;}
.proof-name{font-size:1.8rem;}
.proof-desc{max-width:48ch;line-height:1.85;}
.project-link{display:inline-flex;align-items:center;gap:20px;align-self:flex-start;font:11px var(--font-mono);color:#bca879;text-decoration:none;padding:12px 0;border-bottom:1px solid #bca87955;margin-top:8px;}
.project-link:hover,.project-link:focus-visible{color:#e0cca1;border-color:#e0cca1;}
.project-detail{border-top:1px solid #a88b5525;padding-top:14px;}
.project-detail summary{cursor:pointer;font:11px var(--font-mono);color:#acbac6;letter-spacing:.04em;padding-block:8px;}
.project-detail .proof-quote{margin-top:16px;line-height:1.8;}
.proc-row{gap:28px 40px;}
.proc-card.considered-card{padding:26px 0;min-height:0;}
.proc-card h3{font-size:2rem;margin-bottom:16px;}
.proc-card::before{display:none;}
.proc-desc{max-width:45ch;line-height:1.85;}
.proc-out{margin-top:22px;font-size:.65rem;}
.tag-grid{gap:0 36px;}
.tag-chip.considered-card{padding:24px 0;min-height:0;border-radius:0;font-size:.95rem;}
.price-card.considered-card{padding:30px 26px;border:1px solid #a88b5538!important;border-radius:10px;gap:16px;}
.price-card.considered-card.is-engaged{border-color:#bca87988!important;background:linear-gradient(145deg,#17212b66,#090f1733)!important;}
.price-card.considered-card::before{display:block!important;}
.price-card.considered-card::before{content:'';position:absolute;inset:-1px;width:auto;height:auto;padding:1px;border-radius:10px;pointer-events:none;background:conic-gradient(from var(--platinum-angle),transparent 30%,#bca87933 43%,#d8c18d 48%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:platinum-orbit 12s linear infinite;animation-play-state:paused;}
.price-card.considered-card.is-engaged::before{opacity:.65;animation-play-state:running;}
.price-amount{font-size:2.6rem;}
.price-card .price-list{line-height:1.85;}
.about-chapter{gap:70px;}
#close{padding-top:150px;}
:focus-visible{outline:2px solid #bca879;outline-offset:5px;}
@media(max-width:640px){.proof-grid{gap:44px;}.hero-head{font-size:clamp(3rem,11.8vw,4rem);}.price-card.considered-card{padding:26px 22px;}.about-chapter{gap:36px;}.project-title{font-size:2.1rem;}}
@media(prefers-reduced-motion:reduce){.price-card.considered-card::before{animation:none;}}

/* One continuous arrival: dragon film dissolves into the existing starfield. */
#boot{transition:opacity 1.2s ease,visibility 1.2s;}
#boot.intro-dissolve{opacity:0;}
.intro-running .hero-grid,.intro-running #hero .scroll-cue{opacity:0;pointer-events:none;}
.intro-arrival .hero-identity{animation:arrival-reveal 1s .1s both;}
.intro-arrival #hero .eyebrow{animation:arrival-reveal 1s .25s both;}
.intro-arrival .hero-head{animation:arrival-reveal 1.3s .4s both;}
.intro-arrival .hero-sub{animation:arrival-reveal 1s .75s both;}
.intro-arrival .hero-actions,.intro-arrival .stat-row{animation:arrival-reveal 1s 1s both;}
.intro-arrival #hero .scroll-cue{animation:arrival-reveal 1s 1.25s both;}
body::after{content:'';position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 85%,rgba(161,91,31,.12),transparent 65%);}
body.intro-arrival::after{animation:ember-settle 2.4s ease-out both;}
@keyframes arrival-reveal{from{opacity:0;transform:translateY(14px);filter:blur(4px);}to{opacity:1;transform:none;filter:none;}}
@keyframes ember-settle{0%{opacity:1;}100%{opacity:0;}}
@media(prefers-reduced-motion:reduce){.intro-arrival *{animation:none!important;}.intro-running .hero-grid,.intro-running #hero .scroll-cue{opacity:1;}body::after{display:none;}}
