:root{
  --ink:#07090F;--ink2:#0B0D18;--surface:#10131F;--surface2:#141828;
  --border:#1A1E30;--border2:#222840;--muted:#2A3158;--slate:#3D4B7A;
  --mid:#5A6A9C;--soft:#8A9BC4;--pale:#C4CCDF;--white:#EEF1FA;
  --gold:#C8A96E;--gold2:#E2C48A;--gold3:#F0D9A8;
  --creator:#7EC8C0;--creator2:#A5DDD8;
  --agency:#9B8FD4;--agency2:#B8AEED;
  --red:#C04040;--orange:#C87820;--green:#2E8B5A;
  --ff-serif:'DM Serif Display',Georgia,serif;
  --ff-sans:'DM Sans',system-ui,sans-serif;
  --ff-mono:'JetBrains Mono','Courier New',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--ink);color:var(--white);font-family:var(--ff-sans);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* CUSTOM CURSOR — desktop only */
.cur{width:7px;height:7px;border-radius:50%;background:var(--gold);position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .08s;mix-blend-mode:screen}
.cur-ring{width:30px;height:30px;border-radius:50%;border:1px solid rgba(200,169,110,.35);position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .2s}
@media(hover:none){
  .cur,.cur-ring{display:none!important}
  a,button,.cta1,.cta2,.ncta,.cta-agency,.cta1-creator,.cta-ghost,.agency-card-cta,.sample-cta,.fsub{cursor:pointer!important}
}

/* LAYOUT */
.w{max-width:1160px;margin:0 auto;padding:0 48px;position:relative;z-index:2}
.sec-pad{padding:96px 0}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.reveal.revealed{opacity:1;transform:none}
@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:1px solid var(--border);background:rgba(7,9,15,.9);backdrop-filter:blur(20px) saturate(1.5);transition:background .3s}
.nw{max-width:1160px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:72px}
.nbrand{display:flex;align-items:center;text-decoration:none;max-width:220px}
.nlinks{display:flex;gap:20px;list-style:none;align-items:center}
.nlinks a{font-family:var(--ff-sans);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--soft);text-decoration:none;transition:color .2s}
.nlinks a:hover{color:var(--white)}
.nlinks .nagen{color:var(--agency);opacity:.9}
.nlinks .nagen:hover{color:var(--agency2);opacity:1}
.nlinks .ncreator-link{color:var(--creator);opacity:.75}
.nlinks .ncreator-link:hover{color:var(--creator2);opacity:1}
.ncta{font-family:var(--ff-sans);font-size:.78rem;font-weight:600;letter-spacing:.03em;background:var(--gold);color:var(--ink);padding:10px 20px;text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap;border:none}
.ncta:hover{background:var(--gold2);transform:translateY(-1px)}
.nburg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nburg span{display:block;width:20px;height:1.5px;background:var(--pale);transition:all .3s}
.ndrawer{display:none;flex-direction:column;background:var(--ink2);border-bottom:1px solid var(--border)}
.ndrawer.open{display:flex}
.ndrawer a{font-family:var(--ff-sans);font-size:.85rem;font-weight:500;color:var(--soft);text-decoration:none;padding:14px 48px;border-bottom:1px solid var(--border);transition:color .2s}
.ndrawer a:hover{color:var(--white)}
.ndrawer .dagen{color:var(--agency)}
.ndrawer .dcreator{color:var(--creator)}
.ndrawer .dcta{background:var(--gold);color:var(--ink);font-weight:600;text-align:center;margin:16px 48px 20px;padding:14px;border:none;display:block;cursor:pointer}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 100px;position:relative;overflow:hidden}
.hbg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 85% 45%,rgba(30,50,110,.18) 0%,transparent 70%),radial-gradient(ellipse 35% 45% at 5% 75%,rgba(15,25,70,.12) 0%,transparent 60%)}
.hgrid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:80px 80px;opacity:.22}
.hline{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,.1) 30%,rgba(200,169,110,.1) 70%,transparent);pointer-events:none}
.hcontent{position:relative;z-index:2;max-width:820px}
.hkick{font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:34px;opacity:0;animation:fu .5s .1s forwards}
.hkick::before{content:'';display:block;width:28px;height:1px;background:var(--gold);opacity:.7}
h1{font-family:var(--ff-serif);font-size:clamp(2.8rem,6vw,5.2rem);font-weight:400;line-height:1.06;letter-spacing:-.02em;color:var(--white);margin-bottom:30px;opacity:0;animation:fu .65s .25s forwards}
h1 i{color:var(--gold);font-style:italic}
.hsub{font-size:1.05rem;font-weight:300;line-height:1.82;color:var(--pale);max-width:640px;margin-bottom:36px;opacity:0;animation:fu .65s .4s forwards}
.hctas{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fu .65s .55s forwards;margin-bottom:20px;align-items:center}
.cta1{font-family:var(--ff-sans);font-size:.85rem;font-weight:600;letter-spacing:.03em;background:var(--gold);color:var(--ink);padding:15px 32px;text-decoration:none;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--gold)}
.cta1:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px)}
.cta2{font-family:var(--ff-sans);font-size:.83rem;font-weight:500;letter-spacing:.03em;background:transparent;color:var(--soft);padding:14px 24px;text-decoration:none;border:1px solid var(--border2);transition:all .2s;cursor:pointer}
.cta2:hover{border-color:var(--soft);color:var(--white)}
.cta-agency{font-family:var(--ff-sans);font-size:.85rem;font-weight:600;letter-spacing:.03em;background:rgba(155,143,212,.12);color:var(--agency);padding:15px 32px;text-decoration:none;border:2px solid rgba(155,143,212,.35);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cta-agency:hover{background:rgba(155,143,212,.22);border-color:var(--agency);color:var(--agency2)}
.cta-creator{font-family:var(--ff-sans);font-size:.85rem;font-weight:600;letter-spacing:.03em;background:rgba(126,200,192,.1);color:var(--creator);padding:15px 32px;text-decoration:none;border:2px solid rgba(126,200,192,.3);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cta-creator:hover{background:rgba(126,200,192,.2);border-color:var(--creator);color:var(--creator2)}
.cta-ghost{font-family:var(--ff-sans);font-size:.78rem;font-weight:400;letter-spacing:.03em;color:var(--mid);text-decoration:none;padding:8px 4px;transition:color .2s;cursor:pointer}
.cta-ghost:hover{color:var(--soft)}
.htrust{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.08em;color:var(--mid);opacity:0;animation:fu .65s .6s forwards;margin-bottom:44px;line-height:1.8;padding:14px 18px;border:1px solid var(--border);background:rgba(255,255,255,.02);display:inline-block}
.hproof{display:flex;gap:48px;flex-wrap:wrap;padding-top:44px;border-top:1px solid var(--border);opacity:0;animation:fu .65s .7s forwards}
.hpval{font-family:var(--ff-serif);font-size:1.65rem;color:var(--white);line-height:1;margin-bottom:4px}
.hpval span{color:var(--gold)}
.hpval span.c{color:var(--creator)}
.hpval span.ag{color:var(--agency)}
.hplbl{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mid)}

/* TRUST BAR */
.tbar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:2}
.tinner{max-width:1160px;margin:0 auto;padding:0 48px;display:flex;align-items:stretch;flex-wrap:wrap}
.ti{flex:1;min-width:200px;padding:26px 0 26px 32px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--border)}
.ti:first-child{padding-left:0}
.ti:last-child{border-right:none}
.tico{width:34px;height:34px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tico svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.5}
.tico.tc svg{stroke:var(--creator)}
.tico.tag svg{stroke:var(--agency)}
.titl{font-size:.82rem;font-weight:600;color:var(--white);margin-bottom:2px}
.tisub{font-family:var(--ff-mono);font-size:.57rem;letter-spacing:.09em;color:var(--mid)}

