:root{
    --bg:#050505; --bg2:#0B0B0A; --white:#F5F3EE; --gray:#B7B4AC; --line: rgba(245,243,238,0.10);
    --gold-1:#F3D48A; --gold-2:#C7973F; --gold-3:#8A6420;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  ::selection{background:var(--gold-2); color:#050505;}
  body{background:var(--bg); color:var(--white); font-family:'Inter', sans-serif; overflow-x:hidden; position:relative;}
  body::before{
    content:''; position:fixed; inset:0; z-index:2; pointer-events:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    opacity:0.05; mix-blend-mode:overlay;
  }
  .wrap{max-width:1240px; margin:0 auto; padding:0 40px;}
  img{max-width:100%; image-rendering:auto;}
  a{color:inherit; text-decoration:none;}
  .mono{font-family:'JetBrains Mono',monospace; letter-spacing:0.14em; text-transform:uppercase; font-size:11px; color:var(--gold-1);}
  .gold-text{background:linear-gradient(100deg, var(--gold-1), var(--gold-2) 45%, var(--gold-3)); -webkit-background-clip:text; background-clip:text; color:transparent;}
  h1,h2,h3{font-weight:900; letter-spacing:-0.02em; line-height:0.98; text-transform:uppercase;}
  p{color:var(--gray); line-height:1.65;}

  #glow{
    position:fixed;
    width:520px;
    height:520px;
    border-radius:50%;
    pointer-events:none;
    z-index:1;
    background:radial-gradient(circle, rgba(199,151,63,0.10), transparent 70%);
    transform:translate(-50%,-50%);
    left:50%;
    top:30%;
    transition:opacity .3s;
  }

  nav{position:fixed; top:0; left:0; right:0; z-index:200; display:flex; align-items:center; justify-content:space-between; padding:26px 40px; transition:all .4s ease; border-bottom:1px solid transparent;}
  nav.solid{background:rgba(5,5,5,0.88); backdrop-filter:blur(14px); padding:16px 40px; border-bottom:1px solid var(--line);}
  .brand{display:flex; align-items:center; gap:12px; cursor:pointer;}
  .brand img{height:34px; width:auto; display:block; filter:drop-shadow(0 0 6px rgba(199,151,63,0.35));}
  .brand-text{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; font-weight:700;}
  .navlinks{display:flex; align-items:center; gap:34px;}
  .navlinks a:not(.navcta){font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gray); transition:color .2s; cursor:pointer; padding:4px 0; border-bottom:1px solid transparent;}
  .navlinks a:not(.navcta):hover{color:var(--white);}
  .navlinks a.current{color:var(--gold-1); border-bottom-color:var(--gold-2);}
  .navcta{background:var(--gold-1); color:#050505!important; padding:11px 22px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700; transition:transform .2s ease, box-shadow .2s ease; cursor:pointer;}
  .navcta:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(199,151,63,0.35);}
  .navburger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:6px;}
  .navburger span{width:22px; height:2px; background:var(--white); display:block;}
  @media(max-width:900px){
    .navlinks{position:fixed; top:0; right:0; height:100vh; width:78%; max-width:320px; background:#0A0A09; flex-direction:column; align-items:flex-start; justify-content:center; gap:28px; padding:40px; transform:translateX(100%); transition:transform .35s ease; border-left:1px solid var(--line);}
    .navlinks.open{transform:translateX(0);}
    .navburger{display:flex;}
  }

  main{padding-top:0;}
  .page{display:none;}
  .page.active{display:block; animation:fadein .5s ease;}
  @keyframes fadein{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}

  /* HERO (home) */
  .hero{position:relative; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:120px 24px 82px; background:radial-gradient(ellipse 70% 50% at 50% 18%, rgba(199,151,63,0.16), transparent 65%), var(--bg);}
  .hero-mark{width:min(600px, 82vw, 60vh); height:auto; object-fit:contain; margin-bottom:28px; filter:drop-shadow(0 24px 50px rgba(0,0,0,.68)) drop-shadow(0 0 28px rgba(243,212,138,.34)); animation:float 7s ease-in-out infinite;}
  @keyframes float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);}}
  .hero h1{font-size:clamp(40px, 7vw, 82px); max-width:1100px;}
  .hero .sub{max-width:560px; margin:26px auto 0; font-size:18px; color:var(--gray);}
  .hero-ctas{display:flex; gap:18px; margin-top:44px; flex-wrap:wrap; justify-content:center;}
  .btn-primary{background:var(--gold-1); color:#050505; padding:17px 34px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; transition:transform .2s ease, box-shadow .2s ease; display:inline-block; cursor:pointer; border:none;}
  .btn-primary:hover{transform:translateY(-3px); box-shadow:0 12px 32px rgba(199,151,63,0.4);}
  .btn-outline{border:1px solid var(--line); color:var(--white); padding:17px 34px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; transition:border-color .2s ease, background .2s ease; display:inline-block; cursor:pointer;}
  .btn-outline:hover{border-color:var(--gold-2); background:rgba(199,151,63,0.06);}
  .scrollcue{position:absolute; bottom:36px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px;}
  .scrollcue .line{width:1px; height:34px; background:linear-gradient(var(--gold-2), transparent); animation:drop 1.8s ease-in-out infinite;}
  @keyframes drop{0%{opacity:0; transform:scaleY(0.3);} 50%{opacity:1;} 100%{opacity:0; transform:scaleY(1);}}

  .cta-note{margin-top:18px; font-size:12.5px; color:var(--gray); font-family:'JetBrains Mono',monospace; letter-spacing:0.02em;}

  /* PROOF STRIP */
  .proof-strip{padding:60px 0 10px; background:var(--bg);}
  .strip-eyebrow{text-align:center; margin-bottom:28px; font-size:11px;}
  .proof-strip-row{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .proof-strip-item{display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--bg2); transition:border-color .2s ease, transform .2s ease; cursor:pointer; position:relative; overflow:hidden;}
  .proof-strip-item:hover{border-color:var(--gold-3); transform:translateY(-2px);}
  .psi-logo{width:60px; height:60px; flex:0 0 auto; border-radius:12px; overflow:hidden; background:#0A0A09; display:flex; align-items:center; justify-content:center; border:1px solid var(--line);}
  .psi-logo img{width:100%; height:100%; object-fit:cover; display:block;}
  .proof-strip-item h4{font-size:14px; font-weight:800; color:var(--white); text-transform:none; margin-bottom:3px;}
  .proof-strip-item p{font-size:12px; color:var(--gray); line-height:1.4;}
  .proof-strip-item.pulse::after{
    content:''; position:absolute; inset:0; border-radius:16px;
    background:radial-gradient(circle, rgba(243,212,138,0.35), transparent 70%);
    animation:psiPulse .5s ease-out; pointer-events:none;
  }
  @keyframes psiPulse{ 0%{opacity:1; transform:scale(0.8);} 100%{opacity:0; transform:scale(1.3);} }
  @media(max-width:760px){ .proof-strip-row{grid-template-columns:1fr;} }

  /* PRICING TEASER */
  .pricing-teaser{padding:10px 0 20px; background:var(--bg);}
  .pt-row{display:flex; gap:16px; max-width:640px; margin:0 auto; flex-wrap:wrap; justify-content:center;}
  .pt-card{position:relative; flex:1 1 220px; max-width:280px; text-align:center; padding:26px 20px; border:1px solid var(--line); border-radius:18px; background:var(--bg2); cursor:pointer; transition:border-color .2s ease, transform .2s ease;}
  .pt-card:hover{transform:translateY(-2px); border-color:var(--gold-3);}
  .pt-card.featured{border-color:var(--gold-3); background:linear-gradient(180deg, rgba(199,151,63,0.08), transparent 60%);}
  .pt-badge{position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--gold-1); color:#050505; padding:4px 12px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; white-space:nowrap;}
  .pt-name{display:block; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gray); margin-bottom:8px;}
  .pt-price{display:block; font-size:32px; font-weight:900; color:var(--white); letter-spacing:-0.02em;}
  .pt-price small{font-size:13px; font-weight:600; color:var(--gray); text-transform:lowercase;}
  .pt-link{display:block; text-align:center; margin-top:20px; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.04em; color:var(--gold-1); cursor:pointer;}
  .pt-link:hover{color:var(--white);}

  /* MOBILE STICKY CTA BAR */
  .mobile-cta-bar{
    display:none; position:fixed; bottom:0; left:0; right:0; z-index:250;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:rgba(5,5,5,0.92); backdrop-filter:blur(14px); border-top:1px solid var(--line);
    transform:translateY(100%); transition:transform .3s ease;
  }
  .mobile-cta-bar.visible{transform:translateY(0);}
  .mobile-cta-bar .btn-primary{display:block; width:100%; text-align:center; padding:15px;}
  @media(max-width:900px){ .mobile-cta-bar{display:block;} }

  .marquee-wrap{border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; padding:22px 0; background:var(--bg2);}
  .marquee{display:flex; width:max-content; animation:scroll-x 32s linear infinite;}
  .marquee span{font-family:'JetBrains Mono',monospace; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gray); padding:0 28px; white-space:nowrap; display:flex; align-items:center; gap:28px;}
  .marquee span::after{content:'✦'; color:var(--gold-2); font-size:10px;}
  @keyframes scroll-x{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

  /* generic page hero (non-home pages) */
  .page-hero{padding:170px 24px 70px; text-align:left; background:radial-gradient(ellipse 60% 40% at 15% 0%, rgba(199,151,63,0.12), transparent 60%), var(--bg);}
  .page-hero h2{font-size:clamp(34px,6vw,72px); max-width:900px; text-transform:uppercase;}
  .page-hero .sub{max-width:620px; margin-top:20px; font-size:17px;}

  section{padding:110px 0; position:relative;}
  section.tight{padding:70px 0;}
  .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:22px;}
  .eyebrow .num{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-1);}
  .eyebrow .rule{flex:0 0 40px; height:1px; background:var(--gold-3);}
  section h2{font-size:clamp(30px, 4.6vw, 56px); max-width:820px; margin-bottom:20px; text-transform:none;}
  .lede{max-width:560px; font-size:16.5px;}
  .reveal{opacity:0; transform:translateY(34px); transition:opacity .9s ease, transform .9s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* HOME preview cards */
  .preview-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:20px;}
  .preview-card{border:1px solid var(--line); border-radius:20px; padding:36px; transition:border-color .25s ease, transform .25s ease; cursor:pointer;}
  .preview-card:hover{border-color:var(--gold-3); transform:translateY(-4px);}
  .preview-card .mono{margin-bottom:14px; display:block;}
  .preview-card h3{font-size:22px; text-transform:none; margin-bottom:10px;}
  .preview-card p{font-size:14.5px; margin-bottom:16px;}
  .preview-card .go{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-1); text-transform:uppercase; letter-spacing:0.06em;}
  @media(max-width:860px){ .preview-grid{grid-template-columns:1fr;} }

  /* SERVICES */
  .svc-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); margin-top:40px; border:1px solid var(--line); border-radius:20px; overflow:hidden;}
  .svc-card{background:var(--bg); padding:44px; min-height:260px; display:flex; flex-direction:column; justify-content:space-between; transition:background .3s ease;}
  .svc-card:hover{background:var(--bg2);}
  .svc-card .idx{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-2); margin-bottom:20px;}
  .svc-card h3{font-size:23px; margin-bottom:12px; text-transform:none; letter-spacing:-0.01em;}
  .svc-card p{font-size:14.5px; margin-bottom:14px;}
  .svc-card ul{list-style:none;}
  .svc-card li{font-size:13.5px; color:var(--white); padding:6px 0 6px 20px; position:relative;}
  .svc-card li::before{content:'\2713'; position:absolute; left:0; color:var(--gold-2); font-size:12px;}
  @media(max-width:820px){ .svc-grid{grid-template-columns:1fr;} }

  /* PROOF / CLIENTS */
  .client-social-index{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:34px; align-items:center; padding:34px; margin-bottom:34px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(135deg,rgba(199,151,63,.1),rgba(11,11,10,.7) 48%); box-shadow:0 24px 80px rgba(0,0,0,.16);}
  .client-social-copy h2{font-size:clamp(28px,3.2vw,46px); margin:9px 0 12px; text-transform:none;}
  .client-social-copy p{font-size:14.5px; max-width:540px; margin:0;}
  .client-social-links{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
  .client-social-links a{display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:64px; padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:rgba(5,5,5,.46); color:var(--white); transition:border-color .2s ease-out, transform .2s ease-out, background-color .2s ease-out;}
  .client-social-links a span{font-size:13px; font-weight:700; line-height:1.25;}
  .client-social-links a b{flex:0 0 auto; color:var(--gold-1); font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.08em; text-transform:uppercase;}
  .client-social-links a:hover{border-color:var(--gold-3); background:rgba(199,151,63,.08); transform:translateY(-2px);}
  .client-card{border:1px solid var(--line); border-radius:22px; padding:44px; margin-top:24px; background:rgba(11,11,10,.72); box-shadow:0 24px 80px rgba(0,0,0,.18); content-visibility:auto; contain-intrinsic-size:auto 720px;}
  .client-head{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin-bottom:6px;}
  .client-head-left{display:flex; align-items:center; gap:18px;}
  .client-logo{height:56px; width:auto; max-width:130px; object-fit:contain; border-radius:8px;}
  .client-head h3{font-size:28px; text-transform:none;}
  .client-tag{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--gold-1); letter-spacing:0.1em; text-transform:uppercase; border:1px solid var(--gold-3); border-radius:100px; padding:6px 14px;}
  .client-card p{font-size:15px; margin-bottom:14px; max-width:760px;}
  .client-facts{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
  .client-fact{font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--white); background:rgba(245,243,238,0.05); border:1px solid var(--line); border-radius:100px; padding:8px 16px;}
  .client-links{display:flex; flex-wrap:wrap; align-items:center; gap:18px;}

  .client-results{margin-top:26px; padding-top:24px; border-top:1px solid var(--line);}
  .client-results .cr-label{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-1); margin-bottom:16px; display:block;}
  .cr-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  .cr-stat{border:1px solid var(--line); border-radius:14px; padding:18px 16px; background:rgba(245,243,238,0.02);}
  .cr-num{font-size:26px; font-weight:900; color:var(--white); letter-spacing:-0.01em; display:block; line-height:1.1;}
  .cr-name{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gray); margin-top:6px; display:block;}
  .cr-delta{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; margin-top:8px; display:inline-block;}
  .cr-delta.up{color:var(--gold-1);}
  .cr-delta.down{color:var(--gray);}
  @media(max-width:700px){ .cr-grid{grid-template-columns:1fr 1fr;} }
  .client-link{font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--gold-1); text-decoration:underline; margin-top:14px; display:inline-block;}
  .portfolio-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:30px;}
  .portfolio-shot{min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--bg); box-shadow:0 16px 42px rgba(0,0,0,.24);}
  .portfolio-media{aspect-ratio:4 / 3; overflow:hidden; display:grid; place-items:center; background:var(--bg2);}
  .portfolio-media img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.16,1,.3,1), filter .3s ease-out;}
  .portfolio-media.contain img{object-fit:contain; padding:14px;}
  .portfolio-shot figcaption{min-height:56px; display:flex; align-items:center; padding:13px 16px; border-top:1px solid var(--line); color:var(--white); font-family:'JetBrains Mono',monospace; font-size:10.5px; line-height:1.45; letter-spacing:.06em; text-transform:uppercase;}
  @media(hover:hover){
    .portfolio-shot:hover .portfolio-media img{transform:scale(1.035); filter:brightness(1.05);}
  }
  .social-feed-section{margin-top:82px; padding-top:66px; border-top:1px solid var(--line);}
  .social-feed-heading{max-width:780px;}
  .social-feed-heading h2{font-size:clamp(30px,4.1vw,58px); margin:10px 0 14px; text-transform:none;}
  .social-feed-heading p{font-size:15px; max-width:680px;}
  .social-feed-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:34px;}
  .social-feed-card{min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:rgba(11,11,10,.82); box-shadow:0 20px 60px rgba(0,0,0,.22);}
  .social-feed-card header{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-height:74px; padding:16px; border-bottom:1px solid var(--line);}
  .social-feed-card header span{font-size:13px; font-weight:800; line-height:1.35;}
  .social-feed-card header a{flex:0 0 auto; color:var(--gold-1); font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.07em; text-transform:uppercase;}
  .facebook-feed{display:flex; justify-content:center; min-height:760px; overflow:hidden; background:#fff;}
  .facebook-feed iframe{display:block; width:100%; max-width:340px; min-height:760px;}
  @media(max-width:1180px){
    .social-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
  }
  @media(max-width:900px){
    .client-social-index{grid-template-columns:1fr;}
    .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media(max-width:600px){
    .client-social-index{padding:24px 20px; gap:24px;}
    .client-social-links{grid-template-columns:1fr;}
    .social-feed-section{margin-top:60px; padding-top:48px;}
    .social-feed-grid{grid-template-columns:1fr; gap:16px;}
    .social-feed-card header{align-items:flex-start;}
    .portfolio-grid{grid-template-columns:1fr; gap:14px;}
    .portfolio-shot figcaption{min-height:50px;}
  }

  @media(min-width:1800px){
    .wrap{max-width:1680px; padding-left:56px; padding-right:56px;}
    .hero-mark{width:min(720px,44vw,66vh);}
    .client-card{padding:56px; border-radius:26px;}
    .portfolio-grid{gap:22px;}
    .portfolio-shot figcaption{font-size:11.5px; padding:16px 18px;}
  }

  /* STATEMENT */
  #statement{background:var(--bg); text-align:center; padding:150px 24px;}
  #statement h2{font-size:clamp(28px,5.4vw,68px); max-width:1000px; margin:0 auto; text-transform:uppercase;}

  /* PLANS */
  .plan-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:40px;}
  .plan{position:relative; border:1px solid var(--line); border-radius:22px; padding:44px 38px 38px; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease;}
  .plan:hover{border-color:var(--gold-3); transform:translateY(-4px);}
  .plan.featured{border-color:var(--gold-3); background:linear-gradient(180deg, rgba(199,151,63,0.07), transparent 55%);}
  .plan-badge{position:absolute; top:-13px; left:38px; background:var(--gold-1); color:#050505; padding:6px 16px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700;}
  .plan-tag{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold-1); margin-bottom:14px;}
  .plan h3{font-size:32px; text-transform:none; letter-spacing:-0.02em; margin-bottom:20px;}
  .plan-price{display:flex; align-items:baseline; gap:8px; margin-bottom:18px;}
  .plan-num{font-size:56px; font-weight:900; letter-spacing:-0.03em; line-height:1;}
  .plan-per{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--gray); text-transform:uppercase; letter-spacing:0.06em;}
  .plan-lede{font-size:15px; margin-bottom:26px; min-height:44px;}
  .plan-list{list-style:none; margin-bottom:32px; flex:1;}
  .plan-list li{font-size:14.5px; color:var(--white); padding:11px 0 11px 26px; border-top:1px solid var(--line); position:relative;}
  .plan-list li:first-child{border-top:none;}
  .plan-list li::before{content:'\2713'; position:absolute; left:0; top:11px; color:var(--gold-2); font-size:13px; font-weight:700;}
  .plan-cta, .plan-cta-ghost{display:block; text-align:center; padding:16px 24px; border-radius:100px; font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; cursor:pointer;}
  .plan-cta{background:var(--gold-1); color:#050505;}
  .plan-cta:hover{transform:translateY(-2px); box-shadow:0 10px 28px rgba(199,151,63,0.36);}
  .plan-cta-ghost{border:1px solid var(--line); color:var(--white);}
  .plan-cta-ghost:hover{border-color:var(--gold-2); background:rgba(199,151,63,0.06);}
  .addon{display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; margin-top:26px; padding:32px 38px; border:1px solid var(--line); border-radius:22px; background:rgba(245,243,238,0.02);}
  .addon-left h3{font-size:22px; text-transform:none; margin:10px 0 8px;}
  .addon-left p{font-size:14.5px; max-width:520px;}
  .addon-right{display:flex; align-items:baseline; gap:8px;}
  .addon-price{font-size:40px; font-weight:900; letter-spacing:-0.02em;}
  .addon-per{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gray); text-transform:uppercase;}
  @media(max-width:820px){ .plan-grid{grid-template-columns:1fr;} .plan-lede{min-height:0;} }

  /* PROCESS */
  .step-row{display:grid; grid-template-columns:90px 1fr; gap:28px; padding:28px 0; border-top:1px solid var(--line); align-items:start;}
  .step-row:last-child{border-bottom:1px solid var(--line);}
  .step-num{font-family:'JetBrains Mono',monospace; font-size:14px; color:var(--gold-1);}
  .step-row h3{font-size:20px; margin-bottom:6px; text-transform:none;}
  .step-row p{font-size:14.5px; max-width:520px;}

  /* ABOUT */
  .about-open{padding:170px 24px 60px; background:radial-gradient(ellipse 60% 45% at 85% 10%, rgba(199,151,63,0.14), transparent 60%), var(--bg);}
  .about-open .mono{margin-bottom:18px; display:block;}
  .about-open h2{font-size:clamp(34px,6.6vw,80px); max-width:920px;}
  .about-open .lede2{max-width:640px; margin-top:24px; font-size:18px; color:var(--gray);}
  .timeline{margin-top:20px;}
  .tl-row{display:grid; grid-template-columns:150px 1fr; gap:28px; padding:30px 0; border-top:1px solid var(--line);}
  .tl-row:last-child{border-bottom:1px solid var(--line);}
  .tl-year{font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--gold-1);}
  .tl-row h3{font-size:21px; margin-bottom:8px; text-transform:none;}
  .tl-row p{font-size:14.5px; max-width:600px;}
  .f-grid{display:grid; grid-template-columns:1.15fr 0.85fr; gap:60px; margin-top:30px; align-items:start;}
  .f-grid p{font-size:16px; margin-bottom:18px; max-width:520px;}
  .kit{border:1px solid var(--line); border-radius:16px; padding:30px;}
  .kit ul{list-style:none; margin-top:14px;}
  .kit li{font-size:14.5px; color:var(--gray); padding:11px 0; border-top:1px solid var(--line);}
  .kit li:first-of-type{border-top:none;}
  @media(max-width:820px){ .f-grid{grid-template-columns:1fr;} }

  /* CONTACT / BOOKING */
  .meeting-booker{position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); margin-top:40px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(135deg,rgba(199,151,63,.09),rgba(245,243,238,.018) 52%,rgba(199,151,63,.035)); box-shadow:0 28px 80px rgba(0,0,0,.25);}
  .meeting-booker::before{content:""; position:absolute; width:420px; height:420px; left:-210px; top:-250px; border-radius:50%; background:radial-gradient(circle,rgba(243,212,138,.14),transparent 68%); pointer-events:none;}
  .meeting-intro{position:relative; padding:clamp(38px,5vw,68px);}
  .meeting-intro h2{font-size:clamp(36px,5.2vw,64px); line-height:.98; max-width:680px; margin:14px 0 22px; text-transform:none;}
  .meeting-intro p{max-width:690px; font-size:17px;}
  .booking-pills{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px;}
  .booking-pills span{border:1px solid var(--line); border-radius:999px; padding:10px 14px; color:var(--white); background:rgba(5,5,5,.38); font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.055em; text-transform:uppercase;}
  .booking-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; align-items:center;}
  .booking-availability{position:relative; padding:clamp(38px,4vw,56px) clamp(30px,3.5vw,46px); border-left:1px solid var(--line); background:rgba(5,5,5,.46);}
  .booking-steps{list-style:none; counter-reset:booking-step; display:grid; gap:26px; margin-top:28px;}
  .booking-steps li{position:relative; counter-increment:booking-step; min-height:42px; padding-left:52px;}
  .booking-steps li::before{content:counter(booking-step,decimal-leading-zero); position:absolute; left:0; top:0; width:36px; height:36px; border:1px solid var(--gold-2); border-radius:50%; display:grid; place-items:center; color:var(--gold-1); font-family:'JetBrains Mono',monospace; font-size:10px;}
  .booking-steps strong{display:block; color:var(--white); font-size:15px; margin-bottom:5px;}
  .booking-steps span{display:block; color:var(--gray); font-size:13.5px; line-height:1.55;}
  .social-pages{margin-top:78px; padding-top:58px; border-top:1px solid var(--line);}
  .social-head{display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:24px 42px; align-items:end;}
  .social-head .mono{grid-column:1/-1;}
  .social-head h2{font-size:clamp(34px,4.4vw,56px); line-height:1; text-transform:none;}
  .social-head p{max-width:560px; padding-bottom:5px;}
  .social-link-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:34px;}
  .social-page-card{min-height:154px; display:flex; flex-direction:column; align-items:flex-start; padding:26px; border:1px solid var(--line); border-radius:18px; background:rgba(245,243,238,.025); transition:transform .2s ease,border-color .2s ease,background .2s ease;}
  .social-page-card:hover{transform:translateY(-4px); border-color:var(--gold-2); background:rgba(199,151,63,.07);}
  .social-page-card span{color:var(--white); font-size:19px; font-weight:750;}
  .social-page-card small{display:block; margin-top:7px; color:var(--gray); font-size:13px;}
  .social-page-card b{margin-top:auto; padding-top:20px; color:var(--gold-1); font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase;}
  .contact-direct{display:flex; flex-wrap:wrap; gap:28px; margin-top:50px; padding-top:34px; border-top:1px solid var(--line);}
  .contact-direct div{min-width:180px;}
  .contact-direct .mono{margin-bottom:8px; display:block;}
  .contact-direct a, .contact-direct span{font-size:15px; color:var(--white);}
  @media(max-width:860px){
    .meeting-booker{grid-template-columns:1fr;}
    .booking-availability{border-left:none; border-top:1px solid var(--line);}
    .social-head{grid-template-columns:1fr; align-items:start;}
  }
  @media(max-width:620px){
    .booking-actions{align-items:stretch; flex-direction:column;}
    .booking-actions a{text-align:center; width:100%;}
    .social-link-grid{grid-template-columns:1fr;}
  }

  /* PRIVACY / TERMS */
  .legal-hero{padding-bottom:54px;}
  .legal-wrap{max-width:960px;}
  .legal-meta{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 22px; padding-bottom:22px; border-bottom:1px solid var(--line); color:var(--gold-1); font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;}
  .legal-notice{margin:28px 0 44px; padding:26px 28px; border:1px solid rgba(199,151,63,.38); border-radius:16px; background:rgba(199,151,63,.075);}
  .legal-notice p{margin:0; color:var(--white); font-size:16px;}
  .legal-section{padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid var(--line);}
  .legal-section:last-child{border-bottom:none; margin-bottom:0;}
  .legal-section h2{margin:0 0 15px; font-size:clamp(24px,3.3vw,38px); line-height:1.08; text-transform:none;}
  .legal-section p{margin:0 0 13px; font-size:15.5px;}
  .legal-section p:last-child{margin-bottom:0;}
  .legal-section strong{color:var(--white);}
  .legal-section ul{display:grid; gap:10px; margin:3px 0 17px; padding-left:21px; color:var(--gray); line-height:1.6;}
  .legal-section li::marker{color:var(--gold-2);}
  .legal-section a{color:var(--gold-1); text-decoration:underline; text-decoration-color:rgba(243,212,138,.45); text-underline-offset:3px;}
  .legal-resources{display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; margin-top:24px; padding-top:22px; border-top:1px solid var(--line);}
  .legal-resources .mono{width:100%;}
  .legal-resources a{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.045em; text-transform:uppercase;}
  @media(max-width:600px){
    .legal-meta{flex-direction:column;}
    .legal-notice{padding:22px;}
    .legal-section{padding-bottom:27px; margin-bottom:27px;}
  }

  .faq-section{background:var(--bg2);}
  .faq-list{margin-top:20px; max-width:760px;}
  .faq-item{border-top:1px solid var(--line);}
  .faq-item:last-child{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:24px 4px; background:none; border:none; cursor:pointer; text-align:left;
    font-family:'Inter',sans-serif; font-size:17px; font-weight:600; color:var(--white);
  }
  .faq-q:hover{color:var(--gold-1);}
  .faq-icon{font-family:'JetBrains Mono',monospace; font-size:20px; color:var(--gold-1); flex:0 0 auto; transition:transform .25s ease;}
  .faq-item.open .faq-icon{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease;}
  .faq-item.open .faq-a{max-height:200px; padding-bottom:22px;}
  .faq-a p{font-size:15px; max-width:640px;}

  .cta-block{background:radial-gradient(ellipse 60% 60% at 50% 30%, rgba(199,151,63,0.14), transparent 70%), var(--bg); text-align:center; padding:130px 24px 150px;}
  .cta-block h2{margin:0 auto 22px; max-width:760px; text-transform:uppercase;}
  .cta-block .lede{margin:0 auto 42px;}

  footer{background:var(--bg); border-top:1px solid var(--line); padding:50px 0;}
  .foot-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}
  .foot-row .brand-text{color:var(--gray);}
  .foot-links{display:flex; align-items:center; gap:24px; flex-wrap:wrap;}
  .foot-links a{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gray); transition:color .2s; cursor:pointer;}
  .foot-links a:hover{color:var(--gold-1);}
  .foot-social{display:flex; align-items:center; gap:8px; padding:0 2px;}
  .foot-links .social-mark{width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:rgba(245,243,238,.025); color:var(--white); text-decoration:none; transition:color .2s ease-out, border-color .2s ease-out, transform .2s ease-out, background-color .2s ease-out;}
  .social-mark span{display:block; font-family:Arial,sans-serif; line-height:1;}
  .social-mark[data-network="facebook"] span{font-size:17px; font-weight:900; transform:translateY(1px);}
  .social-mark[data-network="tiktok"] span{font-size:18px; font-weight:900; text-shadow:-1px 0 #25f4ee,1px 0 #fe2c55; transform:translateY(-1px);}
  .social-mark[data-network="x"] span{font-size:15px; font-weight:900;}
  .social-mark:hover{color:var(--gold-1); border-color:var(--gold-3); background:rgba(199,151,63,.08); transform:translateY(-2px);}

  a:focus-visible, button:focus-visible, [role="link"]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:2px solid var(--gold-1);
    outline-offset:4px;
  }

  @media(max-width:600px){
    .wrap{padding:0 22px;}
    nav, nav.solid{padding-left:22px; padding-right:22px;}
    .brand-text{font-size:10px; letter-spacing:.1em;}
    .hero{padding:132px 18px 92px;}
    .hero-mark{width:min(600px, 88vw, 58vh); margin-bottom:24px;}
    .hero .sub{font-size:16px;}
    .hero-ctas{width:100%; gap:12px; margin-top:34px;}
    .hero-ctas a{width:100%; max-width:340px;}
    section{padding:82px 0;}
    .client-card{padding:28px 22px;}
    .client-head-left{align-items:flex-start;}
    .foot-links{gap:18px;}
    .foot-row{align-items:flex-start;}
  }

  @media(hover:none), (pointer:coarse){
    #glow{display:none;}
  }

  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *, *::before, *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important;}
    .reveal{opacity:1; transform:none;}
    #glow{display:none;}
  }

