@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0f12;--panel:#12181d;--text:#f4f5f6;--muted:#a0aab4;--line:#273038;--orange:#ff9b21;--blue:#3e9bff;--red:#ff596a;--green:#56d6b5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:#0b0f12}.wrap{width:min(1220px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--orange);color:#000;padding:10px;z-index:20}.skip:focus{top:20px}.preview{background:#192128;color:#b8c4ce;text-align:center;font-size:11px;letter-spacing:.04em;padding:5px 20px}.header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,15,18,.96);z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 0}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.35}.brand img{width:42px;height:42px;object-fit:contain}.brand span{max-width:146px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;color:#c3cbd3}.nav-links a:hover,.footer a:hover{color:var(--orange)}.nav .small-button{padding:10px 18px;border:1px solid #59616a;border-radius:7px;color:#fff;font-size:12px;font-weight:600}.menu{display:none;background:transparent;border:1px solid var(--line);color:#fff;padding:8px 12px;border-radius:6px}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:52px;align-items:center;padding:75px 0 58px;min-height:750px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--muted);margin:0 0 26px}.eyebrow:before{content:'';width:22px;height:1px;background:var(--orange)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.04em;margin:0;font-weight:700}.hero h1{font-size:clamp(48px,5.8vw,78px);max-width:650px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p.intro{max-width:480px;color:var(--muted);font-size:16px;line-height:1.8;margin:26px 0 28px}.stores{display:flex;flex-wrap:wrap;gap:12px}.store{display:flex;align-items:center;gap:11px;border:1px solid #5f6870;border-radius:8px;padding:10px 16px;min-width:164px;background:#12181d;transition:background .18s,border-color .18s}.store:hover{border-color:var(--orange);background:#1b2229}.store svg{width:23px;height:26px;flex-shrink:0}.store small{display:block;font-size:9px;line-height:1.4;color:#b5bfc8;letter-spacing:.025em}.store strong{display:block;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.02em}.micro{color:#78838d;font-size:11px;margin-top:17px}.market-labels{display:flex;gap:23px;margin-top:44px;font-size:12px;color:#ccd4dc}.market-labels span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-right:8px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:640px;background:radial-gradient(ellipse at 55% 55%,#39291a55,transparent 65%)}.device{position:relative;width:274px;border:6px solid #232c34;border-radius:38px;box-shadow:0 24px 80px #0009,0 0 0 1px #68717a;overflow:hidden;background:#0c1013;transform:rotate(3deg)}.device img{width:100%;height:auto;aspect-ratio:942/2048;object-fit:cover}.device-caption{position:absolute;left:0;bottom:0;right:0;height:1px;background:transparent}.visual-label{position:absolute;top:34px;left:10px;font-size:11px;color:#9ba7b1;writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase}.visual-tabs{display:flex;position:absolute;bottom:0;gap:6px;padding:6px;border:1px solid var(--line);background:#0d1217;border-radius:100px}.visual-tabs button{border:none;color:var(--muted);background:transparent;border-radius:40px;padding:8px 15px;font-size:11px}.visual-tabs button[aria-pressed=true]{background:#222b34;color:#fff}.float-note{position:absolute;left:-5px;bottom:90px;z-index:1;background:#161e25;border:1px solid #38434d;border-radius:10px;padding:15px 20px;box-shadow:0 10px 35px #0006;max-width:170px;font-size:12px;line-height:1.5}.float-note span{display:block;color:var(--green);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.hero-rule{border-top:1px solid var(--line);padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9ba5af}.hero-rule strong{font-weight:500;color:#cbd4dc}.section{padding:100px 0}.section + .section{border-top:1px solid var(--line)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-title h2{font-size:clamp(32px,4vw,48px);max-width:680px}.section-title p{font-size:14px;max-width:310px;color:var(--muted);margin:0}.overline{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.calculator-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.calc-card{padding:26px 0 0;border-top:2px solid var(--c)}.calc-card .card-top{display:flex;justify-content:space-between;align-items:center;color:var(--c);margin-bottom:23px;font-size:11px}.calc-card h3{font-size:25px;letter-spacing:-.03em}.calc-card p{font-size:14px;line-height:1.8;color:var(--muted);max-width:350px;min-height:102px}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:16px;align-items:center;padding:8px 0}.text-link .arrow{color:var(--c,var(--orange));font-size:19px}.text-link:hover{color:var(--c,var(--orange))}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.steps-layout h2{font-size:46px;max-width:450px}.steps-layout .lead{color:var(--muted);max-width:380px;font-size:15px;margin-top:26px}.steps-list{list-style:none;margin:0;padding:0}.steps-list li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.steps-list li:first-child{padding-top:0}.step-num{color:var(--orange);font-size:11px;padding-top:5px}.steps-list h3{font-size:18px;letter-spacing:-.02em;line-height:1.4}.steps-list p{font-size:13px;color:var(--muted);margin:8px 0 0}.understand{background:#11171c}.understand-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.understand h2{font-size:46px}.understand p{color:var(--muted);font-size:14px;max-width:450px;margin:24px 0}.number-example{background:#0a0f13;border:1px solid #34404a;padding:30px;border-radius:14px}.example-head{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding-bottom:24px;border-bottom:1px solid var(--line)}.example-head span:last-child{color:var(--green)}.number-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.number-row strong{color:#fff;font-family:Manrope,Arial,sans-serif;font-size:30px;letter-spacing:-.03em}.number-row.highlight strong{color:var(--orange)}.number-example .fine{font-size:10px;line-height:1.6;color:#7e8a94;margin:18px 0 0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.workflow h2{font-size:46px}.workflow p{font-size:14px;color:var(--muted);max-width:440px;margin:23px 0}.mode-panel{border-left:2px solid var(--orange);padding:0 0 0 30px}.mode-panel div{padding:25px 0;border-bottom:1px solid var(--line)}.mode-panel div:first-child{padding-top:0}.mode-panel h3{font-size:20px;letter-spacing:-.02em}.mode-panel p{font-size:13px;margin:10px 0 0;max-width:450px}.mode-panel .mode-label{display:block;color:var(--orange);font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-grid h2{font-size:46px}.faq-grid .help{font-size:13px;color:var(--muted);margin-top:25px}.help a{color:var(--text);border-bottom:1px solid var(--orange);font-weight:600}.faqs details{border-bottom:1px solid var(--line);padding:19px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font-size:23px;font-weight:400;color:var(--orange);line-height:1}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:13px;color:var(--muted);margin:16px 30px 0 0}.download-section{text-align:center;border-top:1px solid var(--line);padding:90px 0;background:linear-gradient(180deg,#12171a,#0b0f12)}.download-section h2{font-size:clamp(36px,5vw,58px);max-width:720px;margin:0 auto}.download-section p{font-size:15px;color:var(--muted);margin:24px auto 30px;max-width:510px}.download-section .stores{justify-content:center}.download-section .overline{color:var(--orange)}.footer{padding:45px 0 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;margin-bottom:42px}.footer-links{display:flex;gap:55px;font-size:12px;color:var(--muted)}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#78838d}.footer-bottom p{margin:0;max-width:760px}.article-hero{padding:80px 0 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}.article-hero h1{font-size:clamp(40px,5vw,66px);max-width:800px}.article-hero p{font-size:17px;color:var(--muted);max-width:640px;margin:28px 0}.article-hero .article-image{max-width:220px;max-height:480px;object-fit:contain;justify-self:center;border:5px solid #303b45;border-radius:28px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:30px}.breadcrumb a{color:var(--orange)}.article-body{padding:65px 0 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,780px) minmax(190px,1fr);gap:80px}.article-content h2{font-size:30px;line-height:1.25;margin:45px 0 20px;letter-spacing:-.03em}.article-content h2:first-child{margin-top:0}.article-content p,.article-content li{color:#b5bec7;font-size:15px;line-height:1.9}.article-content ul,.article-content ol{padding-left:24px}.article-content li{padding-bottom:8px}.article-content a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.table-wrap{overflow:auto;margin:25px 0;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:14px 18px;border-bottom:1px solid var(--line)}thead{background:#1a232b;color:#fff}td{color:#bfc8d1}tr:last-child td{border-bottom:none}.callout{border-left:2px solid var(--orange);background:#141c22;padding:16px 22px;margin:25px 0}.article-aside{align-self:start;position:sticky;top:118px;border-top:2px solid var(--orange);padding-top:20px}.article-aside h3{font-size:17px;letter-spacing:-.02em}.article-aside a{display:block;color:var(--muted);font-size:12px;padding:9px 0}.article-aside a:hover{color:#fff}.article-aside .stores{margin-top:25px}.article-aside .store{width:100%;color:#fff;padding:10px 13px}.support-box{border:1px solid var(--line);padding:23px;border-radius:8px}.support-box a{font-size:clamp(14px,2vw,21px)}.support-box p{margin-bottom:0}.legal-intro{font-size:12px!important;border-left:2px solid var(--orange);padding-left:16px}.guide-index{padding:30px 0 80px;display:grid;gap:20px}.guide-item{padding:25px 0;border-bottom:1px solid var(--line)}.guide-item h2{font-size:25px;margin-bottom:15px}.guide-item p{color:var(--muted);max-width:680px;font-size:14px}
@media(min-width:1600px){.hero{min-height:820px}.hero h1{font-size:86px}.device{width:290px}.hero-visual{min-height:685px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:22px;padding-top:50px;min-height:680px}.hero h1{font-size:58px}.hero-visual{min-height:610px}.device{width:245px}.float-note{left:0;bottom:80px;max-width:145px;padding:12px}.nav-links{gap:17px}.section{padding:75px 0}.steps-layout,.understand-layout,.workflow,.faq-grid{gap:40px}.section-title h2,.steps-layout h2,.understand h2,.workflow h2,.faq-grid h2{font-size:38px}.article-body{gap:35px}.footer-links{gap:28px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview{font-size:9px}.nav{padding:13px 0}.brand{font-size:13px}.brand img{width:35px;height:35px}.brand span{max-width:130px}.menu{display:block;font-size:12px}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#111820;flex-direction:column;align-items:stretch;padding:20px;border-bottom:1px solid var(--line);gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px 20px}.nav .small-button{margin:12px 20px 5px;text-align:center}.hero{grid-template-columns:1fr;gap:30px;padding:52px 0 32px;min-height:0}.hero h1{font-size:clamp(46px,10.8vw,66px);max-width:570px}.hero p.intro{font-size:14px;margin:23px 0;max-width:540px}.eyebrow{font-size:9px;margin-bottom:20px}.store{min-width:147px;padding:9px 12px}.store strong{font-size:16px}.market-labels{margin-top:28px;gap:20px;font-size:11px}.hero-visual{min-height:585px;margin:0 auto;width:100%;max-width:420px}.device{width:238px;transform:rotate(2deg)}.visual-label{top:38px;left:2px;font-size:9px}.float-note{left:0;bottom:79px;max-width:148px}.hero-rule{gap:20px;font-size:9px}.hero-rule span:last-child{text-align:right}.section{padding:62px 0}.section-title{display:block;margin-bottom:35px}.section-title h2,.steps-layout h2,.understand h2,.workflow h2,.faq-grid h2{font-size:34px}.section-title p{margin-top:20px;max-width:420px}.calculator-list{grid-template-columns:1fr;gap:35px}.calc-card{padding-top:20px}.calc-card p{min-height:0;max-width:100%;margin:17px 0 10px}.calc-card .card-top{margin-bottom:17px}.calc-card h3{font-size:27px}.steps-layout,.understand-layout,.workflow,.faq-grid{grid-template-columns:1fr;gap:35px}.steps-layout .lead,.understand p,.workflow p{max-width:100%}.steps-list li{padding:20px 0}.number-example{padding:23px}.number-row strong{font-size:27px}.mode-panel{padding-left:23px}.download-section{padding:62px 0}.download-section p{font-size:14px}.footer-top{flex-direction:column;gap:32px;margin-bottom:32px}.footer-links{gap:35px;justify-content:space-between}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:15px}.article-hero{grid-template-columns:1fr;padding:45px 0;gap:30px}.article-hero h1{font-size:40px}.article-hero p{font-size:15px;margin:22px 0}.article-hero .article-image{max-height:440px;max-width:205px}.article-body{grid-template-columns:1fr;padding:45px 0 60px;gap:45px}.article-aside{position:static}.article-aside .stores{max-width:360px}.article-content h2{font-size:27px}.article-content p,.article-content li{font-size:14px}.footer-links{font-size:11px}.breadcrumb{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Warm editorial website surface. The app screens remain dark so their market colours stay true. */
:root{color-scheme:light;--bg:#f4f1e9;--panel:#fffdfa;--text:#15191c;--muted:#667078;--line:#d8d6cf}
body{background:var(--bg);color:var(--text)}
.header{background:rgba(255,253,249,.96);border-bottom-color:#d5d2ca;box-shadow:0 1px 0 rgba(22,28,33,.02)}
.nav-links{color:#465058}.nav .small-button{border-color:#a9adae;color:#15191c;background:#fff}.menu{color:#15191c;border-color:#aeb2b2}
.hero{position:relative}.hero:before{content:'';position:absolute;z-index:-1;inset:7% -10% 7% 43%;border:1px solid #dfdbd0;background:#eeebe3}
.hero-visual{background:radial-gradient(ellipse at 55% 55%,rgba(255,155,33,.18),transparent 64%)}
.store{background:#151a1e;border-color:#151a1e;color:#fff}.store:hover{background:#263038;border-color:#263038}.store small{color:#bac2c8}
.float-note,.visual-tabs{color:#f4f5f6}.hero-rule strong{color:#30383e}.market-labels{color:#3c454c}
.section + .section{border-top-color:#d8d6cf}.calc-card{background:#fffdfa;border:1px solid #dedbd3;border-top:3px solid var(--c);padding:25px 24px 23px}.calc-card .card-top{margin-bottom:21px}.calc-card p{min-height:115px}
.understand{background:#172026;color:#f4f5f6}.understand .overline,.understand p{color:#aeb8c1}.understand .text-link{color:#fff}.understand .number-example{background:#0c1115;border-color:#43505a}.understand .number-row{border-bottom-color:#2e3942}.understand .number-row span{color:#a9b4be}.understand .number-row strong{color:#fff}
.number-example .example-head{border-bottom-color:#2e3942}.mode-panel div,.steps-list li,.faqs details{border-bottom-color:#d8d6cf}.number-example .fine{color:#8d99a3}
.download-section{background:#ebe5d8;border-top-color:#d6d0c4}.download-section .overline{color:#a95700}
.footer{background:#12181d;color:#f4f5f6;border-top:0}.footer .brand{color:#f4f5f6}.footer-links{color:#aeb8c1}.footer-bottom{border-top-color:#303941;color:#8f9aa4}
.article-content p,.article-content li{color:#505a61}.article-content a{color:#a95700}.article-aside a{color:#626c73}.article-aside a:hover{color:#14191d}.table-wrap{background:#fffdfa;border-color:#d5d3cc}td{color:#4d575e;border-bottom-color:#ddd9d1}th{border-bottom-color:#303940}.callout{background:#fff9ef}.support-box{background:#fffdfa;border-color:#d5d3cc}.guide-item{border-bottom-color:#d5d3cc}.guide-item p{color:#626c73}
@media(max-width:760px){.nav-links{background:#fffdfa;border-bottom-color:#d5d2ca}.hero:before{inset:46% -10% 2% 6%}.calc-card p{min-height:0}}