/* PROCESS */
#process{background:var(--ink2);border-bottom:1px solid var(--border);position:relative}
#process::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 50% 0%,rgba(200,169,110,.04) 0%,transparent 70%);pointer-events:none}
.process-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.sec-eyebrow{font-family:var(--ff-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sec-eyebrow::before{content:'';display:block;width:18px;height:1px;opacity:.7}
.ey-gold{color:var(--gold)}.ey-gold::before{background:var(--gold)}
.ey-agency{color:var(--agency)}.ey-agency::before{background:var(--agency)}
.ey-creator{color:var(--creator)}.ey-creator::before{background:var(--creator)}
.ey-mid{color:var(--mid)}.ey-mid::before{background:var(--mid)}
.sec-title{font-family:var(--ff-serif);font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}
.sec-sub{font-size:.95rem;font-weight:300;color:var(--soft);line-height:1.72;max-width:580px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:48px}
.step{background:var(--surface);padding:36px 28px;position:relative}
.step-n{font-family:var(--ff-serif);font-size:3.8rem;color:var(--border2);line-height:1;margin-bottom:20px;letter-spacing:-.04em}
.step-title{font-size:.9rem;font-weight:600;color:var(--white);margin-bottom:10px}
.step-copy{font-size:.82rem;font-weight:300;line-height:1.65;color:var(--mid)}
.step-connector{position:absolute;top:50px;right:-12px;width:24px;height:1px;background:var(--border2);z-index:2}
.step:last-child .step-connector{display:none}
.process-note{font-family:var(--ff-mono);font-size:.65rem;letter-spacing:.08em;color:var(--mid);margin-top:24px;padding-top:24px;border-top:1px solid var(--border);text-align:center}
.process-note span{color:var(--gold)}
.payment-note{background:rgba(200,169,110,.04);border:1px solid rgba(200,169,110,.18);padding:20px 24px;margin-top:28px;display:flex;gap:16px;align-items:flex-start}
.payment-note-icon{font-family:var(--ff-mono);font-size:.62rem;color:var(--gold);flex-shrink:0;margin-top:2px;letter-spacing:.05em}
.payment-note-text{font-size:.85rem;font-weight:300;color:var(--soft);line-height:1.7}
.payment-note-text strong{color:var(--pale);font-weight:500}

/* EXTERNAL SNAPSHOT */
#snapshot{background:var(--ink);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
#snapshot::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(200,169,110,.05) 0%,transparent 70%);pointer-events:none}
.snap-inner{max-width:1160px;margin:0 auto;padding:0 48px}
.snap-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:48px;padding:80px 0 44px;border-bottom:1px solid var(--border)}
.snap-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.badge{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border:1px solid}
.badge-gold{background:rgba(200,169,110,.08);border-color:rgba(200,169,110,.28);color:var(--gold)}
.badge-green{background:rgba(46,139,90,.08);border-color:rgba(46,139,90,.25);color:#5ec990}
.badge-agency{background:rgba(155,143,212,.08);border-color:rgba(155,143,212,.28);color:var(--agency)}
.badge-creator{background:rgba(126,200,192,.08);border-color:rgba(126,200,192,.28);color:var(--creator)}
.snap-title{font-family:var(--ff-serif);font-size:clamp(2rem,4vw,3.2rem);color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.snap-sub{font-size:1rem;font-weight:300;line-height:1.82;color:var(--pale);max-width:560px}
.snap-price-block{text-align:right;flex-shrink:0}
.snap-price-intro{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:8px}
.snap-price-main{font-family:var(--ff-serif);font-size:3.2rem;color:var(--gold);line-height:1}
.snap-price-note{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.08em;color:var(--mid);margin-top:8px;line-height:1.55}
.snap-cta-block{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.snap-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-top:none}
.snap-col{background:var(--surface);padding:36px 32px}
.snap-col-label{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.snap-col-label::before{content:'';display:block;width:12px;height:1px;background:var(--gold);opacity:.7}
.snap-list{display:flex;flex-direction:column;gap:10px}
.snap-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;font-weight:300;line-height:1.55;color:var(--soft)}
.snap-item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.7;flex-shrink:0;margin-top:6px}
.snap-item.no::before{background:var(--mid);opacity:.45}
.snap-item.no{color:var(--mid)}
.snap-cta-bar{padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.snap-cta-left{display:flex;gap:14px;flex-wrap:wrap}

/* AGENCY */
#agencies{background:var(--ink2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
#agencies::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 80% 40%,rgba(155,143,212,.05) 0%,transparent 65%);pointer-events:none}
.agency-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.agency-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;margin-top:44px}
.agency-benefits{display:flex;flex-direction:column;gap:10px;margin:24px 0 32px}
.agency-benefit{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;font-weight:300;line-height:1.6;color:var(--soft)}
.agency-benefit::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--agency);opacity:.7;flex-shrink:0;margin-top:7px}
.agency-right{display:flex;flex-direction:column;gap:2px}
.agency-card{background:var(--surface);border:1px solid var(--border2);padding:28px;border-top:3px solid var(--agency)}
.agency-card-title{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--agency);margin-bottom:14px}
.agency-card-name{font-family:var(--ff-serif);font-size:1.25rem;color:var(--white);margin-bottom:8px;line-height:1.2}
.agency-card-price{font-family:var(--ff-mono);font-size:.65rem;letter-spacing:.08em;color:var(--mid);margin-bottom:16px}
.agency-card-copy{font-size:.82rem;font-weight:300;line-height:1.65;color:var(--soft);margin-bottom:20px}
.agency-card-cta{font-family:var(--ff-sans);font-size:.8rem;font-weight:600;letter-spacing:.03em;background:rgba(155,143,212,.12);color:var(--agency);padding:11px 22px;text-decoration:none;border:1px solid rgba(155,143,212,.3);transition:all .2s;cursor:pointer;display:inline-block}
.agency-card-cta:hover{background:rgba(155,143,212,.22);border-color:var(--agency)}
.agency-card+.agency-card{border-top:1px solid var(--border);margin-top:1px}

