:root{--bg-dark:#101115;--bg-surface:rgba(24,26,32,.9);--bg-surface-hover:#22252e;--gold:#4f6bff;--gold-light:#93a5ff;--border-active:#4f6bff;--emerald:#a5b6ff;--text-primary:#f7f7f4;--text-secondary:#a8adb5;--text-muted:#a8adb5}
html{scroll-behavior:smooth}body{background:#101115}button,input,textarea,select{font:inherit}button{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #a4b3ff!important;outline-offset:5px}h1:focus,h2:focus{outline:0!important}
@media(pointer:fine){*,*::before,*::after{cursor:auto!important}button,[onclick]{cursor:pointer!important}input,textarea{cursor:text!important}}
.cursor-dot,.cursor-ring{display:none}.ambient-grid{opacity:.07}.ambient-glow{background:radial-gradient(ellipse,rgba(79,107,255,.12),transparent 65%);pointer-events:none}.brand-logo{width:168px;height:53px;object-fit:contain}.ih-brand{gap:0}.app-topbar{background:rgba(22,24,29,.93);border-color:#343743;box-shadow:0 12px 50px #0002}.ai-companion-pill{color:#bec8ff;background:#4f6bff12}.ih-wallet-pill{border-color:#4f6bff40;background:#4f6bff10}.top-progress-fill{background:#4f6bff;box-shadow:0 0 18px #4f6bff50}.btn-primary-hero{background:#4f6bff;color:white;border:1px solid #7890ff;box-shadow:0 6px 24px #4f6bff25;border-radius:15px}.btn-primary-hero:hover{background:#627cff;box-shadow:0 8px 32px #4f6bff35}.gold-text{background:none;color:#9faeff;-webkit-text-fill-color:initial}.step-badge,.pill-tag{color:#a8b6ff;border-color:#4f6bff45;background:#4f6bff12}.step-header h2{letter-spacing:-1px}.step-header p{line-height:1.9}.spotlight-card{border-radius:24px;background:#191b21}.step-layout{padding-bottom:48px}.select-card:hover,.pkg-card:hover{border-color:#7288ff}.pkg-card.selected{border-color:#7187ff;background:#1c2134}.pkg-card.featured{border-color:#444c70}.featured-ribbon{background:#4f6bff;color:white}.pkg-card .old-strike{display:none}.pkg-card .pkg-tag{min-height:32px}.gold-tint{background:#4f6bff15;color:#a0b0ff}.gold-ico{color:#a0b0ff}.pricing-grid-3{margin-top:24px}.pkg-btn.primary{background:#4f6bff;color:#fff}.luxury-slider{accent-color:#4f6bff}.brief-fields,.platform-section{padding:25px;border-bottom:1px solid #ffffff12}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-label{font-size:.92rem;font-weight:800;margin-bottom:12px}.section-label span{font-weight:400;font-size:.73rem;color:#a8adb5;display:block}.brief-fields>.section-label{grid-column:1/-1}.brief-fields label,.platform-section>label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#d2d5df}.brief-fields input,.platform-section select,.exact-amount input{width:100%;padding:13px 14px;color:#f7f7f4;background:#101217;border:1px solid #373b48;border-radius:12px;outline:none}.brief-fields input::placeholder{color:#777d8a;font-size:.76rem}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.platform-grid button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:18px 5px;background:#111318;border:1px solid #343744;border-radius:16px;color:white;font:600 .75rem var(--font-en)}.platform-grid button.selected{border-color:#8294ff;background:#4f6bff1a}.platform-grid button i{position:absolute;left:7px;top:5px;color:#adbbff;opacity:0}.platform-grid button.selected i{opacity:1}.platform-icon svg{width:30px;height:30px}.platform-section>label{margin:16px 0}.platform-section>p{font-size:.78rem;color:#aab7ff;line-height:1.8}.voice-studio-card{padding-top:0}.vs-recommend-pill{margin:22px}.vs-footer{padding:22px}.exact-amount{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:.75rem;color:#a8adb5;margin-top:14px}.exact-amount input{width:155px;direction:ltr}.form-error{border:1px solid #ff9e9e60;background:#ff9e9e15;color:#ffc1c1;border-radius:12px;padding:15px;line-height:1.8;grid-column:1/-1}.production-picker{border:1px solid #373c4d;border-radius:23px;background:#191c24;padding:25px}.production-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.production-options button{padding:18px;border:1px solid #3c4050;border-radius:14px;background:#111318;color:white;font-weight:700}.production-options button small{display:block;color:#a8adb5;font-size:.77rem;margin-top:5px}.production-options button.selected{border-color:#8da0ff;background:#4f6bff22}.production-picker>p{margin-top:16px;line-height:1.9;font-size:.85rem;color:#c0c5d1}.reel-note{font-size:.7rem!important;color:#9299aa!important;line-height:1.9!important}.production-picker .reel-note{margin-bottom:0}
.reel-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,370px) minmax(230px,1fr);gap:38px;align-items:center;max-width:1200px;margin:0 auto;padding:12px 26px 45px}.reel-intro .back-link{display:block;margin-bottom:24px}.reel-intro h2{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.5;letter-spacing:-1.5px;margin:18px 0}.reel-intro h2 em{font-style:normal;color:#99aaff}.reel-intro>p,.reel-decision>p{font-size:.82rem;line-height:1.95;color:#a8adb5}.taste-live{display:flex;flex-direction:column;gap:9px;margin:25px 0;border-right:2px solid #637cff;padding-right:17px}.taste-live small{color:#a8adb5;font-size:.7rem}.taste-live strong{color:#d2d9ff;font-size:.95rem}.taste-live span{font-size:.7rem;color:#969daf}.reel-filter{display:flex;gap:7px;margin:15px 0}.reel-filter button,.reason-chips button{border:1px solid #363a47;border-radius:30px;color:#a8adb5;background:#191b22;padding:7px 13px;font-size:.72rem}.reel-filter button.active,.reason-chips button.active{color:#d2dcff;border-color:#8c9eff;background:#4f6bff22}.reel-phone{position:relative;border:6px solid #30333c;border-radius:34px;box-shadow:0 25px 90px #0007;overflow:hidden;background:#000;min-width:0}.reel-feed{height:min(70svh,650px);min-height:460px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;direction:ltr}.reel-feed::-webkit-scrollbar{display:none}.reel-slide{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;direction:rtl;isolation:isolate;overflow:hidden;background:#07080a}.reel-slide video{width:100%;height:100%;object-fit:contain;display:block}.reel-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 17px 50px;background:linear-gradient(#000b,transparent);pointer-events:none;font:700 .6rem var(--font-en);color:#fff;letter-spacing:1px}.reel-top span:last-child{background:#ffffff25;border:1px solid #ffffff30;border-radius:15px;padding:4px 9px;height:24px}.reel-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000e);padding:70px 20px 18px;color:white}.reel-bottom h3{font-size:1rem;margin:7px 0}.reference-label{font-size:.65rem;color:#c1ccff}.reel-bottom details{font-size:.6rem;color:#d0d3df}.reel-bottom details p{font:500 .6rem/1.6 var(--font-en);direction:ltr;max-height:65px;overflow:auto}.reel-tools{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.6rem}.reel-tools button{border:1px solid #ffffff40;background:#ffffff18;color:#fff;border-radius:20px;padding:6px 12px;font-size:.68rem}.video-toggle{position:absolute;left:15px;top:70px;border:1px solid #ffffff30;border-radius:50%;width:40px;height:40px;background:#0006;color:white;font-size:.7rem}.video-error{position:absolute;top:35%;right:10%;width:80%;padding:20px;background:#17191de6;font-size:.85rem;color:#fff}.reel-decision h3{font-size:1.6rem;margin:15px 0 9px}.reel-decision .step-badge{font:600 .61rem var(--font-en);letter-spacing:2px}.reel-decision #reel-rating-panel{margin-top:26px;padding-top:20px;border-top:1px solid #343743}.reel-decision #reel-rating-panel>strong{font-size:.82rem}.rating-stars{display:flex;direction:ltr;gap:5px;margin-top:15px}.rating-stars button{font-size:2.2rem;color:#525868;background:none;border:0;line-height:1.3;transition:transform .2s}.rating-stars button:hover{transform:scale(1.2)}.rating-stars button.lit{color:#a6b5ff}.rating-caption{font-size:.72rem;color:#b6c3ff}.reel-decision #reel-rating-panel>p{font-size:.75rem;margin:20px 0 10px;color:#d0d5e1}.reel-decision #reel-rating-panel small{color:#8d94a4}.reason-chips{display:flex;flex-wrap:wrap;gap:7px}.feed-nav{display:flex;align-items:center;justify-content:space-between;margin:24px 0;color:#969eaf;font:500 .75rem var(--font-en)}.feed-nav button{width:38px;height:38px;border:1px solid #3f4556;border-radius:50%;background:#20232c;color:#fff}.rating-progress{font-size:.71rem;color:#bac5eb;margin-bottom:20px}.rating-progress>div{height:3px;background:#343949;border-radius:3px;margin-top:12px;overflow:hidden}.rating-progress i{display:block;height:100%;background:#8c9fff;transition:width .3s}.reel-decision .btn-primary-hero{font-size:.85rem;padding:16px 10px}.creative-report{grid-column:1/-1;width:100%;border:1px solid #3b4258;border-radius:24px;padding:28px;background:linear-gradient(135deg,#1e2437,#17191e);margin:5px 0 28px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.report-heading h3{font-size:1.5rem;margin-top:8px}.report-download{padding:12px 20px;border:1px solid #6f83d9;background:#4f6bff25;color:#d5ddff;border-radius:12px;font-size:.8rem;white-space:nowrap}#final-creative-report{display:grid;grid-template-columns:1fr 1fr;gap:12px}#final-creative-report details{background:#10131880;border:1px solid #ffffff10;border-radius:14px;padding:17px}#final-creative-report summary{font-size:.85rem;font-weight:700;cursor:pointer}#final-creative-report p{white-space:pre-line;font-size:.77rem;line-height:2;color:#acb5c9;margin-top:12px}.ih-curr-btn:disabled{opacity:1}.checkout-clean-layout{max-width:1100px}
@media(min-width:1100px){#screen-4{padding-top:0}.reel-intro{align-self:center}}
@media(max-width:1000px){.reel-layout{grid-template-columns:1fr 330px;gap:25px}.reel-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px 25px}.reel-intro h2{font-size:2rem;margin:0;grid-column:1}.reel-intro>.step-badge{grid-column:1}.reel-intro>p{grid-column:1}.reel-intro .taste-live{grid-column:2;grid-row:2/5}.reel-intro>.reel-note{display:none}.reel-intro .reel-filter{grid-column:2;grid-row:4}.reel-phone{grid-column:2;grid-row:2}.reel-decision{grid-column:1;grid-row:2}.reel-feed{height:580px}.brief-fields{padding:20px}}
@media(max-width:640px){.brand-logo{width:112px;height:38px}.app-topbar-wrap{padding:10px 12px}.app-topbar{border-radius:18px;padding:9px 12px}.ai-companion-pill{display:none}.ih-wallet-pill{min-width:0}.ih-actions{gap:8px}.viewport-stage{padding-top:95px}.reel-layout{display:flex;flex-direction:column;gap:17px;padding:5px 16px 30px}.reel-intro{display:block;width:100%}.reel-intro h2{font-size:1.6rem;line-height:1.5;margin:9px 0}.reel-intro h2 br{display:none}.reel-intro>.back-link{margin-bottom:8px}.reel-intro>p{font-size:.75rem;margin:0}.reel-intro .taste-live{display:none}.reel-filter{margin:10px 0 0}.reel-phone{width:100%;max-width:355px;border:4px solid #30333c;border-radius:25px}.reel-feed{height:57svh;min-height:350px}.reel-decision{width:100%;max-width:420px;border:1px solid #363b4b;padding:18px;border-radius:20px;background:#191b22}.reel-decision>.step-badge,.reel-decision>h3,.reel-decision>p:first-of-type{display:none}.reel-decision #reel-rating-panel{border:0;margin:0;padding:0}.rating-stars{margin-top:8px}.rating-stars button{font-size:2.4rem;flex:1}.reel-decision #reel-rating-panel>p{margin:14px 0 8px}.feed-nav{margin:16px 0}.rating-progress{margin-bottom:15px}.reel-decision>.reel-note{margin-top:10px}.brief-fields{grid-template-columns:1fr;padding:18px}.platform-section{padding:18px}.platform-grid{gap:6px}.platform-grid button{font-size:.62rem;padding:13px 4px}.platform-icon svg{width:25px;height:25px}.production-options{grid-template-columns:1fr}.production-options button{display:flex;justify-content:space-between;align-items:center;padding:14px;font-size:.85rem}.production-options button small{margin:0}.production-picker{padding:19px}.creative-report{padding:19px}.report-heading{align-items:flex-start}.report-heading h3{font-size:1.15rem}.report-download{padding:9px;font-size:.68rem}#final-creative-report{grid-template-columns:1fr}.exact-amount input{width:135px}.step-header h2{font-size:1.7rem}.screen{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shorts-style controls at the top-left; volume opens beside the speaker. */
.reel-player-controls{position:absolute;top:16px;left:14px;display:flex;align-items:center;gap:9px;direction:ltr;z-index:5}
.reel-player-controls .video-toggle,.reel-player-controls .mute-control{position:static;display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:0;border-radius:50%;background:#17191d85;color:white;padding:11px;backdrop-filter:blur(10px);cursor:pointer!important}
.reel-player-controls .video-toggle:hover,.reel-player-controls .mute-control:hover{background:#17191dc9}
.reel-player-controls .video-toggle{outline:1px solid #ffffff60;outline-offset:2px}
.reel-player-controls svg{width:23px;height:23px;fill:currentColor}.pause-icon{display:none}.is-playing .pause-icon{display:block}.is-playing .play-icon{display:none}
.mute-control .sound-cross{display:none}.mute-control.is-muted .sound-cross{display:block}.mute-control.is-muted .sound-waves{display:none}
.reel-sound-control{display:flex;align-items:center;gap:0;border-radius:28px;background:#17191d00;transition:background .18s}
.reel-volume{position:static;display:flex;align-items:center;gap:8px;width:0;overflow:hidden;opacity:0;transition:width .18s,opacity .18s;direction:ltr;padding:0;border:0;background:none;color:white}
.reel-sound-control:hover,.reel-sound-control:focus-within{background:#17191da6}.reel-sound-control:hover .reel-volume,.reel-sound-control:focus-within .reel-volume{width:128px;opacity:1;padding:0 12px 0 5px}
.reel-volume input{writing-mode:horizontal-tb;direction:ltr;flex-shrink:0;width:90px;height:16px;accent-color:white;cursor:pointer!important;margin:0;padding:0;border:0;touch-action:none}
.reel-volume output{font:600 .52rem var(--font-en);min-width:25px;text-align:center;direction:ltr}
.reel-top{justify-content:flex-end;padding-top:24px}.reel-top>span:first-child{display:none}
@media(hover:none){.reel-sound-control:focus-within .reel-volume{width:120px}.reel-volume input{width:82px}}

@media print{body{background:white!important;color:#17191d!important}.app-topbar-wrap,.ambient-glow,.ambient-grid,.top-progress-track,.cursor-dot,.cursor-ring,.report-download{display:none!important}.screen{display:none!important}#screen-6{display:block!important}.creative-report{background:white!important;color:#17191d!important;border-color:#ccc}#final-creative-report{display:block}#final-creative-report details{break-inside:avoid;background:white;border-color:#ccc;margin-bottom:15px}#final-creative-report p{color:#222}.viewport-stage{padding-top:0}}

.screen h2[tabindex]:focus,.screen h1[tabindex]:focus{outline:none!important}
@media(max-width:640px){
  .viewport-stage{padding:91px 0 20px}
  .reel-layout{gap:12px;padding:0 14px 16px}
  .reel-intro>.step-badge,.reel-intro>p{display:none}
  .reel-intro .back-link{font-size:.7rem;margin:0 0 4px}
  .reel-intro h2{font-size:1.15rem;line-height:1.5;margin:4px 0}
  .reel-filter{margin:5px 0 0}.reel-filter button{padding:5px 13px;font-size:.67rem}
  .reel-phone{max-width:355px}.reel-feed{height:44svh;min-height:310px}
  .reel-decision{padding:12px 14px}.reel-decision #reel-rating-panel>strong{font-size:.75rem}
  .rating-stars{margin-top:3px}.rating-stars button{font-size:1.8rem}
  .rating-caption{font-size:.65rem}.reel-decision #reel-rating-panel>p{display:none}
  .reason-chips{gap:5px;margin-top:7px}.reason-chips button{padding:4px 8px;font-size:.63rem}
  .feed-nav{margin:9px 0;position:relative;justify-content:flex-end;gap:10px}
  .feed-nav button{width:29px;height:29px}.feed-nav span{direction:ltr;font-size:.65rem}
  .rating-progress{margin:-32px 0 18px;max-width:55%;font-size:.61rem}.rating-progress>div{margin-top:7px}
  .reel-decision .btn-primary-hero{padding:11px;font-size:.77rem}.reel-decision>.reel-note{display:none}
  .reel-bottom{padding:65px 15px 12px}.reel-bottom h3{font-size:.85rem}.reel-tools{margin-top:8px}
}

/* Integrated Shorts feed: actions live on the video, surveys are optional snap pages. */
.reel-layout{grid-template-columns:minmax(260px,380px) minmax(320px,390px);gap:65px;max-width:1000px;justify-content:center}
.reel-intro{display:block;grid-column:auto}.reel-phone{grid-column:auto;grid-row:auto}
.reel-intro #btn-unlock-offer{margin:22px 0 12px;padding:15px;font-size:.85rem}
.feed-page{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;direction:rtl;isolation:isolate;overflow:hidden}
.reel-action-rail{position:absolute;right:10px;bottom:100px;display:flex;flex-direction:column;gap:17px;align-items:center;z-index:4}
.reel-action-rail button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:0;color:white;min-width:48px;padding:0;font-size:.64rem;text-shadow:0 2px 6px #000}
.reel-action-rail svg{width:43px;height:43px;padding:11px;background:#25272dbb;border:1px solid #ffffff20;border-radius:50%;stroke:white;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;backdrop-filter:blur(10px)}
.reel-action-rail button:hover svg{background:#4f6bffba}.reel-action-rail .has-rating svg{fill:#aab8ff;stroke:#aab8ff}
.reel-bottom{padding-right:72px}.reel-count{direction:ltr}
.reel-rating-sheet{position:absolute;bottom:0;right:0;left:0;z-index:10;padding:30px 23px 23px;max-height:85%;overflow:auto;background:linear-gradient(160deg,#232837f5,#14171ffb);border:1px solid #ffffff25;border-radius:27px 27px 0 0;box-shadow:0 -20px 60px #0007;backdrop-filter:blur(20px)}
.sheet-close{position:absolute;left:13px;top:10px;border:0;background:#ffffff15;color:white;border-radius:50%;width:30px;height:30px;font-size:1.3rem}.sheet-done{width:100%;padding:12px;background:#4f6bff;color:white;border:1px solid #8598ff;border-radius:12px;font-size:.8rem;margin-top:24px}
#reel-rating-panel h3{font-size:1.1rem;margin:16px 0 7px}#reel-rating-panel>p{font-size:.78rem;line-height:1.8;color:#bac3d5}#reel-rating-panel .rating-stars{justify-content:space-between}#reel-rating-panel .rating-stars button{font-size:2.3rem}#reel-rating-panel #sheet-reasons{margin:20px 0 10px}
.reel-survey{display:grid;place-items:center;background:#11141e}.survey-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(35px);opacity:.12;z-index:-1;transform:scale(1.2)}
.survey-content{width:100%;padding:24px;display:flex;align-items:center;flex-direction:column;text-align:center;max-height:100%;overflow:auto;scrollbar-width:none}.survey-thumb{width:88px;height:108px;object-fit:cover;border-radius:13px;margin:18px 0 12px;border:1px solid #ffffff35;box-shadow:0 10px 40px #0005}.survey-eyebrow{font-size:.65rem;color:#aab8ff}.survey-content h3{font-size:1.15rem;line-height:1.7;margin:5px 0}.survey-content>p{font-size:.8rem;line-height:1.9;color:#b5bfd4;margin:4px 0}.survey-content .rating-stars{margin:8px 0 0;gap:8px}.survey-content .rating-stars button{font-size:2.4rem}.survey-content .reason-chips{justify-content:center;margin-top:17px;gap:7px}.survey-content .rating-caption{margin-top:5px}.survey-skip{background:#ffffff12;border:1px solid #ffffff40;color:white;padding:11px 24px;border-radius:13px;font-size:.8rem;margin:21px 0 12px;min-width:180px}.survey-content>small{font-size:.65rem;color:#9ca7c1}.survey-plan{background:none;border:0;color:#adbaff;text-decoration:underline;font-size:.67rem;margin-top:17px}.survey-content .step-badge{font-size:.65rem}
@media(max-width:1000px) and (min-width:641px){.reel-layout{grid-template-columns:minmax(220px,1fr) 340px;gap:25px}.reel-intro{display:block}.reel-intro h2{font-size:2rem}.reel-intro .taste-live{display:flex}.reel-intro>.reel-note{display:block}}
@media(max-width:640px){
 .reel-layout{display:flex;gap:9px;padding:0 10px 12px}.reel-intro{width:100%;max-width:390px}.reel-intro h2{font-size:1.04rem;margin:3px 0}.reel-intro #btn-unlock-offer{display:none}.reel-intro .reel-filter{margin-top:4px}.reel-intro>.back-link{font-size:.65rem}.reel-phone{width:100%;max-width:390px;border-width:3px;border-radius:22px}.reel-feed{height:calc(100svh - 194px);min-height:410px}.reel-player-controls{top:14px;left:12px}.reel-top{padding:22px 14px 45px}.reel-action-rail{right:8px;bottom:105px;gap:17px}.reel-action-rail svg{width:41px;height:41px;padding:10px}.reel-bottom{padding:75px 68px 16px 17px}.reel-bottom h3{font-size:.9rem}.reel-rating-sheet{padding:28px 20px 20px}.survey-content{padding:20px 25px}.survey-thumb{height:95px;width:78px;margin-top:15px}.survey-content .rating-stars button{font-size:2.1rem}.survey-content h3{font-size:1.05rem}
}
@media(max-height:760px){.survey-thumb{height:65px;width:60px;margin:9px 0}.survey-content{padding-top:15px;padding-bottom:15px}.survey-content .reason-chips{margin-top:10px}.survey-skip{margin:14px 0 8px}.survey-plan{margin-top:10px}.survey-content .rating-stars button{font-size:2rem}}

/* A considered creative-taste sheet, with generous touch targets and clear hierarchy. */
.reel-rating-sheet{padding:27px 22px 17px;border-radius:29px 29px 0 0;border-color:#737e9a50;background:linear-gradient(155deg,#252b3bf7 0%,#171c29fc 55%,#141824fc 100%);box-shadow:0 -15px 70px #0009,inset 0 1px #ffffff15}
.sheet-handle{height:4px;width:36px;border-radius:8px;background:#7f8ba34a;position:absolute;top:9px;left:calc(50% - 18px)}
.sheet-close{top:19px;left:16px;width:29px;height:29px;border:1px solid #ffffff10;background:#ffffff09;color:#9da8bf;font-size:1.15rem}
.sheet-reference-row{display:flex;align-items:center;gap:12px;padding:2px 0 17px;border-bottom:1px solid #ffffff0e;padding-left:22px}
.sheet-reference-row>img{width:45px;height:57px;object-fit:cover;border:1px solid #ffffff25;border-radius:10px;box-shadow:0 5px 15px #0003;flex-shrink:0}
.sheet-reference-row>div{min-width:0}.sheet-eyebrow{font-size:.62rem;color:#9dacda;letter-spacing:.2px}
#reel-rating-panel .sheet-reference-row h3{font-size:.9rem;line-height:1.7;font-weight:700;margin:2px 0 1px;letter-spacing:0;color:#edf0f9}
.sheet-optional{font-size:.59rem;color:#7e8aa5;line-height:1.7}
.sheet-question{margin:19px 0 14px}.sheet-question h4{font-size:1.1rem;line-height:1.7;letter-spacing:-.3px;font-weight:800;color:#f2f4fb}.sheet-question p{font-size:.69rem;line-height:1.9;color:#8b98b3;margin-top:3px}
#reel-rating-panel .rating-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;direction:ltr;margin:0}
#reel-rating-panel .rating-tiles button{height:63px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:7px 0;border:1px solid #364057;border-radius:12px;background:#10152280;color:#63718c;box-shadow:inset 0 1px #ffffff04;transition:background .15s,border-color .15s,transform .15s;transform:none;font-size:1rem}
.rating-tiles button svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1}.rating-tiles button small{font:600 .59rem var(--font-en);color:#7886a1}
#reel-rating-panel .rating-tiles button.lit{background:linear-gradient(150deg,#45588d70,#2a365d80);color:#bdcaff;border-color:#687fbd80}
#reel-rating-panel .rating-tiles button.chosen{border-color:#b1c0ff;background:linear-gradient(150deg,#5268af90,#34457990);box-shadow:0 0 0 2px #8198ee13,inset 0 1px #ffffff13}
.rating-tiles button.lit small{color:#acbdeb}#reel-rating-panel .rating-tiles button:hover{transform:translateY(-2px);border-color:#b1c0ff}
.sheet-rating-status{display:flex;justify-content:space-between;align-items:center;margin-top:11px;min-height:20px}.sheet-rating-status .rating-caption{font-size:.68rem;color:#bac9f5}.sheet-score{font:600 .64rem var(--font-en);color:#6f809f;direction:ltr}
#reel-rating-panel .sheet-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 11px}.sheet-section-head strong{font-size:.77rem;color:#d1d8e8}.sheet-section-head small{font-size:.56rem;color:#7987a3}
.sheet-chips{gap:7px;display:flex;flex-wrap:wrap}.sheet-chips button{min-height:34px;padding:6px 10px;border:1px solid #35415a;background:#151c2a;color:#a1aec9;border-radius:10px;display:flex;align-items:center;gap:6px;font-size:.65rem;line-height:1.5}.sheet-chips button>span{color:#637595;font:500 .8rem var(--font-en)}.sheet-chips button.active{border-color:#8098e4;background:#4f6bff20;color:#c7d4ff}.sheet-chips button.active>span{color:#b6c9ff}
.sheet-saved{font-size:.61rem;color:#8292b0;line-height:1.8;margin:14px 0 0}
.sheet-done{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:15px;padding:13px;border:1px solid #899cff80;border-radius:13px;background:linear-gradient(110deg,#4f6bff,#5979ff);font-weight:700;font-size:.8rem;box-shadow:0 5px 20px #2a3d962b}.sheet-done>span:last-child{font:500 1rem var(--font-en)}
.sheet-later{display:block;margin:11px auto 0;padding:4px 12px;border:0;background:none;color:#8390aa;font-size:.66rem}
.reel-action-rail button span{font-weight:600;text-shadow:0 2px 5px #000,0 0 9px #0008}.reel-action-rail svg{box-shadow:0 3px 15px #0002;transition:background .2s,transform .2s}.reel-action-rail button:hover svg{transform:translateY(-2px)}
@media(max-width:360px){.reel-rating-sheet{padding:25px 16px 14px}.sheet-reference-row{gap:9px}.sheet-question h4{font-size:1rem}#reel-rating-panel .rating-tiles button{height:55px}.sheet-chips button{font-size:.6rem;padding:6px 8px}.sheet-section-head small{display:none}}

.reel-rating-sheet{display:flex;flex-direction:column;max-height:calc(100% - 65px);overflow:hidden;scrollbar-width:none}
#reel-rating-panel{min-height:0;overflow:auto;scrollbar-width:none}#reel-rating-panel::-webkit-scrollbar,.reel-rating-sheet::-webkit-scrollbar{display:none}
.sheet-done,.sheet-later{flex-shrink:0}.sheet-reference-row{padding-bottom:12px}.sheet-reference-row>img{width:42px;height:51px}.sheet-question{margin:14px 0 12px}
#reel-rating-panel .rating-tiles button{height:56px}#reel-rating-panel .sheet-section-head{margin-top:17px}.sheet-saved{margin-top:11px}.sheet-done{margin-top:12px}.sheet-later{margin-top:6px}

.reel-rating-sheet{background:linear-gradient(155deg,#252b3b 0%,#171c29 55%,#141824 100%)}

/* Mobile app header: brand, a compact journey indicator, and one sound action. */
.mobile-header-stage,.mobile-sfx-icon{display:none}
@media(max-width:640px){
 .app-topbar-wrap{top:calc(10px + env(safe-area-inset-top,0px));padding:0 12px;z-index:100}
 .app-topbar{display:grid;grid-template-columns:minmax(105px,1fr) auto 37px;align-items:center;gap:14px;height:66px;min-height:66px;padding:8px 14px 11px;border-radius:21px;border:1px solid #41495c80;background:linear-gradient(130deg,#202530ed,#161b25f5);box-shadow:0 10px 35px #0004,inset 0 1px #ffffff0b;backdrop-filter:blur(24px);position:relative;overflow:hidden}
 .app-topbar::before{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;background:#7383ae1c}
 .app-topbar::after{content:'';position:absolute;bottom:0;right:0;width:var(--journey-progress,0%);height:2px;background:linear-gradient(90deg,#8ca2ff,#4f6bff);box-shadow:0 -1px 9px #4f6bff66;transition:width .3s ease}
 .tb-right{gap:0;min-width:0}.ih-brand{padding:0;border-radius:0;justify-content:flex-start}.ih-brand:hover{transform:none}.brand-logo{width:128px;max-width:100%;height:42px;object-fit:contain;object-position:right center}
 .mobile-header-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap;min-width:70px;padding:0 12px;border-right:1px solid #ffffff0e}
 .mobile-header-stage>span{font-size:.67rem;font-weight:700;color:#c4cde4;line-height:1.65}.mobile-header-stage>small{font:600 .58rem var(--font-en);letter-spacing:1.4px;color:#7f94c8;direction:ltr;line-height:1.5}.mobile-header-stage>small:only-child{font-size:.5rem}
 .ih-actions{display:flex;gap:0;justify-content:flex-end}.ih-actions .ih-curr-btn,.ih-wallet-pill,.ai-companion-pill{display:none!important}
 .ih-icon-btn{width:37px;height:37px;background:#1117229c;border:1px solid #3c465c90;border-radius:12px;color:#8390ab;padding:9px;box-shadow:inset 0 1px #ffffff05}
 .mobile-sfx-icon{display:block;width:19px;height:19px}.ih-icon-btn .eq-bars{display:none}.mobile-sfx-icon .sfx-waves{display:none}.sound-active .mobile-sfx-icon .sfx-waves{display:block}.sound-active .mobile-sfx-icon .sfx-slash{display:none}.ih-icon-btn.sound-active{background:#4f6bff22;color:#becaff;border-color:#7289db70}
 .top-progress-track{display:none}.viewport-stage{padding-top:96px}
}
@media(max-width:360px){.app-topbar-wrap{padding:0 10px}.app-topbar{grid-template-columns:minmax(88px,1fr) auto 34px;gap:9px;padding-right:12px;padding-left:12px;height:62px;min-height:62px}.brand-logo{width:108px;height:37px}.mobile-header-stage{min-width:64px;padding:0 9px}.mobile-header-stage>span{font-size:.61rem}.mobile-header-stage>small{font-size:.54rem}.ih-icon-btn{width:34px;height:34px;padding:8px}}

/* Real motion work is the landing-page proof. */
#screen-0 .hero-layout{grid-template-columns:1fr 1fr;gap:64px;max-width:1120px}
#screen-0 .hero-copy-col{grid-column:1;grid-row:1} .hero-reel-showcase{grid-column:2;grid-row:1;position:relative;width:100%;min-width:0;padding:12px 0;text-align:center}
.hero-showcase-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#8895b5;letter-spacing:2.8px;font:600 .58rem var(--font-en);direction:ltr;margin-bottom:24px}.hero-showcase-eyebrow>span{width:5px;height:5px;background:#8099ff;border-radius:50%;box-shadow:0 0 12px #4f6bff}
.hero-reel-deck{position:relative;height:438px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-reel-deck:before{content:'';position:absolute;inset:35px 0 -25px;background:radial-gradient(ellipse,#4f6bff22,transparent 66%);z-index:-2}
.hero-main-reel{position:relative;width:240px;height:426px;background:#101115;border:4px solid #343944;border-radius:27px;overflow:hidden;box-shadow:0 25px 55px #0007,0 0 0 1px #ffffff08;z-index:3;flex-shrink:0}.hero-main-reel video{width:100%;height:100%;object-fit:contain;display:block}
.hero-peek{position:absolute;top:91px;width:150px;height:270px;overflow:hidden;border:3px solid #343944;border-radius:22px;background:#111319;box-shadow:0 15px 40px #0006;z-index:1;padding:0;transition:transform .3s,border-color .3s;opacity:.7}.hero-peek img{display:block;width:100%;height:100%;object-fit:cover}.hero-peek span{position:absolute;bottom:0;left:0;right:0;padding:35px 10px 14px;background:linear-gradient(transparent,#0b0e16ed);font-size:.68rem;color:#d9e0f7;font-weight:600}.hero-peek-right{right:10px;transform:rotate(11deg) translateY(12px)}.hero-peek-left{left:10px;transform:rotate(-11deg) translateY(12px)}.hero-peek:hover{border-color:#93a6e9;opacity:1}.hero-peek-right:hover{transform:rotate(7deg) translateY(2px)}.hero-peek-left:hover{transform:rotate(-7deg) translateY(2px)}
.hero-reel-topline{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;direction:rtl}.hero-reel-topline>span{font-size:.55rem;background:#111724b3;color:#e5ebfc;border:1px solid #ffffff20;padding:6px 9px;border-radius:20px;backdrop-filter:blur(8px)}.hero-reel-topline>button{width:33px;height:33px;border:1px solid #ffffff30;background:#1117249c;color:#fff;border-radius:50%;padding:8px;display:grid;place-items:center}.hero-reel-topline svg{width:17px;height:17px;fill:currentColor}.hero-pause-icon{display:none}.playing .hero-pause-icon{display:block}.playing .hero-play-icon{display:none}
.hero-reel-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;text-align:right;background:linear-gradient(transparent,#0a0e19f5);padding:75px 17px 20px;gap:6px;pointer-events:none}.hero-reel-caption small{font:600 .45rem var(--font-en);color:#b4c4ff;letter-spacing:1.3px}.hero-reel-caption strong{color:#fff;font-size:.96rem;font-weight:800}.hero-reel-caption>span{font-size:.63rem;color:#b7c1d5}.hero-reel-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff17;direction:ltr}.hero-reel-progress i{display:block;height:100%;width:0;background:#a0b2ff}
.hero-preview-switches{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px}.hero-preview-switches button{background:transparent;border:1px solid #343d50;border-radius:30px;padding:8px 13px;color:#8c99b4;font-size:.68rem;line-height:1.5;transition:background .2s,color .2s}.hero-preview-switches button.active{background:#4f6bff20;border-color:#7e94e480;color:#c3d0ff}.hero-showcase-note{font-size:.69rem;color:#717f9b;margin-top:14px;line-height:1.9}
#screen-0 .sub-headline{color:#a0acc4;font-size:1rem;line-height:1.95}#screen-0 .main-headline{line-height:1.45;letter-spacing:-1px}#screen-0 .mini-guarantees{gap:12px 18px}#screen-0 .mg-item{font-size:.71rem}#screen-0 .pill-tag{font-size:.73rem}
@media(max-width:980px){#screen-0 .hero-layout{grid-template-columns:1fr;gap:32px;max-width:600px}#screen-0 .hero-copy-col{grid-column:1;grid-row:1;align-items:center;text-align:center}.hero-reel-showcase{grid-column:1;grid-row:2;max-width:510px;margin:0 auto}#screen-0 .mini-guarantees{justify-content:center}#screen-0 .sub-headline{max-width:500px}}
@media(max-width:640px){#screen-0 .hero-layout{padding:0 22px;gap:23px}#screen-0 .hero-copy-col{align-items:flex-start;text-align:right}#screen-0 .pill-tag{font-size:.64rem;padding:5px 10px;margin-bottom:13px}#screen-0 .main-headline{font-size:clamp(1.8rem,7.5vw,2.3rem);line-height:1.45;margin-bottom:12px;letter-spacing:-.6px}#screen-0 .sub-headline{font-size:.81rem;line-height:1.95;margin-bottom:21px}#screen-0 .btn-primary-hero{width:100%;padding:15px 18px;font-size:.91rem}#screen-0 .mini-guarantees{justify-content:flex-start;gap:10px 13px;margin-top:17px}#screen-0 .mg-item{font-size:.61rem}.hero-reel-showcase{padding-top:7px}.hero-showcase-eyebrow{margin-bottom:13px;font-size:.49rem;letter-spacing:2px}.hero-reel-deck{height:336px}.hero-main-reel{width:184px;height:328px;border-radius:23px;border-width:3px}.hero-peek{width:118px;height:211px;top:66px;border-radius:18px;border-width:2px}.hero-peek-right{right:0}.hero-peek-left{left:0}.hero-peek span{font-size:.56rem;padding-bottom:12px}.hero-reel-topline{left:9px;right:9px;top:10px}.hero-reel-topline>span{font-size:.46rem;padding:5px 7px}.hero-reel-topline>button{width:28px;height:28px;padding:6px}.hero-reel-caption{padding:55px 12px 15px;gap:5px}.hero-reel-caption strong{font-size:.77rem}.hero-reel-caption small{font-size:.35rem;letter-spacing:1px}.hero-reel-caption>span{font-size:.53rem}.hero-preview-switches{gap:5px;margin-top:18px}.hero-preview-switches button{font-size:.6rem;padding:7px 10px}.hero-showcase-note{font-size:.62rem;margin-top:11px}}

/* A normal full-width header. Journey feedback appears only after it leaves view. */
.top-progress-track{display:none!important}
.app-topbar-wrap{position:fixed;top:0;left:0;right:0;padding:0;background:#10131ae8;border-bottom:1px solid #ffffff09;backdrop-filter:blur(22px);transition:transform .28s ease,opacity .28s ease;z-index:100;box-shadow:none}
.app-topbar{height:78px;min-height:78px;width:100%;max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;padding:0 30px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
.app-topbar::before,.app-topbar::after{display:none!important}.app-topbar .ih-brand{padding:0;border-radius:0;min-width:0}.app-topbar .ih-brand:hover{transform:none}.app-topbar .brand-logo{width:151px;height:47px;object-fit:contain;object-position:right center}.header-tagline{font:500 .71rem var(--font-en);letter-spacing:1.2px;color:#7d8ba6;direction:ltr}
body.header-away .app-topbar-wrap{transform:translateY(-110%);opacity:0;pointer-events:none}body.header-away .app-topbar{pointer-events:none}
.journey-beacon{position:fixed;top:14px;left:50%;transform:translate(-50%,-16px);opacity:0;visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:11px;padding:10px 16px 12px;background:#1b2130eb;border:1px solid #6174ab45;border-radius:14px;box-shadow:0 7px 30px #0004;backdrop-filter:blur(20px);z-index:99;transition:transform .28s,opacity .28s,visibility .28s;overflow:hidden;white-space:nowrap}
body.header-away .journey-beacon{transform:translate(-50%,0);opacity:1;visibility:visible}.journey-beacon>span:not(.beacon-motion){font-size:.67rem;font-weight:600;color:#d4def6}.journey-beacon>small{font:600 .57rem var(--font-en);color:#8196cb;direction:ltr;letter-spacing:1px}.beacon-motion{display:flex;align-items:center;gap:3px;height:16px;direction:ltr}.beacon-motion i{width:3px;height:7px;background:#829bff;border-radius:5px}.beacon-motion i:nth-child(2){height:13px}.beacon-motion i:nth-child(3){height:9px}.is-changing .beacon-motion i{animation:beacon-pulse .55s ease-in-out infinite alternate}.is-changing .beacon-motion i:nth-child(2){animation-delay:.1s}.is-changing .beacon-motion i:nth-child(3){animation-delay:.2s}@keyframes beacon-pulse{from{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}
.beacon-track{position:absolute;bottom:0;right:0;left:0;height:2px;background:#90a9ff10}.beacon-track i{display:block;height:100%;width:0;background:#7d98ff;transition:width .3s}.viewport-stage{padding-top:112px}
.market-question{display:grid;grid-template-columns:1fr minmax(210px,290px);gap:10px 28px;padding:22px 25px;margin:0 0 25px;background:linear-gradient(110deg,#1b2230,#171b24);border:1px solid #53658d45;border-radius:20px;align-items:center;text-align:right}.market-question>div{display:flex;flex-direction:column;gap:3px}.market-eyebrow{color:#7f96d4;font-size:.6rem}.market-question label{color:#e1e7f6;font-size:1rem;font-weight:700}.market-question>div>p{color:#8997b1;font-size:.73rem}.market-question select{width:100%;padding:13px 15px;background:#111722;border:1px solid #3f506f;border-radius:12px;color:#d8e2f8;font-size:.83rem;outline:none;min-height:48px}.market-question>span,.market-question>p{grid-column:1/-1;line-height:1.9}#market-status{font-size:.65rem;color:#a3b5e6}#currency-notice{font-size:.66rem;color:#7d8ca8}#currency-notice a{color:#9eb2e8;text-decoration:underline}.currency-payment-note{font-size:.7rem;line-height:1.9;color:#8b9ab6;margin:12px 0 18px}.exact-amount{flex-wrap:wrap}.exact-amount input{max-width:100%}
@media(max-width:640px){.app-topbar-wrap{top:0;padding:0}.app-topbar{height:70px;min-height:70px;display:flex;gap:14px;padding:0 21px;border:0;border-radius:0;background:none}.app-topbar .brand-logo{width:127px;height:42px}.header-tagline{font-size:.57rem;letter-spacing:.5px}.viewport-stage{padding-top:91px}.journey-beacon{top:10px;padding:9px 12px 11px;gap:9px;border-radius:12px}.journey-beacon>span:not(.beacon-motion){font-size:.63rem}.journey-beacon>small{font-size:.52rem}.market-question{grid-template-columns:1fr;padding:19px;margin:0 0 20px;gap:13px}.market-question label{font-size:.93rem}.market-question select{font-size:.78rem}.market-question>div>p{font-size:.67rem}}

.currency-payment-note a{color:#9eb2e8;text-decoration:underline}.market-question select:focus:not(:focus-visible){outline:none!important}

/* Keep native numeric semantics and keyboard controls without mismatched OS spinners. */
input[type="number"]{-moz-appearance:textfield;appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.exact-amount input[type="number"]{min-height:45px;border-color:#3b465d;background:#111620;box-shadow:inset 0 1px 3px #0002;transition:border-color .18s,box-shadow .18s;color:#dce5f9;font-family:var(--font-en);font-size:.81rem;font-variant-numeric:tabular-nums;outline:0}
.exact-amount input[type="number"]:hover{border-color:#647498}.exact-amount input[type="number"]:focus{border-color:#879eea;box-shadow:0 0 0 3px #718eff12}

.exact-amount input[type="number"]:focus-visible{outline:none!important}