:root{
  --cream:#FCF8F1;--paper:#FFFFFF;--oat:#F5F0E5;--text:#33302B;--muted:#75706A;--line:#E8E1D3;
  --blue-band:#DFEDF7;--blue:#C2DCF0;--yellow:#F8E7A6;--latte:#E3D0BD;--pink:#C24070;--pink-soft:#F4D3DF;--gold:#D3B178;
  --coffee:#6B5140;--coffee-deep:#4A392E;--charcoal:#2B2A28;
  --serif:"Cormorant Garamond","Iowan Old Style",Garamond,Georgia,serif;
  --sans:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --shadow:0 24px 50px -30px rgba(63,36,29,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream);color:var(--text);font-family:var(--sans);font-weight:300;font-size:1.04rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.1;color:var(--text)}
h1{font-size:clamp(2.1rem,6vw,3.1rem)} h2{font-size:clamp(1.8rem,4.6vw,2.5rem);margin-bottom:.8rem} h3{font-size:1.45rem;margin:1.3rem 0 .4rem}
h1 em,h2 em{font-style:italic;color:var(--pink)}
p+p{margin-top:.7rem} strong,b{font-weight:500}
a{color:var(--pink)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.kicker{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--pink);margin-bottom:.6rem}
.kicker::before{content:"";width:2.2rem;height:1px;background:var(--gold)}
.lead{font-family:var(--serif);font-size:1.35rem;line-height:1.45;margin-bottom:.6rem}
.small{font-size:.88rem;color:var(--muted)}
.center{text-align:center}
.btn{display:inline-block;font-family:var(--sans);font-weight:400;font-size:1rem;letter-spacing:.02em;text-decoration:none;padding:.95rem 2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s;text-align:center}
.btn-main,.page .btn{background:var(--charcoal);color:#FCF8F1}
.btn-main:hover{background:var(--coffee)}
.btn-ghost{border-color:var(--charcoal);color:var(--charcoal);background:transparent}
.btn:disabled{opacity:.6;cursor:wait}

/* intro + form */
#intro{padding:2.6rem 0 3rem;text-align:center}
.brandline{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
#intro h1{margin:.6rem 0 .4rem}
.intro-sub{font-family:var(--serif);font-size:1.3rem;line-height:1.45;max-width:560px;margin:0 auto}
.bullets{list-style:none;max-width:520px;margin:1.2rem auto 0;text-align:left}
.bullets li{position:relative;padding-left:1.3rem;margin:.35rem 0}
.bullets li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--pink)}
.form-card{background:var(--paper);border-radius:22px;padding:1.8rem;box-shadow:var(--shadow);max-width:560px;margin:1.8rem auto 0;text-align:left}
.field{display:block;margin-bottom:1rem}
.field>label,.lab{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-weight:400}
input[type=text],input[type=email],input[type=number]{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;font-family:var(--sans);font-weight:300;font-size:1rem;color:var(--text)}
input:focus{outline:2px solid var(--pink);outline-offset:1px}
.row{display:flex;gap:.7rem}.row>*{flex:1}.row .yy{flex:1.4}
.field>label.check{display:flex;align-items:center;gap:.5rem;font-size:.92rem;margin-top:.55rem;text-transform:none;letter-spacing:0;color:var(--text)}
.place-wrap{position:relative}
#place-list{display:none;position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.ac-item{display:block;width:100%;text-align:left;background:#fff;border:0;padding:.7rem 1rem;font:inherit;cursor:pointer}
.ac-item:hover{background:var(--oat)}
.form-card .btn{width:100%;margin-top:.6rem}
.err{display:none;color:var(--pink);font-size:.92rem;margin-top:.8rem;text-align:center}
.tiny{text-align:center;font-size:.85rem;color:var(--muted);margin-top:.7rem}
.saved{display:none;background:var(--blue-band);border-radius:12px;padding:.7rem 1rem;font-size:.92rem;margin-bottom:1rem}