/* WHAT YOU RECEIVE */
#deliverables{background:var(--ink);border-bottom:1px solid var(--border);position:relative}
#deliverables::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 10% 50%,rgba(200,169,110,.04) 0%,transparent 60%);pointer-events:none}
.del-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.del-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:44px}
.del-tab{background:var(--surface);padding:40px 36px}
.del-tab-label{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.del-tab-label::before{content:'';display:block;width:10px;height:1px;opacity:.7}
.dlt-gold{color:var(--gold)}.dlt-gold::before{background:var(--gold)}
.dlt-creator{color:var(--creator)}.dlt-creator::before{background:var(--creator)}
.del-tab-name{font-family:var(--ff-serif);font-size:1.4rem;color:var(--white);margin-bottom:18px;line-height:1.15}
.del-list{display:flex;flex-direction:column;gap:14px}
.del-item{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.del-item:last-child{border-bottom:none;padding-bottom:0}
.del-tick{width:20px;height:20px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.del-tick svg{width:10px;height:10px;fill:none;stroke-width:2.5}
.dit-gold{border-color:rgba(200,169,110,.4)}.dit-gold svg{stroke:var(--gold)}
.dit-creator{border-color:rgba(126,200,192,.4)}.dit-creator svg{stroke:var(--creator)}
.del-item-title{font-size:.85rem;font-weight:600;color:var(--white);margin-bottom:3px}
.del-item-desc{font-size:.8rem;font-weight:300;color:var(--mid);line-height:1.55}

/* SAMPLE REPORT */
#sample{background:var(--ink2);border-bottom:1px solid var(--border);position:relative}
#sample::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(200,169,110,.04) 0%,transparent 65%);pointer-events:none}
.sample-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-top:44px}
.sample-preview{background:var(--surface);border:1px solid var(--border2);border-top:3px solid var(--gold);padding:36px;position:relative;display:flex;flex-direction:column;min-height:100%}
.sample-preview::after{content:'SAMPLE';position:absolute;top:14px;right:16px;font-family:var(--ff-mono);font-size:.5rem;letter-spacing:.18em;color:var(--gold);opacity:.35}
.sample-preview-saas::after{content:'SAAS SAMPLE'}
.sample-preview-creator{border-top-color:var(--creator)}
.sample-preview-creator::after{content:'CREATOR SAMPLE';color:var(--creator)}
.sample-doc-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.sample-doc-icon{width:36px;height:36px;border:1px solid rgba(200,169,110,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sample-doc-icon svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.5}
.sample-preview-creator .sample-doc-icon{border-color:rgba(126,200,192,.25)}
.sample-preview-creator .sample-doc-icon svg{stroke:var(--creator)}
.sample-doc-title{font-family:var(--ff-serif);font-size:1.1rem;color:var(--white);line-height:1.2;margin-bottom:4px}
.sample-doc-sub{font-family:var(--ff-mono);font-size:.56rem;letter-spacing:.1em;color:var(--mid);line-height:1.6;text-transform:uppercase}
.sample-doc-sections{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;flex:1}
.sample-doc-section{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;font-weight:300;color:var(--soft);line-height:1.55}
.sample-doc-section::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6;flex-shrink:0;margin-top:7px}
.sample-preview-creator .sample-doc-section::before{background:var(--creator)}
.sample-cta-wrap{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.sample-cta{font-family:var(--ff-sans);font-size:.85rem;font-weight:600;letter-spacing:.03em;background:var(--gold);color:var(--ink);padding:14px 28px;text-decoration:none;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--gold);text-align:center}
.sample-cta:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px)}
.sample-cta-creator{background:var(--creator);border-color:var(--creator)}
.sample-cta-creator:hover{background:var(--creator2);border-color:var(--creator2)}
.sample-coming-soon{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);padding:6px 0;line-height:1.7}
.sample-what{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:32px}
.sample-what-item{font-size:.82rem;font-weight:300;color:var(--soft);display:flex;align-items:flex-start;gap:10px;line-height:1.6;background:var(--surface);padding:18px 16px}
.sample-what-item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.65;flex-shrink:0;margin-top:7px}
.sample-note{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.08em;color:var(--mid);margin-top:24px;padding:14px 18px;border:1px solid var(--border);background:rgba(255,255,255,.02);line-height:1.8}

