/* Design tokens for FILM THIS.
 *
 * Lifted verbatim from the v1 homepage concept (design/concept-v1.html) so the
 * concept and the real site cannot drift apart. This file is the only place a
 * brand value is written down: never hardcode a hex, always reference a token.
 *
 * Accent colours map one-to-one onto Drops — see content/drops.json.
 */

:root {
  /* Surfaces */
  --black: #070707;
  --ink: #101010;
  --paper: #f4f2ec;
  --white: #fff;

  /* Drop accents */
  --yellow: #ffd400;  /* brand accent, and THE SWIPE  */
  --pink: #f32d93;    /* THE SCRUB */
  --green: #9cff27;   /* THE HOLD  */

  /* Support */
  --muted: #a7a7a7;
  --line: #262626;

  /* Geometry */
  --radius: 26px;

  /* Type. The concept sets no webfont: headings lean on the heaviest weight
   * the system grotesque offers, with aggressive negative tracking. */
  --font-sans: Arial, Helvetica, sans-serif;
  --font-marker: "Comic Sans MS", "Marker Felt", cursive;  /* handwritten accents only */
  --weight-display: 1000;
  --tracking-display: -0.055em;
  --leading-display: 0.85;
}

/* v2 additions. The second homepage design uses a brighter, cooler light
 * surface than the v1 concept's warm paper. Both are in use: warm paper for
 * editorial blocks, bright for product surfaces. */
:root {
  --paper-bright: #f7f7f6;
  --grey-label: #8e8e8e;
}

/* Homepage v2 slots, overlays and geometry. */
:root {
  --placeholder: #1b1b1b;
  --pouch-end: #131313;
  --recording: #f04444;
  --scrim: rgba(7, 7, 7, 0.95);
  --scrim-clear: rgba(7, 7, 7, 0.12);
  --shadow-pack: 0 18px 26px rgba(0, 0, 0, 0.22);
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-pouch: 10px 10px 16px 16px;
  --radius-phone: 20px;
  --type-hero: clamp(32px, 4.1vw, 63px);
  --type-lede: clamp(17px, 1.55vw, 22px);
  --type-marker: clamp(24px, 2.5vw, 38px);
  --type-story: clamp(28px, 2.5vw, 40px);
  --type-small: 12px;
  --type-caption: 15px;
  --weight-bold: 700;
  --weight-heavy: 900;
}
:root {
  --type-hero-mobile: clamp(32px, 8.5vw, 58px);
}

/* Creator scenario prototype: type and geometry stay with the brand tokens. */
:root {
  --type-sim-kicker: 12px;
  --type-sim-small: 13px;
  --type-sim-body: 16px;
  --type-sim-label: clamp(18px, 1.7vw, 24px);
  --type-sim-heading: clamp(48px, 7vw, 112px);
  --type-sim-slider-value: clamp(38px, 4.4vw, 64px);
  --type-sim-result: clamp(76px, 10vw, 170px);
  --type-sim-result-long: clamp(54px, 7vw, 102px);
  --radius-sim-panel: 30px;
  --radius-sim-sticker: 18px;
  --sim-slider-thumb-size: 52px;
  --sim-slider-track-size: 14px;
}

/* More compact creator playground revision. */
:root {
  --type-sim-v2-heading: clamp(32px, 4.2vw, 59px);
  --type-sim-v2-reward: clamp(68px, 7.5vw, 106px);
}

/* Pack-render geometry, 6 × 11 inch face; no hang hole. */
:root {
  --pack-canvas-ratio: 1040 / 1800;
  --pack-face-ratio: 6 / 11;
  --pack-canvas-padding: 5.096153846% 5.576923077%;
}

