/* Layout: sell what's inside, the way Higgsfield's Explore does. Three product tiles and the offer up top, then one lit
   banner per product (spotlight, glowing edge, condensed gradient headline, a 3D button), each followed by the product
   itself. Dark mat, Cut Orange for every action. */
@font-face{font-family:"Archivo";src:url("/fonts/archivo.woff2") format("woff2");font-weight:500 900;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"Geist";src:url("/fonts/geist.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/fonts/geist-mono.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{
  --bg:#0D0D0C;--well:#0A0A09;--panel:#161615;--raised:#1C1C1A;--raised-2:#242422;
  --hair:rgba(236,234,229,.09);--hair-2:rgba(236,234,229,.15);--hair-3:rgba(236,234,229,.28);
  --ti:#ECEAE5;--fg-2:#A3A099;--fg-3:#8A8780;
  --cut:#E27B40;--cut-deep:#D9561F;--bone:#F2F0EB;--paper-ink:#1C1A16;--ink:#17130A;--ok:#5BC293;--live:#FF5A4E;
  --f-display:"Archivo","Arial Black",Impact,sans-serif;
  --f-ui:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1568px;--gut:16px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ti);font:400 16px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
h1,h2,h3,p,ul,figure{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:1.5px solid var(--cut);outline-offset:3px;border-radius:6px}
::selection{background:var(--cut);color:#120A05}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.label{font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.label b{color:var(--ti);font-weight:500;font-variant-numeric:tabular-nums}
.panel{border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.mat{position:relative;isolation:isolate;overflow:hidden;background:var(--cut-deep);color:var(--ink)}
.mat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(23,19,10,.28) 50%,transparent calc(50% + .6px)),linear-gradient(rgba(23,19,10,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,10,.14) 1px,transparent 1px),radial-gradient(circle at center,rgba(23,19,10,.13) .7px,transparent 1.1px);background-size:100% 100%,32px 32px,32px 32px,8px 8px}

/* ---------- identity ---------- */
.tile{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:24%;background:var(--cut-deep);color:var(--ti)}
.tile svg{width:76%;height:76%;display:block}
.lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ti)}
.lockup .wm{height:14px;width:auto;display:block}
.seal{display:inline-block;width:1em;height:1em;vertical-align:-.13em;margin-left:.28em;flex:none}
.seal svg{width:100%;height:100%;display:block}
.aff{display:inline-grid;place-items:center;width:.95em;height:.95em;margin-left:.22em;vertical-align:-.12em;flex:none;border-radius:22%;background:linear-gradient(135deg,var(--t),var(--b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.aff svg{width:82%;height:82%;display:block}
.pav{position:relative;display:inline-grid;place-items:center;width:var(--s,24px);height:var(--s,24px);border-radius:50%;background:var(--pc);color:#fff;font:600 calc(var(--s,24px) * .42)/1 var(--f-ui);flex:none}
.pav>img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.pav.you{background:linear-gradient(180deg,#3A3936,#1C1B19);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2)}
.pav.you svg{width:60%;height:60%;fill:currentColor}
.lv{display:inline-flex;align-items:center;height:16px;margin-left:7px;padding:0 5px;border-radius:5px;font:700 9px/1 var(--f-mono);letter-spacing:.08em;font-style:normal;color:var(--ti);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--hair-3);white-space:nowrap}
.ach{display:inline-block;width:24px;height:24px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.ach svg{width:100%;height:100%;display:block}
.pav-b{position:absolute;right:-16%;bottom:-16%;width:54%;height:54%}
.pav-b svg{width:100%;height:100%;display:block}
.pavs{display:inline-flex;align-items:center}
.bav{display:inline-grid;place-items:center;flex:none;width:var(--s);height:var(--s);border-radius:26%;background:linear-gradient(135deg,var(--t),var(--b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.bav svg{width:66%;height:66%;display:block}

/* ---------- tags and buttons ---------- */
.tg{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 6px;border-radius:5px;font:600 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-3);white-space:nowrap;vertical-align:middle}
.tg.top{background:var(--cut);color:#1B0E06;box-shadow:none}
.tg.new{background:var(--ti);color:var(--bg);box-shadow:none}
.tg.live{color:#FF8A80;box-shadow:inset 0 0 0 1px rgba(255,90,78,.45)}
.tg.live i,.ldot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,78,.55)}75%,100%{box-shadow:0 0 0 6px rgba(255,90,78,0)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font:600 15px/1 var(--f-ui);white-space:nowrap;text-decoration:none;transition:background-color 160ms ease,box-shadow 160ms ease,color 160ms ease,transform 140ms var(--ease)}
.btn:active{transform:scale(.97)}
.btn.solid{background:var(--cut-deep);color:#FFF7F1;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.btn.ghost{color:var(--ti);box-shadow:inset 0 0 0 1px var(--hair-3)}
@media (hover:hover){.btn.solid:hover{background:#E8652B}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ti)}}
.btn.sm{height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.btn[disabled],.btn3d[disabled]{opacity:.6;cursor:progress}
/* the Higgsfield button: bright face, a darker edge underneath, presses down */
.btn3d{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:13px;background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;font:650 16px/1 var(--f-ui);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 #9A3B10,0 12px 26px -8px rgba(226,106,44,.75),inset 0 1px 0 rgba(255,255,255,.4);transition:transform 120ms ease,box-shadow 120ms ease,filter 160ms ease}
@media (hover:hover){.btn3d:hover{filter:brightness(1.06)}}
.btn3d:active{transform:translateY(3px);box-shadow:0 1px 0 #9A3B10,0 6px 14px -8px rgba(226,106,44,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.btn3d.sm{height:42px;padding:0 18px;font-size:15px;border-radius:11px}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background-color 250ms ease,box-shadow 250ms ease}
.nav.solid{background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 var(--hair)}
.nav>.wrap{display:flex;align-items:center;gap:10px;height:66px;max-width:none;padding-inline:16px}   /* the header runs the full width, like Higgsfield; the content below keeps its column */
.nav-links{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:0;margin:0 10px 0 22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links.ovf{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
.nav-links a{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border-radius:10px;font:500 15px/1 var(--f-ui);color:#B3B0A9;text-decoration:none;white-space:nowrap;transition:color 150ms ease,background-color 150ms ease}
@media (hover:hover){.nav-links a:hover{color:var(--ti);background:var(--raised)}}
.nt{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:6px;font:650 11px/1 var(--f-ui);font-style:normal;background:var(--cut);color:#1B0E06}
.nt.live{background:rgba(255,90,78,.14);color:#FF8A80;box-shadow:inset 0 0 0 1px rgba(255,90,78,.4)}
.nt.live i{width:5px;height:5px;border-radius:50%;background:var(--live);animation:pulse 1.8s ease-out infinite}
.nav-r{flex:none;display:flex;align-items:center;gap:7px;margin-left:auto}
.npill{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:11px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 1px 0 rgba(255,255,255,.06);font:550 15px/1 var(--f-ui);color:var(--ti);text-decoration:none;white-space:nowrap;transition:background-color 150ms ease}
@media (hover:hover){.npill:hover{background:var(--raised-2)}}
.npill svg{width:16px;height:16px}
.npill .seal{margin:0;width:17px;height:17px}
.nhang{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);padding:3px 7px;border-radius:6px;background:#FF2E63;color:#fff;font:800 9.5px/1 var(--f-ui);font-style:normal;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 10px -4px rgba(255,46,99,.6)}
.nsep{width:1px;height:24px;margin:0 3px;background:var(--hair-2)}
@media (max-width:1439px){   /* laptops: the same menu, a little tighter */
  .nav-links{margin:0 8px 0 14px}.nav-links a{padding:0 8px;font-size:14.5px}.npill{padding:0 12px}.nbtn{padding:0 14px}.nav-r{gap:5px}
}
@media (max-width:1365px){   /* small laptops: tighter still */
  .nav>.wrap{gap:6px}.nav-links{margin:0 4px 0 8px}.nav-links a{padding:0 6px;gap:5px}.nt{padding:0 5px;font-size:10.5px}
  .npill{padding:0 10px;gap:6px}.nbtn{padding:0 12px}.nav-r{gap:4px}.nsep{margin:0 2px}
}
/* small screens: everything moves into a menu, nothing is dropped */
.nav-burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border-radius:11px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2)}
.nav-burger i{display:block;width:16px;height:1.6px;border-radius:2px;background:var(--ti);transition:transform 220ms var(--ease)}
.nav.open .nav-burger i:first-child{transform:translateY(3.3px) rotate(45deg)}
.nav.open .nav-burger i:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.nav.open{background:var(--bg)}
.nav-sheet{position:absolute;left:0;right:0;top:100%;padding:4px 0 20px;background:var(--bg);box-shadow:0 1px 0 var(--hair),0 30px 40px -20px rgba(0,0,0,.85)}
.nav-sheet nav{display:flex;flex-direction:column}
.nav-sheet nav a{display:flex;align-items:center;gap:8px;height:50px;border-bottom:1px solid var(--hair);font-size:17px;font-weight:600;color:var(--ti);text-decoration:none}
.ns-r{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ns-off{margin-left:4px;padding:3px 6px;border-radius:5px;background:#FF2E63;color:#fff;font:800 9.5px/1 var(--f-ui);font-style:normal;text-transform:uppercase}
.nav-sheet .wrap{display:block}
@media (max-width:1279px){.nav-links{display:none}.nav-burger{display:flex}}
.nbtn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:11px;font:650 15px/1 var(--f-ui);text-decoration:none;white-space:nowrap;transition:filter 150ms ease,transform 140ms var(--ease)}
.nbtn:active{transform:scale(.97)}
.nbtn.ghost{background:#1A1A18;color:#FF9A62;box-shadow:inset 0 0 0 1px var(--hair-2)}
.nbtn.solid{background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
@media (hover:hover){.nbtn:hover{filter:brightness(1.08)}}



/* ---------- explore top ---------- */
.explore-top{padding-top:calc(62px + 14px)}
.ftiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ftile{display:flex;flex-direction:column;gap:3px;text-decoration:none;min-width:0}
.ftile>b{margin-top:10px;font:800 14px/1.2 var(--f-display);font-stretch:100%;letter-spacing:.04em;text-transform:uppercase}
.ftile>span{font-size:13.5px;color:var(--fg-2)}
.ft-media{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:radial-gradient(80% 90% at 50% 0%,#2A2A27,#141413 70%);box-shadow:inset 0 0 0 1px var(--hair-2);transition:transform 300ms var(--ease),box-shadow 300ms ease}
@media (hover:hover){.ftile:hover .ft-media{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--hair-3),0 20px 40px -24px rgba(0,0,0,.8)}}
.ft-box{position:relative}
.ft-floor{background:radial-gradient(90% 75% at 50% 0%,#302F2C,#121211 78%)}
.drawer{position:absolute;left:50%;top:50%;width:432px;height:270px;transform:translate(-50%,-50%) scale(var(--z,1))}
.dr-c{position:absolute;left:50%;width:396px;display:flex;align-items:center;gap:10px;padding:10px 14px 40px;border-radius:15px;background:linear-gradient(180deg,#292927,#1B1B19 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.06),0 -12px 26px -12px rgba(0,0,0,.85);transform:translateX(-50%) scale(var(--sc,1));transform-origin:50% 0}
.dr-c b{display:flex;align-items:center;font-size:14.5px;font-weight:650;white-space:nowrap}
.dr-m{margin-left:auto;font:500 11px/1 var(--f-mono);color:var(--fg-3);white-space:nowrap}
.d1{top:10px;--sc:.86;filter:brightness(.55);z-index:1}
.d2{top:38px;--sc:.92;filter:brightness(.72);z-index:2}
.d4{top:186px;--sc:1.05;z-index:4}
.d5{top:222px;--sc:1.1;z-index:5}
.dr-c.sel{top:66px;z-index:6;flex-direction:column;align-items:stretch;gap:9px;padding:12px 14px;--sc:1.02;background:linear-gradient(180deg,#2E2D2A,#1E1E1C);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.22),0 22px 40px -14px rgba(0,0,0,.95)}
.dr-h{display:flex;align-items:center;gap:10px}
.dr-h>div{min-width:0}
.dr-h>div>span{display:block;font:400 11px/1.2 var(--f-mono);color:var(--fg-3)}
.dr-h .lv{margin-left:auto}
.sel p{font-size:13.5px;line-height:1.4;color:var(--ti);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-f{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dr-proof{font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.dr-proof i{font-style:normal;color:var(--ok)}
.dr-match{padding:5px 9px;border-radius:999px;font-size:11.5px;font-weight:600;color:#9CC0FF;background:rgba(76,141,240,.15);box-shadow:inset 0 0 0 1px rgba(76,141,240,.4)}
.ft-grid{display:grid;place-items:center;padding:0 5%;background:radial-gradient(70% 70% at 50% 50%,#1D1D1B,#0B0B0A 85%);--ch:clamp(92px,8.4vw,124px)}
.ft-grid .dcards{position:relative;z-index:1;--card-h:var(--ch)}
.ft-grid .dcard{box-shadow:0 16px 26px -10px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.3)}
.room{position:absolute;inset:0;perspective:240px;perspective-origin:50% 50%;pointer-events:none;-webkit-mask-image:radial-gradient(120% 110% at 50% 50%,#000 42%,transparent 88%);mask-image:radial-gradient(120% 110% at 50% 50%,#000 42%,transparent 88%)}
.rm{position:absolute;left:5%;right:5%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.rm i{margin-inline:7%}
.rm-wall{top:calc(50% - var(--ch) / 2 - 14px);height:calc(var(--ch) + 28px)}
.rm-wall i{background:color-mix(in srgb,var(--dc) 82%,#000);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -1.5px 0 rgba(255,255,255,.35)}
.rm-floor,.rm-ceil{height:180px;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 22px)}
.rm-floor{top:calc(50% + var(--ch) / 2 + 14px);transform-origin:50% 0;transform:rotateX(74deg)}
.rm-ceil{bottom:calc(50% + var(--ch) / 2 + 14px);transform-origin:50% 100%;transform:rotateX(-74deg)}
.rm-floor i{background:linear-gradient(180deg,var(--dc),color-mix(in srgb,var(--dc) 60%,#000) 70%)}
.rm-ceil i{background:linear-gradient(0deg,var(--dc),color-mix(in srgb,var(--dc) 60%,#000) 70%)}
.dcards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;--card-h:clamp(110px,10vw,150px);--dn:clamp(28px,2.6vw,40px)}
.dcard{position:relative;height:var(--card-h);border-radius:9px;overflow:hidden;background:var(--dc);color:var(--dink,var(--ti));isolation:isolate}
.dcard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(var(--tex,255,255,255),.3) 50%,transparent calc(50% + .6px)),linear-gradient(rgba(var(--tex,255,255,255),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--tex,255,255,255),.16) 1px,transparent 1px),radial-gradient(circle at center,rgba(var(--tex,255,255,255),.3) .7px,transparent 1.1px);background-size:100% 100%,24px 24px,24px 24px,7px 7px}
.dcard::after{content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 12px,rgba(0,0,0,.28) 20px 30px,transparent 38px 48px);filter:blur(6px);mix-blend-mode:multiply}
.dcard.light{--dink:#17130A;--tex:23,19,10}
.dcard.today{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--ti)}
.dname{position:absolute;top:6px;left:calc(var(--dn) * -.06 + 3px);writing-mode:vertical-rl;font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:var(--dn);line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--dc);-webkit-text-stroke:calc(var(--dn) * .06) var(--dink,var(--ti));paint-order:stroke fill;-webkit-mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.16));mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.16));z-index:2}
.dmeta{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:flex-end;z-index:2}
.dnum{font:600 calc(var(--dn) * .5)/1 var(--f-ui);letter-spacing:-.03em}
.dmon{font:500 7px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-top:2px}
.dprog{position:absolute;right:6px;bottom:6px;z-index:2}
.dsegs{display:flex;gap:1px;width:30px}
.dsegs i{flex:1;height:2px;background:rgba(var(--tex,255,255,255),.3)}
.dsegs i.on{background:var(--dink,var(--ti))}
.dstamp{position:absolute;right:5px;bottom:16px;z-index:2;font:700 6.5px/1 var(--f-mono);letter-spacing:.12em;padding:3px;border:1.2px solid var(--dink,var(--ti));border-radius:2px;transform:rotate(-8deg)}
.ft-media.ft-arena{background:var(--cut-deep);box-shadow:none}
.big250{position:absolute;left:-2%;bottom:-14%;font:900 clamp(110px,12vw,170px)/.8 var(--f-display);font-stretch:125%;letter-spacing:-.03em;color:var(--cut-deep);-webkit-text-stroke:clamp(5px,.6vw,9px) #F6EDE4;paint-order:stroke fill;-webkit-mask-image:linear-gradient(to bottom,#000 35%,rgba(0,0,0,.2));mask-image:linear-gradient(to bottom,#000 35%,rgba(0,0,0,.2))}
.ar-t{position:absolute;top:18px;left:20px;display:flex;flex-direction:column;gap:7px;color:var(--ink)}
.ar-t strong{font:900 clamp(26px,2.5vw,34px)/.9 var(--f-display);font-stretch:112%;text-transform:uppercase}
.ar-t span{font:500 11px/1 var(--f-mono);letter-spacing:.04em;color:rgba(23,19,10,.72)}
.ar-t b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
/* widgets: glass UI that floats over a card, like a real live counter (Higgsfield's status pills) */
.wg{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:rgba(17,17,16,.84);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.14),0 16px 32px -12px rgba(0,0,0,.8);color:var(--ti);font:600 12.5px/1 var(--f-ui);white-space:nowrap}
.wg>b{font-weight:700;letter-spacing:.02em}
.wg>span{color:var(--fg-2);font-weight:500}
.wg>span b{color:var(--ti);font-weight:700;font-variant-numeric:tabular-nums}
.wg-live>b{color:#FF8A80;text-transform:uppercase;font:700 11px/1 var(--f-mono);letter-spacing:.12em}
.wg .pavs .pav{box-shadow:0 0 0 2px #151514}
.wg .pavs .pav+.pav{margin-left:-6px}
.wg-sep{width:1px;height:14px;background:rgba(255,255,255,.16)}
.wg.sm{height:26px;padding:0 9px;gap:6px;font-size:11px}
.wg.sm .ldot{width:5px;height:5px}
.wg-xp{background:linear-gradient(180deg,#FFF7EE,#EFE0CC);color:var(--ink);box-shadow:0 4px 0 #B7A38A,0 16px 30px -12px rgba(0,0,0,.75),inset 0 1px 0 #fff}
.wg-xp svg{width:14px;height:14px}
.wg-xp>b{font:900 14px/1 var(--f-display);font-stretch:112%;letter-spacing:0}
.ft-box>.wg,.ft-box>.wg-cur{position:absolute;z-index:3}
.ft-box>.wg-live{top:-13px;right:16px}
.wg-2x{position:absolute;z-index:3;bottom:14px;right:14px;height:auto;gap:10px;padding:8px 14px 8px 10px;border-radius:14px}
.x2{font:900 30px/1 var(--f-display);font-stretch:112%;letter-spacing:-.02em;background:linear-gradient(180deg,#FFE88A,#F1B90E 60%,#D99A00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(241,185,14,.45))}
.wg>.x2{color:transparent}
.x2t{display:flex;flex-direction:column;gap:4px}
.x2t>b{font:800 13px/1 var(--f-display);font-stretch:112%;letter-spacing:.04em;text-transform:uppercase;color:var(--ti)}
.x2t i{font:500 10.5px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.x2t i b{color:var(--fg-2);font-weight:600;font-variant-numeric:tabular-nums}
.ft-box>.wg-xp{top:22%;right:-10px;display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 6px;height:auto;padding:11px 15px 10px;border-radius:14px;transform:rotate(-5deg)}
.ft-box>.wg-xp svg{width:18px;height:18px}
.ft-box>.wg-xp>b{font-size:26px}
.ft-box>.wg-xp>span{grid-column:1/-1;font:500 10px/1 var(--f-mono);letter-spacing:.04em;color:rgba(23,19,10,.6)}
.wg-cur{top:calc(22% + 76px);right:64px;display:flex;align-items:flex-start}
.wg-cur svg{width:19px;height:19px;fill:#4C8DF0;stroke:#fff;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.wg-cur span{margin:13px 0 0 -3px;padding:4px 8px;border-radius:8px;background:#4C8DF0;color:#fff;font:600 11px/1.1 var(--f-ui);box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.wg-me{position:absolute;right:14px;bottom:14px;z-index:3;flex-direction:column;align-items:stretch;gap:7px;width:min(54%,214px);height:auto;padding:11px 13px 10px;border-radius:14px}
.wg-me-h{display:flex;align-items:baseline;justify-content:space-between}
.wg-me-h span{font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.wg-me-h b{font:800 18px/1 var(--f-display);font-stretch:100%}
.wg-me-h i{font-style:normal;font-size:12px;color:var(--fg-3)}
.wg-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.wg-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F49155,#E26A2C);box-shadow:0 0 12px rgba(244,145,85,.6)}
.wg-me-f{font:500 10.5px/1 var(--f-mono);color:var(--fg-2)}

/* row 2: the offer + everything you can use */
.row2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;margin-top:22px}
.promo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:clamp(22px,2.6vw,34px);border-radius:18px;text-decoration:none;min-height:100%}
.promo-k{font:900 clamp(22px,2.2vw,30px)/1 var(--f-display);font-stretch:112%;text-transform:uppercase;color:#FFF3EA}
.mat.paper{background:#EEE8DC}
.paper .promo-k{color:var(--cut-deep)}
.promo strong{font:900 clamp(26px,2.8vw,38px)/.95 var(--f-display);font-stretch:112%;text-transform:uppercase;color:var(--ink)}
.promo ul{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;font-weight:500;color:color-mix(in oklab,var(--ink) 85%,transparent)}
.promo li{display:flex;gap:9px;align-items:center}
.promo li::before{content:"";width:11px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.promo .btn3d{background:linear-gradient(180deg,#2A2621,#130F09);color:#FFF3EA;box-shadow:0 4px 0 #000,0 12px 24px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.prod{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);text-decoration:none;min-width:0;transition:box-shadow 200ms ease,transform 300ms var(--ease)}
@media (hover:hover){.prod:hover{box-shadow:inset 0 0 0 1px var(--hair-3);transform:translateY(-2px)}}
.pv{position:relative;flex:1;min-height:104px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--hair)}
.pt{padding:11px 14px 13px}
.prod b{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:650}
.prod .pt i{display:block;font-style:normal;font-size:12.5px;color:var(--fg-2);margin-top:3px}
.pv-grid{background:radial-gradient(90% 90% at 50% 0%,rgba(226,123,64,.10),transparent 70%),#121211;padding:12px 14px 0}
.mw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:100%}
.mw span{display:flex;flex-direction:column;gap:4px;min-width:0}
.mw em{font:600 9px/1 var(--f-mono);font-style:normal;text-align:center;color:var(--fg-3)}
.mw u{position:relative;flex:1;min-height:70px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.035);text-decoration:none}
.mw u i{position:absolute;left:2px;right:2px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--dc);background:color-mix(in srgb,var(--dc) 22%,transparent)}
.mw u i.on{background:var(--dc);box-shadow:0 0 10px -2px var(--dc)}
.pv-floor{background:radial-gradient(90% 90% at 50% 0%,#2E2D2A,#121211 75%)}
.pf-r{position:absolute;left:50%;display:flex;align-items:center;gap:8px;width:88%;padding:8px 10px 26px;border-radius:12px;background:linear-gradient(180deg,#2A2A28,#1B1B19 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 -10px 20px -10px rgba(0,0,0,.8);transform:translateX(-50%)}
.pf-h{display:flex;align-items:center;gap:8px}
.pf-h em{margin-left:auto;font:500 10px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.pf-r p{font-size:12.5px;line-height:1.35;color:var(--ti)}
.pf-r b{display:flex;align-items:center;font-size:12.5px;font-weight:650;white-space:nowrap}
.pf-r em{margin-left:auto;font:500 10px/1 var(--f-mono);font-style:normal;color:var(--fg-3);white-space:nowrap}
.pf-r.r1{top:14px;width:80%;filter:brightness(.7)}
.pf-r.r2{top:44px;flex-direction:column;align-items:stretch;gap:6px;padding:9px 11px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.14),0 -10px 20px -10px rgba(0,0,0,.8)}
.pv-arena.mat{background:var(--cut-deep)}
.pv-arena img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pa-x{position:absolute;right:12px;bottom:12px;padding:5px 8px;border-radius:8px;background:rgba(17,17,16,.82);color:#FFD866;font:900 13px/1 var(--f-display);font-stretch:112%}
.pa-n{position:absolute;left:10px;bottom:-12px;font:900 78px/.85 var(--f-display);font-stretch:125%;letter-spacing:-.03em;color:var(--cut-deep);-webkit-text-stroke:3px #F6EDE4;paint-order:stroke fill}
.pa-live{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;background:rgba(17,17,16,.82);font:700 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#FF8A80}
.pv-badges{background:radial-gradient(70% 100% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#111110}
.tb{position:absolute;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55))}
.tb .medal{perspective:420px}
.tb.t1{left:5%;bottom:-4%;width:104px;--th:9px;--face:36deg;--tilt:16deg;--rz:-16deg}
.tb.t2{left:43%;top:10%;width:62px;--th:5px;--face:-10deg;--tilt:8deg;--rz:8deg}
.tb.t3{right:7%;top:26%;width:70px;--th:7px;--face:-30deg;--tilt:46deg;--rz:30deg}
.pv-match{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;background:radial-gradient(90% 90% at 50% 0%,rgba(76,141,240,.2),transparent 70%),#111110}
.pm-who{display:flex}
.pm-who .pav{box-shadow:0 0 0 2px #111110}
.pm-who .pav+.pav{margin-left:-8px}
.pm-bars{display:flex;flex-direction:column;gap:4px}
.pm-bars span{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px}
.pm-bars i{height:9px;border-radius:2px;background:rgba(255,255,255,.07)}
.pm-bars .ma i.on{background:#E27B40}
.pm-bars .mb i.on{background:#4C8DF0}
.pm-n{font:900 34px/1 var(--f-display);font-stretch:100%;letter-spacing:-.03em}
.pm-n small{font-size:.5em;color:var(--fg-2)}
.pv-proof{background:linear-gradient(rgba(236,234,229,.06) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,rgba(236,234,229,.06) 1px,transparent 1px) 0 0/16px 16px,radial-gradient(80% 90% at 50% 0%,#24302A,#111311 80%)}
.pp-paper{position:absolute;left:50%;top:12px;width:76%;display:flex;flex-direction:column;gap:4px;padding:10px 12px 14px;background:var(--bone);color:var(--paper-ink);font:500 9px/1.3 var(--f-mono);letter-spacing:.04em;transform:translateX(-50%) rotate(-3deg);box-shadow:0 16px 28px -10px rgba(0,0,0,.85);-webkit-mask:radial-gradient(3px at 50% 0,#0000 97%,#000) 50% 0/8px 51% repeat-x,radial-gradient(3px at 50% 100%,#0000 97%,#000) 50% 100%/8px 51% repeat-x;mask:radial-gradient(3px at 50% 0,#0000 97%,#000) 50% 0/8px 51% repeat-x,radial-gradient(3px at 50% 100%,#0000 97%,#000) 50% 100%/8px 51% repeat-x}
.pp-top{display:flex;align-items:center;gap:6px;padding-bottom:5px;border-bottom:1.2px dashed rgba(28,26,22,.35)}
.pp-top .tile{width:16px;height:16px;border-radius:4px}
.pp-wm{font:900 10px/1 var(--f-display);font-stretch:125%;text-transform:uppercase;letter-spacing:.04em}
.pp-no{margin-left:auto;opacity:.6}
.pp-paper>b{margin-top:2px;font:900 13px/1 var(--f-display);font-stretch:125%;text-transform:uppercase}
.pp-who{opacity:.7}
.pp-row{display:flex;justify-content:space-between;gap:8px}
.pp-row i{font-style:normal}
.pp-bc{display:block;height:16px;margin-top:3px}
.pp-bc svg{width:100%;height:100%;display:block}
.pp-st{position:absolute;right:10px;top:58px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1.4px solid var(--cut-deep);border-radius:4px;color:var(--cut-deep);font:800 8.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;transform:rotate(-12deg);background:rgba(217,86,31,.06)}
.pp-st .seal{margin:0;width:11px;height:11px}

/* ---------- the banner (after Higgsfield's AI Influencer) ---------- */
.banner{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:clamp(420px,40vw,500px);padding:56px 24px 60px;border-radius:30px;text-align:center;background:radial-gradient(55% 85% at 50% -8%,#4A4946 0%,#2A2927 32%,#171716 62%,#0F0F0E 100%);box-shadow:0 40px 90px -50px rgba(0,0,0,.95)}
.banner::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.2px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 28%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.banner::after{content:"";position:absolute;left:25%;right:25%;top:-30%;height:60%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent)}
.bn-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:min(980px,62vw)}
.bn-pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,rgba(226,123,64,.32),rgba(226,123,64,.16));box-shadow:inset 0 0 0 1px rgba(255,160,110,.45),inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(226,123,64,.28);color:#FFB386;font:600 14.5px/1 var(--f-ui)}
.bn-pill svg{width:15px;height:15px}
.bn-pill.glass{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(255,255,255,.08);color:var(--ti)}
.bn-pill.gold{background:linear-gradient(180deg,rgba(241,185,14,.3),rgba(241,185,14,.14));box-shadow:inset 0 0 0 1px rgba(255,214,90,.5),inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(241,185,14,.25);color:#FFD866}
.bn-pill.green{background:linear-gradient(180deg,rgba(91,194,147,.3),rgba(91,194,147,.13));box-shadow:inset 0 0 0 1px rgba(120,220,170,.45),inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(91,194,147,.22);color:#8FE3BB}
.bn-k{margin-top:22px;font:800 clamp(16px,1.6vw,21px)/1 var(--f-display);font-stretch:85%;letter-spacing:.01em;text-transform:uppercase;color:#F4F2EE}
.bn-k b{font-weight:800;color:#FFB386;font-variant-numeric:tabular-nums}
.bn-h{display:flex;flex-direction:column;margin-top:12px;font:900 clamp(40px,6.4vw,84px)/.9 var(--f-display);font-stretch:78%;letter-spacing:-.015em;text-transform:uppercase}
.bn-h span{white-space:nowrap;background:linear-gradient(180deg,#FFFFFF 10%,#D4D1CB 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn-h span+span{background:linear-gradient(180deg,#C9C6C0 10%,#8E8B85 95%);-webkit-background-clip:text;background-clip:text}
.bn-s{margin-top:16px;font-size:clamp(16px,1.6vw,20px);color:#9F9C96}
.bn-c>.btn3d{margin-top:40px}
.bn-side{position:absolute;bottom:0;z-index:1;pointer-events:none}
.bn-side.left{left:3%}
.bn-side.right{right:3%}
.vs{--vc:#E27B40;width:270px;display:flex;flex-direction:column;gap:10px;padding:10px 10px 34px;border-radius:24px 24px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--vc) 24%,#1E1D1B),#131312 62%);box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--vc) 75%,#fff),inset 1px 0 0 color-mix(in srgb,var(--vc) 35%,transparent),inset -1px 0 0 color-mix(in srgb,var(--vc) 35%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}
.vs.bl{--vc:#4C8DF0}
.left .vs{transform:perspective(900px) rotateY(16deg);transform-origin:left bottom}
.right .vs{transform:perspective(900px) rotateY(-16deg);transform-origin:right bottom}
.bn-side:has(.vs)::before{content:"";position:absolute;inset:-30% -40% 0;z-index:-1;background:radial-gradient(50% 45% at 50% 60%,color-mix(in srgb,var(--vc,#E27B40) 30%,transparent),transparent 70%);pointer-events:none}
.bn-side.left:has(.vs){--vc:#E27B40}.bn-side.right:has(.vs){--vc:#4C8DF0}
.vs-art{position:relative;height:184px;border-radius:16px;overflow:hidden;isolation:isolate;background:var(--vc);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.vs-art::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(255,255,255,.3) 50%,transparent calc(50% + .6px)),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.3) .7px,transparent 1.1px);background-size:100% 100%,24px 24px,24px 24px,7px 7px}
.vs-art::after{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 22px,rgba(0,0,0,.22) 34px 48px,transparent 60px 76px);filter:blur(8px);mix-blend-mode:multiply}
.vs-ini{position:absolute;right:-6px;bottom:-26px;z-index:1;font:900 150px/.8 var(--f-display);font-stretch:125%;letter-spacing:-.04em;color:var(--vc);-webkit-text-stroke:5px #FFF7EE;paint-order:stroke fill;-webkit-mask-image:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.25));mask-image:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.25))}
.vs-lvl{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 9px 7px;border-radius:11px;background:#121211;color:var(--ti);box-shadow:0 8px 20px -8px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.14)}
.vs-lvl i{font:700 8px/1 var(--f-mono);letter-spacing:.16em;font-style:normal;color:var(--fg-2)}
.vs-lvl b{font:900 24px/1 var(--f-display);font-stretch:112%}
.vs-title{position:absolute;left:12px;top:64px;z-index:2;font:900 22px/1 var(--f-display);font-stretch:112%;text-transform:uppercase;letter-spacing:.01em;color:#120A05}
.vs-id b{display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:650}
.vs-id span{display:block;margin-top:3px;text-align:center;font:400 11.5px/1.2 var(--f-mono);color:var(--fg-3)}
.vs-week{display:flex;flex-direction:column;gap:6px;padding:9px 10px 8px;border-radius:11px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.vw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:30px}
.vw i{position:relative;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.vw i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--h);background:var(--vc);box-shadow:0 0 10px -2px var(--vc)}
.vs-week>span{font:500 10.5px/1 var(--f-mono);color:var(--fg-3);text-align:center}
.vs-week>span b{color:var(--ti);font-weight:600}
.vs-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.vs-st span{display:flex;flex-direction:column;gap:4px;padding:9px 4px 8px;border-radius:11px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);font-size:10.5px;color:var(--fg-3);text-align:center;white-space:nowrap}
.vs-st b{font:800 18px/1 var(--f-display);font-stretch:100%;color:var(--ti)}
.vs-match{align-self:center;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--vc) 55%,#fff);background:color-mix(in srgb,var(--vc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc) 45%,transparent)}
/* medals: the big badges as minted objects. Enamel face in a titanium rim, a metal body you see because they are posed at an angle. They stay still */
.medal{--seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.6' y='3.6' width='16.8' height='16.8' rx='3.4'/%3E%3Crect x='3.6' y='3.6' width='16.8' height='16.8' rx='3.4' transform='rotate(45 12 12)'/%3E%3C/svg%3E");position:relative;width:var(--S,100%);aspect-ratio:1;perspective:1000px}
.medal::before{content:"";position:absolute;inset:-22%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--glow) 30%,transparent),transparent 72%);pointer-events:none}
.m-pose{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--face,0deg)) rotateX(var(--tilt,7deg)) rotateZ(var(--rz,0deg))}
.m-face,.m-e{position:absolute;inset:0;-webkit-mask:var(--seal) center/100% 100% no-repeat;mask:var(--seal) center/100% 100% no-repeat}
.m-face{overflow:hidden;transform:translateZ(.5px)}
.m-e{transform:translateZ(calc(var(--th,7cqw) * var(--k) / -11))}
.m-art,.m-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.m-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.17) 44%,transparent 56%)}
.m-floor{position:absolute;left:14%;right:14%;top:108%;height:14%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--glow) 75%,transparent),transparent);opacity:.7;filter:blur(5px);pointer-events:none}
.m-floor::after{content:"";position:absolute;inset:30% 22%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(4px)}
.bn-side.medals{bottom:auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(34px,3.6vw,50px);--S:clamp(150px,14.5vw,226px);--th:calc(var(--S) * .075)}
.medals .m-floor{display:none}
.bn-side.medals.left{left:6%}.bn-side.medals.right{right:3.5%}
.medals.left .medal{--face:26deg}
.m-pile{position:relative;width:var(--S);height:var(--S)}
.mp{position:absolute;width:58%;--th:calc(var(--S) * .045)}
.mp .medal{width:100%}
.mp.p1{left:2%;top:0;--face:-18deg;--rz:-8deg}
.mp.p2{right:0;top:4%;--face:-34deg;--rz:7deg}
.mp.p3{left:0;bottom:-2%;--face:-22deg;--rz:5deg}
.mp.p4{right:4%;bottom:0;--face:-30deg;--rz:-6deg}
.m-tag{display:inline-flex;align-items:center;height:36px;padding:0 13px 0 5px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px -14px rgba(0,0,0,.9);font:600 14px/1 var(--f-ui);color:var(--ti);white-space:nowrap}
.m-tag .pav{margin-right:8px}
.bn-side.cards{width:clamp(180px,20vw,280px)}
.dcards.fan{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;--card-h:clamp(220px,24vw,320px);--dn:clamp(46px,5vw,72px);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.left .dcards.fan{transform:perspective(900px) rotateY(16deg);transform-origin:left bottom}
.right .dcards.fan{transform:perspective(900px) rotateY(-16deg);transform-origin:right bottom}
.dcards.fan .dcard{border-radius:16px;box-shadow:0 30px 50px -20px rgba(0,0,0,.8)}
.dcards.fan .dnum{font-size:calc(var(--dn) * .42)}
.dcards.fan .dmon{font-size:9px}
.dcards.fan .dsegs{width:42px}
.dcards.fan .dsegs i{height:3px}
.dcards.fan .dstamp{font-size:8.5px;bottom:24px;padding:4px 5px}
.banner.tall{min-height:auto}

/* ---------- section heads ---------- */
.sec{padding-top:clamp(48px,6vw,80px)}
.sh{display:flex;align-items:flex-end;gap:12px 18px;flex-wrap:wrap;margin:clamp(28px,4vw,44px) 0 16px}
.h2{font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:clamp(22px,2.5vw,32px);line-height:1;letter-spacing:-.005em;text-transform:uppercase}
.h3{font-family:var(--f-display);font-stretch:112%;font-weight:900;font-size:clamp(22px,2.2vw,30px);line-height:1;text-transform:uppercase}
.sh-sub{font-size:14.5px;color:var(--fg-2);padding-bottom:2px}
.sh-acts{display:flex;align-items:center;gap:10px;margin-left:auto}

/* ---------- the Floor, laid out like X: a timeline (tabs, composer, "show posts", posts split by hairlines) and X's right-hand column ---------- */
.fx{display:grid;grid-template-columns:minmax(0,640px) 340px;justify-content:center;align-items:start;gap:24px;margin-top:14px}
.tl{border-radius:18px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2);overflow:hidden}
.tl-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hair-2)}
.tl-tabs span{position:relative;display:grid;place-items:center;height:52px;font-size:15px;font-weight:500;color:var(--fg-3)}
.tl-tabs span.on{color:var(--ti);font-weight:700}
.tl-tabs span.on::after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:4px;border-radius:99px;background:var(--cut);transform:translateX(-50%)}
.tl-new{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hair-2)}
.tl-new .pav{--s:40px!important}
.tl-in{font-size:19px;color:var(--fg-3)}
.tl-post{display:inline-flex;align-items:center;height:36px;padding:0 17px;border-radius:999px;background:var(--ti);color:#0B0B0A;font-size:15px;font-weight:700;text-decoration:none;opacity:.5}
.tl-more{display:block;padding:14px;border-bottom:1px solid var(--hair-2);text-align:center;font-size:15px;color:#FF9A62;text-decoration:none}
@media (hover:hover){.tl-more:hover{background:rgba(255,255,255,.025)}}
.tl .wall{columns:auto;column-gap:0}
.fp{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--hair-2);transition:background-color 200ms ease}
@media (hover:hover){.fp:hover{background:rgba(255,255,255,.022)}}
.fp-b{min-width:0}
.fp-h{display:flex;align-items:center;gap:4px;min-width:0;font-size:15px;line-height:20px}
.fp-h b{display:inline-flex;align-items:center;font-weight:700;white-space:nowrap}
.fp-h>span{margin-left:2px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-tr{display:flex;align-items:center;gap:2px;flex:none;margin:-6px -8px -6px auto}
.fp-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--fg-3);transition:color 150ms ease,background-color 150ms ease}
.fp-ic svg{width:17px;height:17px}
@media (hover:hover){button.fp-ic:hover{color:#FF9A62;background:rgba(226,123,64,.12)}}
.fp-t{margin-top:2px;font-size:15px;line-height:20px;color:var(--ti);text-wrap:pretty}
.fp-m{--kc:#ECEAE5;position:relative;margin-top:12px;padding:12px;border-radius:16px;border:1px solid var(--hair-2);background:#101010;overflow:hidden;isolation:isolate}
.fp-m.k-challenge{padding:0;aspect-ratio:16/10}
.fp-m.k-challenge .art-in{inset:22px 16px 26px}
.fp-alt{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 6px;border-radius:5px;background:rgba(0,0,0,.74);font:700 10.5px/1 var(--f-ui);letter-spacing:.02em;color:#fff}
.fp-alt i{width:6px;height:6px;border-radius:50%;background:var(--kc)}
.k-week{--kc:#7FC8D3}.k-proof{--kc:#5BC293}.k-challenge{--kc:#FF6B5E}.k-streak{--kc:#F1B90E}.k-hiring{--kc:#6FA2F2}.k-team{--kc:#A98BE0}.k-cut{--kc:#F08A4B}.k-level{--kc:#ECEAE5}
.fp-x{display:flex;align-items:center;justify-content:space-between;margin:10px -8px 0 -8px;color:var(--fg-3);font-size:13px;font-variant-numeric:tabular-nums}
.fp-x>span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px}
.fp-x svg{width:17px;height:17px}
.fp-r{gap:14px!important}
.fp .ps-s{display:flex;gap:16px;margin-top:10px;font:500 12px/1 var(--f-mono);color:var(--fg-3)}
.fp .ps-s b{color:var(--ti);font-weight:600}
.fp .rc-paper{margin:0 auto;width:min(100%,300px)}
.fp .big-n{font-size:56px}
.fp .heat-row{grid-template-columns:repeat(21,minmax(0,1fr))}
.fp .k-streak .heat-row i{background:color-mix(in oklab,#F1B90E calc(var(--l) * 100%),var(--raised))}
.tl-wall{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:-90px;padding:110px 20px 26px;text-align:center;background:linear-gradient(180deg,transparent,#0B0B0A 45%)}
.tl-wall p{font:800 22px/1.1 var(--f-display);font-stretch:100%}
.tl-wall span{font-size:14px;color:var(--fg-2)}
.tl-wall .btn3d{margin-top:8px}
.side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.sd-search{display:flex;align-items:center;gap:12px;height:44px;padding:0 18px;border-radius:999px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair);color:var(--fg-3);font-size:15px}
.sd-search svg{width:18px;height:18px}
.sd-box{display:flex;flex-direction:column;border-radius:16px;box-shadow:inset 0 0 0 1px var(--hair-2);overflow:hidden}
.sd-box h3{padding:12px 16px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.sd-ver{gap:10px;padding:14px 16px 16px}
.sd-ver h3{padding:0}
.sd-ver p{font-size:15px;line-height:20px;color:var(--ti)}
.sd-btn{align-self:flex-start;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;font-size:15px;font-weight:700;text-decoration:none}
.sd-tr{display:flex;flex-direction:column;gap:3px;padding:10px 16px;text-decoration:none;transition:background-color 150ms ease}
@media (hover:hover){.sd-tr:hover,.sd-who:hover{background:rgba(255,255,255,.03)}}
.sd-tr span,.sd-tr em{font-size:13px;font-style:normal;color:var(--fg-3)}
.sd-tr b{font-size:15px;font-weight:700}
.sd-who{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 16px}
.sd-who>div{min-width:0}
.sd-who b{display:flex;align-items:center;font-size:15px;font-weight:700;white-space:nowrap}
.sd-who>div>span{display:block;font-size:13px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-who a{display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:999px;background:var(--ti);color:#0B0B0A;font-size:14px;font-weight:700;text-decoration:none}
/* questions */
.faq{display:flex;flex-direction:column;gap:8px;max-width:860px}
.faq details{border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;list-style:none;cursor:pointer;font-size:16px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(var(--fg-2),var(--fg-2)) center/12px 1.6px no-repeat,linear-gradient(var(--fg-2),var(--fg-2)) center/1.6px 12px no-repeat;transition:transform 220ms var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 18px 17px;font-size:15px;line-height:1.55;color:var(--fg-2);max-width:68ch}

/* ---------- the floor: posts. X's anatomy (avatar gutter, one quiet meta line, the sentence first, quiet actions),
   the proof attached like Higgsfield shows output, a coloured kind label, one verb ---------- */
.wall{columns:3 330px;column-gap:14px}
.pst{break-inside:avoid;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:14px;padding:16px 16px 12px;border-radius:18px;background:#151514;box-shadow:inset 0 0 0 1px var(--hair)}
.pst>.pav,.pst>.bav{margin-top:2px}
.ps-m{display:flex;flex-direction:column;gap:9px;min-width:0}
.ps-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 7px;min-width:0}
.ps-h b{display:inline-flex;align-items:center;font-size:15.5px;font-weight:700;white-space:nowrap}
.ps-h>span{font-size:14px;color:var(--fg-3);white-space:nowrap}
.ps-t{font-size:16px;line-height:1.42;color:var(--ti);text-wrap:pretty}
.ps-a{--kc:#ECEAE5;position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--kc) 5%,#0F0F0E);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kc) 24%,transparent)}
.ps-k{display:inline-flex;align-items:center;gap:6px;font:800 11px/1 var(--f-display);font-stretch:112%;letter-spacing:.06em;text-transform:uppercase;color:var(--kc)}
.ps-k i{width:6px;height:6px;border-radius:2px;background:var(--kc)}
.k-week .ps-a{--kc:#7FC8D3}.k-proof .ps-a{--kc:#5BC293}.k-challenge .ps-a{--kc:#FF6B5E}.k-streak .ps-a{--kc:#F1B90E}
.k-hiring .ps-a{--kc:#6FA2F2}.k-team .ps-a{--kc:#A98BE0}.k-cut .ps-a{--kc:#F08A4B}.k-level .ps-a{--kc:#ECEAE5}
.ps-s{display:flex;gap:16px;font:500 12px/1 var(--f-mono);color:var(--fg-3)}
.ps-s b{color:var(--ti);font-weight:600}
.ps-x{display:flex;align-items:center;gap:22px;padding-top:2px;font-size:13px;color:var(--fg-3)}
.ps-x>span{display:inline-flex;align-items:center;gap:6px}
.ps-x svg{width:15px;height:15px}
.ps-x .rsp b{color:var(--fg-2);font-weight:500}
.ps-v{margin-left:auto;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:650;color:var(--ti);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--hair-2);text-decoration:none;transition:background-color 150ms ease}
@media (hover:hover){.ps-v:hover{background:rgba(255,255,255,.12)}}
.ps-ph{position:relative;aspect-ratio:4/3;margin:-2px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;isolation:isolate}
.ps-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ps-ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(8,8,7,.85))}
.ps-ph .wg{position:absolute;top:10px;left:10px}
.ps-ph strong{font:900 24px/1 var(--f-display);font-stretch:112%;text-transform:uppercase;color:#fff}
.ps-job b{display:block;font:800 19px/1.1 var(--f-display);font-stretch:100%}
.ps-job>span{display:block;margin-top:4px;font-size:13px;color:var(--fg-2)}
.ps-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ps-tags em{font-style:normal;font-size:12px;padding:5px 8px;border-radius:7px;background:rgba(111,162,242,.12);color:#AFC9F6;box-shadow:inset 0 0 0 1px rgba(111,162,242,.3)}
.ps-team{display:flex;flex-direction:column;gap:8px}
.ps-team>span{font-size:13px;color:var(--fg-2)}
.ps-a .rc-paper{margin:0 auto;width:min(100%,280px)}
.ps-a .big-n{font-size:56px}
.k-streak .heat-row i{background:color-mix(in oklab,#F1B90E calc(var(--l) * 100%),var(--raised))}
.ps-a .cut-n{font-size:52px;color:#F08A4B}
.c-stack{display:flex;align-items:center}
.c-stack .pav{box-shadow:0 0 0 2px #0F0F0E}
.c-stack .pav+.pav{margin-left:-8px}
.c-stack>span:not(.pav){margin-left:8px;font:500 12px/1 var(--f-mono);color:var(--fg-3)}
.rsp{display:inline-flex;align-items:center;gap:6px}
.rsp svg{color:var(--cut)}
.c-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.c-ach{display:flex;gap:3px;flex:none}
.c-ach .ach{width:22px;height:22px}
.rsp{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2)}
.rsp svg{width:14px;height:14px;color:var(--cut)}
.rsp b{color:var(--ti);font-weight:600}
.chal-ph{position:relative;isolation:isolate;min-height:270px;justify-content:flex-end;overflow:hidden;color:#fff;background:#0D0D0C}
.chal-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.chal-ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,7,.2),rgba(8,8,7,0) 30%,rgba(8,8,7,.9) 78%),radial-gradient(90% 40% at 50% 100%,rgba(226,123,64,.3),transparent)}
.chal-ph .c-top{position:absolute;top:14px;left:14px;right:14px}
.chal-ph strong{font:900 26px/.95 var(--f-display);font-stretch:112%;text-transform:uppercase}
.chal-ph .c-stats span{color:rgba(255,255,255,.62)}
.chal-ph .c-stats b{color:#fff}
.chal strong{font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:24px;line-height:.95;text-transform:uppercase}
.chal .tg{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(23,19,10,.45)}
.chal .tg.live i{background:var(--ink);animation:none}
.chal .c-stats span{color:color-mix(in oklab,var(--ink) 70%,transparent)}
.chal .c-stats b{color:var(--ink)}
.big-n{display:flex;align-items:baseline;gap:10px;font:900 64px/.85 var(--f-display);font-stretch:125%;letter-spacing:-.02em}
.big-n span{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.heat-row{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}
.heat-row i{aspect-ratio:1;border-radius:2px;background:color-mix(in oklab,var(--cut) calc(var(--l) * 100%),var(--raised))}
.c-sub{font-size:13.5px;color:var(--fg-2)}
.brand-c p{font-size:14.5px;color:var(--fg-2)}
.c-stack{display:flex;align-items:center}
.c-stack .pav{box-shadow:0 0 0 2px var(--panel)}
.c-stack .pav+.pav{margin-left:-8px}
.c-stack>span:not(.pav){margin-left:8px;font:500 12px/1 var(--f-mono);color:var(--fg-3)}
.cut-n{font:900 58px/.85 var(--f-display);font-stretch:125%;letter-spacing:-.02em}
.cut-line{display:flex;align-items:center;gap:8px;font:600 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cut)}
.cut-line i{flex:1;border-top:1.5px dashed var(--cut)}
.rc{padding:14px;background:var(--raised)}
.rc-paper{position:relative;padding:18px 16px 20px;background:var(--bone);color:var(--paper-ink);font:500 10.5px/1.5 var(--f-mono);letter-spacing:.04em;-webkit-mask:radial-gradient(4px at 50% 0,#0000 97%,#000) 50% 0/10px 51% repeat-x,radial-gradient(4px at 50% 100%,#0000 97%,#000) 50% 100%/10px 51% repeat-x;mask:radial-gradient(4px at 50% 0,#0000 97%,#000) 50% 0/10px 51% repeat-x,radial-gradient(4px at 50% 100%,#0000 97%,#000) 50% 100%/10px 51% repeat-x}
.rc-b{text-align:center;font:900 11px/1 var(--f-display);font-stretch:125%;letter-spacing:.06em}
.rc-t{text-align:center;margin-top:8px;font:900 16px/1 var(--f-display);font-stretch:125%;text-transform:uppercase}
.rc-s{text-align:center;margin-top:5px;font-size:9.5px}
.rc-hr{border-top:1.5px dashed rgba(28,26,22,.4);margin:9px 0}
.rc-row{display:flex;justify-content:space-between}
.rc-code{text-align:center;font-weight:700;letter-spacing:.3em}
.rc-stamp{position:absolute;right:12px;top:58px;font:700 9.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cut-deep);padding:4px 5px;border:1.5px solid currentColor;border-radius:3px;transform:rotate(-10deg)}
.lvl-row{display:flex;align-items:center;gap:14px}
.lvl-n{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;background:linear-gradient(160deg,#F49155,#C4461A);font:900 28px/1 var(--f-display);font-stretch:112%;color:#1B0E06;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px -12px rgba(0,0,0,.6)}
.lvl-n i{font:700 8px/1 var(--f-mono);letter-spacing:.16em;font-style:normal;margin-bottom:2px}
.lvl-row b{display:block;font-size:17px}
.lvl-row div>span{font:400 12px/1.4 var(--f-mono);color:var(--fg-3)}

/* ---------- badges ---------- */
.badge-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px;margin-top:12px;align-items:stretch}
.podium-wrap{display:flex;flex-direction:column;justify-content:flex-end;padding:28px 20px 18px;border-radius:18px;background:radial-gradient(70% 60% at 50% 100%,rgba(226,123,64,.12),transparent 70%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;border-bottom:1px solid var(--hair-2)}
.step{display:flex;flex-direction:column;align-items:center;min-width:0}
.trophy{position:relative;width:min(108px,70%);aspect-ratio:1;margin-bottom:22px;container-type:inline-size}
.s2 .medal{--face:16deg}.s3 .medal{--face:-16deg}
.s1 .trophy{width:min(138px,86%)}
.block{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px 18px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#262624,#1A1A18);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 1px 0 0 var(--hair),inset -1px 0 0 var(--hair);text-align:center}
.s2 .block{min-height:150px}
.s1 .block{min-height:190px;background:linear-gradient(180deg,#2C2B28,#1B1B19);box-shadow:inset 0 2px 0 var(--cut),inset 1px 0 0 var(--hair),inset -1px 0 0 var(--hair)}
.s3 .block{min-height:126px}
.place{font:900 38px/1 var(--f-display);font-stretch:125%;color:transparent;-webkit-text-stroke:1.3px var(--hair-3)}
.block strong{font-size:16px;font-weight:600}
.block .price{font:800 28px/1 var(--f-display);font-stretch:112%;letter-spacing:-.02em}
.block .price small{font:500 11px/1 var(--f-mono);color:var(--fg-3);margin-left:2px}
.block .for{font-size:12.5px;color:var(--fg-2)}
.official{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:13px;color:var(--fg-3)}
.official .seal{margin:0;width:16px;height:16px}
.official b{color:var(--ti);font-weight:600}
.xpost{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.xp-h{display:flex;align-items:center;gap:10px}
.xp-h>div{min-width:0}
.xp-h b{display:flex;align-items:center;font-size:15px;font-weight:600;white-space:nowrap}
.xp-h>div>span{display:block;font:400 12px/1.3 var(--f-mono);color:var(--fg-3)}
.xpost>p{font-size:15.5px}
.xp-q{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--hair-2)}
.xp-q p{font-size:14.5px;color:var(--fg-2)}
.legend{list-style:none;padding:12px 0 0;margin-top:auto;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--hair)}
.legend li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;font-size:13.5px;line-height:1.45;color:var(--fg-2)}
.legend li>.seal,.legend li>.aff{width:17px;height:17px;margin:2px 0 0}
.legend b{color:var(--ti);font-weight:600}

/* ---------- the grid: try it ---------- */
.try{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px;margin-top:12px;padding:clamp(18px,2.4vw,28px)}
.try-l{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.try-l .label{display:flex;align-items:center;gap:8px}
.prompt{display:flex;gap:6px;width:100%;padding:6px;border-radius:15px;background:var(--well);box-shadow:inset 0 0 0 1px var(--hair-2);transition:box-shadow 160ms ease}
.prompt:focus-within{box-shadow:inset 0 0 0 1px var(--hair-3),0 0 0 4px rgba(226,123,64,.16)}
.prompt input{flex:1;min-width:0;height:48px;padding:0 14px;border:0;background:transparent;font-size:16px;outline:none}
.prompt input::placeholder{color:var(--fg-3)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2);transition:color 150ms ease,box-shadow 150ms ease,transform 140ms var(--ease)}
.chips button:active{transform:scale(.96)}
@media (hover:hover){.chips button:hover{color:var(--ti);box-shadow:inset 0 0 0 1px var(--hair-3)}}
.try-l .btn3d{margin-top:auto}
.try-r{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--well);box-shadow:inset 0 0 0 1px var(--hair-2)}
.hud-lv{display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(160deg,#F49155,#C4461A);color:#1B0E06;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.hud-lv i{font:700 7.5px/1 var(--f-mono);letter-spacing:.16em;font-style:normal}
.hud-lv b{font:900 21px/1 var(--f-display);font-stretch:112%}
.hud-xp{display:flex;flex-direction:column;gap:7px;min-width:0}
.hud-xt{display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 12px/1 var(--f-mono);color:var(--fg-2);font-variant-numeric:tabular-nums}
.hud-up{font:900 12px/1 var(--f-display);font-stretch:112%;font-style:normal;text-transform:uppercase;color:#FFD866;opacity:0}
.hud-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.hud-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F49155,#FFD866);box-shadow:0 0 12px rgba(244,145,85,.6);transition:width 500ms var(--ease)}
.hud-s{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-left:14px;border-left:1px solid var(--hair)}
.hud-s b{font:800 18px/1 var(--f-display);font-stretch:100%;font-variant-numeric:tabular-nums}
.hud-s span{font:500 10px/1 var(--f-mono);letter-spacing:.06em;color:var(--fg-3);white-space:nowrap}
.hud.up .hud-up{animation:hudup 1.6s var(--ease)}
.hud.up .hud-lv{animation:lvpop 700ms var(--ease)}
@keyframes hudup{0%{opacity:0;transform:translateY(6px)}15%,70%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lvpop{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 0 0 8px rgba(255,216,102,.25)}100%{transform:scale(1)}}
.hud-hint{font-size:13px;color:var(--fg-3)}
.hud-hint b{color:var(--fg-2);font-weight:600}
.xpf{position:absolute;z-index:6;transform:translate(-50%,0);pointer-events:none;font:900 15px/1 var(--f-display);font-stretch:112%;color:#FFD866;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:xpf 1.1s var(--ease) forwards}
@keyframes xpf{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}15%{opacity:1;transform:translate(-50%,-8px) scale(1.05)}100%{opacity:0;transform:translate(-50%,-44px)}}
.pv-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pv-sum{font:500 12px/1 var(--f-mono);color:var(--fg-2)}
.wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.wd{display:flex;flex-direction:column;min-width:0}
.wd-h{display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:6px 6px 5px;border-top:3px solid var(--dc);border-radius:3px 3px 0 0;font:500 10.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.wd-h b{font:800 14px/1 var(--f-display);font-stretch:112%;color:var(--fg-2)}
.wd.today .wd-h{background:color-mix(in oklab,var(--dc) 20%,transparent);color:var(--ti)}
.wd.today .wd-h b{color:var(--ti)}
.wd-b{position:relative;border-radius:0 0 8px 8px;background-color:var(--well);background-image:linear-gradient(var(--hair) 1px,transparent 1px);background-size:100% 12.5%}
.wk.big .wd-b{height:340px}
.wk.big .wd-h{position:relative;isolation:isolate;overflow:hidden;align-items:center;height:38px;padding:0 8px;border:0;border-radius:8px 8px 0 0;background:var(--dc);color:#fff}
.wk.big .wd-h::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:12px 12px}
.wk.big .wd-h span{font:900 13px/1 var(--f-display);font-stretch:125%;letter-spacing:.02em;color:var(--dc);-webkit-text-stroke:2.4px #fff;paint-order:stroke fill}
.wk.big .wd-h b{font:600 16px/1 var(--f-ui);color:#fff;letter-spacing:-.02em}
.wk.big .wd.today .wd-h{box-shadow:inset 0 0 0 2px #fff}
.wd-st{position:absolute;left:50%;top:50%;z-index:2;padding:3px 5px;border:1.5px solid #fff;border-radius:3px;background:color-mix(in srgb,var(--dc) 80%,#000);font:800 8.5px/1 var(--f-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#fff;transform:translate(-50%,-50%) rotate(-8deg) scale(1.6);opacity:0;pointer-events:none}
.wd.clr .wd-st{animation:stampin 420ms var(--ease) forwards}
@keyframes stampin{to{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
.wk.big .b{display:block;text-align:left;cursor:pointer;padding:4px 18px 4px 6px;transition:transform 140ms var(--ease),box-shadow 160ms ease}
.wk.big .b:active{transform:scale(.97)}
.wk.big .b>b,.wk.big .b>span{position:relative;z-index:1}
.b-f{position:absolute;inset:0;background:color-mix(in oklab,var(--c) 88%,#000);clip-path:inset(0 100% 0 0);transition:clip-path 360ms var(--ease)}
.wk.big .b.done{background:color-mix(in oklab,var(--c) 20%,var(--well));color:#FBFAF7}
.wk.big .b.done .b-f{clip-path:inset(0)}
.b-c{position:absolute;top:4px;right:4px;z-index:2;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.55;transition:opacity 120ms ease,background-color 160ms ease}
.b-c svg{width:9px;height:9px;fill:none;stroke:color-mix(in oklab,var(--c) 85%,#000);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.wk.big .b.done .b-c{opacity:1;background:#FBFAF7;box-shadow:none}
.wk.big .b.done .b-c svg{opacity:1}
.wk.big .b.tiny .b-c{top:50%;margin-top:-6px;width:11px;height:11px}
@media (hover:hover){.wk.big .b:hover{box-shadow:inset 0 0 0 1.5px var(--c)}.wk.big .b:hover .b-c{opacity:1}}
.wk.mini .wd-b{height:88px;background-image:none}
.wk.mini .wd-h{padding:4px 3px 3px;font-size:8.5px;border-top-width:2px}
.wk.mini .wd-h b{font-size:10px}
.b{position:absolute;left:3px;right:3px;min-height:3px;border-radius:5px;overflow:hidden;padding:4px 5px;background:color-mix(in oklab,var(--c) 20%,var(--well));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 62%,transparent);color:color-mix(in oklab,var(--c) 30%,var(--ti));transform-origin:top}
.b b{display:block;font:600 11px/1.2 var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b span{display:block;font:500 9.5px/1.2 var(--f-mono);opacity:.75}
.b.tiny b,.b.tiny span{display:none}
.b.done{background:color-mix(in oklab,var(--c) 86%,#000);box-shadow:none;color:#FBFAF7}
.wk.mini .b{left:2px;right:2px;border-radius:3px;padding:0}
.go .b{animation:bin 560ms var(--ease) both;animation-delay:calc(var(--k) * 12ms)}
@keyframes bin{from{transform:scaleY(.12);filter:brightness(1.9)}}
.nowl{position:absolute;left:-3px;right:0;height:1.5px;background:var(--cut);z-index:2;pointer-events:none}
.nowl::before{content:"";position:absolute;left:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cut)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px) / 4);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--raised-2) transparent}
.tpl{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);scroll-snap-align:start;min-width:0}
.tpl-h{display:flex;align-items:center;gap:8px}
.tpl-h b{font-size:16px;font-weight:650}
.tpl p{font-size:13.5px;line-height:1.45;color:var(--fg-2);min-height:2.9em}
.tpl-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.tpl-sum{font:500 11px/1.3 var(--f-mono);color:var(--fg-3)}

/* ---------- the builder: the real Cutline calendar, ported from the app (only the calendar: header bar, day cards, ruler, blocks) ---------- */
.cal{--hour:44px;--ruler:46px;--gap:6px;--card-h:118px;--dn-size:44px;--mat:#151514;--line:rgba(236,234,229,.07);--line-2:rgba(236,234,229,.12);--line-3:rgba(236,234,229,.22);--col-fill:rgba(236,234,229,.018);--col-today:rgba(236,234,229,.045);--night:rgba(0,0,0,.22);--accent:#E27B40;--ease-out:cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;gap:10px;padding:12px 12px 0;border-radius:16px;background-color:var(--mat);background-image:radial-gradient(circle at 1px 1px,rgba(236,234,229,.07) 1px,transparent 1.3px);background-size:14px 14px;box-shadow:inset 0 0 0 1px var(--hair)}
.cal-h{display:flex;align-items:center;gap:16px;min-height:30px;padding:0 2px}
.wk-l{display:flex;align-items:baseline;gap:9px;flex:none}
.wk-t{font-size:18px;font-weight:650;letter-spacing:-.02em}
.wk-r{font:500 11px/1 var(--f-mono);color:var(--fg-2)}
.wk-p{flex:1;display:flex;align-items:center;gap:10px;min-width:fit-content;max-width:300px}
.wk-bar{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;height:6px}
.wk-bar i{position:relative;overflow:hidden;border-radius:2px;background:color-mix(in oklab,var(--dc) 22%,#292826)}
.wk-bar i::after{content:"";position:absolute;inset:0;background:var(--dc);transform-origin:left;transform:scaleX(var(--p,0));transition:transform 500ms var(--ease-out)}
.wk-p>span{font:500 11px/1 var(--f-mono);color:var(--fg-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.cal-lab{margin-left:auto;font:500 11px/1 var(--f-mono);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cal-x{overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px}
.cal-x::-webkit-scrollbar{display:none}
.cal-in{display:flex;flex-direction:column;gap:6px;min-width:620px}
.cal-cards{display:grid;grid-template-columns:var(--ruler) repeat(7,minmax(0,1fr));gap:var(--gap);padding-top:6px}
.corner{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:6px}
.corner span{writing-mode:vertical-rl;font:600 10px/1 var(--f-mono);letter-spacing:.24em;color:var(--fg-3)}
.corner::after{content:"";position:absolute;right:9px;bottom:0;width:10px;height:10px;border-right:1px solid var(--line-3);border-bottom:1px solid var(--line-3)}
.ccard{position:relative;height:var(--card-h);border-radius:12px;overflow:hidden;background:var(--dc);color:var(--ink,var(--ti));isolation:isolate}
.ccard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(var(--tex,255,255,255),.3) 50%,transparent calc(50% + .6px)),linear-gradient(rgba(var(--tex,255,255,255),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--tex,255,255,255),.16) 1px,transparent 1px),radial-gradient(circle at center,rgba(var(--tex,255,255,255),.3) .7px,transparent 1.1px);background-size:100% 100%,24px 24px,24px 24px,7px 7px}
.ccard::after{content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 16px,rgba(0,0,0,.32) 26px 38px,transparent 48px 60px);filter:blur(7px);opacity:.9;mix-blend-mode:multiply}
.ccard.today{translate:0 -2px;box-shadow:0 0 0 2px var(--mat),0 0 0 3.5px var(--ti),0 12px 24px -12px rgba(0,0,0,.6)}
.cname{position:absolute;top:7px;left:calc(var(--dn-size) * -.06 + 4px);z-index:2;writing-mode:vertical-rl;font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:var(--dn-size);line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:var(--dc);-webkit-text-stroke:calc(var(--dn-size) * .06) var(--ink,var(--ti));paint-order:stroke fill;-webkit-mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.16));mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.16));pointer-events:none;user-select:none}
.cname.probe{position:absolute;left:-9999px;top:0;visibility:hidden;writing-mode:horizontal-tb;font-size:100px;-webkit-mask-image:none;mask-image:none}
.cmeta{position:absolute;top:8px;right:9px;z-index:2;display:flex;flex-direction:column;align-items:flex-end}
.cnum{font:600 24px/1 var(--f-ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cmon{margin-top:4px;font:500 9px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.ctoday{margin-top:6px;padding:3px 4px;border-radius:3px;background:var(--ink,var(--ti));color:var(--dc);font:700 8px/1 var(--f-mono);letter-spacing:.12em}
.cprog{position:absolute;right:9px;bottom:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.ccount{font:500 10px/1 var(--f-mono);opacity:.92;font-variant-numeric:tabular-nums}
.csegs{display:flex;gap:1.5px;width:40px}
.csegs i{flex:1;height:3px;border-radius:1px;background:rgba(var(--tex,255,255,255),.3)}
.csegs i.on{background:var(--ink,var(--ti))}
.cstamp{position:absolute;right:7px;bottom:30px;z-index:2;padding:4px 5px;border:1.5px solid var(--ink,var(--ti));border-radius:3px;font:700 8px/1 var(--f-mono);letter-spacing:.14em;transform:rotate(-8deg)}
.cstamp.stamp-in{animation:stampc 420ms var(--ease-out)}
@keyframes stampc{0%{scale:1.7;opacity:0}55%{opacity:1}100%{scale:1;opacity:1}}
.cal-scroll{height:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px);mask-image:linear-gradient(to bottom,transparent 0,#000 12px)}
.cal-scroll::-webkit-scrollbar{display:none}
.cal-grid{position:relative;display:grid;grid-template-columns:var(--ruler) repeat(7,minmax(0,1fr));gap:var(--gap);padding:6px 0 14px;user-select:none;-webkit-user-select:none}
.ruler{position:relative;height:calc(24 * var(--hour));border-right:1px solid var(--line-2);background:repeating-linear-gradient(to bottom,var(--line-3) 0 1px,transparent 1px var(--hour)) right 0 top 0/10px 100% no-repeat,repeating-linear-gradient(to bottom,transparent 0 calc(var(--hour) / 2),var(--line-2) calc(var(--hour) / 2) calc(var(--hour) / 2 + 1px),transparent calc(var(--hour) / 2 + 1px) var(--hour)) right 0 top 0/6px 100% no-repeat}
.rl{position:absolute;right:14px;transform:translateY(-50%);font:500 10px/1 var(--f-mono);color:var(--fg-3);font-variant-numeric:tabular-nums}
.rl:first-child{transform:translateY(3px)}
.now-pill{position:absolute;right:3px;z-index:7;transform:translateY(-50%);padding:3px 4px;border-radius:4px;background:var(--accent);color:#1B0E06;font:600 9.5px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.ccol{position:relative;height:calc(24 * var(--hour));border-radius:8px;background-color:var(--col-fill);background-image:linear-gradient(to bottom,var(--night) 0,var(--night) calc(6 * var(--hour)),transparent calc(6 * var(--hour)),transparent calc(22 * var(--hour)),var(--night) calc(22 * var(--hour))),repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px var(--hour)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--hour) / 2),var(--line) calc(var(--hour) / 2) calc(var(--hour) / 2 + 1px),transparent calc(var(--hour) / 2 + 1px) var(--hour))}
.ccol.today{background-color:var(--col-today)}
.cnow{position:absolute;left:-4px;right:-1px;z-index:6;height:2px;margin-top:-1px;border-radius:2px;background:var(--accent);pointer-events:none}
.cnow::before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}
.blk{position:absolute;left:2px;right:2px;z-index:2;overflow:hidden;border-radius:7px;cursor:pointer;background:color-mix(in oklab,var(--c) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 55%,transparent);color:color-mix(in oklab,var(--c) 30%,var(--ti));transform-origin:top;transition:transform 160ms var(--ease-out),box-shadow 160ms ease,color 220ms ease}
.blk .fill{position:absolute;inset:0;background:color-mix(in oklab,var(--c) 88%,#000);clip-path:inset(0 100% 0 0);transition:clip-path 360ms var(--ease-out)}
.blk.done{color:var(--bink,#FBFAF7)}
.blk.done .fill{clip-path:inset(0)}
.blk:active{transform:scale(.985)}
.bin{position:relative;display:flex;flex-direction:column;gap:1px;height:100%;min-width:0;padding:4px 22px 4px 7px}
.bt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.25;letter-spacing:-.005em}
.bm{font:500 10.5px/1.25 var(--f-mono);opacity:.75;white-space:nowrap;font-variant-numeric:tabular-nums}
.blk.short .bin{flex-direction:row;align-items:center;gap:6px;padding-top:0;padding-bottom:0}
.blk.short .bt{display:block;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.blk.tiny .bm{display:none}
.chk{position:absolute;top:4px;right:4px;z-index:3;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.55;transition:opacity 120ms ease,background-color 160ms ease}
.chk svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.blk.short .chk{top:50%;margin-top:-7px;width:14px;height:14px}
.blk.done .chk{opacity:1;background:var(--bink,#FBFAF7);box-shadow:none;color:color-mix(in oklab,var(--c) 88%,#000)}
.blk.done .chk svg{opacity:1}
@media (hover:hover) and (pointer:fine){.blk:hover{box-shadow:inset 0 0 0 1px var(--c)}.blk:hover .chk{opacity:1}.blk.done:hover{box-shadow:none}}
.cal-grid.go .blk{animation:bin 560ms var(--ease) both;animation-delay:calc(var(--k) * 14ms)}

/* ---------- arena: a gallery of what people cleared today (Higgsfield's creations: the output is the hero,
   the maker is credited, one verb). No glowing numbers, no bonus counters ---------- */
.chal-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cr{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(300px,26vw,360px);padding:12px;border-radius:18px;overflow:hidden;background:#0D0D0C;box-shadow:inset 0 0 0 1px var(--hair);min-width:0}
.cr>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 700ms var(--ease)}
.cr::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,7,.35),rgba(8,8,7,0) 22%,rgba(8,8,7,0) 55%,rgba(8,8,7,.86))}
@media (hover:hover){.cr:hover>img{transform:scale(1.04)}}
.cr-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;background:rgba(17,17,16,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:600 12px/1 var(--f-ui);color:var(--ti);white-space:nowrap}
.cr-tag .ldot{width:5px;height:5px}
.cr-by{display:flex;align-items:center;gap:9px;min-width:0}
.cr-by .pav{box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.cr-by>div{min-width:0}
.cr-by b{display:flex;align-items:center;font-size:14px;font-weight:650;color:#fff;white-space:nowrap}
.cr-by>div>span{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-go{margin-left:auto;flex:none;display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:10px;background:#F6F4F0;color:#121211;font-size:13px;font-weight:650;text-decoration:none;box-shadow:0 3px 0 #8F8B83;transition:transform 120ms ease}
.cr-go:active{transform:translateY(2px);box-shadow:0 1px 0 #8F8B83}
/* the art: each challenge drawn in the brand (mat, Archivo, the calendar) instead of photographed */
.art{position:absolute;inset:0;z-index:-2;overflow:hidden;isolation:isolate;background:var(--ac,#C45A24);color:#FFF7EE}
.art::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(255,255,255,.22) 50%,transparent calc(50% + .6px)),linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.11) .7px,transparent 1.1px);background-size:100% 100%,24px 24px,24px 24px,7px 7px}
.art::after{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 30px,rgba(0,0,0,.2) 46px 66px,transparent 84px 104px);filter:blur(10px);mix-blend-mode:multiply}
.art-in{position:absolute;inset:52px 12px 66px;container-type:size}
.a-push{--ac:#C45A24}.a-steps{--ac:#2C5EA8}.a-deep{--ac:#151514}.a-dms{--ac:#6B4FA0}
.a-deep::before{background-image:radial-gradient(circle at 1px 1px,rgba(236,234,229,.09) 1px,transparent 1.3px);background-size:14px 14px}
.a-deep::after{display:none}
.ring{position:absolute;left:50%;top:44%;width:66cqmin;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-90deg);overflow:visible;filter:drop-shadow(0 0 10px rgba(255,236,214,.45))}
.ring circle{fill:none}
.ring .trk{stroke:rgba(255,255,255,.18);stroke-width:9}
.ring .fil{stroke:#FFF7EE;stroke-width:9;stroke-linecap:round;stroke-dasharray:96 4}
.ring .tick{stroke:rgba(255,255,255,.4);stroke-width:4;stroke-dasharray:.35 1.65}
.ring-n{position:absolute;left:50%;top:44%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}
.ring-n b{font:900 15cqmin/.9 var(--f-display);font-stretch:112%;letter-spacing:-.02em}
.ring-n span{margin-top:1cqmin;font:600 max(9px,3.6cqmin)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.sets{position:absolute;left:50%;bottom:0;display:flex;gap:4px;transform:translateX(-50%)}
.sets i{padding:4px 6px;border-radius:6px;background:#FFF7EE;color:#7A2E10;font:700 max(10px,4cqmin)/1 var(--f-mono);font-style:normal;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
.route{position:absolute;left:4%;top:0;width:92%;height:56%;overflow:visible}
.route path{fill:none;stroke:#FFF7EE;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:.1 8}
.pin{position:absolute;left:calc(4% + 92% * .95);top:calc(56% * .2);width:16px;height:16px;border-radius:50%;background:#FFF7EE;box-shadow:0 0 0 5px rgba(255,247,238,.25);transform:translate(-50%,-50%)}
.flap{position:absolute;left:50%;bottom:16%;display:flex;align-items:flex-end;gap:3px;transform:translateX(-50%)}
.flap i{position:relative;display:grid;place-items:center;width:11cqmin;height:15cqmin;border-radius:6px;background:linear-gradient(180deg,#FFFAF2 50%,#EEE4D4 50%);color:#17130A;font:900 11cqmin/1 var(--f-display);font-stretch:112%;font-style:normal;box-shadow:0 6px 12px -6px rgba(0,0,0,.6)}
.flap i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(23,19,10,.25)}
.flap em{font:900 11cqmin/1 var(--f-display);font-style:normal;color:#FFF7EE}
.flap-l{position:absolute;left:0;right:0;bottom:0;text-align:center;font:600 max(9px,3.6cqmin)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.dk-card{position:absolute;left:12%;right:12%;top:0;height:26%;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:10px;overflow:hidden;background:#2A6F7A;box-shadow:0 0 0 2px #151514,0 0 0 3.5px #ECEAE5}
.dk-n{font:900 9cqmin/1 var(--f-display);font-stretch:125%;color:#2A6F7A;-webkit-text-stroke:1.6px #fff;paint-order:stroke fill}
.dk-d{font:600 8cqmin/1 var(--f-ui);color:#fff;letter-spacing:-.03em}
.dk-body{position:absolute;left:4%;right:12%;top:34%;bottom:0;display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px}
.dk-ruler{display:flex;flex-direction:column;justify-content:space-between;padding:0 4px 0 0;border-right:1px solid rgba(236,234,229,.12);font:500 9.5px/1 var(--f-mono);color:var(--fg-3);text-align:right}
.dk-col{position:relative;border-radius:8px;background:rgba(236,234,229,.03);background-image:repeating-linear-gradient(to bottom,rgba(236,234,229,.1) 0 1px,transparent 1px 33.33%)}
.dk-blk{position:absolute;left:3px;right:3px;top:2%;height:72%;display:flex;flex-direction:column;gap:3px;padding:8px 26px 8px 10px;border-radius:9px;background:color-mix(in oklab,#E0544A 88%,#000);color:#FBFAF7;box-shadow:0 10px 24px -10px rgba(224,84,74,.7)}
.dk-blk b{font-size:max(12px,5cqmin);font-weight:650}
.dk-blk span{font:500 max(10px,3.6cqmin)/1 var(--f-mono);opacity:.8}
.dk-blk i{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#FBFAF7}
.dk-blk svg{width:11px;height:11px;fill:none;stroke:#8E2D25;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dk-stamp{position:absolute;right:16%;bottom:6%;padding:3px 5px;border:1.5px solid #fff;border-radius:3px;font:700 max(8px,3cqmin)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;transform:rotate(-8deg)}
.dm-n{position:absolute;left:4%;top:0;display:flex;flex-direction:column;gap:6px}
.dm-n b{font:900 17cqmin/.85 var(--f-display);font-stretch:112%;letter-spacing:-.03em}
.dm-n span{font:600 max(9px,3.6cqmin)/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.a-dms .art-in{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:2.6cqh}
.bub{display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-radius:14px 14px 4px 14px;background:#FFF7EE;box-shadow:0 8px 16px -8px rgba(0,0,0,.55)}
.bub i{display:block;height:6px;border-radius:3px;background:rgba(23,19,10,.18)}
.bub.b1{width:58%}.bub.b2{width:44%;margin-right:8%}.bub.b3{width:62%}.bub.b4{width:40%}
.dm-st{font:600 max(9px,3.2cqmin)/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.cr::after{background:linear-gradient(180deg,rgba(8,8,7,.28),rgba(8,8,7,0) 18%,rgba(8,8,7,0) 70%,rgba(8,8,7,.7))}
.cr-by{position:relative;padding:8px;margin:-4px;border-radius:14px;background:rgba(14,14,13,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.board{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:clamp(300px,26vw,360px);padding:14px;border-radius:18px;background:linear-gradient(180deg,#1C1C1A,#121211);box-shadow:inset 0 0 0 1px var(--hair);color:var(--ti);min-width:0}
.bd-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.bd-r{display:grid;grid-template-columns:26px 26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;font-size:13px}
.bd-r.out{opacity:.5}
.bd-r>span:first-child{font:800 13px/1 var(--f-display);font-stretch:112%;color:var(--fg-2)}
.bd-r b{display:flex;align-items:center;font-weight:600;white-space:nowrap;overflow:hidden}
.bd-r em{font:500 11.5px/1 var(--f-mono);font-style:normal;color:var(--fg-2)}
.bd-cut{display:flex;align-items:center;gap:6px;padding:5px 0;color:var(--cut)}
.bd-cut i{flex:1;border-top:1.5px dashed var(--cut)}
.bd-cut span{display:inline-flex;align-items:center;gap:5px;font:600 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.bd-cut svg{width:12px;height:12px}
.bd-you{display:flex;align-items:center;gap:9px;margin-top:auto;padding:10px 12px;border-radius:12px;background:rgba(226,123,64,.12);box-shadow:inset 0 0 0 1px rgba(226,123,64,.35)}
.bd-you span{font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#FFB386}
.bd-you b{font:800 18px/1 var(--f-display);font-stretch:100%}
.bd-you em{margin-left:auto;font:500 11px/1 var(--f-mono);font-style:normal;color:var(--ok)}

/* ---------- pricing: a colour per plan, the anchor price struck through, the saving in dollars under the button,
   and what you'd miss shown as a cross (after Higgsfield's pricing) ---------- */
.bill{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.bill button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--fg-2);transition:background-color 160ms ease,color 160ms ease}
.bill button[aria-pressed="true"]{background:var(--raised-2);color:var(--ti);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.bill em,.dz,.bv,.oc{display:inline-block;padding:4px 7px;border-radius:5px;font:900 10.5px/1 var(--f-display);font-stretch:112%;font-style:italic;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.bill em,.dz{background:#FF2E63;color:#fff}
.bv{background:#2E6BFF;color:#fff}
.oc{background:var(--cut);color:#1B0E06}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.plan{--pc:#8A877F;position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 18px 20px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 18%,#171716),#131312 44%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 26%,transparent),inset 0 1.5px 0 color-mix(in srgb,var(--pc) 50%,transparent)}
.p-ver{--pc:#E27B40}.p-crew{--pc:#F1B90E}.p-brand{--pc:#C9C5BD;background:linear-gradient(180deg,#2C2B28,#111110 44%)}
.pl-h{display:flex;align-items:center}
.pl-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:20px;margin-top:-6px}
.ff{display:inline-block;padding:4px 7px;border-radius:5px;font:900 10.5px/1 var(--f-display);font-stretch:112%;font-style:italic;text-transform:uppercase;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-3)}
.plan h3{display:flex;align-items:center;margin-right:2px;font:900 clamp(24px,2.1vw,29px)/1 var(--f-display);font-stretch:100%;letter-spacing:-.01em;text-transform:uppercase}
.plan h3 .seal{width:.78em;height:.78em;margin-left:.3em}
.pl-for{font-size:13.5px;line-height:1.45;color:var(--fg-2);min-height:2.9em}
.pl-price{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 8px}
.pl-price>.pl-per{grid-column:1/-1}
.pl-price s{font:800 24px/1 var(--f-display);font-stretch:100%;color:#FF4D6D;text-decoration-thickness:2.5px}
.pl-price>b{font:900 clamp(38px,3.3vw,46px)/1 var(--f-display);font-stretch:100%;letter-spacing:-.03em}
.pl-per{font-size:13px;color:var(--fg-2)}
.pl-cta{display:flex;flex-direction:column;border-radius:16px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px var(--hair)}
.pl-btn{width:100%}
.pl-tray{padding:11px 8px 10px;text-align:center;font-size:12.5px;color:var(--fg-2)}
.pl-tray b{color:var(--ti);font-weight:700}
.pl-btn.white{background:linear-gradient(180deg,#FFFFFF,#E4E1DA);color:#121211;box-shadow:0 4px 0 #8F8B83,0 12px 24px -12px rgba(255,255,255,.3),inset 0 1px 0 #fff}
.pl-btn.white:active{box-shadow:0 1px 0 #8F8B83,inset 0 1px 0 #fff}
.pl-btn.yellow{background:linear-gradient(180deg,#FFE27A,#F1B90E);color:#1B1405;box-shadow:0 4px 0 #9A7300,0 12px 26px -10px rgba(241,185,14,.6),inset 0 1px 0 rgba(255,255,255,.6)}
.pl-btn.yellow:active{box-shadow:0 1px 0 #9A7300,inset 0 1px 0 rgba(255,255,255,.6)}
.pl-btn.titanium{background:linear-gradient(180deg,#F6F4F0,#B6B2AA);color:#121211;box-shadow:0 4px 0 #57544F,0 12px 26px -10px rgba(220,216,208,.35),inset 0 1px 0 #fff}
.pl-btn.titanium:active{box-shadow:0 1px 0 #57544F,inset 0 1px 0 #fff}
.pl-inc{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--pc) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 36%,transparent),0 0 26px -10px color-mix(in srgb,var(--pc) 60%,transparent)}
.p-free .pl-inc{background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px var(--hair)}
.pl-k{font:800 11.5px/1 var(--f-display);font-stretch:112%;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--pc) 65%,#fff)}
.pl-b{display:flex;align-items:center;gap:10px;min-width:0}
.pl-b>svg{width:40px;height:40px;flex:none;filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))}
.pl-b>div{min-width:0}
.pl-b b{display:block;font-size:13.5px;font-weight:650;line-height:1.25}
.pl-b>div>span{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:var(--fg-2)}
.pl-kr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-tag{padding:4px 6px;border-radius:5px;font:700 9px/1 var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--pc);color:#131312}
.pl-none{width:40px;height:40px;flex:none;border-radius:50%;border:1.5px dashed var(--hair-3)}
.pl-b.none b{color:var(--fg-3)}
.pl-list{list-style:none;padding:2px 0 0;display:flex;flex-direction:column;gap:10px}
.pl-list li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.4;color:var(--ti)}
.pl-list li::before{content:"";position:absolute;left:2px;top:.3em;width:9px;height:5px;border-left:1.7px solid var(--pc);border-bottom:1.7px solid var(--pc);transform:rotate(-45deg)}
.p-free .pl-list li::before{border-color:var(--fg-2)}
.pl-list li.n{color:var(--fg-3)}
.pl-list li.n::before{left:1px;top:.36em;width:10px;height:10px;border:0;transform:none;background:linear-gradient(45deg,transparent 44%,var(--fg-3) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--fg-3) 44% 56%,transparent 56%)}
.pl-list .tg{margin-left:6px}
.plans[data-billing="y"] [data-m],.plans[data-billing="m"] [data-y]{display:none}
.fine{margin-top:16px;font-size:13px;color:var(--fg-3)}

/* ---------- sign up (in the last banner) ---------- */
.finale{padding-bottom:clamp(40px,5vw,64px)}
.save{width:min(100%,620px);margin-top:34px;text-align:left}
.join{display:flex;flex-direction:column;gap:10px;width:100%}
.join-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:end}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>span{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.fld input{width:100%;min-width:0;height:48px;padding:0 14px;border:0;border-radius:12px;background:rgba(10,10,9,.7);box-shadow:inset 0 0 0 1px var(--hair-2);font-size:16px;outline:none;transition:box-shadow 150ms ease}
.fld input:focus{box-shadow:inset 0 0 0 1px var(--hair-3),0 0 0 3px rgba(226,123,64,.18)}
.fld input::placeholder{color:var(--fg-3)}
.join-src select{width:100%;height:44px;padding:0 12px;border:0;border-radius:12px;background:rgba(10,10,9,.7);box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--ti);font:400 15px/1 var(--f-ui);outline:none}
.join-src select:focus{box-shadow:inset 0 0 0 1px var(--hair-3),0 0 0 3px rgba(226,123,64,.18)}
.atw{position:relative;display:block}
.atw i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--fg-3);pointer-events:none}
.atw input{padding-left:30px}
.join .btn.solid{height:48px;background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;box-shadow:0 4px 0 #9A3B10,inset 0 1px 0 rgba(255,255,255,.4);border-radius:12px}
.join .btn.solid:active{transform:translateY(3px);box-shadow:0 1px 0 #9A3B10,inset 0 1px 0 rgba(255,255,255,.4)}
.join-msg{font-size:13.5px;color:#FF8A80}
.join-msg:empty{display:none}
.join-note{font-size:12.5px;color:var(--fg-3);text-align:center}
.join-note a{color:var(--fg-2)}
.ticket{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 22px;border-radius:16px;background:rgba(10,10,9,.7);box-shadow:inset 0 0 0 1px var(--hair-2);text-align:center}
.ticket .t-k{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--f-mono);letter-spacing:.16em;color:var(--ok)}
.ticket .t-k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.ticket b{font:800 28px/1.1 var(--f-display);font-stretch:100%;letter-spacing:-.02em}
.ticket p{font-size:14.5px;color:var(--fg-2)}
.ticket p strong{color:var(--ti);font-weight:500}
.ticket .t-id{font:500 11.5px/1 var(--f-mono);letter-spacing:.2em;color:var(--fg-3)}
.pop-in{animation:popin 520ms var(--ease)}
@keyframes popin{from{transform:translateY(10px) scale(.98)}}

/* footer */
.foot{padding-block:28px 40px;border-top:1px solid var(--hair)}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.foot-tag{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-left:auto;font-size:14px}
.tpl-a{color:inherit;text-decoration:none}
@media (hover:hover){.tpl-a:hover{text-decoration:underline;text-underline-offset:3px}}
.foot nav a{color:var(--fg-2);text-decoration:none}
.foot small{width:100%;font-size:12.5px;color:var(--fg-3)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .fx{grid-template-columns:minmax(0,1fr)}.side{display:none}
  .row2,.badge-grid,.try{grid-template-columns:minmax(0,1fr)}
  .chal-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rail{grid-auto-columns:calc((100% - 24px) / 3)}
  .bn-side.left{left:-4%}.bn-side.right{right:-4%}
  .bn-side.medals{--S:clamp(118px,12vw,150px);gap:0}.bn-side.medals.left{left:2.5%}.bn-side.medals.right{right:2.5%}.m-tag{display:none}
  .bn-side.left:has(.vs){left:1%}.bn-side.right:has(.vs){right:1%}
  .vs{width:204px;gap:8px}.vs-art{height:132px}.vs-ini{font-size:112px}.vs-title{top:58px;font-size:18px}.vs-id b{font-size:15px}.vs-st b{font-size:15px}
  .ft-box>.wg-me,.wg-cur{display:none}
  .ft-box>.wg-xp{padding:8px 11px 7px}.ft-box>.wg-xp>b{font-size:20px}
}
@media (max-width:900px){
  .hide-m{display:none}
  .ftiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ftiles .ftile:first-child{grid-column:1/-1}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail{grid-auto-columns:calc((100% - 12px) / 2)}
  .bn-side{opacity:.35}
  .join-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .join-grid .btn{grid-column:1/-1}
}
@media (max-width:640px){
  .hide-s{display:none}
  .nav .btn.solid{margin-left:auto}
  .ftiles{grid-template-columns:minmax(0,1fr)}
  .products,.plans{grid-template-columns:minmax(0,1fr)}
  .chal-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail{grid-auto-columns:84%}
  .banner{min-height:auto;padding:40px 16px 44px;border-radius:24px}
  .bn-c{max-width:100%}
  .bn-h{font-size:clamp(34px,10.5vw,52px)}
  .bn-h span{white-space:normal}
  .bn-side,.bn-side.medals{display:none}
  .ft-box>.wg-live{top:68px;left:16px;right:auto}.ft-box>.wg-live .pavs,.ft-box>.wg-live .wg-sep{display:none}
  .wg-2x{bottom:12px;right:12px;padding:6px 12px 6px 9px}.x2{font-size:24px}
  .chal-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .cr,.board{scroll-snap-align:start}
  .hud{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.hud-s+.hud-s{display:none}.hud-xt{font-size:11px}
  .cal-h{flex-wrap:wrap;gap:8px 12px}.cal-lab{display:none}.wk-p{flex-basis:100%;max-width:none}
  .wk.big .wd-h{padding:0 4px;height:32px}.wk.big .wd-h span{font-size:9px;-webkit-text-stroke-width:1.8px}.wk.big .wd-h b{display:none}
  .wk.big .wd-b{height:240px}
  .b{padding:3px}.b b{font-size:9.5px}.b span{display:none}
  .wd-h{padding:5px 3px 4px;font-size:9px}.wd-h b{font-size:12px}
  .prompt{flex-direction:column}.prompt .btn{width:100%}
  .join-grid{grid-template-columns:minmax(0,1fr)}
  .podium-wrap{padding:20px 10px 14px}
  .block{padding:10px 4px 14px}.place{font-size:28px}.block strong{font-size:14px}.block .price{font-size:21px}.block .for{font-size:11px}
  .s2 .block{min-height:130px}.s1 .block{min-height:160px}.s3 .block{min-height:112px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ==========================================================================================================
   The pages: one per part of Cutline (/grid/, /arena/, /floor/, /shared-calendars/, /get-paid/, /badges/,
   /brands/, /week-match/, /proof-of-work/, /pricing/). Same language as the home page: a lit banner on top, then
   dense, coloured cards that each sell one thing (Higgsfield's way of filling the screen), a plan strip with the
   live campaign, questions, and every other page as a tile at the bottom.
   ========================================================================================================== */

[hidden]{display:none!important}

/* ---------- the campaign bar on top of every page (filled from the same campaigns as the app) ---------- */
.sbar{position:relative;z-index:2;height:38px;overflow:hidden;background:linear-gradient(90deg,var(--sa,#FF2E63),var(--sb,#FF7A3D));color:#fff}
.sbar[hidden]{display:none}
.sbar::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.08) 26px 52px)}
.sb-in{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 46px;color:#fff;text-decoration:none;white-space:nowrap;font:600 13.5px/1 var(--f-ui)}
.sb-in em{padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.26);font:900 11px/1 var(--f-display);font-stretch:112%;font-style:italic;letter-spacing:.04em;text-transform:uppercase}
.sb-in>b{font:900 14.5px/1 var(--f-display);font-stretch:100%;letter-spacing:.01em;text-transform:uppercase}
.sb-sub{font-weight:500;opacity:.88}
.sb-cd{font:600 12.5px/1 var(--f-mono)}
.sb-cd b{font-variant-numeric:tabular-nums}
.sb-go{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:8px;background:#fff;color:#141412;font:800 12.5px/1 var(--f-ui);box-shadow:0 2px 0 rgba(0,0,0,.22);transition:transform 140ms var(--ease)}
.sb-in:active .sb-go{transform:scale(.96)}
.sb-x{position:absolute;right:8px;top:50%;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;border-radius:8px;color:#fff;font-size:19px;line-height:1;opacity:.85}
@media (hover:hover){.sb-x:hover{background:rgba(0,0,0,.18);opacity:1}}
html.has-sale{scroll-padding-top:112px}
html.has-sale .explore-top{padding-top:calc(62px + 14px + 38px)}
html.has-sale .pg-top{padding-top:calc(66px + 16px + 38px)}

/* the nav: tags for what's new, the active page lit, the live discount hanging off Pricing */
.nt.green{background:#2FBF7A;color:#06140D}
.nav-links a[aria-current="page"]{color:var(--ti);background:var(--raised)}
.npill[aria-current="page"]{background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--hair-3)}
.nav-sheet nav a[aria-current="page"]{color:#FF9A62}
.tg.pro{background:#2FBF7A;color:#06140D;box-shadow:none}

/* ---------- page top: breadcrumb, then the banner (same as the home sections, with an h1) ---------- */
.pg-top{padding-top:calc(66px + 16px)}
.crumbs-s ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;font:500 12px/1 var(--f-mono);letter-spacing:.04em;color:var(--fg-3)}
.crumbs-s li+li::before{content:"/";margin-right:6px;color:var(--hair-3)}
.crumbs-s a{color:var(--fg-2);text-decoration:none}
@media (hover:hover){.crumbs-s a:hover{color:var(--ti)}}
.crumbs-s [aria-current]{color:var(--ti)}
.pg-hero{min-height:clamp(440px,40vw,540px)}
.pg-hero .bn-h{font-size:clamp(38px,5.6vw,78px)}
.pg-hero .bn-s{max-width:46ch}
.pg-hero .bn-c{max-width:min(900px,56vw)}
.bn-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:36px}
.bn-acts .btn.ghost{height:50px;padding:0 22px;border-radius:13px;background:rgba(255,255,255,.04);font-size:16px}
.bn-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font:600 14.5px/1 var(--f-ui);color:#B3B0A9;text-decoration:none;transition:color 150ms ease,gap 200ms var(--ease)}
.bn-more svg{width:15px;height:15px}
@media (hover:hover){.bn-more:hover{color:var(--ti);gap:9px}}
.fine-more{margin-top:6px}
.bn-pill.live{background:linear-gradient(180deg,rgba(255,90,78,.3),rgba(255,90,78,.12));box-shadow:inset 0 0 0 1px rgba(255,120,110,.5),inset 0 1px 0 rgba(255,255,255,.2),0 0 22px rgba(255,90,78,.3);color:#FF9A90}
.bn-pill.live .ldot{width:7px;height:7px}
.bn-pill.sale{background:linear-gradient(180deg,#FF4D7A,#E0164E);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);color:#fff}
.bn-pill.sale b{font-weight:800}
.bn-cd{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 16px;border-radius:13px;background:rgba(17,17,16,.7);box-shadow:inset 0 0 0 1px var(--hair-2);font:500 14px/1 var(--f-ui);color:var(--fg-2)}
.bn-cd svg{width:16px;height:16px;color:#FF8A80}
.bn-cd b{font:600 15px/1 var(--f-mono);color:var(--ti);font-variant-numeric:tabular-nums}

/* quick facts under the banner */
.pg-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.pg-facts>div{--tone:var(--cut);position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:16px;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--tone) 7%,transparent),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 45%,transparent)}
.pg-facts b{display:flex;align-items:center;gap:8px;font:900 clamp(24px,2.4vw,32px)/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:color-mix(in srgb,var(--tone) 55%,#fff)}
.pg-facts b svg{width:.8em;height:.8em}
.pg-facts span{font-size:13.5px;color:var(--fg-2)}

/* ---------- bento: cards that each sell one thing, a picture on top ---------- */
.pg-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pg-card{--tone:var(--cut);display:flex;flex-direction:column;min-width:0;border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);color:inherit;text-decoration:none;transition:transform 300ms var(--ease),box-shadow 200ms ease}
a.pg-card{cursor:pointer}
@media (hover:hover){a.pg-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--hair-3),0 24px 40px -26px rgba(0,0,0,.9)}a.pg-card:hover .pg-go{gap:9px}}
.pg-card.w2{grid-column:span 2}.pg-card.w3{grid-column:span 3}.pg-card.w4{grid-column:span 4}.pg-card.w6{grid-column:span 6}
.pg-art{position:relative;height:clamp(190px,17vw,236px);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--hair);background:radial-gradient(90% 100% at 50% 0%,color-mix(in srgb,var(--tone) 11%,transparent),transparent 72%),#111110}
.pg-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px 18px}
.pg-txt h3{font-size:17px;font-weight:650;letter-spacing:-.01em}
.pg-txt p{font-size:14px;line-height:1.5;color:var(--fg-2)}
.pg-txt p a{color:var(--ti)}
.pg-go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--tone) 60%,#fff);transition:gap 200ms var(--ease)}
.pg-go svg{width:14px;height:14px}
.a-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
/* the pictures */
.a-room.ft-grid{border-radius:0}
.a-lvl{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:0 26px}
.a-lvl .hud-bar i{width:82%}
.a-xp{position:absolute;right:22px;top:26px;padding:7px 11px;border-radius:10px;background:linear-gradient(180deg,#FFF7EE,#EFE0CC);color:var(--ink);font:900 16px/1 var(--f-display);font-stretch:112%;box-shadow:0 4px 0 #B7A38A,0 14px 24px -10px rgba(0,0,0,.7);transform:rotate(6deg)}
.a-stamp{display:grid;place-items:center}
.dcards.one{grid-template-columns:minmax(0,1fr);width:132px;--card-h:170px;--dn:46px}
.dcards.one .dcard{border-radius:14px;box-shadow:0 24px 40px -16px rgba(0,0,0,.9)}
.big-stamp{position:absolute;left:50%;top:54%;padding:7px 11px;border:2.5px solid #EFFFF6;border-radius:6px;background:rgba(47,138,102,.86);color:#EFFFF6;font:800 17px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 12px 26px -10px rgba(0,0,0,.8)}
.a-heat{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:0 24px}
.a-heat .big-n{font-size:56px}
.a-heat .heat-row{grid-template-columns:repeat(21,minmax(0,1fr))}
.a-cstk{display:grid;place-items:center}
.a-post{display:flex;align-items:center;padding:0 22px}
.mini-post{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;width:100%;padding:14px;border-radius:16px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2)}
.mini-post b{display:flex;align-items:center;font-size:14px}
.mini-post>div>span{display:block;margin:2px 0 10px;font-size:13.5px;color:var(--ti)}
.a-match{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 24px}
.a-match .pm-who .pav{box-shadow:0 0 0 2px #111110}
.a-match .pm-who .pav+.pav{margin-left:-10px}
.a-match .pm-bars i{height:13px}
.a-match .pm-n{font-size:46px}
.a-dm{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 22px}
.dm-b{max-width:82%;padding:9px 12px;border-radius:16px;font-size:13.5px;line-height:1.35}
.dm-b.in{align-self:flex-start;background:var(--raised-2);border-bottom-left-radius:5px}
.dm-b.out{align-self:flex-end;background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;font-weight:550;border-bottom-right-radius:5px}
.a-job{display:flex;align-items:center;padding:0 22px}
.a-job .ps-job{width:100%;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--tone) 6%,#0F0F0E);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 30%,transparent)}
.a-book{display:grid;place-items:center;padding:0 22px}
.bk{display:flex;flex-direction:column;gap:7px;width:100%;max-width:280px}
.bk-h{display:flex;align-items:center;gap:8px;margin-bottom:3px;font-size:13.5px;color:var(--fg-2)}
.bk-h svg{width:16px;height:16px;color:#8FE3BB}
.bk-h b{color:var(--ti)}
.bk-s{display:flex;align-items:center;justify-content:center;height:38px;border-radius:10px;font:600 14px/1 var(--f-mono);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2)}
.bk-s.on{background:#2FBF7A;color:#06140D;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.a-lock2{display:grid;place-items:center}
.big-lock{display:grid;place-items:center;width:96px;height:96px;margin-top:-18px;border-radius:28px;background:linear-gradient(180deg,#2A2927,#151514);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px var(--hair-2),0 24px 40px -18px rgba(0,0,0,.9)}
.big-lock svg{width:46px;height:46px;stroke-width:1.5}
.a-invite{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 22px}
.inv{display:flex;align-items:center;gap:6px;height:48px;padding:0 6px 0 14px;border-radius:13px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-3),0 0 0 4px rgba(76,141,240,.14)}
.inv-f{color:var(--fg-3)}
.inv-t{flex:1;font-size:15px}
.inv-t::after{content:"";display:inline-block;width:1.5px;height:17px;margin-left:2px;vertical-align:-3px;background:#4C8DF0;animation:caret 1.1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.inv-b{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:#4C8DF0;color:#fff;font-size:14px;font-weight:650}
.inv-l{display:flex;align-items:center;gap:8px;font:500 12.5px/1 var(--f-mono);color:var(--fg-2)}
.inv-l svg{width:15px;height:15px;color:#9CC0FF}
.a-who{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 22px}
.who-b{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 8px;border-radius:12px;background:color-mix(in srgb,var(--pc) 18%,#121211);box-shadow:inset 3px 0 0 var(--pc),inset 0 0 0 1px color-mix(in srgb,var(--pc) 40%,transparent)}
.who-b b{font-size:14px}
.who-b>span:last-child{margin-left:auto;font:500 12px/1 var(--f-mono);color:var(--fg-2)}
.a-uses{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:0 22px}
.a-uses span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--hair-2);font-size:13.5px;font-weight:550}
.a-uses span:nth-child(3n+1){background:color-mix(in srgb,var(--tone) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 50%,transparent)}
.a-bal{display:grid;place-items:center}
.tbal{display:inline-flex;align-items:center;gap:10px;height:56px;margin-top:-16px;padding:0 10px 0 8px;border-radius:16px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 1px 0 rgba(255,255,255,.08),0 26px 40px -20px rgba(0,0,0,.9),0 0 40px -10px rgba(47,191,122,.35)}
.tbal-i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(180deg,#FFE27A,#E0A400);color:#3A2A00}
.tbal-i svg{width:20px;height:20px}
.tbal b{font:800 24px/1 var(--f-display);font-stretch:100%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.tbal em{padding:6px 8px;border-radius:9px;background:rgba(47,191,122,.16);color:#8FE3BB;font:700 13px/1 var(--f-mono);font-style:normal}
.a-chart{display:flex;flex-direction:column;justify-content:flex-end;padding:22px 0 0;color:#2FBF7A}
.ch-n{position:absolute;left:22px;top:22px;display:flex;flex-direction:column;gap:6px}
.ch-n b{font:900 34px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:var(--ti)}
.ch-n span{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.ch-sp{display:block;height:58%}
.ch-sp .sp{width:100%;height:100%;display:block}
.a-pings{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 18px}
.a-pings .pbx-p{position:static;width:100%;transform:none}
.a-cur{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:8px;padding:0 22px}
.a-cur span{display:grid;place-items:center;height:48px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--hair-2);font:800 16px/1 var(--f-display);font-stretch:112%;letter-spacing:.04em}
.a-cur span:nth-child(3){background:color-mix(in srgb,var(--tone) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent);color:#FFE27A}
.a-links{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 18px}
.lk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--hair)}
.lk-row b{font-size:13.5px}
.lk-row span{grid-row:2;font:500 11.5px/1 var(--f-mono);color:var(--fg-3)}
.lk-row.off{opacity:.55}
.sw{grid-row:1/3;grid-column:2;position:relative;width:34px;height:20px;border-radius:99px;background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--hair-2)}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--fg-2);transition:transform 200ms var(--ease)}
.sw.on{background:#2FBF7A}
.sw.on::after{transform:translateX(14px);background:#fff}
.a-where{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 20px}
.a-where .fp-h{font-size:15px}
.w-t{margin-top:4px;font-size:14.5px;line-height:1.4}
.a-where .sd-who{padding:12px;border-radius:14px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2)}
.a-brandb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.bb{width:96px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}
.bb .bigbadge{width:100%;height:auto;display:block}
.bb-n{display:flex;flex-direction:column;align-items:center;gap:3px}
.bb-n b{display:flex;align-items:center;font-size:16px}
.bb-n span{font:500 11.5px/1 var(--f-mono);color:var(--fg-3)}
.a-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;padding:0 20px}
.mk{display:flex;align-items:center;gap:8px;height:46px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--hair)}
.mk b{display:flex;align-items:center;font-size:13.5px;white-space:nowrap}
.a-team{display:flex;align-items:center;justify-content:center}
.a-team .ps-team{align-items:center}
.a-paid{display:grid;place-items:center}
.a-find{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.fd-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border-radius:20px;background:color-mix(in srgb,var(--tone) 22%,#151514);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent),0 0 40px -6px color-mix(in srgb,var(--tone) 60%,transparent);color:color-mix(in srgb,var(--tone) 55%,#fff)}
.fd-ic svg{width:30px;height:30px}
.a-find b{font:900 20px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.a-find span:not(.fd-ic){font:500 12px/1 var(--f-mono);color:var(--fg-3)}

/* ---------- how it works ---------- */
.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:none}
.pg-steps li{--tone:var(--cut);position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 18px 20px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 12%,#171716),#131312 60%);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 50%,transparent)}
.stp-n{font:900 48px/.9 var(--f-display);font-stretch:125%;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--tone) 75%,#fff);letter-spacing:-.02em}
.pg-steps b{font-size:16.5px;font-weight:650}
.pg-steps p{font-size:14px;line-height:1.5;color:var(--fg-2)}
.pg-steps p a{color:var(--ti)}

/* ---------- the plan strip: who gets it, from what price, with the live campaign ---------- */
.pls{--tone:var(--cut);position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center;gap:20px 28px;padding:clamp(20px,2.4vw,30px);border-radius:24px;overflow:hidden;isolation:isolate;background:radial-gradient(70% 140% at 0% 0%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 62%),linear-gradient(180deg,#1C1C1A,#121211);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 28%,transparent),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 55%,transparent),0 40px 80px -50px color-mix(in srgb,var(--tone) 60%,transparent)}
.pls-k{font:800 11.5px/1 var(--f-display);font-stretch:112%;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--tone) 60%,#fff)}
.pls-h{margin-top:8px;font:900 clamp(26px,2.8vw,38px)/.95 var(--f-display);font-stretch:100%;letter-spacing:-.01em;text-transform:uppercase}
.pls-l p{margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--fg-2);max-width:52ch}
.pls-chips{display:flex;flex-wrap:wrap;gap:8px}
.pls-c{display:inline-flex;align-items:center;gap:2px;height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--hair-2);font-size:14px;font-weight:600;white-space:nowrap}
.pls-c .seal{width:15px;height:15px}
.pls-c em{margin-left:8px;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.08);font:700 11px/1 var(--f-mono);font-style:normal;color:var(--ti)}
.pls-c.dim{color:var(--fg-3)}
.pls-c.on{background:color-mix(in srgb,var(--tone) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 60%,transparent)}
.pls-c.on em{background:var(--tone);color:#06140D}
.pls-r{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:200px}
.pls-r .btn{justify-content:center}
.pls-sale{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:9px;background:#FF2E63;color:#fff;font:600 12px/1 var(--f-ui);white-space:nowrap}
.pls-sale[hidden]{display:none}
.pls-sale b{font-weight:800;font-variant-numeric:tabular-nums}

/* a two-column split: words on one side, the thing on the other */
.pg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px)}
.pg-split-t p{margin-top:12px;font-size:16px;line-height:1.55;color:var(--fg-2);max-width:56ch}
.pg-split-t .h2{margin-top:10px}
.pg-ticks{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding:0;list-style:none}
.pg-ticks li{position:relative;padding-left:26px;font-size:15px;line-height:1.45;color:var(--ti)}
.pg-ticks li::before{content:"";position:absolute;left:3px;top:.32em;width:10px;height:6px;border-left:2px solid #5BC293;border-bottom:2px solid #5BC293;transform:rotate(-45deg)}
.pg-ticks b{font-weight:650}
.pg-split-a .board{min-height:0}

/* ---------- home: "new in Cutline" ---------- */
.news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nw{--tone:var(--cut);display:flex;flex-direction:column;min-width:0;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 45%,transparent);color:inherit;text-decoration:none;transition:transform 300ms var(--ease),box-shadow 200ms ease}
@media (hover:hover){.nw:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--hair-3),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 60%,transparent),0 30px 50px -30px rgba(0,0,0,.85)}.nw:hover .nw-go{gap:9px}}
.nw-art{position:relative;display:grid;place-items:center;height:clamp(220px,20vw,270px);overflow:hidden;isolation:isolate;background:radial-gradient(80% 100% at 50% 0%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 70%),#0F0F0E;border-bottom:1px solid var(--hair)}
.nw-t{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px 18px 18px}
.nw-t>b{font:900 21px/1.05 var(--f-display);font-stretch:100%;text-transform:uppercase}
.nw-t>span{font-size:14px;line-height:1.5;color:var(--fg-2)}
.nw-go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;font-style:normal;color:color-mix(in srgb,var(--tone) 60%,#fff);transition:gap 200ms var(--ease)}
.nw-go svg{width:14px;height:14px}
.nw-medal{background:radial-gradient(60% 80% at 50% 40%,rgba(47,191,122,.16),transparent 70%),#0C120F}
.nw-pro{position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);font:900 clamp(110px,11vw,150px)/.8 var(--f-display);font-stretch:125%;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px rgba(91,227,164,.35)}
.nw-m{width:clamp(120px,11vw,150px);--th:10px;--face:-22deg;--tilt:10deg;--rz:-6deg}

/* stacked calendars: yours in front with a lock, shared ones behind */
.cstk{position:relative;width:min(100%,340px);height:200px}
.ck{position:absolute;left:8%;right:8%;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:14px;background:linear-gradient(180deg,#2A2A28,#1A1A18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06),0 -12px 26px -12px rgba(0,0,0,.85)}
.ck.k3{top:0;transform:scale(.84);transform-origin:50% 0;filter:brightness(.55)}
.ck.k2{top:26px;transform:scale(.92);transform-origin:50% 0;filter:brightness(.75)}
.ck.k1{top:56px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.18),0 24px 40px -14px rgba(0,0,0,.95)}
.ck-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ck-h b{font-size:13.5px;font-weight:650}
.ck-h .pavs .pav{box-shadow:0 0 0 2px #222220}
.ck-h .pavs .pav+.pav{margin-left:-6px}
.ck-l{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.07);font:600 10.5px/1 var(--f-mono);letter-spacing:.04em;color:var(--fg-2)}
.ck-l svg{width:11px;height:11px}
.ck-w{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:92px}
.ck-w span{display:flex}
.ck-w u{position:relative;flex:1;border-radius:5px;background:rgba(255,255,255,.035);text-decoration:none}
.ck-w i{position:absolute;left:2px;right:2px;border-radius:3px;background:var(--pc);box-shadow:0 0 10px -3px var(--pc)}

/* the balance box from the app, with payments landing */
.pbx{position:relative;width:min(100%,330px);height:210px;text-align:left}
.pbx-0{position:absolute;right:-4px;bottom:-18px;z-index:-1;font:900 120px/.8 var(--f-display);font-stretch:125%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(91,227,164,.3)}
.pbx-0 small{font-size:.5em}
.pbx-bal{position:absolute;left:50%;top:10px;display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 9px 0 7px;border-radius:15px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 1px 0 rgba(255,255,255,.08),0 22px 34px -16px rgba(0,0,0,.9),0 0 34px -8px rgba(47,191,122,.4);transform:translateX(-50%);white-space:nowrap}
.pbx-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#FFE27A,#E0A400);color:#3A2A00}
.pbx-ic svg{width:18px;height:18px}
.pbx-amt{display:flex;flex-direction:column;gap:3px}
.pbx-amt small{font:600 9px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.pbx-amt b{font:800 20px/1 var(--f-display);font-stretch:100%;font-variant-numeric:tabular-nums}
.pbx-up{padding:5px 7px;border-radius:8px;background:rgba(47,191,122,.16);color:#8FE3BB;font:700 12px/1 var(--f-mono);font-style:normal}
.pbx-p{position:absolute;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:86%;padding:10px 12px 10px 10px;border-radius:14px;background:linear-gradient(180deg,#252523,#191918);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.07),0 18px 30px -14px rgba(0,0,0,.9)}
.pbx-p>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2FBF7A;color:#06140D}
.pbx-p>i svg{width:15px;height:15px;stroke-width:2.4}
.pbx-p b{display:block;font-size:13.5px;font-weight:650}
.pbx-p span{display:block;margin-top:2px;font-size:12px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbx-p>em{font:500 11px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.pbx-p.p1{left:2%;top:78px;transform:rotate(-2deg)}
.pbx-p.p2{right:2%;top:142px;transform:rotate(1.5deg);filter:brightness(.82)}

/* product tiles: the new pictures */
.pv-shared{padding:12px 14px 0;background:radial-gradient(90% 90% at 50% 0%,rgba(76,141,240,.11),transparent 70%),#121211}
.psh-c{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:100%}
.psh-c span{display:flex;flex-direction:column;gap:4px;min-width:0}
.psh-c em{font:600 9px/1 var(--f-mono);font-style:normal;text-align:center;color:var(--fg-3)}
.psh-c u{position:relative;flex:1;min-height:70px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.035);text-decoration:none}
.psh-c i{position:absolute;left:2px;right:2px;border-radius:3px;background:var(--pc);box-shadow:0 0 10px -2px var(--pc)}
.psh-who{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 4px;border-radius:999px;background:rgba(17,17,16,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:12px}
.psh-who .pav{box-shadow:0 0 0 2px #151514}.psh-who .pav+.pav{margin-left:-6px}
.psh-lock{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:rgba(17,17,16,.88);font:600 10px/1 var(--f-mono);color:var(--fg-2)}
.psh-lock svg{width:11px;height:11px}
.pv-paid{display:grid;place-items:center;background:radial-gradient(90% 90% at 50% 0%,rgba(47,191,122,.12),transparent 70%),#111110}
.pd-bal{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 7px 0 5px;border-radius:11px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2),0 14px 24px -12px rgba(0,0,0,.9)}
.pd-bal>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(180deg,#FFE27A,#E0A400);color:#3A2A00}
.pd-bal>i svg{width:14px;height:14px}
.pd-bal b{font:800 16px/1 var(--f-display);font-stretch:100%}
.pd-bal em{padding:4px 5px;border-radius:6px;background:rgba(47,191,122,.16);color:#8FE3BB;font:700 10px/1 var(--f-mono);font-style:normal}
.pd-note{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:7px;padding:6px 9px 6px 6px;border-radius:10px;background:rgba(17,17,16,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pd-note>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2FBF7A;color:#06140D}
.pd-note>i svg{width:11px;height:11px;stroke-width:2.6}
.pd-note b{display:block;font-size:11.5px}
.pd-note small{display:block;font-size:10px;color:var(--fg-3)}
.pd-0{position:absolute;right:8px;top:4px;font:900 40px/1 var(--f-display);font-stretch:125%;color:transparent;-webkit-text-stroke:1.4px rgba(91,227,164,.6)}
.pd-0 small{font-size:.55em}
.pv-brandx{background:radial-gradient(70% 100% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#111110}
.pv-brandx .tb .medal{perspective:420px}
.tb.b1{left:6%;bottom:-6%;width:86px;--th:7px;--face:30deg;--tilt:14deg;--rz:-12deg}
.tb.b2{left:40%;top:12%;width:70px;--th:6px;--face:-8deg;--tilt:8deg;--rz:6deg}
.tb.b3{right:6%;top:30%;width:62px;--th:5px;--face:-30deg;--tilt:30deg;--rz:24deg}
.pv-arena .pa-n{letter-spacing:-.04em}

/* ---------- the Arena: daily drops ---------- */
.a-word{--ac:#B4362E}
.aw{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:900 31cqmin/.85 var(--f-display);font-stretch:125%;letter-spacing:-.03em;color:var(--ac);-webkit-text-stroke:max(3px,1.3cqmin) #FFF7EE;paint-order:stroke fill;white-space:nowrap;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.aw-s{position:absolute;left:0;right:0;bottom:0;text-align:center;font:600 max(9px,3.6cqmin)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.a-lock{--ac:#141413}
.a-lock::before{background-image:radial-gradient(circle at 1px 1px,rgba(236,234,229,.1) 1px,transparent 1.3px);background-size:14px 14px}
.a-lock::after{display:none}
.lk-q{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:900 56cqmin/.8 var(--f-display);font-stretch:125%;color:transparent;-webkit-text-stroke:max(2px,.9cqmin) rgba(236,234,229,.55);animation:lkq 3.2s ease-in-out infinite}
@keyframes lkq{50%{-webkit-text-stroke-color:rgba(255,154,98,.85);filter:drop-shadow(0 0 18px rgba(226,123,64,.45))}}
.lk-s{position:absolute;left:0;right:0;bottom:0;text-align:center;font:600 max(9px,3.6cqmin)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.drop-lock .cr-tag svg{width:13px;height:13px}
.lk-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,90,78,.16);color:#FF8A80}
.lk-ic svg{width:15px;height:15px}
.drop-lock .cr-by span b{display:inline;font:600 13px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:#fff}
.drop.past .cr-tag{color:var(--fg-2)}
.cr-done{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;background:rgba(91,194,147,.16);color:#8FE3BB;font-size:12.5px;font-weight:650}
.cr-done svg{width:13px;height:13px;stroke-width:2.4}
/* the Arena tile on the home page: three cards, done, today, secret */
.dk3{position:absolute;right:18px;top:32%;display:flex;gap:6px}
.dk-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:62px;border-radius:9px;background:rgba(17,17,16,.86);color:var(--ti);box-shadow:0 10px 18px -8px rgba(0,0,0,.6);font:700 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.dk-c svg{width:16px;height:16px;color:#8FE3BB;stroke-width:2.4}
.dk-c.k2{background:#FFF7EE;color:var(--ink);transform:translateY(-4px) rotate(3deg)}
.dk-c.k2 .ldot{width:7px;height:7px}
.dk-c.k3{background:transparent;border:1.5px dashed rgba(23,19,10,.55);color:var(--ink);box-shadow:none}
.dk-c.k3 b{font:900 22px/1 var(--f-display)}
/* the Arena page: today's card in the banner, tomorrow's locked */
.bn-side.dh{bottom:auto;top:50%;transform:translateY(-50%)}
.dh-card{position:relative;isolation:isolate;width:clamp(190px,18vw,250px);aspect-ratio:3/4;border-radius:22px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.1)}
.left .dh-card{transform:perspective(900px) rotateY(16deg) rotate(-3deg)}
.right .dh-card{transform:perspective(900px) rotateY(-16deg) rotate(3deg)}
.dh-card>.art{z-index:-1}
.td-art{position:absolute;inset:0;z-index:-1}
.td-a{position:absolute;inset:0;isolation:isolate}
.td-a[hidden]{display:none}
.td-a .art{z-index:0}
.td-l .art-in{inset:9% 18% 12%}
.pg-today{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(14px,1.6vw,20px);border-radius:26px;background:radial-gradient(60% 100% at 0% 50%,rgba(255,90,78,.08),transparent 70%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 rgba(255,90,78,.4)}
.td-l{position:relative;isolation:isolate;aspect-ratio:4/3;border-radius:20px;overflow:hidden}
.td-k{display:flex;align-items:center;gap:8px;color:#FF8A80}
.td-k b{color:var(--ti)}
.td-h{margin-top:12px;font:900 clamp(38px,4.6vw,64px)/.9 var(--f-display);font-stretch:100%;letter-spacing:-.015em;text-transform:uppercase}
.td-r>p{margin-top:14px;font-size:16px;line-height:1.55;color:var(--fg-2);max-width:48ch}
.td-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none}
.td-meta li{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--hair)}
.td-meta b{font:900 20px/1 var(--f-display);font-stretch:100%;font-variant-numeric:tabular-nums}
.td-meta span{font-size:12.5px;color:var(--fg-3)}
.td-r .bn-acts{justify-content:flex-start;margin-top:22px}
.wdrops{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.wdp{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;padding:14px 14px 16px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);min-width:0}
.wdp-d{font:800 13px/1 var(--f-display);font-stretch:112%;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.wdp-ic{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%}
.wdp-ic svg{width:13px;height:13px;stroke-width:2.4}
.wdp>b{margin-top:auto;font:900 19px/1 var(--f-display);font-stretch:100%;text-transform:uppercase;overflow-wrap:anywhere}
.wdp>em{font:500 11px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.wdp.done .wdp-ic{background:rgba(91,194,147,.16);color:#8FE3BB}
.wdp.done>b{color:var(--fg-2)}
.wdp.live{background:radial-gradient(100% 80% at 50% 0%,rgba(255,90,78,.13),transparent 70%),#1A1312;box-shadow:inset 0 0 0 1.5px rgba(255,110,100,.7);transform:translateY(-4px)}
.wdp.live .wdp-d,.wdp.live>em{color:#FF9A90}
.wdp.live .wdp-ic .ldot{width:8px;height:8px}
.wdp.lock{background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px),#121211;box-shadow:inset 0 0 0 1px var(--hair)}
.wdp.lock .wdp-ic{background:rgba(255,255,255,.06);color:var(--fg-3)}
.wdp.lock>b{color:transparent;-webkit-text-stroke:1px var(--hair-3)}

/* ---------- get paid: fees, the calculator ---------- */
.fees{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fee{--tone:#8A877F;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px 18px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 14%,#171716),#131312 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 26%,transparent),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 50%,transparent)}
.fee-p{display:flex;align-items:center;font:900 16px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.fee-p .seal{width:.9em;height:.9em}
.fee>b{margin-top:8px;font:900 clamp(56px,5.6vw,78px)/.85 var(--f-display);font-stretch:100%;letter-spacing:-.04em}
.fee>b small{font-size:.5em;letter-spacing:0}
.fee>span{font-size:13px;color:var(--fg-2)}
.fee>em:last-child{margin-top:8px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.06);font:600 12px/1 var(--f-mono);font-style:normal;color:var(--fg-2)}
.fee.hi{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 70%,transparent)}
.fee.hi>b{background:linear-gradient(180deg,#B8FFD9,#2FBF7A);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(47,191,122,.4))}
.hot{display:inline-block;padding:4px 7px;border-radius:5px;background:#2FBF7A;color:#06140D;font:900 10.5px/1 var(--f-display);font-stretch:112%;font-style:italic;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.fee>.hot,.lim>.hot,.bw>.hot{position:absolute;top:14px;right:14px}
.feecalc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);padding:clamp(20px,2.6vw,32px)}
.fc-l .h3{margin-top:10px}
.fc-in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-top:22px}
.fc-in>span{font-size:14px;color:var(--fg-2)}
.fc-in>b{font:900 34px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fc-in input{flex-basis:100%;width:100%;height:32px;margin:6px 0 0;accent-color:#2FBF7A;cursor:pointer}
.fc-note{margin-top:12px;font-size:13px;line-height:1.5;color:var(--fg-3)}
.fc-r{display:flex;flex-direction:column;justify-content:center;gap:8px}
.fc-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;height:60px;padding:0 16px;border-radius:14px;overflow:hidden;isolation:isolate;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--hair)}
.fc-row::before{content:"";position:absolute;left:0;top:0;bottom:0;z-index:-1;width:var(--w,0%);background:rgba(255,255,255,.05);transition:width 300ms var(--ease)}
.fc-row>span{font-size:15px;font-weight:650}
.fc-row>span i{margin-left:6px;font:500 12px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.fc-row>b{font:900 24px/1 var(--f-display);font-stretch:100%;font-variant-numeric:tabular-nums}
.fc-row>em{min-width:72px;text-align:right;font-style:normal}
.fc-row.best{background:rgba(47,191,122,.1);box-shadow:inset 0 0 0 1.5px rgba(47,191,122,.6)}
.fc-row.best::before{background:rgba(47,191,122,.16)}
.fc-row.best>b{color:#8FE3BB}
.fc-be{margin-top:6px;font-size:14px;color:var(--fg-2)}
.fc-be b{color:var(--ti)}
/* get paid: the banner's sides */
.bn-side.pd-side{bottom:auto;top:50%;transform:translateY(-50%)}
.pd-side .pbx{width:clamp(250px,24vw,330px)}
.paylink{text-align:left;display:flex;flex-direction:column;gap:8px;width:clamp(220px,21vw,280px);padding:18px;border-radius:20px;background:linear-gradient(180deg,#F6F4F0,#E6E2DA);color:var(--ink);box-shadow:0 40px 70px -30px rgba(0,0,0,.95);transform:perspective(900px) rotateY(-14deg) rotate(3deg)}
.pl-k2{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(23,19,10,.6)}
.pl-k2 svg{width:13px;height:13px}
.paylink>b{font-size:17px;font-weight:700}
.pl-amt{font:900 38px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em}
.pl-url{padding:8px 10px;border-radius:9px;background:rgba(23,19,10,.07);font:500 11.5px/1 var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-sent{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#17794B}
.pl-sent svg{width:14px;height:14px;stroke-width:2.4}

/* ---------- shared calendars ---------- */
.bn-side.dc{bottom:auto;top:50%;transform:translateY(-50%)}
.dc-card{display:flex;flex-direction:column;gap:10px;width:clamp(230px,22vw,300px);padding:14px;border-radius:20px;background:linear-gradient(180deg,#232321,#161615);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07),0 40px 70px -30px rgba(0,0,0,.95)}
.left .dc-card{transform:perspective(900px) rotateY(16deg) rotate(-2deg)}
.right .dc-card{transform:perspective(900px) rotateY(-16deg) rotate(2deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(76,141,240,.4),0 40px 70px -30px rgba(76,141,240,.5)}
.dc-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dc-h b{font-size:15px}
.dc-h .pavs .pav{box-shadow:0 0 0 2px #1E1E1C}.dc-h .pavs .pav+.pav{margin-left:-6px}
.dc-card .wk.mini .wd-b{height:118px}
.caldemo{display:flex;flex-direction:column;gap:14px;padding:clamp(14px,1.8vw,22px)}
.cd-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.cd-tabs::-webkit-scrollbar{display:none}
.cd-tabs button{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:11px;font-size:14px;font-weight:600;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2);transition:background-color 160ms ease,color 160ms ease,transform 140ms var(--ease)}
.cd-tabs button:active{transform:scale(.97)}
.cd-tabs button svg{width:14px;height:14px}
.cd-tabs button[aria-selected="true"]{background:var(--ti);color:#0F0F0E;box-shadow:none}
.cd-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:rgba(255,255,255,.08);font:700 11px/1 var(--f-mono)}
.cd-tabs button[aria-selected="true"] .cd-n{background:rgba(0,0,0,.1)}
.cd-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.cd-head>b{font:900 22px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.cd-head>span{font-size:14px;color:var(--fg-2)}
.cd-leg{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.cd-leg span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;background:color-mix(in srgb,var(--pc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 50%,transparent);font-size:12.5px;font-weight:600}
.caldemo .wk.big .wd-b{height:380px}
.lims{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.lim{--tone:#8A877F;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px 18px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 14%,#171716),#131312 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 26%,transparent),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 50%,transparent)}
.lim-p{display:flex;align-items:center;font:900 16px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.lim-p .seal{width:.9em;height:.9em}
.lim>b{margin-top:8px;font:900 clamp(56px,5.6vw,78px)/.85 var(--f-display);font-stretch:100%;letter-spacing:-.04em}
.lim>span:not(.lim-p){font-size:13px;color:var(--fg-2);min-height:2.6em}
.lim>.btn,.lim>.btn3d{margin-top:8px;width:100%}
.lim.hi{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 70%,transparent)}
.lim.hi>b{background:linear-gradient(180deg,#B8FFD9,#2FBF7A);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- badges ---------- */
.bwall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bw{--tone:var(--cut);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 18px 18px;border-radius:22px;overflow:hidden;background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 70%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 50%,transparent);color:inherit;text-decoration:none;transition:transform 300ms var(--ease),box-shadow 200ms ease}
@media (hover:hover){a.bw:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 50%,transparent),0 30px 50px -30px rgba(0,0,0,.85)}}
.bw-m{align-self:center;width:min(130px,72%);margin:8px 0 18px;--th:9px;--face:-18deg;--tilt:8deg}
.bw-k{font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--tone) 60%,#fff)}
.bw>b{display:flex;align-items:center;font:900 22px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.bw>b .seal{width:.8em;height:.8em}
.bw>p{font-size:13.5px;line-height:1.5;color:var(--fg-2)}
.bw-p{display:flex;align-items:baseline;gap:4px;margin-top:auto;padding-top:8px;font-size:13px;color:var(--fg-2)}
.bw-p>b{font:900 26px/1 var(--f-display);font-stretch:100%;color:var(--ti)}
.bw-p .dz{margin-left:6px}
.bw.hi{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 70%,transparent)}
.bw.off{opacity:.85}
.bw.off .bw-p{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
/* the ladder: four steps up, from Verified to your logo */
.podium.p4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-bottom:0}
.podium.p4 .block{position:relative;border-radius:12px 12px 4px 4px}
.podium.p4 .l1 .block{min-height:118px}.podium.p4 .l2 .block{min-height:146px}.podium.p4 .l3 .block{min-height:174px}.podium.p4 .l4 .block{min-height:204px}
.podium.p4 .trophy{width:min(96px,74%)}
.podium.p4 .l4 .trophy{width:min(120px,84%)}
.podium.p4 .l1 .medal{--face:22deg}.podium.p4 .l2 .medal{--face:10deg}.podium.p4 .l3 .medal{--face:-10deg}.podium.p4 .l4 .medal{--face:-20deg}
.podium.p4 .l2 .block{box-shadow:inset 0 2px 0 #2FBF7A,inset 1px 0 0 var(--hair),inset -1px 0 0 var(--hair)}
.podium.p4 .l4 .block{background:linear-gradient(180deg,#2C2B28,#1B1B19);box-shadow:inset 0 2px 0 var(--cut),inset 1px 0 0 var(--hair),inset -1px 0 0 var(--hair)}
.podium.p4 .place{font-size:30px}
.pd-new{position:absolute;top:-9px;right:8px;padding:3px 6px;border-radius:5px;background:#2FBF7A;color:#06140D;font:900 9.5px/1 var(--f-display);font-stretch:112%;font-style:italic;text-transform:uppercase}
.official span{line-height:1.4}

/* ---------- pricing: Pro, the sale, the table ---------- */
.p-pro{--pc:#2FBF7A;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 55%,transparent),inset 0 2px 0 color-mix(in srgb,var(--pc) 80%,transparent)}
.pl-btn.green{background:linear-gradient(180deg,#7BF0B6,#2FBF7A);color:#06140D;box-shadow:0 4px 0 #17794B,0 12px 24px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.pl-btn.green:active{box-shadow:0 1px 0 #17794B,inset 0 1px 0 rgba(255,255,255,.5)}
.dz.sale[hidden]{display:none}
.pl-sale{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin-bottom:12px;padding:12px 16px;border-radius:16px;background:linear-gradient(90deg,var(--sa,#FF2E63),var(--sb,#FF7A3D));color:#fff;text-align:center}
.pl-sale[hidden]{display:none}
.pl-sale-k{padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.26);font:900 11px/1 var(--f-display);font-stretch:112%;font-style:italic;letter-spacing:.04em;text-transform:uppercase}
.pl-sale>b{font:900 17px/1.1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.pl-sale-sub{font-size:13.5px;opacity:.88}
.pl-sale-cd{font:600 13px/1 var(--f-mono)}
.pl-sale-cd b{font-variant-numeric:tabular-nums}
.pl-list .tg{margin-left:6px}
.hero-price .bill{margin-top:30px}
.hero-price .bn-side.medals{--S:clamp(150px,14vw,210px)}
.hero-price .bn-side.left .medal{--face:24deg}.hero-price .bn-side.right .medal{--face:-24deg}
.pr-plans{padding-top:16px}
.cmp-x{overflow-x:auto;border-radius:20px;box-shadow:inset 0 0 0 1px var(--hair);background:var(--panel);scrollbar-width:thin}
.cmp-t{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.cmp-t th,.cmp-t td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--hair)}
.cmp-t thead th{position:sticky;top:0;padding:16px 14px;background:#1A1A18;font:900 15px/1 var(--f-display);font-stretch:100%;text-transform:uppercase;white-space:nowrap}
.cmp-t thead th .seal{width:.9em;height:.9em}
.cmp-t tbody th{text-align:left;font-weight:500;color:var(--ti)}
.cmp-t td{color:var(--fg-2)}
.cmp-t td:nth-child(4),.cmp-t thead th:nth-child(4){background:rgba(47,191,122,.07)}
.cmp-t thead th:nth-child(4){box-shadow:inset 0 2px 0 #2FBF7A;color:#8FE3BB}
.cmp-t .pr td{font:800 16px/1.2 var(--f-display);font-stretch:100%;color:var(--ti)}
.cmp-t .grp th{padding:18px 14px 8px;font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);border-bottom:0}
.cmp-t td.y{color:var(--ti)}
.cmp-t td.y::before{content:"";display:inline-block;width:9px;height:5px;margin-right:8px;vertical-align:.18em;border-left:1.8px solid #5BC293;border-bottom:1.8px solid #5BC293;transform:rotate(-45deg)}
.cmp-t td.n{color:var(--fg-3)}
.cmp-t td.g{color:#8FE3BB;font-weight:800}
.cmp-t .fee-r td{font:800 15px/1 var(--f-display);font-stretch:100%;color:var(--ti)}
.cmp-t .fee-r td.g{color:#8FE3BB}
.cmp-t tbody tr:last-child>*{border-bottom:0}
.whichp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wp{--tone:var(--cut);display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 12%,#171716),#131312 60%);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1.5px 0 color-mix(in srgb,var(--tone) 50%,transparent);color:inherit;text-decoration:none;transition:transform 300ms var(--ease)}
@media (hover:hover){.wp:hover{transform:translateY(-2px)}}
.wp>b{display:flex;align-items:center;font:900 19px/1 var(--f-display);font-stretch:100%;text-transform:uppercase}
.wp>b .seal{width:.85em;height:.85em}
.wp>span{font-size:13.5px;line-height:1.5;color:var(--fg-2)}
.wp.hi{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 65%,transparent)}

/* ---------- week match, proof of work ---------- */
.mbig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(20px,2.6vw,32px)}
.mb-l p{margin-top:12px;font-size:15.5px;line-height:1.55;color:var(--fg-2)}
.mb-l .h3{margin-top:10px}
.mb-r{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:20px;background:radial-gradient(80% 100% at 50% 0%,rgba(76,141,240,.2),transparent 70%),#0F0F0E;box-shadow:inset 0 0 0 1px var(--hair-2)}
.mb-who{display:flex;align-items:center;gap:10px}
.mb-x{font:900 22px/1 var(--f-display);color:var(--fg-3)}
.mb-n{margin-left:auto;font:900 64px/.85 var(--f-display);font-stretch:100%;letter-spacing:-.04em;background:linear-gradient(180deg,#CFE0FF,#4C8DF0);-webkit-background-clip:text;background-clip:text;color:transparent}
.mb-n small{font-size:.45em}
.mb-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.mb-row>span{display:none}
.mb-r .pm-bars{gap:6px}
.mb-r .pm-bars i{height:18px;border-radius:3px}
.mb-tags{display:flex;flex-wrap:wrap;gap:6px}
.mb-tags em{padding:6px 9px;border-radius:8px;background:rgba(76,141,240,.14);box-shadow:inset 0 0 0 1px rgba(76,141,240,.35);color:#AFC9F6;font-size:12.5px;font-style:normal}
.bn-side.rcp-side{bottom:auto;top:50%;transform:translateY(-50%)}
.rc-paper.big{width:clamp(200px,18vw,240px);font-size:11.5px;box-shadow:0 40px 70px -30px rgba(0,0,0,.95)}
.left .rc-paper.big{transform:perspective(900px) rotateY(14deg) rotate(-4deg)}
.right .rc-paper.big{transform:perspective(900px) rotateY(-14deg) rotate(4deg)}
.rcpt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3vw,48px);align-items:center;padding:clamp(20px,2.6vw,36px)}
.rcpt-paper{display:grid;place-items:center;padding:20px;border-radius:20px;background:radial-gradient(70% 90% at 50% 0%,rgba(91,194,147,.08),transparent 70%),#0F0F0E}
.rcpt-paper .rc-paper{width:min(100%,280px);transform:rotate(-2deg)}
.rcpt-t .h3{margin-top:10px}
.rcpt-l{display:flex;flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;counter-reset:r}
.rcpt-l li{position:relative;display:flex;flex-direction:column;gap:3px;padding-left:40px;counter-increment:r}
.rcpt-l li::before{content:counter(r);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bone);color:var(--paper-ink);font:800 12px/1 var(--f-mono)}
.rcpt-l b{font-size:15.5px}
.rcpt-l span{font-size:14px;line-height:1.5;color:var(--fg-2)}

/* ---------- more in Cutline, the footer ---------- */
.pg-more .products{grid-template-columns:repeat(4,minmax(0,1fr))}
.foot .wrap{display:block}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.foot nav.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 26px;font-size:14px}
.foot-cols h2{margin-bottom:12px;font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.foot-cols ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.foot-cols a{color:var(--fg-2);text-decoration:none}
@media (hover:hover){.foot-cols a:hover{color:var(--ti)}}

/* ---------- home tweaks ---------- */
.big250{letter-spacing:-.05em}

/* ---------- responsive ---------- */
.plans{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1279px){
  .plans{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fees,.lims,.bwall,.whichp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wdrops{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1180px){
  .pg-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-card.w2,.pg-card.w3{grid-column:span 1}.pg-card.w4,.pg-card.w6{grid-column:span 2}
  .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pls-r{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .pg-split,.pg-today,.feecalc,.mbig,.rcpt{grid-template-columns:minmax(0,1fr)}
  .news{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-more .products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bn-side.dh,.bn-side.dc,.bn-side.pd-side,.bn-side.rcp-side{transform:translateY(-50%) scale(.82)}
  .bn-side.dh.left,.bn-side.dc.left,.bn-side.pd-side.left,.bn-side.rcp-side.left{left:-2%;transform-origin:left center}
  .bn-side.dh.right,.bn-side.dc.right,.bn-side.pd-side.right,.bn-side.rcp-side.right{right:-2%;transform-origin:right center}
}
@media (max-width:900px){
  .sb-sub{display:none}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fees,.lims,.bwall,.whichp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pls{grid-template-columns:minmax(0,1fr)}
  .news{grid-template-columns:minmax(0,1fr)}
  .pg-more .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot nav.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wdrops{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 8px}
  .wdp{scroll-snap-align:start}
}
@media (max-width:640px){
  .plans,.pg-bento,.pg-steps,.whichp,.pg-more .products{grid-template-columns:minmax(0,1fr)}
  .pg-card.w2,.pg-card.w3,.pg-card.w4,.pg-card.w6{grid-column:auto}
  .fees,.lims,.bwall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fee>b,.lim>b{font-size:50px}
  .td-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .td-meta li:last-child{grid-column:1/-1}
  .wdrops{grid-auto-columns:62%}
  .bn-acts{margin-top:28px;width:100%}
  .bn-acts .btn3d,.bn-acts .btn.ghost{flex:1 1 100%}
  .bn-cd{flex:1 1 100%;justify-content:center}
  .dk3{display:none}
  .ft-box>.wg-live{top:86px}
  .pls-r{flex-direction:column;align-items:stretch}
  .podium.p4{gap:3px}.podium.p4 .place{font-size:20px}.podium.p4 .block strong{font-size:13px}.podium.p4 .block .price{font-size:17px}.podium.p4 .block .for{display:none}
  .podium.p4 .l1 .block{min-height:96px}.podium.p4 .l2 .block{min-height:112px}.podium.p4 .l3 .block{min-height:128px}.podium.p4 .l4 .block{min-height:146px}
  .fc-row{height:56px;padding:0 12px;gap:8px}.fc-row>b{font-size:20px}.fc-row>em{min-width:0}
  .caldemo .wk.big .wd-b{height:260px}
  .cd-leg{margin-left:0}
  .sbar{height:36px}
  .sb-in{justify-content:flex-start;gap:8px;padding:0 40px 0 12px;font-size:12.5px}
  .sb-sub,.sb-cd{display:none}
  .sb-in>b{font-size:13px;overflow:hidden;text-overflow:ellipsis}
  .sb-in em{display:none}
  .sb-go{margin-left:auto;flex:none}
  html.has-sale .explore-top{padding-top:calc(62px + 14px + 36px)}
  html.has-sale .pg-top{padding-top:calc(66px + 16px + 36px)}
}

/* ---------- Budget, 7-day passes, streaks (flat panels, a hairline and a 2px top accent, no glow) ---------- */
.bbx{--w:300px;width:var(--w);display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:16px;background:#171716;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 2px 0 #E8B923,0 24px 48px -24px rgba(0,0,0,.8);text-align:left}
.bbx.big{--w:100%;padding:22px;gap:12px}
.bbx-h{display:flex;flex-direction:column;gap:6px;padding-bottom:6px}
.bbx-k{display:flex;align-items:center;gap:6px;font:600 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.bbx-k svg{width:13px;height:13px}
.bbx-h>b{font:900 34px/1 var(--f-display);font-stretch:112%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.bbx.big .bbx-h>b{font-size:clamp(40px,4.6vw,56px)}
.bbx-h small{font-size:12.5px;color:var(--fg-2)}.bbx-h small b{color:var(--ti);font-weight:600}
.bbx-bar{height:6px;border-radius:3px;background:rgba(236,234,229,.08);overflow:hidden}
.bbx-bar i{display:block;height:100%;width:calc(var(--p) * 100%);border-radius:3px;background:#E8B923}
.bbx-r{display:grid;grid-template-columns:8px minmax(0,1fr) 70px auto;align-items:center;gap:10px;font-size:13px}
.bbx-r>i{width:8px;height:8px;border-radius:2px;background:var(--cc)}
.bbx-r>span{color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbx-r u{display:block;height:4px;border-radius:2px;background:rgba(236,234,229,.07);text-decoration:none;overflow:hidden}
.bbx-r u em{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--cc);opacity:.8}
.bbx-r>b{font:600 12.5px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.bbx.big .bbx-r{grid-template-columns:8px minmax(0,1fr) minmax(0,1.4fr) auto;font-size:14px;padding:6px 0;border-top:1px solid var(--hair)}

.spb{position:relative;width:250px;display:flex;flex-direction:column;gap:10px}
.spb-b{--pc:#5BC293;margin-left:calc(var(--x) * 18px);display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--pc) 72%,#111);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 14px 28px -16px rgba(0,0,0,.9);text-align:left}
.spb-b b{font-size:14px;color:#fff}
.spb-b span{font:500 11.5px/1 var(--f-mono);color:rgba(255,255,255,.82)}
.hero-bud .bn-side{bottom:auto;top:50%;transform:translateY(-50%)}
.hero-bud .bn-side.left{left:4%}.hero-bud .bn-side.right{right:4%}
.pv-budget{display:grid;place-items:center;padding:14px;background:#111110}
.pv-budget .spb{width:190px;gap:6px}.pv-budget .spb-b{padding:6px 9px;margin-left:calc(var(--x) * 10px)}.pv-budget .spb-b b{font-size:12px}.pv-budget .spb-b span{font-size:10px}
.nw-art .bbx{--w:min(300px,86%)}

.bud-demo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.bud-pts,.pss-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bud-pts li,.pss-pts li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.bud-pts b,.pss-pts b{font-size:15px}.bud-pts span,.pss-pts span{font-size:14px;line-height:1.5;color:var(--fg-2)}
.a-fam{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 22px}
.a-biz{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 22px}
.biz{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-radius:12px;background:#121211;box-shadow:inset 0 0 0 1px var(--hair-2)}
.biz span{font-size:13px;color:var(--fg-2)}.biz b{font:600 16px/1 var(--f-mono)}
.biz.in{box-shadow:inset 0 0 0 1px rgba(47,191,122,.35)}.biz.in b{color:#4BD394}
.a-cats{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:0 22px}
.a-cats span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:9px;background:#121211;box-shadow:inset 0 0 0 1px var(--hair-2);font:500 12.5px/1 var(--f-mono)}
.a-cats span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cc)}

/* pricing: the promo strip and the tabs, like Higgsfield's /pricing banner and modal tabs */
.pr-promo-w{margin-top:14px}
.pr-promo{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:14px 18px;border-radius:14px;background:#14201A;box-shadow:inset 0 0 0 1px rgba(47,191,122,.3);color:inherit;text-decoration:none;transition:box-shadow 200ms ease}
.prp-k{display:inline-flex;align-items:center;gap:6px;font:600 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#4BD394}
.prp-k svg{width:13px;height:13px}
.pr-promo>b{font:900 17px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.prp-s{font-size:13.5px;color:var(--fg-2);min-width:0}
.prp-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;transition:gap 200ms var(--ease)}
.prp-go svg{width:13px;height:13px}
@media (hover:hover){.pr-promo:hover{box-shadow:inset 0 0 0 1px rgba(47,191,122,.55)}.pr-promo:hover .prp-go{gap:9px}}
.pr-tabs{position:sticky;top:76px;z-index:20;display:flex;width:fit-content;gap:2px;margin-top:18px;padding:3px;border-radius:11px;background:rgba(22,22,21,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--hair-2)}
.pr-tabs a{padding:8px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--fg-2);text-decoration:none;white-space:nowrap;transition:background 150ms ease,color 150ms ease}
.pr-tabs a[aria-current="true"]{background:var(--ti);color:#111}
@media (hover:hover){.pr-tabs a:not([aria-current="true"]):hover{color:var(--ti)}}
html.has-sale .pr-tabs{top:calc(76px + 40px)}
.pr-sec{scroll-margin-top:140px}

.pss-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:stretch}
.pss{--pc:#8A877F;position:relative;display:flex;flex-direction:column;gap:16px;padding:22px 20px 20px;border-radius:22px;background:#171716;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 2px 0 var(--pc)}
.pss.hi{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 45%,transparent),inset 0 2px 0 var(--pc)}
.pss>.hot{position:absolute;top:18px;right:18px}
.pss-t{display:flex;flex-direction:column;gap:8px}
.pss-k{font:600 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.pss h3{margin:0;display:flex;align-items:center;gap:6px;font:900 26px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.pss-p{display:flex;align-items:baseline;gap:8px}.pss-p b{font:900 46px/1 var(--f-display);font-stretch:112%}.pss-p span{font-size:13px;color:var(--fg-2)}
.pss .pl-list{flex:1}
.pss-how{display:flex;flex-direction:column;gap:12px}
.ptk{--pc:#2FBF7A;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:18px 20px 16px;border-radius:16px;background:#EDEBE6;color:#141412;box-shadow:inset 0 3px 0 var(--pc),0 24px 48px -26px rgba(0,0,0,.9);overflow:hidden;text-align:left}
.ptk::before,.ptk::after{content:"";position:absolute;right:86px;width:16px;height:16px;border-radius:50%;background:var(--bg)}
.ptk::before{top:-8px}.ptk::after{bottom:-8px}
.ptk-l{display:flex;flex-direction:column;gap:5px;min-width:0}
.ptk-k{font:700 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#6B6860}
.ptk-l>b{display:flex;align-items:center;gap:6px;font:900 24px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.ptk-d{font:600 12px/1 var(--f-mono);color:#3A3833}
.ptk-n{font-size:12px;color:#5A5850}
.ptk-r{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:16px;border-left:1.5px dashed rgba(20,20,18,.22)}
.ptk-r b{font:900 34px/1 var(--f-display);font-stretch:112%}.ptk-r span{font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#6B6860}
.ptk-bc{grid-column:1/-1;display:block;height:22px;opacity:.85}.ptk-bc svg{width:150px;height:22px}
.nw-art .ptk{width:min(320px,86%)}

.fzs{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:#171716;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 2px 0 #4C8DF0;text-align:left}
.fzs-h{display:flex;align-items:baseline;gap:8px}.fzs-h b{font:900 40px/1 var(--f-display);font-stretch:112%}.fzs-h span{font-size:13px;color:var(--fg-2)}
.fzs-w{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.fzs-w>span{display:flex;flex-direction:column;align-items:center;gap:6px}
.fzs-w em{font:600 10px/1 var(--f-mono);font-style:normal;color:var(--fg-3)}
.fzs-w i{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:9px;background:rgba(236,234,229,.06);box-shadow:inset 0 0 0 1px var(--hair)}
.fzs-w i svg{width:15px;height:15px}
.fz-d i{background:#E27B40;color:#1A0E06;box-shadow:none}
.fz-f i{background:#1B2A44;color:#8EB6FF;box-shadow:inset 0 0 0 1px rgba(76,141,240,.55)}
.fz-t i{box-shadow:inset 0 0 0 1.5px var(--hair-3)}
.fzs-n{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-2)}.fzs-n svg{width:13px;height:13px;color:#8EB6FF;flex:none}
.nw-art .fzs{width:min(320px,86%)}

.frz-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:start}
.frz-l{display:flex;flex-direction:column;gap:12px}
.frz-l .fzs{width:100%}
.frz-inc{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.frz-k{font:600 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.frz-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.frz-tiers>span{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:10px;background:#121211;box-shadow:inset 0 0 0 1px var(--hair);font-size:12px;color:var(--fg-2)}
.frz-tiers b{font:900 24px/1 var(--f-display);color:var(--ti)}.frz-tiers small{font-size:11px;color:var(--fg-3);margin-top:-4px}
.frz-inc p{margin:0;font-size:13px;color:var(--fg-3)}
.pks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:8px 12px;padding:18px;border-radius:18px;background:#171716;box-shadow:inset 0 0 0 1px var(--hair-2)}
.pk.hi{box-shadow:inset 0 0 0 1px rgba(47,191,122,.45),inset 0 2px 0 #2FBF7A}
.pk>.hot,.pk>.bv{position:absolute;top:16px;right:16px}
.pk-n{grid-column:1/-1;display:flex;align-items:baseline;gap:7px;font-size:13px;color:var(--fg-2)}.pk-n b{font:900 34px/1 var(--f-display);font-stretch:112%;color:var(--ti)}
.pk-e{grid-column:1/-1;font:500 12px/1 var(--f-mono);color:var(--fg-3)}.pk-e i{font-style:normal;color:#4BD394}
.pk-p{display:flex;align-items:baseline;gap:8px}.pk-p s{font-size:14px;color:var(--fg-3)}.pk-p b{font:900 26px/1 var(--f-display)}
.pk .btn,.pk .btn3d{align-self:end}

.rwd{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.rwd-i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#121211;box-shadow:inset 0 0 0 1px var(--hair-2);color:#E8B923}.rwd-i svg{width:20px;height:20px}
.rwd-t{display:flex;flex-direction:column;gap:4px}.rwd-t b{font-size:15.5px}.rwd-t span{font-size:14px;color:var(--fg-2)}

@media (max-width:1180px){
  .pss-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pss-how{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .frz-wrap,.bud-demo{grid-template-columns:minmax(0,1fr)}
  .hero-bud .bn-side{transform:translateY(-50%) scale(.8)}.hero-bud .bn-side.left{left:-1%;transform-origin:left center}.hero-bud .bn-side.right{right:-1%;transform-origin:right center}
  .news{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .pr-promo{grid-template-columns:minmax(0,1fr) auto}.pr-promo>b{grid-column:1/-1;order:-1}.prp-s{grid-column:1/-1}
  .news{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pss-grid,.pss-how,.pks{grid-template-columns:minmax(0,1fr)}
  .frz-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rwd{grid-template-columns:auto minmax(0,1fr)}.rwd .btn{grid-column:1/-1}
  .pr-tabs{top:68px;width:100%}.pr-tabs a{flex:1;text-align:center;padding:8px 6px;font-size:12.5px}
  .bbx-r{grid-template-columns:8px minmax(0,1fr) auto}.bbx-r u{display:none}
  .bbx.big .bbx-r{grid-template-columns:8px minmax(0,1fr) auto}
}

/* home: free tools, comparisons, guides (plain links, the way a reference shelf looks) */
.hx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:22px}
.hx h3{margin:0 0 10px;font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.hx ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.hx li a{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px solid var(--hair);color:inherit;text-decoration:none}
.hx li b{font-weight:600;font-size:15px;color:var(--ti)}
.hx li span{font-size:13.5px;color:var(--fg-3)}
@media (hover:hover){.hx li a:hover b{color:var(--cut)}}
@media (max-width:800px){.hx-g{grid-template-columns:1fr;gap:22px}}
/* ---------- the Arena challenge card on the home page (as in the app) ---------- */
.chb{width:100%;max-width:300px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#1C1B19,#161615);box-shadow:inset 0 0 0 1px rgba(226,123,64,.35),0 16px 36px -24px rgba(226,123,64,.6);text-align:left}
.chb-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.chb-t span{font:700 9.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#F2A06E}
.chb-t em{font:700 10.5px/1 var(--mono,ui-monospace,monospace);font-style:normal;color:#F1B90E;padding:3px 5px;border-radius:4px;background:rgba(241,185,14,.1)}
.chb>b{display:block;font:900 15px/1.1 var(--display,"Archivo",sans-serif);font-stretch:110%;text-transform:uppercase;color:#ECEAE5}
.chb-bar{position:relative;height:5px;margin:10px 0 6px;border-radius:3px;background:rgba(236,234,229,.07);overflow:hidden}
.chb-bar i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:linear-gradient(90deg,#B85D2D,#F08A4F);box-shadow:0 0 10px rgba(240,138,79,.6)}
.chb-n{font:500 11px/1 var(--mono,ui-monospace,monospace);color:#706D67}
.chb-n b{color:#ECEAE5}
.chb-vs{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(236,234,229,.08);font-size:12px;color:#A6A39D}
.chb-vs b{color:#ECEAE5;margin-left:4px}
.chb-vs i{font:900 10px/1 var(--display,"Archivo",sans-serif);font-style:normal;color:#706D67;letter-spacing:.08em}
/* ---------- the Proof of work card (as the app draws it) ---------- */
.pwc{position:relative;width:300px;aspect-ratio:1;display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:22px;background:radial-gradient(70% 50% at 15% 10%,rgba(226,123,64,.16),transparent 70%),linear-gradient(180deg,#191816,#0F0F0E);box-shadow:inset 0 0 0 1px rgba(242,240,235,.1),0 30px 60px -30px rgba(0,0,0,.8);color:#F2F0EB;text-align:left;font-size:10px}
.pwc.big{width:min(420px,100%)}
.pwc-h{display:flex;align-items:center;gap:7px}
.pwc-m{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#E27B40;color:#fff}
.pwc-m svg{width:11px;height:11px}
.pwc-h>b{font:900 12px/1 var(--f-display,"Archivo",sans-serif);font-stretch:118%;letter-spacing:.04em}
.pwc-w{margin-left:auto;text-align:right;font:600 7.5px/1.35 var(--mono,ui-monospace,monospace);color:rgba(242,240,235,.5)}
.pwc-id{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px}
.pwc-id em{font:600 7.5px/1 var(--mono,ui-monospace,monospace);font-style:normal;color:#F2A06E;padding:3px 5px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(226,123,64,.5);background:rgba(226,123,64,.12)}
.pwc-n{display:flex;align-items:flex-end;justify-content:space-between}
.pwc-n>b{font:900 54px/.9 var(--f-display,"Archivo",sans-serif);font-stretch:118%;letter-spacing:-.02em}
.pwc-n small{font-size:.42em;color:#E27B40;margin-left:2px}
.pwc-s{display:grid;grid-template-columns:auto auto;gap:1px 5px;align-items:baseline;font:600 7px/1.3 var(--mono,ui-monospace,monospace);color:rgba(242,240,235,.4);text-transform:uppercase}
.pwc-s b{font:900 13px/1 var(--f-display,"Archivo",sans-serif);color:#F2F0EB;text-align:right}
.pwc-g{display:flex;flex-direction:column;gap:2px}
.pwc-r{display:grid;grid-template-columns:8px repeat(24,1fr);gap:2px;align-items:center}
.pwc-r em{font:600 6px/1 var(--mono,ui-monospace,monospace);font-style:normal;color:rgba(242,240,235,.38)}
.pwc-r i{aspect-ratio:1;border-radius:2px;background:rgba(242,240,235,.055)}
.pwc-r i.l2{background:rgba(226,123,64,.5)}.pwc-r i.l3{background:rgba(226,123,64,.75)}.pwc-r i.l4{background:#F08A4F;box-shadow:0 0 6px rgba(255,138,74,.45)}
.pwc-l{margin:2px 0 0;padding-left:8px;border-left:2px solid #E27B40;font-size:9.5px;line-height:1.4;font-weight:500}
.pwc-f{display:flex;justify-content:space-between;margin-top:auto;padding-top:7px;border-top:1px solid rgba(242,240,235,.08);font:600 6.5px/1 var(--mono,ui-monospace,monospace);color:rgba(242,240,235,.42)}
.pwc.big{gap:12px;padding:24px;font-size:12px}
.pwc.big .pwc-n>b{font-size:76px}.pwc.big .pwc-l{font-size:12.5px}.pwc.big .pwc-w,.pwc.big .pwc-f{font-size:9px}.pwc.big .pwc-id{font-size:15px}.pwc.big .pwc-s{font-size:8.5px}.pwc.big .pwc-s b{font-size:17px}.pwc.big .pwc-r em{font-size:8px}.pwc.big .pwc-r{grid-template-columns:11px repeat(24,1fr);gap:3px}.pwc.big .pwc-g{gap:3px}
@media (max-width:720px){.rcp-side .pwc{display:none}}
.rcp-side .pwc{zoom:.74;opacity:.92}
@media (max-width:1180px){.rcp-side .pwc{display:none}}

/* ---------- the premium layer (2026-10-22): one quiet, expensive language over everything ----------
   Buttons have a face, bold black type and a hard edge you press into: no glow, no soft coloured shadow.
   Labels are engraved: mono, uppercase, a hairline. Banners carry the file number and the Cutline seal, the
   detail that comes back on every page. Urgency comes from a running clock, not from neon. */

/* buttons */
.btn3d{background:linear-gradient(180deg,#F08A4B,#DE6528);color:#120703;font:800 16px/1 var(--f-ui);letter-spacing:-.01em;filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(0,0,0,.08),0 4px 0 #893510,0 5px 0 rgba(0,0,0,.5)}
.btn3d:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 #893510,0 1px 0 rgba(0,0,0,.5)}
@media (hover:hover){.btn3d:hover{filter:none;background:linear-gradient(180deg,#F5955A,#E36D30)}}
.btn3d.bone,.pl-btn.white{background:linear-gradient(180deg,#F5F3EE,#DAD7CF);color:#0B0B0A;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(0,0,0,.06),0 4px 0 #8A867C,0 5px 0 rgba(0,0,0,.5)}
.pl-btn.white:active,.btn3d.bone:active{box-shadow:inset 0 1px 0 #fff,0 0 0 #8A867C,0 1px 0 rgba(0,0,0,.5)}
.pl-btn.green{background:linear-gradient(180deg,#48D291,#25AB6B);color:#03130A;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 4px 0 #11663E,0 5px 0 rgba(0,0,0,.5)}
.pl-btn.green:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 0 #11663E,0 1px 0 rgba(0,0,0,.5)}
.pl-btn.orange{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #893510,0 5px 0 rgba(0,0,0,.5)}
.pl-btn.yellow{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 0 #8A6500,0 5px 0 rgba(0,0,0,.5)}
.pl-btn.titanium{box-shadow:inset 0 1px 0 #fff,0 4px 0 #57544F,0 5px 0 rgba(0,0,0,.5)}
.pl-btn{font-weight:800}
.nbtn.solid{background:linear-gradient(180deg,#F08A4B,#DE6528);color:#120703;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 #893510,0 4px 0 rgba(0,0,0,.45)}
.nbtn.solid:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 #893510}
.nbtn.ghost{background:transparent;color:var(--ti);box-shadow:inset 0 0 0 1px var(--hair-3)}
.bn-acts .btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--hair-3)}

/* engraved labels */
.bn-pill,.bn-pill.glass,.bn-pill.gold,.bn-pill.green,.bn-pill.live{height:28px;padding:0 12px;gap:8px;background:rgba(236,234,229,.035);box-shadow:inset 0 0 0 1px var(--hair-3);color:var(--ti);font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase}
.bn-pill svg{width:13px;height:13px;color:var(--cut)}
.bn-pill.green svg{color:#5BC293}.bn-pill.gold svg{color:#E8B923}.bn-pill.live{color:#FF9A90}
.bn-pill.sale{height:28px;background:transparent;color:var(--sx,#FF5A3C);box-shadow:inset 0 0 0 1px currentColor;font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.bn-pill.sale b{color:var(--ti)}
.nt,.nt.green{height:17px;padding:0 5px;border-radius:4px;background:none;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-3);font:600 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.nt.green{color:#5BC293;box-shadow:inset 0 0 0 1px rgba(91,194,147,.45)}
.nt.live{background:none;color:#FF8A80;box-shadow:inset 0 0 0 1px rgba(255,90,78,.45)}
.nhang{background:#0D0D0C;color:var(--sx,#FF5A3C);box-shadow:inset 0 0 0 1px currentColor;font:700 9px/1 var(--f-mono);letter-spacing:.06em}
.hot,.bill em,.dz,.bv,.oc{border-radius:4px;font:700 9.5px/1 var(--f-mono)!important;font-style:normal!important;letter-spacing:.12em;text-transform:uppercase;padding:4px 6px}
.hot{background:#ECEAE5;color:#0B0B0A}
.bill em,.dz{background:none;color:#4BD394;box-shadow:inset 0 0 0 1px rgba(75,211,148,.5)}
.bv{background:none;color:var(--ti);box-shadow:inset 0 0 0 1px var(--hair-3)}
.oc{background:none;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-3)}
.dz.sale{color:var(--sx,#FF5A3C);box-shadow:inset 0 0 0 1px currentColor}

/* the sale bar: dark, one accent line, the clock in the accent */
.sbar{background:#121211;color:var(--ti);box-shadow:inset 0 -1px 0 var(--hair-2),inset 0 2px 0 var(--sx,#FF5A3C)}
.sb-in{color:var(--ti)}
.sb-in em{background:none;color:var(--sx,#FF5A3C);box-shadow:inset 0 0 0 1px currentColor;font:700 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.14em}
.sb-in>b{font:800 14px/1 var(--f-ui);text-transform:none;letter-spacing:-.005em}
.sb-cd b,.sb-in [data-sale-left]{color:var(--sx,#FF5A3C)}

/* chapters: the home page reads as numbered files, each in its own colour */
.chap{--c:var(--cut);display:flex;align-items:center;gap:14px;margin:clamp(56px,7vw,96px) 0 18px}
.chap-n{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,#121211);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),inset 0 2px 0 var(--c);font:900 17px/1 var(--f-display);font-stretch:125%;color:var(--c)}
.chap-t{display:flex;flex-direction:column;gap:5px}
.chap-t b{font:900 clamp(24px,2.8vw,36px)/1 var(--f-display);font-stretch:125%;text-transform:uppercase;letter-spacing:-.005em}
.chap-t span{font-size:14.5px;color:var(--fg-2)}
.chap-r{flex:1;height:1px;margin-left:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 50%,transparent),transparent)}
.chap-k{font:600 10px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3)}
.chap+.banner,.chap+section{margin-top:0}
@media (max-width:640px){.chap{gap:10px}.chap-n{width:38px;height:38px;font-size:14px}.chap-k,.chap-r{display:none}}

/* the index: where you are on a long page (desktop) */
.idx{position:fixed;left:max(10px,calc((100vw - 1400px) / 2 - 150px));top:50%;z-index:30;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transition:opacity 300ms ease}
.idx.on{opacity:1;pointer-events:auto}
.idx a{--c:var(--fg-3);display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;color:var(--fg-3);text-decoration:none;font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;transition:color 150ms ease}
.idx a i{width:8px;height:8px;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--c)}
.idx a[aria-current="true"]{color:var(--ti)}.idx a[aria-current="true"] i{background:var(--c)}
@media (hover:hover){.idx a:hover{color:var(--ti)}}
@media (max-width:1679px){.idx{display:none}}

/* case files (research, method) */
.case{--c:var(--cut);position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:22px;overflow:hidden;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2)}
.case+.case{margin-top:14px}
.case-l{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 28px;background:repeating-linear-gradient(135deg,rgba(236,234,229,.025) 0 1px,transparent 1px 8px),color-mix(in srgb,var(--c) 7%,#161615);border-right:1.5px dashed var(--hair-2)}
.case-k{display:flex;justify-content:space-between;gap:10px;font:600 10px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3)}
.case-k b{color:var(--c);font-weight:600}
.case-n{font:900 clamp(54px,6vw,84px)/.9 var(--f-display);font-stretch:112%;letter-spacing:-.02em;color:var(--ti)}
.case-n small{font-size:.38em;color:var(--fg-2);letter-spacing:0}
.case-u{font-size:14px;line-height:1.5;color:var(--fg-2)}
.case-ref{margin-top:auto;padding-top:14px;border-top:1px solid var(--hair);font:500 11.5px/1.5 var(--f-mono);color:var(--fg-3)}
.case-ref i{font-style:italic}
.case-r{display:flex;flex-direction:column;gap:16px;padding:26px 28px}
.case-r h3{margin:0;font:900 clamp(22px,2.2vw,30px)/1.05 var(--f-display);font-stretch:112%;text-transform:uppercase}
.case-r p{margin:0;font-size:15.5px;line-height:1.6;color:var(--fg-2)}
.case-r p b{color:var(--ti);font-weight:600}
.case-use{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:14px 16px;border-radius:14px;background:#0F0F0E;box-shadow:inset 0 0 0 1px var(--hair)}
.case-use svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--c)}
.case-use span{font-size:14px;line-height:1.5;color:var(--fg-2)}.case-use b{color:var(--ti)}
@media (max-width:900px){.case{grid-template-columns:minmax(0,1fr)}.case-l{border-right:0;border-bottom:1.5px dashed var(--hair-2)}}

/* redacted: what you only see from inside */
.redact{display:inline-block;height:.9em;width:var(--w,6em);vertical-align:-.08em;border-radius:2px;background:repeating-linear-gradient(90deg,#0A0A09 0 8px,#121211 8px 9px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.ranks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.rk{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 14px;border-radius:16px;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2)}
.rk-l{font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3)}
.rk b{font:900 18px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.rk.lock b{color:transparent}
.rk.lock b::before{content:"";display:block;height:16px;width:80%;border-radius:2px;background:repeating-linear-gradient(90deg,#0A0A09 0 8px,#141413 8px 9px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.rk.lock::after{content:"";position:absolute;top:14px;right:12px;width:14px;height:14px;background:no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%236F6D67" stroke-width="1.6" stroke-linecap="round"><rect x="3.2" y="7" width="9.6" height="6.8" rx="1.6"/><path d="M5.4 7V5.2a2.6 2.6 0 0 1 5.2 0V7"/></svg>')}
.rk-n{font:500 12px/1.4 var(--f-mono);color:var(--fg-3)}
@media (max-width:900px){.ranks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.ranks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* methods people run */
.mths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mth{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 2px 0 #ECEAE5;color:inherit;text-decoration:none;transition:transform 300ms var(--ease)}
@media (hover:hover){a.mth:hover{transform:translateY(-3px)}}
.mth-k{display:flex;justify-content:space-between;font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3)}
.mth b{font:900 24px/1 var(--f-display);font-stretch:125%;text-transform:uppercase}
.mth p{margin:0;font-size:14px;line-height:1.5;color:var(--fg-2)}
.mth-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:2px}.mth-bar i{display:block;height:100%;background:var(--c)}
.mth-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font:500 12px/1 var(--f-mono);color:var(--fg-3)}
.mth-f b{font:700 12px/1 var(--f-mono);color:var(--ti)}
.mth.ex::after{content:"Example";position:absolute;bottom:20px;right:20px;font:600 9px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
.mth.ex .mth-f{padding-right:70px}
@media (max-width:900px){.mths{grid-template-columns:minmax(0,1fr)}}

/* the 52-week calculator and the health week */
.calc{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:24px;overflow:hidden;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2)}
.calc-in{display:flex;flex-direction:column;gap:22px;padding:28px;border-right:1px solid var(--hair)}
.calc-f{display:flex;flex-direction:column;gap:10px}
.calc-f>span{display:flex;justify-content:space-between;font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
.calc-f>span b{color:var(--ti);font-weight:600;letter-spacing:.04em}
.calc-f input[type=range]{width:100%;accent-color:var(--cut)}
.calc-f input[type=text]{height:46px;padding:0 14px;border-radius:12px;border:0;background:#0F0F0E;color:var(--ti);font:600 16px/1 var(--f-ui);box-shadow:inset 0 0 0 1px var(--hair-2)}
.calc-out{display:flex;flex-direction:column;gap:18px;padding:28px;background:repeating-linear-gradient(135deg,rgba(236,234,229,.02) 0 1px,transparent 1px 8px)}
.calc-big{font:900 clamp(64px,8vw,112px)/.85 var(--f-display);font-stretch:112%;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.calc-big small{display:block;margin-top:10px;font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3)}
.calc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.calc-row>div{display:flex;flex-direction:column;gap:6px;padding:14px 0}.calc-row>div+div{padding-left:16px;border-left:1px solid var(--hair)}
.calc-row span{font:600 9.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.calc-row b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.calc-line{font-size:15.5px;line-height:1.55;color:var(--fg-2)}.calc-line b{color:var(--ti)}
.calc-wk{display:grid;grid-template-columns:repeat(52,minmax(0,1fr));gap:2px}
.calc-wk i{aspect-ratio:1/2.6;border-radius:2px;background:rgba(236,234,229,.07)}
.calc-wk i.on{background:var(--cut)}
@media (max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}.calc-in{border-right:0;border-bottom:1px solid var(--hair)}}
.hw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}
.hw-in{display:flex;flex-direction:column;gap:8px}
.hw-t{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2);cursor:pointer;text-align:left;transition:box-shadow 150ms ease}
.hw-t[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--c,var(--cut)),inset 4px 0 0 var(--c,var(--cut))}
.hw-t i{flex:none;width:12px;height:12px;border-radius:3px;background:var(--c,var(--cut))}
.hw-t span{display:flex;flex-direction:column;gap:2px}.hw-t b{font-size:15px}.hw-t small{font-size:12.5px;color:var(--fg-3)}
.hw-out{padding:18px;border-radius:20px;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2)}
.hw-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.hw-m{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:#0F0F0E;box-shadow:inset 0 0 0 1px var(--hair)}
.hw-m span{display:flex;justify-content:space-between;font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.hw-m span b{color:var(--ti)}
.hw-m u{display:block;height:6px;border-radius:3px;background:rgba(236,234,229,.08);overflow:hidden;text-decoration:none}.hw-m u i{display:block;height:100%;width:calc(min(var(--p),1) * 100%);background:var(--c,#5BC293);transition:width 300ms var(--ease)}
.hw-m small{font-size:12px;color:var(--fg-3)}
@media (max-width:900px){.hw{grid-template-columns:minmax(0,1fr)}}

/* the big quote (a line that should land) */
.mq{max-width:980px;margin:clamp(56px,7vw,96px) auto;text-align:center}
.mq p{margin:0;font:900 clamp(30px,4vw,56px)/1 var(--f-display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.01em}
.mq p em{font-style:normal;color:var(--cut)}
.mq span{display:block;margin-top:18px;font:600 10.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3)}

/* the dossier card on the method hero */
.dos-side{bottom:auto;top:50%;transform:translateY(-50%)}
.dos{width:clamp(220px,20vw,290px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#EDEBE6;color:#141412;text-align:left;box-shadow:0 30px 60px -30px rgba(0,0,0,.95),inset 0 3px 0 #E27B40;transform:rotate(-3deg)}
.dos-h{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px 10px;border-bottom:1.5px dashed rgba(20,20,18,.25)}
.dos-h span{font:700 9.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#6B6860}.dos-h b{font:900 20px/1 var(--f-display);font-stretch:112%}
.dos-r{display:flex;flex-direction:column;gap:4px;padding:9px 16px;border-bottom:1px solid rgba(20,20,18,.1)}
.dos-r:last-child{border-bottom:0}
.dos-r span{font:600 8.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#7A776E}.dos-r b{font-size:13px;font-weight:700}
.dos-r .redact{background:repeating-linear-gradient(90deg,#141412 0 8px,#2A2925 8px 9px)}
.dos-ok{color:#1F8F56}
@media (max-width:1180px){.hero-method .bn-side{transform:translateY(-50%) scale(.82)}.hero-method .bn-side.left{left:-2%;transform-origin:left center}.hero-method .bn-side.right{right:-2%;transform-origin:right center}}
.hero-method .bn-side.right{bottom:auto;top:50%;transform:translateY(-50%)}
.hero-method .dc-card{width:clamp(220px,20vw,300px)}

/* sources */
.refs{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.6;color:var(--fg-2);max-width:980px}
.refs li::marker{font:600 12px var(--f-mono);color:var(--fg-3)}
.refs i{color:var(--ti)}.refs a{color:var(--cut);word-break:break-all}

/* the method on the home page: four moves, one row */
.mt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:24px;overflow:hidden;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2);color:inherit;text-decoration:none}
.mt-m{--c:var(--cut);position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 22px;border-left:1.5px dashed var(--hair-2);transition:background-color 200ms ease}
.mt-m:first-child{border-left:0}
.mt-m::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c)}
.mt-n{font:600 10px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.mt-m b{font:900 clamp(24px,2.4vw,32px)/1 var(--f-display);font-stretch:125%;text-transform:uppercase}
.mt-m p{margin:0;font-size:14px;line-height:1.5;color:var(--fg-2)}
.mt-s{margin-top:auto;padding-top:14px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:4px}
.mt-s strong{font:900 24px/1 var(--f-display);font-stretch:112%;color:var(--ti)}.mt-s span{font:500 11px/1.4 var(--f-mono);color:var(--fg-3)}
.mt-f{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--hair);background:#101010;font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.mt-f b{display:inline-flex;align-items:center;gap:8px;color:var(--ti)}.mt-f svg{width:14px;height:14px;transition:transform 200ms var(--ease)}
@media (hover:hover){.mt:hover .mt-f svg{transform:translateX(3px)}.mt-m:hover{background:rgba(236,234,229,.02)}}
@media (max-width:1000px){.mt{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-m:nth-child(3){border-left:0}.mt-m:nth-child(n+3){border-top:1.5px dashed var(--hair-2)}}
@media (max-width:560px){.mt{grid-template-columns:minmax(0,1fr)}.mt-m{border-left:0}.mt-m+.mt-m{border-top:1.5px dashed var(--hair-2)}}

.hw .wk.big .wd-b{height:640px}
.hw .wk.big .b{cursor:default}
.pls{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 34%,transparent),inset 0 2px 0 var(--tone)!important}
/* side art in heroes steps back before it can touch the headline */
@media (max-width:1280px){.hero-method .bn-side,.pg-hero .bn-side.dc,.pg-hero .bn-side.dos-side,.hero-bud .bn-side{opacity:.55}}
@media (max-width:1100px){.hero-method .bn-side,.pg-hero .bn-side.dc,.pg-hero .bn-side.dos-side,.hero-bud .bn-side{display:none}}

/* pricing: the monthly price when billed yearly, the price per day, the honest cost of staying on Free */
.pl-day{margin-top:-6px;font:500 11.5px/1.3 var(--f-mono);color:var(--fg-3)}
.plans[data-billing="y"] .pl-day [data-m],.plans[data-billing="m"] .pl-day [data-y]{display:none}
.pl-loss{margin:auto 0 0;padding:12px 14px;border-radius:12px;background:#0F0F0E;box-shadow:inset 0 0 0 1px var(--hair);font-size:12.5px;line-height:1.5;color:var(--fg-2)}
.pl-loss b{color:var(--ti)}
/* pick your path */
.path{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:stretch}
.path-q{display:flex;flex-direction:column;gap:8px}
.path-q button{--c:var(--cut);display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border-radius:14px;background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2);text-align:left;transition:box-shadow 150ms ease,background-color 150ms ease}
.path-q button b{font:900 18px/1 var(--f-display);font-stretch:125%;text-transform:uppercase}.path-q button span{font-size:13px;color:var(--fg-3)}
.path-q button[aria-selected="true"]{background:color-mix(in srgb,var(--c) 9%,#141413);box-shadow:inset 0 0 0 1.5px var(--c),inset 4px 0 0 var(--c)}
@media (hover:hover){.path-q button:hover{background:#181817}}
.path-a{--c:var(--cut);display:flex;flex-direction:column;gap:18px;padding:26px 28px;border-radius:22px;background:repeating-linear-gradient(135deg,rgba(236,234,229,.02) 0 1px,transparent 1px 8px),#141413;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 2px 0 var(--c)}
.path-h{display:flex;flex-direction:column;gap:6px}
.path-k{font:600 10px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.path-h>b{font:900 clamp(34px,4vw,52px)/.9 var(--f-display);font-stretch:125%;text-transform:uppercase}
.path-p{font-size:14px;color:var(--fg-2)}.path-p strong{font-size:22px;color:var(--ti)}
.path-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.path-s li{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 0 12px 22px;border-top:1px solid var(--hair)}
.path-s li::before{content:"";position:absolute;left:3px;top:17px;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--c)}
.path-s li:first-child::before{background:var(--c)}
.path-s span{font:600 10.5px/1.6 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.path-s p{margin:0;font-size:15px;line-height:1.5;color:var(--ti)}
.path-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:22px;font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.trust span{display:inline-flex;align-items:center;gap:7px}.trust svg{width:13px;height:13px;color:var(--fg-2)}
@media (max-width:900px){.path{grid-template-columns:minmax(0,1fr)}.path-q{flex-direction:row;overflow-x:auto;scrollbar-width:none}.path-q button{flex:none;min-width:170px}.path-s li{grid-template-columns:minmax(0,1fr);gap:4px}}

.b .b-f{display:block!important;opacity:1!important}
.wk.big .b>.b-f{position:absolute;inset:0;z-index:0}
.chap{flex-wrap:wrap}
.chap .bill{margin-left:auto}
@media (max-width:760px){.chap .bill{margin-left:0;flex-basis:100%;width:fit-content}}

/* ---------- hero art, shown straight (2026-10-22): real UI, flat, aligned. No tilt, no 3D, no coloured glow, no props ---------- */
.dh-card,.left .dh-card,.right .dh-card,.dc-card,.left .dc-card,.right .dc-card,.left .rc-paper.big,.right .rc-paper.big,.rcpt-paper .rc-paper,.paylink,.pbx-p.p1,.pbx-p.p2,.dos{transform:none!important}
.dc-card,.right .dc-card{background:#141413;box-shadow:inset 0 0 0 1px var(--hair-2),0 30px 60px -32px rgba(0,0,0,.9)!important}
.dh-card,.rc-paper.big{box-shadow:inset 0 0 0 1px var(--hair-2),0 30px 60px -32px rgba(0,0,0,.9)!important}
.pbx-p.p2{filter:none}
.paylink{background:#141413;color:var(--ti);box-shadow:inset 0 0 0 1px var(--hair-2),0 30px 60px -32px rgba(0,0,0,.9);border-radius:16px;gap:10px}
.pl-k2{color:var(--fg-3)}
.paylink>b{font-size:15px;font-weight:600}
.pl-amt{font:600 34px/1 var(--f-ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pl-url{background:#0F0F0E;box-shadow:inset 0 0 0 1px var(--hair);color:var(--fg-2)}
.pl-sent{color:#4BD394}

/* personal plans: four columns. Brand is its own membership */
.plans{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1279px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.plans{grid-template-columns:minmax(0,1fr)}}
.brm{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:24px;padding:clamp(28px,4vw,56px);border-radius:28px;overflow:hidden;
  background:linear-gradient(180deg,#121211,#0A0A09);box-shadow:inset 0 0 0 1px rgba(201,197,189,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.brm::before{content:"";position:absolute;left:clamp(28px,4vw,56px);right:clamp(28px,4vw,56px);top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,229,222,.55),transparent)}
.bm-t{display:flex;flex-direction:column;gap:16px;max-width:620px}
.bm-k{font:600 10.5px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#C9C5BD}
.bm-h{margin:0;font:900 clamp(32px,4.2vw,56px)/.95 var(--f-display);font-stretch:112%;letter-spacing:-.015em;text-transform:uppercase;background:linear-gradient(180deg,#F4F2EE,#A9A59C);-webkit-background-clip:text;background-clip:text;color:transparent}
.bm-s{margin:0;font-size:16px;line-height:1.6;color:var(--fg-2)}
.bm-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.bm-l li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:var(--ti)}
.bm-l li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:#C9C5BD}
.bm-f{display:flex;align-items:center;gap:22px;margin-top:8px;padding-top:20px;border-top:1px solid rgba(201,197,189,.16)}
.bm-p{display:flex;align-items:baseline;gap:8px}.bm-p b{font:600 34px/1 var(--f-ui);letter-spacing:-.03em}.bm-p span{font-size:13px;color:var(--fg-3)}
.bm-art{display:grid;place-items:center;--S:clamp(170px,18vw,250px)}
.bm-slim{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 20px;border-radius:16px;background:linear-gradient(180deg,#121211,#0A0A09);box-shadow:inset 0 0 0 1px rgba(201,197,189,.22);color:inherit;text-decoration:none}
.bm-slim span{font-size:14px;color:var(--fg-2)}.bm-slim b{font:600 10.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#C9C5BD;margin-right:10px}
.bm-slim em{font-style:normal;font-weight:600;color:var(--ti);white-space:nowrap}
@media (max-width:900px){.brm{grid-template-columns:minmax(0,1fr)}.bm-art{display:none}.bm-l{grid-template-columns:minmax(0,1fr)}.bm-slim{flex-direction:column;align-items:flex-start}}
/* flat hero art keeps clear of the headline */
.pg-hero .bn-side.left{left:2.5%}.pg-hero .bn-side.right{right:2.5%}
.dc-card{width:clamp(200px,16vw,245px)}
.pd-side .pbx{width:clamp(220px,18vw,262px)}
.paylink{width:clamp(210px,17vw,256px)}
.pd-side .pbx-0{display:none}
.pd-side .pbx-p{position:relative;left:auto!important;right:auto!important;top:auto!important;margin-top:10px}
.pd-side .pbx{height:auto;display:flex;flex-direction:column}
@media (max-width:1280px){.pg-hero .bn-side.dc,.pg-hero .bn-side.pd-side{opacity:.5}}
@media (max-width:1100px){.pg-hero .bn-side.dc,.pg-hero .bn-side.pd-side{display:none}}
.pd-side .pbx-bal{position:relative;left:auto;top:auto;transform:none;align-self:stretch;justify-content:flex-start}
.pd-side .pbx-p{width:100%}
.dc-card .wk.mini .wd-h{font-size:7.5px;letter-spacing:0}.dc-card .wk.mini .wd-h span{display:none}

/* ---------- banners: one design, each page's own light (round 16) ----------
   The banner stays as it was (the type, the cards, the spotlight from above). Only the light changes colour: the
   spotlight, the rim of the frame and the glow at the top take the colour of the page's product (--bn). */
.banner.tint{background:radial-gradient(55% 85% at 50% -8%,color-mix(in oklab,var(--bn) 42%,#4A4946) 0%,color-mix(in oklab,var(--bn) 18%,#2A2927) 32%,color-mix(in oklab,var(--bn) 6%,#171716) 62%,#0F0F0E 100%);box-shadow:0 40px 90px -50px color-mix(in oklab,var(--bn) 55%,#000)}
.banner.tint::before{background:linear-gradient(180deg,color-mix(in oklab,var(--bn) 55%,rgba(255,255,255,.42)),rgba(255,255,255,.1) 28%,rgba(255,255,255,.04) 60%,color-mix(in oklab,var(--bn) 25%,rgba(255,255,255,.1)))}
.banner.tint::after{background:radial-gradient(closest-side,color-mix(in oklab,var(--bn) 22%,transparent),transparent)}
.banner.tint .bn-side::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-30px;height:60px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--bn) 24%,transparent),transparent)}

/* ---------- the front page (round 16): the mosaic, built up; the claim; the one film ---------- */
.clip.still img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}

/* the Floor and the Arena get a room like the Grid's: colour bands in perspective, the thing itself in front */
.ft-roomx{display:grid;place-items:center;padding:0 5%;background:radial-gradient(70% 70% at 50% 50%,#1D1D1B,#0B0B0A 85%);--ch:clamp(92px,8.4vw,124px)}
.fx-pair{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;align-self:end;width:100%;height:100%}
.fx-pair .vs{zoom:.5;flex:none;margin:0 -10px;padding-bottom:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
.fx-pair .vs.or{transform:rotate(-7deg) translateY(10%);transform-origin:bottom right}
.fx-pair .vs.bl{transform:rotate(7deg) translateY(10%);transform-origin:bottom left}
.fx-pair .vs .vs-week{display:flex}
.fx-match{position:absolute;left:50%;top:22%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 11px 6px;border-radius:12px;transform:translateX(-50%);background:#121211;box-shadow:0 0 0 1px rgba(108,158,240,.55),0 14px 28px -10px rgba(0,0,0,.9);font:600 9px/1.1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap}
.fx-match b{font:900 22px/1 var(--f-display);font-stretch:112%;letter-spacing:-.01em;color:#8FB6F7}
.axw{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%}
.axw .m{display:block;flex:none;width:29%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.65))}
.axw .m2{width:37%;z-index:2;margin:0 -4%}
.axw .m1{transform:rotate(-12deg) translateY(10%)}.axw .m3{transform:rotate(12deg) translateY(10%)}
.chm{display:block;width:100%;height:auto}
.chm-e{font:900 22px/1 var(--f-display);font-stretch:112%;letter-spacing:-.02em}
.chm-s{font:700 5.4px/1 var(--f-mono);letter-spacing:.08em;fill:rgba(255,255,255,.86)}
@media (hover:hover){.ftile:hover .axw .m2{transform:translateY(-4px);transition:transform 300ms var(--ease)}}

/* the claim: your @name, and your profile as it will look, before you sign up */
.promo.claim{justify-content:flex-start;gap:12px;cursor:default}
.promo.claim strong{font-size:clamp(28px,3vw,40px)}
.cl-f{display:flex;align-items:center;width:100%;height:56px;margin-top:6px;padding:0 6px 0 14px;border-radius:14px;background:#FBF9F4;box-shadow:inset 0 0 0 1.5px rgba(23,19,10,.16),0 1px 0 rgba(255,255,255,.7);cursor:text;transition:box-shadow 160ms ease}
.cl-f:focus-within{box-shadow:inset 0 0 0 2px var(--ink),0 1px 0 rgba(255,255,255,.7)}
.cl-u{flex:none;font:500 15px/1 var(--f-mono);color:rgba(23,19,10,.5)}
.cl-f input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;font:600 17px/1 var(--f-mono);color:var(--ink)}
.cl-f input::placeholder{color:rgba(23,19,10,.3)}
.cl-f .btn3d{flex:none;height:42px;padding:0 18px;font-size:15px}
.cl-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;background:#121211;color:var(--ti);box-shadow:0 18px 34px -18px rgba(0,0,0,.6)}
.cl-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#E27B40;font:800 17px/1 var(--f-ui);color:#1B0E06;text-transform:uppercase}
.cl-id{display:flex;flex-direction:column;gap:5px;min-width:0}
.cl-id b{font:650 15px/1 var(--f-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-id em{align-self:flex-start;padding:3px 6px;border-radius:5px;font:700 9px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#E8935F;box-shadow:inset 0 0 0 1px rgba(226,123,64,.55)}
.cl-wk{display:grid;grid-template-columns:repeat(7,10px);gap:3px;height:36px;margin-left:auto}
.cl-wk .l16-c{position:relative;border-radius:3px;background:rgba(236,234,229,.06)}
.cl-wk .l16-c em{display:none}
.cl-wk .l16-c i{position:absolute;left:1px;right:1px;border-radius:2px;background:var(--c)}

/* the tiles next to the claim: proof, status, the offer, money */
.products.home{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
.pv-pwm{display:grid;place-items:center;background:radial-gradient(70% 60% at 30% 20%,rgba(226,123,64,.14),transparent 70%),#0E0E0D}
.pwm{display:flex;flex-direction:column;gap:7px;width:84%}
.pwm-h{display:flex;align-items:baseline;justify-content:space-between}
.pwm-h b{font:900 28px/1 var(--f-display);font-stretch:112%;color:#F2F0EB}
.pwm-h b small{font-size:14px;color:#E27B40;margin-left:1px}
.pwm-h em{font:600 8.5px/1 var(--f-mono);font-style:normal;letter-spacing:.1em;color:var(--fg-3)}
.pwm-g{display:flex;flex-direction:column;gap:2px}
.pwm-g span{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}
.pwm-g i{aspect-ratio:1;border-radius:1.5px;background:rgba(242,240,235,.06)}
.pwm-g i.l2{background:rgba(226,123,64,.45)}.pwm-g i.l3{background:rgba(226,123,64,.72)}.pwm-g i.l4{background:#F08A4F}
.pv-yi{display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px 10px;background:#0C0C0B}
.yim-t{display:flex;align-items:center;gap:8px}
.yim-t b{font:800 16px/1 var(--f-mono);color:#F2F0EB}
.yim-t em{font:700 11px/1 var(--f-mono);font-style:normal;color:#3FD08B}
.yim-t span{margin-left:auto;padding:3px 6px;border-radius:4px;font:600 8.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#3FD08B;box-shadow:inset 0 0 0 1px rgba(63,208,139,.4)}
.yim-c{display:block;width:100%;height:36px;margin:6px 0 4px}
.yim-c .l{fill:none;stroke:#3FD08B;stroke-width:1.8;stroke-linejoin:round}
.yim-c .a{fill:rgba(63,208,139,.1)}
.yim-r{display:flex;align-items:baseline;gap:7px}
.yim-r b{font:850 18px/1 var(--f-display);font-stretch:110%;color:#F2F0EB}
.yim-r b small{font-size:11px;color:var(--fg-2)}
.yim-r i{font-style:normal;font-size:11px;color:var(--fg-3)}
.prod.cta{background:linear-gradient(180deg,#12261B,#0D1A13);box-shadow:inset 0 0 0 1px rgba(91,194,147,.35)}
.pv-trial{display:grid;place-items:center;border-bottom-color:rgba(91,194,147,.2)}
.trt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:70%;padding:10px 14px;border-radius:10px;background:#F2F0EB;color:#0B0B0A;box-shadow:0 14px 26px -12px rgba(0,0,0,.8)}
.trt::before,.trt::after{content:"";position:absolute;right:26%;width:10px;height:10px;border-radius:50%;background:#12261B}
.trt::before{top:-5px}.trt::after{bottom:-5px}
.trt-k{font:600 8.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(11,11,10,.55)}
.trt b{font:900 22px/1 var(--f-display);font-stretch:112%}
.trt-s{font-size:11px;color:rgba(11,11,10,.6)}
.trt-0{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:900 26px/1 var(--f-display);font-stretch:112%;color:#0B0B0A}
.prod.cta .pt b{color:#BFF0D6}
.pt-go{display:inline-flex;align-items:center;height:30px;margin-top:9px;padding:0 12px;border-radius:9px;background:#5BC293;color:#04170C;font:700 13px/1 var(--f-ui)}
@media (hover:hover){.prod.cta:hover .pt-go{background:#74D6A8}}

/* the one film: a heading, one button, three plain facts, then the film (the way Higgsfield's Academy does it) */
.f16-t{display:flex;flex-direction:column;align-items:center;text-align:center}
.f16-k{display:inline-flex;align-items:center;gap:8px;font:650 15px/1 var(--f-ui);color:var(--cut)}
.f16-k svg{width:17px;height:17px}
.f16-h{margin:14px 0 0;font:900 clamp(34px,4.6vw,64px)/.95 var(--f-display);font-stretch:96%;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(180deg,#FFFFFF 15%,#A9A6A0 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.f16-s{max-width:560px;margin:14px 0 0;font-size:clamp(15px,1.4vw,18px);line-height:1.5;color:var(--fg-2)}
.f16-t .btn3d{margin-top:26px}
.f16-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px}
.f16-chips span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:#1A1A18;box-shadow:inset 0 0 0 1px var(--hair-2);font-size:14.5px;font-weight:550;color:var(--ti)}
.f16-chips svg{width:15px;height:15px;color:var(--fg-2)}
.h16-film{position:relative;margin:22px 0 0;border-radius:clamp(14px,2vw,24px);overflow:hidden;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2),0 60px 120px -60px rgba(0,0,0,.95),0 0 80px -30px rgba(226,123,64,.25)}
.h16-film video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}

.cl-u i{font-style:normal}
@media (max-width:980px){.products.home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cl-u i{display:none}.cl-f{height:52px}.cl-f .btn3d{padding:0 14px}.trt{width:84%}.trt-0{font-size:20px;right:10px}.cl-wk{display:none}}

/* ---------- the header and the discount bar, Higgsfield's to the letter (round 16c) ----------
   Higgsfield's measures: a 52 px row, a 32 px mark, 15 px words, 32 px pills; scrolled, the row closes to 46 px and the
   pills to 28 px, and only Pricing keeps its pill, so it is the one thing that stands out. For brands carries our brand
   badge, not their star. */
.nav>.wrap{height:52px;gap:4px;transition:height 220ms var(--ease)}
.nav-logo .tile{width:32px;height:32px;border-radius:8px;transition:width 220ms var(--ease),height 220ms var(--ease)}
.nav-links{margin:0 4px 0 14px}
.nav-links a{height:32px;padding:0 9px;border-radius:8px;font:500 15px/1 var(--f-ui);color:#A3A19C;background:none}
@media (hover:hover){.nav-links a:hover{color:#F2F0EB;background:none}}
.nav-links a[aria-current="page"]{color:#F08A4F;background:none}
.nav-gsep{flex:none;width:1px;height:16px;margin:0 6px;background:#3A3A37}
.nt,.nt.green,.nt.live{height:18px;padding:0 6px;border-radius:5px;background:#262624;color:#9A9892;box-shadow:none;font:500 11px/1 var(--f-ui);letter-spacing:0;text-transform:none}
.nt.live{color:#FF8A80}
.nav-r{gap:6px}
.npill{height:32px;padding:0 11px;gap:7px;border-radius:8px;background:#1E1E1C;box-shadow:none;font:500 15px/1 var(--f-ui);color:#EDEBE6;transition:height 220ms var(--ease),background-color 200ms ease}
.npill svg{width:15px;height:15px;color:#EDEBE6}
.npill-b .seal,.npill-b svg{width:16px;height:16px}
@media (hover:hover){.npill:hover{background:#2A2A27}}
.npill[aria-current="page"]{background:#2A2A27;box-shadow:none}
.nhang{left:50%;bottom:-9px;padding:2px 6px;border-radius:5px;background:#E3175E;color:#fff;box-shadow:none;font:700 10px/1.1 var(--f-ui);letter-spacing:.02em;text-transform:uppercase}
.nsep{width:1px;height:16px;margin:0 4px;background:#3A3A37}
.nbtn{height:32px;padding:0 13px;border-radius:8px;font:500 15px/1 var(--f-ui);transition:height 220ms var(--ease)}
.nbtn.ghost{background:#2A1B10;color:#F08A4F;box-shadow:none}
.nbtn.solid{background:#F08A4F;color:#0B0B0A;font-weight:600;box-shadow:none;filter:none}
.nbtn.solid:active{transform:scale(.97);box-shadow:none}
@media (hover:hover){.nbtn.solid:hover{background:#F69A62;filter:none}.nbtn.ghost:hover{background:#352214;filter:none}}
.nav.solid>.wrap{height:46px}
.nav.solid .nav-logo .tile{width:28px;height:28px}
.nav.solid .npill,.nav.solid .nbtn{height:28px}
.nav.solid .npill-b{background:transparent;color:#A3A19C}
.nav.solid .npill:not(.npill-b){background:#2A2A27}
html.has-sale{scroll-padding-top:104px}
html.has-sale .explore-top{padding-top:calc(52px + 14px + 44px)}
html.has-sale .pg-top{padding-top:calc(52px + 16px + 44px)}
.explore-top{padding-top:calc(52px + 14px)}
.pg-top{padding-top:calc(52px + 16px)}

.sbar{height:44px;background:#F08A4F;color:#0B0B0A;box-shadow:none}
.sbar::before{display:none}
.sb-in{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 56px;color:#0B0B0A;font:500 15.5px/1 var(--f-ui);white-space:nowrap}
.sb-ic{flex:none;width:18px;height:18px;color:#0B0B0A}
.sb-t{overflow:hidden;text-overflow:ellipsis}
.sb-cd{font-weight:500}
.sb-cd b{font-weight:600;font-variant-numeric:tabular-nums;color:#0B0B0A}
.sb-go{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:7px;background:#fff;color:#0B0B0A;font:600 14.5px/1 var(--f-ui);text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);transition:transform 140ms var(--ease)}
.sb-go:active{transform:scale(.97)}
@media (hover:hover){.sb-go:hover{background:#FAF8F4}}
.sb-x{right:14px;width:30px;height:30px;margin-top:-15px;border-radius:8px;color:#0B0B0A;opacity:.9}
.sb-x svg{width:18px;height:18px}
@media (hover:hover){.sb-x:hover{background:rgba(0,0,0,.08);opacity:1}}
@media (max-width:760px){.sbar{height:44px}.sb-in{justify-content:flex-start;gap:10px;padding:0 46px 0 14px;font-size:14px}.sb-cd{display:none}.sb-go{margin-left:auto;height:30px;padding:0 11px;font-size:13.5px}
  html.has-sale .explore-top{padding-top:calc(52px + 14px + 44px)}html.has-sale .pg-top{padding-top:calc(52px + 16px + 44px)}}
.sbar .sb-cd,.sbar .sb-cd b,.sbar [data-sale-left]{font-family:var(--f-ui);color:#0B0B0A}

/* ---------- the hero (round 16c): three rooms, each drawn for what it is ----------
   The room says what it is; under it only its name, small and quiet, with a hairline in the room's colour that
   grows when you point at it. */
.ftile{position:relative}
.ftile>b,.ftile>span:not(.ft-t){display:none}
.ftile>.ft-t{display:flex;align-items:center;gap:10px;margin-top:12px;font:800 14px/1 var(--f-display);font-stretch:112%;letter-spacing:.05em;text-transform:uppercase;color:#E9E6E0}
.ft-t i{width:18px;height:1.5px;background:var(--tw);transition:width 260ms var(--ease)}
.ft-f{--tw:#4C8DF0}.ft-g{--tw:#E27B40}.ft-a{--tw:#F0523F}
@media (hover:hover){.ftile:hover .ft-t i{width:34px}}

/* the Floor: a lineup, lit from above, and the card in the middle is still empty */
.ft-lineup{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 50% -10%,rgba(108,158,240,.42),transparent 70%),linear-gradient(180deg,#0F1626,#07080B 85%)}
.lu-beam{position:absolute;left:50%;top:-6%;width:58%;height:112%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(176,206,255,.32),rgba(176,206,255,0) 78%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);filter:blur(5px);pointer-events:none}
.lu{position:absolute;left:0;right:0;bottom:-3%;display:flex;align-items:flex-end;justify-content:center;gap:2%}
.luc{flex:none;width:17%;display:flex;flex-direction:column;gap:3px;padding:5px 5px 18px;border-radius:12px 12px 0 0;transform-origin:bottom center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 26%,#1C1C1B),#121211 62%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 24px 34px -16px rgba(0,0,0,.95)}
.luc.c0,.luc.c4{transform:scale(.8);filter:brightness(.55) saturate(.8)}
.luc.c1,.luc.c3{transform:scale(.9);filter:brightness(.8)}
.luc.you{width:21%;background:linear-gradient(180deg,#2A1C12,#121211 62%);box-shadow:inset 0 0 0 1.5px #E27B40,0 0 0 4px rgba(226,123,64,.14),0 28px 40px -14px rgba(0,0,0,.95)}
.luc-art{position:relative;aspect-ratio:3/3.6;border-radius:8px;overflow:hidden;background:var(--lc)}
.luc-art::after{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0 14px,rgba(0,0,0,.2) 22px 30px,transparent 38px 46px);pointer-events:none}
.luc-ini{position:absolute;right:-5px;bottom:-9px;z-index:1;font:900 46px/.8 var(--f-display);font-stretch:125%;letter-spacing:-.04em;color:var(--lc);-webkit-text-stroke:2px #FFF7EE;paint-order:stroke fill}
.luc-lv{position:absolute;top:5px;left:5px;z-index:2;display:flex;flex-direction:column;align-items:center;padding:3px 5px 4px;border-radius:6px;background:#121211;color:#F2F0EB}
.luc-lv i{font:700 5.5px/1 var(--f-mono);font-style:normal;letter-spacing:.14em;color:var(--fg-2)}
.luc-lv b{font:900 13px/1 var(--f-display);font-stretch:112%}
.luc-n{margin-top:2px;font:650 11.5px/1 var(--f-ui);text-align:center;color:#F2F0EB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.luc-t{font:600 7.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:rgba(242,240,235,.45)}
.luc.you .luc-art{background:repeating-linear-gradient(135deg,rgba(226,123,64,.16) 0 5px,transparent 5px 10px),#141210;box-shadow:inset 0 0 0 1px rgba(226,123,64,.5)}
.luc.you .luc-art::after,.luc-art.wk::after{display:none}
.luc-art.wk{background:linear-gradient(180deg,color-mix(in oklab,var(--lc) 30%,#121211),#0E0E0D 80%)}
.luc-art.wk .nbw{position:absolute;left:8%;right:8%;top:30%;bottom:27%;gap:2px}
.luc-art.wk .nbw span{border-radius:2px}
.luc-art.wk .nbw i{left:1px;right:1px;border-radius:1.5px;--c:var(--lc)}
.luc-h{position:absolute;left:8%;bottom:6%;font:900 15px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:#fff}
.luc-h small{font-size:.6em;margin-left:1px;color:var(--lc)}
.luc-q{position:absolute;inset:0;display:grid;place-items:center;font:900 44px/1 var(--f-display);font-stretch:112%;color:#E27B40}
.luc.you .luc-t{color:#F08A4F}
.lu-tag{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;background:rgba(12,12,11,.8);box-shadow:inset 0 0 0 1px rgba(226,123,64,.5);font:600 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#F08A4F;white-space:nowrap}
.lu-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#F08A4F}

/* the Arena: the cut. The top 100 above the line, you just under it */
.ft-cut{display:grid;place-items:center;overflow:hidden;background:radial-gradient(70% 80% at 90% -10%,rgba(255,196,150,.38),transparent 62%),linear-gradient(160deg,#EE6B2C 0%,#C24718 60%,#93300F 100%)}
.ft-cut::before{content:"";position:absolute;inset:-35%;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 26px,rgba(0,0,0,.18) 40px 58px,transparent 72px 90px);filter:blur(6px)}
.ft-cut::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.14) .8px,transparent 1.2px) 0 0/10px 10px}
.cut-b{position:relative;z-index:1;width:76%;padding:10px 12px 11px;border-radius:14px;background:rgba(13,13,12,.92);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 26px 44px -18px rgba(0,0,0,.85)}
.cut-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font:600 8.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(242,240,235,.45)}
.cut-live{display:inline-flex;align-items:center;gap:5px;color:#FF8A80}
.cut-live i{width:5px;height:5px;border-radius:50%;background:#FF5A4E}
.cut-l{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.cut-l li{display:grid;grid-template-columns:22px 20px minmax(0,1fr) auto;align-items:center;gap:8px;height:24px;padding:0 6px;font-size:12.5px;color:#F2F0EB}
.cut-l li>b{font:700 10.5px/1 var(--f-mono);color:rgba(242,240,235,.45)}
.cut-l li>span:not(.pav){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cut-l em{font:600 11.5px/1 var(--f-mono);font-style:normal;color:rgba(242,240,235,.8)}
li.cut-line{display:block;height:0;margin:6px 0 7px;padding:0;border-top:1.5px dashed #F08A4F;position:relative}
li.cut-line span{position:absolute;right:0;top:-8px;padding:2px 6px;border-radius:4px;background:#F08A4F;color:#0B0B0A;font:800 8px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.cut-l li.me{border-radius:7px;background:rgba(226,123,64,.13);box-shadow:inset 0 0 0 1px rgba(226,123,64,.45)}
.cut-l li.me>b{color:#F08A4F}
.cut-you{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E27B40;color:#1B0E06;font:800 10px/1 var(--f-ui)}
.cut-gap{margin-top:8px;padding-left:6px;font-size:11.5px;color:rgba(242,240,235,.62)}
.cut-gap b{font-weight:700;color:#F08A4F}

/* the way in: your streak, the day it starts */
.row2{grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:26px}
.sgn{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px 20px 24px;border-radius:18px;text-decoration:none;color:var(--ti);overflow:hidden;
  background:radial-gradient(90% 55% at 15% 0%,rgba(226,123,64,.24),transparent 62%),linear-gradient(180deg,#191512,#0E0D0C);box-shadow:inset 0 0 0 1px rgba(226,123,64,.28)}
.sg-art{display:flex;align-items:center;gap:18px;padding:16px 16px;border-radius:14px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2)}
.sg-n{flex:none;display:flex;flex-direction:column;width:112px}
.sg-k{font:600 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.sg-n b{margin:6px 0 6px;font:900 84px/.82 var(--f-display);font-stretch:118%;letter-spacing:-.03em;color:#F08A4F}
.sg-s{font-size:11.5px;line-height:1.35;color:var(--fg-3)}
.sg-heat{flex:1;min-width:0;display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px}
.sg-heat i{aspect-ratio:1;border-radius:2px;background:rgba(236,234,229,.07)}
.sg-heat i.fut{background:none;box-shadow:inset 0 0 0 1px rgba(236,234,229,.07)}
.sg-heat i.today{background:#F08A4F;box-shadow:0 0 0 2px rgba(240,138,79,.22),0 0 12px rgba(240,138,79,.65);animation:sgPulse 2.4s ease-in-out infinite}
@keyframes sgPulse{50%{box-shadow:0 0 0 4px rgba(240,138,79,.1),0 0 18px rgba(240,138,79,.8)}}
.sg-t{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0 4px}
.sg-t strong{display:flex;flex-direction:column;font:900 clamp(30px,3vw,44px)/.94 var(--f-display);font-stretch:112%;letter-spacing:-.01em;text-transform:uppercase;color:#F4F2EE}
.sg-t strong em{font-style:normal;color:#F08A4F}
.sg-t strong em b{font-weight:900}
.sg-t ul{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;font-size:14.5px;color:var(--fg-2)}
.sg-t li{display:flex;align-items:center;gap:9px}
.sg-t li::before{content:"";width:10px;height:5px;border-left:2px solid #F08A4F;border-bottom:2px solid #F08A4F;transform:rotate(-45deg) translateY(-2px)}
.sg-t .btn3d{margin-top:4px}
@media (prefers-reduced-motion:reduce){.sg-heat i.today{animation:none}}

/* what is on offer, next to it: the fourth room and the offers, each one a different object */
.htiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px}
.ht{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;min-height:200px;padding:14px 15px 15px;border-radius:16px;overflow:hidden;isolation:isolate;text-decoration:none;color:var(--ti);background:#121211;box-shadow:inset 0 0 0 1px var(--hair-2);transition:transform 260ms var(--ease)}
.ht[hidden]{display:none}
@media (hover:hover){.ht:hover{transform:translateY(-3px)}}
.ht-k{position:absolute;top:13px;left:15px;right:15px;font:600 9.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.ht-k b{font-weight:700}
.ht-big{font:900 58px/.82 var(--f-display);font-stretch:118%;letter-spacing:-.03em}
.ht-big small{margin-left:5px;font-size:15px;letter-spacing:0}
.ht-c{font-size:13px;line-height:1.35}
.ht-go{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;margin-top:6px;padding:0 11px;border-radius:8px;font:650 12.5px/1 var(--f-ui)}
.ht-go::after{content:"→"}
.ht-w{font:900 22px/1 var(--f-display);font-stretch:112%;text-transform:uppercase;color:#F4F2EE}
.ht .pv{position:absolute;inset:0 0 auto 0;height:58%;border-bottom:0;min-height:0}
.ht-proof .ht-c,.ht-yi .ht-c{color:var(--fg-2)}
.ht-sale{background:radial-gradient(circle at center,rgba(0,0,0,.14) .8px,transparent 1.2px) 0 0/10px 10px,linear-gradient(160deg,#F2843F,#D9561F);color:#140904;box-shadow:none}
.ht-sale .ht-k{color:rgba(20,9,4,.7)}
.ht-sale .ht-go{background:#140904;color:#FBE7D9}
.ht-pro{background:radial-gradient(90% 70% at 100% 0%,rgba(140,240,190,.25),transparent 60%),linear-gradient(160deg,#1C8C59,#0E5134);color:#EAFBF2;box-shadow:inset 0 0 0 1px rgba(140,240,190,.25)}
.ht-pro .ht-k{color:rgba(234,251,242,.7)}
.ht-pro .ht-go{background:#EAFBF2;color:#0A2F1E}
.ht-seal{position:absolute;top:24px;right:12px;width:64px;transform:rotate(10deg);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.ht-seal svg,.ht-medal svg{display:block;width:100%;height:auto}
.ht-xp{background:radial-gradient(circle at center,rgba(0,0,0,.12) .8px,transparent 1.2px) 0 0/10px 10px,linear-gradient(160deg,#F4C63A,#D69E0C);color:#1A1203;box-shadow:none}
.ht-xp .ht-k{color:rgba(26,18,3,.66)}
.ht-xp .ht-big{font-size:46px}
.ht-xp .ht-go{background:#1A1203;color:#FBEFC8}
.ht-seal2{justify-content:flex-end;background:radial-gradient(70% 60% at 50% 30%,rgba(226,123,64,.22),transparent 70%),#121211}
.ht-medal{position:absolute;top:22px;left:50%;width:96px;transform:translateX(-50%) rotate(-6deg);filter:drop-shadow(0 16px 22px rgba(0,0,0,.6))}
.ht-seal2 .ht-k{position:static;color:#F08A4F}
.ht-seal2 .ht-c{color:var(--fg-2)}
@media (max-width:1180px){.htiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.htiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ht{min-height:176px;padding:12px}.ht-big{font-size:42px}.ht-xp .ht-big{font-size:34px}.sg-n{width:86px}.sg-n b{font-size:64px}}

/* ---------- Brands: Higgsfield's partner banner, in Cutline's metal (round 16c) ---------- */
.pa-pre{margin:6px 0 22px;text-align:center;font:900 clamp(22px,2.2vw,32px)/1 var(--f-display);font-stretch:82%;letter-spacing:.01em;text-transform:uppercase;
  background:linear-gradient(180deg,#FFFFFF 20%,#A7A49E 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pa{position:relative;isolation:isolate;overflow:hidden;height:clamp(580px,46vw,700px);border-radius:24px;background:radial-gradient(60% 50% at 50% 0%,#1C1B1A,#060606 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pa-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.pa-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:clamp(44px,4.4vw,70px);text-align:center}
.pa-seal{--S:72px;--th:6px;display:block;width:72px;height:72px;margin-bottom:18px}
.pa-seal .medal{width:var(--S);height:var(--S)}
.pa-h{display:flex;flex-direction:column;margin:0;font:900 clamp(36px,4.2vw,62px)/.98 var(--f-display);font-stretch:80%;letter-spacing:-.005em;text-transform:uppercase}
.pa-h span{background:linear-gradient(180deg,#FFFFFF 20%,#D7D4CE 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pa-h span+span{background:linear-gradient(180deg,#B9B6B0 15%,#85827C 95%);-webkit-background-clip:text;background-clip:text}
.pa-s{max-width:640px;margin:20px 0 0;font-size:clamp(15.5px,1.3vw,18px);line-height:1.5;color:#A5A29C}
.pa-go{display:inline-flex;align-items:center;gap:8px;height:48px;margin-top:28px;padding:0 18px 0 22px;border-radius:10px;background:#F4F2EE;color:#0B0B0A;font:600 16px/1 var(--f-ui);text-decoration:none;transition:transform 160ms var(--ease)}
.pa-go svg{width:16px;height:16px}
.pa-go:active{transform:scale(.97)}
@media (hover:hover){.pa-go:hover{background:#fff}}
.pa-crowd{position:absolute;left:50%;bottom:0;z-index:1;width:min(800px,70%);height:auto;transform:translateX(-50%)}
@media (max-width:720px){.pa{height:560px}.pa-crowd{width:150%}}

/* ---------- the two community cards (Higgsfield's Creator Hub / Discord), for Cutline (round 16c) ---------- */
.hc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.hcc{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:34px 36px;border-radius:28px;text-decoration:none;color:var(--ti);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hcc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035) 31%,transparent 46%),linear-gradient(115deg,transparent 58%,rgba(255,255,255,.03) 59%,transparent 72%)}
.hcc-o{background:radial-gradient(60% 70% at 10% 0%,rgba(226,123,64,.16),transparent 70%),linear-gradient(160deg,#1B1714,#0F0E0D)}
.hcc-b{background:radial-gradient(60% 70% at 10% 0%,rgba(76,141,240,.18),transparent 70%),linear-gradient(160deg,#141821,#0D0F13)}
.hc-orb{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;margin-bottom:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 30px -16px rgba(0,0,0,.9)}
.hcc-o .hc-orb{background:radial-gradient(70% 70% at 35% 25%,#7A3A14,#2A1407)}
.hcc-b .hc-orb{background:radial-gradient(70% 70% at 35% 25%,#3456C8,#141F4C)}
.hc-orb svg{width:34px;height:34px;stroke-width:1.8}
.hcc-o .hc-orb svg{color:#FFB27A}.hcc-b .hc-orb svg{color:#CFE0FF}
.hc-h{position:relative;z-index:2;font:900 clamp(26px,2.4vw,36px)/1 var(--f-display);font-stretch:82%;text-transform:uppercase;background:linear-gradient(180deg,#FFFFFF 20%,#B5B2AC 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hcc p{position:relative;z-index:2;max-width:300px;margin:14px 0 0;font-size:17px;line-height:1.45;color:#A9A6A0}
.hc-go{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;height:48px;margin-top:auto;padding:0 18px 0 22px;border-radius:12px;background:#2A2A28;color:#F4F2EE;font:600 16px/1 var(--f-ui);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hc-go svg{width:16px;height:16px}
@media (hover:hover){.hcc:hover .hc-go{background:#343431}}
.hc-fan{position:absolute;right:-70px;top:36px;z-index:0;width:50%;height:300px;pointer-events:none}
.hc-t{position:absolute;width:62%;aspect-ratio:3/3.7;padding:12px 12px 14px;border-radius:14px;background:linear-gradient(180deg,#24221F,#141312);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 40px -18px rgba(0,0,0,.9)}
.hc-t b{display:block;font:900 15px/1 var(--f-display);font-stretch:112%;text-transform:uppercase;color:#E9E6E0}
.hc-t.t1{left:0;top:26px;transform:rotate(-9deg);opacity:.75}
.hc-t.t2{left:22%;top:0;z-index:2;transform:rotate(-2deg)}
.hc-t.t3{left:46%;top:20px;z-index:1;transform:rotate(8deg);opacity:.85}
.hc-w{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:calc(100% - 26px);margin-top:12px}
.hc-w span{position:relative;border-radius:4px;background:rgba(255,255,255,.04)}
.hc-w u{position:absolute;inset:0}
.hc-w i{position:absolute;left:2px;right:2px;border-radius:3px;background:var(--c)}
.hc-list{position:absolute;right:-40px;top:30px;z-index:0;width:46%;pointer-events:none}
.hc-list ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px;border-radius:18px;list-style:none;background:rgba(10,12,16,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.hc-list li{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:10px;font-size:16px;color:#C9CCD3}
.hc-list li em{margin-left:auto;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.08);font:600 11.5px/1 var(--f-ui);font-style:normal;color:#AEB3BD}
.hc-ic{display:grid;place-items:center;width:22px;height:22px;color:#7F8796}
.hc-ic svg{width:18px;height:18px}
.hc-m{position:absolute;right:16px;top:150px;width:82%;padding:12px 14px;border-radius:16px;background:#14171D;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 50px -20px rgba(0,0,0,.95)}
.hc-mh{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:600 16px/1 var(--f-ui);color:#E9ECF2}
.hc-mh svg{width:18px;height:18px;color:#8FB6F7}
.hc-mp{display:flex;align-items:center;gap:10px;padding:6px 0}
.hc-mp span{display:flex;flex-direction:column;gap:3px}
.hc-mp b{font:600 15px/1 var(--f-ui);color:#F2F4F8}
.hc-mp>span:last-child i{font-style:normal;font-size:12.5px;color:#8FB6F7}
@media (max-width:980px){.hc{grid-template-columns:minmax(0,1fr)}.hc-fan,.hc-list{opacity:.35}}
@media (max-width:640px){.hcc{padding:26px 24px;min-height:300px}.hc-fan,.hc-list{display:none}}

/* ---------- Verified CV: six tiles and the certificate (Higgsfield's Academy grid, round 16c) ---------- */
.cvt-title{margin:0 0 22px;text-align:center;font:900 clamp(26px,2.6vw,38px)/1 var(--f-display);font-stretch:82%;text-transform:uppercase;background:linear-gradient(180deg,#FFFFFF 20%,#A9A6A0 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cvt-c{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:400px;padding:36px 32px;border-radius:28px;text-align:center;background:#1B1B1A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cvt-c p{max-width:300px;margin:0;font-size:16.5px;line-height:1.45;color:#A5A29C}
.cvt-h{font:900 clamp(30px,3vw,46px)/.95 var(--f-display);font-stretch:80%;text-transform:uppercase;background:linear-gradient(180deg,#FFFFFF 20%,#ABA8A2 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cvt-h.sm{font-size:clamp(28px,2.6vw,40px)}
.t-topo::before,.t-lines::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:repeating-radial-gradient(circle at 70% 120%,transparent 0 22px,rgba(255,255,255,.035) 22px 23px)}
.t-lines::before{background:repeating-radial-gradient(circle at 20% -20%,transparent 0 26px,rgba(255,255,255,.04) 26px 27px)}
.t-grid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px}
.t-dots::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(255,255,255,.08) .9px,transparent 1.3px) 0 0/14px 14px}
.cvt-ver{display:flex;align-items:center;gap:10px;height:52px;padding:0 8px 0 16px;border-radius:14px;background:#262624;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.cvt-ver span{font:600 15px/1 var(--f-mono);color:#E9E6E0}
.cvt-ver em{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:9px;background:#2F8A66;color:#E9FBF2;font:700 13px/1 var(--f-ui);font-style:normal}
.cvt-sq{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;width:min(300px,100%)}
.cvt-sq i{aspect-ratio:1;border-radius:3px;background:rgba(255,255,255,.07)}
.cvt-sq i.on{background:#F1B90E}
.cvt-do{display:flex;flex-direction:column;gap:10px;width:min(320px,100%);margin:6px 0 0;padding:12px;border-radius:20px;list-style:none;background:#232322}
.cvt-do li{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-radius:12px;background:#2E2E2C;font-size:17px;color:#E9E6E0}
.cvt-do li i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.4)}
.cvt-do li.ok i{box-shadow:inset 0 0 0 1.6px #5BC293;background:radial-gradient(circle,transparent 0 0) ,transparent;position:relative}
.cvt-do li.ok i::after{content:"";position:absolute;left:7px;top:5px;width:5px;height:9px;border-right:1.8px solid #5BC293;border-bottom:1.8px solid #5BC293;transform:rotate(45deg)}
.cvt-do li:not(.ok){color:#8A8782}
.cvt-m{font:900 54px/1 var(--f-display);font-stretch:112%;color:#5BC293;letter-spacing:-.02em}
.cert{position:relative;width:min(320px,100%);aspect-ratio:1.55;padding:14px 16px;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;
  background:repeating-radial-gradient(ellipse at 30% 120%,transparent 0 18px,rgba(120,50,10,.08) 18px 19px),linear-gradient(150deg,#F6B27C,#E8813F 55%,#D9621F);color:#3A1A08;box-shadow:0 30px 50px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.cert-k{font:600 7px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.cert-lau{width:56px;height:56px;margin:12px 0 6px}
.cert-t{font:900 17px/1 var(--f-display);font-stretch:82%;text-transform:uppercase;letter-spacing:.01em}
.cert-f{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:auto;text-align:left}
.cert-f span{display:flex;flex-direction:column;gap:2px}
.cert-f b{font:700 13px/1 var(--f-ui)}
.cert-f i{font-style:normal;font-size:8px;opacity:.7}
.cert-c{font:600 8px/1 var(--f-mono)!important;opacity:.7}
@media (max-width:980px){.cvt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cvt{grid-template-columns:minmax(0,1fr)}.cvt-c{min-height:320px}}
@media (max-width:900px){.row2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.pa{height:640px}.pa-crowd{width:120%}}

/* ---------- Verified CV: the anatomy of a record (round 16c) ----------
   The real document, straight, with its parts numbered like a power tool's manual and a parts list either side.
   One ink: the green of the CV's own security print. Quiet, so the document does the talking. */
.an-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:34px}
.an-k{font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#5BC293}
.an-h{display:flex;flex-direction:column;margin:14px 0 0;font:900 clamp(30px,3.4vw,52px)/1 var(--f-display);font-stretch:88%;letter-spacing:-.01em;text-transform:uppercase;color:#F4F2EE}
.an-h span+span{color:#8E8B85}
.an-head p{max-width:560px;margin:14px 0 0;font-size:16.5px;line-height:1.5;color:var(--fg-2)}
.an-fig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px)}
.an-doc{position:relative}
.an-doc .cvfit>.cvd{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 50px 100px -40px rgba(0,0,0,.95)}
.an-m{position:absolute;z-index:3;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#1F6B4E;color:#E9FBF2;font:700 11px/1 var(--f-mono);font-style:normal;box-shadow:0 0 0 3px rgba(47,138,102,.28),0 6px 14px -4px rgba(0,0,0,.6)}
.an-l{display:flex;flex-direction:column;gap:30px;margin:0;padding:0;list-style:none}
.an-l li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding-top:14px;border-top:1px solid var(--hair-2)}
.an-l b{font:700 12px/1.6 var(--f-mono);color:#5BC293}
.an-l span{font-size:14.5px;line-height:1.5;color:var(--fg-2)}
.an-l em{display:block;margin-bottom:4px;font:650 16px/1.3 var(--f-ui);font-style:normal;color:#F2F0EB}
@media (max-width:1000px){.an-fig{grid-template-columns:minmax(0,1fr)}.an-doc{order:-1;max-width:520px;margin:0 auto;width:100%}.an-l{gap:18px}}


/* ---------- round 17: Higgsfield's system in Cutline's material (brand/higgsfield-analyse.md) ----------
   One edge: everything sits 16 px from the screen's edge. Banners in three fixed formats (L 400, F 300, P 280), the copy
   at Higgsfield's offsets, one 3D button, and on the right one composed picture made of Cutline's own outputs. */
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- the banner ---------- */
.nb{position:relative;isolation:isolate;display:flex;overflow:hidden;width:100%;border-radius:24px;color:#fff;background:#0B0B0A}
.nb::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.nb::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nb.fL{min-height:400px}.nb.fF{min-height:300px}.nb.fP{min-height:280px;border-radius:32px}

.nb-t{position:relative;z-index:3;flex:none;display:flex;flex-direction:column;align-items:flex-start;min-height:inherit;max-width:min(640px,50%)}
.fF .nb-t{padding:34px 32px 32px}
.fP .nb-t{padding:20px 24px 24px}
.fL .nb-t{align-items:center;width:min(760px,100%);max-width:none;margin:0 auto;padding:40px 24px 44px;text-align:center}

.nb-k{display:inline-flex;align-items:center;gap:10px;font:800 16px/16px var(--f-display);font-stretch:100%;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.nb-k b{font-weight:800}
.fF .nb-k{display:block}
.fF .nb-k i{display:inline-block;margin-left:10px;vertical-align:2px}
.nb-k i{font:600 11px/12px var(--f-ui);font-style:normal;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.92)}
.fP .nb-k{gap:8px;height:28px;padding:0 10px;border-radius:8px;background:#fff;color:#0B0B0A;font-size:13px;letter-spacing:.06em}
.fP .nb-k i{padding:0 0 0 8px;border-radius:0;background:none;box-shadow:inset 1px 0 0 rgba(11,11,10,.18);color:rgba(11,11,10,.62)}

.nb-h{margin:6px 0 0;font:800 48px/50px var(--f-display);font-stretch:92%;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-wrap:balance}
.fP .nb-h{margin-top:14px;font-size:44px;line-height:44px;letter-spacing:-.03em}
.nb-s{max-width:420px;margin:12px 0 0;font:400 14px/20px var(--f-ui);color:rgba(255,255,255,.64)}
.fP .nb-s{max-width:none;margin-top:6px;font-size:18px;line-height:28px;color:rgba(255,255,255,.62)}

.nb-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:auto;padding-top:16px}
.nb-go{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 2px 14px;border-radius:10px;background:#fff;color:#0B0B0A;font:600 14px/1 var(--f-ui);text-decoration:none;white-space:nowrap;
  box-shadow:inset 0 -3px 0 #CBC6BC,0 6px 4px rgba(0,0,0,.25),0 32px 24px rgba(0,0,0,.15);transition:transform 160ms var(--ease)}
.nb-go svg{width:16px;height:16px;stroke-width:1.9}
.nb-go:active{transform:translateY(1px) scale(.98)}
@media (hover:hover){.nb-go:hover{background:#F6F4F0}}
.fP .nb-go{height:48px;padding:0 20px 2px 18px;border-radius:12px;font-size:16px}
.fP .nb-go svg{width:18px;height:18px}
.nb-more{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--f-ui);color:rgba(255,255,255,.82);text-decoration:none}
.nb-more svg{width:14px;height:14px}
@media (hover:hover){.nb-more:hover{color:#fff}}
.nb .bn-cd{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;background:rgba(0,0,0,.32);box-shadow:none;color:rgba(255,255,255,.85);font:500 14px/1 var(--f-ui)}
.nb .bn-cd svg{width:15px;height:15px}
.nb .bn-cd b{color:#fff;font-variant-numeric:tabular-nums}

/* L: Cutline's mark, the product as a two-weight name, the promise in a lit frame, one orange button */
.nb-lg{display:inline-flex;align-items:center;gap:8px;font:800 17px/1 var(--f-display);font-stretch:112%;letter-spacing:.02em;text-transform:uppercase}
.nb-lg svg{width:22px;height:22px;color:#F08A4F}
.fL .nb-k{margin-top:22px;gap:14px;font:800 32px/32px var(--f-display);letter-spacing:.02em}
.fL .nb-k i{padding:0;background:none;font:300 32px/32px var(--f-display);letter-spacing:.2em;color:rgba(255,255,255,.82)}
.fL .nb-h{display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding:9px 26px 11px 10px;border-radius:22px;font:900 48px/1 var(--f-display);letter-spacing:-.02em;color:#FFEBDD;
  text-shadow:0 0 22px rgba(240,138,79,.65);background:linear-gradient(180deg,rgba(240,138,79,.24),rgba(240,138,79,.06));
  box-shadow:inset 0 0 0 2px #F08A4F,inset 0 0 22px rgba(240,138,79,.45),0 0 28px rgba(240,138,79,.45),0 0 90px rgba(240,138,79,.22)}
.nb-hi{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFB585,#E0662A 70%);color:#1A0A03;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),0 0 18px rgba(240,138,79,.65)}
.nb-hi svg{width:28px;height:28px;stroke-width:2.6}
.fL .nb-s{max-width:540px;margin-top:22px;color:rgba(255,255,255,.7)}
.fL .nb-b{justify-content:center}
.fL .nb-go{background:#F08A4F;color:#120703;box-shadow:inset 0 -3px 0 #A9471A,0 6px 4px rgba(0,0,0,.25),0 32px 24px rgba(0,0,0,.15)}
@media (hover:hover){.fL .nb-go:hover{background:#F49660}}

/* ---------- the stage: a picture of fixed aspect anchored right; % for places, cqh for sizes ---------- */
.nb-sc{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.nb-st{position:absolute;top:0;bottom:0;right:0;aspect-ratio:2.9;container-type:size;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.fP .nb-st{aspect-ratio:3.2}
.nb-st>*{position:absolute}
.nb-st .pav{width:var(--pv,6cqh);height:var(--pv,6cqh);font-size:calc(var(--pv,6cqh) * .44)}

/* a week as columns of blocks (Week Match, shared calendars, the Floor cards in the hero) */
.nbw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.1cqh}
.nbw span{position:relative;border-radius:1cqh;background:rgba(255,255,255,.045)}
.nbw i{position:absolute;left:.5cqh;right:.5cqh;border-radius:.8cqh;background:color-mix(in oklab,var(--c) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 55%,transparent)}
.nbw i.on{background:radial-gradient(circle at center,rgba(255,255,255,.22) .5px,transparent .9px) 0 0/5px 5px,var(--c);box-shadow:none}

/* the Grid (L): the week comes in from both sides, in day cards, toward the promise */
.nb-grid{background:radial-gradient(40% 70% at 50% 112%,rgba(240,118,58,.6),transparent 72%),radial-gradient(34% 46% at 50% -6%,rgba(240,118,58,.2),transparent 70%),#0A0908}
.nb-wing{aspect-ratio:1.12;-webkit-mask-image:none;mask-image:none;perspective:150cqh}
.nb-wing.wl{left:0;right:auto}
.gw.dcards{position:absolute;top:8cqh;width:92%;height:84cqh;grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqh;--card-h:84cqh;--dn:24cqh}
.wl .gw{left:3%;transform:rotateY(34deg);transform-origin:left center}
.wr .gw{right:3%;transform:rotateY(-34deg);transform-origin:right center}
.gw .dcard{border-radius:3cqh;box-shadow:0 6cqh 10cqh -4cqh rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.35)}
.gw .dname{top:3cqh}
.gw .dmeta{top:3cqh;right:3cqh}.gw .dnum{font-size:11cqh}.gw .dmon{font-size:3.2cqh}
.gw .dprog{right:3cqh;bottom:3cqh}.gw .dsegs{width:15cqh;gap:.4cqh}.gw .dsegs i{height:.9cqh}
.gw .dstamp{right:3cqh;bottom:7.5cqh;padding:1cqh 1.2cqh;font-size:2.8cqh;border-width:.35cqh;border-radius:.6cqh}
.wl .dcard:nth-child(2),.wr .dcard:nth-child(2){filter:brightness(.82)}
.wl .dcard:nth-child(3),.wr .dcard:nth-child(1){filter:brightness(.6)}

/* Arena (F): the cut is a line */
.nb-arena{background:radial-gradient(64% 140% at 80% -34%,rgba(255,92,62,.62),transparent 62%),linear-gradient(180deg,#3B0A07,#130403)}
.ac-n{left:4%;top:-3cqh;display:flex;gap:9cqh;font:900 50cqh/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:.5cqh rgba(255,255,255,.62)}
.ac-n b{font-weight:900;opacity:var(--o)}
.ac-line{left:0;right:0;top:61cqh;height:.9cqh;background:#FF3B2E;box-shadow:0 0 2cqh #FF3B2E,0 0 9cqh rgba(255,59,46,.6)}
.ac-top{left:66%;top:57.6cqh;padding:1.2cqh 2.2cqh;border-radius:1cqh;background:#170504;box-shadow:inset 0 0 0 1px rgba(255,59,46,.7);font:700 3.4cqh/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#FF9286;white-space:nowrap}
.ac-me{left:34%;top:68cqh;display:flex;align-items:center;gap:3.4cqh}
.ac-me b{font:900 24cqh/1 var(--f-display);letter-spacing:-.03em;color:#F08A4F;text-shadow:0 0 8cqh rgba(240,138,79,.5)}
.ac-me em{display:block;font:700 5.2cqh/1.1 var(--f-ui);font-style:normal;color:#fff}
.ac-me i{display:inline-block;margin-top:1.8cqh;padding:1.3cqh 2.4cqh;border-radius:1.4cqh;background:#F08A4F;color:#120703;font:700 4cqh/1 var(--f-ui);font-style:normal;white-space:nowrap}

/* the Floor (F): a wall of real weeks drifting up; one of them matches yours */
.nb-floor{background:radial-gradient(56% 110% at 86% -6%,#3B7BF5,transparent 64%),radial-gradient(60% 90% at 30% 112%,#143FA6,transparent 70%),#0A1640}
.aw-c{top:0;width:27%;display:flex;flex-direction:column;gap:3cqh;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);animation:awUp 70s linear infinite}
.aw-c.c1{left:16%;margin-top:-18cqh}.aw-c.c2{left:45%;margin-top:-20cqh;animation-duration:84s}.aw-c.c3{left:74%;margin-top:-30cqh;animation-duration:76s}
@keyframes awUp{to{transform:translateY(-50%)}}
.bpo{position:relative;padding:3cqh 3.4cqh;border-radius:4cqh;background:rgba(8,14,36,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#EEF2FF;opacity:.62}
.bpo-h{display:flex;align-items:center;gap:2cqh;white-space:nowrap}
.bpo-h b{font:650 4.4cqh/1 var(--f-ui)}
.bpo-h i{font-style:normal;font-size:3.8cqh;color:rgba(238,242,255,.5)}
.bpo p{margin:2cqh 0 0;font:400 4.4cqh/1.35 var(--f-ui)}
.bpo-w{margin-top:2.4cqh;padding:2cqh 2.4cqh;border-radius:2.6cqh;background:rgba(255,255,255,.05)}
.bpo-w b{font:900 6cqh/1 var(--f-display)}
.bpo-w span{margin-left:1.6cqh;font:500 3.2cqh/1 var(--f-mono);color:rgba(238,242,255,.5)}
.bpo-b{display:flex;gap:.6cqh;height:1.6cqh;margin-top:1.8cqh;border-radius:1cqh;overflow:hidden}
.bpo-b i{background:var(--c)}
.bpo.hi{opacity:1;background:#F4F6FF;color:#0B1230;box-shadow:0 0 0 1.2cqh rgba(255,255,255,.14),0 0 12cqh rgba(76,141,240,.55)}
.bpo.hi .bpo-h i,.bpo.hi .bpo-w span{color:rgba(11,18,48,.5)}
.bpo.hi .bpo-w{background:rgba(11,18,48,.05)}
.bpo.hi::after{content:"91% week match";position:absolute;top:-2.8cqh;right:3cqh;padding:1.2cqh 2.2cqh;border-radius:99px;background:#3A78F0;color:#fff;font:700 3.4cqh/1 var(--f-ui);white-space:nowrap}

/* Proof of work (F): a deck of weeks in depth, the newest in front, lit */
.nb-proof-of-work{background:radial-gradient(46% 90% at 78% 46%,rgba(240,118,58,.5),transparent 70%),linear-gradient(160deg,#2A1007,#0B0504)}
.bpw{width:88cqh;padding:4cqh;border-radius:4cqh;background:#121110;color:#F2F0EB;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 14cqh 24cqh -10cqh rgba(0,0,0,.9);transform-origin:left bottom}
.bpw-h{display:flex;align-items:baseline;justify-content:space-between;gap:2cqh}
.bpw-h b{font:900 16cqh/.9 var(--f-display);letter-spacing:-.03em}
.bpw-h small{font-size:7cqh;color:#F08A4F;margin-left:.6cqh}
.bpw-h em{font:600 3cqh/1 var(--f-mono);font-style:normal;letter-spacing:.14em;color:rgba(242,240,235,.5);white-space:nowrap}
.bpw-g{display:grid;gap:.7cqh;margin-top:3.4cqh}
.bpw-g span{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:.7cqh}
.bpw-g i{aspect-ratio:1;border-radius:.45cqh;background:rgba(255,255,255,.06)}
.bpw-g .l2{background:#7A3512}.bpw-g .l3{background:#C4521D}.bpw-g .l4{background:#F07B3C}
.bpw-f{display:flex;justify-content:space-between;margin-top:3.4cqh;font:600 3cqh/1 var(--f-mono);letter-spacing:.06em;color:rgba(242,240,235,.55)}
.bpw-f span{display:inline-flex;align-items:center;gap:1.2cqh}
.bpw-f svg{width:3.4cqh;height:3.4cqh;fill:none;stroke:#F08A4F;stroke-width:2.2}
.bpw.d3{z-index:1;left:30%;top:4cqh;scale:.72;filter:brightness(.4) blur(.25cqh)}
.bpw.d2{z-index:2;left:39%;top:9cqh;scale:.8;filter:brightness(.55)}
.bpw.d1{z-index:3;left:48.5%;top:14cqh;scale:.89;filter:brightness(.72)}
.bpw.d0{z-index:4;left:59%;top:19cqh;box-shadow:inset 0 0 0 1px rgba(240,138,79,.55),0 14cqh 24cqh -10cqh rgba(0,0,0,.9),0 0 14cqh rgba(240,118,58,.38)}

/* Get paid (F): a ticker across the banner and the payment that just landed on it */
.nb-get-paid{background:linear-gradient(rgba(63,224,154,.055) 1px,transparent 1px) 0 0/100% 30px,linear-gradient(90deg,rgba(63,224,154,.055) 1px,transparent 1px) 0 0/30px 100%,
  radial-gradient(56% 110% at 82% 10%,rgba(26,162,108,.5),transparent 70%),#03120B}
.at-c{left:0;top:12cqh;width:100%;height:80cqh;overflow:visible}
.at-c .l{fill:none;stroke:#3FE09A;stroke-width:2.6;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(63,224,154,.8))}
.at-dot{left:92%;top:21.6cqh;width:3.6cqh;height:3.6cqh;margin:-1.8cqh 0 0 -1.8cqh;border-radius:50%;background:#3FE09A;box-shadow:0 0 0 1.4cqh rgba(63,224,154,.25),0 0 7cqh #3FE09A}
.at-t{left:32%;top:9cqh;display:flex;align-items:baseline;gap:2cqh;white-space:nowrap}
.at-t b{font:800 6cqh/1 var(--f-mono);color:#fff}
.at-t em{font:700 5cqh/1 var(--f-mono);font-style:normal;color:#3FE09A}
.at-t span{font:500 3.4cqh/1 var(--f-mono);color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase}
.at-p{left:60%;top:33cqh;display:flex;align-items:center;gap:2.6cqh;padding:2.6cqh 3.6cqh 2.6cqh 2.6cqh;border-radius:3.4cqh;background:#F4F2EE;color:#0B0B0A;box-shadow:0 12cqh 22cqh -8cqh rgba(0,0,0,.75);white-space:nowrap}
.at-p i{display:grid;place-items:center;width:8cqh;height:8cqh;border-radius:50%;background:#1AA26C}
.at-p svg{width:4.4cqh;height:4.4cqh;fill:none;stroke:#fff;stroke-width:2.4}
.at-p b{display:block;font:700 5cqh/1.1 var(--f-ui)}
.at-p em{display:block;margin-top:.8cqh;font:500 3.6cqh/1.2 var(--f-ui);font-style:normal;color:rgba(11,11,10,.55)}

/* Shared calendars (F): three weeks laid over each other */
.nb-shared-calendars{background:radial-gradient(56% 110% at 84% -6%,#8E70F0,transparent 64%),linear-gradient(180deg,#2A1670,#130A36)}
.as-l{width:98cqh;height:72cqh;padding:3cqh;border-radius:4cqh;background:rgba(16,10,36,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12cqh 22cqh -8cqh rgba(0,0,0,.75);transform-origin:left bottom}
.as-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.4cqh;white-space:nowrap}
.as-h b{font:700 4.6cqh/1 var(--f-ui)}
.as-h .pavs .pav{--pv:5.6cqh;box-shadow:0 0 0 .5cqh #100A24}
.as-h .pavs .pav+.pav{margin-left:-1.4cqh}
.as-l .nbw{height:calc(100% - 7cqh)}
.as-l.l3{left:31%;top:6cqh;scale:.8;filter:brightness(.45)}
.as-l.l2{left:44%;top:13cqh;scale:.9;filter:brightness(.68)}
.as-l.l1{left:58%;top:21cqh}

/* Jobs (F): the role, the applicant, the number that decides it */
.nb-jobs{background:radial-gradient(56% 110% at 84% -6%,#1BB5BB,transparent 64%),linear-gradient(180deg,#073A48,#041C25)}
.aj-big{left:22%;top:3cqh;font:900 46cqh/1 var(--f-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:.45cqh rgba(255,255,255,.3);white-space:nowrap}
.aj-job,.aj-app{display:flex;align-items:center;gap:3cqh;width:112cqh;padding:3.4cqh;border-radius:4cqh;white-space:nowrap}
.aj-job{left:42%;top:24cqh;background:rgba(4,24,30,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12cqh 22cqh -8cqh rgba(0,0,0,.7)}
.aj-l{display:grid;place-items:center;flex:none;width:10cqh;height:10cqh;border-radius:2.4cqh;background:#6B4FA0;font:900 5cqh/1 var(--f-display)}
.aj-job b,.aj-app b{display:block;font:700 5cqh/1.1 var(--f-ui)}
.aj-job i,.aj-app i{display:block;margin-top:.8cqh;font:400 3.6cqh/1.2 var(--f-ui);font-style:normal;opacity:.6}
.aj-job em{margin-left:auto;padding:1.2cqh 2cqh;border-radius:1.2cqh;background:rgba(27,181,187,.18);color:#5FE3E8;font:700 3.2cqh/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.aj-app{left:53%;top:54cqh;background:#F4F2EE;color:#0B0B0A;box-shadow:0 12cqh 22cqh -8cqh rgba(0,0,0,.7)}
.aj-app .pav{--pv:9cqh}
.aj-app em{margin-left:auto;font:600 3.2cqh/1 var(--f-mono);font-style:normal;color:rgba(11,11,10,.5)}
.aj-st{left:53%;top:84cqh;font:600 3.4cqh/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap}

/* Research (F): the sources in depth of field */
.nb-research{background:radial-gradient(56% 110% at 84% -6%,#4A6EAA,transparent 64%),linear-gradient(180deg,#15243F,#080E1C)}
.nbf{white-space:nowrap}
.nbf b{display:block;font:500 9cqh/1 Newsreader,Georgia,serif;letter-spacing:-.01em;color:#fff}
.nbf i{display:block;margin-top:1.4cqh;font:500 3.2cqh/1 var(--f-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.nbf.f0{left:44%;top:3cqh;opacity:.32;filter:blur(.45cqh)}.nbf.f0 b{font-size:6cqh}
.nbf.f1{left:37%;top:18cqh;opacity:.58;filter:blur(.2cqh)}.nbf.f1 b{font-size:8cqh}
.nbf.f2{left:30%;top:38cqh}.nbf.f2 b{font-size:13cqh;font-style:italic}
.nbf.f3{left:39%;top:64cqh;opacity:.58;filter:blur(.2cqh)}.nbf.f3 b{font-size:8cqh}
.nbf.f4{left:47%;top:83cqh;opacity:.32;filter:blur(.45cqh)}.nbf.f4 b{font-size:6cqh}

/* Future (F): 52 weeks from Monday */
.nb-future{background:radial-gradient(56% 110% at 84% -6%,#7B5CF0,transparent 64%),linear-gradient(180deg,#22145E,#0C0824)}
.a52-g{left:36%;top:12cqh;width:152cqh;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2cqh}
.a52-g i{aspect-ratio:1;border-radius:1.6cqh;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.a52-g i.on{background:#A78BFA;box-shadow:0 0 4cqh rgba(167,139,250,.45)}
.a52-g i.now{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 .5cqh #fff}
.a52-g i:last-child{box-shadow:inset 0 0 0 .5cqh #F6E58A}
.a52-k{left:36%;top:64cqh;font:600 3.6cqh/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap}
.a52-e{left:80%;top:62cqh;padding:2.6cqh 3.2cqh;border-radius:1.4cqh;background:#F6E58A;color:#4A3E10;font:500 4.4cqh/1.3 var(--f-ui);white-space:nowrap;rotate:4deg;box-shadow:0 10cqh 18cqh -8cqh rgba(0,0,0,.6)}

/* Badges (P): a studio shot, the seals as objects on a floor */
.nb-badges{background:radial-gradient(60% 80% at 74% 30%,rgba(255,236,200,.28),transparent 70%),linear-gradient(180deg,#8A8174 0%,#4B453D 58%,#221F1B 100%)}
.as-m{aspect-ratio:1}
.as-m.m1{left:30%;top:30cqh;width:56cqh;z-index:4}
.as-m.m2{left:47%;top:22cqh;width:48cqh;z-index:3;--face:-14deg;filter:brightness(.92)}
.as-m.m3{left:62%;top:20cqh;width:42cqh;z-index:2;--face:12deg;filter:brightness(.82)}
.as-m.m4{left:76%;top:18cqh;width:36cqh;z-index:1;--face:18deg;filter:brightness(.72)}

/* Verified CV (P): the real document on a dark desk, straight, cut by the edge */
.nb-verified-cv{background:radial-gradient(64% 120% at 76% -4%,#1F6B4F,transparent 66%),linear-gradient(180deg,#0B2A1E,#04110B)}
.ap-doc{left:50%;top:9cqh;width:122cqh;box-shadow:0 14cqh 26cqh -8cqh rgba(0,0,0,.85)}
.ap-ver{left:28%;top:24cqh;z-index:2;display:flex;align-items:center;gap:2.6cqh;padding:2.6cqh 3.6cqh 2.6cqh 2.6cqh;border-radius:3.4cqh;background:#F2FBF6;color:#0E4A33;box-shadow:0 12cqh 22cqh -8cqh rgba(0,0,0,.75);white-space:nowrap}
.ap-ver i{display:grid;place-items:center;width:8cqh;height:8cqh;border-radius:50%;background:#1E9A62}
.ap-ver svg{width:4.4cqh;height:4.4cqh;fill:none;stroke:#fff;stroke-width:2.4}
.ap-ver b{display:block;font:700 4.8cqh/1.1 var(--f-ui)}
.ap-ver em{display:block;margin-top:.8cqh;font:500 3.4cqh/1.2 var(--f-mono);font-style:normal;color:rgba(14,74,51,.6)}

/* Budget (P): the week's receipt, printed by the calendar */
.nb-budget{background:linear-gradient(135deg,#C99412 0%,#6E4207 55%,#2A1803 100%)}
.nbr-p{left:54%;top:-8cqh;width:92cqh;padding:9cqh 5cqh 8cqh;background:#F6F1E6;color:#1B1712;rotate:-5deg;box-shadow:0 12cqh 22cqh -6cqh rgba(0,0,0,.6);font-family:var(--f-mono);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 2cqh) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/4cqh 2cqh repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 2cqh) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/4cqh 2cqh repeat-x}
.nbr-h{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:2.4cqh;border-bottom:1px dashed rgba(27,23,18,.3)}
.nbr-h b{font:800 5cqh/1 var(--f-display);letter-spacing:.06em}
.nbr-h span{font:500 3cqh/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(27,23,18,.55)}
.nbr-p ul{display:grid;gap:1.9cqh;margin:2.6cqh 0 0;padding:0;list-style:none}
.nbr-p li{display:grid;grid-template-columns:9cqh minmax(0,1fr) auto;font:500 3.8cqh/1 var(--f-mono)}
.nbr-p li span:first-child{color:rgba(27,23,18,.5)}
.nbr-t{display:flex;align-items:baseline;justify-content:space-between;margin-top:3cqh;padding-top:2.4cqh;border-top:1px dashed rgba(27,23,18,.3)}
.nbr-t span{font:600 3.4cqh/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.nbr-t b{font:900 8cqh/1 var(--f-display)}
.nbr-bar{height:1.6cqh;margin-top:2.4cqh;border-radius:1cqh;background:rgba(27,23,18,.12)}
.nbr-bar i{display:block;height:100%;border-radius:inherit;background:#D6A015}
.nbr-f{margin-top:1.6cqh;font:500 3cqh/1 var(--f-mono);color:rgba(27,23,18,.6)}

/* Week Match (P): two weeks side by side, the same hours */
.nb-week-match{background:radial-gradient(56% 110% at 84% -6%,#F0609A,transparent 64%),linear-gradient(180deg,#4A0E2C,#190510)}
.am-w{top:12cqh;width:80cqh;height:76cqh;padding:3cqh;border-radius:4cqh;background:rgba(26,5,16,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12cqh 22cqh -8cqh rgba(0,0,0,.7)}
.am-w b{display:block;margin-bottom:2.2cqh;font:700 4.4cqh/1 var(--f-ui)}
.am-w .nbw{height:calc(100% - 6.6cqh)}
.am-w.w1{left:34%}.am-w.w2{left:74%}
.am-n{left:66.6%;top:34cqh;translate:-50% 0;z-index:2;display:grid;place-content:center;justify-items:center;gap:.8cqh;width:30cqh;height:30cqh;border-radius:50%;background:#fff;color:#C2185B;box-shadow:0 0 0 1.4cqh rgba(255,255,255,.18),0 0 12cqh rgba(240,96,154,.65)}
.am-n b{font:900 9cqh/1 var(--f-display);letter-spacing:-.03em}
.am-n span{font:600 2.6cqh/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(194,24,91,.7)}

/* Pricing (P): the plans as cards in a hand */
.nb-pricing{background:radial-gradient(60% 80% at 70% 20%,rgba(255,255,255,.12),transparent 70%),linear-gradient(180deg,#4E4B46 0%,#26241F 60%,#121110 100%)}
.ap-c{top:14cqh;display:flex;flex-direction:column;justify-content:flex-end;gap:1.2cqh;width:58cqh;height:86cqh;padding:4.4cqh;border-radius:5cqh;white-space:nowrap;transform-origin:bottom center;
  background:linear-gradient(180deg,color-mix(in oklab,var(--pc) 34%,#141312),#141312 72%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pc) 60%,transparent),0 12cqh 22cqh -6cqh rgba(0,0,0,.75)}
.ap-c.c1{--pc:#F08A4F;left:38%;rotate:-10deg}.ap-c.c3{--pc:#F1B90E;left:70%;rotate:10deg}.ap-c.c2{--pc:#3FC98A;left:54%;top:8cqh}
.ap-s{position:absolute;top:5cqh;left:4.4cqh;width:24cqh}
.ap-c>b{font:800 5.6cqh/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase}
.ap-p{font:900 11cqh/1 var(--f-display);letter-spacing:-.02em}
.ap-p i{margin-left:1.2cqh;font:500 3.6cqh/1 var(--f-ui);font-style:normal;letter-spacing:0;color:rgba(255,255,255,.6)}
.ah-0{left:22%;top:40cqh;font:900 12cqh/1 var(--f-display);letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.ah-0 i{display:block;margin-top:1.4cqh;font:600 3.4cqh/1 var(--f-mono);font-style:normal;letter-spacing:.16em;color:rgba(255,255,255,.6)}

/* Advertise (P): your ad in the feed, between the weeks */
.nb-advertise{background:radial-gradient(56% 110% at 84% -6%,#E0306E,transparent 64%),linear-gradient(180deg,#4A0A22,#1B040D)}
.af-c{left:46%;top:-16cqh;display:flex;flex-direction:column;gap:3cqh;width:118cqh}
.bpo.dim{opacity:.42;background:rgba(30,4,14,.7)}
.nbad{padding:3.4cqh;border-radius:4cqh;background:#fff;color:#0B0B0A;box-shadow:0 0 0 1.2cqh rgba(255,255,255,.16),0 12cqh 24cqh -8cqh rgba(0,0,0,.7)}
.nbad .bpo-h i{margin-left:auto;color:rgba(11,11,10,.5)}
.nbad .bav{width:7cqh;height:7cqh}
.nbad .seal{width:4.4cqh;height:4.4cqh}
.nbad p{margin:2cqh 0 0;font:500 4.6cqh/1.35 var(--f-ui)}
.nbad-f{display:flex;gap:3cqh;margin-top:2.6cqh;font:600 3.2cqh/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#C2185B}

/* Health (P): ninety days of the small block */
.nb-health{background:radial-gradient(56% 110% at 84% -6%,#2FBF7A,transparent 62%),linear-gradient(180deg,#0B3A24,#04150D)}
.ah-g{left:33%;top:12cqh;height:76cqh;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:9.5cqh;gap:1.6cqh}
.ah-g i{border-radius:1.6cqh;background:rgba(255,255,255,.06)}
.ah-g .l1{background:rgba(63,201,138,.16)}.ah-g .l2{background:#1E7A50}.ah-g .l3{background:#2BA56A}.ah-g .l4{background:#3FD68D}
.ah-g .t{background:#fff;box-shadow:0 0 0 .6cqh rgba(255,255,255,.3),0 0 6cqh #3FD68D}
.ah-k{left:84%;top:14cqh;font:600 3.4cqh/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap}
.ah-k b{display:block;margin-bottom:1.6cqh;font:900 24cqh/.9 var(--f-display);letter-spacing:-.04em;color:#fff}

/* ---------- section heads, Higgsfield's Explore: the name in the accent colour, one grey line, nothing else ---------- */
.chap{align-items:flex-end;gap:16px;margin:clamp(48px,5vw,72px) 0 16px}
.chap-n,.chap-r,.chap-k{display:none}
.chap-t{gap:2px}
.chap-t b{font:800 28px/36px var(--f-display);font-stretch:100%;letter-spacing:-.02em;text-transform:uppercase;color:#F08A4F}
.chap-t span{font:400 14px/20px var(--f-ui);color:#8A8780}

/* ---------- small screens: the picture above, the copy under it ---------- */
@media (max-width:900px){
  .nb{flex-direction:column}
  .nb.fL,.nb.fF,.nb.fP{min-height:0}
  .nb-sc{position:relative;inset:auto;order:-1;height:190px;flex:none}
  .nb-st{left:50%;right:auto;translate:-50% 0;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .nb-wing.wl{left:-14%;translate:none}.nb-wing.wr{left:auto;right:-14%;translate:none}
  .nb-wing{-webkit-mask-image:none;mask-image:none}
  .nb-t,.fF .nb-t,.fP .nb-t{max-width:none;min-height:0;padding:4px 20px 22px}
  .fL .nb-t{padding:0 18px 24px}
  .nb-h,.fP .nb-h{font-size:32px;line-height:34px}
  .nb-s,.fP .nb-s{font-size:15px;line-height:22px}
  .nb-s br{display:none}
  .fL .nb-k{flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-top:6px;font-size:22px;line-height:26px}.fL .nb-k i{font-size:20px;line-height:26px;letter-spacing:.14em}
  .fF .nb-k{font-size:14px;line-height:20px;letter-spacing:.12em}
  .fL .nb-h{gap:10px;padding:7px 16px 8px 7px;font-size:24px;border-radius:16px}
  .nb-hi{width:36px;height:36px}.nb-hi svg{width:20px;height:20px}
  .nb-lg{display:none}
}
@media (prefers-reduced-motion:reduce){.aw-c{animation:none}}

/* ---------- the footer: the page ends in the brand's colour (Higgsfield ends in lime) ---------- */
.foot{padding:48px 0 0;border-top:0;background:linear-gradient(180deg,rgba(255,138,31,0),rgba(255,138,31,.35)),var(--cta,#FF6A1A);color:#120703}
.foot>.wrap{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px;padding-bottom:56px}
.foot-top{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:28px}
.foot-st{margin:0;font:800 40px/48px var(--f-display);font-stretch:100%;letter-spacing:-.02em;text-transform:uppercase;color:#120703}
.foot .lockup{color:#120703}
.foot .lockup .tile{background:#120703;color:var(--cta,#FF6A1A);box-shadow:none}
.foot nav.foot-cols{margin:0;gap:28px 24px;font-size:16px}
.foot-cols h2{margin-bottom:14px;font:500 16px/24px var(--f-ui);letter-spacing:0;text-transform:none;color:rgba(18,7,3,.55)}
.foot-cols ul{gap:12px}
.foot nav.foot-cols a{color:#120703;font-weight:500;line-height:24px}
@media (hover:hover){.foot nav.foot-cols a:hover{text-decoration:underline;text-underline-offset:3px}}
.foot-bar{background:#0B0B0A}
.foot-bar .wrap{display:block;padding-block:16px}
.foot-bar small{display:block;font-size:13px;line-height:20px;color:#8A8780}
@media (max-width:900px){.foot>.wrap{grid-template-columns:minmax(0,1fr)}.foot-st{font-size:32px;line-height:38px}}

/* ---------- rhythm: one gap between sections, like Higgsfield's 64–86 px ---------- */
.sec>.chap:first-child{margin-top:0}
#arena .sh .h2{font:800 28px/36px var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:#F08A4F}
.sec>.sh:first-child{margin-top:0}
#arena .sh-sub{font-size:14px;line-height:20px;color:#8A8780}

/* ---------- the front page's second row, at Higgsfield's measures: one loud card (640 × 272), six quiet ones (130 high, gap 12) ---------- */
.row2{gap:20px;margin-top:20px}
@media (min-width:901px){.row2{grid-template-columns:minmax(0,640fr) minmax(0,748fr)}}
.sgn{height:272px;gap:0;padding:22px;border-radius:20px;background:radial-gradient(60% 90% at 88% 50%,rgba(240,138,79,.2),transparent 70%),#161615;box-shadow:inset 0 0 0 1px rgba(240,138,79,.22)}
.sg-art{position:absolute;top:0;right:0;bottom:0;width:58%;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:22px 22px 22px 0;border-radius:0;background:none;box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}
.sg-n{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:10px;width:auto}
.sg-n b{order:2;margin:0;font-size:56px;line-height:.8}
.sg-k{order:1}
.sg-s{display:none}
.sg-heat{flex:none;gap:4px}
.sg-t{position:relative;z-index:2;width:340px;height:100%;gap:0;padding:0}
.sg-t strong{font:800 36px/40px var(--f-display);font-stretch:90%;letter-spacing:-.04em}
.sg-t ul{gap:6px;margin-top:14px;font:500 14px/20px var(--f-ui);color:rgba(255,255,255,.6)}
.sg-t .btn3d{display:inline-flex;align-items:center;height:48px;margin-top:auto;padding:0 22px;border-radius:12px;font-size:16px;font-weight:700}
.htiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:130px;gap:12px}
.mc{display:flex;flex-direction:column;gap:3px;min-width:0;padding:16px;border-radius:16px;background:#161615;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);color:#F2F0EB;text-decoration:none;transition:background-color 160ms ease,transform 160ms var(--ease)}
.mc[hidden]{display:none}
@media (hover:hover){.mc:hover{background:#1C1C1A}}
.mc:active{transform:scale(.98)}
.mc-i{display:grid;place-items:center;width:28px;height:28px;margin-bottom:auto;border-radius:8px;background:color-mix(in oklab,var(--a) 16%,transparent);color:var(--a)}
.mc-i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mc-n{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;font:600 14px/20px var(--f-ui);white-space:nowrap}
.mc-tg{flex:none;padding:3px 6px;border-radius:5px;background:#F08A4F;color:#120703;font:700 10px/1 var(--f-ui);font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.mc-tg.sale{background:#E3175E;color:#fff}.mc-tg.pro{background:#3FC98A;color:#04140C}
.mc-l{overflow:hidden;font:400 12px/16px var(--f-ui);color:#8A8780;text-overflow:ellipsis;white-space:nowrap}
.mc-l b{font-weight:600;color:#C9C6BF;font-variant-numeric:tabular-nums}
@media (max-width:1180px){.htiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.htiles{grid-auto-rows:minmax(118px,auto);gap:10px}.mc{padding:13px}.mc-n{flex-wrap:wrap;row-gap:4px;overflow:visible;white-space:normal;line-height:18px}.mc-l{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media (max-width:900px){.sgn{height:auto;min-height:0}.sg-art{position:relative;width:auto;padding:0 0 16px;-webkit-mask-image:none;mask-image:none}.sg-t{width:auto}.sg-t .btn3d{margin-top:18px}.sg-t strong{font-size:30px;line-height:34px}}

/* the film's title: a product-page section title (Higgsfield's 48/56), not a poster */
.f16-h{font:800 48px/56px var(--f-display);font-stretch:92%;letter-spacing:-.02em;background:none;-webkit-text-fill-color:#F4F2EE;color:#F4F2EE}
@media (max-width:640px){.f16-h{font-size:32px;line-height:36px}}
/* laptops between phone and desktop: the copy gets more room and one size down, so the heights hold */
@media (min-width:901px) and (max-width:1280px){
  .nb-t{max-width:62%}
  .nb-h{font-size:40px;line-height:42px}
  .fP .nb-h{font-size:36px;line-height:38px}
  .fP .nb-s{font-size:16px;line-height:24px}
  .fL .nb-h{font-size:40px}
}
.sh-acts{flex-wrap:wrap}
.rcpt-paper{grid-template-columns:minmax(0,1fr)}

/* ---------- round 18 (brand/cutline-formel.md) ----------
   The tool's button: Higgsfield's recipe in Cutline's materials. A flat colour, a light that gathers toward the bottom
   (the gradient), a 3 px edge underneath so it stands out of the page, and two shadows: one close, one far. Orange is the
   action and is deep, not pastel (#FF6A1A); white, green, yellow and titanium are the same object in other metals. */
:root{--cta:#FF6A1A;--cta-hi:#FF8A1F;--cta-edge:#A63F08;--cta-ink:#170800;--btn-drop:0 6px 4px rgba(0,0,0,.25),0 32px 24px rgba(0,0,0,.15)}

.btn3d,.fL .nb-go,.pl-btn.orange,.join .btn.solid{background:linear-gradient(180deg,rgba(255,138,31,0) 0%,var(--cta-hi) 100%),var(--cta);color:var(--cta-ink);filter:none;
  box-shadow:inset 0 -3px 0 var(--cta-edge),var(--btn-drop)}
.btn3d{height:48px;padding:0 22px 3px;border-radius:12px;font:600 17px/1 var(--f-ui);letter-spacing:-.02em;transition:transform 140ms var(--ease),filter 150ms ease,box-shadow 140ms var(--ease)}
.btn3d.sm{height:40px;padding:0 16px 3px;border-radius:10px;font-size:14px;letter-spacing:-.01em}
@media (hover:hover){.btn3d:hover,.fL .nb-go:hover,.pl-btn:hover{filter:brightness(1.06)}}
.btn3d:active,.fL .nb-go:active,.pl-btn.orange:active,.join .btn.solid:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 var(--cta-edge),0 3px 3px rgba(0,0,0,.25),0 14px 14px rgba(0,0,0,.12)}

/* the other metals: the same object, its own colour */
.nb-go,.btn3d.bone,.pl-btn.white{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#F1EFEA 100%),#fff;color:#0B0B0A;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3),var(--btn-drop)}
.pl-btn.green{background:linear-gradient(180deg,rgba(63,214,141,0) 0%,#4BE59A 100%),#25B872;color:#03130A;box-shadow:inset 0 -3px 0 #0F6B3F,var(--btn-drop)}
.pl-btn.yellow{background:linear-gradient(180deg,rgba(255,214,64,0) 0%,#FFD640 100%),#F4BC10;color:#1B1405;box-shadow:inset 0 -3px 0 #8F6A00,var(--btn-drop)}
.pl-btn.titanium{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#E7E4DE 100%),#C9C5BD;color:#121211;box-shadow:inset 0 -3px 0 #6E6A64,var(--btn-drop)}
.pl-btn:active,.nb-go:active,.btn3d.bone:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.3),0 3px 3px rgba(0,0,0,.25)}
.pl-btn{height:48px;padding-bottom:3px;border-radius:12px;font:650 17px/1 var(--f-ui);letter-spacing:-.02em}

/* the header's Sign up stays flat, like Higgsfield's: the colour is enough at 32 px */
.nbtn.solid{background:var(--cta);color:var(--cta-ink)}
.nbtn.ghost{background:color-mix(in oklab,var(--cta) 12%,#0B0B0A);color:#FF8A4A}
.nb-hi{background:radial-gradient(circle at 35% 30%,#FFB27A,var(--cta) 72%)}
.fL .nb-h{box-shadow:inset 0 0 0 2px var(--cta),inset 0 0 22px rgba(255,106,26,.45),0 0 28px rgba(255,106,26,.45),0 0 90px rgba(255,106,26,.22)}

/* the sale bar: the brand's orange, and Higgsfield's white button with its edge */
.sbar{height:44px;background:linear-gradient(180deg,rgba(255,138,31,0),rgba(255,138,31,.55)),var(--cta)}
.sb-in{color:var(--cta-ink)}
.sb-go{height:32px;padding:0 14px 3px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#F1EFEA 100%),#fff;color:#0B0B0A;font:650 14px/1 var(--f-ui);letter-spacing:-.01em;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.28),0 4px 4px rgba(90,25,0,.28),0 14px 16px rgba(90,25,0,.16)}
.sb-in:active .sb-go{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.28),0 2px 2px rgba(90,25,0,.28)}
.mc-tg{background:var(--cta);color:var(--cta-ink)}

/* ---------- avatars: the initial sits in the optical centre of its circle ---------- */
.pav>i{display:grid;place-items:center;width:100%;height:100%;font-style:normal;line-height:1;text-box:trim-both cap alphabetic}

/* ---------- the two community cards: a card is a card, the button is the button ---------- */
.hcc{cursor:default}
.hc-go{height:48px;padding:0 18px 3px 22px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#F1EFEA 100%),#fff;color:#0B0B0A;font:600 17px/1 var(--f-ui);letter-spacing:-.02em;text-decoration:none;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.3),var(--btn-drop);transition:transform 140ms var(--ease),filter 150ms ease}
@media (hover:hover){.hcc:hover .hc-go{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#F1EFEA 100%),#fff}.hc-go:hover{filter:brightness(1.04)}}
.hc-go:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.3),0 3px 3px rgba(0,0,0,.25)}
/* the weeks stand straight, one behind the other, like cards on a table seen from the front */
.hc-t.t1{left:0;top:34px;transform:scale(.86);transform-origin:left bottom;opacity:1;filter:brightness(.5)}
.hc-t.t2{left:24%;top:0;z-index:2;transform:none}
.hc-t.t3{left:48%;top:22px;z-index:1;transform:scale(.92);transform-origin:left bottom;opacity:1;filter:brightness(.72)}
/* the Floor's list sits inside the card, whole */
.hc-list{right:28px;width:44%}
.hc-m{right:-12px;top:156px;width:86%}
.hc-mp>span:last-child i{font-style:normal;font-size:12.5px;color:#8FB6F7}
.hc-mp .pav>i{font:600 13px/1 var(--f-ui);color:#fff}

/* ---------- the start card: the section you cannot miss. Why (a pair), how (the page's own steps), what it costs,
   and one big way in. It replaces "How it works" and "Included on" on every product page. ---------- */
.stc{--tone:#FF6A1A;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center;padding:52px 48px;border-radius:28px;
  background:radial-gradient(55% 90% at 0% 105%,rgba(255,106,26,.24),transparent 65%),radial-gradient(45% 80% at 100% -5%,color-mix(in oklab,var(--tone) 18%,transparent),transparent 70%),#121211;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.stc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.stc-k{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:9px;background:color-mix(in oklab,var(--tone) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tone) 42%,transparent);
  font:700 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--tone) 62%,#fff)}
.stc-k svg{width:14px;height:14px;stroke-width:2.2}
.stc-h{margin:20px 0 0;font:800 clamp(34px,3.3vw,52px)/1 var(--f-display);font-stretch:92%;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.stc-s{max-width:470px;margin:18px 0 0;font:400 16px/1.55 var(--f-ui);color:#A9A6A0}
.stc-s b{font-weight:600;color:#F2F0EB}
.stc-b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px}
.stc-b .btn3d,.stc-b .pl-btn{width:auto;height:54px;padding:0 28px 3px;border-radius:13px;font-size:18px}
.stc-b .btn.ghost{height:54px;padding:0 22px;border-radius:13px;font-size:16px}
.stc-b .pls-sale{flex-basis:100%;order:3;font:600 13px/1.3 var(--f-ui);color:#FF8A4A}
.stc-b .pls-sale[hidden]{display:none}
.stc-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.stc-st.stc-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stc-st li{position:relative;display:flex;flex-direction:column;padding:20px 18px 22px;border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.stc-st li:not(:last-child)::after{content:"";position:absolute;top:38px;left:60px;right:-12px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.04))}
.stc-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#232321;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:700 13px/1 var(--f-mono);color:#E5E2DC}
.stc-st li:last-child{background:color-mix(in oklab,var(--cta) 10%,rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,106,26,.4)}
.stc-st li:last-child .stc-n{background:linear-gradient(180deg,rgba(255,138,31,0),var(--cta-hi)),var(--cta);color:var(--cta-ink);box-shadow:inset 0 -2px 0 var(--cta-edge)}
.stc-st b{margin-top:18px;font:650 17px/1.25 var(--f-ui);color:#fff}
.stc-st p{margin:8px 0 0;font:400 14px/1.5 var(--f-ui);color:#A9A6A0}
.stc-st p a{color:#E5E2DC}
@media (max-width:1180px){.stc{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 32px}.stc-st{grid-template-columns:repeat(2,minmax(0,1fr))}.stc-st.stc-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stc-st li::after{display:none}}
@media (max-width:640px){.stc{padding:28px 20px;border-radius:22px}.stc-st,.stc-st.stc-3{grid-template-columns:minmax(0,1fr)}.stc-b .btn3d,.stc-b .pl-btn{width:100%}.stc-b .btn.ghost{width:100%}}

/* ---------- "More than a calendar": the library that tells you what to do next, then the rest of Cutline ---------- */
.mx-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:18px}
.mx-t{margin:0;font:800 clamp(30px,3vw,44px)/1 var(--f-display);font-stretch:92%;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.mx-h p{margin:0;max-width:440px;font:400 15px/1.5 var(--f-ui);color:#A9A6A0}
.mx-g{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:12px}
.mx-c{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:340px;padding:24px;border-radius:22px;background:#141413;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.mx-big{background:radial-gradient(70% 80% at 100% 100%,rgba(255,106,26,.16),transparent 70%),#141413}
.mx-n{display:flex;align-items:baseline;gap:8px;font:600 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8A8780}
.mx-n b{font:800 34px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:#fff}
.mx-ct{margin-top:18px;font:700 19px/1.2 var(--f-ui);color:#fff}
.mx-c p{margin:8px 0 0;max-width:360px;font:400 14.5px/1.5 var(--f-ui);color:#A9A6A0}
.mx-l{display:flex;flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.mx-l li{display:flex;align-items:center;gap:8px;font:500 13.5px/1.3 var(--f-ui);color:#E5E2DC}
.mx-l svg{flex:none;width:14px;height:14px;color:#FF8A4A;stroke-width:2.2}
.mx-go{position:relative;z-index:2;display:inline-flex;align-items:center;height:40px;margin-top:auto;padding:0 16px 3px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#F1EFEA 100%),#fff;color:#0B0B0A;
  font:600 14px/1 var(--f-ui);text-decoration:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3),var(--btn-drop);transition:transform 140ms var(--ease)}
.mx-go:active{transform:translateY(2px)}
.mx-big .mx-go{background:linear-gradient(180deg,rgba(255,138,31,0) 0%,var(--cta-hi) 100%),var(--cta);color:var(--cta-ink);box-shadow:inset 0 -3px 0 var(--cta-edge),var(--btn-drop)}
.mx-art{position:absolute;right:-10px;bottom:-14px;z-index:-1;width:62%;height:62%}
.mx-w{position:absolute;bottom:0;width:58%;height:88%;padding:10px;border-radius:14px;background:#1C1B19;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 20px 40px -20px rgba(0,0,0,.9)}
.mx-w>b{display:block;margin-bottom:8px;font:800 11px/1 var(--f-display);font-stretch:112%;text-transform:uppercase;color:#E5E2DC}
.mx-w>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;height:calc(100% - 20px)}
.mx-w span{position:relative;border-radius:3px;background:rgba(255,255,255,.04)}
.mx-w i{position:absolute;left:1px;right:1px;border-radius:2px;background:var(--c)}
.mx-w.w1{left:0;transform:scale(.86);transform-origin:left bottom;filter:brightness(.5)}
.mx-w.w2{left:22%;z-index:2}
.mx-w.w3{left:44%;transform:scale(.92);transform-origin:left bottom;filter:brightness(.7);z-index:1}
.mx-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.mx-r>span{margin-right:6px;font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6F6C66}
.mx-r a{display:inline-flex;align-items:baseline;gap:8px;padding:9px 12px;border-radius:10px;background:#161615;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);text-decoration:none}
.mx-r a b{font:600 13.5px/1 var(--f-ui);color:#F2F0EB}.mx-r a i{font:400 12.5px/1 var(--f-ui);font-style:normal;color:#8A8780}
@media (hover:hover){.mx-r a:hover{background:#1C1C1A}}
@media (max-width:1180px){.mx-g{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-big{grid-column:span 2}}
@media (max-width:640px){.mx-g{grid-template-columns:minmax(0,1fr)}.mx-big{grid-column:auto}.mx-c{min-height:0}.mx-art{display:none}.mx-r a i{display:none}}

/* ---------- the price, last (Get paid): one piece, the slider and what each plan costs you at that number ---------- */
.px{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center;padding:48px;border-radius:28px;
  background:radial-gradient(50% 80% at 100% 0%,rgba(47,191,122,.16),transparent 70%),#121211;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.px .stc-k{--tone:#2FBF7A}
.px-h{margin:20px 0 0;font:800 clamp(34px,3.3vw,52px)/1 var(--f-display);font-stretch:92%;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.px-s{max-width:470px;margin:16px 0 0;font:400 16px/1.55 var(--f-ui);color:#A9A6A0}
.px-in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-top:30px;padding:20px 22px 16px;border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.px-in>span{font:500 14px/1 var(--f-ui);color:#A9A6A0}
.px-in>b{font:800 44px/1 var(--f-display);font-stretch:100%;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.px-in input{flex-basis:100%;width:100%;height:28px;margin:10px 0 0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.px-in input::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#2FBF7A,#8FE3BB)}
.px-in input::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#2FBF7A,#8FE3BB)}
.px-in input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:linear-gradient(180deg,#fff,#E7E4DE);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.4)}
.px-in input::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.4)}
.px-be{margin:14px 0 0;font:500 15px/1.4 var(--f-ui);color:#A9A6A0}.px-be b{color:#8FE3BB}
.px-r{display:flex;flex-direction:column;gap:10px}
.px .fc-row{height:72px;padding:0 20px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.px .fc-row>span{display:flex;flex-direction:column;gap:4px;font:650 17px/1 var(--f-ui);color:#fff}
.px .fc-row>span .seal{display:none}
.px .fc-row>span i{margin:0;font:500 12.5px/1 var(--f-mono);color:#8A8780}
.px .fc-row>b{font:800 30px/1 var(--f-display)}
.px .fc-row.best{background:rgba(47,191,122,.1);box-shadow:inset 0 0 0 1.5px rgba(47,191,122,.7)}
.px-x{margin:6px 0 0;font:400 13.5px/1.5 var(--f-ui);color:#8A8780}
.px-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.px-b .btn3d{height:52px;padding:0 26px 3px;font-size:17px}.px-b .btn.ghost{height:52px;border-radius:13px}
@media (max-width:1100px){.px{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 28px}}
@media (max-width:640px){.px{padding:26px 18px}.px-in>b{font-size:36px}.px .fc-row>b{font-size:24px}}

/* ---------- plans: every card shares the same rows, so the prices, the buttons and the badges line up across them.
   No giant outlined names behind the cards; one tag at most (the sale), and "cancel any time" under the button. ---------- */
@supports (grid-template-rows:subgrid){
  .plans{grid-template-rows:auto;row-gap:0}
  .plans .plan{display:grid;grid-row:span 9;grid-template-rows:subgrid;row-gap:12px;align-content:start}
  .plans .plan>.pl-list{align-self:start}
}
.plans .pl-eng{display:none}
.plans .pl-day{min-height:16px}

/* ---------- the front page's promise: name the goal, see the week the app builds for it ---------- */
.gsx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center}
.gsx-h{margin:20px 0 0;font:800 clamp(36px,3.6vw,56px)/1 var(--f-display);font-stretch:92%;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.gsx-s{max-width:470px;margin:16px 0 0;font:400 16.5px/1.55 var(--f-ui);color:#A9A6A0}
.gsx-goals{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.gsx-goals button{height:40px;padding:0 14px;border-radius:10px;background:#161615;color:#E5E2DC;font:500 14.5px/1 var(--f-ui);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background-color 160ms ease,box-shadow 160ms ease}
@media (hover:hover){.gsx-goals button:hover{background:#1C1C1A}}
.gsx-goals button[aria-selected="true"]{background:color-mix(in oklab,var(--cta) 12%,#161615);color:#fff;box-shadow:inset 0 0 0 1.5px var(--cta)}
.gsx-b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px}
.gsx-b .btn3d{height:54px;padding:0 28px 3px;border-radius:13px;font-size:18px}
.gsx-f{font:500 13.5px/1 var(--f-ui);color:#8A8780}
.gsx-r{position:relative;padding:22px;border-radius:24px;background:radial-gradient(60% 70% at 100% 0%,rgba(255,106,26,.12),transparent 70%),#121211;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gsx-p[hidden]{display:none}
.gsx-p{animation:gsxIn 260ms cubic-bezier(.23,1,.32,1)}
@keyframes gsxIn{from{opacity:0;transform:translateY(6px)}}
.gsx-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.gsx-top b{font:800 20px/1.1 var(--f-display);font-stretch:96%;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.gsx-top span{font:500 12.5px/1 var(--f-mono);color:#8A8780}
.gsx-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:300px}
.gsx-wk span{display:flex;flex-direction:column;gap:6px;min-width:0}
.gsx-wk em{font:600 10.5px/1 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#8A8780;text-align:center}
.gsx-wk u{position:relative;flex:1;border-radius:9px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);text-decoration:none}
.gsx-wk i{position:absolute;left:3px;right:3px;min-height:15px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at center,rgba(255,255,255,.22) .5px,transparent .9px) 0 0/5px 5px,var(--c)}
.gsx-wk i b{display:block;padding:4px 6px;font:600 10.5px/1.15 var(--f-ui);font-style:normal;color:rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsx-m{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;margin-top:14px}
.gsx-m>div{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.gsx-m>div:first-child{background:color-mix(in oklab,var(--cta) 9%,rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,106,26,.35)}
.gsx-m span{font:700 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#FF8A4A}
.gsx-m>div:last-child span{color:#8A8780}
.gsx-m b{font:700 15px/1.2 var(--f-ui);color:#fff}
.gsx-m em{font:500 12px/1 var(--f-mono);font-style:normal;color:#C9C6BF}
.gsx-m i{font:500 13px/1.35 var(--f-ui);font-style:normal;color:#E5E2DC}
.gsx-n{margin:12px 0 0;font:400 12.5px/1.4 var(--f-ui);color:#6F6C66}
@media (max-width:1100px){.gsx{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:640px){.gsx-wk{height:220px}.gsx-wk i b{display:none}.gsx-m{grid-template-columns:minmax(0,1fr)}.gsx-r{padding:16px}.gsx-b .btn3d{width:100%}}

/* ---------- streaks are earned (Pricing): the app's own heatmap, where one empty day starts the count again ---------- */
.skc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center;padding:48px;border-radius:28px;background:#121211;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.skc-h{margin:20px 0 0;font:800 clamp(32px,3vw,46px)/1 var(--f-display);font-stretch:92%;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.skc-l p{max-width:480px;margin:14px 0 0;font:400 15.5px/1.55 var(--f-ui);color:#A9A6A0}
.skc-l .stc-k{--tone:#FF6A1A}
.skx{padding:22px;border-radius:20px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.skx-n{display:flex;gap:28px;margin-bottom:18px}
.skx-n div{display:flex;align-items:baseline;gap:8px}
.skx-n b{font:800 40px/1 var(--f-display);font-stretch:100%;color:#fff}
.skx-n div:last-child b{color:#6F6C66}
.skx-n span{font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#8A8780}
.skx-g{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;gap:4px}
.skx-g i,.skx-k i{display:block;aspect-ratio:1;border-radius:3px;background:rgba(236,234,229,.06)}
.skx-g .old.l1{background:#3A2416}.skx-g .old.l2{background:#5A3118}.skx-g .old.l3{background:#7A3F1A}
.skx-g .run.l3{background:#C4521D}.skx-g .run.l4{background:#FF6A1A}
.skx-g .miss,.skx-k .miss{background:none;box-shadow:inset 0 0 0 1.5px #E0544A}
.skx-g .fut{background:none;box-shadow:inset 0 0 0 1px rgba(236,234,229,.07)}
.skx-g .now,.skx-k .now{background:#fff;box-shadow:0 0 0 2px rgba(255,106,26,.5),0 0 12px rgba(255,106,26,.6)}
.skx-k{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font:500 12.5px/1.3 var(--f-ui);color:#A9A6A0}
.skx-k span{display:inline-flex;align-items:center;gap:8px}
.skx-k i{width:12px;flex:none}
@media (max-width:1000px){.skc{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 24px}}
@media (max-width:640px){.skc{padding:24px 18px}.skx-g{gap:3px}}

/* ---------- round 18b: slimmer buttons (the same design, less height), a sale line you can read ---------- */
.btn3d{height:42px;padding:0 20px 3px;border-radius:11px;font-size:16px}
.btn3d.sm{height:36px;padding:0 14px 3px;border-radius:9px;font-size:14px}
.pl-btn,.stc-b .btn3d,.stc-b .pl-btn,.gsx-b .btn3d,.px-b .btn3d,.hc-go,.sg-t .btn3d{height:44px;padding:0 22px 3px;border-radius:11px;font-size:16px}
.stc-b .btn.ghost,.px-b .btn.ghost{height:44px;border-radius:11px;font-size:15px}
.finale .btn.ghost,.bn-acts .btn.ghost{height:42px;border-radius:11px}
.stc-b .pls-sale{display:inline-flex;align-items:center;gap:6px;flex-basis:auto;order:3;height:28px;padding:0 10px;border-radius:8px;background:var(--cta);color:var(--cta-ink);font:700 12.5px/1 var(--f-ui)}
.stc-b .pls-sale b,.stc-b .pls-sale span{color:var(--cta-ink)}
.stc-b .pls-sale[hidden]{display:none}
.foot-top{justify-content:flex-start}
/* round 18b: the path on the front page, the first move with its steps, and the prompt as a code box you tap to copy */
.gsx-path{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;counter-reset:gp}
.gsx-path li{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 5px;border-radius:9px;background:#181817;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font:500 13px/1 var(--f-ui);color:#C9C6BF;counter-increment:gp}
.gsx-path li::before{content:counter(gp);display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#242422;font:700 10.5px/1 var(--f-mono);color:#A9A6A0}
.gsx-path li.on{color:#fff;box-shadow:inset 0 0 0 1.5px #FF6A1A}
.gsx-path li.on::before{background:#FF6A1A;color:#170800}
.gsx-f1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;margin-top:14px;align-items:start}
.gsx-fm{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:color-mix(in oklab,var(--cta) 9%,rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,106,26,.35)}
.gsx-fm span{font:700 10px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#FF8A4A}
.gsx-fm b{font:700 16px/1.25 var(--f-ui);color:#fff}
.gsx-fm ol{margin:4px 0 0;padding-left:18px;font:400 13px/1.45 var(--f-ui);color:#C9C6BF}
.gsx-fm li+li{margin-top:4px}
.aip{display:block;width:100%;padding:14px 16px;border-radius:14px;background:#0E0E0D;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-align:left;cursor:copy;transition:box-shadow 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.aip:hover{box-shadow:inset 0 0 0 1px rgba(255,138,74,.5)}}
.aip:active{transform:scale(.99)}
.aip-h{display:flex;align-items:center;gap:7px;font:700 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#FF8A4A}
.aip-h svg{width:13px;height:13px;flex:none}
.aip-h em{margin-left:auto;padding:6px 9px;border-radius:7px;background:#262624;font:600 12px/1 var(--f-ui);font-style:normal;letter-spacing:0;text-transform:none;color:#E5E2DC}
.aip.ok .aip-h em{background:#1F3A2B;color:#7FE0A8}
.aip code{display:block;margin-top:10px;font:400 12.5px/1.6 var(--f-mono);color:#D6D3CC;white-space:pre-wrap;word-break:break-word}
.aip code mark{background:none;color:#FFB07A;font-weight:600}
.aip-f{display:block;margin-top:9px;font:400 11.5px/1.35 var(--f-ui);color:#8A8780}
@media (max-width:820px){.gsx-f1{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.aip{transition:none}}
.gsx-3{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:470px}
.gsx-3 li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start}
.gsx-3 svg{grid-row:span 2;width:28px;height:28px;padding:6px;border-radius:8px;background:#181817;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#FF8A4A}
.gsx-3 b{font:600 15px/1.3 var(--f-ui);color:#fff}
.gsx-3 span{font:400 14px/1.45 var(--f-ui);color:#A9A6A0}
/* round 19: the hub cards' copy keeps a clear gap above the button */
.hcc p{margin-bottom:28px}
/* round 19: the six cards next to the sign-up, each drawn with a piece of Cutline instead of an icon chip */
.mc{position:relative;overflow:hidden;isolation:isolate}
.mc .mc-n,.mc .mc-l{position:relative;z-index:1}
.mc .mc-n{margin-top:auto}
.mca{position:absolute;top:14px;right:14px;z-index:0;display:flex;pointer-events:none}
.mca-pw{flex-direction:column;align-items:flex-end;gap:6px}
.mca-pw>b{font:900 20px/1 var(--f-display);font-stretch:90%;color:#F4F2EE}.mca-pw small{margin-left:2px;font-size:11px;color:#8A8780}
.mca-g{display:flex;gap:3px}.mca-g>span{display:flex;flex-direction:column;gap:3px}
.mca-g i{width:9px;height:6px;border-radius:2px;background:rgba(255,255,255,.06)}
.mca-g i.l2{background:#7A3A14}.mca-g i.l3{background:#C45A24}.mca-g i.l4{background:#F08A4F}
.mca-sale{flex-direction:column;align-items:flex-end}
.mca-sale b{font:900 44px/.9 var(--f-display);font-stretch:86%;letter-spacing:-.03em;color:var(--sale-a,#FF6A1A)}
.mca-sale em{font:700 11px/1 var(--f-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#C9C6BF}
.mca-yr{align-items:flex-end;gap:3px;height:52px}
.mca-yr i{position:relative;display:block;width:10px;height:34px;border-radius:3px;background:#262624;font-style:normal}
.mca-yr i:nth-child(odd){height:30px}
.mca-yr i.fr{height:46px;background:linear-gradient(180deg,#5BE3A4,#1E9A62);box-shadow:0 0 14px rgba(63,201,138,.35)}
.mca-yr b{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:700 7px/1 var(--f-mono);color:#6F6C66}
.mca-yr i.fr b{color:#04140C}
.mca-yr em{position:absolute;top:-2px;right:0;font:700 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#5BE3A4}
.mca-seal{flex-direction:column;align-items:center;gap:6px}
.mca-seal .seal{display:block;width:46px;height:46px}
.mca-seal.pro .seal{filter:drop-shadow(0 0 16px rgba(63,201,138,.45))}
.mca-seal.ver .seal{filter:drop-shadow(0 0 16px rgba(240,138,79,.45))}
.mca-seal em{font:700 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.08em;color:#8A8780}
.mca-crew{flex-direction:column;align-items:flex-end;gap:7px}
.mca-crew .pavs{display:flex}.mca-crew .pav{box-shadow:0 0 0 2px #161615}.mca-crew .pav+.pav{margin-left:-8px}
.mca-crew em{padding:4px 7px;border-radius:6px;background:rgba(232,185,35,.14);font:700 10.5px/1 var(--f-mono);font-style:normal;color:#E8B923}
.mca-yi{flex-direction:column;align-items:flex-end;gap:4px;width:118px}
.mca-yi>span{display:flex;gap:6px;align-items:baseline}
.mca-yi b{font:800 13px/1 var(--f-mono);color:#F4F2EE}.mca-yi em{font:700 11px/1 var(--f-mono);font-style:normal;color:#3FC98A}
.mca-yi svg{width:118px;height:34px}.mca-yi .a{fill:rgba(63,201,138,.16)}.mca-yi .l{fill:none;stroke:#3FC98A;stroke-width:1.6}
@media (max-width:640px){.mca{top:10px;right:10px;transform:scale(.82);transform-origin:top right}}
/* round 19: the sign-up card's button, as slim as the rest */
.sg-t .btn3d{height:40px;padding:0 18px 3px;border-radius:10px;font-size:15px;font-weight:600}
.mca-pw{flex-direction:row;align-items:flex-start;gap:10px}
.mca-g i{height:5px}
/* round 19: the challenges run on a loop; a hover or a focus holds them; the board stays put */
.chal-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
.crs{grid-column:span 4;min-width:0;overflow:hidden;border-radius:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.crs-t{display:flex;gap:12px;width:max-content;animation:crsRun 80s linear infinite}
.crs-t>.cr{flex:none;width:calc((min(100vw - 32px,1568px) - 48px) / 5)}
.crs:hover .crs-t,.crs:focus-within .crs-t{animation-play-state:paused}
@keyframes crsRun{to{transform:translateX(calc(-50% - 6px))}}
@media (max-width:1180px){.chal-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.crs{grid-column:span 2}.crs-t>.cr{width:calc((100vw - 56px) / 3)}}
@media (max-width:640px){.chal-rail{display:flex;flex-direction:column;overflow:visible;gap:12px}.crs{grid-column:auto;width:100%}.crs-t>.cr{width:78vw}}
@media (prefers-reduced-motion:reduce){.crs{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.crs-t{animation:none}.crs-t>[aria-hidden="true"]{display:none}}
/* ---------- round 19: "More than a calendar", the front page's scene. Scroll drives it: empty boxes, the week filling, the week ticked off ---------- */
.msx{position:relative;height:300vh;--p:0}
.msx-in{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(60% 55% at 50% 60%,rgba(255,106,26,calc(.04 + var(--p) * .22)),transparent 70%)}
.msx-w{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;width:100%;height:min(100%,920px);padding-top:76px;padding-bottom:28px}
.msx-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.msx-h{margin:0;display:flex;flex-direction:column;align-items:center;font:900 clamp(34px,5.2vw,84px)/.95 var(--f-display);font-stretch:88%;letter-spacing:-.03em;text-transform:uppercase;color:#F4F2EE}
.msx-h2{color:#FF6A1A;clip-path:inset(0 calc(100% - var(--p) * 600%) 0 0)}
.msx-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:0;width:min(100%,1180px);margin:0 auto}
.msx-d{display:flex;flex-direction:column;gap:8px;min-width:0}
.msx-d em{font:700 11px/1 var(--f-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#8A8780}
.msx-d u{position:relative;flex:1;border-radius:12px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);text-decoration:none;overflow:hidden}
.msx-b{position:absolute;left:5px;right:5px;min-height:16px;border-radius:7px;background:radial-gradient(circle at center,rgba(255,255,255,.22) .5px,transparent .9px) 0 0/5px 5px,var(--c);opacity:0;transform:translateY(-14px) scale(.96);transition:opacity 260ms ease,transform 420ms cubic-bezier(.23,1,.32,1)}
.msx-b.on{opacity:1;transform:none}
.msx-b b{display:block;padding:5px 7px;font:600 11.5px/1.15 var(--f-ui);color:rgba(0,0,0,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msx-st{position:absolute;left:50%;top:50%;padding:7px 12px;border:2px solid #3FC98A;border-radius:8px;background:rgba(10,30,20,.78);color:#5BE3A4;font:800 15px/1 var(--f-display);font-stretch:96%;letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-8deg) scale(1.4);opacity:0;transition:opacity 200ms ease,transform 320ms cubic-bezier(.34,1.56,.64,1)}
.msx-d.done .msx-st{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
.msx-d.done u{box-shadow:inset 0 0 0 1.5px rgba(63,201,138,.55)}
.msx-cap{position:relative;height:26px;text-align:center}
.msx-cap span{position:absolute;inset:0;font:500 clamp(16px,1.5vw,20px)/1.3 var(--f-ui);color:#C9C6BF;opacity:0;transform:translateY(6px);transition:opacity 240ms ease,transform 300ms cubic-bezier(.23,1,.32,1)}
.msx[data-st="0"] .msx-cap [data-k="0"],.msx[data-st="1"] .msx-cap [data-k="1"],.msx[data-st="2"] .msx-cap [data-k="2"]{opacity:1;transform:none}
.msx-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 40px;opacity:0;transform:translateY(16px);transition:opacity 300ms ease,transform 420ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.msx[data-st="3"] .msx-end{opacity:1;transform:none;pointer-events:auto}
.msx[data-st="3"] .msx-cap{display:none}
.msx-n{display:flex;gap:26px}
.msx-n span{display:flex;flex-direction:column;align-items:center;gap:4px}
.msx-n b{font:900 34px/1 var(--f-display);font-stretch:88%;color:#F4F2EE}
.msx-n i{font:700 10.5px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#8A8780}
.msx-go{display:flex;flex-direction:column;align-items:center;gap:8px}
.msx-go .btn3d{height:52px;padding:0 30px 3px;border-radius:13px;font-size:18px}
.msx-go span{font:500 13px/1 var(--f-ui);color:#8A8780}
@media (max-width:820px){.msx{height:240vh}.msx-w{padding-top:64px;gap:14px}.msx-wk{gap:4px}.msx-b b{display:none}.msx-st{font-size:10px;padding:4px 6px}.msx-n{gap:16px}.msx-n b{font-size:24px}.msx-cap{height:44px}}
@media (prefers-reduced-motion:reduce){.msx{height:auto}.msx-in{position:static;height:auto;padding:40px 0;background:none}.msx-w{height:auto}.msx-wk{height:420px}.msx-h2{clip-path:none}.msx-b{opacity:1;transform:none;transition:none}.msx-end{opacity:1;transform:none;pointer-events:auto}.msx-cap{display:none}}
/* two ways in, under the hero */
.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.door{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;row-gap:3px;align-items:center;padding:16px 18px;border-radius:16px;background:#161615;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);color:#F2F0EB;text-decoration:none;transition:background-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.door:hover{background:#1C1C1A}}
.door:active{transform:scale(.99)}
.door em{grid-row:span 2;align-self:center;padding:5px 8px;border-radius:7px;background:rgba(63,201,138,.14);color:#5BE3A4;font:700 10.5px/1 var(--f-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.door.pro em{background:rgba(255,90,78,.14);color:#FF8A80}
.door b{font:700 16px/1.2 var(--f-ui)}
.door span{grid-column:2;font:400 13.5px/1.35 var(--f-ui);color:#8A8780}
.door svg{grid-row:span 2;grid-column:3;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#8A8780;transition:transform 160ms ease}
@media (hover:hover){.door:hover svg{transform:translateX(3px);color:#F2F0EB}}
@media (max-width:820px){.doors{grid-template-columns:minmax(0,1fr)}.door em{grid-row:1;grid-column:1 / span 2;justify-self:start}.door b{grid-column:1 / span 2}.door span{grid-column:1 / span 2}}
.msx-h{font-size:clamp(28px,4vw,64px)}
.msx-w{gap:16px;padding-top:66px;padding-bottom:22px}
.msx-top{gap:10px}
/* the scene owns the screen while it runs: the corner offer waits; a phone gets a tick for a stamp */
.msx-on .hpop{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}
@media (max-width:820px){.msx-st{font-size:0;padding:3px 5px;border-width:1.5px;border-radius:6px}.msx-st::before{content:'✓';font:900 15px/1 var(--f-ui)}}
/* round 19: a few names in the header carry an effect that fits them (Higgsfield's way): gold for Proven weeks, metal for
   Badges, money green for Get paid, a live glow for the Arena. A shine crosses each one in turn, then rests */
.nl{position:relative}
.nfx-gold .nl,.nfx-metal .nl,.nfx-green .nl{background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nfxShine 6s cubic-bezier(.45,0,.2,1) infinite}
.nfx-gold .nl{background-image:linear-gradient(100deg,#D9A93A 0%,#F6DA86 42%,#FFF6D8 50%,#F6DA86 58%,#E3B54A 100%)}
.nfx-metal .nl{background-image:linear-gradient(100deg,#A9A59C 0%,#E6E2D8 42%,#FFFFFF 50%,#E6E2D8 58%,#B9B5AC 100%);animation-delay:2s}
.nfx-green .nl{background-image:linear-gradient(100deg,#34B87C 0%,#8FE8BC 42%,#E9FFF3 50%,#8FE8BC 58%,#46C98D 100%);animation-delay:4s}
@keyframes nfxShine{0%,62%{background-position:100% 0}100%{background-position:0 0}}
.nfx-live .nl{color:#FFE2DE;animation:nfxLive 2.4s ease-in-out infinite}
@keyframes nfxLive{0%,100%{text-shadow:0 0 0 rgba(255,90,78,0)}50%{text-shadow:0 0 14px rgba(255,90,78,.7),0 0 3px rgba(255,90,78,.45)}}
@media (hover:hover){.nav-links a[class^="nfx-"]:hover .nl{filter:brightness(1.18)}}
@media (prefers-reduced-motion:reduce){.nfx-gold .nl,.nfx-metal .nl,.nfx-green .nl,.nfx-live .nl{animation:none}.nfx-gold .nl,.nfx-metal .nl,.nfx-green .nl{background-position:50% 0}}
/* the shine, clearly seen: a narrow bright band across a deeper base */
.nfx-gold .nl{background-image:linear-gradient(100deg,#D6A33A 0%,#E8BE58 38%,#FFF9E6 47%,#FFFFFF 50%,#FFF9E6 53%,#E8BE58 62%,#D6A33A 100%)}
.nfx-metal .nl{background-image:linear-gradient(100deg,#A39F96 0%,#CFCBC2 38%,#FFFFFF 47%,#FFFFFF 53%,#CFCBC2 62%,#A39F96 100%)}
.nfx-green .nl{background-image:linear-gradient(100deg,#2FAE74 0%,#5FD49E 38%,#EFFFF7 47%,#FFFFFF 50%,#EFFFF7 53%,#5FD49E 62%,#2FAE74 100%)}

/* The Cutline CV (cv-render.js). One A4 page: 794 x 1123 CSS px. Fonts: Archivo, Geist, Geist Mono (loaded by the page). */
.cvd{position:relative;width:794px;height:1123px;overflow:hidden;box-sizing:border-box;font:400 11px/1.45 "Geist",system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#17130A;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left}
.cvd *{box-sizing:border-box}
.cvd h1,.cvd [data-h1],.cvd h2,.cvd h3,.cvd p,.cvd ul,.cvd dl,.cvd dd{margin:0;padding:0}
.cvd ul{list-style:none}
.cvd a{color:inherit;text-decoration:none}
.cvd .cv-seal{display:inline-block;vertical-align:-.18em;flex:none}
.cvd .cvr-mark{display:inline-flex;width:22px;height:22px;color:#17130A;flex:none}
.cvd .cvr-mark svg{width:100%;height:100%}
.cvd.is-draft::after{content:"DRAFT · NOT ISSUED";position:absolute;right:-62px;top:58px;transform:rotate(45deg);background:#D9561F;color:#fff;font:700 10px/1 "Geist Mono",monospace;letter-spacing:.18em;padding:7px 70px;z-index:5}

/* heatmap: 53 weeks x 7 days */
.cv-heat{--cell:8.4px;--gap:2px;display:grid;gap:4px}
.cv-hm{position:relative;height:10px;font:500 7.5px/1 "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.cv-hm span{position:absolute;left:calc(var(--c) * (var(--cell) + var(--gap)))}
.cv-hg{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--cell));grid-auto-columns:var(--cell);gap:var(--gap)}
.cv-hg i,.cv-hl i{display:block;width:var(--cell);height:var(--cell);border-radius:1.6px;background:rgba(23,19,10,.07)}
.cv-hg i.h-x{background:none}
.cv-heat i.h1{background:#B8CFC3}.cv-heat i.h2{background:#7FA893}.cv-heat i.h3{background:#3E7A61}.cv-heat i.h4{background:#17432F}
.cv-hl{display:flex;align-items:center;gap:3px;justify-content:flex-end;font:500 7px/1 "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.65}
.cv-hl span{margin:0 3px}
.cv-heat.sm{--cell:3.2px;--gap:.8px}
.cv-heat.wide{--cell:10.4px;--gap:2.2px}
.cv-heat.sm .cv-hm{display:none}
.cv-heat.dark i{background:rgba(236,234,229,.07)}
.cv-heat.dark i.h1{background:#5A2A12}.cv-heat.dark i.h2{background:#8E3E16}.cv-heat.dark i.h3{background:#C4521D}.cv-heat.dark i.h4{background:#F07B3C}
.cv-heat.dark .cv-hg i.h-x{background:none}

.cv-bars{display:grid;gap:6px}
.cv-bar{display:grid;grid-template-columns:96px 1fr 52px;align-items:center;gap:10px;font-size:10.5px}
.cv-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-bar i{height:6px;border-radius:3px;background:rgba(23,19,10,.08);overflow:hidden}
.cv-bar u{display:block;height:100%;width:calc(var(--w) * 100%);background:#2E5C4A;border-radius:3px}
.cv-bar b{font:600 10px/1 "Geist Mono",monospace;text-align:right}
.cv-list{display:grid;gap:9px}
.cv-er{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cv-er b{font:600 11.5px/1.3 "Geist",sans-serif}
.cv-er span{opacity:.75}
.cv-er em{margin-left:auto;font:500 9px/1 "Geist Mono",monospace;letter-spacing:.04em;opacity:.6;font-style:normal}
.cv-list p{margin-top:2px;opacity:.8;font-size:10.5px}
.cv-skills{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.cv-skills li{display:grid;gap:1px}
.cv-skills b{font-weight:600;font-size:11px}
.cv-skills span{font:500 9px/1.3 "Geist Mono",monospace;opacity:.7}
.cv-skills span.decl{opacity:.45}

/* ---------- record: an issued document ---------- */
.cv-record{background:#F3F0E6;padding:58px 62px 48px}
.cv-record .cv-guil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cv-record .cv-micro{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cv-record .cv-frame{position:absolute;inset:22px;border:1px solid rgba(23,19,10,.55);pointer-events:none}
.cv-record .cv-frame::after{content:"";position:absolute;inset:4px;border:.5px solid rgba(23,19,10,.3)}
.cv-record>*:not(svg):not(.cv-frame):not(.cvr-foot){position:relative}
.cvr-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(23,19,10,.7)}
.cvr-iss{display:flex;align-items:center;gap:10px}
.cvr-iss b{display:block;font:800 15px/1 "Archivo",sans-serif;font-stretch:125%;letter-spacing:.02em;text-transform:uppercase}
.cvr-iss span{display:block;margin-top:4px;font:500 8px/1 "Geist Mono",monospace;letter-spacing:.22em;text-transform:uppercase;opacity:.75}
.cvr-iss .cvr-mark{width:30px;height:30px}
.cvr-doc{display:grid;gap:5px;text-align:right}
.cvr-doc div{display:flex;gap:10px;justify-content:flex-end;align-items:baseline}
.cvr-doc dt{font:500 7.5px/1 "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;opacity:.6}
.cvr-doc dd{font:600 11px/1 "Geist Mono",monospace;letter-spacing:.08em}
.cvr-title{margin:24px 0 22px;font:800 34px/1 "Archivo",sans-serif;font-stretch:118%;letter-spacing:-.01em;display:flex;align-items:center;gap:14px}
.cvr-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(23,19,10,.6),rgba(23,19,10,0))}
.cvr-k{font:500 7.5px/1 "Geist Mono",monospace;letter-spacing:.22em;text-transform:uppercase;opacity:.6;margin-bottom:6px!important}
.cvr-holder{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.cvr-id h2{font:700 26px/1.05 "Archivo",sans-serif;font-stretch:108%}
.cvr-sub{margin-top:5px!important;font:500 10px/1.3 "Geist Mono",monospace;letter-spacing:.03em;opacity:.75}
.cvr-head{margin-top:9px!important;font:500 13.5px/1.35 "Geist",sans-serif}
.cvr-links{margin-top:7px!important;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:10px}
.cvr-links a{border-bottom:.5px solid rgba(23,19,10,.4)}
.cvr-links span{opacity:.75}
.cvr-badge{flex:none;display:grid;justify-items:center;gap:4px;padding:12px 14px;border:1px solid rgba(23,19,10,.25);border-radius:10px;background:rgba(255,255,255,.4);min-width:118px}
.cvr-badge b{font:700 11px/1 "Archivo",sans-serif;font-stretch:115%;text-transform:uppercase;letter-spacing:.05em}
.cvr-badge span{font:500 7.5px/1.2 "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.65;text-align:center}
.cvr-about{margin-top:12px!important;font-size:11px;line-height:1.5;max-width:560px;opacity:.85}
.cvr-sec{margin-top:18px}
.cvr-sec h3{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:6px;margin-bottom:10px!important;border-bottom:.75px solid rgba(23,19,10,.45)}
.cvr-sec h3 span{font:700 10px/1 "Archivo",sans-serif;font-stretch:118%;letter-spacing:.12em;text-transform:uppercase}
.cvr-sec h3 em{font:500 7.5px/1 "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;font-style:normal;opacity:.6}
.cvr-figs{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:.75px;background:rgba(23,19,10,.3);border:.75px solid rgba(23,19,10,.45);border-radius:2px}
.cvr-figs div{padding:11px 13px 10px;display:grid;gap:3px;background:#F6F4EC}
.cvr-figs span{font:500 7.5px/1 "Geist Mono",monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.cvr-figs b{font:600 22px/1.05 "Geist Mono",monospace;letter-spacing:-.02em}
.cvr-figs small{font-size:8.5px;opacity:.65}
.cvr-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cvr-two.decl{margin-top:2px}
.cvr-foot{position:absolute;left:62px;right:62px;bottom:46px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:end;padding-top:12px;border-top:1px solid rgba(23,19,10,.7)}
.cvr-ver p{font-size:9.5px;line-height:1.45;max-width:380px}
.cvr-ver b{font-family:"Geist Mono",monospace;font-weight:600}
.cvr-fine{margin-top:6px!important;font-size:7.8px!important;opacity:.62}
.cvr-stamp{display:grid;justify-items:center;gap:2px;opacity:.95}
.cvr-stamp span{font:500 7px/1 "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;opacity:.6}
.cvr-qr{display:grid;justify-items:center;gap:4px}
.cvr-qr span{font:600 8px/1 "Geist Mono",monospace;letter-spacing:.1em}
.cvr-qr .cv-qr{border:.75px solid rgba(23,19,10,.35)}
.cv-qr.ph{width:92px;height:92px;display:grid;place-items:center;text-align:center;font:500 7.5px/1.3 "Geist Mono",monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.5;border:.75px dashed rgba(23,19,10,.4)}

/* ---------- executive: a classic CV with a verified column ---------- */
.cv-exec{background:#fff;display:grid;grid-template-columns:262px 1fr}
.cve-side{background:#F2F1EE;padding:44px 26px 34px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #E4E2DC}
.cve-ver{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding-bottom:14px;border-bottom:1px solid #DAD7CF}
.cve-ver .cvr-mark{grid-row:span 2;width:26px;height:26px}
.cve-ver b{font:700 11px/1 "Archivo",sans-serif;font-stretch:115%;text-transform:uppercase;letter-spacing:.05em}
.cve-ver span{font:600 9px/1 "Geist Mono",monospace;letter-spacing:.08em;opacity:.65;margin-top:3px}
.cve-figs{display:grid;gap:11px}
.cve-figs div{display:grid;gap:1px}
.cve-figs b{font:600 19px/1.05 "Geist Mono",monospace;letter-spacing:-.02em}
.cve-figs span{font:600 9px/1.2 "Geist",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.cve-figs small{font-size:8.5px;opacity:.6}
.cve-side h3{font:600 8px/1 "Geist Mono",monospace;letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin-top:4px!important}
.cve-side .cv-bar{grid-template-columns:62px 1fr 50px;gap:6px;font-size:9px}
.cve-side .cv-bar b{font-size:9px}
.cve-qr{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:8.5px;line-height:1.35}
.cve-qr b{font-family:"Geist Mono",monospace;font-weight:600;font-size:8px}
.cve-main{padding:50px 44px 40px;display:flex;flex-direction:column;gap:20px}
.cve-main header :is(h1,[data-h1]){font:700 34px/1.02 "Archivo",sans-serif;font-stretch:104%;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}
.cve-head{margin-top:8px!important;font:500 14px/1.35 "Geist",sans-serif;color:#3F3B33}
.cve-meta{margin-top:10px!important;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:10px;color:#5C574D}
.cve-meta a{border-bottom:.5px solid #B8B3A8}
.cve-main h2{font:600 9px/1 "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:#7A7468;padding-bottom:7px;margin-bottom:10px!important;border-bottom:1px solid #EAE8E3}
.cve-about{font-size:11.5px;line-height:1.55;color:#2A2720}
.cve-empty p{font-size:11.5px;line-height:1.55;color:#3F3B33}
.cve-fine{margin-top:auto!important;font-size:8px;color:#8A8478;border-top:1px solid #EAE8E3;padding-top:9px}

/* ---------- founder: Cutline's dark mat ---------- */
.cv-founder{background:#121211;color:#ECEAE5;padding:46px 50px 40px}
.cv-founder .cvr-mark{color:#ECEAE5}
.cvf-top{display:flex;align-items:center;gap:12px;font:500 8.5px/1 "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:#A6A39D;padding-bottom:16px;border-bottom:1px solid rgba(236,234,229,.12)}
.cvf-top span:last-child{margin-left:auto;color:#ECEAE5}
.cv-founder :is(h1,[data-h1]){margin-top:30px!important;font:900 50px/.95 "Archivo",sans-serif;font-stretch:125%;letter-spacing:-.01em;text-transform:uppercase}
.cvf-sub{margin-top:12px!important;display:flex;align-items:center;gap:6px;font:500 10px/1 "Geist Mono",monospace;letter-spacing:.05em;color:#A6A39D}
.cvf-sub b{color:#ECEAE5;font-weight:600}
.cvf-head{margin-top:14px!important;font:500 15px/1.35 "Geist",sans-serif;max-width:560px}
.cvf-figs{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(236,234,229,.1);border:1px solid rgba(236,234,229,.1);border-radius:10px;overflow:hidden}
.cvf-figs div{background:#171716;padding:14px 16px;display:grid;gap:4px}
.cvf-figs b{font:600 26px/1 "Geist Mono",monospace;letter-spacing:-.02em;color:#ECEAE5}
.cvf-figs div:first-child b{color:#F07B3C}
.cvf-figs span{font:500 8px/1 "Geist Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#8A8780}
.cv-founder h3{font:600 8px/1 "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:#8A8780;margin:0 0 10px!important}
.cvf-heat{margin-top:24px}
.cvf-heat .cv-heat{--cell:10.2px;--gap:2.4px}
.cvf-heat .cv-hm,.cvf-heat .cv-hl{color:#8A8780}
.cvf-two{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cv-founder .cv-bar i{background:rgba(236,234,229,.08)}
.cv-founder .cv-bar u{background:#E27B40}
.cv-founder p{font-size:11px;line-height:1.5;color:#C9C6BF}
.cv-founder .cv-skills span,.cv-founder .cv-er em{color:#8A8780;opacity:1}
.cv-founder section h3+*+h3,.cv-founder section ul+h3,.cv-founder section p+h3{margin-top:16px!important}
.cvf-links{margin-top:12px!important;display:flex;flex-wrap:wrap;gap:4px 14px}
.cvf-links a{color:#ECEAE5;border-bottom:.5px solid rgba(236,234,229,.4)}
.cvf-foot{position:absolute;left:50px;right:50px;bottom:38px;display:flex;gap:16px;align-items:center;padding-top:14px;border-top:1px solid rgba(236,234,229,.12)}
.cvf-foot .cv-qr{border-radius:6px;flex:none}
.cvf-foot p{font-size:9.5px;color:#A6A39D}
.cvf-foot b{color:#ECEAE5;font-family:"Geist Mono",monospace;font-weight:600}

/* a long CV on one page (CVR.fit): tighter, then shorter, then fewer */
.cvd.fit1 .cvr-title{margin:16px 0 14px;font-size:30px}
.cvd.fit1 .cvr-sec{margin-top:13px}
.cvd.fit1 .cvr-figs div{padding:8px 11px 7px}
.cvd.fit1 .cvr-figs b{font-size:19px}
.cvd.fit1 .cv-heat.wide{--cell:9.2px;--gap:2px}
.cvd.fit1 .cv-list{gap:6px}
.cvd.fit1 .cv-list p{font-size:9.5px;line-height:1.38}
.cvd.fit1 .cvr-about,.cvd.fit1 .cve-about{font-size:10.2px;line-height:1.45}
.cvd.fit1 .cve-main{gap:14px;padding-top:42px}
.cvd.fit1 .cve-side{gap:11px}
.cvd.fit1 .cvf-figs{margin-top:18px}
.cvd.fit1 .cvf-heat,.cvd.fit1 .cvf-two{margin-top:16px}
.cvd.fit2 .cv-list p,.cvd.fit2 .cvr-about,.cvd.fit2 .cve-about{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cvd.fit2 .cvr-about,.cvd.fit2 .cve-about{-webkit-line-clamp:3}
.cvd.fit2 .cv-heat.wide{--cell:8px;--gap:1.8px}
.cvd.fit2 .cvf-heat .cv-heat{--cell:8.6px;--gap:2px}
.cvd.fit2 .cvr-figs small,.cvd.fit2 .cve-figs small{display:none}
.cvd.fit3 .cv-list p{display:none}
.cvd.fit3 .cv-list li:nth-child(n+4),.cvd.fit3 .cv-skills li:nth-child(n+7){display:none}

@media print{
  @page{size:A4;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  .cvd{width:210mm;height:297mm;transform:none!important;box-shadow:none!important;margin:0!important}
}

/* ---------- the verified CV on the site: /verified-cv/, /cv/<name> and /verify/ ---------- */
/* one A4 page (794 x 1123), scaled to its frame by a few lines of script that set --k */
.cvfit{--k:.5;position:relative;width:100%;height:calc(1123px * var(--k));contain:layout paint}
.cvfit>.cvd{position:absolute;left:0;top:0;transform:scale(var(--k));transform-origin:0 0;box-shadow:0 40px 90px -36px rgba(0,0,0,.85)}

.vcv-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(18px,3vw,44px);border-radius:28px;
  background:radial-gradient(70% 60% at 30% 0%,rgba(255,255,255,.05),transparent 70%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.vcv-doc{margin:0;min-width:0}
.vcv-doc figcaption,.vcv-fine{margin-top:14px;font-size:13px;color:var(--fg-3)}
.vcv-read .h3{margin-top:10px}
.vcv-honest{margin-top:22px;padding-top:18px;border-top:1px solid var(--hair);font-size:14.5px;line-height:1.55;color:var(--fg-2)}
.vcv-honest em{font-style:normal;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ti)}

.vcv-vs{border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.vs-r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:center;padding:15px clamp(16px,2vw,24px);border-top:1px solid var(--hair);font-size:15px}
.vs-r:first-child{border-top:0}
.vs-r>span:nth-child(2){color:var(--fg-3)}
.vs-r>span:nth-child(3){color:var(--ti);font-weight:550}
.vs-r>span:nth-child(3)::before{content:"";display:inline-block;width:7px;height:7px;margin:0 9px 1px 0;border-radius:50%;background:var(--ok);box-shadow:0 0 10px rgba(91,194,147,.55)}
.vs-h{padding-block:12px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.vs-h>span:nth-child(3){color:var(--ok);font-weight:500}
.vs-h>span:nth-child(3)::before{display:none}

.vcv-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vcv-look{display:flex;flex-direction:column;gap:6px;min-width:0;padding:clamp(14px,1.6vw,20px);border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.vcv-look .cvfit{margin-bottom:14px}
.vcv-look .cvfit>.cvd{box-shadow:0 22px 50px -28px rgba(0,0,0,.9)}
.vcv-look>h3{font:650 17px/1.2 var(--f-ui)}
.vcv-look>p{font-size:14.5px;line-height:1.5;color:var(--fg-2)}

.vcv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:s}
.vcv-steps li{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);counter-increment:s}
.vcv-steps li::before{content:"0" counter(s);font:500 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--cut);margin-bottom:10px}
.vcv-steps b{font-size:17px}
.vcv-steps span{font-size:14.5px;line-height:1.55;color:var(--fg-2)}

@media (max-width:900px){
  .vcv-stage{grid-template-columns:minmax(0,1fr)}
  .vcv-looks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78%,320px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .vcv-looks::-webkit-scrollbar{display:none}
  .vcv-look{scroll-snap-align:start}
  .vcv-steps{grid-template-columns:minmax(0,1fr)}
  .vs-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px}
  .vs-r>b{grid-column:1/-1}
  .vs-h>span:first-child{display:none}
}

/* ---------- the viewer pages (/cv/<name>, /verify/): the document first, Cutline quiet around it ---------- */
.vv{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(80% 50% at 50% 0%,#1F1F1D,var(--bg) 70%)}
.vv-h{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 1px 0 var(--hair)}
.vv-h .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;height:60px}
.vv-h .lockup .wm{height:14px}
.vv-h .tile{width:26px;height:26px}
.vv-cta{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:11px;font:600 14px/1 var(--f-ui);color:var(--ti);text-decoration:none;box-shadow:inset 0 0 0 1px var(--hair-3);white-space:nowrap;transition:box-shadow 160ms ease,transform 140ms var(--ease)}
.vv-cta:active{transform:scale(.97)}
@media (hover:hover){.vv-cta:hover{box-shadow:inset 0 0 0 1px var(--ti)}}
.vv-m{flex:1;width:100%;max-width:calc(860px + 2 * var(--gut));margin-inline:auto;padding:24px var(--gut) 64px}

.vv-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 18px;margin-bottom:18px}
.vv-who{display:flex;flex-direction:column;gap:5px;min-width:0}
.vv-who h1{font:700 clamp(20px,2.6vw,26px)/1.15 var(--f-ui);letter-spacing:-.01em;overflow-wrap:anywhere}
.vv-ok{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--fg-2)}
.vv-ok i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ok);color:#06140D}
.vv-ok i svg{width:10px;height:10px}
.vv-ok b{font-weight:500;color:var(--ti)}
.vv-ok.old i{background:#E8B923}
.vv-act{display:flex;flex-wrap:wrap;gap:8px}
.vv-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:12px;font:600 14.5px/1 var(--f-ui);cursor:pointer;text-decoration:none;white-space:nowrap;
  color:var(--ti);background:var(--raised);box-shadow:inset 0 0 0 1px var(--hair-2);transition:background-color 160ms ease,transform 140ms var(--ease)}
.vv-b.solid{background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.vv-b:active{transform:scale(.97)}
.vv-b svg{width:16px;height:16px}
@media (hover:hover){.vv-b:not(.solid):hover{background:var(--raised-2)}}

.vv-paper{padding:clamp(10px,2vw,22px);border-radius:22px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair)}
.vv-paper .cvfit>.cvd{box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.vv-note{margin-top:16px;font-size:13.5px;line-height:1.55;color:var(--fg-3)}
.vv-note a{color:var(--fg-2)}

.vv-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(48px,10vw,110px) 12px;text-align:center}
.vv-state h1{font:900 clamp(30px,4.6vw,48px)/.95 var(--f-display);font-stretch:90%;text-transform:uppercase}
.vv-state p{max-width:48ch;color:var(--fg-2)}
.vv-state .vv-act{justify-content:center;margin-top:10px}
.vv-load{width:22px;height:22px;border-radius:50%;border:2px solid var(--hair-2);border-top-color:var(--ti);animation:vvspin .7s linear infinite}
@keyframes vvspin{to{transform:rotate(360deg)}}

.vv-make{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:28px;padding:20px 22px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.vv-make b{display:block;font-size:16.5px}
.vv-make span{font-size:14.5px;color:var(--fg-2)}

/* /verify/ */
.vf-top{display:flex;flex-direction:column;gap:12px;padding:clamp(28px,6vw,64px) 0 26px}
.vf-top h1{font:900 clamp(32px,5vw,54px)/.95 var(--f-display);font-stretch:90%;text-transform:uppercase}
.vf-top p{max-width:56ch;color:var(--fg-2)}
.vf-form{display:flex;gap:8px;margin-top:10px;max-width:520px}
.vf-form input{flex:1;min-width:0;height:52px;padding:0 16px;border:0;border-radius:13px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--ti);
  font:500 19px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;outline:0;transition:box-shadow 160ms ease}
.vf-form input::placeholder{color:var(--fg-3);letter-spacing:.12em}
.vf-form input:focus{box-shadow:inset 0 0 0 1.5px var(--cut)}
.vf-form .vv-b{height:52px;padding:0 22px;font-size:15.5px}
.vf-res{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding:18px 20px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.vf-res>i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ok);color:#06140D}
.vf-res>i svg{width:16px;height:16px}
.vf-res.old>i{background:#E8B923;color:#191304}
.vf-res.bad>i{background:#E0544A;color:#1A0705}
.vf-res.ex>i{background:var(--raised-2);color:var(--ti)}
.vf-res b{display:block;font-size:17px;margin-bottom:3px}
.vf-res p{font-size:15px;line-height:1.55;color:var(--fg-2)}
.vf-res a{color:var(--ti)}
.vf-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}
.vf-how div{padding:18px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.vf-how b{display:block;margin-bottom:5px;font-size:15.5px}
.vf-how span{font-size:14px;line-height:1.5;color:var(--fg-2)}
.vv-f{padding:22px var(--gut) 30px;text-align:center;font-size:12.5px;color:var(--fg-3)}
.vv-f a{color:var(--fg-2);text-decoration:none}
@media (max-width:640px){
  .vf-how{grid-template-columns:minmax(0,1fr)}
  .vv-act{width:100%}.vv-act .vv-b{flex:1 1 auto}
  .vf-form .vv-b{padding:0 16px}
}

@media print{
  .vv-h,.vv-bar,.vv-note,.vv-make,.vv-f,.vf-top,.vf-res,.vf-how{display:none!important}
  html,body,.vv{background:#fff!important;min-height:0}
  .vv-m{padding:0;max-width:none}
  .vv-paper{padding:0;background:none;box-shadow:none;border-radius:0}
  .cvfit{height:auto!important;contain:none}
  .cvfit>.cvd{position:relative;transform:none!important;box-shadow:none!important}
}

/* the product card (More in Cutline) */
.pv-cv{background:radial-gradient(80% 90% at 50% 0%,#232C28,#111311 75%)}
.pc-paper{position:absolute;left:50%;top:12px;width:78%;transform:translateX(-50%);display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;border-radius:3px;background:#F3F1EA;color:#17130A;font:500 8.5px/1.3 var(--f-mono);letter-spacing:.03em;box-shadow:0 18px 30px -16px rgba(0,0,0,.8)}
.pc-top{display:flex;align-items:center;gap:6px;padding-bottom:5px;margin-bottom:2px;border-bottom:1px solid rgba(23,19,10,.18)}
.pc-top .tile{width:14px;height:14px;border-radius:3.5px}
.pc-t{font:900 9px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.pc-no{margin-left:auto;opacity:.55}
.pc-paper>b{font:800 13px/1.1 var(--f-ui);letter-spacing:-.01em}
.pc-who{opacity:.6}
.pc-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:5px}
.pc-figs>span{display:flex;flex-direction:column;opacity:.7}
.pc-figs i{font:700 12px/1.1 var(--f-ui);font-style:normal;opacity:1;color:#17130A}
.pc-heat{display:grid;grid-template-rows:repeat(7,4px);grid-auto-flow:column;grid-auto-columns:4px;gap:1.5px;margin-top:6px}
.pc-heat i{border-radius:1px;background:rgba(23,19,10,.08)}
.pc-heat .h1{background:rgba(46,92,74,.3)}.pc-heat .h2{background:rgba(46,92,74,.5)}.pc-heat .h3{background:rgba(46,92,74,.72)}.pc-heat .h4{background:#2E5C4A}

/* ---------- /advertise/: the ad in the feed, shown straight ---------- */
.adv-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(18px,3vw,44px);border-radius:28px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.adv-feed{border-radius:18px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.adv-post{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.4}
.adv-post:last-child{border-bottom:0}
.adv-post p{margin:0}
.adv-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pc);color:#fff;font:650 17px/1 var(--f-ui)}
.adv-av.sq{border-radius:24%;background:#F2F0EB;color:#17130A;font-family:var(--f-display);font-weight:900}
.adv-n{display:flex;gap:6px;align-items:baseline;margin-bottom:2px!important}
.adv-n span{font-size:14px;color:var(--fg-3)}
.adv-l{display:flex;align-items:center;gap:6px;margin:1px 0 4px!important;font-size:12.5px;color:var(--fg-3)}
.adv-l em{padding:2px 5px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--hair-3);font:600 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}
.adv-t b{display:block;font-weight:650}
.adv-t{color:var(--fg-2)}
.adv-t b{color:var(--ti)}
.adv-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 2px!important;padding:10px 12px 10px 14px;border-radius:12px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--hair-2)}
.adv-cta span{font:500 12.5px/1.2 var(--f-mono);color:var(--fg-3)}
.adv-cta b{padding:7px 12px;border-radius:999px;background:#ECEAE5;color:#121211;font-size:13px}
.adv-read .h3{margin-top:10px}
.adv-cap,.adv-fine{margin-top:14px;font-size:13px;color:var(--fg-3)}
.adv-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.adv-pk div{display:flex;flex-direction:column;gap:3px;padding:22px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.adv-pk b{font-size:16px}.adv-pk span{font-size:14px;color:var(--fg-2)}.adv-pk em{margin-top:10px;font:600 34px/1 var(--f-ui);font-style:normal;letter-spacing:-.03em}.adv-pk small{font-size:12.5px;color:var(--fg-3)}
.adv-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.adv-rules div{padding:22px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.adv-rules h3{margin-bottom:10px;font:650 16px/1.2 var(--f-ui)}
.adv-rules ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.5;color:var(--fg-2)}
@media (max-width:900px){.adv-stage{grid-template-columns:minmax(0,1fr)}.adv-pk,.adv-rules{grid-template-columns:minmax(0,1fr)}}

/* ---------- icons: the same Cutline look as the app. A matte tile lit from above, the glyph in bone, the colour as an edge ---------- */
.fd-ic,.pbx-ic{background:radial-gradient(90% 70% at 50% 125%,color-mix(in srgb,var(--tone,#E27B40) 38%,transparent),transparent 70%),linear-gradient(180deg,#2B2B28 0%,#171716 55%,#0F0F0E 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(236,234,229,.10),inset 0 -2px 0 var(--tone,#E27B40),0 10px 22px -12px rgba(0,0,0,.9)!important;color:#ECEAE5!important}
.fd-ic svg,.pbx-ic svg{stroke-width:1.4}

/* ---------- round 7: the newest-thing banner (after Higgsfield's Kling 4.0 banner) ---------- */
.nwb{position:relative;isolation:isolate;overflow:hidden;display:grid;cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:20px;min-height:clamp(320px,30vw,420px);padding:clamp(24px,3vw,44px);border-radius:28px;text-decoration:none;color:var(--ti);
  background:radial-gradient(70% 90% at 50% 120%,rgba(47,191,127,.55),transparent 65%),radial-gradient(60% 70% at 50% 40%,rgba(27,92,58,.35),transparent 70%),linear-gradient(180deg,#0E1411,#08100B);
  box-shadow:inset 0 0 0 1px rgba(91,194,147,.22),inset 0 1px 0 rgba(255,255,255,.08),0 40px 90px -50px rgba(0,0,0,.95)}
.nwb::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 160px,rgba(143,227,187,.06) 160px 161px),repeating-linear-gradient(25deg,transparent 0 220px,rgba(143,227,187,.05) 220px 221px)}
.nwb-eng{position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-54%);pointer-events:none;font:900 clamp(220px,26vw,380px)/.8 var(--f-display);font-stretch:125%;letter-spacing:-.04em;font-style:italic;
  color:transparent;-webkit-text-stroke:1.4px rgba(200,240,220,.16);background:linear-gradient(180deg,rgba(220,255,235,.12),rgba(220,255,235,0) 70%);-webkit-background-clip:text;background-clip:text}
.nwb-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.nwb-c em{font:800 clamp(14px,1.4vw,19px)/1 var(--f-display);font-style:italic;font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.nwb-c h2{margin:0;font:900 clamp(44px,5.6vw,84px)/.86 var(--f-display);font-style:italic;font-stretch:118%;letter-spacing:-.02em;text-transform:uppercase;
  background:linear-gradient(180deg,#FFFFFF 0%,#E4F7EC 38%,#8FB9A2 52%,#F4FFF8 64%,#B9D9C7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.nwb-c p{margin:0;max-width:30ch;font-size:clamp(14px,1.2vw,16px);line-height:1.5;color:rgba(236,234,229,.72)}
.nwb-go{margin-top:8px;display:inline-flex;text-decoration:none;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:linear-gradient(180deg,#F7F5F0,#DCD9D1);color:#0B0B0A;font:700 15px/1 var(--f-ui);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 0 #8F8C85,0 16px 30px -14px rgba(47,191,127,.6);transition:transform 140ms ease}
.nwb-go::after{content:"";position:absolute;inset:0;border-radius:28px}
.nwb:hover .nwb-go{transform:translateY(-1px)}
.nwb-go:focus-visible{outline:2px solid #8FE3BB;outline-offset:3px}
.nwb-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-radius:18px;background:rgba(10,14,12,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(236,234,229,.1);transform:rotate(0deg);max-width:340px}
.nwb-t{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;aspect-ratio:1;padding:10px;border-radius:12px;background:linear-gradient(180deg,#1C211E,#121513);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(236,234,229,.07)}
.nwb-t b{font:700 clamp(14px,1.4vw,19px)/1 var(--f-mono);letter-spacing:-.02em;color:#ECEAE5}
.nwb-t i{font:500 9.5px/1.2 var(--f-mono);font-style:normal;color:#8A9A91}
.nwb-t.g b{color:#8FE3BB}
.nwb-t.plus{align-items:center;justify-content:center;font:300 34px/1 var(--f-ui);color:rgba(236,234,229,.5);background:rgba(236,234,229,.04)}
.nwb-r{position:relative;justify-self:end;width:min(100%,300px)}
.nwb-doc{border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1)}
.nwb-sel{position:absolute;left:8%;right:44%;top:14%;height:30%;border:1.5px dashed #F1F78A;pointer-events:none}
.nwb-sel i{position:absolute;width:8px;height:8px;background:#F1F78A}
.nwb-sel i:nth-child(1){left:-5px;top:-5px}.nwb-sel i:nth-child(2){right:-5px;top:-5px}.nwb-sel i:nth-child(3){left:-5px;bottom:-5px}.nwb-sel i:nth-child(4){right:-5px;bottom:-5px}
.nwb-pill{position:absolute;left:-14%;bottom:12%;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 14px;border-radius:999px;background:rgba(236,234,229,.92);color:#121211;font:600 12.5px/1 var(--f-mono);box-shadow:0 14px 30px -12px rgba(0,0,0,.8)}
.nwb-pill b{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#2FBF7A;color:#06140D;font:700 11px/1 var(--f-ui)}
@media (max-width:900px){.nwb{grid-template-columns:minmax(0,1fr)}.nwb-l,.nwb-r{display:none}}

/* two ways to spend the next 20 minutes (after Higgsfield's Academy) */
.two-sh{justify-content:center;text-align:center}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto}
.two-c{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.4vw,32px);border-radius:22px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.two-k{font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3)}
.two-c b{font:900 clamp(30px,3.4vw,44px)/.95 var(--f-display);font-stretch:112%;text-transform:uppercase}
.two-c p{margin:0;color:var(--fg-2)}
.two-c ul{margin:8px 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px}
.two-c.no{opacity:.62}
.two-c.no b{color:var(--fg-2)}
.two-c.no li::before{content:"✕  ";color:var(--fg-3)}
.two-b{margin-top:auto;display:flex;align-items:center;justify-content:center;height:48px;border-radius:13px;box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--fg-3);font-weight:600}
.two-c.yes{background:radial-gradient(90% 80% at 100% 0%,rgba(226,123,64,.2),transparent 62%),linear-gradient(180deg,#191817,#111110);box-shadow:inset 0 0 0 1px rgba(255,160,110,.32),0 30px 70px -40px rgba(226,106,44,.6)}
.two-c.yes .two-k{color:#FFB386}
.two-c.yes li::before{content:"✓  ";color:#FFB386}
.two-c.yes .btn3d{margin-top:auto;align-self:stretch}
@media (max-width:760px){.two{grid-template-columns:minmax(0,1fr)}}

/* sign up and get Pro free: a card with a film behind it */
.vcta{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(320px,30vw,400px);border-radius:28px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2),0 40px 90px -50px rgba(0,0,0,.95)}
.vcta-v{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.vcta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,7,.94) 0%,rgba(8,8,7,.82) 40%,rgba(8,8,7,.25) 75%,rgba(8,8,7,.1))}
.vcta-c{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(26px,3.4vw,52px);max-width:640px}
.vcta-c h2{margin:0;display:flex;flex-direction:column;font:900 clamp(34px,4.4vw,62px)/.92 var(--f-display);font-stretch:100%;letter-spacing:-.01em;text-transform:uppercase}
.vcta-c h2 span{background:linear-gradient(180deg,#FFFFFF,#CFCBC4);-webkit-background-clip:text;background-clip:text;color:transparent}
.vcta-c h2 .ac{background:linear-gradient(180deg,#FFC59E,#E8763A);-webkit-background-clip:text;background-clip:text}
.vcta-c ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:16px;color:rgba(236,234,229,.82)}
.vcta-c li{display:flex;align-items:center;gap:10px}
.vcta-c li svg{width:15px;height:15px;color:rgba(236,234,229,.6)}
@media (max-width:700px){.vcta::after{background:linear-gradient(180deg,rgba(8,8,7,.55),rgba(8,8,7,.94) 55%)}.vcta-c{padding-top:180px}}

/* the pop-up in the corner (Higgsfield's) */
.hpop{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100vw - 40px));padding:14px 14px 14px 20px;border-radius:16px;background:#141413;box-shadow:inset 0 0 0 1px rgba(236,234,229,.1),0 20px 50px -16px rgba(0,0,0,.85);opacity:0;transform:translateY(14px);transition:opacity 240ms ease,transform 320ms cubic-bezier(.16,1,.3,1)}
.hpop.in{opacity:1;transform:none}
.hpop p{margin:0;font-size:14.5px;line-height:1.4;color:var(--fg-2)}
.hpop p b{color:var(--ti)}
.hpop [data-hpop-cd]{font:600 13px/1 var(--f-mono);color:var(--ti)}
.hpop-go{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:linear-gradient(180deg,#F49155,#E26A2C);color:#1B0E06;font:700 13.5px/1 var(--f-ui);text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.hpop-x{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0B0B0A;box-shadow:inset 0 0 0 1px rgba(236,234,229,.22);color:var(--fg-2);font:500 15px/1 var(--f-ui);cursor:pointer}
@media (max-width:560px){.hpop{left:12px;right:12px;bottom:12px;flex-wrap:wrap}}

/* the real app, on the product pages */
.clipwrap{display:flex;flex-direction:column;gap:12px}
.clip-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.clip-live{display:inline-flex;align-items:center;gap:7px;font:500 11.5px/1 var(--f-mono);color:var(--fg-3)}
.clip-live i{width:7px;height:7px;border-radius:50%;background:#E0544A;box-shadow:0 0 0 3px rgba(224,84,74,.18)}
.clip{margin:0;border-radius:22px;overflow:hidden;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair-2),0 40px 90px -50px rgba(0,0,0,.95)}
.clip video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.clip-cap{margin:0;font-size:13px;color:var(--fg-3)}

/* pricing: the free trial */
.trl{--pc:#5BC293;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;padding:clamp(20px,2.6vw,36px);border-radius:24px;background:radial-gradient(70% 90% at 100% 0%,rgba(47,191,127,.16),transparent 62%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.trl-k{font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#5BC293}
.trl h3{margin:10px 0;font:900 clamp(28px,3vw,40px)/.95 var(--f-display);font-stretch:112%;text-transform:uppercase}
.trl p{margin:0 0 12px;color:var(--fg-2);max-width:56ch}
.trl .btn3d{margin-top:16px}
.trl-r{display:grid;place-items:center;align-content:center;gap:4px;height:240px;border-radius:18px;background:#0B0B0A;box-shadow:inset 0 0 0 1px var(--hair);--S:110px}
.trl-r>b{font:900 84px/.9 var(--f-display);font-stretch:125%;color:transparent;-webkit-text-stroke:1.4px rgba(236,234,229,.4)}
.trl-r>span{font:500 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
.frz-wrap.one{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.trl{grid-template-columns:minmax(0,1fr)}.trl-r{display:none}}
.trl .btn3d{width:auto;max-width:340px;align-self:flex-start;display:inline-flex}

/* ---------- legal pages: a short version first, a table of contents, numbered sections ---------- */
.lg-h{display:flex;flex-direction:column;gap:10px;max-width:880px;padding:clamp(18px,3vw,36px) 0 6px}
.lg-t{margin:0;font:900 clamp(38px,5.4vw,72px)/.92 var(--f-display);font-stretch:118%;letter-spacing:-.01em;text-transform:uppercase;
  background:linear-gradient(180deg,#FFFFFF,#BDB9B2);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-u{margin:0;font:500 12.5px/1 var(--f-mono);color:var(--fg-3)}
.lg-short{margin-top:14px;padding:18px 20px;border-radius:18px;background:radial-gradient(90% 120% at 100% 0%,rgba(226,123,64,.12),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.lg-short>b{display:block;margin-bottom:8px;font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#FFB386}
.lg-short ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.lg-short li{position:relative;padding-left:20px;font-size:15px;line-height:1.5;color:var(--ti)}
.lg-short li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:2px;background:#E27B40}
.lg{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(40px,6vw,80px)}
.lg-toc{position:sticky;top:90px;font-size:13px}
.lg-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;counter-reset:t}
.lg-toc li{counter-increment:t}
.lg-toc a{display:flex;gap:10px;padding:6px 10px;border-radius:8px;color:var(--fg-2);text-decoration:none}
.lg-toc a::before{content:counter(t,decimal-leading-zero);font:500 11px/1.6 var(--f-mono);color:var(--fg-3)}
@media (hover:hover){.lg-toc a:hover{background:var(--panel);color:var(--ti)}}
.lg-doc{max-width:760px;display:flex;flex-direction:column;gap:clamp(26px,3vw,38px)}
.lg-doc section{scroll-margin-top:90px}
.lg-doc h2{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;font:900 clamp(20px,2vw,26px)/1.05 var(--f-display);font-stretch:112%;text-transform:uppercase}
.lg-doc h2 i{font:600 12px/1 var(--f-mono);font-style:normal;color:#E27B40}
.lg-doc p,.lg-doc li{font-size:15.5px;line-height:1.65;color:var(--fg-2)}
.lg-doc p{margin:0 0 12px}
.lg-doc b{color:var(--ti);font-weight:600}
.lg-doc ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.lg-doc a{color:var(--ti);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(236,234,229,.35)}
.lg-doc code{font:500 13px/1 var(--f-mono);color:var(--ti);background:var(--panel);padding:2px 6px;border-radius:5px}
.lg-tbl{margin:4px 0 14px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hair)}
.lg-tr{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:14px;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--fg-2)}
.lg-tr+.lg-tr{box-shadow:inset 0 1px 0 var(--hair)}
.lg-th{background:var(--panel);font:600 10px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.lg-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 14px}
.lg-who div{padding:12px 14px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair)}
.lg-who dt{font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}
.lg-who dd{margin:0;font-size:14px;color:var(--ti)}
.lg-who a{color:var(--ti)}
.lg-form{padding:16px 18px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);font-family:var(--f-mono)}
.lg-form p{font-size:13.5px!important}
.lgh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lgh-c{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:linear-gradient(160deg,#22221F,#121211);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px var(--hair);text-decoration:none;color:var(--ti);transition:transform 160ms ease}
.lgh-c b{font:900 20px/1 var(--f-display);font-stretch:112%;text-transform:uppercase}
.lgh-c span{font-size:14px;line-height:1.5;color:var(--fg-2)}
.lgh-c em{margin-top:auto;font:600 12px/1 var(--f-mono);font-style:normal;color:#FFB386}
@media (hover:hover){.lgh-c:hover{transform:translateY(-2px)}}
.lgh-who{margin-top:18px;max-width:760px}
@media (max-width:900px){.lg{grid-template-columns:minmax(0,1fr)}.lg-toc{position:static}.lg-toc ol{flex-direction:row;flex-wrap:wrap}.lgh{grid-template-columns:minmax(0,1fr)}.lg-tr{grid-template-columns:minmax(0,1fr)}.lg-th{display:none}}
.pl-try{display:block;margin-top:8px;color:#8FE3BB;font:600 13px/1.2 var(--f-ui);text-align:center;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(143,227,187,.4)}

/* ---------- pricing cards in the app's look: the Official card language (dark metal, an engraved name, one sheen,
   the plan's colour as light) ---------- */
.plans .plan{isolation:isolate;overflow:hidden;
  background:radial-gradient(120% 70% at 100% 0%,color-mix(in srgb,var(--pc) 20%,transparent),transparent 55%),linear-gradient(160deg,#2A2A27 0%,#161615 42%,#0C0C0B 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px color-mix(in srgb,var(--pc) 30%,rgba(236,234,229,.10)),0 24px 50px -28px rgba(0,0,0,.95)!important}
.plans .plan::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 45%,transparent 60%)}
.plans .plan.p-pro{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 55%,transparent),0 30px 70px -34px color-mix(in srgb,var(--pc) 55%,transparent)!important}
.plans .p-free{--pc:#8A877F}
.plans .pl-eng{position:absolute;right:-8px;top:-12px;z-index:-1;pointer-events:none;font:900 96px/.8 var(--f-display);font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--pc) 40%,rgba(236,234,229,.12));opacity:.55;-webkit-mask-image:linear-gradient(200deg,#000 25%,transparent 75%);mask-image:linear-gradient(200deg,#000 25%,transparent 75%)}
.plans .plan h3{background:linear-gradient(180deg,#FFFFFF 10%,color-mix(in srgb,var(--pc) 35%,#B9B6AF) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.plans .plan h3 .seal,.plans .plan h3 svg{-webkit-text-fill-color:initial}
.plans .pl-price b{font-family:var(--f-mono);letter-spacing:-.03em}
.plans .pl-inc{background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 22%,rgba(236,234,229,.06))}

/* ---------- The time block: one look for the app's Grid and the week builder on gocutline.com ----------
   (app/build.sh and site/build.py both load this file last, so the two can never drift apart.)
   Flat, like the day cards above it: no gloss, no shadow. Planned is a quiet tint of its colour with a hairline of it;
   done is the colour itself, with the day cards' dot grid in it so a finished block and its day read as one thing. */
.blk{
  border-radius:8px;
  background:color-mix(in oklab,var(--c) 13%,var(--panel,#161615));
  color:color-mix(in oklab,var(--c) 26%,var(--fg,var(--ti,#ECEAE5)));
  box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 42%,transparent)}
.blk::after{content:none}
.blk .fill{
  background:radial-gradient(circle at center,rgba(255,255,255,.2) .7px,transparent 1.1px) 0 0/9px 9px,color-mix(in oklab,var(--c) 90%,#0B0B0A)}
.blk .bin{z-index:2}
.blk.done{box-shadow:none}
.blk.done .bt{text-shadow:none}
.blk.missed{background-image:repeating-linear-gradient(135deg,color-mix(in oklab,var(--c) 22%,transparent) 0 1px,transparent 1px 7px);opacity:.6}
.blk.live{box-shadow:inset 0 0 0 1.5px var(--c)}
.blk.selected{box-shadow:inset 0 0 0 1.5px var(--c),0 0 0 2px color-mix(in oklab,var(--c) 30%,transparent)}
.blk.done.selected{box-shadow:0 0 0 2px var(--mat,var(--bg,#0E0E0D)),0 0 0 3.5px var(--c)}
.blk.dragging{box-shadow:inset 0 0 0 1.5px var(--c);opacity:.92}
.blk.done.dragging{box-shadow:0 0 0 1.5px var(--c)}
@media (hover:hover) and (pointer:fine){
  .blk:not(.done):hover{box-shadow:inset 0 0 0 1px var(--c)}
  .blk.done:hover{box-shadow:none}
}
.blk.ghost{background-image:none;box-shadow:none}