/* CREATOR SECTION */
#creator-security{background:var(--ink);border-bottom:1px solid rgba(126,200,192,.12);position:relative;overflow:hidden}
#creator-security::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 20% 50%,rgba(126,200,192,.04) 0%,transparent 65%);pointer-events:none}
.creator-inner{max-width:1160px;margin:0 auto;padding:0 48px}
.creator-secondary-label{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid rgba(126,200,192,.1)}
.csl-badge{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--creator);background:rgba(126,200,192,.07);border:1px solid rgba(126,200,192,.2);padding:5px 14px}
.csl-sub{font-family:var(--ff-mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.csl-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(126,200,192,.14),transparent)}
.creator-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:48px;padding:56px 0 40px;border-bottom:1px solid rgba(126,200,192,.1)}
.creator-title{font-family:var(--ff-serif);font-size:clamp(1.9rem,4vw,3rem);color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.creator-title i{color:var(--creator);font-style:italic}
.creator-sub{font-size:1rem;font-weight:300;line-height:1.82;color:var(--pale);max-width:540px;margin-bottom:16px}
.creator-trust-strip{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:14px 18px;background:rgba(126,200,192,.04);border:1px solid rgba(126,200,192,.1)}
.creator-trust-item{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--creator);opacity:.8;display:flex;align-items:center;gap:6px}
.creator-trust-item::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--creator);opacity:.6}
.creator-price-block{text-align:right;flex-shrink:0}
.creator-price-intro{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:8px}
.creator-price-main{font-family:var(--ff-serif);font-size:3.2rem;color:var(--creator);line-height:1}
.creator-price-note{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.08em;color:var(--mid);margin-top:8px;line-height:1.55}
.creator-cta-block{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.cta1-creator{font-family:var(--ff-sans);font-size:.85rem;font-weight:600;letter-spacing:.03em;background:var(--creator);color:var(--ink);padding:15px 36px;text-decoration:none;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--creator)}
.cta1-creator:hover{background:var(--creator2);border-color:var(--creator2);transform:translateY(-1px)}
.creator-body{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(126,200,192,.1);border:1px solid rgba(126,200,192,.12);border-top:none}
.creator-col{background:var(--surface);padding:36px 32px}
.creator-col-label{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--creator);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.creator-col-label::before{content:'';display:block;width:12px;height:1px;background:var(--creator);opacity:.6}
.creator-list{display:flex;flex-direction:column;gap:10px}
.creator-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;font-weight:300;line-height:1.55;color:var(--soft)}
.creator-item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--creator);opacity:.6;flex-shrink:0;margin-top:6px}
.creator-cta-bar{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.creator-cta-left{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* SERVICES LIST */
#services{background:var(--ink2);border-bottom:1px solid var(--border);position:relative}
.svc-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.svc-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:44px}
.svc-path{background:var(--surface);padding:36px 30px}
.svc-path-label{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;padding:4px 10px;border:1px solid;display:inline-block;margin-bottom:18px}
.spl-gold{color:var(--gold);border-color:rgba(200,169,110,.28);background:rgba(200,169,110,.06)}
.spl-agency{color:var(--agency);border-color:rgba(155,143,212,.28);background:rgba(155,143,212,.06)}
.spl-creator{color:var(--creator);border-color:rgba(126,200,192,.28);background:rgba(126,200,192,.06)}
.svc-path-title{font-family:var(--ff-serif);font-size:1.2rem;color:var(--white);margin-bottom:18px;line-height:1.2}
.svc-items{display:flex;flex-direction:column;gap:8px}
.svc-item{font-size:.82rem;font-weight:300;color:var(--soft);display:flex;align-items:flex-start;gap:10px;line-height:1.55}
.svc-item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:7px;opacity:.7}
.svci-gold::before{background:var(--gold)}
.svci-agency::before{background:var(--agency)}
.svci-creator::before{background:var(--creator)}


