/* Mini-App.pro · Tiffany / black · 0.3.0. Presentation only: all landing sections remain. */
body.miniapp-site-page{background:#fff}
.ma-site,.ma-site .ma-content{
 --ma-ink:#111112;--ma-deep:#080809;--ma-primary:#00cfc0;--ma-soft:#e8faf7;--ma-paper:#fff;--ma-muted:#66666b;--ma-line:#e7e7ea;--ma-accent:#ff685e;
 --deep:#080809;--deep2:#202023;--primary:#00cfc0;--primary-d:#007b74;--soft:#e8faf7;--amber:#ff685e;--amber-d:#f45149;--green:#008479;
 --paper:#f6f6f7;--white:#fff;--ink:#111112;--ink2:#303035;--muted:#66666b;--mut:#66666b;--line:#e7e7ea;--warn:#ba463e;
 --bg:#f6f6f7;--accent:#00cfc0;--accent-d:#007b74;--hot:#ff685e;--star:#c87523;--shadow:0 12px 34px #0000000a;
 --grad:linear-gradient(150deg,#252527,#0b0b0c);--gsale:linear-gradient(150deg,#252527,#0b0b0c);--cta:#ff685e;
 --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 color:#111112;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ma-site h1,.ma-site h2,.ma-site h3,.ma-site h4,.ma-native .ma-theme-demand .ma-content h1,.ma-native .ma-theme-demand .ma-content h2,.ma-native .ma-theme-demand .ma-content h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em;font-weight:600;color:#111112}
.ma-site :focus-visible{outline:3px solid #007b74;outline-offset:4px}
.ma-site .ma-content section{scroll-margin-top:92px}
.ma-site .ma-content .wrap{max-width:1240px;padding-inline:36px}
.ma-site .ma-content .sec-head{max-width:870px;margin-bottom:40px}
.ma-site .ma-content .sec-head.center{margin-inline:auto}
.ma-site .ma-content .sec-head h2,.ma-site .ma-section h2{font-size:clamp(30px,3.3vw,46px);line-height:1.1;letter-spacing:-.045em}
.ma-site .ma-content .eyebrow,.ma-site .eyebrow{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;color:#626268}
.ma-site .ma-content .sec-head p{color:#66666b;font-size:17px;line-height:1.65}
.ma-site .ma-content .hero,.ma-site .ma-content .hero.sale{background:#fff}
.ma-site .ma-content .hero .blob,.ma-site .ma-content .final .blob{display:none}
.ma-site .ma-content .hero h1,.ma-site .ma-page-hero h1{font-weight:600;letter-spacing:-.052em;line-height:1.07;color:#080809}
.ma-site .ma-content .hero h1 em,.ma-site .ma-page-hero h1 em{color:#080809;font-style:normal}
.ma-site .ma-content .hero p.lead{color:#66666b;line-height:1.65}
.ma-site .ma-content .btn,.ma-site .ma-button{border-radius:9px;box-shadow:none;font-family:Inter,sans-serif;font-weight:600;transition:background .18s,transform .18s}
.ma-site .ma-content .btn-primary,.ma-site .ma-content .pick,.ma-site .ma-content .sp-cta,.ma-site .ma-button,.ma-native .ma-content .ma-contact-form .ma-button{background:#00cfc0;border-color:#00cfc0;color:#081a18!important;box-shadow:none}
.ma-site .ma-content .btn-primary:hover,.ma-site .ma-button:hover,.ma-site .ma-content .pick:hover,.ma-site .ma-content .sp-cta:hover{background:#00bcae;border-color:#00bcae;box-shadow:none}
.ma-site .ma-content .btn-amber,.ma-site .ma-content .btn.primary,.ma-site .ma-content .cat-cta-btn{background:#ff685e;color:#170c0b;border-color:#ff685e;box-shadow:none}
.ma-site .ma-content .btn-amber:hover,.ma-site .ma-content .btn.primary:hover,.ma-site .ma-content .cat-cta-btn:hover{background:#ff7d74;box-shadow:none}
.ma-site .ma-content .btn-ghost,.ma-site .ma-content .btn.ghost,.ma-site .ma-button-outline{background:transparent;color:#111112!important;border:1px solid #d7d7db}
.ma-site .ma-content .btn-ghost:hover,.ma-site .ma-button-outline:hover{border-color:#111112;background:#f6f6f7}
.ma-site .ma-content .sbtn{width:48px;height:48px;background:#f3f3f5;color:#111112;box-shadow:none;border:1px solid #e7e7ea;font-size:27px}
.ma-site .ma-content .sbtn:hover{background:#00cfc0;border-color:#00cfc0;transform:none;box-shadow:none}
.ma-site .ma-content .tg,.ma-site .ma-content .tag:not(.tag-red){color:#007b74;background:#e8faf7}
.ma-site .ma-content .slide,.ma-site .ma-content .mcatcard,.ma-site .ma-category,.ma-site .ma-tariff,.ma-site .ma-card,.ma-site .ma-contact-form{border-color:#e7e7ea;box-shadow:none}
.ma-site .ma-content .slide{border-radius:16px;clip-path:inset(0 round 16px)}
.ma-site .ma-content .slide .cap{font-family:Inter,sans-serif;font-weight:700;color:#fff}
.ma-site .ma-content .pick{font-family:Inter,sans-serif;border-radius:9px}
.ma-site .ma-content .mcatcard:hover{border-color:#00cfc0;box-shadow:0 8px 25px #00000008}
.ma-site .ma-content .mcgo,.ma-site .ma-link,.ma-site .ma-text-link{color:#007b74}
.ma-site .ma-content .bvsb,.ma-site .ma-content .partner,.ma-site .ma-content .whyneed,.ma-site .ma-content .price,.ma-site .ma-content .tscr,.ma-site .ma-pricing{background:#f6f6f7}
.ma-site .ma-content .bsave,.ma-site .ma-content .sp-top{background:#fff;border-color:#e7e7ea;box-shadow:none}
.ma-site .ma-content .callout,.ma-site .ma-content .gift{background:#f0faf8;border-color:#d2ebe7;box-shadow:none}
.ma-site .ma-content .gift-ic,.ma-site .ma-content .gift .gi{background:#00cfc0;color:#111112}
.ma-site .ma-content .bundle{background:#00cfc0;color:#111112;box-shadow:none}
.ma-site .ma-content .bundle *{color:inherit}
.ma-site .ma-content .ptable thead th,.ma-site .ma-content .ptable thead th:nth-child(3){background:#111112;color:#fff}
.ma-site .ma-content .ma-start-row{background:#e8faf7}
.ma-site .ma-content .ptable .btn{border-radius:7px}
.ma-site .ma-content .steps:not(.ma-theme-demand .steps){background:#111112}
.ma-site.ma-theme-demand .ma-content .steps{background:transparent}
.ma-site .ma-content .steps h2,.ma-site .ma-content .steps h3{color:#fff}
.ma-site.ma-theme-demand .ma-content .steps h3{color:#111112}
.ma-site .ma-content .steps .eyebrow{color:#00cfc0}
.ma-site .ma-content .steps .sec-head p{color:#c8c8cd}
.ma-site .ma-content .turn{background:#111112;color:#fff}
.ma-site .ma-content .turn h2,.ma-site .ma-content .turn h2 em{color:#fff}
.ma-site .ma-content .turn .eyebrow{color:#00cfc0}
.ma-site .ma-content .turn p{color:#d3d3d8}
.ma-site .ma-content .cat-cta,.ma-site .ma-content .wn-you,.ma-site .ma-content .atr-new{background:#111112;color:#fff}
.ma-site .ma-content .wn-you h3,.ma-site .ma-content .atr-new h3{color:#fff}
.ma-site .ma-content .cat-cta b{color:#fff}
.ma-site .ma-content .final{background:#f5f5f7;color:#111112;border-top:1px solid #e7e7ea}
.ma-site .ma-content .final h2{color:#111112}
.ma-site .ma-content .final p{color:#66666b}
.ma-site .ma-content .final .btn-primary,.ma-site .ma-content .final .btn-amber{background:#ff685e;border-color:#ff685e;color:#170c0b;box-shadow:none}
.ma-site .ma-content .final .btn-ghost{color:#111112;border-color:#d7d7db}
.ma-site .ma-content .final .eyebrow{color:#66666b}
.ma-site .ma-content .sp-chan-sw button.on,.ma-site .ma-content .sp-per-sw button.on{background:#e8faf7;color:#111112;border-color:#00cfc0}
.ma-site .ma-content .sp-badge{background:#e8faf7;color:#007b74}
.ma-site .ma-content .winbar,.ma-site .ma-content .chat-body{background:#f4f4f6}
.ma-site .ma-content .chat-top .av,.ma-site .ma-content .bp-logo,.ma-site .ma-content .bp-banner.tealb{background:#00cfc0;color:#111112}
.ma-site .ma-content .bp-banner{background:#ff685e}
.ma-site .ma-content .chan.tg,.ma-site .ma-content .stt.new{background:#e8faf7;color:#007b74}
.ma-site .ma-content .chan.mx,.ma-site .ma-content .stt.pack{background:#fff0ee;color:#9a3932}
.ma-site .ma-content .win-shot{background:#f4f4f6}
.ma-site .ma-content .brand-cost{background:#fff4f2;border-color:#f1dfdc}
.ma-site .ma-content .srow.s-good .fill{background:#00cfc0}
.ma-site .ma-content .srow.s-bad .fill{background:#ff685e}
.ma-site .ma-content .bsave .badge3,.ma-site .ma-content .bundle .badge2{background:#ff685e;color:#170c0b;font-family:Inter,sans-serif}
.ma-site .ma-content .sp-price,.ma-site .ma-content .sp-card b,.ma-site .ma-checkout-total strong{font-family:Inter,sans-serif}
.ma-site .ma-header{background:rgba(255,255,255,.96);border-color:#eeeeef;backdrop-filter:blur(20px)}
.ma-site .ma-header-inner{max-width:1360px;min-height:80px}
.ma-site .ma-logo img{width:40px;height:40px;border-radius:0}
.ma-site .ma-logo .ma-wordmark{font-family:Inter,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1.2px;color:#111112}
.ma-site .ma-logo .ma-wordmark>span{color:inherit;font-weight:500}
.ma-site .ma-nav{font-size:13px;font-weight:500;gap:25px}
.ma-site .ma-nav a{color:#515155}
.ma-site .ma-nav a:hover,.ma-site .ma-nav a[aria-current]{color:#111112}
.ma-site .ma-nav a[aria-current]{box-shadow:inset 0 -2px #00cfc0}
.ma-site .ma-nav .ma-nav-contact{border:0;border-radius:8px;background:#00cfc0;padding:11px 18px;color:#081a18}
.ma-site .ma-footer{background:#09090a;color:#fff;padding-top:68px}
.ma-site .ma-footer .ma-logo .ma-wordmark,.ma-site .ma-footer .ma-logo .ma-wordmark>span{color:#fff}
.ma-site .ma-footer nav h2{font-size:13px;color:#fff;font-weight:600;letter-spacing:0;text-transform:none}
.ma-site .ma-footer nav a,.ma-site .ma-footer-brand>a:not(.ma-logo){color:#e6e6e9;line-height:1.7}
.ma-site .ma-footer nav a:hover,.ma-site .ma-footer-brand>a:hover{color:#00cfc0}
.ma-site .ma-footer-bottom{color:#b8b8bf;border-color:#ffffff22}
.ma-site .ma-footer .ma-footer-brand p{color:#fff;font-size:19px;letter-spacing:-.025em}
.ma-site .ma-cookie{color:#111112;border-color:#e7e7ea;box-shadow:0 12px 40px #00000014;border-radius:14px}
.ma-site .ma-cookie a,.ma-site .ma-check a,.ma-site .ma-legal a{color:#007b74}
.ma-site .ma-cookie button{color:#111112;border-color:#d7d7db}
.ma-site .ma-cookie .ma-cookie-accept{background:#00cfc0;color:#081a18;border-color:#00cfc0}
.ma-site .ma-contact-form input:not([type=checkbox]),.ma-site .ma-contact-form textarea,.ma-site .ma-quote-form input,.ma-site .ma-quote-form select,.ma-site [data-payment-form] input[type=email]{background:#fafafa;color:#111112;border-color:#dedee2}
.ma-site .ma-check input{accent-color:#007b74}
.ma-site .ma-page-hero{background:#fff}
.ma-site .ma-article-card,.ma-site .ma-article,.ma-site .ma-calculator{border-color:#e7e7ea}

/* Four original photographic iPhone shells. Displays follow their exact perspective. */
.ma-site .ma-content .ma-shop-hero{padding:42px 0 36px;overflow:hidden}
.ma-site .ma-content .ma-shop-hero .hero-grid{max-width:1360px;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:0;align-items:center}
.ma-site .ma-content .ma-shop-hero .ma-hero-copy{position:relative;z-index:2;padding:0 0 40px 10px}
.ma-site .ma-content .ma-shop-hero .eyebrow{font-size:13px;letter-spacing:0;text-transform:none;color:#76767b;margin-bottom:22px}
.ma-site .ma-content .ma-shop-hero h1{font-size:clamp(40px,3.8vw,52px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0 0 30px;max-width:600px;text-wrap:balance}
.ma-site .ma-content .ma-shop-hero h1 span{display:block;text-wrap:balance}
.ma-site .ma-content .ma-shop-hero .hero-cta{gap:12px;margin:0 0 35px;align-items:center}
.ma-site .ma-content .ma-shop-hero .hero-cta .btn{font-size:13px;min-height:48px;padding:14px 19px}
.ma-site .ma-content .ma-shop-hero .hero-cta .btn-primary{background:#ff685e;border-color:#ff685e;color:#170c0b!important}
.ma-site .ma-content .ma-shop-hero .hero-cta .btn-ghost{border:0;background:transparent;padding-inline:8px;color:#007b74!important}
.ma-site .ma-content .ma-shop-hero p.lead{font-size:15px;line-height:1.7;max-width:465px;margin:0 0 22px}
.ma-site .ma-content .ma-shop-hero .trust{font-size:11px;gap:12px;max-width:480px;color:#76767b}
.ma-site .ma-content .ma-shop-hero .trust b{color:#303035;font-weight:600}
.ma-hero-devices{width:100%;min-width:0}
.ma-device-showcase{position:relative;align-self:center;min-width:0;margin-right:-42px;margin-left:-12px}
.ma-phone-scene{position:relative;width:100%;aspect-ratio:1100/920;--ma-phone-scale:.63}
.ma-phone-canvas{width:1100px;height:920px;position:absolute;left:0;top:0;transform:scale(var(--ma-phone-scale));transform-origin:0 0;pointer-events:none}
.ma-show-phone{position:absolute;width:638px;height:710px;isolation:isolate}
.ma-show-atelier{left:-140px;top:137px;z-index:3}
.ma-show-login{left:17px;top:37px;z-index:1}
.ma-show-beauty{left:274px;top:187px;z-index:4}
.ma-show-zoo{left:424px;top:154px;z-index:2}
.ma-site .ma-phone-shell{position:absolute;top:0;left:0;width:auto;max-width:none;height:auto;display:block}
.ma-phone-display{position:absolute;left:0;top:0;width:390px;height:900px;transform-origin:0 0;overflow:hidden;border-radius:42px;background:#fff;backface-visibility:hidden}
.ma-display-1{transform:matrix3d(.387382361,-.2093153,0,-.000101437025,0,.485555556,0,0,0,0,1,0,284,97,0,1)}
.ma-display-2{transform:matrix3d(.407603687,.209896018,0,-.0000295403521,0,.476666667,0,0,0,0,1,0,273,16,0,1)}
.ma-display-3{transform:matrix3d(0.435335441,0.21257464,0,2.34164618e-05,0,0.491111111,0,0,0,0,1,0,248,17,0,1)}
.ma-display-4{transform:matrix3d(.389823897,-.209137842,0,-.0000803074629,0,.481111111,0,0,0,0,1,0,280,99,0,1)}
.ma-phone-display::after{content:"";position:absolute;z-index:20;top:0;left:87px;width:216px;height:38px;background:#080809;border-radius:0 0 20px 20px;box-shadow:inset 0 -1px 1px #444}
.ma-phone-display::before{content:"";position:absolute;z-index:21;top:12px;left:158px;width:64px;height:6px;background:#25252a;border-radius:8px}
.ma-app-screen{position:relative;display:flex;flex-direction:column;width:390px;height:900px;overflow:hidden;background:#fff;color:#111;font:16px/1.4 Inter,sans-serif;letter-spacing:0}
.ma-app-screen *{box-sizing:border-box}
.ma-app-status{height:54px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:9px 27px 0;font:600 17px/1 Inter,sans-serif;background:#fff;color:#111}
.ma-app-top{display:flex;align-items:center;justify-content:space-between;height:72px;flex:none;padding:0 25px;border-bottom:1px solid #ededed;background:#fff}
.ma-app-top>b{font:600 29px/1 Inter,sans-serif;letter-spacing:.12em;color:#111}
.ma-app-top>span{font-size:26px;letter-spacing:0;color:#111}
.ma-app-top b>span{font-size:24px;margin-left:7px;letter-spacing:0}
.ma-atelier-banner{position:relative;height:290px;flex:none;background:#ece6db;overflow:hidden}
.ma-site .ma-atelier-video{position:absolute;top:0;left:0;width:100%;height:220px;object-fit:contain;background:#e7e1d7}
.ma-atelier-caption{position:absolute;inset:auto 0 0;padding:10px 22px 13px;background:#f3eee6;display:flex;flex-direction:column;gap:5px;color:#111}
.ma-atelier-caption span{font-size:11px;letter-spacing:.17em}
.ma-atelier-caption strong{font-size:20px;font-weight:500;letter-spacing:-.025em}
.ma-app-category{padding:19px 20px;display:flex;gap:9px;justify-content:space-between;flex:none;font-size:14px}
.ma-app-category>span{padding:7px 12px;background:#f4f4f4;border-radius:20px;white-space:nowrap}
.ma-app-category>span.is-on{background:#111;color:#fff}
.ma-app-section-title{font-size:22px;font-weight:600;letter-spacing:-.035em;display:flex;align-items:center;justify-content:space-between;margin:4px 22px 16px}
.ma-app-section-title>span{font-size:13px;letter-spacing:0;font-weight:400}
.ma-app-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px}
.ma-site .ma-app-products img{width:100%;height:153px;object-fit:cover;border-radius:9px;display:block}
.ma-app-products small{display:block;font-size:10px;letter-spacing:.1em;color:#777;margin-top:8px}
.ma-app-products b{font-size:12px;line-height:1.3;display:block;font-weight:500;color:#111;margin-top:4px}
.ma-atelier-note,.ma-beauty-note{padding:15px 20px;font-size:15px;letter-spacing:-.02em}
.ma-app-tabs{position:absolute;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;border-top:1px solid #ededed;padding:10px 8px 28px;flex:none}
.ma-app-tabs>span{font-size:28px;line-height:1;text-align:center;display:block;color:#4e4e52}
.ma-app-tabs>span:first-child{color:#111}
.ma-app-tabs small{display:block;font-size:10px;margin-top:6px}
.ma-app-beauty .ma-app-top>b{letter-spacing:.08em}
.ma-app-beauty .ma-app-top b>span{color:#cf5577}
.ma-beauty-banner{height:295px;position:relative;flex:none;overflow:hidden;background:#cf5577}
.ma-site .ma-beauty-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.ma-beauty-banner>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:20px;color:#fff;background:linear-gradient(transparent 10%,#0009)}
.ma-beauty-banner strong{font-size:27px;line-height:1.1;letter-spacing:-.03em;font-weight:500}
.ma-beauty-banner div>span{font-size:10px;letter-spacing:.16em;color:#fff}
.ma-beauty-banner small{font-size:13px;color:#fff}
.ma-app-beauty .ma-app-category .is-on{background:#be406b;color:#fff}
.ma-app-beauty .ma-app-products img{height:155px;object-fit:contain;background:#f8f5f6}
.ma-beauty-note{color:#9e3b59}
.ma-app-zoo{background:#fffef9}
.ma-app-zoo .ma-app-top>b{letter-spacing:-.035em;color:#18554c}
.ma-app-zoo .ma-app-top b>span{color:#f6ac41}
.ma-zoo-banner{height:300px;position:relative;overflow:hidden;flex:none;background:#dad0f2}
.ma-site .ma-zoo-banner>img{width:100%;height:100%;object-fit:cover;object-position:48% center}
.ma-zoo-banner>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;font-size:30px;font-weight:600;line-height:1.03;background:linear-gradient(transparent 10%,#0008);letter-spacing:-.035em}
.ma-zoo-banner div>span{font-size:12px;font-weight:400;margin-top:10px;letter-spacing:0}
.ma-app-zoo .ma-app-category .is-on{background:#18554c}
.ma-zoo-categories{display:flex;justify-content:space-around;padding:0 20px 20px;gap:10px;font-size:12px;text-align:center}
.ma-zoo-categories>div{flex:1}
.ma-zoo-categories span{display:grid;place-items:center;height:58px;background:#eff5e8;border-radius:13px;color:#18554c;font-size:35px;margin-bottom:6px}
.ma-zoo-club{margin:0 20px 20px;padding:16px;background:#18554c;color:#fff;border-radius:12px;display:flex;flex-direction:column;gap:4px}
.ma-zoo-club b{font-size:20px;letter-spacing:-.03em}
.ma-zoo-club span{font-size:12px}
.ma-zoo-club i{font-style:normal;font-size:12px;margin-top:9px;color:#ffe1a4}
.ma-zoo-note{font-size:14px;color:#6a7065;margin:0 22px}
.ma-app-entry{background:#edeadd}
.ma-app-entry .ma-app-status{background:#edeadd}
.ma-entry-brand{position:relative;z-index:2;padding:40px 24px 26px;font-size:37px;letter-spacing:.14em;font-weight:500;line-height:1}
.ma-entry-brand>span{display:block;font-size:9px;letter-spacing:.12em;margin-top:14px}
.ma-site .ma-entry-picture{width:100%;height:310px;object-fit:cover;object-position:25% 50%;flex:none}
.ma-entry-bottom{padding:25px 25px 30px}
.ma-entry-bottom>strong{font-size:30px;line-height:1.07;font-weight:500;letter-spacing:-.04em;display:block;margin-bottom:20px}
.ma-entry-check{font-size:11px;display:flex;gap:9px;align-items:center;margin:9px 0}
.ma-entry-check>i{font-style:normal;width:18px;height:18px;border:1px solid #777;border-radius:4px;display:grid;place-items:center;flex:none;font-size:13px}
.ma-app-action{margin-top:18px;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:9px;background:#111;color:#fff;font-size:16px;font-weight:500}
.ma-entry-bottom>small{display:block;text-align:center;font-size:12px;margin-top:12px;color:#555}
.ma-video-toggle{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;background:transparent;color:#747479;font:11px/1.5 Inter,sans-serif;padding:7px 10px;border-radius:8px}
.ma-video-toggle>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #d7d7dc;border-radius:50%;font-size:11px}
.ma-video-toggle:hover{color:#111;background:#f6f6f7}
@media(min-width:1450px){.ma-site .ma-content .ma-shop-hero{padding-top:64px;padding-bottom:54px}}
@media(max-width:1150px){
 .ma-phone-scene{--ma-phone-scale:.5}
 .ma-site .ma-nav{gap:15px;font-size:12px}
 .ma-site .ma-content .ma-shop-hero .hero-grid{grid-template-columns:1fr 1fr}
 .ma-site .ma-content .ma-shop-hero h1{font-size:45px}
 .ma-site .ma-content .ma-shop-hero .ma-hero-copy{padding-left:0}
 .ma-device-showcase{margin-right:-50px;margin-left:-30px}
 .ma-site .ma-content .ma-shop-hero .hero-cta{gap:4px}
}
@media(max-width:950px){
 .ma-phone-scene{--ma-phone-scale:.41}
 .ma-site .ma-header-inner{min-height:72px}
 .ma-site .ma-nav{background:#fff;font-size:15px}
 .ma-site .ma-content .ma-shop-hero h1{font-size:38px}
 .ma-site .ma-content .ma-shop-hero p.lead{font-size:14px}
 .ma-site .ma-content .ma-shop-hero .hero-cta{margin-bottom:22px}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn{font-size:12px;padding:12px 15px}
 .ma-site .ma-content .ma-shop-hero .trust{font-size:10px}
 .ma-site .ma-content .ma-shop-hero .eyebrow{font-size:12px}
}
@media(max-width:760px){
 .ma-site .ma-content .wrap{padding-inline:22px}
 .ma-site .ma-content .ma-shop-hero{padding:38px 0 10px}
 .ma-site .ma-content .ma-shop-hero .hero-grid{display:flex;flex-direction:column;gap:0}
 .ma-site .ma-content .ma-shop-hero .ma-hero-copy{width:100%;max-width:560px;padding:0}
 .ma-site .ma-content .ma-shop-hero h1{font-size:clamp(37px,7.1vw,52px);line-height:1.08;margin-bottom:26px}
 .ma-site .ma-content .ma-shop-hero .eyebrow{margin-bottom:18px}
 .ma-site .ma-content .ma-shop-hero .hero-cta{margin-bottom:25px;gap:10px;flex-direction:row;align-items:center}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn{font-size:12px;padding:12px 16px}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn-ghost{padding-inline:0}
 .ma-site .ma-content .ma-shop-hero p.lead{font-size:14px;max-width:520px;margin-bottom:20px}
 .ma-site .ma-content .ma-shop-hero .trust{font-size:10px;gap:10px;max-width:520px}
 .ma-device-showcase{width:calc(100% + 28px);max-width:650px;margin:0 -14px}
 .ma-phone-scene{aspect-ratio:1100/860;--ma-phone-scale:.58}
 .ma-video-toggle{bottom:1%}
 .ma-site .ma-content .sec-head h2,.ma-site .ma-section h2{font-size:33px}
 .ma-site .ma-content .sec-head p{font-size:15px}
 .ma-site .ma-content .sec-head{margin-bottom:30px}
 .ma-site .ma-logo .ma-wordmark{font-size:22px}
 .ma-site .ma-logo img{width:35px;height:35px}
 .ma-site .ma-footer{padding-top:44px}
}
/* No-JavaScript / initial-paint fallbacks; ResizeObserver refines the exact size. */
@media(max-width:600px){.ma-phone-scene{--ma-phone-scale:.47}}
@media(max-width:480px){.ma-phone-scene{--ma-phone-scale:.38}}
@media(max-width:430px){.ma-phone-scene{--ma-phone-scale:.34}}
@media(max-width:380px){
 .ma-phone-scene{--ma-phone-scale:.30}
 .ma-site .ma-content .ma-shop-hero h1{font-size:35px}
 .ma-site .ma-content .ma-shop-hero .hero-cta{gap:5px}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn{font-size:11px;padding-inline:12px}
 .ma-site .ma-content .sec-head h2{font-size:30px}
}
@media(max-width:350px){.ma-phone-scene{--ma-phone-scale:.27}}
@media(prefers-reduced-motion:reduce){.ma-site *{scroll-behavior:auto!important}.ma-site .ma-content .btn{transition:none}}