.ma-content{ --deep:#241B3A; --deep2:#332452; --primary:#6D4AE0; --primary-d:#5a38c9; --soft:#EDE8FB; --amber:#F2708F; --amber-d:#e0577a; --green:#16A97C; --paper:#F7F5FC; --white:#fff; --ink:#241C33; --muted:#6E6685; --line:#E7E2F2; --warn:#E0577A; } :where(.ma-content) *{box-sizing:border-box;margin:0;padding:0} .ma-content{scroll-behavior:smooth} .ma-content{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased} :where(.ma-content) h1,:where(.ma-content) h2,:where(.ma-content) h3,:where(.ma-content) .disp{font-family:'Unbounded',sans-serif;letter-spacing:-.02em;line-height:1.12} :where(.ma-content) a{color:inherit;text-decoration:none} :where(.ma-content) .wrap{max-width:1140px;margin:0 auto;padding:0 24px} :where(.ma-content) .eyebrow{font-family:'Unbounded';font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)} :where(.ma-content) .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;padding:14px 26px;border-radius:14px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease} :where(.ma-content) .btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(19,134,140,.32)} :where(.ma-content) .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(19,134,140,.42)} :where(.ma-content) .btn-amber{background:var(--amber);color:#4a1020;box-shadow:0 8px 22px rgba(242,165,60,.4)} :where(.ma-content) .btn-amber:hover{transform:translateY(-2px)} :where(.ma-content) .btn-ghost{background:transparent;color:var(--deep);border:1.5px solid var(--line)} :where(.ma-content) .btn-ghost:hover{border-color:var(--primary);color:var(--primary)} :where(.ma-content) .ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :where(.ma-content) header{position:sticky;top:0;z-index:50;background:rgba(244,248,248,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} :where(.ma-content) .nav{display:flex;align-items:center;justify-content:space-between;height:64px} :where(.ma-content) .logo{font-family:'Unbounded';font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--deep)} :where(.ma-content) .logo span{color:var(--primary)} :where(.ma-content) .nav-links{display:flex;gap:24px;font-size:14.5px;color:var(--muted)} :where(.ma-content) .nav-links a:hover{color:var(--ink)} :where(.ma-content) .nav .btn{padding:9px 18px;font-size:14px} :where(.ma-content) .hero{background:linear-gradient(170deg,#EaF4F3 0%,var(--paper) 60%);padding:64px 0 76px;overflow:hidden} :where(.ma-content) .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} :where(.ma-content) .hero h1{font-size:clamp(32px,4.3vw,52px);font-weight:700;margin:18px 0;color:var(--deep)} :where(.ma-content) .hero h1 em{font-style:normal;color:var(--primary)} :where(.ma-content) .hero p.lead{font-size:18px;color:var(--muted);max-width:520px;margin-bottom:24px} :where(.ma-content) .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px} :where(.ma-content) .pill{display:inline-flex;align-items:center;gap:10px;background:rgba(19,160,107,.1);border:1px solid rgba(19,160,107,.35);color:var(--green);padding:8px 16px;border-radius:999px;font-size:14px;margin-bottom:20px;font-weight:500} :where(.ma-content) .pill b{font-family:'Unbounded';font-weight:700} :where(.ma-content) .trust{font-size:13.5px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap} :where(.ma-content) .trust b{color:var(--ink);font-weight:600} :where(.ma-content) .phone-stage{display:flex;justify-content:center;position:relative} :where(.ma-content) .phone{width:286px;background:#1a1526;border-radius:40px;padding:10px;box-shadow:0 36px 70px rgba(36,27,58,.38),0 0 0 2px #2a2438;position:relative} :where(.ma-content) .phone-scr{background:var(--paper);border-radius:32px;overflow:hidden;height:566px;display:flex;flex-direction:column;position:relative} :where(.ma-content) .phone-scr{-webkit-clip-path:inset(0 round 28px);clip-path:inset(0 round 28px)} :where(.ma-content) .slide{-webkit-clip-path:inset(0 round 18px);clip-path:inset(0 round 18px)} :where(.ma-content) .pa-top{background:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)} :where(.ma-content) .pa-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#9d84ec);flex:none} :where(.ma-content) .pa-top .nm{font-weight:700;font-size:14px} :where(.ma-content) .pa-top .st{font-size:11px;color:var(--green);font-weight:600} :where(.ma-content) .pa-banner{margin:12px;border-radius:14px;background:linear-gradient(120deg,var(--amber),#ffa3b8);color:#4a1020;padding:14px;font-size:12.5px} :where(.ma-content) .pa-banner b{font-family:'Unbounded';font-weight:600;font-size:15px;display:block;margin-bottom:2px} :where(.ma-content) .pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 12px 12px} :where(.ma-content) .pcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden} :where(.ma-content) .pcard .ph{height:64px} :where(.ma-content) .ph1{background:linear-gradient(135deg,#ffe2c2,#ffd0a0)} :where(.ma-content) .ph2{background:linear-gradient(135deg,#cdeee9,#a9e2da)} :where(.ma-content) .ph3{background:linear-gradient(135deg,#d6e4f5,#b9d0ee)} :where(.ma-content) .ph4{background:linear-gradient(135deg,#e7e2f5,#d3c9ee)} :where(.ma-content) .pcard .meta{padding:7px 9px} :where(.ma-content) .pcard .meta .t{font-size:10.5px;color:var(--muted)} :where(.ma-content) .pcard .meta .pr{font-weight:700;font-size:12.5px;margin-top:2px} :where(.ma-content) .pa-tab{margin-top:auto;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 0} :where(.ma-content) .pa-tab span{width:22px;height:22px;border-radius:6px;background:var(--line)} :where(.ma-content) .pa-tab span.on{background:var(--primary)} :where(.ma-content) .float-tag{position:absolute;z-index:5;background:#fff;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:600;box-shadow:0 16px 38px rgba(14,54,64,.2);display:flex;align-items:center;gap:8px} :where(.ma-content) .float-tag .dot{width:9px;height:9px;border-radius:50%;background:var(--green)} :where(.ma-content) .ft1{top:120px;left:-18px} :where(.ma-content) .ft2{bottom:128px;right:-16px} :where(.ma-content) .ft2 .dot{background:var(--amber)} :where(.ma-content) .chat-top{background:#fff;padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)} :where(.ma-content) .chat-top .av{width:36px;height:36px;border-radius:50%;background:#6D4AE0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px} :where(.ma-content) .chat-top .nm{font-weight:700;font-size:14px} :where(.ma-content) .chat-top .sub{font-size:11px;color:var(--muted)} :where(.ma-content) .chat-body{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:12px;background:#eef4f4} :where(.ma-content) .bub{max-width:78%;padding:10px 13px;border-radius:16px;font-size:13px;line-height:1.4} :where(.ma-content) .bub.shop{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:5px} :where(.ma-content) .bub.cli{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:5px} :where(.ma-content) .bub .time{display:block;font-size:10px;opacity:.7;margin-top:4px;text-align:right} :where(.ma-content) .chat-input{background:#fff;border-top:1px solid var(--line);padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:13px;color:#9aa9ab} :where(.ma-content) .chat-input .send{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--primary);flex:none} :where(.ma-content) section{padding:80px 0} :where(.ma-content) .nav-links a.nav-ts{color:var(--amber-d);font-weight:600} :where(.ma-content) .nav-links a.nav-ts:hover{color:var(--amber)} :where(.ma-content) .ts-teaser{padding:36px 0} :where(.ma-content) .ts-band{background:linear-gradient(140deg,var(--deep) 0%,var(--deep2) 100%);border-radius:26px;padding:46px 48px;display:grid;grid-template-columns:1.55fr .9fr;gap:40px;align-items:center;color:#fff;box-shadow:0 24px 60px rgba(14,54,64,.28)} :where(.ma-content) .ts-band .ts-eyebrow{color:var(--amber);margin-bottom:14px} :where(.ma-content) .ts-h{font-size:34px;color:#fff;margin-bottom:14px} :where(.ma-content) .ts-p{font-size:16px;color:#CFE3E3;max-width:560px;margin-bottom:20px;line-height:1.55} :where(.ma-content) .ts-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px} :where(.ma-content) .ts-chips span{font-size:13px;color:#EAF4F4;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 14px} :where(.ma-content) .ts-cta{display:flex;flex-wrap:wrap;gap:12px} :where(.ma-content) .ts-cta-primary{background:var(--amber);color:#4a1020;box-shadow:0 8px 22px rgba(242,165,60,.4)} :where(.ma-content) .ts-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(242,165,60,.5)} :where(.ma-content) .ts-price{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px 28px;text-align:center} :where(.ma-content) .ts-price-top{font-size:14px;color:#CFE3E3} :where(.ma-content) .ts-price-big{font-family:'Unbounded',sans-serif;font-size:40px;color:#fff;line-height:1.1;margin:2px 0 6px;letter-spacing:-.02em} :where(.ma-content) .ts-price-sub{font-size:13px;color:#CFE3E3;margin-bottom:14px} :where(.ma-content) .ts-price-note{font-size:12.5px;color:var(--amber);background:rgba(242,165,60,.14);border-radius:10px;padding:8px 12px;display:inline-block} @media(max-width:760px){:where(.ma-content) .ts-band{grid-template-columns:1fr;padding:34px 26px;gap:24px} :where(.ma-content) .ts-h{font-size:27px} :where(.ma-content) .ts-price{text-align:left} } :where(.ma-content) .sec-head{max-width:720px;margin-bottom:44px} :where(.ma-content) .sec-head.center{margin:0 auto 44px;text-align:center} :where(.ma-content) .sec-head h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;margin:14px 0 12px;color:var(--deep)} :where(.ma-content) .sec-head p{font-size:17px;color:var(--muted)} :where(.ma-content) .what{background:var(--white);padding:54px 0} :where(.ma-content) .what-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center} :where(.ma-content) .what h2{font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--deep);margin:12px 0 14px} :where(.ma-content) .what p{font-size:17px;color:var(--muted);margin-bottom:18px} :where(.ma-content) .what-pts{display:flex;flex-direction:column;gap:12px} :where(.ma-content) .wp{display:flex;align-items:flex-start;gap:12px;font-size:15px} :where(.ma-content) .wp .c{width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none} :where(.ma-content) .wp b{color:var(--ink)} :where(.ma-content) .what-vis{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center} :where(.ma-content) .miniwrap{display:inline-flex;align-items:center;gap:14px} :where(.ma-content) .msg-app{width:120px;height:230px;background:#1a1526;border-radius:24px;padding:8px} :where(.ma-content) .msg-scr{background:#fff;border-radius:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px} :where(.ma-content) .msg-scr .b{font-size:10px;color:var(--muted)} :where(.ma-content) .open-btn{background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:7px 14px;border-radius:9px;margin-top:6px} :where(.ma-content) .arrowto{font-size:26px;color:var(--primary)} :where(.ma-content) .store-mini{width:120px;height:230px;background:#1a1526;border-radius:24px;padding:8px} :where(.ma-content) .store-scr{background:var(--paper);border-radius:18px;height:100%;overflow:hidden} :where(.ma-content) .sm-top{background:#fff;padding:7px;font-size:9px;font-weight:700;border-bottom:1px solid var(--line)} :where(.ma-content) .sm-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px} :where(.ma-content) .sm-grid .it{height:38px;border-radius:6px} :where(.ma-content) .aud{background:var(--paper)} :where(.ma-content) .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px} :where(.ma-content) .stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px} :where(.ma-content) .stat .num{font-family:'Unbounded';font-weight:700;font-size:30px;color:var(--primary);line-height:1} :where(.ma-content) .stat .num.amber{color:var(--amber-d)} :where(.ma-content) .stat .lab{font-size:13.5px;color:var(--muted);margin-top:8px} :where(.ma-content) .note{font-size:14.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:12px;padding:14px 18px;margin-bottom:24px} :where(.ma-content) .aud-chart{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:center} :where(.ma-content) .aud-chart h3{font-family:'Inter';font-size:18px;font-weight:700;margin-bottom:8px} :where(.ma-content) .aud-chart p{font-size:14.5px;color:var(--muted)} :where(.ma-content) .clegend{display:flex;gap:18px;margin-top:10px;font-size:13px} :where(.ma-content) .clegend .li{display:flex;align-items:center;gap:7px} :where(.ma-content) .clegend .sw{width:14px;height:3px;border-radius:2px} :where(.ma-content) .pains{background:var(--white)} :where(.ma-content) .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} :where(.ma-content) .pain{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--warn);border-radius:14px;padding:22px} :where(.ma-content) .pain h3{font-size:15.5px;font-weight:700;font-family:'Inter';margin-bottom:7px;display:flex;gap:9px;align-items:flex-start} :where(.ma-content) .pain .x{color:var(--warn);font-weight:800;flex:none} :where(.ma-content) .pain p{font-size:14px;color:var(--muted)} :where(.ma-content) .turn{background:linear-gradient(165deg,var(--deep),var(--deep2));color:#fff;text-align:center;padding:70px 0} :where(.ma-content) .turn h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;max-width:880px;margin:14px auto 14px} :where(.ma-content) .turn h2 em{font-style:normal;color:var(--amber)} :where(.ma-content) .turn p{color:rgba(255,255,255,.78);font-size:18px;max-width:640px;margin:0 auto} :where(.ma-content) .turn .eyebrow{color:#c3b4f5} :where(.ma-content) .adv{background:var(--paper)} :where(.ma-content) .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} :where(.ma-content) .ac{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .18s,box-shadow .18s} :where(.ma-content) .ac:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,54,64,.08)} :where(.ma-content) .ac .ic{width:46px;height:46px;border-radius:12px;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px} :where(.ma-content) .ac h3{font-family:'Inter';font-size:16.5px;font-weight:700;margin-bottom:8px} :where(.ma-content) .ac p{font-size:14.5px;color:var(--muted)} :where(.ma-content) .diff{background:var(--white)} :where(.ma-content) .diff-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center} :where(.ma-content) .diff-right p.intro{font-size:16.5px;color:var(--muted);margin-bottom:20px} :where(.ma-content) .callout{background:linear-gradient(120deg,rgba(19,160,107,.12),rgba(242,165,60,.12));border:1px solid rgba(19,160,107,.3);border-radius:16px;padding:20px 22px;margin-bottom:22px} :where(.ma-content) .callout b{font-family:'Unbounded';font-weight:600;font-size:17px;color:var(--deep);display:block;line-height:1.3} :where(.ma-content) .mini-cmp{display:flex;flex-direction:column;gap:10px} :where(.ma-content) .mc{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;font-size:14px} :where(.ma-content) .mc.bad{background:#fbf1ee;border:1px solid #f1d8d1} :where(.ma-content) .mc.good{background:#e9f7f0;border:1px solid #cdebdd} :where(.ma-content) .mc .ti{font-weight:700;flex:none} :where(.ma-content) .mc.bad .ti{color:var(--warn)} :where(.ma-content) .mc.good .ti{color:var(--green)} :where(.ma-content) .mc .tag{margin-left:auto;font-size:12px;font-weight:600;padding:4px 9px;border-radius:8px} :where(.ma-content) .mc.bad .tag{background:#f6ddd6;color:var(--warn)} :where(.ma-content) .mc.good .tag{background:#cdebdd;color:var(--primary-d)} :where(.ma-content) .dash{background:var(--paper)} :where(.ma-content) .window{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(14,54,64,.12)} :where(.ma-content) .winbar{background:#eef4f4;border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:8px} :where(.ma-content) .winbar .d{width:11px;height:11px;border-radius:50%} :where(.ma-content) .winbar .url{margin-left:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 14px;font-size:12.5px;color:var(--muted);flex:1;max-width:340px} :where(.ma-content) .dash-body{display:grid;grid-template-columns:188px 1fr} :where(.ma-content) .side{background:var(--deep);color:rgba(255,255,255,.72);padding:18px 14px;font-size:13.5px} :where(.ma-content) .side .br{font-family:'Unbounded';font-weight:700;font-size:15px;color:#fff;margin-bottom:18px;letter-spacing:-.02em} :where(.ma-content) .side .it{padding:9px 12px;border-radius:9px;margin-bottom:3px;display:flex;align-items:center;gap:9px} :where(.ma-content) .side .it.on{background:rgba(255,255,255,.12);color:#fff;font-weight:600} :where(.ma-content) .side .it .dt{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6} :where(.ma-content) .main{padding:22px} :where(.ma-content) .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px} :where(.ma-content) .kpi{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:15px} :where(.ma-content) .kpi .k{font-size:12px;color:var(--muted)} :where(.ma-content) .kpi .v{font-family:'Unbounded';font-weight:700;font-size:21px;margin:5px 0 3px} :where(.ma-content) .kpi .ch{font-size:12px;font-weight:600} :where(.ma-content) .up{color:var(--green)} :where(.ma-content) .panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:18px} :where(.ma-content) .panel h4{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center} :where(.ma-content) .panel h4 small{font-weight:500;color:var(--muted);font-size:12px} :where(.ma-content) .dash-cols{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px} :where(.ma-content) .dash-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} :where(.ma-content) .bar-row{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:13px} :where(.ma-content) .bar-row .nm{width:84px;color:var(--muted)} :where(.ma-content) .bar-track{flex:1;height:9px;background:#e4eded;border-radius:6px;overflow:hidden} :where(.ma-content) .bar-fill{height:100%;border-radius:6px;background:var(--primary)} :where(.ma-content) .bar-row .vl{width:36px;text-align:right;font-weight:600} :where(.ma-content) .legend{display:flex;flex-direction:column;gap:8px;font-size:12.5px} :where(.ma-content) .legend .li{display:flex;align-items:center;gap:8px} :where(.ma-content) .legend .sw{width:11px;height:11px;border-radius:3px} :where(.ma-content) .ch-row{margin-bottom:13px} :where(.ma-content) .ch-row .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px} :where(.ma-content) .ch-row .top b{font-weight:700} :where(.ma-content) .ch-row .top span{color:var(--muted)} :where(.ma-content) .cust{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px} :where(.ma-content) .cust:last-child{border-bottom:0} :where(.ma-content) .cust .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px} :where(.ma-content) .cust .tag{margin-left:auto;font-size:11px;padding:3px 8px;border-radius:7px;background:var(--soft);color:var(--primary-d);font-weight:600} :where(.ma-content) .side .it{cursor:pointer;transition:background .15s} :where(.ma-content) .side .it:hover{background:rgba(255,255,255,.07);color:#fff} :where(.ma-content) .dpanel{display:none} :where(.ma-content) .dpanel.on{display:block} :where(.ma-content) .dhint{font-size:12px;color:var(--muted);margin-bottom:14px} :where(.ma-content) .otable{width:100%;border-collapse:collapse;font-size:13px} :where(.ma-content) .otable th{text-align:left;color:var(--muted);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--line);font-size:12px} :where(.ma-content) .otable td{padding:11px 10px;border-bottom:1px solid var(--line)} :where(.ma-content) .otable tr:last-child td{border-bottom:0} :where(.ma-content) .chan{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px} :where(.ma-content) .chan.tg{background:#EDE8FB;color:#5a38c9} :where(.ma-content) .chan.mx{background:#FCE4EA;color:#a06a14} :where(.ma-content) .stt{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px} :where(.ma-content) .stt.new{background:#EDE8FB;color:#5a38c9} :where(.ma-content) .stt.pack{background:#FCE4EA;color:#a06a14} :where(.ma-content) .stt.sent{background:#e3eaf7;color:#3a5a9b} :where(.ma-content) .stt.done{background:#e6f6ee;color:#0f8a5c} :where(.ma-content) .prodrow{display:grid;grid-template-columns:38px 1fr 78px 88px 88px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);font-size:13px} :where(.ma-content) .prodrow:last-child{border-bottom:0} :where(.ma-content) .prodrow .th{width:38px;height:38px;border-radius:9px} :where(.ma-content) .prodrow .nm b{font-weight:700} :where(.ma-content) .prodrow .nm span{display:block;font-size:11.5px;color:var(--muted)} :where(.ma-content) .prodrow .mut{color:var(--muted)} :where(.ma-content) .wbtn{margin-left:auto;font-size:12px;font-weight:600;color:var(--primary-d);background:var(--soft);padding:5px 12px;border-radius:8px} :where(.ma-content) .setrow{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line)} :where(.ma-content) .setrow:last-child{border-bottom:0} :where(.ma-content) .setrow .si b{font-weight:700;font-size:14px} :where(.ma-content) .setrow .si span{display:block;font-size:12px;color:var(--muted)} :where(.ma-content) .tgl{margin-left:auto;width:40px;height:23px;border-radius:999px;position:relative;flex:none} :where(.ma-content) .tgl.on{background:var(--primary)} :where(.ma-content) .tgl.off{background:#cdd9da} :where(.ma-content) .tgl::after{content:'';position:absolute;top:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s} :where(.ma-content) .tgl.on::after{right:2.5px} :where(.ma-content) .tgl.off::after{left:2.5px} :where(.ma-content) .compose{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:13.5px;margin-bottom:14px} :where(.ma-content) .compose .chips2{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap} :where(.ma-content) .compose .ch2{font-size:11.5px;background:var(--soft);color:var(--primary-d);padding:4px 10px;border-radius:8px;font-weight:600} :where(.ma-content) .camp{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px} :where(.ma-content) .camp:last-child{border-bottom:0} :where(.ma-content) .camp .op{margin-left:auto;color:var(--green);font-weight:700} :where(.ma-content) .bvsb{background:var(--paper)} :where(.ma-content) .ig-note{font-size:13px;color:var(--muted);margin-top:14px;max-width:64ch;line-height:1.55} :where(.ma-content) .bvsb-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px} :where(.ma-content) .bcard{border-radius:18px;padding:28px;border:1px solid var(--line)} :where(.ma-content) .bcard.scratch{background:#fbf4f2;border-color:#f0d8d1} :where(.ma-content) .bcard.ready{background:#eef7f3;border-color:#cdebdd} :where(.ma-content) .bcard .tt{font-family:'Unbounded';font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px} :where(.ma-content) .bcard.scratch .tt{color:var(--warn)} :where(.ma-content) .bcard.ready .tt{color:var(--green)} :where(.ma-content) .bcard .big{font-family:'Unbounded';font-weight:700;font-size:clamp(23px,3vw,30px);color:var(--deep)} :where(.ma-content) .bcard .un{font-size:13.5px;color:var(--muted);margin-bottom:18px} :where(.ma-content) .bcard ul{list-style:none;display:flex;flex-direction:column;gap:10px} :where(.ma-content) .bcard li{display:flex;gap:9px;font-size:14.5px;color:var(--muted)} :where(.ma-content) .bcard li .m{flex:none;font-weight:800} :where(.ma-content) .bcard.scratch li .m{color:var(--warn)} :where(.ma-content) .bcard.ready li .m{color:var(--green)} :where(.ma-content) .bsave{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:28px 28px 24px;box-shadow:0 22px 50px rgba(14,54,64,.12)} :where(.ma-content) .bsave .srow{display:grid;grid-template-columns:170px 1fr 130px;gap:14px;align-items:center;margin-bottom:13px;font-size:14px} :where(.ma-content) .bsave .lab{color:var(--muted)} :where(.ma-content) .bsave .track{display:flex;align-items:stretch;height:26px;background:#edf2f2;border-radius:13px;overflow:hidden} :where(.ma-content) .bsave .fill{flex:0 0 auto;height:26px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)} :where(.ma-content) .bsave .val{text-align:right;font-weight:700;font-family:'Unbounded';font-size:13.5px} :where(.ma-content) .bsave .badge3{display:inline-block;background:var(--amber);color:#4a1020;font-family:'Unbounded';font-weight:700;font-size:clamp(13px,1.8vw,15px);padding:9px 18px;border-radius:999px;margin-top:10px} :where(.ma-content) .brand{background:var(--white)} :where(.ma-content) .brand-cost{max-width:780px;margin:0 auto 34px;text-align:center;background:#fbf4f2;border:1px solid #f0d8d1;border-radius:16px;padding:22px 26px;font-size:15.5px;color:var(--muted);line-height:1.6} :where(.ma-content) .brand-cost b{color:var(--warn)} :where(.ma-content) .brand-cost .inb{color:var(--green)} :where(.ma-content) .blevels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} :where(.ma-content) .blevel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);transition:transform .18s,box-shadow .18s} :where(.ma-content) .blevel:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(14,54,64,.08)} :where(.ma-content) .blevel.inc{border-color:#cdebdd} :where(.ma-content) .bprev{height:150px;background:#fff;border-bottom:1px solid var(--line);padding:11px;display:flex;flex-direction:column;gap:6px} :where(.ma-content) .bp-name{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--ink)} :where(.ma-content) .bp-logo{width:17px;height:17px;border-radius:5px;background:linear-gradient(135deg,var(--primary),#9d84ec);flex:none} :where(.ma-content) .bp-banner{height:26px;border-radius:6px;background:linear-gradient(120deg,var(--amber),#ffa3b8);flex:none} :where(.ma-content) .bp-banner.tealb{background:linear-gradient(120deg,var(--primary),#9d84ec)} :where(.ma-content) .bp-chips{display:flex;gap:4px;flex:none} :where(.ma-content) .bp-chips span{height:10px;flex:1;border-radius:3px;background:var(--soft)} :where(.ma-content) .bp-coll{font-size:8.5px;color:var(--muted);font-weight:700;flex:none} :where(.ma-content) .bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1;grid-auto-rows:minmax(0,1fr)} :where(.ma-content) .bp-grid i{border-radius:4px;background:#eef2f2} :where(.ma-content) .blevel .bb{padding:16px 18px 20px} :where(.ma-content) .blevel .lv{font-family:'Unbounded';font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--deep)} :where(.ma-content) .blevel .tg2{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;font-family:'Unbounded'} :where(.ma-content) .blevel .tg2.base{background:var(--soft);color:var(--primary-d)} :where(.ma-content) .blevel .tg2.on{background:#cdebdd;color:#0f8a5c} :where(.ma-content) .blevel p{font-size:13px;color:var(--muted)} :where(.ma-content) .brand-note{text-align:center;margin-top:24px;font-size:15px;color:var(--muted)} :where(.ma-content) .brand-note b{color:var(--ink)} :where(.ma-content) .slider{background:var(--white)} :where(.ma-content) .track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;scrollbar-width:none} :where(.ma-content) .track::-webkit-scrollbar{display:none} :where(.ma-content) .slide{scroll-snap-align:start;flex:0 0 248px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden} :where(.ma-content) .slide .cap{height:140px;display:flex;align-items:flex-end;padding:14px;color:#fff;font-family:'Unbounded';font-weight:600;font-size:15px} :where(.ma-content) .slide .body{padding:14px 16px 18px;background:#fff} :where(.ma-content) .slide .body .t{font-size:13px;color:var(--muted)} :where(.ma-content) .slide .body .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px} :where(.ma-content) .slide .body .tg{font-size:11px;background:var(--soft);color:var(--primary-d);padding:3px 8px;border-radius:7px;font-weight:600} :where(.ma-content) .slide .pick{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-family:'Unbounded';font-weight:600;font-size:12.5px;color:#fff;background:var(--primary);padding:10px 14px;border-radius:11px;text-decoration:none;transition:.15s} :where(.ma-content) .slide .pick:hover{background:var(--primary-d)} :where(.ma-content) .slider-ctl{display:flex;gap:10px;margin-top:8px} :where(.ma-content) .sbtn{width:54px;height:54px;border-radius:50%;border:0;background:var(--amber);color:#4a1020;cursor:pointer;font-size:28px;font-weight:800;line-height:1;box-shadow:0 10px 24px rgba(242,165,60,.5);transition:.15s} :where(.ma-content) .sbtn:hover{background:var(--amber-d);transform:translateY(-2px) scale(1.04);box-shadow:0 14px 30px rgba(242,165,60,.6)} :where(.ma-content) .deliv{background:var(--paper)} :where(.ma-content) .deliv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px} :where(.ma-content) .dcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px} :where(.ma-content) .dcard .h{display:flex;align-items:center;gap:12px;margin-bottom:14px} :where(.ma-content) .dcard .badge{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:20px;flex:none} :where(.ma-content) .dcard h3{font-family:'Inter';font-size:18px;font-weight:700} :where(.ma-content) .dcard ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:4px} :where(.ma-content) .dcard li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--muted)} :where(.ma-content) .dcard li .ck{color:var(--green);font-weight:800;flex:none} :where(.ma-content) .deliv-foot{margin-top:22px;text-align:center;font-size:15px;color:var(--muted)} :where(.ma-content) .compare{background:var(--white)} :where(.ma-content) .ctable{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--line);border-radius:16px;overflow:hidden} :where(.ma-content) .ctable th,:where(.ma-content) .ctable td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)} :where(.ma-content) .ctable thead th{font-family:'Unbounded';font-weight:600;font-size:13px} :where(.ma-content) .ctable thead th:nth-child(2){background:#f7eee9;color:var(--ink)} :where(.ma-content) .ctable thead th:nth-child(3){background:var(--primary);color:#fff} :where(.ma-content) .ctable td:first-child{font-weight:600;width:34%} :where(.ma-content) .ctable td:nth-child(2){color:var(--muted)} :where(.ma-content) .ctable td:nth-child(3){background:#eef7f6;font-weight:600} :where(.ma-content) .ctable tr:last-child td{border-bottom:0} :where(.ma-content) .tickg{color:var(--green);font-weight:800} :where(.ma-content) .steps{background:linear-gradient(165deg,var(--deep),var(--deep2));color:#fff} :where(.ma-content) .steps .sec-head h2{color:#fff} :where(.ma-content) .steps .sec-head p{color:rgba(255,255,255,.78)} :where(.ma-content) .steps .eyebrow{color:#c3b4f5} :where(.ma-content) .step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} :where(.ma-content) .step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px} :where(.ma-content) .step .n{font-family:'Unbounded';font-weight:700;font-size:32px;color:var(--amber);line-height:1;margin-bottom:14px} :where(.ma-content) .step h3{font-family:'Inter';font-size:16px;font-weight:700;margin-bottom:6px} :where(.ma-content) .step p{font-size:14px;color:rgba(255,255,255,.74)} :where(.ma-content) .integ{background:var(--paper)} :where(.ma-content) .ig-group{margin-bottom:26px} :where(.ma-content) .ig-group .gt{font-weight:600;margin-bottom:12px;font-size:15px} :where(.ma-content) .badges{display:flex;flex-wrap:wrap;gap:14px} :where(.ma-content) .lb{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 16px 9px 9px;font-size:14px;font-weight:500} :where(.ma-content) .lb .cl{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex:none} :where(.ma-content) .price{background:var(--white)} :where(.ma-content) .price-note{font-size:14.5px;color:var(--muted);margin-bottom:8px} :where(.ma-content) .ptable{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff} :where(.ma-content) .ptable th,:where(.ma-content) .ptable td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)} :where(.ma-content) .ptable thead th{font-family:'Unbounded';font-weight:600;font-size:13px;background:var(--deep);color:#fff} :where(.ma-content) .ptable thead th:nth-child(3){background:#4a2ba8} :where(.ma-content) .ptable td:first-child{font-weight:700} :where(.ma-content) .ptable td .sku{display:block;font-weight:400;font-size:12.5px;color:var(--muted)} :where(.ma-content) .ptable .sub{color:var(--green);font-weight:700} :where(.ma-content) .ptable tr:last-child td{border-bottom:0} :where(.ma-content) .ptable tbody tr:nth-child(even) td{background:var(--paper)} :where(.ma-content) .pmeta{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:13.5px;color:var(--muted)} :where(.ma-content) .pmeta b{color:var(--ink)} :where(.ma-content) .bundle{max-width:660px;margin:0 auto 28px;background:linear-gradient(120deg,var(--primary),#7d5ce6);color:#fff;border-radius:18px;padding:22px 26px;text-align:center;box-shadow:0 16px 36px rgba(19,134,140,.32);position:relative} :where(.ma-content) .bundle .badge2{display:inline-block;background:var(--amber);color:#4a1020;font-weight:700;font-size:12px;letter-spacing:.04em;padding:5px 14px;border-radius:999px;margin-bottom:10px;font-family:'Unbounded';text-transform:uppercase} :where(.ma-content) .bundle b{font-family:'Unbounded';font-weight:700;font-size:clamp(18px,2.3vw,23px);display:block} :where(.ma-content) .bundle .sm{font-size:14.5px;color:rgba(255,255,255,.9);margin-top:4px} :where(.ma-content) .ptable td .spl{color:var(--primary-d);font-weight:700} :where(.ma-content) .ptable td .spl small{display:block;font-weight:400;font-size:11.5px;color:var(--muted)} :where(.ma-content) .split-note{font-size:13px;color:var(--muted);margin-top:14px} :where(.ma-content) .split-note b{color:var(--ink)} :where(.ma-content) .contact{background:var(--paper)} :where(.ma-content) .cform{max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 18px 44px rgba(14,54,64,.07)} :where(.ma-content) .cform .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px} :where(.ma-content) .cform input,:where(.ma-content) .cform textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:15px;font-family:inherit;color:var(--ink);background:var(--paper)} :where(.ma-content) .cform input:focus,:where(.ma-content) .cform textarea:focus{outline:none;border-color:var(--primary);background:#fff} :where(.ma-content) .cform textarea{min-height:112px;resize:vertical;margin-bottom:16px} :where(.ma-content) .cform .ok{display:none;text-align:center;color:var(--green);font-weight:600;padding:14px;font-size:16px} :where(.ma-content) .cform .priv{font-size:12px;color:var(--muted);text-align:center;margin-top:12px} :where(.ma-content) .final{background:linear-gradient(120deg,var(--primary),#7d5ce6);color:#fff;text-align:center;padding:78px 0} :where(.ma-content) .final h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;max-width:800px;margin:0 auto 26px} :where(.ma-content) .final .btn-amber{background:#fff;color:var(--primary-d)} :where(.ma-content) footer{background:var(--deep);color:rgba(255,255,255,.6);padding:44px 0;font-size:13.5px} :where(.ma-content) .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;align-items:center} :where(.ma-content) .foot .logo{color:#fff} :where(.ma-content) .foot .logo span{color:#c3b4f5} :where(.ma-content) .disclaimer{margin-top:20px;font-size:11.5px;color:rgba(255,255,255,.4);max-width:920px;line-height:1.5} :where(.ma-content) .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease} :where(.ma-content) .reveal.in{opacity:1;transform:none} @media(max-width:920px){:where(.ma-content) .hero-grid,:where(.ma-content) .what-grid,:where(.ma-content) .diff-grid{grid-template-columns:1fr;gap:34px} :where(.ma-content) .phone-stage{order:-1} :where(.ma-content) .pain-grid,:where(.ma-content) .adv-grid{grid-template-columns:1fr 1fr} :where(.ma-content) .step-grid{grid-template-columns:1fr 1fr} :where(.ma-content) .dash-cols,:where(.ma-content) .dash-cols3,:where(.ma-content) .aud-chart,:where(.ma-content) .deliv-grid{grid-template-columns:1fr} :where(.ma-content) .stat-grid{grid-template-columns:1fr 1fr} :where(.ma-content) .nav-links{display:none} :where(.ma-content) .float-tag{display:none} :where(.ma-content) .dash-body{grid-template-columns:1fr} :where(.ma-content) .side{display:none} :where(.ma-content) .kpis{grid-template-columns:1fr 1fr} } @media(max-width:560px){:where(.ma-content) .pain-grid,:where(.ma-content) .adv-grid,:where(.ma-content) .step-grid,:where(.ma-content) .stat-grid{grid-template-columns:1fr} :where(.ma-content) section{padding:56px 0} :where(.ma-content) .ctable,:where(.ma-content) .ptable{font-size:13px} :where(.ma-content) .ctable th,:where(.ma-content) .ctable td,:where(.ma-content) .ptable th,:where(.ma-content) .ptable td{padding:11px 12px} :where(.ma-content) .cform .row{grid-template-columns:1fr} :where(.ma-content) .bvsb-grid{grid-template-columns:1fr} :where(.ma-content) .bsave .srow{grid-template-columns:108px 1fr 92px;font-size:12.5px} :where(.ma-content) .blevels{grid-template-columns:1fr 1fr} :where(.ma-content) .prodrow{grid-template-columns:32px 1fr 70px;font-size:12px} :where(.ma-content) .prodrow .mut:nth-of-type(2){display:none} :where(.ma-content) .blevels{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){:where(.ma-content) .reveal{opacity:1;transform:none;transition:none} :where(.ma-content) *{scroll-behavior:auto} } :where(.ma-content) .tscr{background:var(--paper)} :where(.ma-content) .tscreens{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:4px} :where(.ma-content) .tscreen{margin:0;text-align:center} :where(.ma-content) .tscreen .tph{background:transparent} :where(.ma-content) .tscreen img{display:block;width:100%;height:auto} :where(.ma-content) .tscreen figcaption{margin-top:16px} :where(.ma-content) .tscreen figcaption b{display:block;font-family:'Unbounded',sans-serif;font-size:15px;color:var(--deep)} :where(.ma-content) .tscreen figcaption span{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45} @media(max-width:880px){:where(.ma-content) .tscreens{grid-template-columns:repeat(2,1fr);gap:20px 18px} } @media(max-width:480px){:where(.ma-content) .tscreens{gap:16px 12px} :where(.ma-content) .tscreen figcaption b{font-size:13.5px} :where(.ma-content) .tscreen figcaption span{font-size:11.5px} } :where(.ma-content) .chat-top .av,:where(.ma-content) .cust .av{overflow:hidden;background:#e7eeee} :where(.ma-content) .chat-top .av svg,:where(.ma-content) .cust .av svg{width:100%;height:100%;display:block} :where(.ma-content) .bub-brand{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;margin-bottom:5px} :where(.ma-content) .blogo{width:18px;height:18px;border-radius:5px;overflow:hidden;display:inline-flex;flex:none} :where(.ma-content) .blogo svg{width:100%;height:100%;display:block} :where(.ma-content) .slider-ctl-bottom{display:flex;gap:14px;justify-content:flex-start;margin-top:24px} :where(.ma-content) .slide{display:flex;flex-direction:column} :where(.ma-content) .slide .body{flex:1 1 auto;display:flex;flex-direction:column} :where(.ma-content) .slide .body .tags{margin-bottom:14px} :where(.ma-content) .slide .body .pick{margin-top:auto} :where(.ma-content) .tscr figcaption .tsku{display:block;font:600 12px/1.2 'Unbounded',sans-serif;color:var(--amber-d);margin:5px 0 1px;letter-spacing:.01em} :where(.ma-content) .ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;margin-top:6px} :where(.ma-content) .ig-grid .ig-group{margin-bottom:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px 20px;box-shadow:0 1px 2px rgba(16,50,59,.04)} :where(.ma-content) .ig-grid .ig-group .gt{font-size:14px;margin-bottom:12px} :where(.ma-content) .ig-grid .ig-group .badges{gap:8px} :where(.ma-content) .ig-grid .ig-group .lb{background:var(--paper);font-size:13px;padding:7px 11px 7px 7px} :where(.ma-content) .ig-grid .ig-group .lb .cl{width:28px;height:28px;font-size:12px} :where(.ma-content) .ig-grid .ig-note{margin-top:12px;font-size:12px;max-width:none} @media(max-width:1000px){:where(.ma-content) .ig-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:600px){:where(.ma-content) .ig-grid{grid-template-columns:1fr} } :where(.ma-content) .gift{display:flex;align-items:center;gap:22px;max-width:840px;margin:18px auto 0;background:linear-gradient(100deg,#fff8ee,#fcefd9);border:1.5px solid #f1c47c;border-radius:18px;padding:22px 26px;box-shadow:0 12px 32px rgba(242,165,60,.15)} :where(.ma-content) .gift-ic{flex:none;width:58px;height:58px;border-radius:15px;background:var(--amber);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px rgba(242,165,60,.35)} :where(.ma-content) .gift-ic svg{width:30px;height:30px} :where(.ma-content) .gift-main{flex:1;text-align:left} :where(.ma-content) .gift-badge{display:inline-block;background:var(--amber);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 11px;border-radius:20px;margin-bottom:9px} :where(.ma-content) .gift-title{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:5px;line-height:1.22} :where(.ma-content) .gift-sub{font-size:14.5px;color:#8a6a2e;line-height:1.45} :where(.ma-content) .gift-sub b{color:#5e4413;font-weight:700} @media(max-width:640px){:where(.ma-content) .gift{flex-direction:column;text-align:center;gap:14px} :where(.ma-content) .gift-main{text-align:center} } :where(.ma-content) .partner{background:linear-gradient(180deg,#fff, var(--paper));padding:84px 0} :where(.ma-content) .p-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start;margin-top:34px} :where(.ma-content) .pcalc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 26px 24px;box-shadow:0 14px 40px rgba(14,54,64,.08)} :where(.ma-content) .pcalc .pl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:10px} :where(.ma-content) .pchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px} :where(.ma-content) .pchip{border:1.6px solid var(--line);border-radius:12px;padding:9px 13px;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:.15s;background:#fff} :where(.ma-content) .pchip span{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:1px} :where(.ma-content) .pchip.on{background:var(--primary);border-color:var(--primary);color:#fff} :where(.ma-content) .pchip.on span{color:rgba(255,255,255,.85)} :where(.ma-content) .prange{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:99px;background:var(--line);outline:none;margin:6px 0 4px} :where(.ma-content) .prange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 2px 8px rgba(14,54,64,.3);cursor:pointer} :where(.ma-content) .prange::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 2px 8px rgba(14,54,64,.3);cursor:pointer} :where(.ma-content) .pticks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:16px} :where(.ma-content) .pres{background:var(--soft);border-radius:16px;padding:18px 20px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} :where(.ma-content) .pres .sum{font-size:36px;font-weight:800;color:var(--deep);letter-spacing:-.5px} :where(.ma-content) .pres .per{font-size:14px;font-weight:700;color:var(--muted)} :where(.ma-content) .pres .bonus{width:100%;font-size:12.5px;color:var(--muted);margin-top:4px} :where(.ma-content) .pfeat{display:flex;flex-direction:column;gap:14px} :where(.ma-content) .pf{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px} :where(.ma-content) .pf .ic{width:38px;height:38px;flex:none;border-radius:11px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800} :where(.ma-content) .pf b{display:block;font-size:14.5px;margin-bottom:3px} :where(.ma-content) .pf p{font-size:13px;color:var(--muted);line-height:1.5;margin:0} :where(.ma-content) .pbtns{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap} @media(max-width:860px){:where(.ma-content) .p-grid{grid-template-columns:1fr} :where(.ma-content) .pres .sum{font-size:30px} } :where(.ma-content) .bvsb{background:linear-gradient(180deg,#E9F4F2 0%,#F4F8F8 60%)} :where(.ma-content) .bsave{background:linear-gradient(180deg,#ffffff,#f1f9f8);border:1px solid #d6e7e6;box-shadow:0 26px 58px rgba(14,54,64,.17)} :where(.ma-content) .bsave .track{height:30px;background:#e8f1f0;border:1px solid #dbe8e7;border-radius:15px} :where(.ma-content) .bsave .fill{height:30px;min-width:46px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)} :where(.ma-content) .srow.s-bad .fill{background:linear-gradient(90deg,#E5604A,#D9694F)} :where(.ma-content) .srow.s-good .fill{background:linear-gradient(90deg,#1BAE73,#129a66)} :where(.ma-content) .srow.s-bad .val{color:#D9694F} :where(.ma-content) .srow.s-good .val{color:#129a66} :where(.ma-content) .pa-tab{border-bottom-left-radius:28px;border-bottom-right-radius:28px} :where(.ma-content) .tscreen .tph img{display:block;width:100%} :where(.ma-content) .tpk-ov{position:fixed;inset:0;background:rgba(14,54,64,.55);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;z-index:1000;padding:32px 20px;overflow-y:auto} :where(.ma-content) .tpk-ov.on{display:flex} :where(.ma-content) .tpk{background:var(--paper);border-radius:26px;width:100%;max-width:1000px;box-shadow:0 40px 120px rgba(14,54,64,.4);overflow:hidden;margin:auto} :where(.ma-content) .tpk-head{display:flex;align-items:center;gap:14px;padding:22px 28px;background:#fff;border-bottom:1px solid var(--line)} :where(.ma-content) .tpk-head .cat{flex:1} :where(.ma-content) .tpk-head .eyebrow2{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-weight:800} :where(.ma-content) .tpk-head h3{font-size:21px;font-weight:800;color:var(--ink);margin-top:2px;letter-spacing:-.4px} :where(.ma-content) .tpk-x{width:38px;height:38px;border-radius:11px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);cursor:pointer;flex:none;border:1px solid var(--line)} :where(.ma-content) .tpk-x:hover{background:var(--soft)} :where(.ma-content) .tpk-body{display:grid;grid-template-columns:300px 1fr;gap:0} :where(.ma-content) .tpk-preview{background:linear-gradient(160deg,var(--deep),var(--deep2));padding:34px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start} :where(.ma-content) .tpk-preview .pv-lbl{color:#bfe3e3;font-size:12px;font-weight:700;margin-bottom:18px;text-align:center} :where(.ma-content) .iphone{width:230px;background:#0b0d10;border-radius:44px;padding:9px;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 2px #1c1f24,inset 0 0 0 2px #000;position:relative;flex:none} :where(.ma-content) .iphone-cam{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:70px;height:5px;background:#2a2d32;border-radius:99px;z-index:5;pointer-events:none} :where(.ma-content) .iphone-scr{background:#fff;border-radius:34px;overflow:hidden;height:487px;position:relative;display:flex;flex-direction:column} :where(.ma-content) .pv-top{padding:26px 14px 12px;display:flex;align-items:center;gap:9px;background:#fff} :where(.ma-content) .pv-logo{width:34px;height:34px;border-radius:9px;flex:none;background-size:cover;background-position:center} :where(.ma-content) .pv-nm{font-size:13px;font-weight:800;color:#15333B;line-height:1.1} :where(.ma-content) .pv-nm small{display:block;font-size:10px;color:#13A06B;font-weight:600} :where(.ma-content) .pv-ban{margin:0 12px 12px;background:linear-gradient(120deg,var(--primary),var(--primary-d));color:#fff;border-radius:12px;padding:11px 13px;font-size:11px} :where(.ma-content) .pv-ban b{display:block;font-size:13px;margin-bottom:1px} :where(.ma-content) .pv-grid{padding:0 12px;display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:hidden} :where(.ma-content) .pv-card{background:#fff;border:1px solid #eef2f2;border-radius:12px;overflow:hidden} :where(.ma-content) .pv-ph{width:100%;aspect-ratio:1.05;background-size:cover;background-position:center;background-color:#e8eef0} :where(.ma-content) .pv-meta{padding:7px 8px} :where(.ma-content) .pv-t{font-size:10.5px;font-weight:700;color:#15333B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :where(.ma-content) .pv-pr{font-size:11px;font-weight:800;color:var(--primary-d);margin-top:1px} :where(.ma-content) .pv-tab{margin-top:auto;background:#fff;border-top:1px solid #eef2f2;display:flex;justify-content:space-around;padding:9px 0} :where(.ma-content) .pv-tab span{width:20px;height:20px;border-radius:6px;background:#e3ebeb} :where(.ma-content) .pv-tab span.act{background:var(--primary)} :where(.ma-content) .tpk-plans{padding:26px 28px} :where(.ma-content) .tpk-chrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap} :where(.ma-content) .tpk-chlbl{font-size:13px;font-weight:700;color:var(--ink)} :where(.ma-content) .tpk-chsw{display:flex;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:3px} :where(.ma-content) .tpk-chsw button{padding:8px 15px;border-radius:9px;font-size:13px;font-weight:700;color:var(--muted);border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:7px} :where(.ma-content) .tpk-chsw button .cdot{width:8px;height:8px;border-radius:50%;background:#c8d4d4} :where(.ma-content) .tpk-chsw button.on{background:var(--soft);color:var(--ink)} :where(.ma-content) .tpk-chsw button.on[data-c=tg] .cdot{background:#229ED9} :where(.ma-content) .tpk-chsw button.on[data-c=max] .cdot{background:#6B4DE0} :where(.ma-content) .tpk-chsw button.on[data-c=both] .cdot{background:var(--primary)} :where(.ma-content) .tpk-bundle{font-size:12px;font-weight:700;color:var(--green);background:#e5f6ee;padding:6px 11px;border-radius:99px} :where(.ma-content) .tpk-plist{display:grid;grid-template-columns:1fr 1fr;gap:12px} :where(.ma-content) .tplan{border:1.6px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:.12s;background:#fff;position:relative} :where(.ma-content) .tplan:hover{border-color:var(--primary)} :where(.ma-content) .tplan.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary),0 6px 20px rgba(19,134,140,.12)} :where(.ma-content) .tplan.pop::after{content:'Популярный';position:absolute;top:-10px;right:14px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:99px} :where(.ma-content) .tplan .pn{font-size:16px;font-weight:800;color:var(--ink)} :where(.ma-content) .tplan .sku{font-size:11px;color:var(--muted);margin-top:2px;display:block} :where(.ma-content) .tplan .pp{font-size:22px;font-weight:800;color:var(--ink);margin-top:12px;letter-spacing:-.5px} :where(.ma-content) .tplan .pp small{font-size:12px;color:var(--muted);font-weight:600} :where(.ma-content) .tplan .sub{font-size:12px;color:var(--muted);margin-top:3px} :where(.ma-content) .tplan .spl{font-size:11px;color:var(--primary-d);margin-top:8px;font-weight:700} :where(.ma-content) .tpk-foot{margin-top:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)} :where(.ma-content) .tpk-total{flex:1} :where(.ma-content) .tpk-total .tl{font-size:12px;color:var(--muted)} :where(.ma-content) .tpk-total .tv{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.5px} :where(.ma-content) .tpk-total .tv small{font-size:13px;color:var(--muted);font-weight:600} :where(.ma-content) .tpk-buy{background:var(--amber);color:#3b2a12;border:0;border-radius:13px;padding:15px 28px;font-size:15px;font-weight:800;cursor:pointer;transition:.12s} :where(.ma-content) .tpk-buy:hover{background:var(--amber-d)} :where(.ma-content) .tpk-note{font-size:11.5px;color:var(--muted);margin-top:10px;width:100%} :where(.ma-content) .tpk-note a{color:var(--primary-d);font-weight:700} @media(max-width:820px){:where(.ma-content) .tpk-body{grid-template-columns:1fr} :where(.ma-content) .tpk-preview{display:none} :where(.ma-content) .tpk-plist{grid-template-columns:1fr} } :where(.ma-content) .pv-shot{width:100%;height:100%;background-size:cover;background-position:top center;background-repeat:no-repeat;transition:background-image .15s} :where(.ma-content) .pv-switch{display:flex;gap:4px;margin-top:16px;background:rgba(255,255,255,.12);border-radius:11px;padding:3px} :where(.ma-content) .pv-switch button{padding:8px 16px;border-radius:8px;font-size:12.5px;font-weight:700;color:#bfe3e3;border:0;background:none;cursor:pointer;transition:.12s} :where(.ma-content) .pv-switch button.on{background:#fff;color:var(--deep)} :where(.ma-content) #tpkStep{min-height:200px} :where(.ma-content) .co-head{display:flex;align-items:center;gap:14px;padding:20px 28px 0} :where(.ma-content) .co-back{font-size:13px;color:var(--muted);font-weight:700;background:none;border:0;cursor:pointer} :where(.ma-content) .co-back:hover{color:var(--ink)} :where(.ma-content) .co-head h3{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.3px} :where(.ma-content) .co-body{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:22px 28px 28px} :where(.ma-content) .co-left{min-width:0} :where(.ma-content) .co-lbl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px} :where(.ma-content) .co-pm{display:flex;align-items:center;gap:13px;border:1.6px solid var(--line);border-radius:14px;padding:15px;cursor:pointer;margin-bottom:11px;transition:.12s;background:#fff} :where(.ma-content) .co-pm:hover{border-color:var(--primary)} :where(.ma-content) .co-pm.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)} :where(.ma-content) .co-radio{width:20px;height:20px;border-radius:50%;border:2px solid #c8d4d4;flex:none;position:relative;transition:.12s} :where(.ma-content) .co-pm.on .co-radio{border-color:var(--primary)} :where(.ma-content) .co-pm.on .co-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--primary)} :where(.ma-content) .co-pm-main{flex:1} :where(.ma-content) .co-pm-main b{font-size:14px;font-weight:800;color:var(--ink);display:block} :where(.ma-content) .co-pm-main span{font-size:12px;color:var(--muted)} :where(.ma-content) .co-pm-ic{font-size:20px} :where(.ma-content) .co-field{margin-bottom:14px} :where(.ma-content) .co-field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--ink)} :where(.ma-content) .co-inp{width:100%;border:1.6px solid var(--line);border-radius:11px;padding:12px 13px;font-size:14px;outline:none;transition:border-color .12s;background:#fff;font-family:inherit} :where(.ma-content) .co-inp:focus{border-color:var(--primary)} :where(.ma-content) .co-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px} :where(.ma-content) .co-check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink);cursor:pointer;margin:4px 0 8px} :where(.ma-content) .co-check input{width:17px;height:17px} :where(.ma-content) .co-split-note{background:var(--soft);border-radius:12px;padding:13px 15px;font-size:12.5px;color:var(--ink);margin-bottom:16px;line-height:1.5} :where(.ma-content) .co-secure{font-size:11.5px;color:var(--muted);margin-top:12px;text-align:center} :where(.ma-content) .co-right{} :where(.ma-content) .co-sum{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px} :where(.ma-content) .co-sum-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)} :where(.ma-content) .co-sum-row b{color:var(--ink);font-weight:700;text-align:right} :where(.ma-content) .co-sum-row.total{border-bottom:0;border-top:2px solid var(--line);margin-top:4px;padding-top:14px;font-size:14px} :where(.ma-content) .co-sum-row.total b{font-size:19px;font-weight:800;color:var(--ink)} :where(.ma-content) .co-processing{padding:70px 28px;text-align:center} :where(.ma-content) .co-spin{width:44px;height:44px;border:4px solid var(--soft);border-top-color:var(--primary);border-radius:50%;animation:tpkspin .7s linear infinite;margin:0 auto 20px} @keyframes tpkspin{to{transform:rotate(360deg)}} :where(.ma-content) .co-proc-t{font-size:17px;font-weight:800;color:var(--ink)} :where(.ma-content) .co-proc-s{font-size:13px;color:var(--muted);margin-top:5px} :where(.ma-content) .co-success{padding:44px 40px;text-align:center;max-width:560px;margin:0 auto} :where(.ma-content) .co-check-ic{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--green),#0f8a5c);display:flex;align-items:center;justify-content:center;margin:0 auto 22px} :where(.ma-content) .co-check-ic svg{width:36px;height:36px} :where(.ma-content) .co-success h3{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.4px} :where(.ma-content) .co-success p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.55} :where(.ma-content) .co-next{background:var(--paper);border-radius:16px;padding:20px;margin-top:24px;text-align:left} :where(.ma-content) .co-next-t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:14px} :where(.ma-content) .co-step{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:var(--ink);padding:8px 0;line-height:1.4} :where(.ma-content) .co-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none} @media(max-width:820px){:where(.ma-content) .co-body{grid-template-columns:1fr} :where(.ma-content) .co-right{order:-1} } :where(.ma-content) .co-msgpick{display:flex;gap:9px;flex-wrap:wrap} :where(.ma-content) .co-msgpick button{display:flex;align-items:center;gap:8px;border:1.6px solid var(--line);border-radius:11px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--ink);background:#fff;cursor:pointer;transition:.12s} :where(.ma-content) .co-msgpick button:hover{border-color:var(--primary)} :where(.ma-content) .co-msgpick button.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)} :where(.ma-content) .mp-ic{width:22px;height:22px;border-radius:6px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px} :where(.ma-content) .co-file{display:flex;align-items:center;gap:11px;border:1.6px dashed #c8d4d4;border-radius:12px;padding:14px 15px;cursor:pointer;transition:.12s;background:var(--paper)} :where(.ma-content) .co-file:hover{border-color:var(--primary);background:var(--soft)} :where(.ma-content) .co-file.has{border-style:solid;border-color:var(--green);background:#e8f6ef} :where(.ma-content) .co-file-ic{font-size:18px} :where(.ma-content) #invFileTxt{font-size:12.5px;color:var(--muted)} :where(.ma-content) .co-file.has #invFileTxt{color:var(--ink)} :where(.ma-content) .tplan-h{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} :where(.ma-content) .tplan-radio{width:20px;height:20px;border-radius:50%;border:2px solid #c8d4d4;flex:none;margin-top:2px;position:relative;transition:.12s} :where(.ma-content) .tplan.on .tplan-radio{border-color:var(--primary)} :where(.ma-content) .tplan.on .tplan-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--primary)} :where(.ma-content) .tplan-feat{list-style:none;margin:12px 0 0;padding:0} :where(.ma-content) .tplan-feat li{font-size:12px;color:#4c5f63;padding:3px 0 3px 20px;position:relative;line-height:1.35} :where(.ma-content) .tplan-feat li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:800} :where(.ma-content) .tpk-subwrap{margin-top:18px} :where(.ma-content) .tpk-sub-lbl{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:10px} :where(.ma-content) .tpk-sub-hint{font-size:11.5px;font-weight:500;color:var(--muted);margin-left:6px} :where(.ma-content) .tpk-subrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} :where(.ma-content) .tpk-subopt{border:1.6px solid var(--line);border-radius:13px;padding:13px 12px;cursor:pointer;position:relative;transition:.12s;background:#fff;text-align:center} :where(.ma-content) .tpk-subopt:hover{border-color:var(--primary)} :where(.ma-content) .tpk-subopt.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)} :where(.ma-content) .tpk-sub-badge{position:absolute;top:-9px;right:10px;background:var(--green);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px} :where(.ma-content) .tpk-sub-nm{font-size:13px;font-weight:800;color:var(--ink)} :where(.ma-content) .tpk-sub-pm{font-size:14px;font-weight:800;color:var(--primary-d);margin-top:5px} :where(.ma-content) .tpk-sub-full{font-size:11px;color:var(--muted);margin-top:2px} @media(max-width:820px){:where(.ma-content) .tpk-subrow{grid-template-columns:1fr 1fr} } :where(.ma-content) .co-pm-ic svg{width:24px;height:24px;color:var(--primary-d)} :where(.ma-content) .co-pm-ic{display:flex;align-items:center} :where(.ma-content) .co-hint-sm{font-size:11px;color:var(--muted);margin-top:5px} :where(.ma-content) .mp-ic svg{width:13px;height:13px} :where(.ma-content) .co-dl-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center} :where(.ma-content) .co-dl{display:inline-flex;align-items:center;gap:9px} :where(.ma-content) .tpk-buy.ghost-btn{background:#fff;border:1.6px solid var(--line);color:var(--ink)} :where(.ma-content) .tpk-buy.ghost-btn:hover{background:var(--paper)} :where(.ma-content) .cat-note{display:flex;align-items:flex-start;gap:12px;background:var(--soft);border-radius:14px;padding:16px 20px;margin-top:26px;max-width:900px} :where(.ma-content) .cat-note svg{width:22px;height:22px;color:var(--primary-d);flex:none;margin-top:1px} :where(.ma-content) .cat-note span{font-size:13.5px;color:var(--ink);line-height:1.5} :where(.ma-content) .cat-cta{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,var(--deep),var(--deep2));border-radius:16px;padding:22px 26px;margin-top:16px;max-width:900px} :where(.ma-content) .cat-cta-txt b{display:block;font-size:16px;font-weight:800;color:#fff} :where(.ma-content) .cat-cta-txt span{font-size:13px;color:#bfe3e3} :where(.ma-content) .cat-cta-btn{background:var(--amber);color:#3b2a12;border:0;border-radius:12px;padding:13px 24px;font-size:14px;font-weight:800;cursor:pointer;transition:.12s;white-space:nowrap} :where(.ma-content) .cat-cta-btn:hover{background:var(--amber-d)} @media(max-width:600px){:where(.ma-content) .cat-cta{flex-direction:column;align-items:stretch} :where(.ma-content) .cat-cta-btn{width:100%} } :where(.ma-content) .co-afterpay{display:flex;align-items:flex-start;gap:9px;margin-top:14px;background:var(--soft);border-radius:12px;padding:13px 15px;font-size:12.5px;color:var(--ink);line-height:1.5} :where(.ma-content) .co-afterpay svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:1px} :where(.ma-content) .hero-shot{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:top center;background-repeat:no-repeat} :where(.ma-content) .mcat-group{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:30px 0 14px} :where(.ma-content) .mcat-group:first-of-type{margin-top:8px} :where(.ma-content) .mcatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} :where(.ma-content) .mcatcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;cursor:pointer;transition:.18s;text-align:left} :where(.ma-content) .mcatcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(36,27,58,.1);border-color:var(--primary)} :where(.ma-content) .mcatcard .mcic{width:46px;height:46px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:14px} :where(.ma-content) .mcatcard .mcic svg{width:24px;height:24px;stroke:var(--primary-d);fill:none;stroke-width:1.7} :where(.ma-content) .mcatcard h4{font-size:15px;font-weight:700;margin-bottom:4px} :where(.ma-content) .mcatcard p{font-size:12px;color:var(--muted);line-height:1.4} :where(.ma-content) .mcatcard .mcgo{font-size:12.5px;font-weight:700;color:var(--primary-d);margin-top:12px;display:flex;align-items:center;gap:5px;opacity:0;transform:translateX(-4px);transition:.18s} :where(.ma-content) .mcatcard:hover .mcgo{opacity:1;transform:translateX(0)} @media(max-width:900px){:where(.ma-content) .mcatgrid{grid-template-columns:1fr 1fr} } @media(max-width:560px){:where(.ma-content) .mcatgrid{grid-template-columns:1fr 1fr} :where(.ma-content) .mcatcard{padding:15px} } :where(.ma-content) .mpv-ov{position:fixed;inset:0;background:rgba(36,27,58,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:28px 20px} :where(.ma-content) .mpv-ov.on{display:flex} :where(.ma-content) .mpv{background:var(--paper);border-radius:24px;max-width:860px;width:100%;box-shadow:0 40px 100px rgba(0,0,0,.4);overflow:hidden;display:grid;grid-template-columns:290px 1fr;max-height:90vh;position:relative} :where(.ma-content) .mpv-left{background:linear-gradient(160deg,var(--deep),var(--deep2));padding:32px 24px;display:flex;flex-direction:column;align-items:center} :where(.ma-content) .mpv-iphone{width:220px;background:#1a1526;border-radius:40px;padding:9px;box-shadow:0 24px 50px rgba(0,0,0,.4);position:relative;flex:none} :where(.ma-content) .mpv-cam{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:60px;height:5px;background:#2a2438;border-radius:99px;z-index:5} :where(.ma-content) .mpv-scr{background:#fff;border-radius:32px;overflow:hidden;height:452px;position:relative} :where(.ma-content) .mpv-shot{position:absolute;inset:0;background-size:cover;background-position:top center} :where(.ma-content) .mpv-switch{display:flex;gap:5px;margin-top:18px;background:rgba(255,255,255,.12);border-radius:11px;padding:3px} :where(.ma-content) .mpv-switch button{padding:9px 18px;border-radius:9px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7);border:0;background:none;cursor:pointer} :where(.ma-content) .mpv-switch button.on{background:#fff;color:var(--deep)} :where(.ma-content) .mpv-right{padding:36px 34px;overflow-y:auto} :where(.ma-content) .mpv-x{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);z-index:6;border:0;cursor:pointer} :where(.ma-content) .mpv-cic{width:56px;height:56px;border-radius:15px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px} :where(.ma-content) .mpv-cic svg{width:28px;height:28px;stroke:var(--primary-d);fill:none;stroke-width:1.7} :where(.ma-content) .mpv-right h3{font-size:26px;font-weight:800;margin-bottom:8px;letter-spacing:-.4px} :where(.ma-content) .mpv-desc{font-size:15px;color:var(--muted);line-height:1.55;margin-bottom:22px} :where(.ma-content) .mpv-feat{display:flex;align-items:flex-start;gap:11px;padding:9px 0;font-size:14.5px} :where(.ma-content) .mpv-feat svg{width:19px;height:19px;flex:none;stroke:var(--green);fill:none;stroke-width:2.2;margin-top:1px} :where(.ma-content) .mpv-price{margin-top:24px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:16px} :where(.ma-content) .mpv-price .mpp{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.5px} :where(.ma-content) .mpv-price .mpp span{font-size:15px;color:var(--muted);font-weight:600} @media(max-width:820px){:where(.ma-content) .mpv{grid-template-columns:1fr;max-height:94vh} :where(.ma-content) .mpv-left{display:none} } :where(.ma-content) .req-ov{position:fixed;inset:0;background:rgba(36,27,58,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1100;padding:28px 20px} :where(.ma-content) .req-ov.on{display:flex} :where(.ma-content) .req{background:#fff;border-radius:22px;max-width:460px;width:100%;padding:36px;position:relative;box-shadow:var(--sh)} :where(.ma-content) .req-x{position:absolute;top:18px;right:20px;width:34px;height:34px;border-radius:10px;background:var(--paper);color:var(--muted);font-size:16px;border:0;cursor:pointer} :where(.ma-content) .req h3{font-size:24px;font-weight:800;margin-bottom:8px} :where(.ma-content) .req .req-sub{font-size:14.5px;color:var(--muted);line-height:1.5;margin-bottom:22px} :where(.ma-content) .req-field{margin-bottom:14px} :where(.ma-content) .req-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px} :where(.ma-content) .req-inp{width:100%;border:1.6px solid var(--line);border-radius:11px;padding:13px 14px;font-size:14.5px;outline:none;font-family:inherit;transition:border-color .15s;background:var(--paper)} :where(.ma-content) .req-inp:focus{border-color:var(--primary);background:#fff} :where(.ma-content) .req-msg{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap} :where(.ma-content) .req-msg button{display:flex;align-items:center;gap:7px;border:1.6px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13px;font-weight:700;background:#fff;transition:.15s;cursor:pointer} :where(.ma-content) .req-msg button.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)} :where(.ma-content) .req-msg .mi{width:20px;height:20px;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px} :where(.ma-content) .req-cta{width:100%;background:var(--primary);color:#fff;padding:15px;border-radius:12px;font-size:15px;font-weight:800;margin-top:6px;transition:.15s;border:0;cursor:pointer} :where(.ma-content) .req-cta:hover{background:var(--primary-d)} :where(.ma-content) .req-success{text-align:center;padding:20px 0} :where(.ma-content) .req-success .rs-ic{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--green),#0f8a5c);display:flex;align-items:center;justify-content:center;margin:0 auto 18px} :where(.ma-content) .req-success .rs-ic svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:2.5} :where(.ma-content) .req-success h3{margin-bottom:10px} :where(.ma-content) .req-success p{font-size:14.5px;color:var(--muted);line-height:1.55} :where(.ma-content) .single-price{max-width:560px;margin:0 auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(36,27,58,.16);border:1px solid var(--line)} :where(.ma-content) .sp-top{padding:38px 40px 30px;text-align:center;position:relative;background:linear-gradient(160deg,var(--soft),#fff)} :where(.ma-content) .sp-badge{position:absolute;top:20px;right:20px;background:#e5f6ee;color:#0f8a5c;font-size:12px;font-weight:800;padding:6px 13px;border-radius:99px} :where(.ma-content) .sp-name{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-d)} :where(.ma-content) .sp-amt{font-size:64px;font-weight:800;line-height:1;margin:14px 0 4px;letter-spacing:-.02em;color:var(--ink)} :where(.ma-content) .sp-amt span{font-size:22px;color:var(--muted);font-weight:600} :where(.ma-content) .sp-year{font-size:14px;color:#0f8a5c;font-weight:700} :where(.ma-content) .sp-toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;margin-top:20px} :where(.ma-content) .sp-toggle button{padding:9px 20px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--muted);border:0;background:none;cursor:pointer} :where(.ma-content) .sp-toggle button.on{background:var(--primary);color:#fff} :where(.ma-content) .sp-feats{padding:10px 40px 30px} :where(.ma-content) .sp-ft-title{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:20px 0 16px;text-align:center} :where(.ma-content) .sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px} :where(.ma-content) .sp-li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4} :where(.ma-content) .sp-li svg{width:19px;height:19px;flex:none;stroke:var(--green);fill:none;stroke-width:2.2;margin-top:1px} :where(.ma-content) .sp-foot{padding:0 40px 40px;text-align:center} :where(.ma-content) .sp-cta{width:100%;background:var(--primary);color:#fff;padding:17px;border-radius:14px;font-size:16px;font-weight:800;border:0;cursor:pointer;transition:.15s} :where(.ma-content) .sp-cta:hover{background:var(--primary-d)} :where(.ma-content) .sp-trial{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.5} @media(max-width:560px){:where(.ma-content) .sp-grid{grid-template-columns:1fr} :where(.ma-content) .sp-top,:where(.ma-content) .sp-feats,:where(.ma-content) .sp-foot{padding-left:24px;padding-right:24px} :where(.ma-content) .sp-amt{font-size:52px} } :where(.ma-content) .mtabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px} :where(.ma-content) .mtab{padding:12px 22px;border-radius:99px;font-size:14.5px;font-weight:700;color:var(--muted);background:#fff;border:1.6px solid var(--line);cursor:pointer;transition:.15s} :where(.ma-content) .mtab:hover{border-color:var(--primary);color:var(--primary-d)} :where(.ma-content) .mtab.on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(109,74,224,.28)} @media(max-width:560px){:where(.ma-content) .mtab{padding:10px 16px;font-size:13px} } @media(max-width:560px){:where(.ma-content) .ctable{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} :where(.ma-content) .ctable th,:where(.ma-content) .ctable td{padding:10px 10px} :where(.ma-content) .ctable td:first-child{width:auto;min-width:120px} } @media(max-width:400px){:where(.ma-content) .ctable th,:where(.ma-content) .ctable td{padding:9px 7px;font-size:11.5px} :where(.ma-content) .wrap{padding:0 16px} } .ma-content,.ma-content{max-width:100%;overflow-x:hidden} :where(.ma-content) .cust .av,:where(.ma-content) .chat-top .av{background-color:#ded4f5;background-size:cover;background-position:center} :where(.ma-content) .cust .av svg,:where(.ma-content) .chat-top .av svg{display:none} :where(.ma-content) .mcphoto{width:100%;height:120px;border-radius:12px;background-size:cover;background-position:center;background-color:#ded4f5;margin-bottom:14px} :where(.ma-content) .mcatcard{padding:14px} :where(.ma-content) .mcatcard h4{margin-top:2px} :where(.ma-content) .sp-chan{margin:18px 0 6px} :where(.ma-content) .sp-chan-lbl{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px} :where(.ma-content) .sp-chan-sw{display:grid;grid-template-columns:1fr 1fr;gap:10px} :where(.ma-content) .sp-chan-sw button{text-align:left;border:1.8px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;cursor:pointer;transition:.15s} :where(.ma-content) .sp-chan-sw button:hover{border-color:var(--primary)} :where(.ma-content) .sp-chan-sw button.on{border-color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary);background:var(--soft)} :where(.ma-content) .sp-chan-sw button b{display:block;font-size:15px;color:var(--ink);margin-bottom:3px} :where(.ma-content) .sp-chan-sw button span{display:block;font-size:12px;color:var(--muted);line-height:1.35} @media(max-width:560px){:where(.ma-content) .sp-chan-sw{grid-template-columns:1fr} } :where(.ma-content) .ref-tracks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px} :where(.ma-content) .ref-track{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative} :where(.ma-content) .ref-badge{display:inline-block;font-size:12px;font-weight:800;padding:5px 13px;border-radius:99px;margin-bottom:16px;letter-spacing:.02em} :where(.ma-content) .ref-badge-a{background:var(--soft);color:var(--primary-d)} :where(.ma-content) .ref-badge-b{background:var(--sage-soft,#E4F0EC);color:var(--sage-d,#487166)} :where(.ma-content) .ref-track h3{font-size:22px;font-weight:600;margin-bottom:10px} :where(.ma-content) .ref-lead{font-size:14.5px;color:var(--muted);line-height:1.55;margin-bottom:20px} :where(.ma-content) .ref-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:18px} :where(.ma-content) .ref-opt{display:flex;align-items:center;gap:16px;background:var(--paper);border-radius:14px;padding:16px 18px} :where(.ma-content) .ref-opt-v{font-family:'Fraunces',serif;font-size:24px;font-weight:600;color:var(--primary-d);flex:none;min-width:110px} :where(.ma-content) .ref-opt-l{font-size:13.5px;color:var(--ink);line-height:1.4} :where(.ma-content) .ref-note{font-size:12.5px;color:var(--muted);line-height:1.5;padding-top:14px;border-top:1px solid var(--line)} :where(.ma-content) .ref-calc-sw{display:flex;gap:6px;background:var(--paper);border-radius:11px;padding:4px;margin-top:4px} :where(.ma-content) .ref-calc-sw button{flex:1;padding:9px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);border:0;background:none;cursor:pointer;transition:.12s} :where(.ma-content) .ref-calc-sw button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)} @media(max-width:820px){:where(.ma-content) .ref-tracks{grid-template-columns:1fr} } :where(.ma-content) .whyneed{background:linear-gradient(180deg,var(--paper),#fff)} :where(.ma-content) .wn-glance{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 40px;max-width:940px} :where(.ma-content) .wn-side{border-radius:20px;padding:30px} :where(.ma-content) .wn-client{background:#fff;border:1px solid var(--line)} :where(.ma-content) .wn-you{background:linear-gradient(160deg,var(--deep),var(--deep2));color:#fff} :where(.ma-content) .wn-side-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;opacity:.7} :where(.ma-content) .wn-client .wn-side-h{color:var(--primary-d)} :where(.ma-content) .wn-side p{font-size:15px;line-height:1.6} :where(.ma-content) .wn-client p{color:var(--muted)} :where(.ma-content) .wn-quote{margin-top:18px;padding-top:16px;border-top:1px solid rgba(128,128,128,.2);font-size:14px;font-style:italic;line-height:1.5} :where(.ma-content) .wn-client .wn-quote{color:var(--ink)} :where(.ma-content) .wn-you .wn-quote{border-color:rgba(255,255,255,.2)} :where(.ma-content) .wn-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto 40px} :where(.ma-content) .wn-b{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;transition:.2s} :where(.ma-content) .wn-b:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(36,27,58,.1)} :where(.ma-content) .wn-b-ic{width:54px;height:54px;border-radius:15px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary-d)} :where(.ma-content) .wn-b-ic svg{width:28px;height:28px} :where(.ma-content) .wn-b:nth-child(2) .wn-b-ic{background:var(--sage-soft,#E4F0EC);color:var(--sage-d,#487166)} :where(.ma-content) .wn-b:nth-child(3) .wn-b-ic{background:#FBE6EC;color:var(--rose-d,#c93f63)} :where(.ma-content) .wn-b h3{font-size:20px;font-weight:600;margin-bottom:10px} :where(.ma-content) .wn-b p{font-size:14.5px;color:var(--muted);line-height:1.6} :where(.ma-content) .wn-close{text-align:center;max-width:680px;margin:0 auto} :where(.ma-content) .wn-close p{font-size:18px;line-height:1.6;color:var(--ink);margin-bottom:26px} :where(.ma-content) .wn-close b{color:var(--primary-d)} @media(max-width:820px){:where(.ma-content) .wn-glance{grid-template-columns:1fr} :where(.ma-content) .wn-benefits{grid-template-columns:1fr} :where(.ma-content) .wn-close p{font-size:16px} } :where(.ma-content) .win-shot{background:#f4f2f9;line-height:0} :where(.ma-content) .win-shot img{width:100%;height:auto;display:block} :where(.ma-content) .sp-tagline{background:var(--soft);border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.5;color:var(--ink);margin:14px 0 2px} :where(.ma-content) .integ-foot{text-align:center;max-width:720px;margin:32px auto 0;font-size:15px;color:var(--muted);line-height:1.6;padding:20px 24px;background:var(--soft);border-radius:16px} :where(.ma-content) .bprev-img{background-size:cover;background-position:top center;min-height:200px;border-radius:0} :where(.ma-content) .attract{background:var(--paper)} :where(.ma-content) .atr-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:940px;margin:0 auto 40px} :where(.ma-content) .atr-col{border-radius:20px;padding:28px} :where(.ma-content) .atr-old{background:#fff;border:1px solid var(--line)} :where(.ma-content) .atr-new{background:linear-gradient(160deg,var(--deep),var(--deep2));color:#fff} :where(.ma-content) .atr-h{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;opacity:.75} :where(.ma-content) .atr-old .atr-h{color:var(--muted)} :where(.ma-content) .atr-li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14.5px;line-height:1.45} :where(.ma-content) .atr-old .atr-li{color:var(--muted)} :where(.ma-content) .ai{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:rgba(224,87,122,.15);color:var(--warn);margin-top:1px} :where(.ma-content) .ai.ok{background:rgba(22,169,124,.2);color:#3ee0a8} :where(.ma-content) .atr-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto} :where(.ma-content) .atr-p{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:.2s} :where(.ma-content) .atr-p:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(36,27,58,.1)} :where(.ma-content) .atr-p-ic{width:50px;height:50px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--primary-d)} :where(.ma-content) .atr-p-ic svg{width:26px;height:26px} :where(.ma-content) .atr-p:nth-child(2) .atr-p-ic{background:#FBE6EC;color:var(--rose-d,#c93f63)} :where(.ma-content) .atr-p:nth-child(3) .atr-p-ic{background:var(--sage-soft,#E4F0EC);color:var(--sage-d,#487166)} :where(.ma-content) .atr-p h3{font-size:19px;font-weight:600;margin-bottom:10px} :where(.ma-content) .atr-p p{font-size:14px;color:var(--muted);line-height:1.6} @media(max-width:820px){:where(.ma-content) .atr-compare{grid-template-columns:1fr} :where(.ma-content) .atr-points{grid-template-columns:1fr} } :where(.ma-content) .btn-textlink{display:inline-block;margin-left:14px;font-size:14px;font-weight:600;color:var(--primary-d);align-self:center} :where(.ma-content) .btn-textlink:hover{text-decoration:underline} @media(max-width:560px){:where(.ma-content) .btn-textlink{display:block;margin-left:0;margin-top:12px} }