/* ASYNC REVIEW SECTION */
#async-review{background:var(--ink);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
#async-review::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 20% 50%,rgba(200,169,110,.045) 0%,transparent 65%);pointer-events:none}
.async-inner{max-width:1160px;margin:0 auto;padding:64px 48px;position:relative;z-index:2}
.async-card{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;background:var(--surface);border:1px solid var(--border2);border-left:3px solid var(--gold);padding:38px 40px}
.async-title{font-family:var(--ff-serif);font-size:clamp(1.7rem,3vw,2.3rem);color:var(--white);line-height:1.12;letter-spacing:-.02em;margin-bottom:14px}
.async-copy{font-size:.95rem;font-weight:300;line-height:1.78;color:var(--soft);max-width:560px}
.async-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.async-item{font-size:.82rem;font-weight:300;color:var(--pale);background:rgba(255,255,255,.025);border:1px solid var(--border);padding:13px 14px;line-height:1.5;display:flex;gap:9px;align-items:flex-start}
.async-item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.75;flex-shrink:0;margin-top:7px}

/* SECURE WEBSITE BUILDS */
#web-builds{background:var(--ink2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
#web-builds::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 80% 45%,rgba(126,200,192,.045) 0%,transparent 65%);pointer-events:none}
.webbuild-inner{max-width:1160px;margin:0 auto;padding:80px 48px;position:relative;z-index:2}
.webbuild-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:44px}
.webbuild-panel{background:var(--surface);padding:40px 36px}
.webbuild-panel.featured{border-top:3px solid var(--creator)}
.webbuild-kicker{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--creator);margin-bottom:18px}
.webbuild-name{font-family:var(--ff-serif);font-size:1.55rem;color:var(--white);line-height:1.15;margin-bottom:14px}
.webbuild-copy{font-size:.93rem;font-weight:300;color:var(--soft);line-height:1.8;margin-bottom:24px}
.webbuild-price{font-family:var(--ff-serif);font-size:2.7rem;color:var(--creator);line-height:1;margin:8px 0 8px}
.webbuild-note{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mid);line-height:1.7}
.webbuild-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.webbuild-item{font-size:.82rem;font-weight:300;color:var(--pale);background:rgba(255,255,255,.025);border:1px solid var(--border);padding:13px 14px;line-height:1.5;display:flex;gap:9px;align-items:flex-start}
.webbuild-item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--creator);opacity:.75;flex-shrink:0;margin-top:7px}
.webbuild-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.webbuild-warning{font-size:.78rem;font-weight:300;color:var(--mid);line-height:1.7;margin-top:18px;border-top:1px solid var(--border);padding-top:18px}