/* ============ MERCH ============ */
@keyframes merchCardIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
@keyframes merchSkelPulse{0%,100%{opacity:0.5;} 50%{opacity:0.9;}}

.merch-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:26px; margin-top:8px;}

.merch-card{
  border:1px solid var(--line); border-radius:20px; background:var(--bg2);
  overflow:hidden; display:flex; flex-direction:column;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  animation:merchCardIn .5s cubic-bezier(.16,1,.3,1) both;
}
.merch-card:hover{border-color:var(--gold-2); transform:translateY(-6px); box-shadow:0 20px 40px -20px rgba(0,0,0,0.5);}

.merch-img-wrap{position:relative; width:100%; aspect-ratio:1/1; background:#F5F3EE; overflow:hidden;}
.merch-img-wrap img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:opacity .25s ease, transform .4s ease;
}
.merch-img-wrap img.swap{opacity:0;}
.merch-card:hover .merch-img-wrap img{transform:scale(1.04);}

.merch-card-body{padding:22px; display:flex; flex-direction:column; gap:12px; flex:1;}
.merch-card-body h3{
  font-size:17px; text-transform:none; letter-spacing:0; line-height:1.3;
  min-height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.merch-controls{display:flex; flex-direction:column; gap:10px;}
.merch-select{
  width:100%; background:var(--bg); border:1px solid var(--line); color:var(--white);
  padding:11px 36px 11px 14px; border-radius:10px; font-family:'Inter',sans-serif; font-size:13px;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C7973F' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
  cursor:pointer; transition:border-color .2s ease;
}
.merch-select:hover, .merch-select:focus{border-color:var(--gold-2); outline:none;}

.merch-price{font-family:'JetBrains Mono',monospace; color:var(--gold-1); font-size:16px; font-weight:700;}

.merch-buy{margin-top:auto; width:100%; text-align:center;}
.merch-buy:disabled{opacity:0.5; cursor:not-allowed; transform:none!important; box-shadow:none!important;}

.merch-empty{color:var(--gray); font-size:15px;}

.merch-banner{padding:16px 20px; border-radius:14px; margin-bottom:26px; font-size:14px; display:none;}
.merch-banner.show{display:block;}
.merch-banner.success{background:rgba(199,151,63,0.12); border:1px solid var(--gold-2); color:var(--gold-1);}
.merch-banner.error{background:rgba(220,80,80,0.1); border:1px solid rgba(220,80,80,0.4); color:#e28c8c;}

/* Skeleton loading state — avoids layout jump once real cards render,
   since the skeleton grid uses the exact same card structure/sizing. */
.merch-skeleton{animation:none; pointer-events:none;}
.merch-skel-img{width:100%; aspect-ratio:1/1; background:var(--line); animation:merchSkelPulse 1.4s ease-in-out infinite;}
.merch-skel-line{height:14px; border-radius:6px; background:var(--line); animation:merchSkelPulse 1.4s ease-in-out infinite;}

@media(prefers-reduced-motion:reduce){
  .merch-card{animation:none;}
  .merch-img-wrap img{transition:none;}
}

@media(max-width:600px){
  .merch-grid{gap:18px;}
  .merch-card-body{padding:18px;}
}

/* QUOTE FORM */
.quote-form{max-width:760px; display:flex; flex-direction:column; gap:22px; margin-top:12px;}
.quote-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.quote-field{display:flex; flex-direction:column; gap:8px;}
.quote-field label{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-1);}
.quote-field input, .quote-field select, .quote-field textarea{
  width:100%; background:var(--bg); border:1px solid var(--line); color:var(--white);
  padding:14px 16px; border-radius:10px; font-family:'Inter',sans-serif; font-size:14px;
  transition:border-color .2s ease;
}
.quote-field select{
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C7973F' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
.quote-field textarea{resize:vertical; min-height:120px; font-family:'Inter',sans-serif;}
.quote-field input:hover, .quote-field select:hover, .quote-field textarea:hover,
.quote-field input:focus, .quote-field select:focus, .quote-field textarea:focus{border-color:var(--gold-2); outline:none;}
.quote-field input::placeholder, .quote-field textarea::placeholder{color:var(--gray); opacity:0.6;}
.quote-status{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-1); display:none; margin-top:-6px;}
.quote-status.show{display:block;}
.quote-note{max-width:640px; margin-bottom:8px;}
@media(max-width:700px){
  .quote-row{grid-template-columns:1fr;}
}