:root{
    /* Freego premium VI — draft v2 */
    --ink:#14181A;
    --near:#0A0E10;        /* dark bands */
    --paper:#F6F5F2;       /* warm gallery white */
    --surface:#FFFFFF;
    --muted:#5C6663;
    --line:#E4E1DA;
    --teal:#0E6E66;        /* brand accent */
    --teal-deep:#0A4F4A;
    --gold:#C7A86A;        /* luxury hairline */
    --maxw:1220px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4,.disp{font-family:'Sora','Inter',system-ui,sans-serif;letter-spacing:-.02em;font-weight:600}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  section{padding:120px 0}
  .kicker{font-family:'Inter';font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--teal);display:inline-flex;align-items:center;gap:12px}
  .kicker::before{content:"";width:28px;height:1px;background:var(--gold)}

  /* wordmark */
  .wm{font-family:'Sora';font-weight:600;letter-spacing:.01em;font-size:23px;line-height:1;display:inline-flex;align-items:baseline}
  .wm .free{color:var(--ink)}
  .wm .go{color:var(--teal)}
  .wm .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;margin-left:3px;align-self:center}
  .on-dark .wm .free{color:#fff}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:10px;font-family:'Inter';font-weight:500;font-size:14px;letter-spacing:.02em;padding:15px 26px;border-radius:2px;transition:.25s;cursor:pointer;border:1px solid transparent}
  .btn-solid{background:var(--teal);color:#fff}
  .btn-solid:hover{background:var(--teal-deep)}
  .btn-line{background:transparent;color:var(--ink);border-color:#c9c5bc}
  .btn-line:hover{border-color:var(--teal);color:var(--teal)}
  .btn-gold{background:transparent;color:#fff;border-color:rgba(199,168,106,.6)}
  .btn-gold:hover{background:rgba(199,168,106,.12)}

  /* header */
  header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s;padding:22px 0}
  header .wrap{display:flex;align-items:center;justify-content:space-between}
  header .nav-links{display:flex;gap:38px;font-size:14px;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.82)}
  header .nav-links a{transition:.2s}
  header .nav-links a:hover{color:#fff}
  header.scrolled{background:rgba(246,245,242,.9);backdrop-filter:blur(12px);padding:14px 0;border-bottom:1px solid var(--line)}
  header.scrolled .wm .free{color:var(--ink)}
  header.scrolled .nav-links{color:var(--muted)}
  header.scrolled .nav-links a:hover{color:var(--ink)}
  header.scrolled .btn-solid{background:var(--teal)}
  .menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
  .menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.2s}
  header.scrolled .menu-toggle span{background:var(--ink)}

  /* hero */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden;padding:0}
  .hero-media{position:absolute;inset:0;z-index:0;will-change:transform}
  .hero-bg{position:absolute;inset:-8%;background:url('hero-pool.jpg') center/cover no-repeat;transform-origin:60% 42%;animation:kenburns 30s ease-in-out infinite alternate}
  @keyframes kenburns{from{transform:scale(1.05) translate(0,0)}to{transform:scale(1.2) translate(-2.5%,-2%)}}
  .hero-glow{position:absolute;inset:-25%;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(520px 380px at 32% 34%,rgba(199,168,106,.22),transparent 62%);animation:drift 20s ease-in-out infinite alternate}
  @keyframes drift{from{transform:translate(-7%,-5%)}to{transform:translate(11%,9%)}}
  .hero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,10,12,.86) 0%,rgba(6,10,12,.55) 45%,rgba(6,10,12,.25) 100%)}
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  .hero-inner{position:relative;z-index:2;max-width:660px;animation:rise 1.1s cubic-bezier(.16,1,.3,1) .15s both}
  .hero .kicker{color:var(--gold)}
  .hero .kicker::before{background:var(--gold)}
  .hero h1{font-size:clamp(40px,6vw,74px);line-height:1.04;font-weight:600;margin:26px 0 24px}
  .hero h1 em{font-style:normal;color:var(--gold)}
  .hero p{font-size:19px;color:rgba(255,255,255,.82);max-width:520px;font-weight:300}
  .hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
  .hero-tertiary{margin-top:20px;font-size:14px;color:rgba(255,255,255,.6);font-weight:300}
  .hero-tertiary a{color:rgba(255,255,255,.85);border-bottom:1px solid rgba(199,168,106,.6)}
  .hero-tertiary a:hover{color:#fff}
  .hero-scroll{position:absolute;bottom:34px;left:32px;z-index:2;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:12px}
  .hero-scroll::after{content:"";width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:drop 2.4s infinite}
  @keyframes drop{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1)}100%{transform:scaleY(.2);transform-origin:bottom}}

  /* trust strip */
  .trust{background:var(--near);color:#fff;padding:26px 0}
  .trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .trust .lab{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5)}
  .trust .marks{display:flex;gap:30px;flex-wrap:wrap;font-family:'Sora';font-size:15px;color:rgba(255,255,255,.85);letter-spacing:.04em}
  .trust .marks span{position:relative;padding-left:30px}
  .trust .marks span::before{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:var(--gold)}

  /* section heads */
  .sec-head{max-width:680px;margin-bottom:70px}
  .sec-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:20px 0 18px;font-weight:600}
  .sec-head p{color:var(--muted);font-size:18px;font-weight:300}

  /* collection editorial */
  .collection{background:var(--paper)}
  .cat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0;border-top:1px solid var(--line)}
  .cat:first-of-type{border-top:0}
  .cat.rev .cat-media{order:2}
  .cat-media{position:relative;border-radius:4px;overflow:hidden;background:var(--near);aspect-ratio:4/3;box-shadow:0 30px 60px rgba(10,14,16,.18)}
  .cat-media img{width:100%;height:100%;object-fit:contain;background:var(--near)}
  .cat-media .num{position:absolute;top:22px;left:24px;font-family:'Sora';font-size:15px;letter-spacing:.14em;color:var(--gold)}
  .cat-info .idx{font-family:'Sora';font-size:13px;letter-spacing:.2em;color:var(--muted)}
  .cat-info h3{font-size:clamp(26px,3vw,36px);margin:14px 0 16px;font-weight:600}
  .cat-info .desc{color:var(--muted);font-size:17px;font-weight:300;margin-bottom:30px}
  .model{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:baseline;gap:20px}
  .model .mn{font-family:'Sora';font-size:18px;font-weight:500}
  .model .mn small{display:block;font-family:'Inter';font-size:12px;color:var(--muted);font-weight:400;letter-spacing:.04em;margin-top:3px}
  .model .ms{font-size:13.5px;color:var(--muted);text-align:right;max-width:230px}
  .cat-cta{margin-top:26px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--teal);letter-spacing:.02em}
  .cat-cta:hover{gap:16px}
  /* product grid */
  .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-bottom:8px}
  .pitem{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s}
  .pitem:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(10,14,16,.10)}
  .pitem .pimg{aspect-ratio:1/1;background:var(--near)}
  .pitem .pimg img{width:100%;height:100%;object-fit:cover;display:block}
  .pitem h4{font-size:17px;margin:18px 20px 5px;font-weight:600}
  .pitem .psub{font-size:13px;color:var(--muted);margin:0 20px 12px}
  .pitem .pspec{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 20px 20px;padding:0}
  .pitem .pspec li{font-size:12px;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:4px 9px;border-radius:8px}

  /* statement */
  .statement{background:var(--near);color:#fff;text-align:center}
  .statement .wrap{max-width:900px}
  .statement .kicker{color:var(--gold);justify-content:center}
  .statement .kicker::before{background:var(--gold)}
  .statement blockquote{font-family:'Sora';font-weight:300;font-size:clamp(26px,3.6vw,42px);line-height:1.28;margin:26px 0 0;letter-spacing:-.01em}
  .statement blockquote em{font-style:normal;color:var(--gold);font-weight:400}

  /* capabilities */
  .caps{background:var(--surface)}
  .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .cap{background:var(--surface);padding:40px 34px}
  .cap .ic{color:var(--teal);margin-bottom:22px}
  .cap .ic svg{width:30px;height:30px;stroke-width:1.2}
  .cap h4{font-size:19px;margin-bottom:10px;font-weight:500}
  .cap p{font-size:15px;color:var(--muted);font-weight:300}

  /* distributor program */
  .partner{background:var(--paper)}
  .perks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .perk{background:var(--surface);padding:34px 30px}
  .perk .pc{font-family:'Sora';font-size:13px;letter-spacing:.14em;color:var(--gold);margin-bottom:14px}
  .perk h4{font-size:19px;font-weight:500;margin-bottom:8px}
  .perk p{font-size:14.5px;color:var(--muted);font-weight:300}
  .apply{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:64px;align-items:start}
  .apply-copy h3{font-size:26px;font-weight:600;margin-bottom:22px}
  .steps{list-style:none;counter-reset:s;display:grid;gap:18px}
  .steps li{counter-increment:s;position:relative;padding-left:44px;font-size:16px;color:var(--muted);font-weight:300}
  .steps li b{color:var(--ink);font-weight:500;font-family:'Sora'}
  .steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font-family:'Sora';font-size:14px;color:var(--teal);letter-spacing:.06em}
  .apply-note{margin-top:24px;font-size:15px;color:var(--muted)}
  .apply-note a{color:var(--teal);border-bottom:1px solid var(--gold)}
  .apply-form{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .apply-form .fr{display:flex;flex-direction:column;gap:7px}
  .apply-form .full{grid-column:1/-1}
  .apply-form label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .apply-form input,.apply-form textarea{font-family:'Inter';font-size:15px;padding:12px 14px;border:1px solid #d8d4cb;border-radius:2px;background:#fbfaf8;color:var(--ink)}
  .apply-form input:focus,.apply-form textarea:focus{outline:none;border-color:var(--teal);background:#fff}
  .apply-form button{grid-column:1/-1;justify-self:start}
  .form-hint{grid-column:1/-1;font-size:12px;color:var(--muted);font-weight:300}

  /* about */
  .about{background:var(--surface);border-top:1px solid var(--line)}
  .about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .about-h{font-size:clamp(28px,3.4vw,40px);margin:16px 0 18px;font-weight:600}
  .about-p{color:var(--muted);font-size:17px;font-weight:300;margin-bottom:26px}
  .about-list{list-style:none;display:grid;gap:14px}
  .about-list li{display:flex;gap:14px;align-items:baseline;font-size:15px;color:var(--muted)}
  .about-list .tick{color:var(--gold)}
  .about-list b{color:var(--ink);font-weight:500}
  .about-card{background:var(--near);border-radius:6px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:34px;box-shadow:0 30px 60px rgba(10,14,16,.18)}
  .about-card .fn{font-family:'Sora';font-size:40px;color:var(--gold);font-weight:600;line-height:1}
  .about-card .fl{font-size:13px;color:rgba(255,255,255,.6);margin-top:8px;letter-spacing:.04em}
  .about-legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.5);letter-spacing:.02em}

  /* two ways to work */
  .paths{background:var(--paper)}
  .path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .path-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:44px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:.25s}
  .path-card:hover{border-color:var(--teal);box-shadow:0 24px 50px rgba(10,14,16,.10);transform:translateY(-3px)}
  .path-card .ph-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}
  .path-card h3{font-size:26px;font-weight:600}
  .path-card p{color:var(--muted);font-size:16px;font-weight:300}
  .ph-list{list-style:none;display:grid;gap:9px;margin:2px 0 6px}
  .ph-list li{font-size:14.5px;color:var(--muted);padding-left:20px;position:relative}
  .ph-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--teal)}
  .path-card .btn{margin-top:auto}

  /* inquiry */
  .inquiry{background:var(--surface);border-top:1px solid var(--line)}
  .inq-p{color:var(--muted);font-size:16px;font-weight:300;margin-top:16px}
  .inq-link{color:var(--teal);border-bottom:1px solid var(--gold)}

  /* contact */
  .contact{background:var(--near);color:#fff}
  .contact .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
  .contact h2{font-size:clamp(30px,4vw,46px);line-height:1.1;font-weight:600}
  .contact p{color:rgba(255,255,255,.7);font-size:17px;font-weight:300;margin:20px 0 0;max-width:460px}
  .contact .box{border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:34px}
  .contact .row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}
  .contact .row:last-child{border-bottom:0}
  .contact .row .l{color:rgba(255,255,255,.5)}
  .contact .row .v{font-family:'Sora'}
  .contact .btn-solid{margin-top:24px}

  /* footer */
  footer{background:#060A0B;color:#8fa8a4;padding:70px 0 30px}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
  footer .wm .free{color:#fff}
  .foot-about{font-size:14px;color:#6f8783;margin-top:16px;max-width:280px;font-weight:300}
  .foot-col h5{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-family:'Inter';font-weight:600}
  .foot-col a{display:block;font-size:14.5px;color:#8fa8a4;margin-bottom:11px;font-weight:300}
  .foot-col a:hover{color:#fff}
  .swatches{display:flex;gap:14px;margin:26px 0 8px}
  .sw{font-size:10px;color:#6f8783;text-align:center;letter-spacing:.02em}
  .sw .box{width:30px;height:30px;border-radius:50%;margin-bottom:6px;border:1px solid rgba(255,255,255,.12)}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#5f7672;font-weight:300}

  .reveal{opacity:0;transform:translateY(26px);transition:.9s cubic-bezier(.16,1,.3,1)}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:900px){
    section{padding:80px 0}
    .cat{grid-template-columns:1fr;gap:32px;padding:48px 0}
    .cat.rev .cat-media{order:0}
    .cap-grid{grid-template-columns:repeat(2,1fr)}
    .perks{grid-template-columns:repeat(2,1fr)}
    .apply{grid-template-columns:1fr;gap:36px}
    .about-grid{grid-template-columns:1fr;gap:36px}
    .path-grid{grid-template-columns:1fr}
    .pgrid{grid-template-columns:repeat(2,1fr)}
    .contact .wrap{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .wrap{padding:0 22px}
    header .nav-links,header .btn-solid{display:none}
    .menu-toggle{display:block}
    header.open .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--near);padding:24px 32px;gap:18px;color:#fff}
    .cap-grid,.perks,.foot-grid,.pgrid{grid-template-columns:1fr}
    .apply-form{grid-template-columns:1fr}
    .about-card{grid-template-columns:1fr;gap:24px}
    .trust .wrap{justify-content:flex-start}
  }

  @media(prefers-reduced-motion:reduce){
    .hero-bg,.hero-glow,.hero-inner{animation:none!important}
    .reveal{opacity:1!important;transform:none!important}
    html{scroll-behavior:auto}
  }

  /* product detail pages */
  .prod{padding:150px 0 90px;background:var(--paper)}
  .prod-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
  .prod-media{background:var(--near);border-radius:6px;overflow:hidden}
  .prod-media img{width:100%;display:block}
  .prod h1{font-size:clamp(30px,4vw,46px);margin:14px 0 10px;font-weight:600}
  .prod .lead{color:var(--muted);font-size:17px;font-weight:300;margin-bottom:22px}
  .crumb{font-size:13px;color:var(--muted);margin-bottom:14px}
  .crumb a{color:var(--teal)}
  .feat{list-style:none;display:grid;gap:10px;margin:0 0 26px}
  .feat li{padding-left:22px;position:relative;color:var(--muted);font-size:15px}
  .feat li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:1px;background:var(--gold)}
  .spec-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .spec-table th,.spec-table td{text-align:left;padding:13px 16px;font-size:14.5px;border-bottom:1px solid var(--line);vertical-align:top}
  .spec-table th{color:var(--muted);font-weight:500;width:42%}
  .spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
  .prod-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
  .note{font-size:12.5px;color:var(--muted);margin-top:20px;line-height:1.6}
  .pgrid-2{grid-template-columns:repeat(2,1fr)}
  a.pitem{display:block}
  .pitem .more{display:block;font-size:13px;color:var(--teal);margin:-6px 20px 18px}
  @media(max-width:900px){.prod-grid{grid-template-columns:1fr;gap:32px}}

  /* non-home pages: header must stay solid + readable */
  body:not(.template-index) header{background:rgba(246,245,242,.92);backdrop-filter:blur(12px);padding:14px 0;border-bottom:1px solid var(--line)}
  body:not(.template-index) header .wm .free{color:var(--ink)}
  body:not(.template-index) header .nav-links{color:var(--muted)}
  body:not(.template-index) header .nav-links a:hover{color:var(--ink)}
  body:not(.template-index) header .btn-solid{background:var(--teal)}
  body:not(.template-index) header .menu-toggle span{background:var(--ink)}
  body:not(.template-index) .prod{padding-top:130px}