:root{color-scheme:dark;--bg:#0C0E13;--surface:#20242D;--fg:#F7F9FC;--muted:#C9D3E0;--line:#ffffff25;--accent:#AFC1DA;--accent2:#8797B1}
html[data-theme=light]{color-scheme:light;--bg:#F3F5F8;--surface:#fff;--fg:#202936;--muted:#637084;--line:#3a285a25;--accent:#546F95;--accent2:#7086A6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;overflow-x:hidden;background:radial-gradient(ellipse at 80% 4%,#61718F3D,transparent 32%),radial-gradient(ellipse at 8% 38%,#7D90B233,transparent 34%),var(--bg)!important;color:var(--fg)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.65}
body .container,body .container-desktop{width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;margin:auto!important;padding:0!important}
.site-nav{width:min(1320px,calc(100% - 64px));margin:auto;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:800;color:var(--fg)!important;text-decoration:none}.brand img{width:52px!important;height:52px!important;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px #0006}
html[data-theme=light] img.brand-theme-icon{content:url("icon-light.png")}
.theme-toggle{height:45px;width:45px;border-radius:16px;background:#ffffff10;color:var(--fg);border:1px solid var(--line);font-size:22px;cursor:pointer}
.hero-shell{width:min(1320px,calc(100% - 64px));margin:auto;min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:32px 0 20px}
body .app__header{display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;min-height:0!important;text-align:left!important}
.app__infos{width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.33em;margin-bottom:12px}
.app__name{color:var(--fg)!important;font-size:clamp(62px,7vw,112px)!important;letter-spacing:-.07em!important;font-weight:900!important;line-height:1.04!important;margin:0 0 15px!important}
.app__description{font-size:clamp(20px,2vw,27px)!important;color:var(--muted)!important;line-height:1.48!important;max-width:590px;margin:0 0 30px!important}
.app__buttons{display:flex!important;flex-wrap:wrap;gap:14px!important;align-items:center!important;margin:0!important;padding:0!important}
.store-badge{height:67px!important;width:210px!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:9px 14px!important;background:linear-gradient(150deg,#1a1726,#0b0a13)!important;color:white!important;border:1px solid #C9D3E066!important;border-radius:17px!important;text-decoration:none!important;box-shadow:0 10px 35px #0005;transition:transform .2s,box-shadow .2s}
.store-badge:hover{transform:translateY(-4px);box-shadow:0 14px 40px #AFC1DA30}
.badge-symbol{width:38px;display:flex;flex:none;align-items:center;justify-content:center}.store-labels{display:flex;flex-direction:column;line-height:1.13!important;align-items:flex-start}.store-labels small{font-size:11px!important;color:#eee!important}.store-labels strong{font-size:21px!important;white-space:nowrap;color:white!important;font-weight:650}
.app__buttons--mobile{display:none!important}
.hero-visual{height:440px;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#8797B135,transparent 63%);z-index:-3}
.hero-globe{position:absolute;width:440px;height:440px;max-width:95%;border-radius:50%;border:1px solid #C9D3E04D;background:radial-gradient(circle at 40% 35%,#8196B330,transparent 60%),repeating-radial-gradient(circle at 50% 50%,transparent 0 24px,#8797B115 25px 26px);box-shadow:0 0 90px #9BAAC530;z-index:-2}
.orbit{position:absolute;width:95%;height:38%;border:2px solid #AFC1DA80;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 24px #C9D3E05A}.orbit-two{border-color:#8197C4A8;transform:rotate(30deg);width:82%;height:50%}
.hero-icon-frame{width:clamp(210px,25vw,315px);aspect-ratio:1;border-radius:30%;padding:8px;background:linear-gradient(135deg,#ffffff,#E0E5EC);box-shadow:25px 30px 60px #0009,0 0 55px #9BAFC96E;transform:rotate(11deg);z-index:2}
.hero-icon-frame img{width:100%;height:100%;border-radius:28%;object-fit:cover}
.float-icon{position:absolute;display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:linear-gradient(135deg,#4A556C99,#141923DF);border:1px solid #C9D3E080;color:#F4F7FC;font-size:35px;box-shadow:0 15px 40px #0006;z-index:3}
.float-phone{top:17%;left:13%;transform:rotate(-14deg)}.float-search{right:10%;top:50%;transform:rotate(14deg)}.float-user{left:23%;bottom:10%;transform:rotate(9deg)}
body main section.app__fulldescription.description-outer{width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;margin:8px auto 24px!important;padding:0!important;position:static!important;transform:none!important}
.description-panel{padding:28px 36px;border-radius:27px;border:1px solid #B6C4D650;background:linear-gradient(120deg,#1D222DE8,#11151DED);box-shadow:0 22px 75px #0005;display:grid;grid-template-columns:1fr 2fr;gap:12px 30px;align-items:center}
html[data-theme=light] .description-panel{background:linear-gradient(120deg,#fff,#E8EDF5)}
.description-panel .app__section-title{font-size:37px!important;grid-column:1;margin:0!important;color:var(--fg)!important}
.app__fulldescription-content{display:contents!important}
.app__fulldescription-content p{grid-column:1;color:var(--muted)!important;margin:0 0 4px!important;font-size:14px!important}
.app__fulldescription-content ul{grid-column:2;grid-row:1 / span 3;list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.app__fulldescription-content li{background:#171D27A8;border:1px solid #A7B6CA4A;border-radius:18px;padding:66px 20px 22px!important;position:relative;color:var(--fg)!important;font-size:15px!important;line-height:1.55;min-width:0}
html[data-theme=light] .app__fulldescription-content li{background:#F0F3F8}
.app__fulldescription-content li:before{content:"✦";position:absolute;left:19px;top:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#8797B122;color:#BAC9DF;font-size:24px}
.app__fulldescription-content li:nth-child(2):before{content:"ϟ";color:#A5B8D6;background:#8797B124}.app__fulldescription-content li:nth-child(3):before{content:"⌕";color:#C5D3E5;background:#A9B7CA24}
.app__screenshots{width:min(1320px,calc(100% - 64px));margin:0 auto 80px!important;padding:0!important;background:transparent!important}
.app__screenshots-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px!important;padding:0!important;margin:0!important;overflow:visible!important}
.app__screenshots-wrapper{overflow:visible!important}
.app__screenshots-list a{display:block!important;min-width:0!important;overflow:hidden;border:1px solid #AFC1DA50;border-radius:22px;background:linear-gradient(145deg,#242B39,#111722);padding:7px!important;box-shadow:0 12px 35px #0004;transition:transform .25s}
.app__screenshots-list a:hover{transform:translateY(-8px)}
.app__screenshot{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border-radius:16px}
.footer{border-top:1px solid var(--line);background:#10141BAA!important;padding:25px 0!important}.footer__container{display:flex!important;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.footer__love,.footer__links a{color:var(--muted)!important;font-size:14px!important}.footer__links{display:flex!important;gap:25px!important;list-style:none!important;margin:0!important;padding:0!important}
body .page{width:min(1040px,calc(100% - 64px))!important;max-width:1040px!important;margin:auto!important;padding:65px 0 100px!important}.page__header{margin:0 0 30px!important}.page__title{font-size:clamp(38px,5vw,60px)!important;color:var(--fg)!important}.page__content{padding:clamp(25px,5vw,65px)!important;background:var(--surface)!important;border:1px solid var(--line);border-radius:26px;color:var(--muted)!important;line-height:1.9!important;overflow-wrap:anywhere}.page__content h4{color:var(--fg)!important}.page__content a{color:var(--accent2)}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr;gap:10px}.hero-visual{height:380px}.description-panel{grid-template-columns:1fr}.description-panel .app__section-title,.app__fulldescription-content p,.app__fulldescription-content ul{grid-column:1;grid-row:auto}.app__screenshots-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.site-nav,.hero-shell,.app__screenshots,body main section.app__fulldescription.description-outer,body .container,body .container-desktop,body .page{width:calc(100% - 32px)!important}.site-nav{padding:16px 0}.brand{font-size:17px}.brand img{width:40px!important;height:40px!important}.hero-shell{padding:34px 0 10px}.app__name{font-size:clamp(49px,12vw,76px)!important}.eyebrow{font-size:10px;letter-spacing:.23em}.app__description{font-size:19px!important}.store-badge{width:calc(50% - 7px)!important;min-width:0!important;height:58px!important;padding:7px!important;gap:5px!important}.badge-symbol{width:27px}.badge-symbol svg{width:26px;height:30px}.store-labels strong{font-size:clamp(12px,3.4vw,17px)!important}.store-labels small{font-size:8px!important}.hero-visual{height:310px}.hero-globe{width:290px;height:290px}.hero-icon-frame{width:190px}.float-icon{width:43px;height:43px;font-size:23px;border-radius:13px}.description-panel{padding:22px 18px;border-radius:21px}.description-panel .app__section-title{font-size:31px!important}.app__fulldescription-content ul{grid-template-columns:1fr}.app__fulldescription-content li{padding:16px 15px 16px 56px!important}.app__fulldescription-content li:before{left:12px;top:13px}.app__screenshots-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.footer__container{align-items:flex-start!important;flex-direction:column}.page__content{padding:23px 18px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Titanium Silver final polish */
html[data-theme="light"] body{background:radial-gradient(ellipse at 80% 4%,#9caec02e,transparent 32%),radial-gradient(ellipse at 8% 38%,#aebbd52a,transparent 34%),var(--bg)!important}
html[data-theme="light"] .footer{background:#E9EDF4!important}
html[data-theme="light"] .store-badge{background:linear-gradient(145deg,#171B23,#0B0D13)!important}
.store-badge{overflow:hidden!important;gap:0!important;padding:7px 12px!important;border-color:#aab8ca80!important}
.store-badge .official-store-art{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.hero-icon-frame{box-shadow:25px 30px 60px #0009,0 0 55px #A6B7D16E}
.hero-globe{box-shadow:0 0 90px #A3B4CF38}
.description-panel{box-shadow:0 22px 75px #0005}

/* Store badges: one consistent visual size, no nested black badge */
.store-badge{width:210px!important;height:65px!important;padding:10px 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;background:linear-gradient(150deg,#1a1d26,#0b0d13)!important;border:1px solid #8797b180!important;border-radius:16px!important}
.store-badge .badge-symbol{width:38px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important}
.store-badge .badge-symbol svg{display:block!important;width:35px!important;height:38px!important}
.store-badge .store-labels{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;line-height:1.05!important}
.store-badge .store-labels small{font-size:11px!important;font-weight:500!important;letter-spacing:0!important}
.store-badge .store-labels strong{font-size:20px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap!important}
@media(max-width:600px){.store-badge{width:calc(50% - 7px)!important;height:60px!important;padding:7px!important;gap:6px!important}.store-badge .badge-symbol{flex-basis:28px!important;width:28px!important}.store-badge .badge-symbol svg{width:27px!important;height:31px!important}.store-badge .store-labels small{font-size:8px!important}.store-badge .store-labels strong{font-size:clamp(12px,3.5vw,17px)!important}}

/* Responsive & legibility patch — no copy or screenshot changes */
html,body{max-width:100%;overflow-x:clip}
.description-panel{min-width:0;overflow:hidden}
.description-panel>*{min-width:0}
.app__fulldescription-content li{overflow:hidden;overflow-wrap:break-word;isolation:isolate}
.app__fulldescription-content li::before{box-sizing:border-box!important;display:grid!important;place-items:center!important;position:absolute!important;top:17px!important;left:18px!important;right:auto!important;bottom:auto!important;width:38px!important;height:38px!important;line-height:1!important;font-size:22px!important;transform:none!important;float:none!important;z-index:1}
.app__fulldescription-content li{padding-top:74px!important}
html[data-theme="light"] .description-panel{
 background:#FFFFFF!important;
 border:1px solid #C7CFDA!important;
 box-shadow:0 18px 55px #1B2A421B!important
}
html[data-theme="light"] .description-panel .app__section-title{color:#202936!important}
html[data-theme="light"] .description-panel p{color:#4C5B70!important}
html[data-theme="light"] .app__fulldescription-content li{
 background:#F0F3F8!important;
 border:1px solid #CFD8E4!important;
 color:#283342!important;
 box-shadow:0 4px 12px #2030490B!important
}
html[data-theme="light"] .app__fulldescription-content li::before{
 background:#E0E7F0!important;color:#667F9F!important
}
/* Desktop: exactly five evenly sized cards. */
.app__screenshots-wrapper{min-width:0!important;max-width:100%!important;overflow:visible!important}
.app__screenshots-list{width:100%!important;min-width:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:0!important;gap:clamp(8px,1vw,16px)!important}
.app__screenshots-list>a{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.app__screenshots-list img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important}
.app__screenshots-list img:hover{transform:none!important}
@media(max-width:1050px){
 .description-panel{grid-template-columns:1fr!important;gap:12px!important}
 .description-panel .app__section-title,.app__fulldescription-content p,.app__fulldescription-content ul{grid-column:1!important;grid-row:auto!important}
 .app__fulldescription-content ul{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .app__screenshots-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .hero-shell{grid-template-columns:minmax(0,1fr)!important}
 .hero-shell,.hero-shell>*{min-width:0!important}
 .app__name{overflow-wrap:anywhere;font-size:clamp(46px,11vw,75px)!important}
 .app__description{overflow-wrap:break-word}
 .description-panel{padding:24px 18px!important}
 .app__fulldescription-content ul{grid-template-columns:1fr!important;gap:10px!important}
 .app__fulldescription-content li{padding:15px 14px 15px 63px!important;min-height:62px!important;display:flex!important;align-items:center!important}
 .app__fulldescription-content li::before{left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important}
 /* Native swipeable rail instead of wrapping/overflowing a broken grid */
 .app__screenshots{overflow:hidden!important}
 .app__screenshots-wrapper{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 0 15px!important}
 .app__screenshots-list{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:max-content!important;min-width:100%!important}
 .app__screenshots-list>a{flex:0 0 clamp(155px,58vw,260px)!important;width:clamp(155px,58vw,260px)!important;max-width:none!important;scroll-snap-align:start!important}
 .app__screenshots-list img{width:100%!important;height:auto!important}
}
@media(max-width:380px){
 .app__screenshots-list>a{flex-basis:75vw!important;width:75vw!important}
 .app__buttons{gap:8px!important}
 .store-badge{width:calc(50% - 4px)!important}
}

/* Mobile typography, optical centering and reliable vector icons */
.float-icon svg,.theme-toggle svg{display:block!important;width:52%!important;height:52%!important;stroke:currentColor!important;flex-shrink:0}
.theme-toggle{display:grid!important;place-items:center!important}
.theme-toggle svg{width:22px!important;height:22px!important}
.hero-icon-frame{aspect-ratio:1 / 1!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.hero-icon-frame img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain!important;transform:none!important}
@media(max-width:700px){
 .hero-shell{padding-top:16px!important;gap:0!important}
 body .app__header{align-items:center!important;text-align:center!important}
 .app__infos{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
 .eyebrow{font-size:10px!important;letter-spacing:.16em!important;margin:0 0 13px!important;text-align:center!important}
 .app__name{font-size:clamp(40px,9.1vw,60px)!important;line-height:1.13!important;letter-spacing:-.065em!important;text-align:center!important;margin:0 0 12px!important;overflow-wrap:normal!important;word-break:normal!important}
 .app__description{font-size:clamp(15px,4vw,19px)!important;line-height:1.55!important;max-width:360px!important;text-align:center!important;margin:0 auto 23px!important}
 .app__buttons{width:100%!important;justify-content:center!important}
 .hero-visual{height:270px!important;width:100%!important;max-width:100%!important;margin:15px auto 0!important}
 .hero-globe{width:235px!important;height:235px!important;max-width:none!important}
 .hero-icon-frame{width:170px!important;max-width:58vw!important;height:auto!important;border-radius:28%!important;padding:6px!important;transform:rotate(7deg)!important}
 .orbit{width:min(95%,320px)!important;height:115px!important}
 .orbit-two{width:min(82%,275px)!important;height:145px!important}
 .float-icon{width:39px!important;height:39px!important;border-radius:12px!important;font-size:unset!important}
 .float-phone{top:17%!important;left:calc(50% - 135px)!important}
 .float-search{top:52%!important;right:calc(50% - 140px)!important}
 .float-user{bottom:9%!important;left:calc(50% - 100px)!important}
 .description-panel .app__section-title{text-align:center!important}
 .description-panel p{text-align:center!important}
}
@media(max-width:380px){
 .app__name{font-size:clamp(36px,9vw,45px)!important}
 .hero-visual{height:245px!important}
 .hero-icon-frame{width:150px!important}
 .hero-globe{width:215px!important;height:215px!important}
}

/* Final mobile alignment: retain original left-to-right text placement */
@media(max-width:700px){
 body .app__header{align-items:flex-start!important;text-align:left!important}
 .app__infos{align-items:flex-start!important;text-align:left!important}
 .eyebrow,.app__name,.app__description{text-align:left!important}
 .app__description{margin-left:0!important;margin-right:0!important;max-width:100%!important}
 .app__buttons{justify-content:flex-start!important}
 .description-panel .app__section-title{text-align:left!important}
 .description-panel p{text-align:left!important}
 .app__screenshots{width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:hidden!important}
 .app__screenshots-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 14px!important;box-sizing:border-box!important}
 .app__screenshots-list{margin:0!important;padding:0!important;justify-content:flex-start!important;align-items:flex-start!important}
 .app__screenshots-list>a:first-child{margin-left:0!important}
}