/* Portfolio-specific layer — loads after styles.css (sora-home design system) */

/* showcase cards */
.pf{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;margin:0;
  display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.pf:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(34,34,34,.10)}
.pf>a{display:flex;flex-direction:column;justify-content:center;flex:1;line-height:0;background:#f2f2f4}
.pf figcaption{margin-top:auto}
.pf img{width:100%;height:auto;display:block}
.pf figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 20px;border-top:1px solid var(--line);background:#fff;line-height:1.35}
.pf figcaption strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.pf figcaption .pf-sub{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.pf-link{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;
  padding:9px 15px;border-radius:999px;border:1px solid var(--ink);white-space:nowrap;
  transition:background .18s,color .18s}
.pf-link:hover{background:var(--ink);color:#fff}
.pf-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.band-ink .pf{border-color:rgba(255,255,255,.14)}

/* composite-style mock card (Foundry — no pre-rendered showcase) */
.pf-mockbody{background:#f2f2f4;padding:clamp(20px,2.6vw,34px) clamp(22px,3vw,44px);text-align:center}
.pf-mockhead{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}
.pf-mockhead img{height:17px;width:auto}
.pf-mockhead .x{color:#9a9a9a;font-size:13px}
.pf-mockhead strong{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pf-mocksub{font-size:13px;color:#8a7bb8;margin-bottom:18px}
.pf-mocksub b{color:#222}
.pf-mockbody{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.pf-mockbody .mb{max-width:540px;width:100%}
.pf-mockbody .mb-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.pf-pill{display:inline-flex;align-items:center;gap:9px;margin-top:18px;background:#fff;
  border-radius:999px;padding:10px 20px;font-size:13.5px;box-shadow:0 4px 14px rgba(34,34,34,.08)}
.pf-pill i{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}
.pf-pill b{font-weight:700}

/* grids */
.pf-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.pf-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pf-grid3 .pf figcaption{padding:13px 16px}
.pf-grid3 .pf figcaption strong{font-size:14.5px}
.pf-grid3 .pf figcaption .pf-sub{font-size:12.5px}
@media(max-width:1024px){.pf-grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.pf-grid2{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.pf-grid3{grid-template-columns:1fr;gap:16px}
  .pf figcaption{flex-wrap:wrap}
}

/* hero */
.pf-hero{padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(48px,6vw,96px);position:relative;overflow:hidden}
.pf-bhero{display:grid;grid-template-columns:minmax(0,660px) 1fr;gap:clamp(28px,4vw,64px);align-items:center;
  position:relative;z-index:3}

/* hero carousel — premium builds drift right-to-left behind the headline */
.hero-mq{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;z-index:0}
.hmq-track{display:flex;width:max-content;animation:hmq 14s linear infinite;will-change:transform}
.hmq-track img{width:min(50vw,700px);height:auto;display:block;margin-right:30px;
  border-radius:18px;border:1px solid var(--line);box-shadow:0 26px 60px rgba(34,34,34,.13)}
@keyframes hmq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.hero-veil{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.86) 52%,rgba(255,255,255,.28) 66%,rgba(255,255,255,0) 78%)}
@media(prefers-reduced-motion:reduce){.hmq-track{animation:none}}
@media(max-width:860px){
  .hero-mq{position:relative;inset:auto;order:9;margin-top:30px;
    width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
  .hmq-track img{width:76vw;margin-right:16px;box-shadow:0 14px 34px rgba(34,34,34,.14)}
  .hmq-track{animation-duration:9s}
  .hero-veil{display:none}
  .pf-hero{display:flex;flex-direction:column}
  .pf-hero .rings{display:none}
}
.pf-hero .bullets{margin-top:26px;list-style:none}
.pf-hero .bullets li{display:flex;gap:11px;padding:7px 0;font-size:16.5px}
.pf-hero .bullets .mk{flex:none;width:22px;height:22px;border-radius:7px;background:var(--ink);
  color:#fff;display:grid;place-items:center;font-size:12px;margin-top:2px}
.pf-counts{display:flex;gap:clamp(20px,3vw,44px);margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.pf-counts .n{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1}
.pf-counts .c{font-size:14px;color:var(--muted);margin-top:6px}
.pf-hero-card .pf-note{margin-top:14px;text-align:center;font-size:14px;color:var(--muted)}
@media(max-width:860px){
  .pf-bhero{grid-template-columns:1fr}
  .pf-hero-card{max-width:560px;margin-inline:auto}
}

/* LP marquee sizing */
.lp-track .site{background:transparent}
.lp-track .site img{border-radius:14px}

/* offer tiles */
.offer-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(30px,4vw,52px)}
.offer{border-radius:18px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.offer .ot{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.65}
.offer strong{font-size:clamp(21px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.offer p{font-size:15.5px;color:rgba(34,34,34,.72)}
.offer .btn{margin-top:14px;align-self:center}
@media(max-width:860px){.offer-tiles{grid-template-columns:1fr}}

/* ===== flagship (Scarcella) ===== */
.flag-mb{max-width:none;margin-top:clamp(8px,1.6vw,20px)}
.flag-mb .mb-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.band-ink .mb-cap{color:rgba(255,255,255,.55)}
.flag-phones{display:grid;grid-template-columns:1fr auto auto;gap:clamp(24px,4vw,64px);align-items:center;
  margin-top:clamp(44px,5.4vw,80px)}
.flag-phones .ip{width:340px;max-width:100%;margin:0}
.ip-live{width:100%;aspect-ratio:9/19.5}
.band-ink .ip-body{border:1px solid rgba(255,255,255,.16)}
.flag-copy h3{font-size:clamp(24px,2.6vw,38px);font-weight:600;letter-spacing:-.02em}
.flag-copy p{margin:14px 0 26px;color:rgba(255,255,255,.72);max-width:38ch;font-size:17px}
.flag-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(44px,5.4vw,80px)}
.flag-pages .site{border:1px solid rgba(255,255,255,.13)}
.flag-pages .site figcaption{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.lh-band{margin-top:clamp(44px,5.4vw,80px);border:1px solid rgba(255,255,255,.16);border-radius:20px;
  padding:clamp(26px,3.2vw,48px);display:grid;grid-template-columns:1fr auto;gap:clamp(24px,4vw,64px);align-items:center}
.lh-head h3{font-size:clamp(22px,2.2vw,32px);font-weight:600;letter-spacing:-.02em}
.lh-head p{color:rgba(255,255,255,.6);margin-top:8px;font-size:15px;max-width:34ch}
.lh-dials{display:flex;gap:clamp(20px,3vw,46px);padding-bottom:30px}
.dial{position:relative;width:clamp(88px,7.8vw,114px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(#22c55e calc(var(--v)*1%),rgba(255,255,255,.13) 0);
  display:grid;place-items:center}
.dial::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--ink)}
.dial span{position:relative;font-size:clamp(24px,2.2vw,32px);font-weight:700;color:#4ade80;line-height:1}
.dial em{position:absolute;left:50%;transform:translateX(-50%);bottom:-28px;font-style:normal;
  font-size:12.5px;color:rgba(255,255,255,.6);white-space:nowrap}
.flag-feats{margin-top:clamp(44px,5.4vw,72px)}

/* ===== premium builder rows ===== */
.prem-row{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,4vw,64px);align-items:center;
  margin-top:clamp(30px,4vw,56px)}
.prem-row>img{border-radius:18px;border:1px solid var(--line);box-shadow:0 26px 60px rgba(34,34,34,.12);width:100%}
.prem-row h3{font-size:clamp(24px,2.8vw,40px);font-weight:600;letter-spacing:-.02em;margin:6px 0 12px}
.prem-row p{color:var(--muted);max-width:52ch}
.prem-flip>img{order:2}
.ptags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.ptags span{padding:8px 15px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:500}

/* ===== photo contact sheet ===== */
.sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(30px,3.6vw,50px)}
.sheet figure{margin:0;border-radius:12px;overflow:hidden;background:#111;position:relative}
.sheet img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1;
  transition:transform .35s}
.sheet figure:hover img{transform:scale(1.045)}
.sheet .tall img{aspect-ratio:3/4}
.sheet-note{margin-top:22px;text-align:center;font-size:14.5px;color:rgba(255,255,255,.55)}

@media(max-width:1024px){
  .flag-phones{grid-template-columns:1fr 1fr}
  .flag-copy{grid-column:1/-1}
  .sheet{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
  .flag-pages{grid-template-columns:1fr}
  .lh-band{grid-template-columns:1fr}
  .lh-dials{flex-wrap:wrap;gap:24px 30px}
  .prem-row{grid-template-columns:1fr}
  .prem-flip>img{order:0}
  .flag-phones{grid-template-columns:1fr 1fr;gap:16px}
  .flag-phones .ip{max-width:none}
  .sheet{grid-template-columns:repeat(2,1fr);gap:10px}
}

/* ===== premium thumbs (JTR sections) ===== */
.prem-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
@media(max-width:860px){.prem-thumbs{grid-template-columns:1fr}}

/* ===== live-site laptop embed (Scarcella) ===== */
.mb-live{position:relative}
.mb-live iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;
  transform-origin:top left;display:none;pointer-events:none;background:#000}
.mb-live.on iframe{display:block}
.mb-live.on .mb-fallback{display:none}
@media(max-width:860px){.mb-live iframe{display:none!important}.mb-live .mb-fallback{display:block!important}}

/* ===== floating brand chips ===== */
.rel{position:relative}
.floaty{position:absolute;display:grid;place-items:center;background:#fff;border-radius:20px;
  border:1px solid var(--line);box-shadow:0 14px 34px rgba(34,34,34,.16);z-index:4;pointer-events:none;
  animation:bob 5.5s ease-in-out infinite alternate}
.floaty img{width:52%;height:52%;object-fit:contain}
.floaty.em{font-size:36px}
@keyframes bob{from{transform:translateY(-8px) rotate(var(--r,-4deg))}to{transform:translateY(10px) rotate(var(--r,-4deg))}}
@media(max-width:1100px),(prefers-reduced-motion:reduce){.floaty{display:none}}

/* live phone embed (Scarcella mobile) */
.ip-live{position:relative}
.ip-live iframe{position:absolute;top:0;left:0;width:390px;height:845px;border:0;z-index:1;
  transform-origin:top left;display:none;pointer-events:none;background:#000}
.ip-live.on iframe{display:block}
.ip-live.on .ip-fallback{display:none}
@media(max-width:860px){.ip-live iframe{display:none!important}.ip-live .ip-fallback{display:block!important}}

/* JTR hero devices (laptop + overlapping phone) */
.jtr-devices{position:relative;padding:0 92px 34px 0}
.jtr-devices .mb{max-width:none}
.jtr-devices .mb-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.jtr-devices .ip{position:absolute;right:0;bottom:0;width:186px;margin:0;
  filter:drop-shadow(0 18px 36px rgba(34,34,34,.25))}
@media(max-width:860px){
  .jtr-devices{padding:0 58px 22px 0}
  .jtr-devices .ip{width:132px}
}

/* Foundry State mobile feature (content section) */
.found-row{display:grid;grid-template-columns:1fr auto;gap:clamp(28px,5vw,90px);align-items:center;
  margin-top:clamp(40px,5vw,72px);padding-top:clamp(30px,3.6vw,50px);border-top:1px solid rgba(34,34,34,.12)}
.found-row .ip{width:min(320px,80vw);max-width:320px;margin:0;
  filter:drop-shadow(0 26px 50px rgba(34,34,34,.28))}
.found-copy h3{font-size:clamp(24px,2.8vw,40px);font-weight:600;letter-spacing:-.02em;margin:6px 0 12px}
.found-copy p{color:var(--muted);max-width:48ch;margin-bottom:22px}
@media(max-width:860px){.found-row{grid-template-columns:1fr}.found-row .ip{margin-inline:auto}}

/* Scarcella store row (ink band) */
.store-row{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,4vw,64px);align-items:center;
  margin-top:clamp(44px,5.4vw,72px)}
.store-row>img{border-radius:18px;border:1px solid rgba(255,255,255,.14);width:100%}
.store-copy h3{font-size:clamp(24px,2.6vw,38px);font-weight:600;letter-spacing:-.02em;margin:6px 0 12px}
.store-copy p{color:rgba(255,255,255,.72);max-width:44ch}
@media(max-width:860px){.store-row{grid-template-columns:1fr}}

/* ===== pricing shopping list ===== */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.6vw,36px);
  background:#fff;display:flex;flex-direction:column;gap:12px}
.pc-mid{background:var(--ink);color:#fff;border-color:var(--ink)}
.pc-mid .pc-desc{color:rgba(255,255,255,.72)}
.pc-mid .pc-list{color:rgba(255,255,255,.85)}
.pc-tag{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.pc-price{font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1}
.pc-desc{font-size:15.5px;color:var(--muted)}
.pc-list{list-style:none;margin-top:auto;border-top:1px solid rgba(127,127,127,.3);padding-top:14px}
.pc-list li{font-size:14.5px;padding:5px 0;display:flex;gap:9px}
.pc-list li::before{content:"✓";font-weight:700}
.pday{margin-top:20px;border:1px solid var(--line);border-radius:18px;background:var(--cream);
  padding:clamp(22px,2.6vw,34px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.pday .pc-price{white-space:nowrap}
@media(max-width:1024px){.price-grid{grid-template-columns:1fr}.pday{grid-template-columns:1fr}}

/* Google-branded Lighthouse band */
.lh-brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.lh-brand img{width:34px;height:34px}
.dial{background:conic-gradient(var(--c,#22c55e) calc(var(--v)*1%),rgba(255,255,255,.13) 0)}
.dial span{color:var(--c,#4ade80)}

/* Shopify credit + product strip */
.store-shopify{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14.5px;
  color:rgba(255,255,255,.72)}
.store-shopify img{width:22px;height:22px}
.store-shopify b{color:#7AB55C}
.store-products{margin:20px 0 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);
  background:#fff;line-height:0}
.store-products img{width:100%;display:block}
.store-products figcaption{line-height:1.4;padding:14px 20px;font-size:14px;background:#111;
  color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.1)}

/* pricing tier colours — white / bronze / gold */
.pc-bronze{border-color:#CD7F32;background:linear-gradient(180deg,rgba(205,127,50,.12),rgba(205,127,50,.03)),#fff}
.pc-bronze .pc-tag,.pc-bronze .pc-price{color:#8A5A22}
.pc-bronze .pc-tag{opacity:1}
.pc-bronze .pc-list li::before{color:#CD7F32}
.pc-gold{border-color:#C9A84C;background:linear-gradient(180deg,rgba(201,168,76,.16),rgba(201,168,76,.04)),#fff;
  box-shadow:0 16px 44px rgba(201,168,76,.25)}
.pc-gold .pc-tag,.pc-gold .pc-price{color:#8A7535}
.pc-gold .pc-tag{opacity:1}
.pc-gold .pc-list li::before{color:#C9A84C}

/* ===== mobile: visuals-first, copy trimmed (Joel 3 Sep) ===== */
@media(max-width:860px){
  /* hero: headline → chips → carousel above the fold */
  .pf-hero{padding-top:26px;padding-bottom:36px}
  .pf-hero .bullets,.pf-counts{display:none}
  .pf-hero .stickers{margin-top:18px}
  .hero-mq{margin-top:22px}
  /* section intros: headline only */
  .sec-head .bullets{display:none}
  .sec-head{margin-bottom:24px}
  .sec-head .lede{display:none}
  /* copy blocks out, visuals + headings stay */
  .flag-copy p,.found-copy p,.lh-head p,.sheet-note,.mb-cap{display:none}
  .store-copy>p:not(.kicker):not(.store-shopify){display:none}
  .prem-row>div>p:not(.kicker){display:none}
  .flag-copy h3,.found-copy h3{margin-bottom:14px}
  .prem-row h3{margin-bottom:8px}
  .flag-phones{margin-top:30px}
  .lh-band{margin-top:30px}
  .store-row{margin-top:30px;gap:14px}
  .flag-mb{margin-top:4px}
}

/* Lighthouse dials — labels in flow, band properly centred */
.lh-dials{padding-bottom:0;align-items:flex-start}
.dialw{display:flex;flex-direction:column;align-items:center;gap:12px}
.dialw em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.6);white-space:nowrap}
.lh-band{align-items:center}

/* flagship laptop: real film on mobile instead of static shot */
.mb-vid{display:none}
@media(max-width:860px){
  .mb-live .mb-fallback{display:none!important}
  .mb-vid{display:block;width:100%;height:100%;object-fit:cover}
}

/* mobile: overflow guards (section order now native in DOM) */
@media(max-width:860px){
  html,body{overflow-x:hidden}
  .pf-hero>.wrap{width:100%}
}

/* big Shopify tile */
.shopify-big{display:inline-flex;background:#fff;border-radius:16px;padding:20px 30px;margin-top:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.25)}
.shopify-big img{height:46px;width:auto;display:block}
.store-shopify{margin-top:14px;font-size:14.5px;color:rgba(255,255,255,.65)}
@media(max-width:860px){.shopify-big{padding:14px 22px;margin-top:14px}.shopify-big img{height:34px}}

/* ===== showtime: blobs, metals, sparkle, cursor ===== */
.fxs{position:relative;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none;
  animation:drift 14s ease-in-out infinite alternate}
.b1{width:430px;height:430px;background:var(--butter);top:-90px;right:-110px}
.b2{width:390px;height:390px;background:var(--lilac);bottom:-130px;left:-90px;
  animation-delay:2s;animation-duration:17s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,50px) scale(1.18)}}

/* metallic tiers */
.pcard{position:relative;z-index:1}
.pc-silver{border-color:#b7bcc4;background:linear-gradient(160deg,rgba(183,188,196,.22),rgba(183,188,196,.05) 55%),#fff}
.pc-silver .pc-tag{color:#5c6570;opacity:1}
.pc-silver .pc-price{color:#5c6570}
.pc-silver .pc-list li::before{color:#8a919b}
@supports(-webkit-background-clip:text){
  .pc-silver .pc-price{background:linear-gradient(100deg,#5c6570 20%,#c9ced6 40%,#5c6570 60%);
    background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    animation:sheen 3.6s linear infinite}
  .pc-bronze .pc-price{background:linear-gradient(100deg,#8A5A22 20%,#e0a76b 40%,#8A5A22 60%);
    background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    animation:sheen 3.6s linear infinite}
  .pc-gold .pc-price{background:linear-gradient(100deg,#8A7535 20%,#f0dd96 40%,#8A7535 60%);
    background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    animation:sheen 3.6s linear infinite}
}
@keyframes sheen{from{background-position:220% 0}to{background-position:-220% 0}}
/* gold: rotating shine border + sparkles */
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
.pc-gold{overflow:visible}
.pc-gold::before{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;z-index:-1;
  background:conic-gradient(from var(--a),transparent 0 68%,#E8D48A 78%,#C9A84C 84%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:goldspin 3.6s linear infinite}
@keyframes goldspin{to{--a:360deg}}
.pc-gold .sp{position:absolute;width:12px;height:12px;pointer-events:none;
  background:radial-gradient(circle,#fff 0 18%,transparent 20%),
    conic-gradient(from 0deg,transparent 0 42%,#E8D48A 48% 52%,transparent 58% 92%,#E8D48A 98%);
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
  animation:tw 2.6s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(25deg)}}
/* CTA */
.cta-mega{font-size:18px;padding:20px 44px;box-shadow:0 16px 40px rgba(34,34,34,.25);
  transition:transform .18s,box-shadow .18s}
.cta-mega:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 22px 54px rgba(34,34,34,.32)}
.cta-final .display .scribble{white-space:nowrap}
/* cursor-reveal dot pattern */
.cursor-fx{position:fixed;inset:0;z-index:45;pointer-events:none;mix-blend-mode:difference;
  background-image:radial-gradient(rgba(140,140,140,.6) 1.3px,transparent 1.3px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(230px at var(--mx,-500px) var(--my,-500px),#000 0%,rgba(0,0,0,.4) 55%,transparent 78%);
  mask-image:radial-gradient(230px at var(--mx,-500px) var(--my,-500px),#000 0%,rgba(0,0,0,.4) 55%,transparent 78%)}
@media(prefers-reduced-motion:reduce){.blob,.pc-gold::before,.pc-gold .sp,.pc-silver .pc-price,.pc-bronze .pc-price,.pc-gold .pc-price{animation:none}}

/* workhorses horizontal marquee */
.wh-mq{margin-top:4px}
.wh-mq::before{background:linear-gradient(90deg,var(--cream),transparent)}
.wh-mq::after{background:linear-gradient(270deg,var(--cream),transparent)}
.wh-track{animation-duration:50s}
.wh-track .site img{background:#f2f2f4}

/* ===== round 4: carousel loop fix, hero wow, lighthouse centre, pricing UX ===== */
/* the track was flex-shrinking to viewport width — -50% loop was half a screen */
.hmq-track{flex:none;animation-duration:40s}
@media(max-width:860px){.hmq-track{animation-duration:12s}}

/* hero: blobs + big chips */
.pf-hero .blob{z-index:0}
.pf-hero .b1{top:-120px;right:22vw;opacity:.55}
.pf-hero .b2{bottom:-140px;left:-110px;opacity:.5}
.hero-mq{z-index:1}
.chip-xl{font-size:clamp(19px,2.1vw,26px);padding:14px 30px;border-radius:999px}
.pf-hero .joel-tag{margin-top:30px}
.jt-duo{margin-bottom:26px}

/* lighthouse: hard centre */
.lh-band{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.lh-brand{justify-content:center;margin-bottom:0}
.lh-note{color:rgba(255,255,255,.68);font-size:15.5px;max-width:52ch;margin:0 auto}
.lh-dials{justify-content:center;flex-wrap:wrap}

/* live embeds allowed on mobile again */
@media(max-width:860px){
  .mb-live.on iframe{display:block!important}
  .mb-live.on .mb-fallback{display:none!important}
  .ip-live.on iframe{display:block!important}
  .ip-live.on .ip-fallback{display:none!important}
}

/* pricing: collapsible includes + mobile snap scroll */
.pc-more{margin-top:auto;border-top:1px solid rgba(127,127,127,.3);padding-top:12px}
.pc-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;padding:8px 16px;border:1px solid rgba(127,127,127,.4);border-radius:999px;
  user-select:none;transition:background .15s}
.pc-more summary::-webkit-details-marker{display:none}
.pc-more summary::after{content:"+";font-weight:700}
.pc-more[open] summary::after{content:"–"}
.pc-more summary:hover{background:rgba(127,127,127,.1)}
.pc-more .pc-list{margin-top:12px;border-top:0;padding-top:0}
@media(max-width:860px){
  .price-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;
    width:100vw;margin-left:calc(50% - 50vw);padding:6px 20px 16px;-webkit-overflow-scrolling:touch}
  .price-grid::-webkit-scrollbar{display:none}
  .pcard{flex:0 0 82vw;scroll-snap-align:center}
  .pday{margin-top:8px}
}

@media(max-width:860px){
  .pf-hero .joel-tag{margin-top:12px}
  .pf-hero .jt-photo{width:96px;height:120px;object-fit:cover}
  .hero-mq{margin-top:16px}
}

/* shorter 5-build hero track: keep the same visual pace */
.hmq-track{animation-duration:30s}
@media(max-width:860px){
  .hmq-track{animation-duration:9s}
  /* Joel photo docks top-right beside the headline; carousel rises */
  .pf-hero .joel-tag{position:absolute;top:44px;right:12px;margin:0;z-index:4;
    flex-direction:column;align-items:center;gap:4px}
  .pf-hero .jt-photo{width:74px;height:92px;object-fit:cover}
  .pf-hero .jt-arrow{display:none}
  .pf-hero .jt-label{font-size:11px}
  .pf-hero .stickers{margin-top:16px}
  .hero-mq{margin-top:14px}
}

/* workhorse marquee: seam-true halves (margin not gap) + proper pace */
.wh-track{gap:0;animation-duration:26s}
.wh-track .site{margin-right:22px}
.wh-track .site figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){
  .wh-track{animation-duration:16s}
  .wh-track .site{margin-right:14px}
}

/* pricing deck: start centred on Bronze, neighbours peeking */
@media(max-width:860px){
  .price-grid{gap:0;padding:6px 12vw 16px}
  .pcard{flex:0 0 76vw;margin-right:14px;scroll-snap-align:center}
}

/* trades section removed 3 Sep (Joel) — photo override with real specificity */
@media(max-width:860px){
  .pf-hero .joel-tag .jt-pair .jt-photo,
  .pf-hero .jt-pair .jt-photo{width:76px;height:94px;object-fit:cover}
}

/* base sheet uses !important on jt-photo widths — counter it for the hero dock */
@media(max-width:860px){
  .pf-hero .jt-pair .jt-photo{width:74px!important;aspect-ratio:3/4;height:auto}
}
@media(max-width:860px){
  .pf-hero .joel-tag{align-items:flex-end}
  .pf-hero .jt-pair .jt-photo{width:70px!important}
  .pf-hero .jt-label{font-size:10.5px;white-space:nowrap}
}
@media(max-width:860px){
  .pf-hero .jt-pair{display:flex!important;justify-content:flex-end}
  .wv-desc{display:none}
  .wv figcaption{padding:34px 16px 13px}
}

/* slimline Lighthouse + Shopify strips (3 Sep) */
.lh-band{margin-top:clamp(28px,3.4vw,44px);padding:clamp(18px,2.2vw,30px);gap:13px}
.lh-brand img{width:26px;height:26px}
.lh-brand{gap:10px}
.lh-head h3{font-size:clamp(19px,1.8vw,24px)}
.lh-note{font-size:13.5px;max-width:62ch}
.lh-dials{gap:clamp(16px,2.2vw,34px)}
.dial{width:clamp(62px,5.4vw,80px)}
.dial::before{inset:7px}
.dial span{font-size:clamp(17px,1.5vw,22px)}
.dialw{gap:7px}
.dialw em{font-size:11px}
.store-row{margin-top:clamp(28px,3.4vw,44px)}
.store-products{max-width:820px;margin:16px auto 0}
.store-products figcaption{font-size:12.5px;padding:10px 16px}
@media(max-width:860px){
  .pf-hero .joel-tag{top:88px}
  .pf-hero .jt-pair .jt-photo{width:120px!important}
}

/* pricing pyramid — three tiers visible at once */
.pyr{display:flex;flex-direction:column;align-items:center;gap:12px}
.pyr-level{padding:clamp(16px,2vw,24px) clamp(20px,2.6vw,32px);gap:8px}
.pyr-level.pc-gold{width:min(480px,100%)}
.pyr-level.pc-bronze{width:min(660px,100%)}
.pyr-level.pc-silver{width:min(840px,100%)}
.pyr-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pyr-level .pc-price{font-size:clamp(22px,2.3vw,32px)}
.pyr-level .pc-desc{margin-top:8px;font-size:14.5px}
.pyr-level .pc-more{margin-top:12px;padding-top:10px}
@media(max-width:860px){
  .pyr-level.pc-gold{width:76%}
  .pyr-level.pc-bronze{width:88%}
  .pyr-level.pc-silver{width:100%}
  .pyr-level{padding:14px 18px}
  /* shorter flagship phone — easier to scroll past */
  .flag-phones .ip{max-width:225px;margin-inline:auto}
}
@media(max-width:860px){
  .pyr .pcard{flex:0 1 auto;margin-right:0}
}

/* flagship restack: pocket copy + lighthouse left, phone right; shopify one line */
.flag-phones{grid-template-columns:1fr auto;margin-top:clamp(24px,2.8vw,40px)}
.flag-left{display:flex;flex-direction:column;gap:20px;min-width:0}
.flag-left .lh-band{margin-top:0;width:100%}
.flag-left .flag-copy p{margin-bottom:18px}
.store-line{display:grid;grid-template-columns:1.05fr .78fr 1.05fr;gap:clamp(14px,1.8vw,26px);
  align-items:center;margin-top:clamp(24px,2.8vw,40px)}
.store-line img{border-radius:14px;border:1px solid rgba(255,255,255,.14);width:100%;display:block}
.sl-copy{text-align:center}
.sl-copy h3{font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.02em;margin:12px 0 8px}
.sl-copy p{color:rgba(255,255,255,.65);font-size:13.5px;max-width:30ch;margin-inline:auto}
.sl-logo{margin-top:0;padding:12px 20px}
.sl-logo img{height:28px;border:0}
@media(max-width:860px){
  .flag-phones{grid-template-columns:1fr}
  .flag-phones .ip{margin:12px auto 0}
  .store-line{grid-template-columns:1fr;gap:12px}
  .sl-copy{order:-1}
}

/* Shopify product carousel */
.store-hero{text-align:center;margin-top:clamp(28px,3.2vw,46px)}
.store-hero h3{font-size:clamp(21px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;margin:14px 0 6px}
.store-hero p{color:rgba(255,255,255,.65);font-size:14.5px}
.prod-mq{margin-top:clamp(18px,2vw,28px)}
.prod-track{animation-duration:28s;gap:0}
.prod-track .prod{flex:0 0 auto;width:clamp(230px,22vw,320px);margin-right:20px;
  background:#fff;border-radius:16px;overflow:hidden}
.prod img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#f4f4f6}
.prod figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:12px 16px;font-size:14px;color:#222;line-height:1.3}
.prod figcaption b{font-size:15px;white-space:nowrap}
@media(max-width:860px){
  .prod-track{animation-duration:16s}
  .prod-track .prod{width:62vw;margin-right:12px}
}

/* ===== dark glass pricing (Forma/Huly-inspired) ===== */
#pricing.pr-dark{background:#0e0d14}
#pricing.pr-dark .wrap{position:relative;z-index:2}
.pr-ghost{position:absolute;top:clamp(4px,1.6vw,18px);left:50%;transform:translateX(-50%);
  font-weight:700;font-size:clamp(96px,15vw,215px);letter-spacing:-.05em;
  color:rgba(120,140,255,.07);pointer-events:none;white-space:nowrap;z-index:0}
.nb1{background:#9740fe;opacity:.26;width:540px;height:540px;top:-150px;right:4vw;filter:blur(90px)}
.nb2{background:#3b6fe0;opacity:.2;width:480px;height:480px;bottom:-170px;left:0;filter:blur(90px)}
.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:22px;
  padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:13px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gc-name{font-size:15px;font-weight:600;letter-spacing:.02em}
.gc-gold .gc-name{color:#E8D48A}
.gc-plat .gc-name{color:#e3e8f0}
.gc-vip .gc-name{color:#fff;text-shadow:0 0 14px rgba(232,212,138,.7)}
.gc-price{font-size:clamp(32px,3vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1;color:#fff}
.gc-price span{font-size:15px;font-weight:500;color:rgba(255,255,255,.5);margin-right:7px}
.gc-gold .gc-price{color:#E8D48A}
.gc-plat .gc-price{color:#eef1f6}
.gc-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.5}
.gc-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin:8px 0 10px;padding:0}
.gc-list li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:rgba(255,255,255,.87);line-height:1.4}
.gc-list li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.gc-gold .gc-list li::before{background:rgba(201,168,76,.28);color:#E8D48A}
.gc-plat .gc-list li::before{background:rgba(200,210,225,.22);color:#eef1f6}
.gc-vip .gc-list li::before{background:rgba(232,212,138,.32);color:#fff}
.gc-btn{margin-top:auto;background:#fff;color:#101014;border-radius:999px;padding:14px 26px;
  text-align:center;font-weight:600;font-size:15px;transition:transform .16s,box-shadow .16s}
.gc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,255,255,.18)}
/* VIP electric outline */
.gc-vip{position:relative;border-color:rgba(232,212,138,.45);
  box-shadow:0 0 46px rgba(201,168,76,.30),inset 0 0 34px rgba(201,168,76,.05)}
.gc-vip::before{content:"";position:absolute;inset:-3px;border-radius:25px;padding:3px;
  background:conic-gradient(from var(--a),rgba(232,212,138,0) 0 6%,#fff 11%,#E8D48A 15%,rgba(232,212,138,0) 21% 52%,#E8D48A 58%,#fff 62%,rgba(232,212,138,0) 68%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:goldspin 3.2s linear infinite;pointer-events:none;
  filter:drop-shadow(0 0 7px rgba(232,212,138,.85))}
.pday-dark{margin-top:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:18px;padding:clamp(20px,2.2vw,30px);display:grid;grid-template-columns:1fr auto;
  gap:20px;align-items:center}
.pday-dark .gc-price{white-space:nowrap}
@media(max-width:1024px){.glass-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:860px){.pday-dark{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gc-vip::before{animation:none}}

/* content-day folder card — shoot photos spilling from behind glass */
.pday-folder{position:relative;margin-top:clamp(70px,7vw,110px)}
.pfold-spill{position:absolute;left:4%;right:4%;top:-72px;height:150px;pointer-events:none;z-index:0}
.pfold-spill img{position:absolute;top:0;left:var(--x);width:clamp(96px,10vw,140px);aspect-ratio:3/4;
  object-fit:cover;border-radius:10px;transform:rotate(var(--r));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.pfold-glass{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:20px;
  align-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);
  border-radius:20px;padding:clamp(22px,2.4vw,32px);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 24px 60px rgba(0,0,0,.4)}
.pfold-glass .gc-price{white-space:nowrap}
@media(max-width:860px){
  .pday-folder{margin-top:78px}
  .pfold-spill{top:-58px;height:110px;left:2%;right:2%}
  .pfold-spill img{width:82px}
  .pfold-glass{grid-template-columns:1fr;gap:10px}
}

/* metallic card backgrounds + shimmer */
.gc-gold,.gc-plat{position:relative;overflow:hidden}
.gc-gold{border-color:rgba(201,168,76,.42);
  background:radial-gradient(130% 90% at 88% -12%,rgba(201,168,76,.30),transparent 55%),
    radial-gradient(110% 110% at -6% 112%,rgba(201,168,76,.16),transparent 58%),
    rgba(255,255,255,.05)}
.gc-plat{border-color:rgba(214,224,238,.5);
  background:radial-gradient(130% 90% at 88% -12%,rgba(205,218,236,.30),transparent 55%),
    radial-gradient(110% 110% at -6% 112%,rgba(205,218,236,.15),transparent 58%),
    rgba(255,255,255,.06)}
.gc-gold::after,.gc-plat::after{content:"";position:absolute;top:-30%;bottom:-30%;width:46%;
  transform:skewX(-18deg) translateX(-320%);pointer-events:none;
  animation:cardsheen 5.2s ease-in-out infinite}
.gc-gold::after{background:linear-gradient(90deg,transparent,rgba(255,239,196,.12),transparent)}
.gc-plat::after{background:linear-gradient(90deg,transparent,rgba(235,242,252,.14),transparent);animation-delay:1.1s}
@keyframes cardsheen{0%,55%{transform:skewX(-18deg) translateX(-320%)}80%,100%{transform:skewX(-18deg) translateX(560%)}}

/* VIP corner stamp */
.vip-stamp{position:absolute;top:-18px;right:-14px;width:78px;height:78px;border-radius:50%;
  border:2px dashed #E8D48A;display:grid;place-items:center;transform:rotate(14deg);z-index:2;
  background:rgba(26,22,12,.72);color:#E8D48A;font-weight:800;letter-spacing:.1em;font-size:16px;
  box-shadow:0 0 20px rgba(232,212,138,.45);backdrop-filter:blur(4px)}
.vip-stamp::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(232,212,138,.6)}

/* content-day folder v2 — big glass slab, photos tucked in the opening */
.pfold{margin-top:clamp(70px,7vw,110px);text-align:center}
.pfold-kick{font-size:13px;letter-spacing:.05em;color:rgba(255,255,255,.5);margin-bottom:18px}
.pfold-stage{position:relative;max-width:680px;margin:0 auto;padding-top:170px}
.pfold-spill img{position:absolute;border-radius:14px;object-fit:cover;aspect-ratio:3/4;
  border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.ps1{width:150px;left:2%;top:52px;transform:rotate(-13deg);z-index:1}
.ps2{width:165px;left:20%;top:22px;transform:rotate(-6deg);z-index:2}
.ps3{width:185px;left:50%;top:6px;transform:translateX(-50%);z-index:3}
.ps4{width:165px;right:20%;top:22px;transform:rotate(6deg);z-index:2}
.ps5{width:150px;right:2%;top:52px;transform:rotate(13deg);z-index:1}
.pfold-front{position:relative;z-index:4;text-align:left;border-radius:26px;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);
  padding:clamp(24px,3vw,38px);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.pfold-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.pfold-brand{font-weight:700;font-size:16px;color:#fff}
.pfold-pill{background:rgba(10,10,14,.75);border-radius:999px;padding:9px 16px;font-size:14px;
  border:1px solid rgba(255,255,255,.14)}
.pfold-desc{font-size:14.5px;color:rgba(255,255,255,.75);max-width:46ch}
.pfold-price{font-size:clamp(34px,3.4vw,46px);font-weight:600;letter-spacing:-.03em;color:#fff;margin-top:12px}
@media(max-width:860px){
  .pfold-stage{padding-top:120px}
  .ps1{width:92px;left:0}
  .ps2{width:104px;left:16%}
  .ps3{width:120px}
  .ps4{width:104px;right:16%}
  .ps5{width:92px;right:0}
  .pfold-front{padding:20px}
}
@media(prefers-reduced-motion:reduce){.gc-gold::after,.gc-plat::after{animation:none}}

/* v1 folder leftovers outrank the v2 fan — rescope with .pfold-stage */
.pfold-stage .pfold-spill{position:absolute;left:0;right:0;top:0;bottom:auto;height:auto;z-index:0}
.pfold-stage .pfold-spill img{width:140px;top:0;left:auto;right:auto;transform:none}
.pfold-stage .ps1{width:150px;left:2%;top:52px;transform:rotate(-13deg);z-index:1}
.pfold-stage .ps2{width:165px;left:20%;top:22px;transform:rotate(-6deg);z-index:2}
.pfold-stage .ps3{width:185px;left:50%;top:6px;transform:translateX(-50%);z-index:3}
.pfold-stage .ps4{width:165px;right:20%;left:auto;top:22px;transform:rotate(6deg);z-index:2}
.pfold-stage .ps5{width:150px;right:2%;left:auto;top:52px;transform:rotate(13deg);z-index:1}
@media(max-width:860px){
  .pfold-stage .ps1{width:92px;left:0}
  .pfold-stage .ps2{width:104px;left:16%}
  .pfold-stage .ps3{width:120px}
  .pfold-stage .ps4{width:104px;right:16%}
  .pfold-stage .ps5{width:92px;right:0}
}
.pfold-stage .pfold-spill img.ps1{width:150px;left:2%;right:auto;top:52px;transform:rotate(-13deg)}
.pfold-stage .pfold-spill img.ps2{width:165px;left:20%;right:auto;top:22px;transform:rotate(-6deg)}
.pfold-stage .pfold-spill img.ps3{width:185px;left:50%;right:auto;top:6px;transform:translateX(-50%)}
.pfold-stage .pfold-spill img.ps4{width:165px;right:20%;left:auto;top:22px;transform:rotate(6deg)}
.pfold-stage .pfold-spill img.ps5{width:150px;right:2%;left:auto;top:52px;transform:rotate(13deg)}
@media(max-width:860px){
  .pfold-stage .pfold-spill img.ps1{width:92px;left:0}
  .pfold-stage .pfold-spill img.ps2{width:104px;left:16%}
  .pfold-stage .pfold-spill img.ps3{width:120px}
  .pfold-stage .pfold-spill img.ps4{width:104px;right:16%}
  .pfold-stage .pfold-spill img.ps5{width:92px;right:0}
}

/* content-day glass: copy left, cinema rig right (emoji pill retired) */
.pfold-front{display:grid;grid-template-columns:1fr clamp(200px,34%,280px);gap:clamp(18px,2.4vw,32px);align-items:center}
.pfold-brand{font-weight:700;font-size:17px;color:#fff;margin-bottom:10px}
.pfold-cine{width:100%;border-radius:16px;display:block;box-shadow:0 16px 38px rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.12)}
@media(max-width:860px){
  .pfold-front{grid-template-columns:1fr;gap:14px}
  .pfold-cine{max-width:320px}
}

@property --sa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes sgold{to{--sa:360deg}}

/* ===== mobile nav drop: metal cards (4 Sep) ===== */
.nav-drop{background:#0e0d14;border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 60px rgba(0,0,0,.5)}
.nav-drop .wrap{padding-top:16px;padding-bottom:18px}
.nd2{--ac:#E8D48A;position:relative;display:block;border-radius:18px;margin:10px 0;
  padding:16px 18px;color:#fff;text-decoration:none;
  background:radial-gradient(300px 160px at 100% 0%,rgba(255,255,255,.07),transparent 60%),rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14)}
.nd2 strong{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.01em;margin:4px 0 3px;padding-right:44px}
.nd2-sub{display:block;font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.4;padding-right:44px}
.nd2-metal{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ac);border:1px solid var(--ac);border-radius:999px;padding:3px 10px}
.nd2-emoji{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:11px;background:#fff;
  display:grid;place-items:center;font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.35);transform:rotate(6deg)}
.nd2::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1.5px;
  background:conic-gradient(from var(--sa),transparent 0 70%,var(--ac) 82%,#fff 86%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:sgold 4s linear infinite;pointer-events:none;
  filter:drop-shadow(0 0 4px var(--ac))}
.nd2-gold{--ac:#E8D48A;box-shadow:0 0 26px rgba(201,168,76,.22)}
.nd2-silver{--ac:#c9ced6}
.nd2-silver::before{animation-delay:1.3s}
.nd2-plat{--ac:#eef3fa;box-shadow:0 0 26px rgba(190,210,240,.18)}
.nd2-plat::before{animation-delay:2.6s}
.nd2-gold strong{color:#E8D48A}
.nav-drop .nd-plain{color:#fff;border-color:rgba(255,255,255,.25)}
@media(prefers-reduced-motion:reduce){.nd2::before{animation:none}}

/* content package tiers on the folder glass */
.pfold-prices{display:flex;gap:12px;margin-top:16px}
.pp{flex:1;background:rgba(10,10,16,.55);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:12px 16px 13px}
.pp span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:5px}
.pp b{display:block;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.1}
.pp em{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.55);margin-top:5px}
.pp-hot{border-color:rgba(232,212,138,.55);box-shadow:0 0 22px rgba(201,168,76,.22)}
.pp-hot b{color:#E8D48A}
@media(max-width:860px){.pfold-prices{flex-direction:column;gap:10px}}

/* ===== hero carousel: bare devices, no composite slab (4 Sep) ===== */
.hmq-track img{width:auto;margin-right:0;border:0;box-shadow:none;border-radius:0}
.hmq-item{position:relative;flex:none;width:min(46vw,640px);margin-right:60px;padding-bottom:26px}
.hmq-item .mb{max-width:none;width:100%;margin:0}
.hmq-item .mb-lid{box-shadow:0 26px 60px rgba(34,34,34,.22)}
.hmq-item .mb-screen img,.hmq-item .ip-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.hmq-item .ip{position:absolute;right:-16px;bottom:0;width:21%;max-width:none;margin:0;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.35))}
@media(max-width:860px){
  .hmq-item{width:74vw;margin-right:38px;padding-bottom:20px}
  .hmq-item .ip{width:24%;right:-8px}
}

/* carousel devices: slim bezels + scaled notch (fixed 120px notch was a black bar) */
.hmq-item .ip-body{padding:5px;border-radius:22px}
.hmq-item .ip-screen{border-radius:18px}
.hmq-item .ip-notch{width:36%;height:9px;top:5px;border-radius:7px}
.hmq-item .mb-lid{padding:8px 8px 0;border-radius:11px 11px 3px 3px}
.hmq-item .mb-base{height:9px}
@media(max-width:860px){
  .hmq-item .ip-body{padding:3px;border-radius:14px}
  .hmq-item .ip-screen{border-radius:11px}
  .hmq-item .ip-notch{width:32%;height:6px;top:4px}
  .hmq-item .mb-lid{padding:5px 5px 0;border-radius:8px 8px 2px 2px}
  .hmq-item .mb-base{height:6px}
}

/* ===== ultra-real device chrome (4 Sep) ===== */
.hmq-item .mb{position:relative}
.hmq-item .mb-lid{position:relative;background:linear-gradient(180deg,#43434a 0%,#1a1a1f 26%,#0b0b0e 100%);
  padding:11px 9px 9px;border-radius:14px 14px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.6),0 34px 70px rgba(18,18,28,.30)}
.hmq-item .mb-lid::before{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);
  width:4px;height:4px;border-radius:50%;background:#2c2c33;box-shadow:inset 0 0 2px #000,0 0 2px rgba(90,120,180,.6)}
.hmq-item .mb-screen{border-radius:4px;position:relative;overflow:hidden}
.hmq-item .mb-screen::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 16%,transparent 30%)}
.hmq-item .mb-base{height:12px;border-radius:2px 2px 11px 11px;
  background:linear-gradient(180deg,#eef0f4 0%,#c3c8d1 45%,#878d98 100%);
  box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(0,0,0,.22)}
.hmq-item .mb-base::after{width:15%;height:5px;background:linear-gradient(180deg,#a7adb8,#8a8f9a);
  border-radius:0 0 9px 9px}
.hmq-item::after{content:"";position:absolute;left:5%;right:5%;bottom:12px;height:16px;z-index:-1;
  background:radial-gradient(50% 100% at 50% 0,rgba(18,18,28,.32),transparent 72%);filter:blur(7px)}
.hmq-item .ip-body{background:linear-gradient(155deg,#46464e 0%,#141418 38%,#0a0a0d 100%);
  padding:4px;border-radius:26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 1px rgba(0,0,0,.7),0 20px 44px rgba(0,0,0,.42)}
.hmq-item .ip-screen{border-radius:22px;position:relative;overflow:hidden}
.hmq-item .ip-screen::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 20%,transparent 34%)}
.hmq-item .ip-notch{width:30%;height:8px;top:6px;border-radius:8px;background:#050507;
  box-shadow:inset 0 0 2px rgba(255,255,255,.15)}
@media(max-width:860px){
  .hmq-item .mb-lid{padding:7px 6px 6px;border-radius:9px 9px 0 0}
  .hmq-item .mb-lid::before{width:3px;height:3px;top:2px}
  .hmq-item .mb-base{height:8px}
  .hmq-item .ip-body{padding:2.5px;border-radius:16px}
  .hmq-item .ip-screen{border-radius:13px}
  .hmq-item .ip-notch{width:28%;height:5px;top:4px}
}

/* 8-build track: same px/s pace as the 6-build loop */
.hmq-track{animation-duration:40s}
@media(max-width:860px){.hmq-track{animation-duration:12s}}