/* WHO IT'S FOR */
#who{background:var(--ink);border-bottom:1px solid var(--border);position:relative}
.who-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:44px}
.who-col{background:var(--surface);padding:40px 36px}
.who-col-head{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.who-for-head{color:var(--gold)}
.who-not-head{color:var(--mid)}
.who-items{display:flex;flex-direction:column;gap:12px}
.who-item{font-size:.88rem;font-weight:300;color:var(--soft);display:flex;align-items:flex-start;gap:12px;line-height:1.6}
.who-item-for::before{content:'✓';font-family:var(--ff-mono);font-size:.7rem;color:var(--gold);flex-shrink:0;margin-top:1px}
.who-item-not::before{content:'—';font-family:var(--ff-mono);font-size:.7rem;color:var(--mid);flex-shrink:0;margin-top:1px}

/* GUARDRAILS */
#guardrails{background:var(--ink2);border-bottom:1px solid var(--border);position:relative}
.guardrails-inner{max-width:1160px;margin:0 auto;padding:64px 48px}
.guardrails-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:40px}
.guardrail{background:var(--surface);padding:28px 26px;display:flex;align-items:flex-start;gap:14px}
.gicon{width:32px;height:32px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gicon svg{width:13px;height:13px;stroke:var(--gold);fill:none;stroke-width:1.5}
.gtext{font-size:.82rem;font-weight:300;color:var(--soft);line-height:1.6}
.gtext strong{font-weight:600;color:var(--pale);display:block;margin-bottom:3px;font-size:.8rem}

/* ABOUT */
#about{background:var(--ink);border-bottom:1px solid var(--border);position:relative}
#about::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 85% 40%,rgba(200,169,110,.04) 0%,transparent 60%);pointer-events:none}
.about-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;margin-top:44px}
.about-body p{font-size:.95rem;font-weight:300;line-height:1.88;color:var(--soft);margin-bottom:18px}
.about-body p strong{color:var(--pale);font-weight:500}
.about-body p:last-child{margin-bottom:0}
.about-credentials{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.about-cred{background:var(--surface);padding:22px 20px}
.about-cred-label{font-family:var(--ff-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:6px}
.about-cred-value{font-size:.82rem;font-weight:500;color:var(--soft);line-height:1.4}
.apoint{display:flex;flex-direction:column;gap:6px;margin-top:28px}
.apoint-item{display:flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.apoint-item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6}

/* FAQ */
#faq{background:var(--ink2);border-bottom:1px solid var(--border)}
.faq-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.faq-list{margin-top:44px;border:1px solid var(--border)}
.faq{border-bottom:1px solid var(--border);background:var(--surface)}
.faq:last-child{border-bottom:none}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;cursor:pointer;transition:background .2s}
.faq-q:hover{background:var(--surface2)}
.faq-q-text{font-size:.9rem;font-weight:500;color:var(--pale);line-height:1.4}
.faq-q-icon{width:20px;height:20px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s,border-color .2s}
.faq-q-icon svg{width:8px;height:8px;stroke:var(--mid);fill:none;stroke-width:2;transition:stroke .2s}
.faq.open .faq-q-icon{transform:rotate(45deg);border-color:var(--gold)}
.faq.open .faq-q-icon svg{stroke:var(--gold)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-inner{padding:0 28px 22px;font-size:.88rem;font-weight:300;line-height:1.78;color:var(--mid)}
.faq-a-inner strong{color:var(--soft);font-weight:500}

/* CTA STRIP */
.ctastrip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.ctastrip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(200,169,110,.05) 0%,transparent 60%);pointer-events:none}
.ctastrip-inner{max-width:1160px;margin:0 auto;padding:64px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.ctastrip-kicker{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ctastrip-kicker::before{content:'';display:block;width:14px;height:1px;background:var(--gold);opacity:.7}
.ctastrip-title{font-family:var(--ff-serif);font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--white);line-height:1.1;letter-spacing:-.02em;margin-bottom:10px}
.ctastrip-sub{font-size:.9rem;font-weight:300;color:var(--soft);max-width:480px;line-height:1.7}
.ctastrip-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}

