@font-face{font-family:Manrope;src:url('/site-assets/fonts/manrope-variable.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap}
:root{--bg:#f6f5f2;--surface:#fff;--ink:#18191f;--muted:#5d5a62;--accent:#c51f36;--accent-hover:#a9192d;--dark:#0d0e12;--line:#dddedf;--radius:18px;font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a,button{transition:background .18s,color .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ed6e7e;outline-offset:5px}[hidden]{display:none!important}img{max-width:100%}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{max-width:1320px;padding-left:48px;padding-right:48px;margin:0 auto}.header-shell{background:var(--dark);color:#f7f7f8;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:30}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{object-fit:contain}.brand-light{color:#f04b60;font-weight:650}.desktop-nav{display:flex;gap:31px;font-size:12px;font-weight:600;color:#b9bac0}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff}.header-actions{display:flex;align-items:center;gap:12px}.button{border:1px solid var(--accent);background:var(--accent);border-radius:10px;display:inline-flex;justify-content:space-between;align-items:center;gap:27px;color:#fff;padding:17px 22px;font-size:13px;font-weight:750;min-height:54px;line-height:1.5}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button>span{font-size:20px;font-weight:500}.button .icon{width:21px;height:21px}.button-small{min-height:42px;padding:10px 17px;font-size:11px;gap:22px}.button-header{background:#ffffff08;border-color:#ffffff32}.button-header:hover{background:#ffffff13;border-color:#ffffff75}.button-outline{background:transparent;border-color:#d4d4d8;color:var(--ink)}.button-outline:hover{background:#ebe9e8;border-color:#aaa9af}.full{width:100%}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;line-height:1.8;display:flex;align-items:center;gap:10px;color:var(--muted)}.accent-line{width:22px;height:2px;background:#f04b60}.hero-shell{background:var(--dark);color:#f7f5f3;overflow:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:70px;padding-bottom:48px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#a9a7ae;font-size:9px}.hero h1{font-size:clamp(66px,6.6vw,94px);letter-spacing:-5.5px;line-height:1.04;font-weight:750;margin:26px 0 24px}.hero h1 em{color:#f0475b;font-style:italic;font-synthesis:style}.hero-description{font-size:14px;line-height:1.95;color:#b4b1b8;margin:0 0 29px;max-width:430px}.hero-actions{display:flex;align-items:center;gap:26px}.hero-how{font-size:11px;font-weight:650;white-space:nowrap;color:#dbd7dc}.hero-how span{margin-left:10px;color:#f35b6d}.hero-note{font-size:10px;display:flex;gap:8px;align-items:center;color:#a8a4ab;margin:16px 0 0}.hero-note .icon{width:14px;height:14px;color:#e76b79}.hero-note>span{color:#6e626a}.hero-origin{display:flex;align-items:center;gap:12px;margin-top:42px;color:#938d97;font-size:9px;line-height:1.7}.hero-origin strong{font-weight:500;color:#a6a3ab}.origin-mark{font-size:21px;font-weight:800;border-left:2px solid #9c2334;padding-left:8px;color:#9b7a81;line-height:1}.hero-art{position:relative;min-width:0;isolation:isolate}.hero-bear{position:absolute;width:780px;max-width:none;height:610px;object-fit:cover;right:-148px;top:-10px;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%),linear-gradient(to right,transparent,#000 18%);mask-composite:intersect;z-index:-1}.hero-ring{position:absolute;border:1px solid #e531432a;border-radius:50%;width:475px;height:475px;top:26px;right:-22px;box-shadow:0 0 0 47px #cc1b2f05,0 0 0 95px #cc1b2f03;z-index:-2}.hero-art-tag{position:absolute;right:14px;top:0;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.8px;color:#aca0a8}.hero-art-tag>span{width:5px;height:5px;border-radius:50%;background:#ef4b60}.connection-card{position:absolute;bottom:54px;left:25px;right:0;display:flex;align-items:center;gap:14px;padding:20px;background:#19191edb;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 20px 50px #0004;backdrop-filter:blur(18px)}.connection-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#f46d7e;background:#df2d4118;border:1px solid #f04b602a;flex:none}.connection-card strong{font-size:11px;display:block;font-weight:700}.connection-card div>span{font-size:9px;color:#a5a0aa;display:block;margin-top:6px}.connection-arrow{width:19px;margin-left:auto;color:#cf7d88}.art-caption{position:absolute;bottom:17px;left:28px;right:0;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:2px;color:#a5828a}.art-caption>span{color:#69616b}.platform-line{border-top:1px solid #ffffff12;padding-top:25px;padding-bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#9e9ba4}.platform-line>div{display:flex;gap:38px;color:#dbd9de;font-weight:600}.platform-line a{display:inline-flex;align-items:center;min-height:32px}.platform-line a:hover{color:#f47d8c}.platform-line a>span{margin-left:10px;color:#b56774}.section{padding-top:92px;padding-bottom:92px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}h2{font-size:42px;line-height:1.18;letter-spacing:-1.7px;font-weight:750;margin:15px 0 0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 5px}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.benefit{border-top:1px solid #d7d7d8;padding-top:26px}.benefit>.icon{color:var(--accent);width:29px;height:29px}.benefit h3{font-size:17px;font-weight:750;margin:21px 0 10px;letter-spacing:-.5px}.benefit p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:320px}.how-section{background:#eeedeb;border-top:1px solid #e4e3e0;border-bottom:1px solid #e4e3e0}.text-link{font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #b9b5b7;padding:7px 0;line-height:1.6}.text-link:hover{color:var(--accent);border-color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step{padding:24px 26px;border-radius:14px;background:#f9f8f5;position:relative;display:flex;flex-direction:column;gap:33px}.step-number{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:1px}.step>.icon{position:absolute;right:24px;top:24px;color:#a09b9f;width:21px;height:21px}.step h3{font-size:16px;font-weight:750;letter-spacing:-.3px;margin:0 0 10px}.step p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.tariff-section{padding:90px 0;background:var(--bg)}.tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tariff-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px 22px;display:flex;flex-direction:column;position:relative}.tariff-featured{border-color:#d33145;background:#fff9f9;box-shadow:0 8px 30px #bb20330a}.tariff-featured:before{position:absolute;top:-1px;left:23px;right:23px;height:3px;background:var(--accent);content:'';border-radius:0 0 6px 6px}.tariff-top{min-height:30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:start}.tariff-top .eyebrow{font-size:7px;letter-spacing:1px;color:#6b6870}.pill{font-size:9px;font-weight:700;background:#efeeef;color:#645e68;border-radius:30px;padding:5px 9px;line-height:1.6;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tariff-featured .pill{background:#fce5e8;color:#b82439;font-size:8px}.tariff-card h3{font-size:20px;font-weight:750;margin:20px 0;letter-spacing:-.7px}.price{font-size:44px;letter-spacing:-2.6px;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums}.price span{font-size:23px;color:#98939c;font-weight:500;margin-left:3px}.tariff-duration{font-size:10px;color:var(--muted);margin:10px 0 24px}.tariff-divider{border-top:1px solid #e5e2e5}.tariff-card ul{padding:0;list-style:none;margin:20px 0 26px;font-size:10px;line-height:1.7;color:#64616b}.tariff-card li{padding:6px 0;display:flex;gap:8px}.tariff-card li:before{content:'✓';color:#c02e43;font-weight:800}.tariff-card .button{margin-top:auto;font-size:11px;padding:12px 14px;min-height:46px;gap:10px}.tariff-note{display:flex;gap:28px;justify-content:center;font-size:10px;color:#69636e;margin-top:29px;flex-wrap:wrap}.tariff-payment-note{text-align:center;color:#6a6570;font-size:10px;line-height:1.8;margin-top:12px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-section h2{font-size:36px;margin-bottom:20px}.faq-section>.muted{margin:20px 0}.faq-section .text-link{margin-top:12px}.faq details{border-bottom:1px solid #d9d7db}.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:700;line-height:1.8}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400;color:#b52a40;transition:transform .15s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 24px 23px 0}.faq p a{text-decoration:underline;text-underline-offset:3px}.cta-shell{background:#171318;color:#fff;position:relative;overflow:hidden}.cta{position:relative;padding-top:63px;padding-bottom:63px;display:flex;align-items:center;justify-content:space-between;gap:45px;isolation:isolate}.cta .eyebrow{color:#c79ba5;font-size:9px}.cta h2{font-size:43px;position:relative;z-index:1;margin-top:14px}.cta p{color:#a995a2;font-size:11px;margin-top:18px}.cta-action{z-index:1;display:flex;flex-direction:column;gap:14px;align-items:center}.cta-action>span{font-size:10px;color:#b9a7b3}.cta-bear{position:absolute;right:300px;width:330px;opacity:.065;z-index:-1;transform:rotate(-8deg)}.footer-shell{background:var(--dark);color:#d6d4d9;border-top:1px solid #fff1}.footer{padding-top:45px;padding-bottom:35px;display:flex;justify-content:space-between;gap:30px;align-items:start}.footer .brand{font-size:22px}.footer p{font-size:10px;color:#8c8895;margin:14px 0 30px}.footer small{font-size:9px;color:#827f8c}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;font-size:10px;padding-top:7px;color:#a5a1ad}.footer a:hover{color:#fff}.footer-top{border:1px solid #ffffff25;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:20px}.skip{position:fixed;left:20px;top:-80px;z-index:50;background:var(--accent);color:white;padding:15px}.skip:focus{top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;background:#232027;color:white;padding:16px 24px;box-shadow:0 5px 25px #0003;max-width:90vw;font-size:12px;z-index:50;border:1px solid #fff2}
/* Account flows */
.auth-layout{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center;min-height:750px;padding-top:60px;padding-bottom:65px}.auth-story{position:relative;background:var(--dark);color:#fff;border-radius:22px;padding:40px;overflow:hidden;isolation:isolate;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.auth-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0e12eb,#0d0e129a),url('/site-assets/parma-bear-hero-v1.webp') 60% 50%/cover;opacity:.8;z-index:-1}.auth-story .eyebrow{color:#d0b2bc;font-size:8px}.auth-story h1{font-size:67px;letter-spacing:-3.8px;line-height:1.1;font-weight:750;margin:25px 0 18px}.auth-story h1 em,.instructions h1 em{color:var(--accent);font-style:normal}.auth-story>p{font-size:13px;line-height:1.9;color:#c4bfc9}.auth-benefit{display:flex;gap:13px;align-items:start;margin-top:25px}.auth-benefit>span{width:33px;height:33px;border-radius:9px;background:#f03b501a;border:1px solid #f03b5026;color:#ed7e8b;display:grid;place-items:center;font-size:18px;flex:none}.auth-benefit strong{font-size:11px;font-weight:700}.auth-benefit p{font-size:10px;color:#a49aa8;margin:6px 0;line-height:1.7}.auth-card{padding:35px 0}.back-link{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:35px}.back-link:hover{color:var(--accent)}.auth-card h2{font-size:32px;margin:14px 0;letter-spacing:-1.3px}.auth-card>p{font-size:12px;line-height:1.9;color:var(--muted)}label{display:block;font-size:11px;font-weight:750;margin:25px 0 10px}input,textarea{width:100%;border:1px solid #d2cdd3;background:#fff;border-radius:10px;padding:15px;color:var(--ink);min-height:52px;font-size:14px}input::placeholder{color:#89828c}input:focus,textarea:focus{border-color:var(--accent)}.auth-card .button{margin-top:18px}.form-legal{font-size:10px;line-height:1.9;color:#6c6670;margin:15px 0}.form-legal a{text-decoration:underline;text-underline-offset:3px}.auth-bot-note{border-top:1px solid var(--line);padding-top:24px;margin-top:27px}.auth-bot-note strong{font-size:12px;font-weight:750}.auth-bot-note p{font-size:11px;line-height:1.9;color:var(--muted)}.auth-bot-note a{text-decoration:underline;text-underline-offset:3px}code{font-size:.95em;color:#b52a40;font-weight:650}.form-error{color:#b12039!important;font-size:12px!important}.code-input{letter-spacing:12px;font-size:25px;font-variant-numeric:tabular-nums}.code-actions{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.text-button{background:none;border:0;padding:10px 0;font-size:11px;font-weight:750;color:#a9192d;text-align:left;min-height:40px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.notice{padding:14px 16px;background:#f3edf0;border:1px solid #dfcbd3;border-radius:9px;font-size:12px;line-height:1.8}.notice-error{background:#fff0f1;color:#a51e36;border-color:#f1c3cc}.muted{color:var(--muted);font-size:12px;line-height:1.9}.micro{font-size:10px;line-height:1.8;color:var(--muted)}.dashboard{padding-top:45px;padding-bottom:65px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard h1{font-size:40px;letter-spacing:-1.8px;font-weight:750;margin:12px 0}.brand-dot{color:var(--accent)}.dashboard-heading p{margin:0;overflow-wrap:anywhere}.dashboard-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.account-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.account-card h2{font-size:17px;letter-spacing:-.5px;margin:0}.card-index{font-size:8px;letter-spacing:1px;color:#77717f}.subscription-card{background:#17151c;color:#f8f5f8;border-color:#29222d}.subscription-card .muted,.subscription-card .micro{color:#b5aabf}.subscription-card .text-button{color:#ed8a9a}.subscription-card .pill{background:#fff1;color:#c8b9cd}.subscription-card .pill[data-status=active]{color:#b2e2c1;background:#214d354a}.subscription-card .pill[data-status=expired],.subscription-card .pill[data-status=inactive]{color:#ffc0ca;background:#67233655}.subscription-visual{height:120px;display:grid;place-items:center;position:relative;overflow:hidden;margin:20px 0}.subscription-visual span{position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid #fff1}.subscription-visual span:last-child{width:245px;height:245px}.subscription-visual img{z-index:1;object-fit:contain;width:78px;height:63px}.account-card h3{font-size:25px;font-weight:750;letter-spacing:-.8px;margin:10px 0;line-height:1.4}.subscription-card>.muted{margin-bottom:20px}.subscription-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #ffffff20;padding:20px 0}.subscription-metrics span{display:block;color:#b1a3ba;font-size:10px;margin-bottom:10px}.subscription-metrics strong{font-size:12px;font-weight:650}.subscription-card>.text-button{margin-top:10px}.key-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:275px}.empty-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;border:1px solid #efdee1;background:#fff4f5;color:#c7455a;font-size:40px}.key-empty h3{font-size:19px;margin-top:20px}.key-empty p{font-size:12px;line-height:1.9;color:var(--muted)}.key-card>.text-link{margin-top:18px}.key-actions{display:flex;gap:13px;justify-content:space-between;margin:12px 0;align-items:center}.key-actions .button{flex:1;font-size:12px;justify-content:center;min-height:44px}.key-card label{margin-top:20px}.key-card textarea{font-size:11px;line-height:1.8;resize:vertical;word-break:break-all;min-height:70px;background:#faf9f8}.qr-box{border-top:1px solid var(--line);padding-top:20px;text-align:center}.qr-box img{background:white;border-radius:10px;border:10px solid #fff;width:224px;height:224px;object-fit:contain}.dashboard-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin-top:22px}.dashboard-bottom .button{font-size:11px;min-height:45px;margin-top:10px}.dashboard-plans{margin-top:65px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:11px}.payment-row strong{display:block;font-size:12px;margin-bottom:5px}.payment-row small{color:var(--muted)}.payment-history{margin:18px 0}.instructions{padding-top:60px;padding-bottom:60px}.instructions h1{font-size:60px;letter-spacing:-3px;line-height:1.1;font-weight:750;margin:23px 0}.lead{color:var(--muted);line-height:1.9;font-size:14px}.device-picker{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.device-picker button{border:1px solid #d5d0d6;border-radius:9px;padding:12px 19px;background:#fff;font-size:12px;min-height:46px;color:var(--ink);font-weight:650}.device-picker button:hover{border-color:#c54a5b;background:#fff8f9}.device-picker button[aria-pressed=true]{background:#231b24;color:#fff;border-color:#231b24}.device-summary{margin:25px 0 0;font-size:12px;color:var(--muted)}.instruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.instruction-grid .account-card{display:flex;flex-direction:column;align-items:start}.instruction-grid h2{margin:25px 0 16px}.instruction-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 16px}.instruction-grid .button{font-size:11px;padding:12px 16px;margin-top:auto}.instruction-grid .micro{font-size:10px}.instruction-bot{display:flex;gap:17px;padding:25px 28px;background:#eae6e8;border:1px solid #e1dce1;border-radius:14px;margin-top:22px;align-items:start}.instruction-bot>.icon{color:#a9192d}.instruction-bot strong{font-size:12px}.instruction-bot p{font-size:11px;line-height:1.9;color:var(--muted);margin:8px 0 0}.instruction-bot a{text-decoration:underline;text-underline-offset:3px}.help-banner{padding:32px 0;margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.help-banner h2{font-size:27px;margin:0}.help-banner p{font-size:12px;color:var(--muted);line-height:1.8}.help-banner .button{flex:none;font-size:11px}.legal{max-width:850px;padding-top:55px;padding-bottom:65px}.legal h1{font-size:44px;letter-spacing:-2px;font-weight:750;overflow-wrap:anywhere}.legal h2{font-size:22px;letter-spacing:-.5px;margin:36px 0 15px}.legal p{font-size:13px;color:var(--muted);line-height:1.95}.legal .button{margin-top:25px}.empty{color:var(--muted);font-size:13px}
@media(min-width:1450px){.hero{padding-top:80px;padding-bottom:55px}.hero-bear{top:0;right:-120px;height:620px}}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.desktop-nav{gap:20px;font-size:11px}.brand{font-size:22px}.hero h1{font-size:78px;letter-spacing:-4.5px}.hero-description{font-size:13px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;gap:15px}.hero-how{font-size:10px}.hero-bear{width:690px;right:-180px}.connection-card{left:0;gap:10px;padding:15px}.connection-card strong{font-size:10px}.connection-card div>span{font-size:8px}.platform-line>div{gap:26px}.tariff-card{padding:22px 17px}.tariff-top .eyebrow{font-size:6px}.tariff-card .button{font-size:10px;padding:11px}.tariff-featured .pill{font-size:7px}.faq-section{gap:45px}.auth-layout{gap:45px}.auth-story{padding:30px}.auth-story h1{font-size:59px}.instruction-grid .account-card{padding:24px}}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:flex;background:none;border:1px solid #ffffff32;width:42px;height:42px;border-radius:9px;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#fff}.menu-toggle span{width:16px;height:1.5px;background:currentColor;transition:transform .15s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{display:grid;padding-top:8px;padding-bottom:20px;gap:0}.mobile-nav a{min-height:49px;border-top:1px solid #fff1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ddd7e0}.mobile-nav a span{color:#e07082}.hero{padding-top:50px}.hero h1{font-size:68px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:14px 22px}.hero-note{font-size:9px;gap:6px;flex-wrap:wrap;line-height:1.8}.hero-bear{right:-190px;width:640px;height:590px}.hero-art-tag{right:0;font-size:6px}.connection-card{bottom:54px;padding:12px;gap:9px}.connection-icon{width:32px;height:32px;border-radius:9px}.connection-icon .icon{width:19px;height:19px}.connection-arrow{display:none}.platform-line{font-size:9px}.platform-line>div{gap:22px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:35px}.section-heading>p{font-size:11px}.benefits-grid{gap:25px}.benefit h3{font-size:15px}.benefit p{font-size:11px}.step{padding:23px 20px}.step>.icon{right:19px}.step h3{font-size:14px}.step p{font-size:10px}.tariff-section{padding:65px 0}.tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tariff-card{padding:26px}.tariff-top .eyebrow{font-size:8px}.tariff-card .button{font-size:12px}.tariff-card ul{font-size:11px}.tariff-featured .pill{font-size:9px}.faq-section{gap:35px;grid-template-columns:1fr 1.2fr}.faq-section h2{font-size:30px}.faq summary{font-size:12px}.cta h2{font-size:34px}.cta .button{font-size:11px;gap:15px}.cta{gap:25px}.auth-layout{gap:30px;grid-template-columns:1fr 1fr}.auth-story{padding:26px}.auth-story h1{font-size:46px;letter-spacing:-2px}.auth-story .eyebrow{font-size:7px}.auth-story>p{font-size:11px}.auth-benefit p{font-size:9px}.auth-card h2{font-size:27px}.auth-card .eyebrow{font-size:8px}.account-card{padding:23px}.card-heading{flex-wrap:wrap}.instructions h1{font-size:52px}.instruction-grid{gap:12px}.instruction-grid .account-card{padding:20px}.instruction-grid p{font-size:11px}.instruction-grid h2{font-size:16px}.help-banner h2{font-size:24px}.footer-links{gap:20px;font-size:9px}}
@media(max-width:600px){html{scroll-padding-top:90px}.wrap{padding-left:22px;padding-right:22px}.header{height:74px;gap:10px}.brand{font-size:20px;gap:7px;letter-spacing:-.8px}.brand img{width:33px;height:27px}.header-actions{gap:8px}.button-small{font-size:9px;min-height:38px;padding:8px 10px;gap:12px}.button-small>span{font-size:16px}.menu-toggle{width:36px;height:38px}.hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:18px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px;gap:8px}.hero h1{font-size:clamp(58px,16vw,83px);letter-spacing:-3.7px;line-height:1.04;margin-top:23px;margin-bottom:20px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:23px}.hero-description br{display:none}.hero-description{max-width:300px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;gap:21px;padding:15px 18px;min-height:50px}.hero-how{font-size:9px}.hero-how span{margin-left:4px}.hero-note{font-size:8px;margin-top:13px;gap:6px}.hero-origin{display:none}.hero-art{height:335px;margin-top:23px}.hero-bear{width:570px;height:380px;top:-32px;right:-77px;object-fit:cover;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%),linear-gradient(to right,transparent,#000 10%);mask-composite:intersect}.hero-ring{width:290px;height:290px;right:13px;top:-5px}.hero-art-tag{top:6px;right:0;font-size:6px;letter-spacing:1.3px}.connection-card{left:0;right:0;bottom:37px;padding:14px 16px;gap:13px;background:#20191fe6}.connection-icon{width:36px;height:36px}.connection-card strong{font-size:10px}.connection-card div>span{font-size:8px}.connection-arrow{display:block;width:18px}.art-caption{bottom:12px;left:3px;font-size:6px;letter-spacing:1.5px}.platform-line{flex-direction:column;align-items:start;gap:10px;padding-top:20px;padding-bottom:20px;font-size:9px}.platform-line>div{gap:0;display:flex;width:100%;justify-content:space-between;font-size:10px}.platform-line a>span{margin-left:5px}.section{padding-top:52px;padding-bottom:52px}.section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.4px}h2{font-size:32px;letter-spacing:-1.3px;margin-top:13px}.section-heading>p{margin-top:19px;font-size:11px}.benefits-grid{grid-template-columns:1fr;gap:26px}.benefit{padding-top:23px;display:grid;grid-template-columns:35px 1fr;gap:8px 15px}.benefit>.icon{grid-row:1/3;width:25px;height:25px;margin-top:2px}.benefit h3{margin:0;font-size:15px}.benefit p{font-size:11px;max-width:none;grid-column:2}.steps{grid-template-columns:1fr;gap:12px}.how-section .section-heading .text-link{margin-top:18px;font-size:11px}.step{padding:23px;display:grid;grid-template-columns:30px 1fr;gap:16px}.step-number{font-size:11px}.step>.icon{display:none}.step h3{font-size:15px;margin-bottom:8px}.step p{font-size:11px}.tariff-section{padding:52px 0}.tariff-grid{gap:12px}.tariff-card{padding:21px 16px;border-radius:12px}.tariff-top{min-height:44px;display:flex;flex-direction:column;gap:6px;justify-content:start}.tariff-top .eyebrow{font-size:7px;letter-spacing:.6px}.tariff-featured .pill{font-size:7px;padding:3px 7px}.tariff-card h3{font-size:17px;margin:14px 0 17px}.price{font-size:35px;letter-spacing:-1.7px}.price span{font-size:21px}.tariff-duration{font-size:9px;margin:8px 0 20px}.tariff-card ul{font-size:9px;margin:16px 0 20px}.tariff-card li{gap:6px}.tariff-card .button{font-size:9px;min-height:44px;padding:9px 10px;gap:7px}.tariff-card .button>span{font-size:17px}.tariff-note{font-size:8px;gap:10px;margin-top:23px}.tariff-payment-note{font-size:9px;margin-top:15px}.faq-section{grid-template-columns:1fr;gap:22px}.faq-section h2{font-size:30px}.faq-section .muted{font-size:11px;margin-bottom:5px}.faq-section .text-link{font-size:11px;margin-top:5px}.faq summary{font-size:12px;padding:20px 0}.faq p{font-size:11px}.cta{display:block;padding-top:42px;padding-bottom:43px}.cta h2{font-size:35px}.cta .eyebrow{font-size:7px}.cta p{font-size:10px;margin-top:15px}.cta-action{align-items:start;margin-top:25px;gap:13px}.cta .button{font-size:11px;gap:25px}.cta-action>span{font-size:9px}.cta-bear{right:-50px;top:35px;width:270px;opacity:.05}.footer{padding-top:32px;padding-bottom:28px;flex-wrap:wrap;gap:25px}.footer .brand{font-size:21px}.footer p{font-size:9px;margin-bottom:17px}.footer small{font-size:8px}.footer-links{order:3;width:100%;gap:20px 15px;font-size:9px;padding-top:5px}.footer-top{margin-left:auto;width:34px;height:34px}.auth-layout{grid-template-columns:1fr;gap:15px;padding-top:28px;padding-bottom:35px;min-height:0}.auth-story{padding:24px 26px;border-radius:16px}.auth-story .eyebrow{font-size:7px}.auth-story h1{font-size:38px;letter-spacing:-1.8px;margin:16px 0 10px;line-height:1.15}.auth-story h1 br{display:none}.auth-story h1 em{color:#f05b70}.auth-story>p{font-size:11px;margin:0}.auth-story>p br{display:none}.auth-benefit{display:none}.auth-card{padding:18px 3px}.back-link{font-size:10px;margin-bottom:25px}.auth-card h2{font-size:29px;margin:12px 0}.auth-card>p{font-size:11px}.auth-card .button{font-size:12px}.form-legal{font-size:9px}.auth-bot-note p{font-size:10px}.code-input{letter-spacing:11px;font-size:24px}.code-actions .text-button{font-size:10px}.dashboard{padding-top:30px;padding-bottom:40px}.dashboard h1{font-size:30px;letter-spacing:-1.4px}.dashboard-heading{align-items:start;gap:12px;margin-bottom:24px}.dashboard-heading .text-button{white-space:nowrap;margin-top:23px;font-size:10px}.dashboard-heading p{font-size:11px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr;gap:16px}.account-card{padding:24px;border-radius:15px}.dashboard-bottom{margin-top:16px}.account-card h2{font-size:16px}.account-card h3{font-size:24px}.subscription-visual{height:90px;margin:15px 0}.subscription-visual img{width:65px;height:50px}.subscription-metrics strong{font-size:11px}.key-empty{min-height:220px}.key-empty h3{font-size:18px}.card-index{font-size:7px}.key-actions{gap:12px}.key-actions .text-button{font-size:10px}.key-card>.text-link{font-size:10px}.key-actions .button{font-size:11px}.key-card .muted{font-size:11px}.dashboard-plans{margin-top:45px}.dashboard-plans h2{font-size:29px}.instructions{padding-top:33px;padding-bottom:35px}.instructions h1{font-size:41px;letter-spacing:-2px;margin:20px 0}.lead{font-size:12px}.device-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px}.device-picker button{font-size:10px;padding:11px 8px;min-height:44px}.device-summary{font-size:10px;margin-top:22px}.instruction-grid{grid-template-columns:1fr;gap:13px;margin-top:16px}.instruction-grid .account-card{padding:23px;display:grid;grid-template-columns:26px 1fr;gap:0 16px}.instruction-grid .step-number{grid-row:1/5;padding-top:2px}.instruction-grid h2{font-size:16px;margin:0 0 13px}.instruction-grid p,.instruction-grid .button{grid-column:2}.instruction-grid p{font-size:11px}.instruction-grid .button{justify-self:start;font-size:10px;padding:10px 13px;margin-top:0}.instruction-grid .micro{font-size:10px}.instruction-bot{padding:21px;gap:13px}.instruction-bot strong{font-size:11px}.instruction-bot p{font-size:10px}.instruction-bot>.icon{width:20px}.help-banner{padding-top:25px;display:block;margin-top:22px}.help-banner h2{font-size:25px}.help-banner p{font-size:11px}.help-banner .button{font-size:10px;margin-top:8px}.legal{padding-top:32px;padding-bottom:45px}.legal h1{font-size:33px;letter-spacing:-1.3px}.legal h2{font-size:20px}.legal p{font-size:12px}}
@media(max-width:359px){.wrap{padding-left:17px;padding-right:17px}.brand{font-size:18px;gap:5px}.brand img{width:29px}.header-actions{gap:6px}.button-small{font-size:8px;padding:7px 8px;gap:9px}.hero-actions{gap:13px}.hero-actions .button{font-size:10px;gap:15px;padding:14px}.hero-how{font-size:8px}.hero h1{font-size:56px}.hero-bear{right:-105px}.connection-card strong{font-size:9px}.connection-card{padding:12px;gap:9px}.connection-arrow{display:none}.tariff-card{padding:18px 12px}.tariff-card .button{font-size:8px;padding:9px 8px}.tariff-card ul{font-size:8px}.tariff-card h3{font-size:15px}.tariff-top .eyebrow{font-size:6px}.tariff-featured .pill{font-size:6px}.tariff-duration{font-size:8px}.code-input{letter-spacing:9px}.account-card{padding:20px}.instructions h1{font-size:36px}.device-picker button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Readable body copy and visible interactive text on compact screens. */
.hero-how{min-height:44px;display:inline-flex;align-items:center}.hero-description{font-size:15px}.hero-note{font-size:11px}.hero-origin{font-size:10px}.benefit p,.section-heading>p,.faq p{font-size:13px}.step p{font-size:12px}.tariff-card ul{font-size:12px}.tariff-duration{font-size:11px}.tariff-card .button{font-size:12px}.footer p,.footer-links{font-size:11px}.footer small{font-size:10px}.art-caption{color:#ba959e}.art-caption>span{color:#a797a3}.hero-art-tag{color:#ceb4bf}.auth-story h1 em{color:#f05b70}.auth-story>p{font-size:14px}.auth-benefit strong{font-size:13px}.auth-benefit p{font-size:12px;color:#b8aebc}.auth-card>p{font-size:13px}.auth-bot-note p{font-size:12px}.muted,.instruction-grid p{font-size:13px}.account-card{align-self:start}.card-index{color:#6c6472}.account-card .micro{font-size:11px}.instruction-bot p{font-size:12px}.hero-art:after{content:'';position:absolute;top:-11px;left:-18px;right:-155px;height:45px;background:linear-gradient(var(--dark),transparent);z-index:-1;pointer-events:none}
@media(max-width:850px){.hero-description{font-size:14px}.hero-note{font-size:10px}.tariff-card .button{font-size:12px}.auth-story>p{font-size:12px}.auth-benefit p{font-size:11px}}
@media(max-width:600px){.hero-description{font-size:14px;max-width:345px}.hero-note{font-size:10px}.hero h1{font-size:clamp(58px,16vw,83px)}.hero-how{font-size:10px}.hero-art{margin-top:27px}.benefit p,.step p,.faq p{font-size:13px}.section-heading>p{font-size:13px}.tariff-card ul{font-size:11px}.tariff-duration{font-size:11px}.tariff-card .button{font-size:11px;gap:7px;padding:10px}.tariff-note,.tariff-payment-note{font-size:10px}.faq summary{font-size:13px}.footer p,.footer-links{font-size:11px}.auth-story>p{font-size:12px}.auth-card>p{font-size:13px}.auth-bot-note p{font-size:12px}.form-legal{font-size:11px}.card-index{font-size:9px}.key-actions .text-button{font-size:11px}.instructions .lead,.instruction-grid p{font-size:13px}.instruction-bot p{font-size:12px}.device-summary{font-size:12px}.help-banner p{font-size:13px}.instruction-grid .micro{font-size:12px}.hero-art:after{top:-33px;left:-22px;right:-100px}}
@media(max-width:359px){.hero-actions .button{font-size:10px}.hero-how{font-size:9px}.hero-note{font-size:9px}.tariff-card ul{font-size:10px}.tariff-card .button{font-size:10px}.tariff-duration{font-size:10px}.hero h1{font-size:56px}}

@media(min-width:851px){.mobile-nav{display:none!important}}
@media(max-width:359px){.tariff-grid{grid-template-columns:1fr}.tariff-top{min-height:0;flex-direction:row}.tariff-card{padding:24px}.tariff-card h3{font-size:21px}.tariff-card .price{font-size:40px}.tariff-card ul{font-size:13px}.tariff-card .button{font-size:13px}.tariff-duration{font-size:12px}.tariff-top .eyebrow{font-size:8px}.tariff-featured .pill{font-size:8px}}

/* The hero card links to the setup guide; keep its purpose clear on hover/focus. */
.connection-card:hover{background:#28202be8;border-color:#f0475b70}.hero-description{max-width:440px}

.hero-first-line{white-space:nowrap}
@media(min-width:601px) and (max-width:850px){.hero h1{font-size:clamp(54px,8vw,68px)}}
@media(max-width:600px){.hero h1{font-size:clamp(46px,14vw,76px)}}