/* ZesToraX product website. All motion is progressive enhancement. */
:root{color-scheme:dark;--paper:#090b12;--ink:#f3f4fb;--muted:#a5adbf;--line:#ffffff19;--green:#b6a1ff;--orange:#a6e8ff;--primary:#b6a1ff;--gray-50:#0e111c;--surface:#10141f;--cyan:#99e7ee;--violet:#b8a6ff}
body{background:var(--paper);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.045em}h1,h2{font-weight:580}p{color:var(--muted)}em{font-style:normal;color:#b8b2d9}a{transition:color .2s}a:hover{color:#fff}::selection{background:#b8a6ff;color:#11121b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a7dcff;outline-offset:5px}
.shell,.legacy-content .container{width:min(1240px,calc(100% - 80px))}.section{padding-block:90px}.page-intro{padding-top:88px;padding-bottom:30px}.page-intro h1{max-width:920px;font-size:clamp(40px,5vw,66px)}.eyebrow{font-size:11px;letter-spacing:.12em;color:#b6aecf;font-weight:550}
.site-header{background:#090b12e8;border-color:var(--line);backdrop-filter:blur(20px)}.site-header.scrolled{box-shadow:0 14px 45px #0003}.nav{min-height:88px}.wordmark{color:#fff;font-size:26px;font-weight:600}.wordmark>span{color:#c4b8ff}.brand-logo{width:42px;height:42px;margin-right:12px}.nav nav{font-size:12px;gap:30px}.nav nav a{color:#b2b9c9}.nav nav a:hover,.nav nav a[aria-current=page]{color:#fff}.nav-contact{border:1px solid #ffffff2c!important;background:#ffffff08;border-radius:10px;padding:9px 16px!important;color:#f1f1f9!important}
.button,.legacy-content .btn{min-height:48px;border-radius:11px;border:1px solid #ffffff2b;background:#ffffff06;color:#e9eaf4;gap:18px;font-size:12px;transition:transform .2s,background .2s,box-shadow .2s;filter:none!important}.button.primary,.legacy-content .btn-primary{background:#eeedf6;color:#161420;border-color:#eeedf6;box-shadow:0 4px 16px #0002}.button.primary:hover,.legacy-content .btn-primary:hover{background:#fff;box-shadow:0 6px 24px #c7b9ff26}.button.quiet{background:#ffffff06;border-color:#ffffff24;color:#c3c7d6}.button:hover{transform:translateY(-2px)}.button:disabled{transform:none}.text-link,.store-link{color:#c4b8ff;font-size:12px}.text-link:hover,.store-link:hover{color:#f4eaff}.pill{background:#ffffff08;border:1px solid #ffffff23;border-radius:7px;color:#c8cad9;font-size:10px;letter-spacing:.025em}.dot{background:#94e6b1}.app-monogram{background:linear-gradient(145deg,#29534c,#172d34);border:1px solid #93d4b03b;color:#b8f5c8;border-radius:13px}.app-icon{border-radius:13px}
.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;background:linear-gradient(90deg,#b6a1ff,#8fe4e3);z-index:80;transform:scaleX(0);transform-origin:left;pointer-events:none}
.studio-intro{max-width:none;position:relative;isolation:isolate;padding:102px 0 74px;text-align:center}.studio-intro:before{content:'';position:absolute;z-index:-1;inset:-90px -80px -300px;background:radial-gradient(ellipse at 50% 28%,#644c9d22,transparent 55%),radial-gradient(ellipse at 72% 30%,#25668011,transparent 45%);pointer-events:none}.studio-intro h1{font-size:clamp(52px,7.3vw,100px);line-height:1.04;letter-spacing:-.065em;max-width:1140px;font-weight:590;margin:0 auto 28px}.hero-gradient{background:linear-gradient(105deg,#cfb9ff 15%,#b5aaff 48%,#88dce8 94%);background-clip:text;-webkit-background-clip:text;color:transparent}.studio-intro>p{font-size:17px!important;line-height:1.8;max-width:680px!important;margin:0 auto 30px!important}.studio-intro .actions{justify-content:center;margin-top:26px}.hero-platforms{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:47px;flex-wrap:wrap}.hero-platforms a{display:flex;align-items:center;gap:9px;color:#929bad;font-size:11px}.hero-platforms img{width:18px;height:18px;object-fit:contain}.hero-platforms a:hover{color:#e5e7f4}
.portfolio-showcase{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:0}.portfolio-product{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);border:1px solid #ffffff1b;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 85% 18%,#285a4e24,transparent 60%),#10141c;min-width:0}.companion-showcase{background:radial-gradient(ellipse at 85% 32%,#6042a62b,transparent 65%),#11121e}.portfolio-caption{display:flex;flex-direction:column;align-items:flex-start;background:transparent;padding:50px 0 50px 44px;min-width:0}.portfolio-caption h2{font-size:clamp(29px,3.2vw,43px);line-height:1.12;margin:0 0 23px;letter-spacing:-.05em}.portfolio-caption .eyebrow{margin:30px 0 15px;font-size:10px}.portfolio-caption>p:not(.eyebrow){font-size:13px;max-width:350px;line-height:1.85;margin-bottom:22px}.product-identity{display:flex;align-items:center;gap:17px}.product-identity .app-icon,.product-identity .app-monogram{width:46px;height:46px;font-size:17px}.portfolio-caption .button{margin-top:12px}.portfolio-caption>.text-link{margin-top:17px;font-size:11px}.showcase-features{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0 0 12px}.showcase-features li{color:#a5afc3;background:#ffffff05;border:1px solid #ffffff14;font-size:10px;padding:4px 8px;border-radius:5px}.portfolio-visual{display:flex;align-items:center;justify-content:center;height:auto!important;padding:32px;background:transparent!important;position:relative;min-width:0;overflow:hidden}.portfolio-mobile{background:transparent!important}.portfolio-visual img{border:0;box-shadow:none;max-height:none}.portfolio-product .product-gallery{width:100%}
/* Landscape illustrations and portrait interfaces never share an image ratio. */
.product-gallery{width:100%;min-width:0;position:relative;color:#d9dceb}.gallery-stage{display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.device-frame{position:relative;overflow:hidden}.gallery-desktop .device-frame{width:100%;border:1px solid #ffffff28;border-radius:14px;background:#eaf1ee;box-shadow:0 22px 65px #0004}.gallery-desktop .gallery-viewport{aspect-ratio:3/2}.gallery-viewport{position:relative;overflow:hidden}.gallery-slide{position:absolute;inset:0;margin:0!important;width:100%;height:100%}.gallery-slide[hidden]{display:none!important}.gallery-slide img{width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important}.gallery-mobile .gallery-stage{min-height:485px;overflow:hidden;isolation:isolate}.gallery-mobile .device-frame{z-index:2;width:216px;border:6px solid #353846;border-radius:29px;background:#11131c;box-shadow:0 24px 55px #0006;flex-shrink:0}.gallery-mobile .gallery-viewport{aspect-ratio:390/844;border-radius:21px}.phone-camera{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:43px;height:7px;border-radius:0 0 8px 8px;background:#353846;z-index:3}.gallery-peek{position:absolute!important;z-index:-1;width:147px!important;max-width:32%!important;height:auto!important;aspect-ratio:390/844;object-fit:contain;opacity:.48;border:5px solid #343543!important;border-radius:23px!important;box-shadow:0 18px 30px #0004!important;pointer-events:none;filter:saturate(.75)}.peek-before{left:calc(50% - 227px);transform:rotate(-9deg) translateY(9px)}.peek-after{right:calc(50% - 227px);transform:rotate(9deg) translateY(9px)}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:25px;margin:15px 0 7px;font-size:11px;font-weight:450}.gallery-index{font-size:10px;color:#949db5;font-variant-numeric:tabular-nums;white-space:nowrap}.gallery-controls{display:flex;align-items:center;gap:8px;min-height:42px}.gallery-controls[hidden]{display:none!important}.gallery-controls button{appearance:none;display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border:1px solid #ffffff26;background:#ffffff05;color:#cbd0e3;border-radius:9px;font-size:15px}.gallery-controls button:hover{background:#ffffff12;border-color:#b4a4e57a}.gallery-controls .gallery-dots{display:flex;margin-right:auto}.gallery-controls .gallery-dot{width:29px;min-width:29px;border-color:transparent;background:transparent}.gallery-dot span{width:5px;height:5px;border-radius:50%;background:#646a7f;transition:width .25s,background .25s}.gallery-dot[aria-pressed=true] span{background:#c3b0ff;width:17px;border-radius:5px}.gallery-controls .gallery-play{width:auto;min-width:54px;font-size:10px;padding:0 10px}.gallery-ready .gallery-viewport{touch-action:pan-y}.gallery-enter{animation:gallery-appear .4s ease both}.product-tour{max-width:1000px;margin:55px auto 0!important}.product-tour .gallery-caption{font-size:13px}.product-tour .gallery-stage{padding:0}.product-tour .device-frame{border-radius:18px}.app-hero-gallery{padding:20px;border:1px solid #ffffff17;border-radius:28px;background:radial-gradient(ellipse at 50% 45%,#6947a82c,transparent 70%);max-width:520px}.app-hero-gallery .gallery-mobile .gallery-stage{min-height:500px}.app-hero-gallery .gallery-mobile .device-frame{width:224px}
.digital-showcase{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.digital-showcase h2{font-size:clamp(33px,4vw,50px);margin:25px 0}.digital-showcase p{max-width:500px;font-size:14px}.digital-art{min-height:365px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#36305b28,transparent 65%)}.resource-sheet{position:absolute;width:230px;height:290px;background:linear-gradient(160deg,#242538,#131625);border:1px solid #ffffff2b;box-shadow:0 20px 45px #0004;border-radius:16px;display:flex;flex-direction:column;padding:23px}.resource-sheet>span{font-size:10px;color:#c3c5dc;letter-spacing:.1em}.sheet-back{transform:translate(-55px,-8px) rotate(-12deg);background:#161f2d}.sheet-back i{height:5px;background:#fff1;margin-top:23px;border-radius:3px}.sheet-back i:nth-child(3){width:70%}.sheet-front{transform:translate(40px,16px) rotate(9deg)}.sheet-front svg{height:125px;margin:23px 0;color:#b2a5ef}.sheet-front strong{font-size:17px;font-weight:500;color:#eeebff}.sheet-front small{font-size:8px;letter-spacing:.15em;margin-top:10px;color:#8f99b6}
.section-heading{align-items:end}.section-heading>p{color:#a5adbf}.platform-grid{gap:16px}.platform-tile{border:1px solid var(--line);background:linear-gradient(145deg,#171b26,#10131d)!important;border-radius:18px;padding:27px 23px;transition:transform .25s,border-color .25s}.platform-tile h3{font-size:22px}.platform-tile p{color:#a5adbf}.platform-status{border-color:var(--line);color:#a4aec4}.platform-status b{color:#baa9f2}.platform-number{color:#8e99b1}.platform-tile:hover{border-color:#9e90cb77;box-shadow:0 15px 40px #0002}.dark-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 10% 100%,#24243820,transparent 70%),#0e111b;padding:85px 0}.dark-section h2,.dark-section h3{color:#f1f1f9}.dark-section p,.dark-section .eyebrow{color:#a9b0c4}.dark-section .text-link,.dark-section em{color:#c4b5f3}.principle-grid{gap:90px}.principles article{border-color:var(--line)}.principles article>span{color:#8d83aa}.closing h2{font-size:clamp(32px,4vw,48px)}
.site-footer{background:#0c0e17;border-color:var(--line);margin:0;padding-top:60px}.footer-grid h3{color:#e0e3f0;font-weight:500}.footer-grid p,.footer-grid a:not(.wordmark),.footer-bottom{color:#949eb6}.footer-grid a:hover{color:#eeeafa}.footer-bottom{border-color:var(--line)}.platform-band{background:#0d1019}.platform-filters .chip,.mini-tags span{background:#ffffff05;border-color:var(--line);color:#abb5cc;border-radius:8px}.platform-filters .chip:hover{background:#ffffff10}.app-card,.wide-feature,.future-card,.experience,.info-card,.support-card{background:#111520;border:1px solid var(--line);border-radius:20px;box-shadow:none}.app-card:hover{border-color:#776c9a80}.app-card h3{font-size:25px}.app-card p,.wide-feature p,.future-card p{color:#a5adbf}.coming-symbol,.feature-symbol,.call-glyph{color:#beafff}.wide-art{background:radial-gradient(ellipse at 50% 50%,#4b35782e,transparent 75%);padding:20px;min-width:0}.product-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card.published-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:55px;padding:40px}.published-feature h3{font-size:36px}.published-feature .product-gallery{margin:0}.directory-phone-gallery{padding:25px}.wide-feature{padding:40px;gap:55px}.future-card{background:#111520!important}.story-photo img{border-radius:22px}.story-photo span{color:#9ba6bd}.founder-credentials span{color:#ccc6e0;border-color:var(--line);background:#ffffff05}.story-photo{background:transparent}
.hero{padding-block:72px;gap:72px}.hero-description{color:#a5adbf}.vroomate-brand-lockup{color:#f5f0ff}.vroomate-brand-lockup small{color:#a4abc0}.availability,.art-caption{color:#a3adc2}.experience h3{font-size:23px}.experience p{color:#a5adbf}.app-screen-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:35px;background:radial-gradient(ellipse at 50% 0,#56457a24,transparent 70%),#111520;border:1px solid var(--line);border-radius:24px}.app-screen-collection figure{margin:0;min-width:0}.screen-frame{max-width:235px;margin:auto;border:6px solid #303442;border-radius:25px;overflow:hidden;background:#fff}.screen-frame img{width:100%;height:auto}.app-screen-collection figcaption{padding:26px 0 5px;display:flex;align-items:baseline;gap:13px}.app-screen-collection figcaption>span{font-size:10px;color:#827b9e}.app-screen-collection h3{font-size:17px;font-weight:500;margin:0}
.plans-band{background:#0e111b;border-color:var(--line)}.starter-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px}.trial-offer,.welcome-offer{gap:0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #ffffff24;border-radius:20px;padding:32px;margin:0;background:linear-gradient(135deg,#21213a,#151826)}.welcome-offer{background:linear-gradient(135deg,#143433,#131f28);border-color:#8de1d62e}.trial-offer h3,.welcome-offer h3{font-size:30px;line-height:1.2;margin:23px 0}.trial-offer p,.welcome-offer p{font-size:12px;color:#b0b5cd;max-width:460px;line-height:1.85;margin:18px 0 0}.offer-price{font-size:44px;font-weight:550;letter-spacing:-.04em;color:#f6f3ff}.offer-price span{font-size:15px;font-weight:400;color:#bbbad1;letter-spacing:-.02em;margin-left:16px}.welcome-offer .pill{color:#aee8df;border-color:#8ac7bb33}.recharge-heading{margin-bottom:23px}.recharge-heading h3{font-size:26px}.recharge-heading p{font-size:12px}.points-pack-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.points-pack,.points-pack:last-child{background:#141823;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:23px 19px;gap:10px}.points-pack.entry-pack{border-color:#b5a4f46b;background:linear-gradient(150deg,#25213a,#161a28)}.points-pack .eyebrow{color:#aaa1c6;font-size:10px;margin-bottom:6px}.points-pack h3{font-size:28px;margin-bottom:6px;color:#f6f4fe}.points-pack h3 span{color:#a3acc3;font-size:12px}.points-pack .pack-price{font-size:31px;color:#f1eaff;margin:10px 0}.pack-price small{color:#9ba7bf;font-size:10px}.points-pack ul{color:#a5afc5;font-size:11px;line-height:1.7;padding-left:15px}.points-pack .pack-status{color:#b9b1d3;background:#ffffff05;border:1px solid #ffffff10;font-size:9px;border-radius:6px;padding:8px}.comparison-heading h3{font-size:28px}.comparison-heading p{color:#a5adbf}.plan-table-scroll{background:#10141f;border-color:var(--line);border-radius:16px}.plan-comparison{min-width:1160px;background:#10141f}.plan-comparison caption{color:#a5adbf}.plan-comparison thead,.plan-comparison thead th{background:#191d2c;color:#e7e3f5}.plan-comparison th,.plan-comparison td{border-color:var(--line)}.plan-comparison td{color:#aab4ca}.plan-comparison tbody th{color:#d5d9e9}.table-hint,.points-explainer p,.points-rates dt{color:#a3aec5}.points-rates dd{color:#b9aaff}.points-rates>div,.points-explainer{border-color:var(--line)}
.product-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}.product-faq h2{font-size:clamp(30px,3.5vw,44px);line-height:1.13}.faq-intro>p:not(.eyebrow){font-size:13px;margin:25px 0 0}.faq-list{border-top:1px solid var(--line)}.faq-list details{padding:0;border-bottom:1px solid var(--line);max-width:none}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:13px;line-height:1.7;font-weight:450;padding:23px 0;cursor:pointer;color:#dedfee}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#a89ac8;font-size:21px;font-weight:300;flex:none}.faq-list details[open] summary:after{content:'−'}.faq-copy{padding:0 30px 22px 0}.faq-copy p{font-size:12px;line-height:1.9;margin:0;color:#a4aec4}.faq-copy a,.policy-document a,.legal-body a{color:#c4b0ff;text-decoration:underline;text-underline-offset:3px}.legacy-content .product-faq{padding-block:85px}
.legacy-content .hero{background:radial-gradient(ellipse at 50% 0,#443a6426,transparent 65%),#0c0f18}.legacy-content .hero-title{font-size:clamp(38px,5vw,68px)}.legacy-content .gradient-text,.legacy-content .feature-number,.legacy-content .step-number-badge,.legacy-content .step-time,.legacy-content .popular-badge{color:#b6a6ef}.legacy-content .hero-subtitle{color:#a7b1c6}.legacy-content .product-badge{color:#b9b4cc;background:#ffffff08;border:1px solid var(--line);border-radius:7px}.legacy-content .step-card-enhanced,.legacy-content .pricing-card{background:#111520;border-color:var(--line);border-radius:20px}.legacy-content .feature-list,.legacy-content .pricing-features,.legacy-content .period{color:#a5adbf}.legacy-content .pricing-features svg{color:#b6a1ed}.legacy-content .feature-showcase-image{border:1px solid var(--line);border-radius:17px;overflow:hidden}.legacy-content .feature-showcase-image img{border-radius:0}.legacy-content .cta{background:radial-gradient(ellipse,#38294c44,transparent 80%),#121521;border-block:1px solid var(--line)}.legacy-content .cta h2{color:#f3f1fc}.legacy-content .cta p{color:#aeb5cd}.legacy-content .btn-white{background:#eeedf6;color:#161420}.legacy-content .screenshot-placeholder{background:#121723;border-color:var(--line)}.legacy-content .screenshot-placeholder h3{color:#e8e6f5}.legacy-content .pricing-description{color:#a7b1c7}.legacy-content .faq-answer{color:#a7b1c7}
.help-search,.contact-layout form,.legal-index{background:#111520;border-color:var(--line);border-radius:18px}.help-search input,.contact-layout input,.contact-layout select,.contact-layout textarea{background:#0a0e18;color:#edeefa;border:1px solid #ffffff25;border-radius:9px}.help-search input::placeholder,.contact-layout input::placeholder,.contact-layout textarea::placeholder{color:#8490a9}.help-filters button{background:#ffffff05;border-color:var(--line);color:#a9b4cb}.help-filters button[aria-pressed=true]{background:#312847;border-color:#665b88;color:#ece6ff}.help-article{border-color:var(--line)}.help-article p,.legal-body p,.legal-body li{color:#a5afc5}.help-article summary{color:#e0e2f0}.help-results,.form-note,.form-status,.story-photo span,.legal-index a{color:#a2adc4}.contact-layout label{color:#d1d6e6}.legal-index a:hover{color:#e9e0ff}.policy-document{max-width:820px}.policy-document h1{font-size:clamp(32px,4vw,48px);line-height:1.2}.policy-document h2{font-size:23px;letter-spacing:-.02em;margin-top:38px}.policy-document p{font-size:14px;line-height:1.9}.policy-document strong{color:#d7dbea}
.reveal-in{animation:studio-reveal .6s ease both}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes gallery-appear{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-reveal{from{opacity:.6;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.platform-tile:hover{transform:translateY(-4px)}.resource-sheet{transition:transform .5s}.digital-showcase:hover .sheet-front{transform:translate(48px,12px) rotate(12deg)}.digital-showcase:hover .sheet-back{transform:translate(-65px,-12px) rotate(-15deg)}}
@media(max-width:1100px){.portfolio-caption{padding:35px 0 35px 30px}.portfolio-visual{padding:25px}.portfolio-caption h2{font-size:35px}.points-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.points-pack.entry-pack{grid-column:auto}.hero{gap:38px}.app-card.published-feature{gap:35px;padding:32px}.wide-feature{gap:32px}.product-faq{gap:45px}.gallery-mobile .device-frame{width:198px}.gallery-mobile .gallery-stage{min-height:445px}.gallery-peek{width:130px!important}.peek-before{left:calc(50% - 197px)}.peek-after{right:calc(50% - 197px)}}
@media(max-width:900px){.shell,.legacy-content .container{width:calc(100% - 48px)}.nav nav{background:#111520;top:100%;left:-24px;right:-24px;border-color:var(--line);padding:18px 24px}.menu-toggle{border-color:#ffffff30;background:#ffffff08;color:#e5e6f3;border-radius:9px}.studio-intro{padding:80px 0 60px}.studio-intro h1{font-size:clamp(52px,8vw,80px)}.portfolio-product{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.portfolio-caption h2{font-size:30px}.portfolio-visual{padding:20px}.gallery-caption{font-size:10px;gap:9px}.gallery-controls{gap:5px}.gallery-controls .gallery-dot{width:25px;min-width:25px}.gallery-controls button{width:34px;min-width:34px;height:36px}.gallery-controls .gallery-play{min-width:49px;padding-inline:8px}.digital-showcase{gap:30px}.digital-art{min-height:335px}.resource-sheet{width:200px;height:260px}.sheet-front svg{height:105px;margin:20px 0}.hero{grid-template-columns:1fr 1fr;gap:25px}.vroomate-hero h1{font-size:40px}.app-hero-gallery{padding:15px}.app-hero-gallery .gallery-mobile .device-frame{width:185px}.app-hero-gallery .gallery-mobile .gallery-stage{min-height:430px}.wide-feature{padding:30px}.app-screen-collection{gap:25px;padding:25px}.app-screen-collection figcaption{gap:8px}.app-screen-collection h3{font-size:14px}.points-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-pack.entry-pack{grid-column:1/-1}.product-faq{grid-template-columns:1fr 1.4fr;gap:35px}}
@media(max-width:700px){.shell,.legacy-content .container{width:calc(100% - 36px)}.section{padding-block:60px}.nav{min-height:76px}.nav nav{left:-18px;right:-18px}.wordmark{font-size:23px}.brand-logo{width:36px;height:36px}.studio-intro{padding:62px 0 48px}.studio-intro h1{font-size:clamp(43px,8vw,57px);letter-spacing:-.06em}.studio-intro>p{font-size:14px!important;max-width:460px!important}.studio-intro .actions{gap:10px}.studio-intro .button{font-size:11px;padding:12px 16px;gap:10px}.hero-platforms{gap:18px;margin-top:33px}.hero-platforms a{font-size:10px;gap:6px}.hero-platforms img{width:17px;height:17px}.portfolio-product{grid-template-columns:1fr;border-radius:20px}.portfolio-caption{padding:30px 27px 8px}.portfolio-caption h2{font-size:36px}.portfolio-caption>p:not(.eyebrow){max-width:500px}.portfolio-caption .eyebrow{margin-top:26px}.portfolio-visual{padding:28px 25px}.portfolio-caption .button{width:100%;justify-content:space-between}.portfolio-caption>.text-link{font-size:11px;margin-top:17px}.gallery-caption{font-size:11px;margin-top:18px}.gallery-mobile .gallery-stage{min-height:470px}.gallery-mobile .device-frame{width:209px}.gallery-controls button{min-width:38px;width:38px;height:40px}.gallery-controls .gallery-dot{width:28px;min-width:28px}.gallery-controls .gallery-play{min-width:56px;font-size:11px}.gallery-peek{width:129px!important}.peek-before{left:calc(50% - 186px)}.peek-after{right:calc(50% - 186px)}.digital-showcase{grid-template-columns:1fr;gap:0}.digital-showcase h2{font-size:36px}.digital-art{min-height:335px;overflow:hidden}.resource-sheet{width:205px;height:270px}.platform-grid{grid-template-columns:1fr 1fr;gap:13px}.platform-tile{padding:24px 17px}.platform-tile h3{font-size:20px}.platform-status{font-size:10px}.dark-section{padding:60px 0}.principle-grid{gap:36px}.page-intro{padding-top:52px}.page-intro h1{font-size:42px}.hero{grid-template-columns:1fr;padding-block:45px;gap:30px}.vroomate-hero h1{font-size:44px}.app-hero-gallery{width:100%;max-width:470px;padding:23px;margin:auto}.app-hero-gallery .gallery-mobile .device-frame{width:210px}.app-hero-gallery .gallery-mobile .gallery-stage{min-height:475px}.app-screen-collection{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:26px;scroll-padding:26px}.app-screen-collection figure{flex:0 0 75%;max-width:240px;scroll-snap-align:start}.screen-frame{border-width:5px}.app-screen-collection figcaption{padding-top:20px}.app-screen-collection h3{font-size:16px}.starter-options{grid-template-columns:1fr;gap:17px}.trial-offer,.welcome-offer{padding:28px}.trial-offer h3,.welcome-offer h3{font-size:29px}.points-pack-grid{gap:13px}.points-pack,.points-pack:last-child{padding:22px 18px}.points-pack.entry-pack{grid-column:1/-1}.points-pack h3{font-size:27px}.points-pack .pack-price{font-size:30px}.points-pack ul{font-size:11px}.points-pack .pack-status{font-size:9px}.recharge-heading h3{font-size:25px}.product-faq{grid-template-columns:1fr;gap:30px}.faq-intro>p:not(.eyebrow){margin-top:20px}.faq-intro .text-link{margin-top:12px}.faq-list summary{font-size:13px}.product-directory-grid{grid-template-columns:1fr}.app-card.published-feature{grid-template-columns:1fr;padding:27px;gap:24px}.wide-feature{grid-template-columns:1fr;padding:27px;gap:20px}.directory-phone-gallery{padding:0}.legacy-content .product-faq{padding-block:60px}.legacy-content .hero-title{font-size:40px}.legacy-content .feature-showcase-item{gap:25px}.product-tour{margin-top:38px!important}.product-tour .gallery-caption{font-size:11px}.story-photo img{width:100%}.footer-grid{gap:28px}.site-footer{padding-top:45px}.policy-document{padding-top:40px}}
@media(max-width:380px){.shell,.legacy-content .container{width:calc(100% - 28px)}.nav nav{left:-14px;right:-14px}.studio-intro h1{font-size:41px}.hero-platforms{gap:12px}.hero-platforms a{font-size:9px}.hero-platforms img{width:16px;height:16px}.portfolio-caption{padding:27px 22px 5px}.portfolio-caption h2{font-size:33px}.portfolio-visual{padding:24px 19px}.gallery-controls{gap:3px}.gallery-controls button{min-width:34px;width:34px;height:38px}.gallery-controls .gallery-dot{width:24px;min-width:24px}.gallery-controls .gallery-play{min-width:50px;font-size:10px}.gallery-mobile .device-frame{width:190px}.gallery-mobile .gallery-stage{min-height:435px}.platform-grid{grid-template-columns:1fr}.points-pack-grid{grid-template-columns:1fr}.points-pack.entry-pack{grid-column:auto}.points-pack h3 span{display:inline;margin-left:4px}.points-pack ul{font-size:12px}.product-faq h2{font-size:33px}.app-hero-gallery{padding:17px}.app-hero-gallery .gallery-mobile .device-frame{width:194px}.app-hero-gallery .gallery-mobile .gallery-stage{min-height:440px}.vroomate-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-progress{display:none}}

.founder-credentials{color:#b5b9ce}.contact-email{color:#c4b0ff}.help-topics .chip{background:#ffffff05;border-color:var(--line);color:#b6bfd3}.help-topics .chip[aria-pressed=true]{background:#322a49;border-color:#6d5d8f;color:#eee8ff}
.concept-board{max-width:940px!important;border:1px solid #ffffff29;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#1b2032,#0f1523);box-shadow:0 22px 75px #0004;transform:perspective(1600px) rotateX(4deg)}.concept-toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 24px;color:#c2c3da;font-size:12px}.concept-toolbar>span:last-child{margin-left:auto;color:#7f86a0}.concept-dot{width:9px;height:9px;border-radius:3px;background:#baabf7;box-shadow:0 0 20px #ac8aff5c}.concept-layout{display:grid;grid-template-columns:150px 1fr;min-height:300px}.concept-sidebar{border-right:1px solid var(--line);padding:33px 20px}.concept-sidebar i{display:block;background:#ffffff0b;width:75%;height:7px;border-radius:4px;margin-bottom:27px}.concept-sidebar i:first-child{width:100%;background:#b6a1ff36}.concept-panels{padding:30px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.concept-panel{border:1px solid var(--line);border-radius:12px;padding:22px;background:#ffffff02;min-width:0}.concept-panel>span{display:block;font-size:11px;color:#a8b3ca;text-align:left}.concept-chart{height:170px;display:flex;align-items:end;gap:12px;padding-top:30px;border-bottom:1px solid #ffffff19}.concept-chart i{flex:1;height:45%;border:1px solid #c5afff24;border-radius:5px 5px 0 0;background:linear-gradient(#b5a4ff77,#7765c329)}.concept-chart i:nth-child(2){height:64%}.concept-chart i:nth-child(3){height:48%}.concept-chart i:nth-child(4){height:88%}.concept-chart i:nth-child(5){height:70%}.concept-chart i:nth-child(6){height:95%}.concept-chart i:nth-child(7){height:80%}.concept-list i{height:23px;display:block;background:linear-gradient(90deg,#8aa1c22c,#ffffff05);border-radius:5px;margin-top:22px}.concept-list i:nth-child(3){width:75%}.concept-list i:nth-child(4){width:85%}.planned-product .feature-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.planned-product .feature-showcase-item{display:block;background:#111520;border:1px solid var(--line);padding:30px;border-radius:18px}.planned-product .feature-showcase-image{display:none}.planned-product .feature-showcase-item h3{font-size:24px}.planned-product .feature-showcase-item p{font-size:13px}.planned-product .feature-list{font-size:12px}
@media(max-width:900px){.planned-product .feature-showcase-grid{grid-template-columns:1fr}.concept-layout{grid-template-columns:85px 1fr}.concept-panels{padding:22px;gap:16px}.concept-sidebar{padding:28px 15px}}
@media(max-width:600px){.concept-layout{grid-template-columns:45px 1fr;min-height:235px}.concept-sidebar{padding:25px 10px}.concept-panels{padding:17px;grid-template-columns:1fr;gap:12px}.concept-list{display:none}.concept-chart{height:130px;gap:8px}.concept-panel{padding:17px}.concept-toolbar{padding:14px 18px}.concept-board{transform:none}}

.platform-icon[src$="apple.svg"],.platform-filters img[src$="apple.svg"]{filter:brightness(0) invert(.9)}

/* About: compact product introduction, then the founder, without stacked spacers. */
.about-intro{padding:64px 0 38px}.about-intro h1{font-size:clamp(40px,5vw,64px);max-width:1000px;line-height:1.08}.about-intro>p:last-child{max-width:730px;font-size:15px;margin-bottom:0}.about-overview{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:30px 48px}.about-overview h2{font-size:34px}.about-overview p{font-size:13px}.about-overview>div>p:last-child{margin-bottom:0}.about-products{display:grid;gap:12px}.about-products>a{display:flex;align-items:center;gap:17px;padding:19px 21px;background:#111520;border:1px solid var(--line);border-radius:14px}.about-products>a>span:last-child{margin-left:auto;color:#b8a8ee}.about-products .app-monogram,.about-products .app-icon{width:43px;height:43px;flex:none;font-size:17px}.about-products h3{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}.about-products p{font-size:11px;margin:0;color:#9da8c0}.about-founder{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:65px;align-items:center;border-top:1px solid var(--line);padding-block:48px}.about-founder .story-photo{max-width:330px}.about-founder .story-photo img{aspect-ratio:4/4.4}.about-founder h2{font-size:36px;margin-bottom:18px}.about-founder p{font-size:13px}.about-founder .eyebrow{font-size:11px}.about-founder .founder-credentials{margin-bottom:20px}.about-closing{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:36px 52px;border-top:1px solid var(--line)}.about-closing h2{font-size:33px;margin-bottom:0}.about-closing .eyebrow{margin-bottom:15px}
@media(max-width:900px){.about-overview{gap:35px}.about-founder{gap:35px}.about-founder h2{font-size:31px}.about-overview h2{font-size:30px}}
@media(max-width:700px){.about-intro{padding:42px 0 24px}.about-intro h1{font-size:40px}.about-intro>p:last-child{font-size:14px}.about-overview{grid-template-columns:1fr;gap:25px;padding-block:20px 32px}.about-founder{grid-template-columns:1fr;gap:25px;padding-block:32px}.about-founder .story-photo{max-width:280px;width:100%}.about-founder h2{font-size:31px}.about-closing{padding-block:28px 38px;align-items:flex-start;flex-direction:column;gap:22px}.about-closing h2{font-size:30px}.about-products>a{padding:17px}.about-products p{font-size:11px}}

.about-principles{padding-top:20px;padding-bottom:32px}.about-principles>div:first-child{max-width:780px}.about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.about-principles-grid article{padding:22px;border:1px solid var(--line,#292c3a);border-radius:18px;background:rgba(255,255,255,.025)}.about-principles-grid h3{margin:0 0 10px}.about-principles-grid p{margin:0;overflow-wrap:anywhere}.about-principles-grid a{color:inherit;text-decoration:underline}@media(max-width:700px){.about-principles{padding-top:12px;padding-bottom:20px}.about-principles-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.about-principles-grid article{padding:18px}}

/* VrooMate starter offers and compact regular recharge presentation. */
.starter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-recharges{grid-template-columns:repeat(2,minmax(0,1fr))}.more-recharges{margin:20px 0 44px}.more-recharges>summary{cursor:pointer;list-style:none;display:inline-block;border:1px solid var(--line);border-radius:999px;padding:14px 24px;font-weight:600}.more-recharges>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.more-recharges[open]>summary{margin-bottom:20px}.more-recharges .points-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.starter-options{grid-template-columns:1fr}.entry-recharges,.more-recharges .points-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.entry-recharges,.more-recharges .points-pack-grid{grid-template-columns:1fr}}

/* Current VrooMate catalog: three regular recharges. */
.current-recharges{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.current-recharges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.current-recharges{grid-template-columns:1fr}}

.starter-options.current-starters{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.starter-options.current-starters{grid-template-columns:1fr}}