/* Motion layer: scroll-linked transforms are event driven, brief, and disabled for reduced-motion users. */
:root{--cinema-ease:cubic-bezier(.2,.7,.1,1)}
::selection{background:#f2ce21;color:#090909}
html{scroll-behavior:smooth;scroll-padding-top:80px}
section{position:relative;scroll-margin-top:76px}
.button,.text-link,.main-nav a,.value{transition-timing-function:var(--cinema-ease)}
.button{position:relative;overflow:hidden;isolation:isolate}
.button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 20%,#fff7 48%,transparent 72%);transform:translateX(-130%);transition:transform .65s var(--cinema-ease)}
.button:hover:before{transform:translateX(130%)}
.button span{display:inline-block;transition:transform .35s var(--cinema-ease)}
.button:hover span,.text-link:hover span{transform:translate(3px,-2px)}
.hero{background:#080808}
.hero{overflow:hidden}
.hero-copy{max-width:1120px}
.hero h1{font-size:clamp(64px,9.4vw,138px);max-width:1120px;letter-spacing:-.035em}
.hero-lede{max-width:520px}
.hero-aside{border-left:1px solid #f2ce2155;padding-left:18px}
.hero-grid{transform:perspective(1100px) rotateY(calc(var(--scroll-progress,0)*-4deg)) translate3d(0,calc(var(--scroll-progress,0)*-24px),0);transform-origin:center;will-change:transform}
.hero:after{content:"";position:absolute;z-index:-1;right:-12vw;bottom:-45vw;width:74vw;aspect-ratio:1;border-radius:50%;border:1px solid #f2ce2116;box-shadow:0 0 0 4vw #f2ce2105,0 0 0 9vw #f2ce2103;pointer-events:none}
.reel-section{position:relative;padding:72px var(--gutter) 110px;background:radial-gradient(ellipse at 50% 46%,#f2ce210b,transparent 32%),linear-gradient(180deg,#0a0a09,#10100e 46%,#090909)}
.reel-heading{width:min(100%,1050px);margin:0 auto 26px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 18px;border-bottom:1px solid #ffffff20;color:#f2ce21;font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.reel-heading p{margin:0;text-align:right;color:#ebe9e2;font-size:clamp(22px,3.3vw,42px);letter-spacing:-.015em;line-height:.94}
.reel-frame{width:min(100%,370px);aspect-ratio:9/16;min-height:0;margin-inline:auto;padding:8px;border:1px solid #f2ce2145;border-radius:7px;background:linear-gradient(145deg,#262318,#080808 38%,#17150d);box-shadow:0 35px 100px #0009,0 0 0 1px #ffffff0c,inset 0 1px #fff2;clip-path:inset(0 round 8px);transition:clip-path 1s var(--cinema-ease),transform 1s var(--cinema-ease),box-shadow 1s var(--cinema-ease)}
.reel-frame:before{content:"CINEMIKE · FILM";position:absolute;z-index:2;top:19px;left:21px;color:#fff9;font-size:8px;font-weight:700;letter-spacing:.18em;text-shadow:0 1px 8px #000;pointer-events:none}
.reel-frame video{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;border-radius:3px;background:#050505}
.reel-frame:not(.is-visible){clip-path:inset(3% 4% round 18px);transform:scale(.97)}
.reel-frame.is-visible{clip-path:inset(0 round 2px);transform:scale(1)}
.reel-caption{width:min(100%,1050px);margin:24px auto 0;font-size:clamp(17px,2.5vw,32px);letter-spacing:.03em}
.why{overflow:hidden;background:radial-gradient(ellipse at 78% 28%,#ffffff09,transparent 34%),linear-gradient(180deg,#090909,#0e0e0d)}
.why .section-kicker{border-color:#ffffff24}
.why-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:9vw;position:relative}
.why-layout:before{content:"";position:absolute;width:40vw;max-width:500px;aspect-ratio:1;border:1px solid #ffffff0a;border-radius:50%;right:4%;top:50%;transform:translateY(-50%);pointer-events:none}
.why-layout>.display{position:relative;z-index:1}
.why-copy{position:relative;z-index:1;border-left:1px solid #f2ce2166;padding:12px 0 12px 24px}
.values{position:relative;z-index:1;border-color:#ffffff24}
.value{transition:background .3s var(--cinema-ease),padding .3s var(--cinema-ease),color .3s var(--cinema-ease)}
.value:hover{background:#f2ce2108;padding-left:22px}
.method{overflow:hidden;background:radial-gradient(ellipse at 90% 12%,#f2ce2110,transparent 30%),linear-gradient(120deg,#0b0b0b 0%,#11110f 50%,#0b0b0b 100%)}
.method-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative}
.method-heading>div:first-child{position:relative;z-index:1}
.method-heading .display{font-size:clamp(48px,6.6vw,88px)}
.method-orbit{width:clamp(150px,20vw,260px);aspect-ratio:1;flex:0 0 auto;position:relative;border:1px solid #f2ce2140;border-radius:50%;display:grid;place-items:center;color:#e9e7df;font-size:8px;letter-spacing:.18em;transform:rotate(-12deg);box-shadow:0 0 0 17px #f2ce2105,0 0 0 34px #f2ce2103}
.method-orbit:before,.method-orbit:after{content:"";position:absolute;inset:13%;border:1px solid #ffffff2a;border-radius:50%;transform:rotateX(68deg) rotateZ(42deg)}
.method-orbit:after{inset:25%;border-color:#f2ce2135;transform:rotateX(70deg) rotateZ(-38deg)}
.method-orbit i{font-size:36px;color:#f2ce21;font-style:normal;line-height:1}
.method-orbit span,.method-orbit b,.method-orbit em{position:absolute;font-size:7px;font-style:normal;font-weight:600}
.method-orbit span{top:10%;left:50%;transform:translateX(-50%)}.method-orbit b{right:-8%;top:48%}.method-orbit em{left:7%;bottom:17%}
.steps{position:relative}
.steps:before{content:"";position:absolute;left:35px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#f2ce214a 12%,#f2ce2124 88%,transparent);pointer-events:none}
.step{border-color:#ffffff1b}
.step-number{position:relative;z-index:1;text-shadow:0 0 25px #f2ce2130}
.step-line{display:none}
.step:nth-child(2) .step-number{color:#e6dfb5}.step:nth-child(3) .step-number{color:#b7b19b}
.step-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f2ce2145;border-radius:50%;font-size:14px;transition:transform .35s var(--cinema-ease),background .35s,color .35s}
.step:hover .step-mark{transform:rotate(45deg);background:#f2ce21;color:#0a0a09}
.guarantee{background:linear-gradient(180deg,#090909,#0e0d09 48%,#090909)}
.guarantee .section-kicker{border-color:#f2ce2124}
.guarantee-intro{font-size:clamp(19px,2vw,25px);max-width:800px}
.guarantee-card{border-radius:3px;transition:box-shadow 1s var(--cinema-ease),border-color .6s var(--cinema-ease)}
.guarantee-card.is-visible{border-color:#aa8d26;box-shadow:0 0 0 1px #f2ce2110,0 35px 100px #000b,0 0 110px #f2ce2109}
.guarantee-top{letter-spacing:.18em}
.guarantee-coin{backface-visibility:hidden}
.refund-seal{backface-visibility:hidden}
.availability{background:radial-gradient(ellipse at 15% 55%,#f2ce2114,transparent 36%),linear-gradient(110deg,#0b0b0a,#10100d 54%,#080808)}
.availability-copy .display em{position:relative}
.availability-copy .display em:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-.07em;background:linear-gradient(90deg,#f2ce21,transparent);transform:scaleX(0);transform-origin:left;transition:transform .9s .25s var(--cinema-ease)}
.availability-copy.reveal.is-visible .display em:after{transform:scaleX(1)}
.availability-detail{transition:border-color .5s var(--cinema-ease),transform .8s .1s var(--cinema-ease)}
.availability-copy.reveal:not(.is-visible) .availability-detail{transform:translateY(14px)}
.availability-copy.reveal.is-visible .availability-detail{transform:translateY(0)}
.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 76%,#f2ce210b,transparent 31%),linear-gradient(180deg,#090909,#0d0d0c)}
.contact:after{content:"";position:absolute;right:-20%;top:17%;width:50vw;aspect-ratio:1;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 4vw #ffffff03,0 0 0 8vw #ffffff02;pointer-events:none}
.contact-layout{position:relative;z-index:1}
.contact-copy{position:relative}
.contact-copy:before{content:"";position:absolute;left:-22px;top:12px;bottom:8px;width:2px;background:linear-gradient(var(--yellow),transparent);opacity:.65}
.contact-form{padding:clamp(22px,4vw,46px);border:1px solid #ffffff17;background:linear-gradient(145deg,#ffffff08,#ffffff02);box-shadow:0 24px 75px #0006;backdrop-filter:blur(8px)}
.contact-form input,.contact-form select,.contact-form textarea{transition:border-color .3s var(--cinema-ease),padding .3s var(--cinema-ease)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{padding-left:8px}
.site-footer{position:relative;background:#080808}
.step{grid-template-columns:72px minmax(0,1fr) 30px;perspective:1000px}
.step-content{grid-column:2;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);gap:clamp(24px,5vw,76px);align-items:center;max-width:none;color:inherit;font-size:inherit;transform:perspective(1200px) rotateX(0deg);transform-origin:top center}
.step-content .step-title{max-width:430px}
.step-content .step-description{max-width:620px;color:#b9b9b3;font-size:14px}
.step-content .step-description p{margin:0 0 10px}
.step-mark{grid-column:3;justify-self:end}
.step.reveal{transform:perspective(1200px) translateY(26px) rotateX(2deg);transform-origin:top center;transition:opacity .8s ease,transform .85s cubic-bezier(.2,.7,.1,1)}
.step.reveal.is-visible{transform:perspective(1200px) translateY(0) rotateX(0deg)}
.step:nth-child(2){transition-delay:.08s}.step:nth-child(3){transition-delay:.16s}
.guarantee{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 48%,#6a54131c,transparent 35%),#090909}
.guarantee:before{content:"";position:absolute;left:50%;top:150px;bottom:130px;width:1px;background:linear-gradient(transparent,#f2ce2126,transparent);pointer-events:none}
.guarantee-card{isolation:isolate;border-color:#78631e;background:radial-gradient(ellipse at 28% 45%,#f2ce2111,transparent 40%),linear-gradient(135deg,#18170f 0%,#0d0d0b 58%,#12110c 100%);box-shadow:0 35px 90px #0008}
.guarantee-card:after{width:520px;height:520px;right:-120px;top:20px;border-color:#f2ce2124;box-shadow:0 0 0 48px #f2ce2108,0 0 0 96px #f2ce2105,0 0 0 144px #f2ce2103}
.guarantee-main{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,100px);padding:clamp(36px,6vw,78px) 0}
.guarantee-art{width:min(100%,420px);aspect-ratio:1;position:relative;display:grid;place-items:center;perspective:1100px;isolation:isolate;transform:perspective(1100px) rotateY(calc(var(--scroll-progress,0)*-7deg)) translateY(calc(var(--scroll-progress,0)*-28px));transform-style:preserve-3d;will-change:transform}
.guarantee-orbit{position:absolute;border:1px solid #f2ce213f;border-radius:50%;inset:5%;transform:rotateX(66deg) rotateZ(-24deg);box-shadow:0 0 24px #f2ce210a}
.orbit-two{inset:12%;border-color:#ffffff30;transform:rotateX(70deg) rotateZ(38deg)}
.orbit-three{inset:1%;border-style:dashed;border-color:#f2ce2130;transform:rotateX(74deg) rotateZ(7deg)}
.guarantee-coin{width:58%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;background:radial-gradient(circle at 35% 24%,#fff3a1 0%,#f2ce21 22%,#8e7110 70%,#30260b 100%);border:1px solid #fff28a;box-shadow:inset 0 2px 8px #fff9,inset 0 -18px 30px #4939078c,0 24px 55px #000c,0 0 52px #f2ce2124;transform:perspective(850px) rotateX(12deg) rotateY(-12deg) translateZ(36px)}
.guarantee-card.is-visible .guarantee-coin{animation:coin-arrive .95s cubic-bezier(.2,.7,.1,1) both}
.guarantee-coin span{font-family:var(--font-display);font-size:clamp(94px,13vw,172px);font-weight:800;line-height:.72;letter-spacing:-.06em;color:#15130a;text-shadow:0 1px #fff4}
.guarantee-coin small{font-size:11px;letter-spacing:.34em;font-weight:800;color:#26200d;margin-top:18px}
.refund-seal{position:absolute;right:-2%;bottom:9%;z-index:3;width:clamp(102px,12vw,148px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;padding:12px;background:#0b0b09;color:var(--yellow);border:1px solid var(--yellow);box-shadow:0 12px 35px #000b,0 0 0 5px #090909,0 0 0 6px #f2ce2180;font-family:var(--font-display);font-size:12px;line-height:1.05;letter-spacing:.08em;transform:rotate(-9deg) scale(.82);opacity:0}
.refund-seal b{font-size:15px;line-height:1.02;margin-top:5px}
.guarantee-card.is-visible .refund-seal{animation:seal-arrive .75s .24s cubic-bezier(.2,.7,.1,1) forwards}
@keyframes coin-arrive{from{opacity:0;transform:perspective(850px) rotateX(24deg) rotateY(-32deg) translate3d(0,26px,-25px)}to{opacity:1;transform:perspective(850px) rotateX(12deg) rotateY(-12deg) translate3d(0,0,36px)}}
@keyframes seal-arrive{from{opacity:0;transform:rotate(-22deg) scale(.62)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
.refund{position:relative;z-index:1;border-color:#f2ce2159}
.guarantee-close{position:relative;z-index:1}
.terms-note{position:relative;z-index:1}
.availability{position:relative;isolation:isolate;overflow:hidden;min-height:690px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(32px,7vw,110px);background:radial-gradient(ellipse at 15% 55%,#f2ce210c,transparent 36%),linear-gradient(110deg,#0b0b0a,#10100d 54%,#080808)}
.availability:before{content:"";position:absolute;z-index:-1;width:min(62vw,760px);aspect-ratio:1;left:-18%;top:50%;border:1px solid #f2ce2118;border-radius:50%;box-shadow:0 0 0 48px #f2ce2106,0 0 0 96px #f2ce2104;transform:translateY(-50%);pointer-events:none}
.availability-mark{position:relative;z-index:1;width:min(100%,390px);aspect-ratio:1;margin:0 auto;border:1px solid #f2ce2145;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,#f2ce211c,transparent 57%),#080808;box-shadow:inset 0 0 70px #f2ce210b,0 28px 70px #0008;transform:perspective(1000px) rotateY(10deg);}
.availability-mark:before,.availability-mark:after{content:"";position:absolute;inset:7%;border:1px solid #ffffff20;border-radius:50%;transform:rotateX(68deg) rotateZ(-24deg)}
.availability-mark:after{inset:-5%;border-color:#f2ce212b;transform:rotateX(72deg) rotateZ(24deg)}
.availability-mark span{font-family:var(--font-display);font-size:clamp(90px,13vw,172px);font-weight:800;line-height:1;color:#f3f0e8;letter-spacing:-.09em;text-shadow:0 0 45px #f2ce2120}
.availability-mark i{top:16%;right:17%;width:8px;height:8px}
.availability-copy{position:relative;z-index:1;max-width:780px}
.availability-copy .display{font-size:clamp(65px,8.3vw,118px);line-height:.86;letter-spacing:-.045em;margin:25px 0 0}
.availability-copy .display em{display:block;font-size:.78em;margin-top:.18em}
.availability-right{margin:0 0 0 clamp(30px,10vw,150px);font-family:var(--font-display);font-size:clamp(30px,4.4vw,58px);line-height:1.05;letter-spacing:-.02em;color:#b9b8b1}
.availability-right strong{font-weight:700;color:var(--yellow)}
.availability-detail{max-width:610px;margin:36px 0 0 clamp(30px,10vw,150px);border-left:1px solid #f2ce2160;padding:2px 0 2px 24px}
.availability-detail p{color:#b9b8b1;font-size:15px;line-height:1.75;margin:0 0 14px}
.availability-detail strong{color:#fff}
.availability-detail .availability-last{color:#e3e1da;margin-top:22px}
.availability-cta{margin-top:12px!important}
.availability-index{right:var(--gutter);bottom:26px}
.availability-mark.reveal{transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.1,1)}
.availability-mark.reveal.is-visible{transform:perspective(1000px) rotateY(0deg)}
@media(max-width:900px){.hero h1{font-size:clamp(64px,10vw,104px)}.step{grid-template-columns:55px minmax(0,1fr) 24px}.step-content{grid-column:2;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:28px}.step-mark{grid-column:3}.guarantee-main{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px}.availability{grid-template-columns:.7fr 1.3fr;gap:4vw}.availability-mark{width:min(100%,300px)}}
@media(max-width:640px){.hero h1{font-size:clamp(58px,15.3vw,82px);max-width:100%}.hero-lede{max-width:100%}.hero-grid{transform:translate3d(0,calc(var(--scroll-progress,0)*-10px),0)}.reel-section{padding:48px var(--gutter) 78px}.reel-heading{align-items:center}.reel-heading p{font-size:26px}.reel-frame{width:min(100%,360px);padding:6px}.reel-frame:before{top:15px;left:17px;font-size:7px}.reel-frame:not(.is-visible){clip-path:inset(1% 2% round 10px);transform:scale(.985)}.reel-caption{gap:4px;flex-direction:row;align-items:flex-start;font-size:clamp(12px,3.4vw,18px)}.reel-caption span{max-width:48%}.reel-caption span:last-child{text-align:right}.why-layout{grid-template-columns:1fr;gap:28px}.why-copy{margin-left:8vw}.values{grid-template-columns:1fr 1fr}.method-heading{align-items:flex-start;padding-top:52px}.method-heading .display{font-size:clamp(48px,12vw,64px)}.method-orbit{width:86px;margin-top:18px;font-size:0;box-shadow:none}.method-orbit i{font-size:22px}.method-orbit span,.method-orbit b,.method-orbit em{font-size:5px}.steps:before{left:23px}.step{grid-template-columns:48px minmax(0,1fr) 20px}.step-content{grid-column:2/4;grid-template-columns:1fr;gap:10px}.step-content .step-title{max-width:none}.step-content .step-description{max-width:none}.step-mark{grid-column:3;grid-row:1}.guarantee:before{left:20%;top:100px;bottom:80px}.guarantee-main{grid-template-columns:1fr;gap:30px}.guarantee-art{width:min(88%,330px);margin:0 auto}.guarantee-coin span{font-size:clamp(105px,31vw,150px)}.refund-seal{right:0;bottom:8%;width:112px}.guarantee-orbit{inset:3%}.guarantee-orbit.orbit-two{inset:11%}.guarantee-orbit.orbit-three{inset:0}.availability{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:86px;padding-bottom:104px;gap:28px}.availability-mark{width:min(58vw,220px);align-self:flex-end;margin:0 8px -4px 0}.availability-mark span{font-size:clamp(76px,22vw,112px)}.availability-copy .display{font-size:clamp(58px,14.8vw,82px);margin:18px 0 0}.availability-copy .display em{margin-top:.15em}.availability-right{font-size:clamp(32px,8vw,44px);margin:18px 0 0 12vw}.availability-detail{margin:24px 0 0 12vw;padding-left:17px}.availability-detail p{font-size:14px}.availability-index{font-size:18px;bottom:19px}.availability-index span{font-size:7px}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-form{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grid,.guarantee-art{transform:none!important;will-change:auto}.step.reveal,.step.reveal.is-visible,.reel-frame:not(.is-visible){transform:none;clip-path:none}.reveal,.reveal.is-visible,.availability-mark.reveal,.availability-mark.reveal.is-visible{transition:none;transform:none;opacity:1}.guarantee-coin,.button:before{animation:none;transition:none}.guarantee-card.is-visible .refund-seal{animation:none;opacity:1;transform:rotate(-9deg) scale(1)}.availability-copy .display em:after{transition:none;transform:scaleX(1)}}