/* Creator-first homepage, September 2026. */
:root {
  --type-creator-hero: clamp(52px, 6.5vw, 96px);
  --type-creator-section: clamp(34px, 4.2vw, 62px);
  --type-creator-title: clamp(23px, 2.1vw, 30px);
  --type-creator-body: 17px;
  --type-creator-note: 14px;
  --type-creator-kicker: 11px;
  --type-creator-end: clamp(64px, 11vw, 160px);
  --creator-copy-on-light: #51514e;
  --creator-rule-on-light: #d4d4d0;
  --creator-photo-scrim: linear-gradient(transparent 25%, rgba(7,7,7,.88));
  --leading-creator-title: .95;
}

/* Big editorial view-count sticker; system fonts only. */
:root {
  --font-impact: 'Arial Black', 'Arial', sans-serif;
  --type-view-sticker: clamp(78px, 9.8vw, 142px);
  --type-view-sticker-label: clamp(14px, 1.7vw, 24px);
}

/* Foreground packaging, separate from the lifestyle photograph. */
:root { --shadow-pack-foreground: 8px 16px 10px rgba(0, 0, 0, .28); }

/* Hero v3 proposal (2026-09-20): platform names set in brand type, small pack row, hero sticker. */
:root {
  --type-creator-platform: clamp(20px, 2.1vw, 30px);
  --type-creator-hero-v3: clamp(44px, 5vw, 72px);
  --type-view-sticker-hero: 50px;
  --type-view-sticker-hero-label: 12px;
  --hero-pack-width: 54px;
  --hero-phone-width: 300px;
}

