:root{--ink:#283d5a;--blue:#4d688c;--magenta:#890054;--surface:#fbfbfd;--soft:#e7edf5;--muted:#61708a;--line:#d9e0e9;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.55 "DM Sans",Arial,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Outfit,"DM Sans",sans-serif;line-height:1.05;letter-spacing:-.035em}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,6vw,5.7rem);max-width:760px;margin-bottom:1.25rem}
h2{font-size:clamp(2.15rem,4vw,3.8rem);margin-bottom:1rem}
h3{font-size:1.25rem;margin-bottom:.45rem}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;inset-inline-start:1rem;top:1rem;z-index:20;transform:translateY(-200%);background:#fff;padding:.6rem}
.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.55rem;font:700 1.2rem Outfit,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.brand>span:last-child>span{color:var(--magenta)}
.brand-mark{width:35px;height:40px;display:block;overflow:hidden;position:relative}
.brand-mark img{position:absolute;width:96px;max-width:none;left:-30px;top:-2px}
.header-actions{display:flex;align-items:center;gap:.8rem;margin-inline-start:auto}
.language-button{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:999px;padding:.48rem .8rem;font:700 .82rem "DM Sans",sans-serif;cursor:pointer}
.language-button:hover{border-color:var(--magenta);color:var(--magenta)}
nav{display:flex;align-items:center;gap:1.5rem;font-weight:700;font-size:.92rem}
nav a:not(.nav-buy):hover,.text-link:hover{color:var(--magenta)}
.nav-buy,.button{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;font-weight:700;background:var(--magenta);color:#fff;padding:.72rem 1.1rem}
.menu-button{display:none}
.hero{max-width:1240px;margin:auto;padding:78px 28px 95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3.5rem;min-height:660px}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:700;color:var(--blue);margin-bottom:1.1rem}
.intro{font-size:1.18rem;max-width:600px;color:var(--muted);margin-bottom:1.8rem}
.hero-actions{display:flex;gap:1.5rem;align-items:center}
.button{padding:1rem 1.4rem;box-shadow:0 6px 0 #65003f}
.button:hover{transform:translateY(2px);box-shadow:0 4px 0 #65003f}
.text-link{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.purchase-note{margin-top:1.4rem;font-size:.83rem;color:var(--muted)}
.hero-visual{height:470px;background:var(--soft);border-radius:48% 48% 35% 35%/35% 35% 45% 45%;position:relative;overflow:hidden}
.orbit{border:1px solid #4d688c44;position:absolute;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}
.orbit-one{width:390px;height:200px}
.orbit-two{width:290px;height:380px}
.phone-frame{position:absolute;z-index:2;left:50%;top:50%;height:430px;width:210px;padding:7px;background:var(--ink);border:5px solid #fff;border-radius:29px;transform:translate(-50%,-46%) rotate(4deg);box-shadow:0 24px 45px #283d5a40;overflow:hidden}
.phone-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hero-badge{position:absolute;left:14%;bottom:20%;background:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:700;font-size:.83rem;z-index:3}
.problems{background:var(--blue);color:#fff;padding:100px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:.8fr 1.5fr;gap:4rem}
.problems .eyebrow{color:#e3ebf6}
.problem-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.problem-list article{border-top:1px solid #ffffff66;padding-top:1.2rem}
.problem-list span{font-size:1.6rem;display:block;margin-bottom:1.3rem}
.problem-list strong{font:600 1.2rem Outfit,sans-serif}
.problem-list p{font-size:.91rem;color:#e0e8f2;margin:.45rem 0}
.solution,.trust{max-width:1184px;margin:auto;padding:125px 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}
.solution-copy>p:not(.eyebrow),.trust>div>p:not(.eyebrow){color:var(--muted);max-width:520px}
.solution-copy ul{list-style:none;padding:0;margin:1.5rem 0}
.solution-copy li{margin:.6rem 0;padding-left:1.7rem;position:relative;font-weight:600}
.solution-copy li:before{content:"✓";position:absolute;left:0;color:var(--magenta)}
.solution-illustration{background:#e3eaf3;border-radius:28px;padding:36px;min-height:370px;display:grid;align-content:center;gap:31px}
.profile-card,.limit-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 20px #283d5a14}
.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--magenta);color:#fff;font-weight:bold}
.profile-card small{display:block;font-size:.77rem;color:var(--muted)}
.profile-card b{margin-left:auto;color:var(--magenta)}
.connected-devices{display:flex;justify-content:space-around;text-align:center}
.connected-devices span{font-size:1.6rem}
.connected-devices small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}
.limit-card{background:var(--blue);color:#fff;display:block}
.limit-card span{font-size:.74rem;color:#e0e8f2;display:block}
.limit-card strong{font:600 1.05rem Outfit,sans-serif}
.benefits{max-width:1184px;margin:auto;padding:20px 28px 120px}
.benefits>h2{max-width:600px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:2.5rem}
.benefit-grid article{background:#fff;padding:25px;border-radius:var(--radius)}
.benefit-grid .icon{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:1.25rem;margin-bottom:2rem}
.benefit-grid p,.how p,.faq details p{font-size:.9rem;color:var(--muted);margin:0}
.how{padding:100px max(28px,calc((100vw - 1184px)/2));background:#edf0f5;display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem}
.how ol{list-style:none;padding:0;margin:0}
.how li{display:flex;gap:20px;padding:0 0 27px;margin-bottom:25px;border-bottom:1px solid #cbd4e1}
.how li:last-child{border:none;margin:0;padding:0}
.how li>span{font:700 1rem Outfit,sans-serif;border:1px solid var(--blue);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none}
.trust{grid-template-columns:1.15fr .85fr;gap:9vw}
.trust aside{background:var(--soft);padding:40px;border-radius:var(--radius)}
.quote-mark{font:700 4rem Outfit,sans-serif;line-height:.3;color:var(--magenta)}
.trust aside p{font:600 1.45rem Outfit,sans-serif;line-height:1.25;margin:1rem 0}
.trust aside strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.faq{max-width:780px;padding:30px 28px 120px;margin:auto}
.faq h2{margin-bottom:2.5rem}
.faq details{border-top:1px solid var(--line);padding:1.2rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
summary{font:600 1.1rem Outfit,sans-serif;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";font-size:1.35rem}
details[open] summary:after{content:"−"}
.final-cta{text-align:center;background:var(--magenta);padding:100px 28px;color:#fff}
.final-cta .eyebrow{color:#f6dce9}
.final-cta h2{max-width:610px;margin-left:auto;margin-right:auto}
.final-cta>p:not(.eyebrow){max-width:530px;margin:0 auto 2rem;color:#fcedf5}
.button-light{background:#fff;color:var(--magenta);box-shadow:0 6px 0 #65003f}
footer{max-width:1184px;margin:auto;padding:35px 28px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;font-size:.8rem;color:var(--muted)}
footer>a:last-child{text-decoration:underline;font-weight:bold}
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0}
html[dir="rtl"] .solution-copy li{padding-left:0;padding-right:1.7rem}
html[dir="rtl"] .solution-copy li:before{left:auto;right:0}
html[dir="rtl"] .profile-card b{margin-left:0;margin-right:auto}
html[dir="rtl"] .hero-badge{left:auto;right:14%}
html[dir="rtl"] .text-link span,html[dir="rtl"] .button span{display:inline-block;transform:scaleX(-1)}
@media(max-width:760px){.site-header{height:72px;padding:0 20px}
.menu-button{display:flex;gap:.5rem;align-items:center;border:0;background:transparent;font:600 .9rem "DM Sans";color:var(--blue)}
nav{display:none;position:absolute;z-index:10;left:15px;right:15px;top:62px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 10px 28px #283d5a20;align-items:stretch}
nav.open{display:flex;flex-direction:column;gap:1rem}
.nav-buy{text-align:center;justify-content:center}
.hero{grid-template-columns:1fr;padding:48px 20px 62px;gap:2.5rem;min-height:0}
.hero-visual{height:370px;border-radius:42% 42% 30% 30%/30% 30% 40% 40%}
.phone-frame{height:350px;width:171px}
.hero-actions{gap:1.1rem;flex-wrap:wrap}
.problems,.solution,.how,.trust{grid-template-columns:1fr;padding:72px 20px;gap:2.5rem}
.problem-list,.benefit-grid{grid-template-columns:1fr}
.problem-list{gap:.4rem}
.problem-list article{padding:1rem 0;display:grid;grid-template-columns:45px 1fr}
.problem-list span{grid-row:span 2;margin:0}
.problem-list p{grid-column:2}
.solution-illustration{min-height:310px;padding:24px}
.benefits{padding:0 20px 72px}
.benefit-grid{margin-top:1.5rem}
.how{gap:2rem}
.trust aside{padding:30px}
.faq{padding:15px 20px 80px}
footer{padding:30px 20px;display:block}
footer p{margin:1rem 0}
.hero-badge{left:8%;bottom:10%}
html[dir="rtl"] .hero-badge{right:8%}
}