/* Bloomday Studio v2. Dark cinematic base from the brand's graphite tokens, coral only for action.
   Layout: one left-aligned column of decision blocks; every block ends with the same CTA. */
:root{
  --ink:#121016; --ink-2:#0B0A0E; --raised:#1C1922; --line:#2C2833;
  --paper:#FAF8F4; --muted:#A39FAA; --coral:#FF4F2E; --coral-text:#FF7A5E; --coral-deep:#3A1912;
  --display:"Sora","Inter",system-ui,sans-serif;
  --text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:max(20px,env(safe-area-inset-left,0px));
  --gutter-r:max(20px,env(safe-area-inset-right,0px));
  --wrap:1180px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
a{color:var(--coral-text)}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Film grain: one static layer, never blocks taps */
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.06;
  background-image: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='.9' 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 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Header */
.top{position:fixed;inset:0 0 auto;z-index:40;padding-top:env(safe-area-inset-top,0px);transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}
.top.solid{background:rgba(18,16,22,.86);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom-color:var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;flex:none}
.brand svg{height:28px;width:auto}
.lm-mark{fill:var(--coral)} .lm-cut{stroke:var(--ink)} .lm-hole{fill:var(--ink)} .lm-word{fill:var(--paper)}
.brand small{font:600 10px/1 var(--display);letter-spacing:.22em;color:var(--muted);padding-top:5px}
.top .btn{margin-left:auto;font-size:14px;padding:11px 16px}
.nav{display:none}
@media (min-width:900px){.nav{display:flex;gap:24px;margin-left:28px}.nav a{color:#D9D5DE;text-decoration:none;font:500 15px/1 var(--text)}.nav a:hover{color:var(--paper)}}
@media (max-width:899px){.top .btn{display:none}}

/* Button: the only call to action on the page */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;text-decoration:none;text-align:center;
  background:var(--coral);color:var(--ink);font:600 17px/1.25 var(--display);letter-spacing:-.005em;
  padding:19px 26px;border-radius:14px;box-shadow:0 18px 40px -18px rgba(255,79,46,.75);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{background:#FF6847;transform:translateY(-1px);box-shadow:0 22px 44px -18px rgba(255,79,46,.85)}
.btn:active{transform:translateY(0)}
.cta{margin-top:44px}
.cta .btn{width:100%;max-width:520px}
@media (min-width:700px){.cta .btn{width:auto}}

/* Hero: full-screen reel, text anchored low-left */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink-2)}
.hero .reel{position:absolute;inset:0;animation:iris 1.25s cubic-bezier(.2,.7,.1,1) .1s both}
.hero .reel video{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,10,14,.62) 0%,rgba(11,10,14,.38) 20%,rgba(11,10,14,.72) 42%,rgba(11,10,14,.93) 66%,var(--ink) 100%)}
@media (min-width:900px){.hero::after{background:linear-gradient(90deg,rgba(11,10,14,.92) 0%,rgba(11,10,14,.72) 38%,rgba(11,10,14,.15) 70%),linear-gradient(180deg,rgba(11,10,14,.5) 0%,transparent 25%,transparent 75%,var(--ink) 100%)}}
@keyframes iris{from{clip-path:circle(0% at 50% 46%)}to{clip-path:circle(80% at 50% 46%)}}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:110px;padding-bottom:44px}
.hero-copy{max-width:640px;animation:rise .8s ease .45s both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.kicker{font:500 15px/1.4 var(--text);color:var(--muted);display:flex;align-items:center;gap:10px}
.kicker svg{width:18px;height:18px;flex:none}
.hero h1{font-size:clamp(2.45rem,7.6vw,4.6rem);line-height:1.02;letter-spacing:-.035em;margin-top:16px}
.hero .sub{margin-top:18px;font-size:clamp(1.02rem,2.4vw,1.2rem);line-height:1.55;color:#E3E0E8;max-width:34em}
.deal{margin-top:24px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;max-width:520px;padding:16px 18px;border-radius:16px;
  background:rgba(18,16,22,.62);border:1px solid rgba(250,248,244,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.deal .price{grid-row:span 2;font:600 44px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.deal .why{font-size:15px;line-height:1.35;font-weight:600}
.deal .risk{font-size:15px;line-height:1.35;color:var(--coral-text)}
.hero .cta{margin-top:24px}
.hero .note{margin-top:12px;font-size:14px;color:var(--muted)}
.scroll-cue{display:none}
@media (max-width:640px){
  .hero .wrap{padding-top:84px;padding-bottom:26px}
  .hero h1{font-size:clamp(2.1rem,9.4vw,2.8rem);margin-top:12px}
  .hero .sub{font-size:16px;line-height:1.48;margin-top:14px}
  .deal{margin-top:18px;padding:12px 14px;gap:2px 14px}
  .deal .price{font-size:38px}
  .deal .why,.deal .risk{font-size:14px}
  .hero .cta{margin-top:16px}
  .hero .btn{padding:17px 18px;font-size:16px}
}
@media (max-width:640px) and (max-height:700px){
  .kicker{display:none}
  .hero h1{font-size:2rem;margin-top:0}
  .hero .sub{font-size:15px}
}

/* Format marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:18px 0;background:var(--ink)}
.marquee .track{display:flex;width:max-content;animation:slide 48s linear infinite}
.marquee ul{display:flex;align-items:center;gap:28px;margin:0;padding:0 14px;list-style:none;font:600 clamp(1.05rem,2.6vw,1.45rem)/1 var(--display);letter-spacing:-.01em;color:#D9D5DE;white-space:nowrap}
.marquee li{display:flex;align-items:center;gap:28px}
.marquee li::after{content:"";width:16px;height:16px;flex:none;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%23FF4F2E'/%3E%3Cg fill='none' stroke='%23121016' stroke-width='4.5' stroke-linecap='round'%3E%3Cpath d='M50 42Q57 22 86 28'/%3E%3Cpath d='M57 46Q78 42 88 70'/%3E%3Cpath d='M57 54Q70 70 51 92'/%3E%3Cpath d='M50 58Q43 78 14 72'/%3E%3Cpath d='M43 54Q22 58 12 30'/%3E%3Cpath d='M43 46Q30 30 49 8'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='9' fill='%23121016'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes slide{to{transform:translateX(-50%)}}

/* Sections */
.block{padding-block:96px}
.block + .block{border-top:1px solid var(--line)}
.head{max-width:44rem}
.head h2{font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.05;letter-spacing:-.03em}
.head p{margin-top:18px;font-size:clamp(1.05rem,2.2vw,1.22rem);color:#CFCBD5;max-width:36em}
.head p strong{color:var(--paper);font-weight:600}
@media (max-width:640px){.block{padding-block:72px}}

/* Proof: phones */
.about{margin-top:22px;display:flex;gap:14px;align-items:flex-start;max-width:40rem;color:#CFCBD5}
.about svg{width:36px;height:36px;flex:none;margin-top:3px}
.rail{margin-top:40px;display:grid;grid-auto-flow:column;grid-auto-columns:min(62vw,260px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px var(--gutter-r) 18px var(--gutter);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter-r));scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
@media (min-width:900px){.rail{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:40px 0 0;padding:0;gap:34px 26px}}
.work{margin:0;scroll-snap-align:start;min-width:0}
.phone{position:relative;display:block;width:100%;padding:7px;border-radius:30px;border:0;cursor:pointer;
  background:linear-gradient(160deg,#2A2631,#151219 60%);box-shadow:inset 0 0 0 1px rgba(250,248,244,.1),0 30px 60px -30px rgba(0,0,0,.8)}
.phone .screen,.wide .screen{display:block;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:9/16;background:var(--raised)}
.phone video:not([src]),.wide video:not([src]){display:none}
.phone video,.phone img,.wide video,.wide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.screen .play{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 10px;border-radius:999px;
  background:rgba(18,16,22,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--paper);font:600 12px/1 var(--display)}
.screen .play svg{width:12px;height:12px;fill:var(--coral)}
.phone:hover{box-shadow:inset 0 0 0 1px rgba(255,79,46,.6),0 30px 60px -30px rgba(0,0,0,.8)}
.work figcaption{padding:12px 4px 0}
.work .niche{font:600 13px/1.3 var(--display);color:var(--coral-text)}
.work .title{margin-top:3px;font-size:15px;line-height:1.4;color:#E3E0E8}
.hint{margin-top:6px;font-size:14px;color:var(--muted)}
@media (min-width:900px){.hint{margin-top:22px}}

/* Process */
.you{margin-top:40px;display:flex;gap:16px;align-items:center;max-width:44rem;padding:18px 20px;border-radius:16px;background:var(--coral-deep);border:1px solid rgba(255,79,46,.35)}
.you .q{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--coral);color:var(--ink);font:600 20px/1 var(--display)}
.you p{font-size:16px;line-height:1.45}
.you b{display:block;font-family:var(--display);font-weight:600;font-size:17px}
.steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;counter-reset:s;max-width:44rem}
.steps li{position:relative;display:grid;grid-template-columns:46px 1fr;gap:16px;padding:0 0 30px;align-content:start;align-items:start}
.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  border:1.5px solid rgba(250,248,244,.25);font:600 18px/1 var(--display);color:var(--paper);background:var(--ink);position:relative;z-index:1}
.steps li:not(:last-child)::after{content:"";position:absolute;left:22.5px;top:46px;bottom:0;width:1.5px;background:linear-gradient(var(--line),rgba(255,79,46,.5))}
.steps h3{font-size:clamp(1.25rem,3.4vw,1.6rem);line-height:1.2;padding-top:9px}
.steps p{margin-top:6px;color:#CFCBD5;max-width:32em}
@media (min-width:1000px){
  .steps{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
  .steps li{grid-template-columns:1fr;gap:18px;padding:0}
  .steps li:not(:last-child)::after{left:46px;right:-28px;top:22.5px;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--line),rgba(255,79,46,.5))}
  .steps h3{padding-top:0}
}

/* Benefits: three statements, no cards */
.perks{margin-top:40px;display:grid;border-top:1px solid var(--line)}
.perk{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:28px 0;border-bottom:1px solid var(--line)}
.perk h3{font-size:clamp(1.6rem,4.6vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
.perk p{color:#CFCBD5;max-width:34em}
@media (min-width:900px){.perk{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:36px 0}}

/* FAQ */
.faq{margin-top:36px;max-width:50rem;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;font:600 clamp(1.08rem,2.6vw,1.28rem)/1.35 var(--display);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(250,248,244,.25);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF7A5E' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 24px;color:#CFCBD5;max-width:42em}
.faq .a p+p,.faq .a ul{margin-top:12px}
.faq .a ul{padding-left:20px;display:grid;gap:8px}
.faq .a b{color:var(--paper);font-weight:600}

/* Footer */
.foot{border-top:1px solid var(--line);padding-block:40px calc(40px + env(safe-area-inset-bottom,0px))}
.foot .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}

/* Reveal: content is visible by default; JS adds .in-view only when motion is allowed */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}

/* Dialogs */
dialog{border:0;padding:0;color:var(--paper);background:var(--raised)}
dialog::backdrop{background:rgba(6,5,8,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sheet{width:min(560px,100vw);max-height:min(92svh,860px);border-radius:24px;box-shadow:0 40px 100px -30px #000}
@media (max-width:640px){
  .sheet{margin:auto 0 0;width:100vw;max-width:100vw;max-height:94svh;border-radius:22px 22px 0 0}
  .sheet[open]{animation:up .28s cubic-bezier(.2,.8,.2,1)}
}
@keyframes up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.sheet .inner{padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));overflow:auto;max-height:inherit}
.x{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(250,248,244,.08);color:var(--paper);cursor:pointer;display:grid;place-items:center;z-index:3}
.sheet h2{font-size:1.55rem;line-height:1.15;padding-right:48px}
.sheet .lead{margin-top:10px;color:#CFCBD5;font-size:15px}
.fields{display:grid;gap:14px;margin-top:20px}
.f label{display:block;font:600 14px/1.3 var(--display);margin-bottom:7px}
.f label span{font:400 13px var(--text);color:var(--muted)}
.f input,.f select,.f textarea{width:100%;font:400 16px/1.3 var(--text);color:var(--paper);background:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:14px 14px;appearance:none;-webkit-appearance:none}
.f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A39FAA' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
.f input::placeholder,.f textarea::placeholder{color:#6F6A78}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,79,46,.25)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:420px){.two{grid-template-columns:1fr}}
.fnote{margin-top:-6px;font-size:13px;line-height:1.4;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sheet .btn{width:100%;margin-top:20px}
.sheet .btn[disabled]{opacity:.7;cursor:progress}
.err{margin-top:12px;color:var(--coral-text);font-size:14px}
.fine{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}
.done .mark{width:56px;height:56px}
.done h2{margin-top:16px}
.next{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px;counter-reset:n}
.next li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;color:#CFCBD5}
.next li::before{counter-increment:n;content:counter(n);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coral-deep);color:var(--coral-text);font:600 14px/1 var(--display)}
.next b{color:var(--paper);font-weight:600}
.player{background:#000;width:fit-content;height:fit-content;max-width:100vw;max-height:100svh;border-radius:20px;overflow:hidden}
.player video{height:min(86svh,860px);width:auto;max-width:100vw;aspect-ratio:9/16;object-fit:contain;background:#000}
@media (max-width:640px){.player{border-radius:0;margin:0;width:100vw;height:100svh;max-height:100svh}.player video{width:100vw;height:100svh}}

/* Hero: second link */
.cta .more{display:inline-block;margin-left:20px;color:#E3E0E8;font:500 15px/1.4 var(--text);text-underline-offset:4px}
.cta .more:hover{color:var(--paper)}
@media (max-width:699px){.cta .more{display:block;margin:12px 0 0;text-align:center;max-width:520px}}
@media (max-width:640px) and (max-height:700px){.hero .cta .more{display:none}}

/* Work tabs */
.tabs{margin-top:40px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px var(--gutter-r) 6px var(--gutter);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter-r))}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;cursor:pointer;font:600 15px/1 var(--display);letter-spacing:-.005em;color:#D9D5DE;background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:12px 18px;transition:background .15s ease,color .15s ease,border-color .15s ease}
.tabs button:hover{border-color:rgba(250,248,244,.45);color:var(--paper)}
.tabs button.on{background:var(--paper);border-color:var(--paper);color:var(--ink)}
@media (min-width:900px){.tabs{margin-left:0;margin-right:0;padding:2px 0 6px;flex-wrap:wrap}}
.js .panel:not(.on){display:none}
.panel .rail{margin-top:26px}
.rail.r-wide{grid-auto-columns:min(86vw,560px)}
.rail.r-img{grid-auto-columns:min(62vw,280px);align-items:start}
@media (min-width:900px){
  .panel .rail{margin-top:30px}
  .rail.r-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail.r-wide .work:first-child{grid-column:1 / -1}
  .rail.r-img{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:34px 26px}
}
.wide{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;background:var(--raised);box-shadow:inset 0 0 0 1px rgba(250,248,244,.1),0 30px 60px -30px rgba(0,0,0,.8)}
.wide .screen{aspect-ratio:16/9;border-radius:18px}
.wide:hover{box-shadow:inset 0 0 0 1px rgba(255,79,46,.6),0 30px 60px -30px rgba(0,0,0,.8)}
.tile{display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:var(--raised);box-shadow:0 24px 50px -30px rgba(0,0,0,.8)}
.tile img{width:100%;height:auto;transition:transform .4s ease}
.tile:hover img{transform:scale(1.025)}
.panel-note{margin-top:20px;color:#CFCBD5}
.lang{display:inline-flex;gap:2px;margin-top:10px;padding:3px;border:1px solid var(--line);border-radius:999px}
.lang button{border:0;background:none;cursor:pointer;color:var(--muted);font:600 13px/1 var(--display);padding:8px 13px;border-radius:999px;transition:background .15s ease,color .15s ease}
.lang button:hover{color:var(--paper)}
.lang button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--coral-text);font:600 15px/1.4 var(--display);text-decoration:underline;text-underline-offset:4px}
.link:hover{color:var(--coral)}

/* Packages */
.plans{margin-top:40px;display:grid;gap:18px}
@media (min-width:960px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.plan{display:flex;flex-direction:column;padding:28px 24px 24px;border-radius:22px;background:var(--raised);border:1px solid var(--line)}
.plan .tag{font:600 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-text)}
.plan h3{margin-top:12px;font-size:1.55rem;line-height:1.15}
.plan .pr{margin-top:16px;display:flex;align-items:baseline;gap:4px}
.plan .pr b{font:600 46px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.plan .pr span{color:var(--muted);font-size:16px}
.plan.cine .pr b{font-size:34px;line-height:1.2}
.plan .note{margin-top:8px;color:var(--muted);font-size:15px}
.plan ul{list-style:none;padding:0;margin:22px 0 24px;display:grid;gap:11px;font-size:15.5px;line-height:1.45;color:#DCD8E1}
.plan li{position:relative;padding-left:26px}
.plan li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:6px;border-left:2px solid var(--coral);border-bottom:2px solid var(--coral);transform:rotate(-45deg)}
.plan li b{color:var(--paper);font-weight:600}
.plan .bonus{margin:-6px 0 24px;padding:12px 14px;border-radius:12px;background:var(--coral-deep);border:1px solid rgba(255,79,46,.3);font-size:14.5px;line-height:1.45;color:#F3E2DD}
.plan .bonus b{color:var(--paper)}
.plan .btn{margin-top:auto;width:100%}
.plan .small{margin-top:12px;font-size:13.5px;color:var(--muted);text-align:center}
.plan .link{margin-top:12px;align-self:center}
.plan.cine{border-color:rgba(255,79,46,.35);background:linear-gradient(180deg,rgba(18,16,22,.5) 0%,rgba(28,25,34,.94) 42%,var(--raised) 70%),url(/media/lumen-cinematic.jpg) center top/cover no-repeat}
.btn.light{background:var(--paper);color:var(--ink);box-shadow:0 18px 40px -22px rgba(250,248,244,.5)}
.btn.light:hover{background:#fff}

/* Form note field */
.f textarea{resize:vertical;min-height:84px;line-height:1.45}

/* Viewer: tall video, wide video or image */
.player.is-wide video{aspect-ratio:16/9;height:auto;width:min(94vw,1200px);max-height:86svh}
.player img{display:block;width:auto;height:auto;max-width:min(94vw,1000px);max-height:90svh}
.player.is-img{background:var(--ink-2)}
@media (max-width:640px){
  .player.is-wide video{width:100vw;height:100svh;max-height:none}
  .player img{width:100vw;height:100svh;max-width:none;max-height:none;object-fit:contain}
}

@media (prefers-reduced-motion:reduce){
  .tile img{transition:none}
  html{scroll-behavior:auto}
  .hero .reel,.hero-copy{animation:none}
  .marquee .track{animation:none;width:auto}
  .marquee .track ul:nth-child(2){display:none}
  .marquee ul{flex-wrap:wrap;white-space:normal;row-gap:14px}
  .js .rv{opacity:1;transform:none;transition:none}
  .btn,.faq summary::after{transition:none}
}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot-links a,.fine a,details .a a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.foot-links a:hover,.fine a:hover{color:var(--paper,#FAF8F4)}