*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}figure,p,h1,h2,h3{margin:0}.c-shell{max-width:1320px;margin:auto;padding-inline:32px}.c-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;border-bottom:1px solid var(--line)}.c-logo{text-decoration:none;font-size:var(--type-creator-title);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);white-space:nowrap}.c-logo span{color:var(--yellow)}.c-logo sup{font-size:var(--type-creator-kicker);letter-spacing:normal;vertical-align:top}.c-nav nav{display:flex;gap:32px;font-size:var(--type-creator-note);font-weight:var(--weight-bold)}.c-nav nav a{text-decoration:none}.c-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:18px 25px;border-radius:var(--radius-pill);background:var(--yellow);color:var(--black);font-size:var(--type-creator-note);font-weight:var(--weight-heavy);text-decoration:none;text-align:center;line-height:1.25}.c-button-small{font-size:var(--type-creator-kicker);min-height:44px;padding:14px 20px}.c-button-dark{background:var(--black);color:var(--white)}.c-hero{display:grid;grid-template-columns:1fr auto;grid-template-areas:"copy example" "drops example";grid-template-rows:auto 1fr;gap:0 64px;align-items:start;padding-block:48px 56px}.c-hero h1{font-size:var(--type-creator-hero-v3)}.c-hero-copy{grid-area:copy}.c-hero-example{grid-area:example}.c-hero-drops{grid-area:drops;align-self:start}.c-tagline{font-size:var(--type-creator-kicker);font-weight:var(--weight-bold);letter-spacing:.13em;color:var(--muted);margin-right:auto;padding-left:24px;border-left:1px solid var(--line);line-height:1.5}.c-platforms-lead{margin-bottom:8px;color:var(--muted)}.c-platforms{display:flex;flex-wrap:wrap;gap:0 16px;list-style:none;padding:0;margin:0 0 22px;font-size:var(--type-creator-platform);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);line-height:1.1}.c-platforms li+li:before{content:"·";color:var(--yellow);margin-right:16px}.c-hero-drops{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.c-hero-drops-label{width:100%;font-size:var(--type-creator-kicker);font-weight:var(--weight-bold);letter-spacing:.13em;color:var(--muted)}.c-hero-drop{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:var(--type-creator-note);line-height:1.3}.c-hero-drop picture{width:var(--hero-pack-width);flex:none}.c-hero-drop span{display:flex;flex-direction:column;font-weight:var(--weight-bold)}.c-hero-drop b{font-size:var(--type-creator-kicker);letter-spacing:.08em;color:var(--muted)}.c-hero-drop.is-start b{color:var(--drop-accent)}.c-hero-drop:not(.is-start) picture{opacity:.72}.c-hero-example{position:relative;width:var(--hero-phone-width);align-self:center;margin-right:48px}.c-hero-example-meta{font-size:var(--type-creator-kicker);line-height:1.5;color:var(--muted);margin-top:14px}.c-hero-example .c-video-source{margin-top:14px;font-size:var(--type-creator-note)}.c-hero-example .c-video-player{max-width:none;width:100%}.c-eyebrow{font-size:var(--type-creator-kicker);font-weight:var(--weight-bold);letter-spacing:.13em;line-height:1.5;margin-bottom:22px}.c-hero .c-eyebrow{color:var(--yellow)}h1{font-size:var(--type-creator-hero);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);line-height:var(--leading-creator-title)}h1 span{display:block}h1 span:last-child{color:var(--yellow)}.c-lede{font-size:var(--type-creator-body);line-height:1.6;max-width:520px;color:var(--muted);margin-top:26px}.c-lede b{color:var(--white)}.c-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.c-text-link{font-size:var(--type-creator-note);text-underline-offset:5px}.c-ticker{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px 24px;background:var(--yellow);color:var(--black);padding:20px 24px;font-size:var(--type-creator-title);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display)}.c-section{padding-block:90px}.c-light{background:var(--paper-bright);color:var(--ink)}h2{font-size:var(--type-creator-section);line-height:var(--leading-creator-title);letter-spacing:var(--tracking-display);font-weight:var(--weight-heavy)}.c-section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}.c-section-head>div{max-width:700px}.c-section-head>p{max-width:340px;font-size:var(--type-creator-body);line-height:1.55;color:var(--muted)}.c-light .c-section-head>p{color:var(--creator-copy-on-light)}.c-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.c-product-scene{position:relative;aspect-ratio:1.15;background:var(--ink);border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.c-product-scene>picture,.c-product-scene>picture>img{height:100%}.c-product-scene>picture>img{object-fit:cover}.c-drop-number{position:absolute;top:18px;left:18px;background:var(--black);color:var(--drop-accent);padding:9px 12px;border-radius:var(--radius-pill);font-size:var(--type-creator-kicker);font-weight:var(--weight-bold)}.c-pack{position:absolute;bottom:12px;right:10px;width:28%;filter:drop-shadow(var(--shadow-pack))}.c-product-copy{padding:24px 0}.c-availability{font-size:var(--type-creator-kicker);text-transform:uppercase;letter-spacing:.08em;color:var(--creator-copy-on-light);margin-bottom:10px}.c-product-copy h3{font-size:var(--type-creator-title);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display)}.c-product-copy>p:not(.c-availability){font-size:var(--type-creator-note);line-height:1.5;color:var(--creator-copy-on-light);margin:10px 0 24px;min-height:42px}.c-brief{border-top:1px solid var(--creator-rule-on-light);padding:18px 0}.c-brief:last-child{border-bottom:1px solid var(--creator-rule-on-light)}.c-brief summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;font-size:var(--type-creator-body);font-weight:var(--weight-bold);list-style:none}.c-brief summary::-webkit-details-marker{display:none}.c-brief summary>span{font-size:var(--type-creator-kicker);color:var(--creator-copy-on-light)}.c-brief summary>b{margin-left:auto}.c-brief[open] summary>b{transform:rotate(90deg)}.c-brief p{font-size:var(--type-creator-note);line-height:1.5;margin:16px 0}.c-brief ol{padding-left:20px;font-size:var(--type-creator-note);line-height:1.5;color:var(--creator-copy-on-light)}.c-brief li+li{margin-top:8px}.c-section-note{font-size:var(--type-creator-note);line-height:1.5;color:var(--creator-copy-on-light);margin-top:20px}.c-ideas-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.c-idea-photo{position:relative;max-width:420px;aspect-ratio:4/4.5;border-radius:var(--radius);overflow:hidden}.c-idea-photo picture,.c-idea-photo img{height:100%;object-fit:cover}.c-idea-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--black);padding:12px;font-size:var(--type-creator-kicker);color:var(--muted)}.c-variation{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.c-variation>span{color:var(--yellow);font-size:var(--type-creator-title);font-weight:var(--weight-heavy)}.c-variation h3{font-size:var(--type-creator-title);letter-spacing:var(--tracking-display)}.c-variation p,.c-ideas-note{font-size:var(--type-creator-body);line-height:1.55;color:var(--muted);margin-top:10px}.c-ideas-note{font-size:var(--type-creator-note);margin-top:26px}.c-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:48px 0}.c-steps li>span{display:block;font-size:var(--type-creator-section);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);color:var(--creator-copy-on-light);margin-bottom:22px}.c-steps h3{font-size:var(--type-creator-title);letter-spacing:var(--tracking-display)}.c-steps p,.c-how-note p,.c-terms p{font-size:var(--type-creator-body);line-height:1.55;margin-top:14px}.c-steps p,.c-how-note p{color:var(--creator-copy-on-light)}.c-how-note{border-top:1px solid var(--creator-rule-on-light);padding-top:24px;font-size:var(--type-creator-body)}.c-how-note p{margin-top:6px}.c-terms{border-top:1px solid var(--line);padding-top:28px;font-size:var(--type-creator-body)}.c-terms p{color:var(--muted);max-width:900px}.c-end{background:var(--yellow);color:var(--black);padding-block:70px}.c-end h2{font-size:var(--type-creator-end);margin-bottom:32px}.c-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:38px}.c-footer p,.c-footer>a:last-child{font-size:var(--type-creator-note);color:var(--muted)}
@media(max-width:1000px){.c-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.c-hero{gap:0 32px}.c-hero-example{margin-right:24px}.c-tagline{display:none}.c-section-head{display:block}.c-section-head>p{margin-top:22px;max-width:620px}.c-challenge-grid{gap:18px}.c-ideas-layout{gap:35px}.c-nav nav{gap:18px}.c-pack{width:32%}.c-steps{gap:25px}}
@media(max-width:700px){.c-shell{padding-inline:20px}.c-nav{gap:15px;padding-block:20px}.c-nav nav{display:none}.c-hero{grid-template-columns:1fr;grid-template-areas:"copy" "example" "drops";grid-template-rows:auto;padding-block:34px 40px;gap:36px}.c-hero-example{width:min(var(--hero-phone-width),100%);justify-self:start;margin:0}.c-hero-drops{gap:14px 20px;margin-top:0;padding-top:22px}.c-lede{margin-top:22px}.c-actions{gap:20px}.c-ticker{padding:16px 20px;gap:8px 18px;font-size:var(--type-creator-note);justify-content:center}.c-section{padding-block:56px}.c-section-head{margin-bottom:30px}.c-challenge-grid{grid-template-columns:1fr;gap:24px}.c-product-scene{aspect-ratio:1.35}.c-pack{width:26%;right:16px}.c-product-copy{padding-bottom:4px}.c-product-copy>p:not(.c-availability){min-height:0}.c-ideas-layout{grid-template-columns:1fr;gap:20px}.c-idea-photo{max-width:none;aspect-ratio:1.15}.c-variation{gap:20px}.c-steps{grid-template-columns:1fr;gap:30px;margin-block:35px}.c-steps li>span{font-size:var(--type-creator-title);margin-bottom:10px}.c-steps p{margin-top:10px}.c-footer{flex-wrap:wrap}.c-footer p{width:100%;order:3}.c-end{padding-block:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Original third-party videos, separated from product concepts. */
.c-examples h2{max-width:1000px}.c-video-example{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding-top:44px;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.c-examples-slider{--examples-interval:9s;position:relative}.c-examples-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:32px;overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.c-examples-track::-webkit-scrollbar{display:none}.c-examples-dots{display:flex;justify-content:center;gap:14px;margin-top:40px}.c-examples-dot{position:relative;width:64px;height:6px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--muted);cursor:pointer}.c-examples-dot:before{content:"";position:absolute;inset:-14px -2px}.c-examples-dot>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--yellow);transform:scaleX(0);transform-origin:left}.c-examples-dot[aria-current="true"]>span{transform:scaleX(1)}.is-auto .c-examples-dot[aria-current="true"]>span{animation:c-dot-fill var(--examples-interval) linear}.is-auto.is-paused .c-examples-dot[aria-current="true"]>span{animation-play-state:paused}@keyframes c-dot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.is-auto .c-examples-dot[aria-current="true"]>span{animation:none}}.c-video-count strong{display:block;font-size:var(--type-creator-end);line-height:1;letter-spacing:var(--tracking-display);color:var(--yellow);font-weight:var(--weight-heavy)}.c-video-count span{display:block;font-size:var(--type-creator-title);margin-top:10px}.c-video-date,.c-video-help,.c-video-disclosure{font-size:var(--type-creator-note);color:var(--muted);line-height:1.5;margin-top:14px}.c-video-context{font-size:var(--type-creator-title);line-height:1.25;max-width:550px;margin-top:30px}.c-video-author{font-size:var(--type-creator-body);margin-top:24px;font-weight:var(--weight-bold)}.c-video-disclosure{max-width:480px;margin-bottom:26px}.c-video-player{width:100%;max-width:340px;justify-self:center}.c-video-screen{position:relative;aspect-ratio:9/16;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;gap:20px;overflow:hidden}.c-video-platform{position:absolute;top:24px;font-size:var(--type-creator-note);color:var(--muted)}.c-video-status{font-size:var(--type-creator-note);color:var(--muted);text-align:center;line-height:1.5}.c-video-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--black)}.c-video-source{display:block;margin-top:18px;font-size:var(--type-creator-body);text-underline-offset:4px}.c-video-help{font-size:var(--type-creator-kicker)}
@media(max-width:700px){.c-examples-track{gap:20px}.c-examples-dots{gap:10px;margin-top:30px}.c-examples-dot{width:48px}.c-video-example{grid-template-columns:1fr;gap:30px;padding-top:32px}.c-video-context{font-size:var(--type-creator-body)}.c-video-player{max-width:320px}.c-video-count strong{font-size:var(--type-creator-end)}}
.c-video-screen button[hidden]{display:none}
/* A loud cut-out sticker connects the real view count to the visitor's what-if. */
.c-view-sticker{position:relative;isolation:isolate;max-width:570px;aspect-ratio:600/340;display:grid;place-items:center;margin:32px 0 20px;transform:rotate(-5deg)}.c-view-sticker svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:var(--yellow)}.c-view-sticker .c-video-count{color:var(--black);text-align:center;transform:rotate(1deg) skewX(-5deg);padding:20px}.c-view-sticker .c-video-count strong{font-family:var(--font-impact);font-size:var(--type-view-sticker);font-style:italic;letter-spacing:-.08em;color:var(--black);line-height:.95}.c-view-sticker .c-video-count span{font-size:var(--type-view-sticker-label);font-weight:var(--weight-heavy);letter-spacing:-.03em;margin-top:8px}.c-video-whatif{margin:30px 0}.c-video-whatif>p{font-size:var(--type-creator-title);line-height:1.05;font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);margin-bottom:20px}.c-video-whatif>span{display:block;font-size:var(--type-creator-kicker);line-height:1.5;color:var(--muted);margin-top:12px}.c-video-whatif~.c-video-context{font-size:var(--type-creator-body)}
@media(max-width:700px){.c-view-sticker{margin-inline:8px;margin-block:22px}.c-video-whatif .c-button{width:100%;padding-inline:12px}}
.c-video-whatif button,.c-video-screen button{border:0;cursor:pointer}
/* Let the pouch stand in front of a smaller, separately clipped photograph. */
.c-product-scene{aspect-ratio:1.05;background:transparent;overflow:visible;border-radius:0;isolation:isolate}
.c-lifestyle{position:absolute;top:0;right:0;width:86%;height:82%;overflow:hidden;border-radius:var(--radius)}
.c-lifestyle picture,.c-lifestyle img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.c-product-scene .c-drop-number{left:calc(14% + 12px);top:14px;z-index:1}
.c-product-scene .c-pack{width:40%;left:-1%;right:auto;bottom:0;z-index:2;filter:drop-shadow(var(--shadow-pack-foreground));transform:rotate(-4deg)}
@media(max-width:700px){.c-product-scene{aspect-ratio:1.12}.c-product-scene .c-pack{width:39%;left:0}.c-lifestyle{width:86%;height:82%}}
/* Hero sticker: sits on the phone corner. Placed after the sticker rules above so it wins. */
.c-view-sticker-hero{position:absolute;z-index:2;top:-30px;right:-48px;width:210px;max-width:none;margin:0;transform:rotate(8deg)}.c-view-sticker-hero .c-video-count{padding:12px}.c-view-sticker-hero .c-video-count strong{font-size:var(--type-view-sticker-hero)}.c-view-sticker-hero .c-video-count span{font-size:var(--type-view-sticker-hero-label);margin-top:4px}
@media(max-width:1000px){.c-view-sticker-hero{right:-30px;width:170px}}
@media(max-width:700px){.c-view-sticker-hero{right:-16px;top:-30px;width:150px}}

