/* Final composition: familiar Vellora colours, clearer device and purchase hierarchy. */
:root{--ease-premium:cubic-bezier(.22,1,.36,1);--muted:#505d69}
html{scrollbar-gutter:stable}body{font-family:'Segoe UI',Arial,sans-serif}
.wrap{max-width:1184px}.button{border-radius:6px;transition:background .22s,box-shadow .22s,transform .3s var(--ease-premium)}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #081a2b18}.button:active{transform:translateY(0)}
.button:focus-visible,.showcase-controls button:focus-visible{outline:3px solid #c89b4a;outline-offset:4px}
.site-header{border-bottom:1px solid #ffffff10}.desktop-nav a{font-size:14px}.header-inner{gap:24px}
.header-offer .discount-badge{color:#efd3a1;background:#c89b4a16;border-color:#c89b4a55}.header-offer strong{color:#fffdf8}.header-offer p{color:#c3ccd2}
.hero{padding-top:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:70px;row-gap:17px}
.hero-copy{padding-top:12px}.hero .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:20px}
.hero-copy{animation:none}.hero-library.reveal-ready,.device-availability.reveal-ready{opacity:1;transform:none}
.hero h1{font-size:clamp(40px,3.9vw,56px);line-height:1.08;letter-spacing:-.045em}
.hero-description{font-size:17px;line-height:1.7;max-width:490px;margin-top:20px;color:#505d69}
.hero .device-availability{display:block;border:0;padding:0 0 3px}
.hero .device-availability .device-intro{display:none}
.device-list{display:flex;flex-wrap:wrap;align-items:center;gap:24px;list-style:none;padding:0;margin:0}
.device-list li{display:flex;align-items:center;gap:7px;font-size:12px;color:#3f4e5b;white-space:nowrap}
.device-list svg{width:22px;height:22px;fill:none;stroke:#957033;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero .device-availability .device-note{font-size:12px;line-height:1.5;margin-top:13px;color:#69727a}
.hero-purchase{max-width:490px!important;gap:12px}.hero-purchase .hero-offer-reveal{padding:10px 20px;border-radius:9px;background:#fffdf8;box-shadow:0 4px 20px #15223304}
.hero-offer-reveal .offer-reveal-stage{height:73px}.hero-offer-reveal .offer-reveal-prices>strong,.hero-offer-reveal .offer-reveal-start>strong{font-size:51px}
.discount-badge{color:#795319;background:#f4e9d5;border:1px solid #dfc99f;border-radius:4px;font-weight:600}
.hero-checkout .hero-actions{gap:22px}.hero-checkout .button{min-height:55px;font-size:15px;max-width:300px;background:var(--navy)}
.hero-checkout .text-link{font-size:13px;gap:11px}.hero-checkout .hero-reassurance{font-size:12px;margin-top:13px}
.purchase-context{font-size:12px;line-height:1.75}.purchase-context a{display:inline-block;min-height:28px}
.library-showcase{position:relative;max-width:470px;padding:21px 25px 17px;background:#102536;color:#f7f3ea;border:1px solid #263d4c;border-radius:18px;box-shadow:0 24px 45px -25px #081a2b66}
.showcase-heading{color:#f0ede6;font-size:12px;border-bottom:1px solid #ffffff13;padding-bottom:14px}
.showcase-heading>span:last-child{color:#b3bfc6;font-size:10px;letter-spacing:0}
.showcase-stage{height:455px;perspective:1200px;perspective-origin:50% 45%;position:relative}
.showcase-stage::before{content:'';position:absolute;width:72%;height:1px;bottom:5px;left:14%;background:#c89b4a55;pointer-events:none}
.showcase-screen{border:5px solid #262d30;border-radius:19px;background:#262d30;box-shadow:12px 18px 28px #0005,0 0 0 1px #ffffff2b;transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,-3deg)) translateY(var(--depth-shift,0px));transition:transform .7s var(--ease-premium);backface-visibility:hidden}
.showcase-screen img{height:423px;max-width:100%;border-radius:12px}
.showcase-expand{bottom:30px;left:auto;right:9px;transform:none;border-radius:5px;font-size:10px;background:#fffdf8f2;padding:8px 10px;gap:11px}
.showcase-controls:not([hidden]){padding-top:14px;gap:6px}.showcase-controls button{color:#b8c6cf;border-radius:6px;min-height:44px;font-size:12px;padding:10px 16px}
.showcase-controls button[aria-pressed=true]{background:#f7f3ea;color:#152233;border-color:#f7f3ea;box-shadow:none}.showcase-controls button:hover{background:#ffffff12;color:#fff}.showcase-controls button[aria-pressed=true]:hover{background:#fffdf8;color:#152233}
.showcase-caption{font-size:12px;color:#b6c2cb;margin-top:8px;line-height:1.6;min-height:20px}
.showcase-screen.preview-changing img{animation:screen-change .38s var(--ease-premium)}
@keyframes screen-change{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.offer-clock{display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;width:100%;padding:11px 12px;background:#ece5d7;border:1px solid #d7cbb4;border-radius:7px;font-size:12px;line-height:1.4;color:#4f4533}
.offer-clock[hidden],.compact-clock[hidden]{display:none!important}.clock-status{display:flex;align-items:center;gap:7px}.clock-status>span{width:5px;height:5px;border-radius:50%;background:#947034}
[data-countdown]{font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:600;letter-spacing:.06em;white-space:nowrap}
.offer-clock time{font-size:17px;color:var(--ink)}.clock-end{text-align:center;font-size:11px;color:#6b6456}.compact-clock{color:inherit;font-size:inherit}.compact-clock time{letter-spacing:.02em}
.offer-details>.offer-clock{margin-top:17px}.offer-expired .offer-clock{background:#eee9df}.offer-expired [data-cta]{background:#475764;border-color:#475764}.offer-expired .offer-reveal-prices,.offer-expired .offer-reveal-start{display:none!important}.offer-expired .offer-reveal-final{visibility:visible!important;opacity:1!important}.offer-expired .offer-reveal-title{font-size:16px}.offer-expired .header-offer>div,.offer-expired .mobile-purchase strong{display:none}
.experience.section{padding-top:80px}.section-heading h2{letter-spacing:-.04em;line-height:1.12}.section-heading>p{color:#596570;line-height:1.8}
.experience-tabs{border-bottom:1px solid #cfc8bb;margin-bottom:26px;gap:10px}.experience-tabs button{border:0;border-bottom:2px solid transparent;padding:15px 10px;transition:color .2s,border-color .2s,background .2s;font-size:14px}
.experience-tabs button[aria-selected=true]{border-color:#967139;background:#ebe4d622;color:#152233}.experience-tabs button span{color:#896322}
.experience-panel{border:1px solid #d8d2c6;border-radius:13px;overflow:hidden;background:#f0ece3;min-height:510px}.experience-note{padding:39px 40px}.experience-note h3{font-size:33px;line-height:1.17;letter-spacing:-.025em}
.experience-image.original-app-image{background:#102536;perspective:1200px}.original-app-image .screen-crop{height:428px;width:192px;background:transparent;border:4px solid #292d2e;border-radius:13px;box-shadow:9px 17px 28px #0005;overflow:hidden;transform:rotateY(-3deg);transition:transform .5s var(--ease-premium)}
.original-app-image .screen-crop img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none!important;background:#c4c4c4;border-radius:7px}
.original-app-image .screen-crop--highlights{width:180px}.original-app-image .screen-crop--filters{height:428px;width:192px;background:#4e4535}
.original-app-image:hover .screen-crop{transform:rotateY(0deg)}.original-app-image .screenshot-overlay{display:none}
.reading-details{gap:34px}.reading-details h3{font-size:25px;letter-spacing:-.025em}.reading-details p{color:#56616a}
.collection.section{background:#0c2131}.collection-copy>p:not(.eyebrow){color:#bec8cf;line-height:1.85}.collection-copy h2{letter-spacing:-.035em}
.original-collection .screen-crop{width:198px;height:440px;border:4px solid #293137;border-radius:14px;box-shadow:16px 20px 34px #0004;transform:perspective(1200px) rotateY(-5deg)}
.original-collection .screen-crop img{width:100%;height:100%;object-fit:contain;max-width:100%;transform:none!important;border-radius:7px}
.steps{gap:28px}.steps li{border-top:1px solid #bda275;padding-top:22px}.steps .step-number{font-size:13px;color:#896322}.steps h3{margin-top:15px}.steps p{color:#56616a}.how .setup-note{margin-top:28px}
.offer-section{background:#eee9de}.offer{align-items:center}.offer-intro h2{letter-spacing:-.04em}.offer-details{border-color:#d7cfbf}.offer-footnote{font-size:12px;line-height:1.8;max-width:460px;color:#5e6870}.inclusions li{font-size:15px}
.faq-list summary{padding-top:22px;padding-bottom:22px;line-height:1.5}.faq-answer{color:#56616a;line-height:1.85}.faq-list details{border-color:#d6d0c4}.support-button{border-radius:6px}.footer-bottom{font-size:11px}
.screenshot-dialog[open]{animation:dialog-enter .25s var(--ease-premium)}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:1050px){.hero{column-gap:34px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:39px}.hero-description{font-size:16px}.hero-checkout .hero-actions{flex-direction:column;gap:6px}.hero-checkout .button{max-width:none}.device-list{gap:12px}.device-list li{font-size:11px;gap:5px}.device-list svg{width:19px}.library-showcase{padding:17px 16px}.showcase-stage{height:442px}.showcase-screen img{height:410px}.header-inner{gap:14px}.show-header-offer .desktop-nav{display:none}.experience-note{padding:30px}}
@media(max-width:760px){
 .header-inner{height:65px}.hero{padding-top:29px;gap:19px;grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'delivery' 'purchase' 'library'}
 .hero-copy{padding-top:0}.hero .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.1em}.hero h1{font-size:clamp(32px,8.7vw,43px);line-height:1.11}.hero-description{font-size:16px;line-height:1.65;max-width:440px;margin-top:17px}
 .hero .device-availability{padding:0;text-align:center}.hero .device-availability .device-intro{display:none}.device-list{justify-content:center;gap:18px;flex-wrap:nowrap}.device-list li{font-size:12px;gap:5px}.device-list svg{width:19px;height:21px}.hero .device-availability .device-note{font-size:11px;margin-top:12px;line-height:1.5}
 .hero-purchase{gap:10px}.hero-purchase .hero-offer-reveal{padding:9px 15px}.hero-offer-reveal .offer-reveal-stage{height:73px}.hero-offer-reveal .offer-reveal-prices>strong,.hero-offer-reveal .offer-reveal-start>strong{font-size:48px}
 .hero-checkout .hero-actions{flex-direction:column;gap:4px}.hero-checkout .button{width:100%;max-width:none;min-height:55px;font-size:16px;padding-inline:21px}.hero-checkout .text-link{font-size:13px;min-height:44px}
 .hero-checkout .hero-reassurance{margin-top:5px;font-size:11px}.purchase-context{font-size:11px;text-align:center;margin-top:5px}.purchase-context a{margin-left:4px;min-height:28px}
 .offer-clock{padding:8px 10px;gap:5px 13px}.offer-clock time{font-size:16px}.clock-end{font-size:10px;flex-basis:100%}
 .hero-library{margin-top:6px!important}.library-showcase{max-width:430px;padding:16px 18px 13px;border-radius:13px}.showcase-heading{font-size:11px;padding-bottom:12px}.showcase-heading>span:last-child{font-size:9px}
 .showcase-stage{height:322px}.showcase-screen{border-width:4px;border-radius:13px}.showcase-screen img{height:300px;border-radius:8px}.showcase-expand{bottom:25px;right:6px;font-size:9px;padding:7px 8px;gap:8px}
 .showcase-controls:not([hidden]){padding-top:8px;gap:6px}.showcase-controls button{padding:10px 13px;min-height:44px}.showcase-caption{font-size:11px;margin-top:6px}
 .experience.section{padding-top:51px}.section-heading h2{font-size:35px}.experience-tabs{gap:0 12px;margin-bottom:20px}.experience-tabs button{min-height:54px;font-size:13px;padding:13px 3px;gap:8px}
 .experience-panel{min-height:0}.experience-note{padding:28px 25px}.experience-note h3{font-size:30px}.experience-note>p:not(.eyebrow){font-size:16px}.experience-image.original-app-image{height:388px;padding:22px}
 .original-app-image .screen-crop,.original-app-image .screen-crop--filters{height:344px;width:155px}.original-app-image .screen-crop--highlights{width:144px}.app-note{font-size:11px;line-height:1.8}
 .reading-details article{padding-top:20px}.collection-layout{gap:24px}.collection-copy h2{font-size:38px}.real-collection .collection-window.original-collection{height:360px}.original-collection .screen-crop{width:160px;height:355px}
 .how .steps{gap:25px}.steps li{padding-top:16px}.steps h3{margin-top:10px}.offer{gap:30px}.offer-intro h2{font-size:38px}.offer-delivery{font-size:12px}.inclusions li{font-size:15px;line-height:1.6}
 .offer-details .button{min-height:54px}.faq h2{font-size:35px}.faq-list summary{font-size:15px;padding-block:19px}.faq-answer{font-size:15px}.closing h2{font-size:40px}.closing{padding-block:54px}
 .mobile-purchase{border-top:1px solid #cbb98f;box-shadow:0 -5px 25px #081a2b14}.mobile-purchase strong{font-size:20px}.mobile-purchase strong s{font-size:12px}.mobile-purchase strong .discount-badge{font-size:9px;padding:2px 4px}.mobile-purchase p{font-size:10px}.mobile-purchase .compact-clock{display:block;font-size:11px;line-height:1.5}.mobile-purchase .button{font-size:13px;min-height:48px;padding-inline:14px;border-radius:5px}.dismiss-purchase{width:44px}
}
@media(max-width:360px){.hero{width:calc(100% - 32px)}.hero .eyebrow{font-size:9px}.hero h1{font-size:32px}.hero-description{font-size:15px}.device-list{gap:10px}.device-list li{font-size:11px}.device-list svg{width:17px}.hero .device-availability .device-note{font-size:10px}.purchase-context a{display:inline-block}.hero-offer-reveal .offer-reveal-prices{gap:10px}.hero-offer-reveal .offer-reveal-prices>strong{font-size:44px}.hero-offer-reveal .discount-badge{font-size:11px}.showcase-controls button{padding-inline:10px}.mobile-purchase strong{font-size:19px}.mobile-purchase strong .discount-badge{display:none}.mobile-purchase .button{font-size:12px;padding-inline:12px}.mobile-purchase p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.showcase-screen,.original-app-image .screen-crop,.original-collection .screen-crop{transform:none!important}.button:hover{transform:none!important}.screenshot-dialog[open],.showcase-screen.preview-changing img{animation:none!important}}

/* A short purchase path removes uncertainty without adding another decision. */
.purchase-path{display:flex;align-items:center;gap:12px;list-style:none;padding:0;margin:14px 0 0;max-width:420px;color:#465460;font-size:12px;line-height:1.5}
.purchase-path li{display:flex;align-items:center;gap:6px;flex:1;white-space:nowrap}
.purchase-path li>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #cbb68e;border-radius:50%;font-size:10px;color:#775821;background:#f3ead9}
.purchase-path li:not(:last-child)::after{content:'›';color:#9b8c75;margin-left:auto;font-size:15px}
.hero-checkout .purchase-context{margin-top:8px;max-width:470px;color:#5e6870}
.purchase-context a{text-underline-offset:4px}
.how .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.steps li{position:relative}
.steps .step-number{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #cbb68e;border-radius:50%;background:#f1e8d8;color:#775821;font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums;transition:background .25s,color .25s}
.steps li:hover .step-number{transform:none;background:#152233;color:#fffdf8;border-color:#152233}
.steps li:nth-child(2){--step-delay:90ms}.steps li:nth-child(3){--step-delay:180ms}
.offer-expired .purchase-path{display:none}

/* Finite motion: guide attention to controls, then let the page settle. */
@media(prefers-reduced-motion:no-preference){
 .reveal-ready{opacity:.72;transform:translateY(8px);transition:opacity .45s,transform .55s var(--ease-premium)}
 .reveal-ready.is-visible{opacity:1;transform:none}
 .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-description{animation-duration:.55s;animation-delay:0s}
 .device-list svg{animation:device-arrive .65s var(--ease-premium) both}
 .device-list li:nth-child(2) svg{animation-delay:.08s}.device-list li:nth-child(3) svg{animation-delay:.16s}.device-list li:nth-child(4) svg{animation-delay:.24s}
 .purchase-path li>span{animation:path-arrive .55s .2s var(--ease-premium) both}
 .purchase-path li:nth-child(2)>span{animation-delay:.3s}.purchase-path li:nth-child(3)>span{animation-delay:.4s}
 .experience-panel:not([hidden]) .experience-note{animation:feature-copy-in .4s var(--ease-premium)}
 .experience-panel:not([hidden]) .screen-crop{animation:feature-screen-in .5s var(--ease-premium)}
 .steps li::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#a37b38;transform:scaleX(0);transform-origin:left}
 .steps li.is-visible::before{animation:step-line-in .8s var(--step-delay,0ms) var(--ease-premium) both}
 .steps li.reveal-ready{transition-delay:var(--step-delay,0ms)}
 .faq-list details[open] .faq-answer{animation:answer-in .28s var(--ease-premium)}
 .mobile-purchase:not([hidden]){animation:purchase-bar-in .32s var(--ease-premium)}
 .button[data-cta]{position:relative;isolation:isolate;overflow:hidden}
 .button[data-cta]::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff17 50%,transparent 75%);translate:-120% 0;pointer-events:none}
 .hero-purchase:has(.hero-offer-reveal.reveal-done) .hero-checkout .button::before{animation:button-light .9s .4s var(--ease-premium)}
 .button[data-cta]:focus-visible::before{animation:button-light .65s var(--ease-premium)}
 @media(hover:hover){.button[data-cta]:hover::before{animation:button-light .65s var(--ease-premium)}}
}
@keyframes hero-enter{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes device-arrive{from{opacity:.6;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes path-arrive{from{opacity:.7;translate:-4px 0}to{opacity:1;translate:0 0}}
@keyframes feature-copy-in{from{opacity:.65;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes feature-screen-in{from{opacity:.7;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes step-line-in{to{transform:scaleX(1)}}
@keyframes answer-in{from{opacity:.6;translate:0 -4px}to{opacity:1;translate:0 0}}
@keyframes purchase-bar-in{from{opacity:.75;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes button-light{to{translate:120% 0}}
@media(max-width:760px){
 .purchase-path{max-width:350px;margin:6px auto 0;gap:9px;font-size:11px}
 .purchase-path li{gap:5px}.purchase-path li>span{flex-basis:17px;width:17px;height:17px;font-size:9px}
 .hero-checkout .purchase-context{max-width:370px;margin:8px auto 0;line-height:1.7}
 .how .steps{grid-template-columns:1fr;gap:20px}
 .steps li{padding:20px 0 5px 51px;min-height:0}.steps .step-number{top:20px;left:0}.how .steps h3{margin-top:0;line-height:1.45}
}
@media(max-width:360px){.purchase-path{font-size:10px;gap:7px}.purchase-path li{gap:4px}.hero-checkout .purchase-context{font-size:10px}}