
  @font-face{
    font-family:"Mulish";
    src:url("../../../assets/fonts/mulish-400.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Mulish";
    src:url("../../../assets/fonts/mulish-600.ttf") format("truetype");
    font-weight:600;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Mulish";
    src:url("../../../assets/fonts/mulish-700.ttf") format("truetype");
    font-weight:700;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Mulish";
    src:url("../../../assets/fonts/mulish-800.ttf") format("truetype");
    font-weight:800;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Mulish";
    src:url("../../../assets/fonts/mulish-900.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Jost";
    src:url("../../../assets/fonts/jost-variable-latin.woff2") format("woff2-variations");
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:"Material Symbols Rounded";
    src:url("../../../assets/fonts/material-symbols-subset.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:block;
  }
  .msr{font-family:"Material Symbols Rounded";font-weight:400;font-style:normal;font-size:18px;line-height:1;display:inline-block;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
  :root{
    
    --blue: #2E6FF0;          
    --cyan: #00CFF0;          
    --gold: #F5B930;          
    --gold-deep: #F0AE2E;
    --on-gold:#112240;
    --ink: #112240;
    --bg: #ffffff;
    --surface: #F5F8FD;
    --card: #ffffff;
    --field: #ffffff;
    --topbar-bg:#0D1830;
    --muted: #536080;
    --border: #DDE4F2;
    --band: linear-gradient(115deg, color-mix(in oklab, var(--blue) 62%, var(--ink)) 0%, color-mix(in oklab, var(--blue) 18%, var(--ink)) 100%);
    --gold-grad: linear-gradient(135deg, #F0DF3B 0%, #F0AE2E 100%);
    --blue-grad: linear-gradient(135deg, var(--cyan) 0%, var(--blue) 100%);

    
    --svg-icon-color-1: var(--blue);
    --svg-icon-color-2: color-mix(in oklab, var(--blue) 30%, white);
    --svg-icon-color-3: var(--ink);
    --svg-icon-color-4: var(--gold);
    --svg-icon-color-5: color-mix(in oklab, var(--blue) 15%, white);
    --svg-icon-stroke-width: 2px;
    --svg-illustration-primary-1: var(--blue);
    --svg-illustration-primary-2: color-mix(in oklab, var(--blue) 86%, white);
    --svg-illustration-primary-3: color-mix(in oklab, var(--blue) 74%, white);
    --svg-illustration-primary-4: color-mix(in oklab, var(--blue) 58%, white);
    --svg-illustration-color-1: var(--blue);
    --svg-illustration-color-2: color-mix(in oklab, var(--blue) 78%, white);
    --svg-illustration-color-3: color-mix(in oklab, var(--blue) 62%, white);
    --svg-illustration-color-4: color-mix(in oklab, var(--blue) 42%, white);
    --svg-illustration-color-5: color-mix(in oklab, var(--blue) 24%, white);
    --svg-illustration-color-6: var(--ink);
    --svg-illustration-color-7: color-mix(in oklab, var(--blue) 12%, white);
    --svg-illustration-green-1: color-mix(in oklab, var(--gold) 58%, black);
    --svg-illustration-green-2: color-mix(in oklab, var(--gold) 78%, black);
    --svg-illustration-green-3: var(--gold);
    --svg-illustration-green-4: color-mix(in oklab, var(--gold) 65%, white);
    --svg-illustration-yellow-1: color-mix(in oklab, var(--gold) 88%, black);
    --svg-illustration-yellow-2: var(--gold);
    --svg-illustration-yellow-3: color-mix(in oklab, var(--gold) 68%, white);
    --svg-illustration-yellow-4: color-mix(in oklab, var(--gold) 55%, white);
    --svg-illustration-yellow-5: color-mix(in oklab, var(--gold) 40%, white);
    --svg-illustration-gray-1:#393E41; --svg-illustration-gray-2:#4F5357;
    --svg-illustration-gray-3:#CBCFD4; --svg-illustration-gray-4:#DADCDE;
    --svg-illustration-gray-5:#DCDEE1; --svg-illustration-gray-6:#E9EBEE;
    --svg-illustration-gray-7:#EBEDF0; --svg-illustration-gray-8:#EAEEF3;
    --svg-illustration-gray-w:#ffffff;
    --svg-illustration-line-color: color-mix(in oklab, var(--ink) 38%, white);
    --svg-illustration-color-0: color-mix(in oklab, var(--blue) 90%, black);
    --svg-illustration-primary-0: color-mix(in oklab, var(--blue) 88%, black);
    --svg-illustration-shadow: rgba(17,34,64,.14);
    --svg-illustration-shadow-color:#000;
    --svg-illustration-shadow-opacity-start:0.15;
    --svg-banner-shape-left:color-mix(in oklab,var(--blue) 20%,white);
    --svg-banner-shape-right:color-mix(in oklab,var(--blue) 30%,white);
    --svg-banner-primary-shape-left:color-mix(in oklab,var(--blue) 82%,var(--ink));
    --svg-banner-primary-shape-right:color-mix(in oklab,var(--blue) 64%,var(--ink));
    --lift-shadow: 0 6px 14px -10px rgba(17,34,64,.28);
    --lift-shadow-hover: 0 10px 18px -14px rgba(17,34,64,.34);
  }
  html[data-theme="dark"]{
    color-scheme:dark;
    --ink:#F3F7FF;
    --bg:#071F49;
    --surface:#0E2C61;
    --card:#12376F;
    --field:#0B285A;
    --topbar-bg:#061A3F;
    --muted:#C6D4F4;
    --border:rgba(198,212,244,.22);
    --band:linear-gradient(115deg,#0E4EAD 0%,#082C69 54%,#071F49 100%);
    --svg-icon-color-2:color-mix(in oklab, var(--blue) 44%, #DDE8FF);
    --svg-icon-color-3:#F3F7FF;
    --svg-icon-color-5:rgba(221,232,255,.2);
    --svg-illustration-green-1:color-mix(in oklab,var(--gold) 58%,#061A3F);
    --svg-illustration-green-2:color-mix(in oklab,var(--gold) 78%,#061A3F);
    --svg-illustration-yellow-1:color-mix(in oklab,var(--gold) 88%,#061A3F);
    --svg-illustration-color-6:#F3F7FF;
    --svg-illustration-color-7:rgba(221,232,255,.16);
    --svg-illustration-line-color:rgba(221,232,255,.52);
    --svg-illustration-color-0:color-mix(in oklab,var(--blue) 86%,#061A3F);
    --svg-illustration-primary-0:color-mix(in oklab,var(--blue) 84%,#061A3F);
    --svg-illustration-gray-w:#F3F7FF;
    --svg-illustration-shadow-color:#061A3F;
    --svg-banner-shape-left:rgba(46,111,240,.18);
    --svg-banner-shape-right:rgba(0,207,240,.14);
    --svg-banner-primary-shape-left:#0E4EAD;
    --svg-banner-primary-shape-right:#082C69;
    --lift-shadow:0 6px 14px -10px rgba(0,12,34,.42);
    --lift-shadow-hover:0 10px 18px -14px rgba(0,12,34,.52);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Mulish",sans-serif;background:var(--bg);color:var(--muted);font-size:16px;line-height:1.65}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
  h1,h2,h3{color:var(--ink);line-height:1.18;font-family:"Jost","Mulish",sans-serif;text-wrap:balance}
  h2{font-size:clamp(26px,3.2vw,34px);font-weight:900}
  h3{font-size:18px;font-weight:800}
  .kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
  .center{text-align:center}
  section{padding:88px 0}
  .lg-icon svg{width:100%;height:auto;display:block}

  
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:15px;border-radius:10px;padding:14px 28px;cursor:pointer;text-decoration:none;border:none;transition:transform .16s, box-shadow .16s, background-color .16s;min-height:48px}
  .btn .chev{flex:none;width:16px;height:16px;margin-right:-4px;transition:transform .18s cubic-bezier(.22,.7,.3,1)}
  .btn:hover .chev{transform:translateX(3px)}
  .btn-gold{background:var(--gold-grad);color:var(--on-gold);box-shadow:0 4px 12px -7px rgba(240,174,46,.75)}
  .btn-gold:hover{transform:translateY(-2px);box-shadow:0 7px 14px -9px rgba(240,174,46,.85)}
  .btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 12px -8px color-mix(in oklab, var(--blue) 70%, transparent)}
  .btn-blue:hover{background:color-mix(in oklab, var(--blue) 85%, var(--ink));transform:translateY(-2px)}
  .btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
  .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
  .txt-link{color:var(--blue);font-weight:800;text-decoration:none;font-size:15px}
  .txt-link::after{content:" →"}
  .txt-link:hover{text-decoration:underline}

  
  .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.7,.3,1), transform .7s cubic-bezier(.22,.7,.3,1)}
  .rv.in{opacity:1;transform:none}

  
  .topbar{background:var(--gold-grad);color:#111111;font-size:12.5px}
  .topbar .inner{display:flex;align-items:center;gap:18px;height:38px}
  .topbar .phil-line{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:10.5px;color:#111111}
  .topbar .socials{margin-left:auto;display:flex;align-items:center;gap:4px}
  .topbar .handle{color:#111111;font-weight:800;margin-right:6px}
  .topbar .socials a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:#111111;transition:color .15s, background-color .15s}
  .topbar .socials a:hover{color:#111111;background:rgba(0,0,0,.12)}
  .topbar .socials svg{width:15px;height:15px;display:block}
  @media (max-width:620px){.topbar .phil-line{display:none}}

  
  .nav{position:sticky;top:0;z-index:100;background:var(--band);transition:box-shadow .2s}
  .nav.scrolled{box-shadow:0 4px 14px -9px rgba(17,34,64,.45)}
  .nav .inner{display:flex;align-items:center;gap:20px;height:66px;position:relative}
  .nav .logo{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0}
  .nav .logo img{height:40px;width:auto;display:block}
  .nav-links{display:flex;align-items:center;justify-content:center;gap:22px;flex:0 1 auto}
  .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1 1 0}
  .nav a.link{color:rgba(255,255,255,.85);text-decoration:none;font-weight:700;font-size:14.5px;padding:6px 2px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .nav a.link .msr{font-size:17px;opacity:.85}
  .nav a.link .nav-ic{width:17px;height:17px;opacity:.85;flex:0 0 auto}
  .nav a.link:hover .nav-ic{opacity:1;color:var(--gold)}
  .nav a.link:hover{color:#fff}
  .nav a.link:hover .msr{opacity:1;color:var(--gold)}
  .theme-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;padding:0;transition:background-color .16s,border-color .16s,transform .16s}
  .theme-icon:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.7);transform:translateY(-1px)}
  .theme-icon svg{width:20px;height:20px;display:block}
  .theme-icon .ic-moon{display:none}
  html[data-theme="dark"] .theme-icon .ic-sun{display:none}
  html[data-theme="dark"] .theme-icon .ic-moon{display:block;color:var(--gold)}
  .nav .pill{border:1.5px solid rgba(255,255,255,.55);border-radius:99px;color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;padding:9px 18px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .nav .pill:hover{border-color:#fff;background:rgba(255,255,255,.08)}
  .nav .pill.gold{background:var(--gold-grad);border:none;color:var(--on-gold)}
  .nav .pill.gold:hover{filter:brightness(1.05)}
  .nav .burger{display:none}

  
  .hero{background:var(--band);color:#fff;padding:112px 0 108px;overflow:hidden;position:relative}
  .hero::before{content:"";position:absolute;width:760px;height:760px;left:50%;top:-380px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, color-mix(in oklab, var(--cyan) 22%, transparent) 0%, transparent 65%);pointer-events:none}
  .hero::after{content:"";position:absolute;width:520px;height:520px;right:-160px;bottom:-260px;border-radius:50%;background:radial-gradient(circle, color-mix(in oklab, var(--gold) 14%, transparent) 0%, transparent 62%);pointer-events:none}
  .hero .inner{text-align:center;max-width:840px;margin:0 auto;position:relative;z-index:2}
  .hero h1, .hero .slide-h{color:#fff;font-size:clamp(36px,5vw,60px);font-weight:800;letter-spacing:-.012em;line-height:1.14;font-family:"Jost","Mulish",sans-serif;margin:0;text-wrap:balance}
  
  .hs{overflow:hidden}
  .hs-track{display:flex;transition:transform .65s cubic-bezier(.32,0,0,1)}
  .hs-slide{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 8px}
  .hs-slide .si{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,.7,.3,1), transform .55s cubic-bezier(.22,.7,.3,1)}
  .hs-slide.on .si{opacity:1;transform:none}
  .hs-slide.on .si:nth-child(2){transition-delay:.08s}
  .hs-slide.on .si:nth-child(3){transition-delay:.16s}
  .hs-slide.on .si:nth-child(4){transition-delay:.24s}
  .hs-dots{display:flex;gap:8px;justify-content:center;margin-top:36px;position:relative;z-index:2}
  .hs-dot{width:9px;height:9px;border-radius:99px;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:width .25s, background-color .25s}
  .hs-dot.on{width:26px;background:var(--gold)}
  .hs-dot:hover{background:rgba(255,255,255,.6)}
  .hs-dot.on:hover{background:var(--gold)}
  .hero h1 .uw{position:relative;white-space:nowrap}
  .hero h1 .uw::after{content:"";position:absolute;left:2%;right:2%;bottom:.04em;height:.14em;border-radius:99px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;animation:uwSweep .8s cubic-bezier(.32,0,0,1) 1.15s forwards}
  @keyframes uwSweep{to{transform:scaleX(1)}}
  .hero p{margin:20px auto 0;max-width:620px;color:#CBD9F6;font-size:18px}
  .hero .ctas{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
  .hero .phil{margin-top:0;margin-bottom:14px;font-weight:800;letter-spacing:.22em;font-size:12.5px;color:var(--gold);text-transform:uppercase}
  .hero .chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:38px}
  .hero .chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:700;color:#E2EAFB}
  .hero .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
  
  .banner-ill{position:absolute;top:50%;transform:translateY(-50%);width:400px;height:auto;z-index:1;pointer-events:none}
  .banner-ill.left{left:-48px}
  .banner-ill.right{right:-48px}
  .banner-ill .d, .banner-ill .arrow{stroke:rgba(255,255,255,.42);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .banner-ill .acc{stroke:color-mix(in oklab, var(--cyan) 65%, white)}
  .banner-ill .arrow{stroke:var(--gold);stroke-width:2.4}
  .banner-ill .light{fill:var(--gold);stroke:none;opacity:0}
  @keyframes lightPulse{0%,100%{opacity:1}50%{opacity:.22}}
  @media (max-width:1280px){.banner-ill{width:270px}.banner-ill.left{left:-60px}.banner-ill.right{right:-60px}}
  @media (max-width:900px){.banner-ill{display:none}}

  
  .band-ill{position:absolute;top:50%;transform:translateY(-50%);width:clamp(160px,15vw,240px);height:auto;z-index:1;pointer-events:none;opacity:.5}
  .band-ill.left{left:0;transform:translate(-32%,-50%)}
  .band-ill.right{right:0;transform:translate(32%,-50%)}
  .band-ill .d, .band-ill .arrow{stroke:rgba(255,255,255,.38);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .band-ill .acc{stroke:color-mix(in oklab, var(--cyan) 65%, white)}
  .band-ill .arrow{stroke:var(--gold);stroke-width:2.4}
  .band-ill .light{fill:var(--gold);stroke:none;opacity:0}
  .band.center .wrap{position:relative;z-index:2}
  .process .wrap{position:relative;z-index:2}
  
  .reach{padding-block:76px}
  .process{padding-block:76px}
  
  @media (max-width:1240px){.band-ill{display:none}}

  
  .intro .lead-quote{position:relative;max-width:780px;margin:0 auto;padding:0 8px;font-family:"Jost","Mulish",sans-serif;font-style:italic;font-weight:500;font-size:clamp(22px,2.6vw,29px);line-height:1.4;color:var(--ink)}
  .intro .lead-quote::before,.intro .lead-quote::after{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:700;color:var(--gold);line-height:0}
  .intro .lead-quote::before{content:"\201C";font-size:1.7em;margin-right:.06em;vertical-align:-.32em}
  .intro .lead-quote::after{content:"\201D";font-size:1.7em;margin-left:.04em;vertical-align:-.55em}
  .intro p.follow{max-width:720px;margin:16px auto 0}
  .intro h2.about-h{font-size:clamp(26px,3vw,34px);margin:6px auto 0;max-width:760px}
  .intro .about-body{max-width:720px;margin:18px auto 0;display:grid;gap:14px}
  .intro .about-body p{margin:0;text-wrap:pretty}
  .intro .about-rule{width:56px;height:3px;border:none;border-radius:2px;background:var(--gold-grad);margin:38px auto 30px}

  
  .tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:40px 0 34px}
  .tab{border:1.5px solid var(--border);background:var(--card);color:var(--ink);border-radius:99px;padding:11px 22px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:background-color .22s cubic-bezier(.22,.7,.3,1),border-color .22s,color .22s,box-shadow .22s,transform .22s cubic-bezier(.34,1.56,.64,1);min-height:44px}
  .tab:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
  .tab.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 18px -9px color-mix(in oklab, var(--blue) 80%, transparent);transform:translateY(-1px) scale(1.04)}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .svc-pane{display:none}
  .svc-pane.on{display:block;animation:svcPaneIn .42s cubic-bezier(.22,.7,.3,1) both}
  @keyframes svcPaneIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .svc-pane.on .svc{animation:svcCardIn .5s cubic-bezier(.22,.7,.3,1) both}
  .svc-pane.on .svc:nth-child(2){animation-delay:.07s}
  .svc-pane.on .svc:nth-child(3){animation-delay:.14s}
  @keyframes svcCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.svc-pane.on,.svc-pane.on .svc{animation:none}}
  .svc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s, border-color .2s}
  .svc:hover{transform:translateY(-4px);border-color:color-mix(in oklab, var(--blue) 40%, var(--border));box-shadow:var(--lift-shadow-hover)}
  .svc .lg-icon{width:58px;margin-bottom:16px}
  .svc p.blurb{font-size:14.5px;margin:8px 0 16px}
  .svc ul{list-style:none;margin:0 0 22px;flex:1}
  .svc li{font-size:13.5px;padding:5px 0 5px 26px;position:relative;border-bottom:1px dashed color-mix(in oklab, var(--border) 60%, transparent)}
  .svc li:last-child{border-bottom:none}
  .svc li::before{content:"";position:absolute;left:2px;top:11px;width:14px;height:14px;border-radius:50%;background:color-mix(in oklab, var(--gold) 28%, var(--card))}
  .svc li::after{content:"";position:absolute;left:6px;top:14.5px;width:6px;height:4px;border-left:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(-45deg)}
  .svc .btn{width:100%}

  
  .band{background:var(--band);color:#fff;position:relative;overflow:hidden}
  .band h2{color:#fff}
  .band p{color:#C6D4F4}
  .band .glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, color-mix(in oklab, var(--cyan) 30%, transparent) 0%, transparent 68%);pointer-events:none}
  .cta-band{isolation:isolate}
  .cta-band .wrap{position:relative;z-index:2}
  .cta-band .cta-svg{position:absolute;inset:0;z-index:0;opacity:0;transform:translateY(18px) scale(1.03);transition:opacity .9s cubic-bezier(.22,.7,.3,1),transform .9s cubic-bezier(.22,.7,.3,1);pointer-events:none}
  .cta-band .cta-svg.in{opacity:.22;transform:none}
  html[data-theme="dark"] .cta-band .cta-svg.in{opacity:.34}
  .cta-band .cta-svg .banner-background{width:100%;height:100%}
  .cta-band .cta-svg svg{width:140%;height:100%;max-width:none;display:block;transform:translateX(-14%);opacity:.95}
  .cta-band::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 42%,rgba(8,44,105,.44) 0%,rgba(8,44,105,.22) 34%,rgba(8,44,105,.06) 72%);pointer-events:none}

  
  .what-do{background:var(--surface);border-block:1px solid var(--border)}
  .what-do h2{text-wrap:balance}
  .what-do h3{text-wrap:balance}
  .pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:44px 0 8px}
  .pillar{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:34px 30px;text-align:center;transition:transform .2s, box-shadow .2s}
  .pillar:hover{transform:translateY(-4px);box-shadow:var(--lift-shadow-hover)}
  .pillar .lg-icon{width:76px;margin:0 auto 18px}
  .pillar p{font-size:14.5px;margin-top:10px}

  
  .rows{overflow:hidden}
  .rows .row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:44px 0}
  .rows .row:nth-child(even) .art{order:-1}
  .row-reveal{opacity:0;transform:translateX(-34px);transition:opacity .72s cubic-bezier(.22,.7,.3,1), transform .72s cubic-bezier(.22,.7,.3,1)}
  .rows .row:nth-child(even).row-reveal{transform:translateX(34px)}
  .row-reveal.in{opacity:1;transform:none}
  .rows h2{font-size:clamp(24px,2.6vw,30px)}
  .rows p{margin:14px 0 18px;max-width:480px}
  .row .art{position:relative;background:linear-gradient(160deg, var(--surface) 0%, color-mix(in oklab, var(--blue) 10%, white) 100%);border:1px solid var(--border);border-radius:20px;min-height:300px;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden;box-shadow:var(--lift-shadow)}
  html[data-theme="dark"] .row .art{background:linear-gradient(160deg,var(--card) 0%,color-mix(in oklab,var(--blue) 22%,var(--surface)) 100%)}
  .row .art .lg-icon{position:relative;z-index:2;width:min(240px,60%)}
  .row .art::before{content:"";position:absolute;z-index:1;inset:18px;border:1.5px dashed color-mix(in oklab, var(--blue) 18%, white);border-radius:14px;pointer-events:none}
  .row .chip{position:absolute;z-index:3;top:22px;right:22px;background:var(--card);border:1px solid var(--border);color:var(--ink);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:800;box-shadow:var(--lift-shadow)}

  
  .reach .mapwrap{margin:44px auto 0;max-width:880px}
  .reach .mapwrap svg, .reach .mapwrap img{width:100%;height:auto;display:block}
  .reach .tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
  .reach .tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:7px 16px;font-size:13px;font-weight:700;color:#E2EAFB}

  
  .why .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
  .why .card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px 24px}
  .why .card h3{font-size:16px;margin-bottom:8px}
  .why .card p{font-size:14px}
  .why .card .bar{width:34px;height:4px;border-radius:2px;background:var(--gold-grad);margin-bottom:14px}

  
  .reviews{background:var(--surface);border-block:1px solid var(--border)}
  .reviews .review-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:940px;margin:44px auto 0}
  .review-card{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px 32px;margin:0;box-shadow:var(--lift-shadow);transition:transform .2s, box-shadow .2s}
  .review-card:hover{transform:translateY(-3px);box-shadow:var(--lift-shadow-hover)}
  .review-card .review-rating{display:flex;flex-direction:column;gap:8px;padding-right:28px;border-right:1px solid var(--border)}
  .review-card .rating-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .review-card .stars{display:flex;gap:3px}
  .review-card .stars svg{width:18px;height:18px;fill:var(--gold);flex:none}
  .review-card .rating-score{font-family:"Jost","Mulish",sans-serif;font-weight:800;font-size:15px;color:var(--ink)}
  .review-card .review-body{display:flex;flex-direction:column;gap:12px}
  .review-card blockquote{margin:0;border:none;padding:0;font-size:15.5px;line-height:1.7;color:var(--ink);font-style:italic;text-wrap:pretty}
  .review-card figcaption{display:flex;flex-direction:column;gap:2px}
  .review-card .review-name{font-family:"Jost","Mulish",sans-serif;font-weight:700;font-size:15px;color:var(--ink)}
  .review-card .review-role{font-size:13px;color:var(--muted)}
  .review-card .review-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--blue);text-decoration:none;align-self:flex-start}
  .review-card .review-link svg{width:13px;height:13px;transition:transform .18s cubic-bezier(.22,.7,.3,1)}
  .review-card .review-link:hover svg{transform:translate(2px,-2px)}
  html[data-theme="dark"] .review-card .review-link{color:color-mix(in oklab, var(--blue) 55%, white)}
  @media (max-width:680px){
    .review-card{grid-template-columns:1fr;gap:16px;padding:24px 22px}
    .review-card .review-rating{flex-direction:row;align-items:center;gap:12px;padding-right:0;border-right:none;padding-bottom:14px;border-bottom:1px solid var(--border)}
  }

  
  .pricing{background:var(--surface);border-block:1px solid var(--border)}
  .pricing .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:44px auto 0;align-items:stretch}
  .tier{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px 28px 32px;transition:transform .2s, box-shadow .2s, border-color .2s}
  .tier:hover{transform:translateY(-4px);box-shadow:var(--lift-shadow-hover)}
  .tier.featured{border-color:color-mix(in oklab, var(--gold) 60%, var(--border));box-shadow:0 18px 40px -26px color-mix(in oklab, var(--gold) 80%, transparent)}
  .tier .tier-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--on-gold);background:var(--gold-grad);box-shadow:0 8px 16px -10px color-mix(in oklab, var(--gold) 85%, transparent)}
  .tier .tier-name{font-family:"Jost","Mulish",sans-serif;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}
  html[data-theme="dark"] .tier .tier-name{color:color-mix(in oklab, var(--blue) 55%, white)}
  .tier .tier-price{font-family:"Jost","Mulish",sans-serif;font-weight:700;color:var(--ink);font-size:clamp(24px,2.6vw,30px);line-height:1.1;margin:12px 0 2px;white-space:nowrap}
  .tier .tier-unit{display:block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}
  .tier .tier-desc{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 22px}
  .tier .btn{margin-top:auto}
  .pricing .price-note{max-width:760px;margin:30px auto 0;font-size:13.5px;line-height:1.65;color:var(--muted);text-align:center}

  
  .process .timeline{position:relative;max-width:920px;margin:50px auto 0;text-align:left;display:grid;gap:18px}
  .process .timeline::before{content:"";position:absolute;left:39px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(255,255,255,.22))}
  .timeline-step{position:relative;display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:start}
  .timeline-step .node{position:relative;z-index:1;width:80px;min-height:80px;display:grid;place-items:center}
  .timeline-step .node span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--gold-grad);color:var(--on-gold);font-size:13px;font-weight:900;box-shadow:0 7px 14px -10px rgba(255,190,68,.85)}
  .timeline-step .content{min-height:80px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:16px;padding:20px 24px 21px;box-shadow:0 8px 18px -16px rgba(0,0,0,.65)}
  .timeline-step h3{color:#fff;font-size:17px;margin-bottom:8px}
  .timeline-step p{color:#C6D4F4;font-size:14.5px;line-height:1.65;max-width:680px}

  
  .founder .card{position:relative;max-width:980px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0;display:grid;grid-template-columns:380px 1fr;overflow:hidden}
  .founder-photo{position:relative;background:var(--gold-grad);overflow:hidden;min-height:100%}
  .founder-photo .initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Jost","Mulish",sans-serif;font-weight:800;font-size:72px;color:var(--on-gold)}
  .founder-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
  .founder-body{position:relative;padding:52px 48px 44px}
  .founder-body::before{content:"\201C";position:absolute;top:22px;left:44px;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:76px;line-height:1;color:color-mix(in oklab, var(--gold) 82%, transparent);pointer-events:none}
  .founder-body .kicker{position:relative;margin:36px 0 16px}
  .founder-quote{margin:0;border:none;padding:0;display:grid;gap:14px}
  .founder-quote p{font-size:16px;line-height:1.7;color:var(--ink);max-width:none;margin:0;font-style:italic}
  .founder-sign{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px}
  .founder-sign .founder-name{font-family:"Jost","Mulish",sans-serif;font-size:21px;font-weight:600;color:var(--ink)}
  .founder-sign .founder-title{color:var(--blue);font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
  html[data-theme="dark"] .founder-sign .founder-title{color:color-mix(in oklab, var(--blue) 55%, white)}

  
  .portfolio{background:var(--surface);border-block:1px solid var(--border)}
  .portfolio .work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1100px;margin:0 auto}
  .work-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:var(--lift-shadow);transition:transform .2s, box-shadow .2s, border-color .2s}
  .work-card:hover{transform:translateY(-5px);box-shadow:var(--lift-shadow-hover);border-color:color-mix(in oklab, var(--blue) 45%, var(--border))}
  .work-shot{display:block;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border)}
  .work-shot img{width:100%;height:auto;display:block;transition:transform .4s cubic-bezier(.22,.7,.3,1)}
  .work-card:hover .work-shot img{transform:scale(1.04)}
  .work-foot{display:flex;align-items:center;gap:10px;padding:15px 16px}
  .work-foot .work-name{flex:1;font-family:"Jost","Mulish",sans-serif;font-weight:700;font-size:14.5px;line-height:1.3;color:var(--ink);text-wrap:balance}
  .portfolio .portfolio-optout{max-width:640px;margin:34px auto 0;text-align:center;font-size:13.5px;line-height:1.65;color:var(--muted);text-wrap:balance}
  .work-foot .work-go{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--blue);background:color-mix(in oklab, var(--blue) 12%, transparent);transition:background-color .2s, color .2s}
  .work-foot .work-go svg{width:16px;height:16px}
  .work-card:hover .work-go{background:var(--blue);color:#fff}
  html[data-theme="dark"] .work-foot .work-go{color:color-mix(in oklab, var(--blue) 55%, white)}
  @media (max-width:900px){ .portfolio .work-grid{grid-template-columns:repeat(2,1fr)} }
  @media (max-width:640px){
    .founder .card{grid-template-columns:1fr}
    .founder-photo{aspect-ratio:5/4;min-height:0}
    .founder-photo img{object-position:center 22%}
    .founder-photo .initials{font-size:56px}
    .founder-body{padding:44px 26px 34px}
    .founder-body::before{left:26px}
    .portfolio .work-grid{grid-template-columns:1fr 1fr;gap:14px}
    .work-foot{padding:12px 12px}
    .work-foot .work-name{font-size:13px}
  }

  
  .faq .list{max-width:760px;margin:44px auto 0}
  .qa{border:1px solid var(--border);border-radius:12px;background:var(--card);margin-bottom:12px;overflow:hidden}
  .qa summary{list-style:none;display:flex;align-items:center;gap:14px;padding:17px 22px;cursor:pointer;font-weight:800;color:var(--ink);font-size:15.5px;min-height:48px}
  .qa summary::-webkit-details-marker{display:none}
  .qa summary .chev{margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:none}
  .qa[open] summary .chev{transform:rotate(-135deg)}
  .qa .body{padding:0 22px 18px;font-size:14.5px}

  
  .consult{background:var(--surface);border-block:1px solid var(--border)}
  .consult .inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  .consult form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:34px;display:grid;gap:16px}
  .consult label{font-size:13px;font-weight:800;color:var(--ink);display:block;margin-bottom:6px}
  .consult input, .consult select, .consult textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--field);min-height:46px}
  .consult textarea{min-height:110px;resize:vertical}
  .consult input:focus, .consult select:focus, .consult textarea:focus{outline:none;border-color:var(--blue)}
  .consult .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .consult .ok{display:none;background:color-mix(in oklab, var(--gold) 16%, var(--card));border:1px solid color-mix(in oklab, var(--gold) 45%, var(--card));border-radius:12px;padding:18px;color:var(--ink);font-size:14.5px;font-weight:600}
  
  .consult .booking{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:38px 34px;box-shadow:var(--lift-shadow)}
  .consult .booking-heading{display:flex;align-items:center;gap:12px}
  .consult .booking-badge{flex:none;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-gold);background:var(--gold-grad);box-shadow:0 10px 22px -12px color-mix(in oklab, var(--gold) 85%, transparent)}
  .consult .booking-badge svg{width:22px;height:22px}
  .consult .booking-free-note{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--ink)}
  .consult .booking h3{font-size:22px;margin:0 0 10px}
  .consult .booking>p{font-size:15px;margin:0}
  .consult .booking-list{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:12px}
  .consult .booking-list li{position:relative;padding-left:30px;font-size:14.5px;font-weight:600;color:var(--ink)}
  .consult .booking-list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:color-mix(in oklab, var(--gold) 22%, var(--card))}
  .consult .booking-list li::after{content:"";position:absolute;left:6px;top:8px;width:7px;height:4px;border-left:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(-45deg)}
  .consult .booking .btn-gold{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}
  .consult .booking-alt{font-size:13.5px;color:var(--muted);margin:16px 0 0;text-align:center}
  .consult .booking-alt a{color:var(--blue);font-weight:700;text-decoration:none}
  .consult .booking-alt a:hover{text-decoration:underline}
  .consult .side p{margin:14px 0 22px;max-width:460px}
  .consult .side ul{list-style:none;margin-top:6px}
  .consult .side li{padding:7px 0 7px 26px;position:relative;font-size:14.5px}
  .consult .side li::before{content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;border-radius:2px;background:var(--gold)}

  
  .trio .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:960px;margin:40px auto 0;text-align:left}
  .trio h2{font-size:clamp(22px,2.4vw,28px)}
  .trio .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:10px;transition:transform .2s, box-shadow .2s}
  .trio .card:hover{transform:translateY(-4px);box-shadow:var(--lift-shadow-hover)}
  .trio .card .lg-icon{width:52px;margin:0 auto}
  .trio .card p{font-size:13.5px;flex:1}
  .trio .card .btn{padding:11px 18px;font-size:13.5px}

  
  footer{background:var(--band);color:#C6D4F4;padding:70px 0 0;margin-top:0}
  footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px}
  footer .brandcol img{height:60px;margin-bottom:0}
  footer .brandcol .phil{font-weight:800;letter-spacing:.18em;font-size:11.5px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
  footer .brandcol p{font-size:14px;max-width:320px}
  footer h4{color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
  footer .cols a{display:block;color:#C6D4F4;text-decoration:none;font-size:14px;padding:5px 0}
  footer .cols a:hover{color:#fff}
  footer .legal{border-top:1px solid rgba(255,255,255,.18);margin-top:54px;padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
  footer .legal a{color:#C6D4F4;text-decoration:none;margin-left:18px}
  footer .legal a:hover{color:#fff}

  
  
  @media (max-width:1040px){
    .nav .inner{gap:14px}
    .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--band);box-shadow:0 14px 26px -18px rgba(0,0,0,.6);padding:8px 0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .32s cubic-bezier(.22,.7,.3,1),opacity .24s,visibility .24s}
    .nav.open .nav-links{max-height:70vh;opacity:1;visibility:visible}
    .nav-links a.link{padding:14px 22px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.08)}
    .nav-links a.link:last-child{border-bottom:none}
    .nav .burger{order:-1;flex:none;display:inline-flex;align-items:center;justify-content:center;background:none;border:1.5px solid rgba(255,255,255,.32);border-radius:10px;color:#fff;font-size:20px;cursor:pointer;width:40px;height:40px;padding:0;margin-right:2px}
    .nav{position:sticky}
  }
  @media (max-width:960px){
    .pillar-grid, .svc-grid, .why .grid, .pricing .price-grid{grid-template-columns:1fr}
    .pricing .price-grid{max-width:440px}
    .rows .row{grid-template-columns:1fr;gap:30px}
    .rows .row:nth-child(even) .art{order:-1}
    .rows .row .art{order:-1}
    .consult .inner{grid-template-columns:1fr}
    .trio .grid{grid-template-columns:1fr 1fr}
    footer .cols{grid-template-columns:1fr 1fr}
  }
  @media (max-width:620px){
    section{padding:64px 0}
    .pillar-grid, .svc-grid, .why .grid, .trio .grid, footer .cols{grid-template-columns:1fr}
    .consult .two{grid-template-columns:1fr}
    .founder-quote p{font-size:15.5px}
    .wrap{padding:0 22px}
    
    .intro .about-body p, .intro p.follow, .center > p, .portfolio .center p{text-wrap:balance}
    
    .topbar .inner{justify-content:center}
    .topbar .socials{margin-left:0}
    
    .hero{padding:64px 0 72px}
    
    .founder-sign .founder-title{white-space:nowrap;text-transform:none;letter-spacing:0;font-size:clamp(10px,3.2vw,12.5px)}
    .nav .pill.gold{padding:9px 14px}
    .tabs{gap:8px;margin:32px 0 26px}
    .tab{padding:10px 16px;font-size:13px}
    .row-reveal, .rows .row:nth-child(even).row-reveal{transform:translateY(22px)}
    .row-reveal.in{transform:none}
    .process .timeline{gap:14px;margin-top:36px}
    .process .timeline::before{left:25px}
    .timeline-step{grid-template-columns:52px 1fr;gap:14px}
    .timeline-step .node{width:52px;min-height:64px}
    .timeline-step .node span{width:42px;height:42px;font-size:11.5px}
    .timeline-step .content{min-height:64px;padding:17px 18px}
  }

  
  .cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:960px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:16px 20px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px -20px rgba(17,34,64,.4);transform:translateY(140%);opacity:0;transition:transform .4s cubic-bezier(.22,.7,.3,1),opacity .3s}
  html[data-theme="dark"] .cookie-bar{box-shadow:0 18px 44px -20px rgba(0,12,34,.7)}
  .cookie-bar.show{transform:translateY(0);opacity:1}
  .cookie-bar p{flex:1;margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
  .cookie-bar a{color:var(--blue);font-weight:700;text-decoration:none}
  .cookie-bar a:hover{text-decoration:underline}
  .cookie-bar .cookie-actions{flex:none;display:flex;gap:10px;align-items:center}
  .cookie-bar .btn{min-height:40px;padding:10px 20px;font-size:14px;border-radius:9px}
  .cookie-bar .cookie-decline{background:transparent;color:var(--ink);border:1.5px solid var(--border);font-weight:800;font-family:inherit;font-size:14px;padding:9px 18px;border-radius:9px;cursor:pointer;min-height:40px}
  .cookie-bar .cookie-decline:hover{border-color:color-mix(in oklab, var(--blue) 40%, var(--border))}
  @media (max-width:640px){
    .cookie-bar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
    .cookie-bar .cookie-actions{justify-content:stretch}
    .cookie-bar .cookie-actions>*{flex:1}
  }

  
  .legal-page{padding:64px 0 88px}
  .legal-page .wrap{max-width:820px}
  .legal-page .updated{font-size:13px;color:var(--muted);margin:6px 0 0}
  .legal-page h1{font-family:"Jost","Mulish",sans-serif;font-size:clamp(30px,4vw,42px);font-weight:900;color:var(--ink);line-height:1.15}
  .legal-page .lede{font-size:16.5px;line-height:1.7;color:var(--muted);margin:18px 0 4px;max-width:none}
  .legal-page h2{font-family:"Jost","Mulish",sans-serif;font-size:22px;font-weight:800;color:var(--ink);margin:38px 0 10px;padding-top:10px;border-top:1px solid var(--border);text-wrap:balance}
  .legal-page h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:22px 0 6px}
  .legal-page p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 12px;max-width:none}
  .legal-page ul{margin:0 0 14px;padding-left:22px;display:grid;gap:7px}
  .legal-page li{font-size:15px;line-height:1.7;color:var(--muted)}
  .legal-page a{color:var(--blue);font-weight:600;text-decoration:none}
  .legal-page a:hover{text-decoration:underline}
  .legal-page strong{color:var(--ink)}
  .legal-page .region-note{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}
  .legal-page .region-note h3{margin-top:0}
  .legal-page .toc{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin:26px 0 8px}
  .legal-page .toc strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
  .legal-page .toc ul{padding-left:18px;gap:5px}
  .legal-page .back{display:inline-flex;align-items:center;gap:6px;margin-top:34px;font-weight:700}