/* Pre-launch queue: the yellow closing panel, posting to /api/waitlist. */
.c-queue h2{margin-bottom:22px}.c-queue-form{max-width:640px}.c-queue-lede{font-size:var(--type-creator-body);line-height:1.55;margin-bottom:22px}.c-queue-row{display:flex;flex-wrap:wrap;gap:12px}.c-queue-row input[type=email]{flex:1 1 260px;min-width:0;min-height:52px;padding:14px 22px;border:2px solid var(--black);border-radius:var(--radius-pill);background:var(--white);color:var(--black);font-size:var(--type-creator-body)}.c-queue-row input[type=email]:focus-visible{outline-color:var(--black)}.c-queue-row .c-button{border:0;cursor:pointer}.c-card-queue{margin-top:22px;width:100%}.c-queue-row .c-button:disabled{opacity:.6;cursor:wait}.c-queue-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.c-queue-fine,.c-queue-error{font-size:var(--type-creator-note);margin-top:14px}.c-queue-error{font-weight:var(--weight-heavy)}.c-queue-done{font-size:var(--type-creator-body)}.c-queue-number{display:block;font-size:var(--type-creator-end);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);line-height:1;margin:10px 0 18px}
@media(max-width:700px){.c-queue-row .c-button{flex:1 1 100%}}