/* CONTACT */
#contact{background:var(--ink);border-bottom:1px solid var(--border)}
.contact-inner{max-width:1160px;margin:0 auto;padding:80px 48px}
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;margin-top:44px}
.contact-meta{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.contact-meta-item{display:flex;align-items:flex-start;gap:14px}
.cmi-icon{width:32px;height:32px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cmi-icon svg{width:13px;height:13px;stroke:var(--gold);fill:none;stroke-width:1.5}
.cmi-label{font-family:var(--ff-mono);font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:var(--mid);margin-bottom:4px}
.cmi-value{font-size:.85rem;color:var(--soft);text-decoration:none;display:block;line-height:1.55;margin-bottom:4px}
.cmi-value:hover{color:var(--pale)}
.email-role{font-family:var(--ff-mono);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:inline-block;min-width:62px;margin-right:8px}
.contact-trust{margin-top:36px;display:flex;flex-direction:column;gap:8px}
.contact-trust-item{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);display:flex;align-items:center;gap:8px}
.contact-trust-item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.55}
form{display:flex;flex-direction:column;gap:18px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg{display:flex;flex-direction:column;gap:6px}
.fl{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
input,select,textarea{background:var(--surface2);border:1px solid var(--border2);color:var(--white);font-family:var(--ff-sans);font-size:.9rem;font-weight:300;padding:12px 16px;outline:none;transition:border-color .2s;-webkit-appearance:none;border-radius:0;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235A6A9C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
textarea{min-height:110px;resize:vertical;line-height:1.6}
.fcheck{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.fcheck input[type="checkbox"]{position:absolute;left:0;top:2px;width:20px;height:20px;margin:0;padding:0;opacity:0;z-index:2;cursor:pointer;-webkit-appearance:auto;appearance:auto;border:0}
.fcheck-box{width:20px;height:20px;min-width:20px;flex-shrink:0;margin-top:2px;border:1px solid var(--border2);background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}
.fcheck-box::after{content:'';width:6px;height:11px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s;margin-top:-2px}
.fcheck input[type="checkbox"]:checked + .fcheck-box{background:var(--gold);border-color:var(--gold)}
.fcheck input[type="checkbox"]:checked + .fcheck-box::after{opacity:1}
.fcheck input[type="checkbox"]:focus-visible + .fcheck-box{box-shadow:0 0 0 3px rgba(200,169,110,.22);border-color:var(--gold)}
.fcheck-label{font-size:.82rem;font-weight:300;color:var(--mid);line-height:1.6}
.fcheck-label strong{color:var(--soft);font-weight:500}
.fsub{background:var(--gold);color:var(--ink);border:2px solid var(--gold);font-family:var(--ff-sans);font-size:.88rem;font-weight:600;letter-spacing:.03em;padding:16px 32px;cursor:pointer;transition:all .2s;text-align:center;width:100%}
.fsub:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px)}
.fdisclaim{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.08em;color:var(--mid);text-align:center;line-height:1.7}

/* FOOTER */
footer{background:var(--ink2);border-top:1px solid var(--border)}
.fw{max-width:1160px;margin:0 auto;padding:44px 48px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.fbrand{margin-bottom:16px}
.flegal{font-family:var(--ff-mono);font-size:.56rem;letter-spacing:.07em;color:var(--mid);line-height:1.85;max-width:480px}
.flinks{display:flex;flex-direction:column;gap:10px;text-align:right;flex-shrink:0}
.flinks a{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);text-decoration:none;transition:color .2s}
.flinks a:hover{color:var(--soft)}
.flinks .fc{color:rgba(126,200,192,.6)}
.flinks .fa{color:rgba(155,143,212,.6)}

/* RESPONSIVE */
@media(max-width:960px){
  .w,.snap-inner,.creator-inner,.process-inner,.agency-inner,.del-inner,.sample-inner,.async-inner,.webbuild-inner,.svc-inner,.who-inner,.guardrails-inner,.about-inner,.faq-inner,.contact-inner{padding-left:32px;padding-right:32px}
  .nw,.tinner,.ctastrip-inner,.fw{padding-left:32px;padding-right:32px}
  .steps{grid-template-columns:1fr 1fr}
  .step-connector{display:none}
  .snap-header,.creator-header{grid-template-columns:1fr;gap:28px}
  .snap-price-block,.creator-price-block{text-align:left}
  .snap-body,.creator-body,.del-tabs,.sample-layout,.async-card,.webbuild-grid,.svc-paths,.who-grid,.contact-layout{grid-template-columns:1fr}
  .agency-grid{grid-template-columns:1fr;gap:44px}
  .guardrails-list{grid-template-columns:1fr 1fr}
  .about-layout{grid-template-columns:1fr;gap:48px}
  .about-credentials{grid-template-columns:1fr 1fr}
  .nlinks,.ncta{display:none}
  .nburg{display:flex}
  .frow{grid-template-columns:1fr}
  .ctastrip-inner{flex-direction:column}
  #hero{min-height:90vh;padding:120px 0 80px}
}
@media(max-width:640px){
  .w,.snap-inner,.creator-inner,.process-inner,.agency-inner,.del-inner,.sample-inner,.async-inner,.webbuild-inner,.svc-inner,.who-inner,.guardrails-inner,.about-inner,.faq-inner,.contact-inner{padding-left:18px;padding-right:18px}
  .nw,.ctastrip-inner{padding-left:18px;padding-right:18px}
  .tinner{padding:0 18px;flex-direction:column}
  .ti{min-width:100%;border-right:none;padding-left:0;border-bottom:1px solid var(--border)}
  .ti:last-child{border-bottom:none}
  .fw{padding:36px 18px;flex-direction:column;gap:24px;align-items:flex-start}
  .flinks{text-align:left}
  h1{font-size:2.4rem}
  #hero{min-height:auto;padding:110px 0 60px}
  .hproof{gap:22px}
  .hctas{flex-direction:column;align-items:stretch}
  .cta1,.cta2{text-align:center;justify-content:center}
  .steps{grid-template-columns:1fr}
  .guardrails-list{grid-template-columns:1fr}
  .about-credentials{grid-template-columns:1fr}
  .ndrawer a{padding:14px 18px}
  .ndrawer .dcta{margin:14px 18px 18px}
  .creator-trust-strip{flex-direction:column;gap:8px}
  .snap-cta-bar{flex-direction:column;align-items:flex-start}
  .creator-cta-bar{flex-direction:column;align-items:flex-start}
  .async-card,.webbuild-panel{padding:28px 22px}
  .async-list,.webbuild-list{grid-template-columns:1fr}
}
@media(max-width:420px){
  h1{font-size:2rem}
  .hproof{flex-direction:column;gap:16px}
  .sec-pad{padding:64px 0}
  .process-inner,.agency-inner,.del-inner,.sample-inner,.async-inner,.webbuild-inner,.svc-inner,.who-inner,.guardrails-inner,.about-inner,.faq-inner,.contact-inner{padding-top:64px;padding-bottom:64px}
}


/* RECENT SNAPSHOT THEMES */
#recent-themes{background:var(--ink);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
#recent-themes::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 18% 40%,rgba(200,169,110,.04) 0%,transparent 65%);pointer-events:none}
.themes-inner{max-width:1160px;margin:0 auto;padding:78px 48px;position:relative;z-index:2}
.themes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:42px}
.theme-card{background:var(--surface);padding:28px 22px;min-height:180px}
.theme-num{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.theme-title{font-size:.92rem;font-weight:600;color:var(--white);line-height:1.35;margin-bottom:10px}
.theme-copy{font-size:.8rem;font-weight:300;line-height:1.62;color:var(--mid)}
.themes-note{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.08em;color:var(--mid);margin-top:22px;padding:14px 18px;border:1px solid var(--border);background:rgba(255,255,255,.02);line-height:1.8}

/* PRICING */
#pricing{background:var(--ink2);border-bottom:1px solid var(--border);position:relative}
.pricing-inner{max-width:1160px;margin:0 auto;padding:78px 48px}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:42px}
.price-card{background:var(--surface);padding:34px 28px;display:flex;flex-direction:column;gap:12px;min-height:280px;position:relative}
.price-card.featured{border-top:3px solid var(--gold)}
.price-label{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}
.price-name{font-family:var(--ff-serif);font-size:1.26rem;line-height:1.15;color:var(--white)}
.price-amount{font-family:var(--ff-serif);font-size:2.15rem;line-height:1;color:var(--gold);margin-top:4px}
.price-copy{font-size:.82rem;font-weight:300;line-height:1.6;color:var(--soft);flex:1}
.price-link{font-family:var(--ff-sans);font-size:.8rem;font-weight:600;color:var(--ink);background:var(--gold);text-decoration:none;padding:11px 16px;text-align:center;margin-top:8px;display:inline-block}
.price-link.secondary{background:transparent;color:var(--soft);border:1px solid var(--border2)}

/* LANDING LINK BADGE */
.inline-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.inline-badge{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(200,169,110,.22);background:rgba(200,169,110,.055);padding:7px 10px}

@media(max-width:980px){
  .themes-grid{grid-template-columns:1fr 1fr}
  .price-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .themes-grid,.price-grid{grid-template-columns:1fr}
}

/* FINAL REVIEW: accessibility and conversion polish */
.cur,.cur-ring{display:none!important}
a,button,input,select,textarea,label,.faq-q{cursor:pointer!important}
input,textarea,select{cursor:text!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
#confidentiality{background:var(--surface);border-bottom:1px solid var(--border);position:relative}
.conf-inner{max-width:1160px;margin:0 auto;padding:72px 48px}
.conf-card{display:grid;grid-template-columns:.9fr 1.4fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.conf-side{background:linear-gradient(135deg,rgba(200,169,110,.1),rgba(255,255,255,.02));padding:34px}
.conf-main{background:var(--ink2);padding:34px}
.conf-title{font-family:var(--ff-serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;line-height:1.12;margin-bottom:16px;color:var(--white)}
.conf-copy{font-size:.92rem;font-weight:300;line-height:1.82;color:var(--soft);margin-bottom:18px}
.conf-list{display:grid;gap:12px}
.conf-item{display:flex;gap:11px;color:var(--pale);font-size:.88rem;font-weight:300;line-height:1.65}
.conf-item:before{content:'✓';color:var(--gold);font-family:var(--ff-mono);font-size:.7rem;margin-top:2px;flex-shrink:0}
.conf-badge{font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(200,169,110,.28);background:rgba(200,169,110,.06);display:inline-block;padding:7px 10px;margin-bottom:16px}
@media(max-width:850px){.conf-card{grid-template-columns:1fr}.conf-inner{padding-left:24px;padding-right:24px}}


/* Security hardening / accessibility refinements */
.hp-field{display:none!important}
nav.scrolled{background:rgba(7,9,15,.97)!important}
.faq.open .faq-a{max-height:520px}
.fsub.success{background:var(--green)!important}
.fsub.error{background:var(--red)!important}
.u-hidden{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

/* Former inline styles moved here to satisfy CSP */
.u-style-site-css-1{height:36px;width:auto;display:block;}
.u-style-site-css-2{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;color:var(--mid);text-align:right;line-height:1.8;}
.u-style-site-css-3{font-size:.95rem;font-weight:300;line-height:1.85;color:var(--soft);}
.u-style-site-css-4{margin-bottom:18px;}
.u-style-site-css-5{font-size:.8rem;font-weight:300;color:var(--mid);line-height:1.6;margin-top:8px;}
.u-style-site-css-6{color:var(--creator);text-decoration:none;}
.u-style-site-css-7{border-color:rgba(126,200,192,.2);color:var(--creator);}
.u-style-site-css-8{font-family:var(--ff-mono);font-size:.6rem;letter-spacing:.1em;color:var(--mid);text-align:right;line-height:1.8;}
.u-style-site-css-9{text-align:center;max-width:560px;margin:0 auto 40px;}
.u-style-site-css-10{justify-content:center;}
.u-style-site-css-11{cursor:default;}
.u-style-site-css-12{cursor:default;}
.u-style-site-css-13{display:none;}
.u-style-site-css-14{height:24px;width:auto;display:block;opacity:.55;}