/* report pages (screen) */
#report{padding:1.2rem 0 3rem}
.toolbar{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin:1rem 0 1.4rem}
.page{background:var(--paper);border-radius:22px;box-shadow:var(--shadow);padding:2.2rem 2rem;margin:0 0 1.4rem}
.page p{margin-top:.55rem}
.op-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:1rem}
.op-sub{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--muted);margin-top:.3rem}
.op-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1.2rem 0}
.op-strip>div{background:var(--blue-band);border-radius:14px;padding:.7rem .8rem}
.lbl{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);font-weight:400;margin-bottom:.15rem}
.op-strip b{font-family:var(--serif);font-weight:500;font-size:1.08rem;line-height:1.25;display:block}
.op-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:1.4rem}
.op-cols h3{margin-top:.4rem}.op-cols h3+p{margin-top:.2rem}
.mini{background:var(--oat);border-radius:14px;padding:.75rem .9rem;margin-bottom:.6rem}
.mini p{margin-top:.1rem;font-size:.95rem}
.mini.path{background:var(--yellow)}
.op-data{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:.7rem}
.op-data summary{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.op-data table{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:.4rem}
.op-data th{text-align:left;font-weight:400;color:var(--muted);padding:.12rem .6rem .12rem 0;width:30%;vertical-align:top}
.op-data td{padding:.12rem 0;vertical-align:top}
.op-foot{margin-top:.9rem;text-align:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.offer{background:var(--coffee);color:#FCF8F1;border-radius:22px;padding:2.2rem 2rem;margin:0 0 1.4rem;text-align:center}
.offer h2{color:#FCF8F1}.offer .kicker{color:var(--blue)}
.offer .ticks{text-align:left;max-width:600px;margin:1rem auto}
.offer .ticks li::before{background:var(--blue)}
.offer .btn-main{background:var(--blue);color:var(--text)}
.offer a{color:var(--blue)}
.offer .small{color:#E8E1D3}
.offer.soft{background:var(--oat);color:var(--text)}
.offer.soft h2{color:var(--text)}.offer.soft .kicker{color:var(--pink)}.offer.soft a{color:var(--text)}
.offer-price{margin:1rem 0 .6rem}
.pp-a{font-family:var(--serif);font-size:3.2rem;line-height:1;display:block}
.pp-u{font-family:var(--serif);font-style:italic}
.ticks{list-style:none}
.ticks li{position:relative;padding-left:1.4rem;margin:.45rem 0}
.ticks li::before{content:"";position:absolute;left:0;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--pink)}

/* deep dive */
.cover{background:var(--coffee);color:#FCF8F1;text-align:center}
.cover h1{color:#FCF8F1;font-size:clamp(2.4rem,7vw,3.6rem);margin:.6rem 0 1rem}
.cover h1 em{color:var(--blue)}
.cover .kicker{color:var(--blue)}
.cover-sub{font-family:var(--serif);font-size:1.3rem;line-height:1.5}
.cover-note{max-width:520px;margin:1.2rem auto 0}
.cover-note.small{color:#E8E1D3}
.cover-brand{margin-top:2.4rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.tbl{width:100%;border-collapse:collapse;margin:.8rem 0}
.tbl th{text-align:left;font-weight:400;font-size:.8rem;letter-spacing:.06em;color:var(--muted);padding:.55rem .8rem .55rem 0;border-bottom:1px solid var(--line);width:34%;vertical-align:top}
.tbl td{padding:.55rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl.small td,.tbl.small th{font-size:.82rem;padding:.35rem .6rem .35rem 0}
.callout{background:var(--blue-band);border-radius:16px;padding:1rem 1.2rem;margin:1rem 0}
.callout p{margin-top:.2rem}
.inside{border-left:3px solid var(--gold);background:var(--oat);border-radius:0 14px 14px 0;padding:.8rem 1.1rem;margin-top:1.3rem}
.inside-k{display:block;font-family:var(--serif);font-style:italic;color:var(--pink);font-size:1.08rem}
.inside p{margin-top:.15rem;font-size:.97rem}
.steps{margin:.5rem 0 0 1.3rem}.steps li{margin:.45rem 0;padding-left:.2rem}
.cgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem;margin-top:1rem}
.cc{background:var(--oat);border-radius:14px;padding:.75rem .85rem}
.cc.on{background:var(--yellow)}
.cc-name{display:block;font-family:var(--serif);font-size:1.15rem}
.cc-state{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.cc p{font-size:.88rem;margin-top:.3rem;line-height:1.5}
.astro{display:grid;gap:.8rem;margin-top:1rem}
.ac{background:var(--oat);border-radius:16px;padding:1rem 1.1rem}
.ac.muted{opacity:.75}
.ac-l{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ac-s{display:block;font-family:var(--serif);font-size:1.6rem;line-height:1.1}
.ac-k{font-family:var(--serif);font-style:italic;color:var(--pink)}
.pc{background:var(--oat);border-radius:16px;padding:1rem 1.2rem;margin-top:1rem}
.pc p{font-size:.96rem;margin-top:.4rem}
.pc-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.pc-n{width:2rem;height:2rem;border-radius:50%;background:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.2rem}
.pc-name{font-family:var(--serif);font-size:1.4rem;flex:1}
.pc-fit{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.2rem .7rem;background:var(--paper)}
.pc-fit.s{background:var(--charcoal);color:#FCF8F1}.pc-fit.g{background:var(--blue)}
.why{border-top:1px solid var(--line);padding-top:.5rem}
.wk{border-bottom:1px solid var(--line);padding:.7rem 0}
.wk-n{font-family:var(--serif);font-size:1.3rem}
.wk-what{color:var(--muted);font-size:.95rem}
.price{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}
.pp{background:var(--oat);border-radius:999px 999px 18px 18px;padding:1.6rem 1rem;text-align:center}
.pp-n{display:block;font-size:.88rem;color:var(--muted);margin-top:.3rem}
.sign{font-family:var(--serif);font-style:italic;font-size:1.3rem;margin-top:1.2rem}

@media (max-width:700px){
  .page,.offer{padding:1.6rem 1.15rem}
  .op-strip{grid-template-columns:1fr 1fr}
  .op-cols{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr}
  .price{grid-template-columns:1fr}
}

@page{size:A4;margin:12mm}
@media print{
  body{background:#fff;font-size:10.5pt;line-height:1.55}
  .no-print,.toolbar,#intro{display:none!important}
  .wrap{max-width:none;padding:0}
  #report{padding:0}
  .page{box-shadow:none;border-radius:0;padding:0;margin:0;break-after:page;page-break-after:always}
  .page:last-child{break-after:auto}
  .cover{padding:30mm 10mm!important;border-radius:16px}
  .onepage{font-size:9.6pt;line-height:1.45}
  .onepage h1{font-size:24pt}.onepage h3{font-size:13pt;margin:.5rem 0 .1rem}
  .op-data table{font-size:7.4pt}
  .op-data[open] summary{display:block}
  .pc,.wk,.cc,.ac,.callout,.inside,.mini{break-inside:avoid}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* free blueprint page 2: the 6 videos every UGC portfolio needs */
.six-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:.9rem}
.six-head h2{margin:.2rem 0 .3rem}
.six-sub{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--muted)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.1rem}
.vc{background:var(--oat);border-radius:16px;padding:.95rem 1.1rem}
.vc-top{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;margin-bottom:.15rem}
.vc-n{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.05rem;flex:none}
.vc-name{font-family:var(--serif);font-size:1.3rem;line-height:1.15}
.vc-tag{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.page .vc p{font-size:.9rem;line-height:1.55;margin-top:.35rem}
.six-foot{margin-top:1rem}
.page .six-tam{font-family:var(--serif);font-size:1.15rem;line-height:1.45;margin-top:0}
.sign-inline{font-style:italic;white-space:nowrap}
.six-foot .inside{margin-top:.8rem}
.page .six-dd{text-align:center;font-size:.95rem;margin-top:.8rem}
@media (max-width:700px){ .vgrid{grid-template-columns:1fr} }
@media print{
  .sixpage{font-size:8.4pt;line-height:1.4}
  .six-head{padding-bottom:2mm}
  .six-head h2{font-size:19pt;margin:0 0 .5mm}
  .six-sub{font-size:11pt}
  .vgrid{gap:2.6mm;margin-top:3mm}
  .vc{padding:2.6mm 3.4mm;border-radius:10px;break-inside:avoid}
  .vc-name{font-size:12.5pt}
  .vc-n{width:5.5mm;height:5.5mm;font-size:10pt}
  .page .vc p{font-size:8pt;line-height:1.34;margin-top:.7mm}
  .six-foot{margin-top:3mm}
  .page .six-tam{font-size:10.5pt;line-height:1.4}
  .six-foot .inside{margin-top:2.4mm;padding:2.2mm 3.4mm}
  .six-foot .inside p{font-size:8.6pt}
  .page .six-dd{font-size:8.8pt;margin-top:2.4mm}
  .sixpage .op-foot{margin-top:2.4mm}
}

@media print{
  .onepage{font-size:9pt;line-height:1.38}
  .onepage .op-head{padding-bottom:2mm}
  .onepage .op-strip{margin:3mm 0;gap:2mm}
  .onepage .op-strip>div{padding:2mm 2.6mm}
  .onepage .op-cols{gap:5mm}
  .onepage .mini{padding:2.4mm 3mm}
  .onepage .op-data{margin-top:2.4mm;padding-top:1.6mm}
  .onepage .op-data table{font-size:6.6pt;line-height:1.3}
  .onepage .op-data th,.onepage .op-data td{padding-top:0;padding-bottom:0}
  .onepage .op-foot{margin-top:2mm}
}

/* free blueprint page 3: more free resources and the $27 tools */
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.1rem}
.rc{background:var(--oat);border-radius:16px;padding:1rem 1.15rem;display:flex;flex-direction:column}
.rc-paid{background:var(--blue-band)}
.rc-top{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.rc-name{font-family:var(--serif);font-size:1.35rem;line-height:1.15}
.rc-price{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;background:var(--paper);border-radius:999px;padding:.2rem .7rem;white-space:nowrap}
.page .rc p{font-size:.92rem;line-height:1.55;margin-top:.4rem}
.page .rc p.rc-link{margin-top:auto;padding-top:.7rem}
.rc-btn{padding:.6rem 1.2rem;font-size:.88rem}
.rc-url{display:none}
.r-order{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:.9rem 1.15rem;margin-top:1rem}
.page .r-order p{margin-top:.2rem;font-family:var(--serif);font-size:1.12rem;line-height:1.45}
@media (max-width:700px){ .rgrid{grid-template-columns:1fr} }
@media print{
  .respage{font-size:9pt;line-height:1.45;display:flex;flex-direction:column;height:272mm}
  .respage .rgrid{flex:1 1 auto;grid-auto-rows:1fr}
  .rgrid{gap:3.4mm;margin-top:4mm}
  .rc{padding:4mm 4.4mm;border-radius:10px;break-inside:avoid}
  .rc-name{font-size:15pt}
  .page .rc p{font-size:9.8pt;line-height:1.55;margin-top:2mm}
  .page .rc p.rc-link{padding-top:3mm}
  .rc-btn{padding:2mm 4mm;font-size:8.6pt}
  .rc-url{display:block;font-size:7pt;color:var(--muted);margin-top:1.2mm;word-break:break-all}
  .r-order{margin-top:4mm;padding:3.4mm 4.4mm}
  .page .r-order p{font-size:11pt}
  .respage .op-foot{margin-top:3mm}
}

/* Sharper buttons and pills (13 Oct 2026); white text on blue buttons */
.btn,.page .btn{border-radius:6px}
.offer .btn-main{background:#8DA5C3;color:#FFFFFF}