.creator-simulator *{box-sizing:border-box}.creator-simulator body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.creator-simulator button,.creator-simulator input{font:inherit}.creator-simulator button{cursor:pointer}.creator-simulator button:focus-visible,.creator-simulator input:focus-visible,.creator-simulator summary:focus-visible,.creator-simulator a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.creator-simulator .preview-nav,.creator-simulator .sim,.creator-simulator .preview-footer{max-width:1320px;margin:auto;padding-inline:28px}.creator-simulator .preview-nav{display:flex;justify-content:space-between;align-items:center;padding-block:26px;border-bottom:1px solid var(--line)}.creator-simulator .wordmark{font-size:var(--type-sim-label);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);color:var(--white);text-decoration:none}.creator-simulator .wordmark span{color:var(--yellow)}.creator-simulator .preview-nav>span,.creator-simulator .eyebrow,.creator-simulator .preview-footer,.creator-simulator .small-tag{font-size:var(--type-sim-kicker);letter-spacing:.12em;font-weight:var(--weight-bold)}.creator-simulator .preview-nav b{color:var(--yellow);margin-left:16px}.creator-simulator .sim{padding-block:58px 40px}.creator-simulator .intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.creator-simulator .eyebrow{color:var(--muted);margin:0 0 20px}.creator-simulator h2{margin:0;font-size:var(--type-sim-v2-heading);letter-spacing:var(--tracking-display);line-height:.96;font-weight:var(--weight-display)}.creator-simulator h2 span{color:var(--yellow)}.creator-simulator .intro-copy{flex:none;color:var(--muted);font-size:var(--type-sim-body);line-height:1.5;margin:0 0 3px}.creator-simulator .stage{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:64px;align-items:start}.creator-simulator .controls{min-width:0}.creator-simulator .control{padding:0 0 28px;margin:0 0 26px;border-bottom:1px solid var(--line)}.creator-simulator .control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.creator-simulator .control-heading label{font-size:var(--type-sim-body);font-weight:var(--weight-heavy)}.creator-simulator .control-heading small{font-size:var(--type-sim-kicker);color:var(--muted);margin-right:12px;font-weight:var(--weight-bold)}.creator-simulator .control-heading output{font-size:var(--type-sim-slider-value);line-height:1;font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;color:var(--yellow)}.creator-simulator input[type=range]{--fill:0%;width:100%;height:52px;display:block;margin:0;appearance:none;background:transparent;cursor:grab}.creator-simulator input[type=range]:active{cursor:grabbing}.creator-simulator input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--yellow) var(--fill),var(--line) var(--fill))}.creator-simulator input[type=range]::-moz-range-track{height:10px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--yellow) var(--fill),var(--line) var(--fill))}.creator-simulator input[type=range]::-webkit-slider-thumb{appearance:none;width:48px;height:48px;margin-top:-19px;border:14px solid var(--yellow);background:var(--black);border-radius:var(--radius-circle);box-shadow:0 0 0 5px var(--black)}.creator-simulator input[type=range]::-moz-range-thumb{box-sizing:border-box;width:48px;height:48px;border:14px solid var(--yellow);background:var(--black);border-radius:var(--radius-circle);box-shadow:0 0 0 5px var(--black)}.creator-simulator .scale{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:var(--type-sim-kicker);font-weight:var(--weight-bold);min-height:26px}.creator-simulator .scale button{background:none;border:0;padding:8px 0 8px 12px;color:var(--white);font-size:inherit}.creator-simulator .hint{font-size:var(--type-sim-small);color:var(--muted);line-height:1.5;margin:12px 0 0}.creator-simulator .hint strong{font-weight:normal;color:var(--white)}.creator-simulator .small-tag{color:var(--muted);font-size:var(--type-sim-kicker);letter-spacing:.03em}.creator-simulator .audience-labels{display:flex;justify-content:space-between;gap:8px}.creator-simulator .audience-labels button{padding:10px 0;color:var(--muted);border:0;background:none;font-size:var(--type-sim-small);font-weight:var(--weight-bold)}.creator-simulator .audience-labels button[aria-pressed=true]{color:var(--yellow)}.creator-simulator .assumptions summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:var(--type-sim-kicker);font-weight:var(--weight-bold);letter-spacing:.1em;padding:4px 0 18px}.creator-simulator .assumptions summary::-webkit-details-marker{display:none}.creator-simulator .assumptions p{font-size:var(--type-sim-small);line-height:1.5;color:var(--muted)}.creator-simulator .assumptions label{display:flex;justify-content:space-between;align-items:center;font-size:var(--type-sim-body)}.creator-simulator .price-field{border-bottom:1px solid var(--muted);padding:6px}.creator-simulator .price-field input{width:65px;background:none;border:0;color:var(--white)}.creator-simulator #custom-views-wrap{margin-top:10px;font-size:var(--type-sim-small)}.creator-simulator #custom-views-wrap input{display:block;margin-top:10px;width:100%;padding:12px;background:var(--ink);color:var(--white);border:1px solid var(--muted)}.creator-simulator .result{background:var(--paper-bright);color:var(--ink);border-radius:var(--radius-sim-sticker);padding:32px;position:sticky;top:24px;min-width:0}.creator-simulator .result-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--type-sim-kicker);font-weight:var(--weight-heavy);letter-spacing:.13em}.creator-simulator .result-top svg{width:29px;stroke:var(--ink);stroke-width:2.5;fill:none}.creator-simulator .reward-label{margin:44px 0 8px;font-size:var(--type-sim-kicker);letter-spacing:.12em;font-weight:var(--weight-bold)}.creator-simulator .reward{display:block;width:fit-content;max-width:100%;font-size:var(--type-sim-v2-reward);font-weight:var(--weight-display);letter-spacing:-.07em;line-height:1;border-bottom:9px solid var(--yellow);overflow-wrap:anywhere}.creator-simulator .reward[data-long=true]{font-size:var(--type-sim-slider-value)}.creator-simulator .reward-context{font-size:var(--type-sim-small);margin:16px 0 30px;line-height:1.5}.creator-simulator .score{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--muted);border-bottom:1px solid var(--muted);padding:22px 0}.creator-simulator .score span{display:block;font-size:var(--type-sim-kicker);font-weight:var(--weight-bold);letter-spacing:.04em}.creator-simulator .score output{display:block;font-size:var(--type-sim-slider-value);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);margin-top:9px;overflow-wrap:anywhere}.creator-simulator .flow{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--type-sim-small);line-height:1.4;margin-top:22px}.creator-simulator .result-note{font-size:var(--type-sim-small);line-height:1.5;margin-top:18px}.creator-simulator .result-footer{display:flex;justify-content:space-between;align-items:center;padding-top:22px;margin-top:24px;border-top:1px solid var(--muted)}.creator-simulator .result-footer span{font-size:var(--type-sim-label);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);line-height:1}.creator-simulator .result-footer svg{width:100px;stroke:var(--ink);stroke-width:2.5;fill:none}.creator-simulator .preview-footer{padding-block:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.creator-simulator .mobile-result{display:none}.creator-simulator .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1050px){.creator-simulator .intro{display:block}.creator-simulator .intro-copy{margin-top:24px}.creator-simulator .stage{gap:30px}.creator-simulator .result{padding:26px}.creator-simulator .small-tag{display:none}}
@media(max-width:720px){.creator-simulator .preview-nav,.creator-simulator .sim,.creator-simulator .preview-footer{padding-inline:20px}.creator-simulator .preview-nav>span{display:none}.creator-simulator .sim{padding-top:38px;padding-bottom:110px}.creator-simulator .intro{margin-bottom:34px}.creator-simulator .intro-copy{font-size:var(--type-sim-small);line-height:1.6}.creator-simulator .stage{grid-template-columns:minmax(0,1fr);gap:24px}.creator-simulator .control-heading label{font-size:var(--type-sim-small)}.creator-simulator .control-heading small{margin-right:7px}.creator-simulator .control{margin-bottom:24px;padding-bottom:24px}.creator-simulator .result{position:static;padding:26px 24px}.creator-simulator .reward-label{margin-top:28px}.creator-simulator .mobile-result{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;background:var(--black);border-top:2px solid var(--yellow);padding:12px 20px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px}.creator-simulator .mobile-result span{display:block;font-size:var(--type-sim-kicker);color:var(--muted);letter-spacing:.08em}.creator-simulator .mobile-result strong{display:block;font-size:var(--type-sim-label);color:var(--yellow);font-weight:var(--weight-heavy);margin-top:4px}.creator-simulator .mobile-result p{font-size:var(--type-sim-small);line-height:1.5;margin:0;text-align:right}.creator-simulator .preview-footer{padding-bottom:115px;font-size:var(--type-sim-kicker);gap:20px}.creator-simulator .preview-footer span{text-align:right}}
@media(prefers-reduced-motion:no-preference){.creator-simulator input[type=range]::-webkit-slider-thumb{transition:box-shadow .15s}.creator-simulator input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--black),0 0 0 6px var(--yellow)}}

.creator-simulator .mobile-result:not(.is-visible){display:none}
.creator-simulator .sim{padding-inline:0;max-width:none}
.creator-simulator .intro h2{font-size:var(--type-creator-section);line-height:1;letter-spacing:var(--tracking-display)}