:root{
  color-scheme:dark;
  --bg:#071217;
  --bg-soft:#0c1b22;
  --panel:#10212a;
  --panel-2:#132732;
  --panel-3:#18313d;
  --stroke:#28444f;
  --stroke-soft:#345764;
  --text:#ecf7f9;
  --muted:#a9c3ca;
  --muted-2:#86a6ae;
  --accent:#82d9cc;
  --accent-2:#8bbcf5;
  --accent-3:#68d3b6;
  --accent-deep:#214755;
  --white:#f7fbfb;
  --app-gold:#e6c278;
  --app-green:#47c6ab;
  --app-red:#e57172;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:radial-gradient(circle at top,#113443 0%,#0a1a22 28%,#071217 62%);color:var(--text);font:400 16px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
p{margin:0 0 1rem}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.03em;margin:0 0 .6rem}strong{font-weight:760}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.skip{position:absolute;top:-100px;left:14px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:10px}
.topbar{position:sticky;top:0;z-index:30;background:rgba(8,18,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(130,217,204,.16)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));display:grid;place-items:center;box-shadow:0 10px 28px rgba(88,173,201,.24)}
.brand-mark span{font-weight:900;font-size:1.45rem;line-height:1;color:#082029;transform:translateX(1px)}
.brand-text{display:block;line-height:1.05;font-size:1.08rem;font-weight:820;letter-spacing:.08em;white-space:nowrap}
.brand-text b{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text small{display:block;font-size:.54rem;letter-spacing:.18em;color:#b8d0d5;padding-top:6px;font-weight:670}
.topnav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.topnav a{font-size:.84rem;color:#c9dce0}.topnav a:hover,.footer a:hover{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.lang-switch{display:flex;gap:6px;padding:4px;border:1px solid rgba(130,217,204,.18);border-radius:999px;background:rgba(255,255,255,.04)}
.lang-btn{cursor:pointer;border:0;background:transparent;color:#c9dce0;padding:7px 11px;border-radius:999px;font-size:.75rem;font-weight:760;letter-spacing:.08em}
.lang-btn.active{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));color:#0a2028}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(130,217,204,.12)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(132,204,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(132,204,217,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,black,transparent 88%);pointer-events:none}
.hero:after{content:"";position:absolute;right:-140px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(131,196,255,.18),transparent 62%)}
.hero-content{padding:92px 0 94px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-badge{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid rgba(130,217,204,.2);border-radius:999px;background:rgba(255,255,255,.04);font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#cfe6ea;margin-bottom:22px}
.hero-badge i{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));display:block}
.hero h1{font-size:clamp(3.4rem,8.9vw,7.3rem);font-weight:900;letter-spacing:-.075em;margin:0}
.hero h1 span{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{margin:10px 0 0;font-size:clamp(.84rem,1.8vw,1.2rem);font-weight:690;letter-spacing:.22em;color:#cfe1e6}
.hero-lead{max-width:760px;margin:26px auto 0;color:#b4cdd3;font-size:1.06rem;line-height:1.9}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-size:.9rem;font-weight:760;transition:transform .18s,border .18s,background .18s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));color:#082029}
.button.ghost,.button.outlined{background:rgba(255,255,255,.04);border-color:rgba(130,217,204,.18);color:var(--white)}
.button.ghost:hover,.button.outlined:hover{border-color:var(--accent)}
.section{padding:86px 0}
.section-header{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:end;margin-bottom:30px}
.overline{font-size:.73rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.section-header h2{font-size:clamp(2rem,4vw,3.4rem)}
.section-header p{margin:0;color:var(--muted);line-height:1.85}
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.app-card{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(130,217,204,.16);border-radius:18px;padding:22px 20px;min-height:255px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.app-card.featured{border-color:rgba(139,188,245,.38);box-shadow:0 16px 48px rgba(72,120,170,.16)}
.app-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px}
.app-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(130,217,204,.08);border:1px solid rgba(130,217,204,.16);font-size:1.1rem;font-weight:820;color:var(--accent)}
.app-state{font-size:.58rem;font-weight:820;letter-spacing:.1em;color:#d4ecef;border:1px solid rgba(130,217,204,.16);border-radius:999px;padding:6px 8px;text-align:center}
.app-card h3{font-size:1.22rem}.app-card h3 span{color:var(--accent)}
.app-card p{color:var(--muted);font-size:.89rem;line-height:1.72}.app-card .text-link{margin-top:auto}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:750;font-size:.88rem}
.note{margin-top:18px;color:var(--muted-2);font-size:.82rem}
.product-wrap{border:1px solid rgba(130,217,204,.16);border-radius:22px;padding:28px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 24px 64px rgba(0,0,0,.18)}
.product-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;margin-bottom:26px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(130,217,204,.2);background:rgba(255,255,255,.04);font-size:.7rem;letter-spacing:.14em;font-weight:800;color:#d3ecef}
.pill .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--accent-2),var(--accent-3))}
.product-head h2{font-size:clamp(2.5rem,5.5vw,5rem)}
.product-head p{color:var(--muted);line-height:1.88}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid rgba(130,217,204,.16)}
.page-tab{cursor:pointer;flex:1;min-width:130px;background:#102028;color:#c8dbe0;border:1px solid rgba(130,217,204,.12);border-radius:12px;padding:13px 12px;font-size:.84rem;font-weight:800;letter-spacing:.02em;transition:border .15s,background .15s,color .15s}
.page-tab span{display:inline-block;margin-right:7px;color:#89aeb6;font-size:.67rem}
.page-tab[aria-selected="true"]{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));color:#082029;border-color:transparent}
.page-tab[aria-selected="true"] span{color:#0d2d3a}
.showcase{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:40px;align-items:center;padding-top:26px}
.phone{width:294px;max-width:100%;padding:8px;border-radius:38px;background:linear-gradient(130deg,#60747c,#12191d 28%,#424d53 76%,#0f1519);box-shadow:0 28px 70px rgba(0,0,0,.42)}
.phone-bezel{padding:7px;position:relative;border-radius:31px;background:#030506}
.phone-camera{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80px;height:13px;border-radius:0 0 12px 12px;background:#010203;z-index:2}
.phone-display{height:574px;border-radius:26px;overflow:hidden;background:#070a0d;color:#edf1ee}
.phone-status{height:28px;padding:6px 18px 2px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#dbe2de}
.phone-homebar{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:92px;height:5px;border-radius:999px;background:#66727a}
.mock-screen{height:calc(100% - 28px);padding:0 11px 38px;display:flex;flex-direction:column;font-size:11px;overflow:hidden}
.mock-screen[hidden],.page-panel[hidden]{display:none!important}
.app-bar{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:8px 4px 10px}
.app-bar b{font-size:13px;letter-spacing:.04em}.app-bar small{position:absolute;left:4px;bottom:0;font-size:9px;color:#8ea1a8}.app-price{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 4px 12px;border-bottom:1px solid #182126}.app-price span{font-size:9px;letter-spacing:.12em;color:#95a6ad}.app-price strong{font-size:21px;color:var(--app-gold)}.app-price i{font-style:normal;color:var(--app-green);font-size:13px}
.tf-row{display:flex;gap:6px;padding:9px 4px}.tf-row span{flex:1;text-align:center;padding:5px 0;border-radius:6px;background:#12181c;color:#90a3ab;border:1px solid #1f2a30;font-size:9px;font-weight:750}.tf-row b{flex:1;text-align:center;padding:5px 0;border-radius:6px;background:#1d261e;border:1px solid #33564a;color:#def7f0;font-size:9px}
.chart-box{height:268px;margin:4px 3px 12px;border-radius:12px;background:linear-gradient(180deg,#0c1115,#0a0d11);border:1px solid #202931;padding:8px;overflow:hidden}
.indicator-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.indicator-row span{min-width:36px;padding:6px 7px;border-radius:6px;background:#12181b;border:1px solid #283239;color:#d7e0df;text-align:center;font-size:8px;font-weight:780}
.bottom-line{display:flex;justify-content:space-between;padding:10px 4px 9px;color:#8fa1a7;font-size:9px}
.app-dock{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding-top:8px;border-top:1px solid #182228}.app-dock span,.app-dock b{padding:7px 0;text-align:center;border-radius:7px;background:#11181b;color:#8ea0a7;font-size:8px;font-weight:760}.app-dock b{background:#263239;color:#e6c278}
.metric-stack{padding:8px 2px 0;display:flex;flex-direction:column;gap:10px}.metric-card{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-radius:10px;border:1px solid #263239;background:#11181c}.metric-card span{display:block;font-size:9px;color:#8ea0a7}.metric-card b{font-size:12px}.metric-card strong{font-size:15px}.metric-card .up{color:var(--app-green)}.metric-card .down{color:var(--app-red)}.metric-card .gold{color:var(--app-gold)}
.levels-card{margin-top:8px;padding:11px 12px;border-radius:10px;background:#151c20;border:1px solid #2a363e}.levels-card h4{font-size:10px;letter-spacing:.1em;color:var(--app-gold);margin:0 0 8px}.level-row{display:flex;justify-content:space-between;font-size:10px;color:#d9e0dc;padding:4px 0}.level-row small{color:#8ea0a7}
.struct-card{padding:10px 12px;border-radius:10px;background:#12181c;border:1px solid #273139;margin-top:7px}
.struct-card .tag{display:inline-block;font-size:8px;letter-spacing:.12em;color:var(--app-gold);margin-bottom:7px}.struct-card p{font-size:10px;line-height:1.6;color:#dae1dd;margin:0}.struct-points{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.struct-points span{padding:8px;border-radius:8px;background:#171f23;border:1px solid #283239;font-size:9px;color:#dce3df}
.alert-head{padding:10px 4px 2px;font-size:10px;letter-spacing:.12em;color:var(--app-gold)}
.alert-card{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:9px;border:1px solid #29343a;background:#11181c;margin-bottom:7px}.alert-card .icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid #5d4d30;color:var(--app-gold);font-size:15px}.alert-card b{display:block;font-size:11px}.alert-card small{display:block;color:#8fa1a7;font-size:9px}.toggle{margin-left:auto;width:30px;height:17px;border-radius:999px;background:#3b464b;position:relative}.toggle:after{content:"";position:absolute;top:2.5px;left:3px;width:11px;height:11px;border-radius:50%;background:#959c9e}.toggle.on{background:#335e57}.toggle.on:after{left:16px;background:#5fe2c4}
.preview-caption{text-align:center;color:var(--muted-2);font-size:.76rem;line-height:1.6;margin:18px auto 0;max-width:330px}
.page-copy{max-width:560px}.page-panel{animation:fade .18s ease}.page-count{font-size:.75rem;font-weight:760;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.page-panel h3{font-size:clamp(1.9rem,4.2vw,3.4rem);margin:8px 0 18px}.page-panel h3 span{font-size:clamp(1rem,2.3vw,1.7rem);color:#98b4bc;font-weight:500}.page-panel>p:not(.page-count){color:#c5d8dd;line-height:1.86}
.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid rgba(130,217,204,.12);color:#d8e6e8}.checklist li:before{content:"✓";position:absolute;left:0;top:11px;color:var(--accent);font-weight:800}
.feature-tier{display:inline-flex;padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(130,217,204,.18);font-size:.73rem;font-weight:760;letter-spacing:.08em;color:#d8edf0;margin-bottom:20px}
.callout{margin-top:24px;padding:22px 24px;border-radius:18px;border:1px solid rgba(130,217,204,.16);background:rgba(255,255,255,.035);display:flex;justify-content:space-between;align-items:center;gap:20px}
.callout p{color:var(--muted);font-size:.9rem;margin:.3rem 0 0}
.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.doc-card{position:relative;padding:24px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(130,217,204,.16);min-height:200px}
.doc-card span{display:block;font-size:1.4rem;color:var(--accent);margin-bottom:14px}.doc-card h3{font-size:1.15rem}.doc-card p{color:var(--muted);font-size:.88rem;line-height:1.72}
.footer{border-top:1px solid rgba(130,217,204,.14);background:rgba(0,0,0,.18)}
.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px;padding:40px 0 28px}.footer-logo{font-size:1.24rem;font-weight:850;letter-spacing:.08em}.footer-logo span{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.footer p,.footer li,.footer a{color:#afc6cb;font-size:.84rem}.footer h3{font-size:.9rem;margin:0 0 12px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.footer .email{color:var(--accent);font-weight:760}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0 22px;border-top:1px solid rgba(130,217,204,.12);color:#88a7ae;font-size:.75rem}
.subhero{padding:68px 0 34px;border-bottom:1px solid rgba(130,217,204,.12)}
.subhero h1{font-size:clamp(2.4rem,5vw,4rem)}
.section-intro{max-width:760px;color:var(--muted);line-height:1.85}
.document{max-width:920px;border:1px solid rgba(130,217,204,.16);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.025));padding:clamp(22px,4vw,42px);margin-bottom:82px;box-shadow:0 24px 64px rgba(0,0,0,.15)}
.document section+section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(130,217,204,.12)}
.document h2{font-size:1.3rem}.document p,.document li{color:#c7dade;line-height:1.86}.document ul{padding-left:20px}
.notice{padding:18px 20px;border-radius:12px;border:1px solid rgba(139,188,245,.25);background:rgba(139,188,245,.08);color:#d9eff2;margin-bottom:24px}
.guide-index{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.guide-index a{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(130,217,204,.18);font-size:.84rem;font-weight:750;color:#d7eaed}
.doc-contact{color:var(--accent);font-weight:760}
@keyframes fade{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.apps-grid,.docs-grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr;justify-items:center}.page-copy{max-width:100%}.callout{flex-direction:column;align-items:stretch}.product-head,.section-header{grid-template-columns:1fr}}
@media(max-width:760px){html{scroll-padding-top:124px}.container{width:calc(100% - 28px)}.nav{min-height:auto;flex-wrap:wrap;justify-content:center;padding:12px 0}.topnav{order:3;width:100%}.nav-right{order:2;width:100%;justify-content:center}.hero-content{padding:72px 0 76px}.section{padding:66px 0}.apps-grid,.docs-grid{grid-template-columns:1fr}.product-wrap{padding:18px}.page-tab{min-width:unset;flex:1 1 45%}.phone{width:282px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-main>div,.footer-main nav{grid-column:auto}.footer-bottom{justify-content:center;text-align:center}.brand-text{font-size:.96rem}.brand-text small{font-size:.49rem}.callout .button{width:100%}}
@media(max-width:420px){.page-tab{flex:1 1 100%}.hero h1{font-size:clamp(2.7rem,13vw,4rem)}}


/* R4: HTML5 / mobile-first responsiveness and cross-device refinements */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:clip}
button,a{-webkit-tap-highlight-color:rgba(130,217,204,.16)}
img,svg{max-width:100%;height:auto}
:where(.apps-grid,.docs-grid,.app-card,.doc-card,.product-head,.section-header,.showcase,.page-copy,.footer-main)>*{min-width:0}
.brand-mark{padding:0;border:1px solid rgba(130,217,204,.14);overflow:hidden;background:rgba(0,0,0,.19);flex:none}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.hero-logo{width:clamp(76px,9vw,120px);height:auto;aspect-ratio:1/1;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 12px 18px rgba(57,171,199,.18))}
.gradient-word{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1{overflow-wrap:anywhere;max-width:100%}
.hero-sub{max-width:100%;overflow-wrap:anywhere;line-height:1.5}
.section-header h2{overflow-wrap:break-word}
.nav{min-width:0}
.topnav a,.lang-btn,.page-tab,.button{touch-action:manipulation}
.topnav a{display:inline-block;padding-block:6px}
.page-tab{min-height:48px}
.page-tab:focus-visible,.lang-btn:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.phone{margin-inline:auto}
.phone-display{isolation:isolate}
.product-wrap,.document{overflow-wrap:break-word}
.document{width:100%}
.checklist li{overflow-wrap:break-word}
.footer .email{overflow-wrap:anywhere}
@media (min-width:1440px){.container{width:min(var(--max),calc(100% - 96px))}}
@media (max-width:1100px) and (min-width:761px){
  .nav{flex-wrap:wrap;padding:12px 0;justify-content:center;gap:12px 20px}
  .topnav{order:3;width:100%;justify-content:center}
  .nav-right{margin-left:auto}
  .apps-grid,.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  html{scroll-padding-top:170px}
  .nav{row-gap:7px;padding:10px 0 12px}
  .topnav{gap:clamp(9px,3.1vw,20px);row-gap:2px}
  .topnav a{font-size:.78rem;padding:6px 2px}
  .nav-right{margin:0}
  .hero-content{padding:54px 0 64px}
  .hero-logo{width:90px}
  .hero h1{font-size:clamp(2.45rem,12vw,5.4rem);line-height:1.1}
  .hero-sub{font-size:.72rem;letter-spacing:.09em}
  .hero-lead{font-size:1rem;margin-top:18px;line-height:1.72}
  .section{padding:56px 0}
  .product-wrap{padding:clamp(12px,4vw,20px)}
  .product-head{gap:13px}
  .product-head h2{font-size:clamp(2.2rem,11vw,4rem)}
  .page-tab{flex:1 1 calc(50% - 5px);min-width:0}
  .showcase{gap:27px}
  .phone{width:min(294px,100%)}
  .page-panel h3 span{display:block;margin-top:5px}
  .footer-main{padding:30px 0 24px}
  .document{padding:clamp(16px,4vw,30px);margin-bottom:40px}
  .subhero{padding:44px 0 28px}
  .footer-bottom{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  html{scroll-padding-top:190px}
  .hero h1{font-size:clamp(2.3rem,11.2vw,3.1rem);letter-spacing:-.065em}
  .brand-mark{width:42px;height:42px}
  .brand-text{font-size:.96rem}
  .brand-text small{font-size:.48rem;letter-spacing:.105em}
  .page-tab{flex:1 1 calc(50% - 5px)}
  .page-tab span{margin-right:5px}
  .hero-actions{width:100%}
  .hero-actions .button{flex:1 1 100%;max-width:360px}
  .apps-grid,.docs-grid{grid-template-columns:1fr}
  .footer-bottom{font-size:.75rem}
}
@media(max-width:350px){
  .container{width:calc(100% - 20px)}
  .topnav{gap:7px}
  .topnav a{font-size:.72rem}
  .brand-text{font-size:.89rem}
  .hero h1{font-size:clamp(2.2rem,11vw,2.6rem)}
  .hero-sub{font-size:.66rem}
  .page-tab{font-size:.75rem}
  .phone{transform:scale(.96);transform-origin:center top;margin-bottom:-15px}
}
@media (hover:none){.button:hover,.doc-card:hover{transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* R5: authentic Android app graphics — distinct from PAPACANDLE blue/green branding */
.papa-true-icon{width:48px;height:48px;background:#06090b;padding:1px;overflow:hidden;border:1px solid rgba(228,186,91,.45)}
.papa-true-icon img{display:block;width:100%;height:100%;object-fit:contain}
.app-real-brand{margin-top:22px;display:flex;align-items:center;gap:13px;max-width:470px;background:linear-gradient(115deg,rgba(225,185,92,.08),rgba(255,255,255,.015));border:1px solid rgba(228,186,91,.22);border-radius:14px;padding:11px 14px}
.app-real-brand img{display:block;width:84px;height:84px;object-fit:contain;flex:none;border-radius:15px;background:#050709}
.app-real-brand-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.app-real-brand-text strong{font-size:.88rem;line-height:1.4;color:#f5e5ba}
.app-real-brand-text span{font-size:.76rem;color:#a8c3c6;line-height:1.45}
.appbar-authentic-icon{width:25px;height:25px;object-fit:cover;margin:0 6px 0 0;vertical-align:middle;border-radius:5px}
.screenshot-layer{position:absolute;inset:0;z-index:12;background:#050809;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:26px}
.screenshot-layer[hidden]{display:none!important}
.screenshot-layer-image{display:block;width:100%;height:100%;object-fit:contain}
.phone-display{position:relative}
.real-assets-banner{display:flex;align-items:center;gap:22px;margin-top:27px;padding:14px 22px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(225,185,92,.13)}
.real-assets-banner p{font-size:.87rem;line-height:1.7;color:#b8cbd0;margin:0}
.real-assets-candles{display:flex;align-items:end;gap:6px;flex:none;height:62px}
.real-assets-candles img{height:100%;width:20px;object-fit:contain}
.real-assets-candles img:nth-child(2){height:80%}
.real-assets-candles img:nth-child(3){height:62%}
@media(max-width:480px){.app-real-brand{padding:8px;gap:9px}.app-real-brand img{width:62px;height:62px}.app-real-brand-text strong{font-size:.78rem}.app-real-brand-text span{font-size:.7rem}.real-assets-banner{gap:11px;padding:13px}.real-assets-candles{height:55px}}

/* R6: authentic Android screenshot gallery. User-provided screenshots are unaltered. */
.xau-gold-word{color:#e0b86d}
.hero-logo{filter:drop-shadow(0 11px 24px rgba(201,210,217,.15))}
.brand-mark{background:linear-gradient(135deg,#e9eef2,#7d8e99);padding:2px;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.brand-text b{color:#e2eaf0!important;-webkit-text-fill-color:#e2eaf0!important;background:none!important}
.hero h1 span{background:linear-gradient(90deg,#f1f4f5,#8fa1ab);background-clip:text;-webkit-background-clip:text;color:transparent}
.family-logo{overflow:hidden;padding:2px;background:#07090b}
.family-logo img{width:100%;height:100%;object-fit:contain;border-radius:9px}
.app-card.featured h3 span{color:#e5bd72}
.real-device{width:min(100%,325px);margin-inline:auto;border:2px solid #344952;border-radius:34px;background:#030608;padding:7px;box-shadow:0 30px 76px rgba(0,0,0,.48),0 0 0 1px rgba(213,229,234,.06)}
.real-device a{display:block;overflow:hidden;border-radius:26px;line-height:0;background:#07090d}
.real-screen{display:block;width:100%;height:auto;aspect-ratio:691/1536;object-fit:contain;image-rendering:auto}
.screen-views{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:16px auto 0;max-width:360px}
.screen-views[hidden]{display:none!important}
.screen-view{cursor:pointer;border:1px solid rgba(139,188,245,.25);background:#16252d;border-radius:100px;padding:9px 14px;color:#b4cbd0;font-weight:720;font-size:.78rem}
.screen-view.active{background:linear-gradient(90deg,#8bbcf5,#68d3b6);color:#082029;border-color:transparent}
.screen-view:hover:not(.active){border-color:#87d7ce;color:#d9f3f4}
.gallery-fineprint{margin:16px 4px 0;color:#97afb5;font-size:.79rem;line-height:1.65}
#preview-caption{max-width:360px}
@media(max-width:760px){.real-device{width:min(100%,300px)}.showcase{gap:21px}.page-tab{flex:1 1 30%;min-width:94px;padding:12px 9px}}
@media(max-width:400px){.page-tab{flex:1 1 42%}.real-device{width:min(100%,290px)}}

/* R7: legal text clarity; no changes to app gallery */
.document a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.document .doc-email{font-weight:700;overflow-wrap:anywhere;margin-top:24px}
.document .legal-edition{font-size:.83rem;color:var(--muted-2)}
@media(max-width:740px){.document p{overflow-wrap:break-word}.topnav{row-gap:5px}.document h2{line-height:1.35}}


/* R10 header refinements */
.topbar{position:sticky;top:0;z-index:30;background:rgba(5,15,20,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:block;padding:18px 0 16px}
.nav-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-main{display:flex;align-items:center;gap:18px;min-width:0;flex:1}
.brand-mark-main{width:74px;height:74px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;box-shadow:none}
.brand-mark-main img{width:64px;height:64px;border-radius:18px;object-fit:cover}
.brand-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand-name{font-size:clamp(1.8rem,3.8vw,2.5rem);font-weight:900;letter-spacing:.02em;color:#f2f5f6;line-height:1}
.brand-copy small{display:block;font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.22em;color:#d8e0e3;font-weight:760;text-transform:uppercase;padding-top:0}
.nav-right{flex:0 0 auto}
.lang-panel{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.03)}
.lang-panel-icon{width:44px;height:44px;border-radius:12px;display:block}
.lang-switch{gap:8px;padding:4px;border:1px solid rgba(130,217,204,.18);background:rgba(255,255,255,.02)}
.lang-btn{min-width:56px;padding:10px 12px;font-size:.88rem;font-weight:850;letter-spacing:.08em}
.topnav-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-top:18px}
.topnav-pills a{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#dce6e8}
.topnav-pills a:hover{border-color:rgba(130,217,204,.5);color:#fff}
.hero{border-bottom:1px solid rgba(130,217,204,.08);background:radial-gradient(circle at top left,rgba(45,100,118,.24),transparent 35%),linear-gradient(180deg,#071217 0%,#08141a 100%)}
.hero:before{display:none !important}
.hero:after{display:none}
.hero-content{padding:36px 0 46px;position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start}
.hero-logo,.hero-badge,.hero h1,.hero-sub{display:none !important}
.hero-lead-top{max-width:900px;margin:0;color:#c5d4d9;font-size:1.1rem;line-height:1.95}
.hero-actions{margin:22px 0 0;justify-content:flex-start}
@media(max-width:860px){
  .nav-head{flex-direction:column;align-items:stretch}
  .brand-main{width:100%}
  .nav-right{width:100%}
  .lang-panel{justify-content:space-between;width:100%}
  .topnav-pills{justify-content:flex-start}
}
@media(max-width:620px){
  .nav{padding:16px 0 14px}
  .brand-main{align-items:center;gap:14px}
  .brand-mark-main{width:64px;height:64px;border-radius:18px}
  .brand-mark-main img{width:54px;height:54px}
  .brand-name{font-size:1.75rem}
  .brand-copy small{font-size:.74rem;letter-spacing:.16em;line-height:1.35}
  .lang-panel{padding:10px;gap:10px}
  .lang-panel-icon{width:38px;height:38px}
  .lang-switch{flex:1;justify-content:space-between}
  .lang-btn{min-width:0;flex:1;padding:10px 8px;font-size:.82rem}
  .topnav-pills{gap:8px;margin-top:14px}
  .topnav-pills a{font-size:.7rem;letter-spacing:.12em;padding:9px 11px}
  .hero-content{padding:28px 0 36px}
  .hero-lead-top{font-size:1rem;line-height:1.82}
  .hero-actions{width:100%;flex-direction:column;align-items:stretch}
}

/* R11 — editorial text only */
.feature-summary{margin:0 0 18px;color:#9ec3c9;font-size:.9rem;font-weight:600;line-height:1.7}.manual-subtitle{font-weight:720;color:#98cbbf!important;font-size:1rem!important;margin:2px 0 14px}.manual-highlights{font-size:1rem;margin:16px 0 7px;color:#dce9ea}.manual-list{margin-top:7px}.document section{scroll-margin-top:130px}.document section p{overflow-wrap:break-word}


/* R12: The same responsive identity on every page, single brand icon left, languages right */
.topbar .nav{padding-top:15px;padding-bottom:14px}
.topbar .nav-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-direction:row}
.topbar .brand-main{width:auto;min-width:0;max-width:calc(100% - 128px);flex:1 1 auto;gap:13px;align-items:center}
.topbar .brand-mark-main{flex:0 0 74px;width:74px;height:74px;padding:3px;border-radius:21px;box-shadow:0 7px 28px rgba(80,180,211,.1);background:rgba(255,255,255,.045)}
.topbar .brand-mark-main img{width:100%;height:100%;border-radius:17px;object-fit:contain}
.topbar .brand-copy{min-width:0;gap:7px}
.topbar .brand-name{font-size:clamp(1.55rem,3.2vw,2.3rem);white-space:nowrap;letter-spacing:0;font-weight:850;line-height:1.03}
.topbar .brand-copy small{font-size:clamp(.78rem,1.3vw,1.02rem);font-weight:800;line-height:1.5;letter-spacing:.12em;color:#e1ecee;max-width:380px}
.topbar .nav-right{flex:0 0 auto;width:auto}
.topbar .lang-panel{padding:8px;border-radius:16px;gap:9px;justify-content:space-between;width:auto}
.topbar .lang-panel-icon{width:34px;height:34px;display:grid;place-items:center;color:#92d8d6;border:none;flex:0 0 34px}
.topbar .lang-switch{margin:0;gap:2px}
.topbar .lang-btn{min-width:37px;padding:8px 7px;font-size:.77rem}
.topbar .lang-select{display:none;color:#ebf7f7;background:#122831;border:1px solid #31515c;border-radius:10px;padding:10px 7px;font-size:.85rem;font-weight:850;cursor:pointer;min-width:59px}
.topbar .topnav-pills{margin-top:16px;justify-content:flex-start;gap:8px}
.topbar .topnav-pills a{font-weight:730;letter-spacing:.08em}
@media(max-width:700px){
  .topbar .brand-main{gap:9px;max-width:calc(100% - 102px)}
  .topbar .brand-mark-main{flex-basis:62px;width:62px;height:62px;border-radius:17px}
  .topbar .brand-mark-main img{border-radius:14px}
  .topbar .brand-copy{gap:4px}
  .topbar .brand-name{font-size:clamp(1.17rem,5vw,1.66rem)}
  .topbar .brand-copy small{font-size:clamp(.72rem,3vw,.86rem);line-height:1.29;letter-spacing:.07em;max-width:205px}
  .topbar .lang-panel{gap:3px;padding:5px 6px}
  .topbar .lang-panel-icon{width:24px;height:30px;flex-basis:24px}
  .topbar .lang-panel-icon svg{width:21px;height:21px}
  .topbar .lang-switch{display:none}
  .topbar .lang-select{display:block;min-width:53px;padding:8px 3px;font-size:.78rem}
  .topbar .topnav-pills{margin-top:15px;gap:7px;flex-wrap:wrap}
  .topbar .topnav-pills a{padding:9px 10px;letter-spacing:.075em}
}
@media(max-width:390px){
  .container{width:calc(100% - 28px)}
  .topbar .nav-head{gap:8px}
  .topbar .brand-main{gap:7px;max-width:calc(100% - 89px)}
  .topbar .brand-mark-main{flex-basis:51px;width:51px;height:51px;padding:2px;border-radius:14px}
  .topbar .brand-name{font-size:1.17rem}
  .topbar .brand-copy small{font-size:.67rem;letter-spacing:.04em;max-width:160px}
  .topbar .lang-panel{padding:4px}
  .topbar .lang-panel-icon{width:20px;flex-basis:20px}
  .topbar .lang-panel-icon svg{width:17px;height:17px}
  .topbar .lang-select{min-width:47px;padding:7px 1px;font-size:.74rem}
  .topbar .topnav-pills a{font-size:.65rem;padding:8px 9px}
}


/* R13 documents integration: keep R12 header and overall visual identity */
.docs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.doc-card{min-height:180px;transition:border-color .2s,transform .2s;display:block}
.doc-card:hover,.doc-card:focus-visible{border-color:rgba(124,215,209,.7);transform:translateY(-2px)}
.doc-card h3{font-size:1.08rem}
.doc-card p{margin-bottom:0}
.doc-card span{font-size:1.65rem;line-height:1}
.legal-body-section{padding-top:30px}
.document .legal-section{padding:18px 0 20px;border-bottom:1px solid rgba(130,217,204,.1)}
.document .legal-section h2{font-size:clamp(1.25rem,2.8vw,1.65rem)}
.legal-related{margin-top:28px;padding:22px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(130,217,204,.16)}
.legal-related h2{font-size:1.3rem}
.legal-related p{color:var(--muted);font-size:.94rem}
.legal-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.legal-link-row .button{min-height:40px;padding:9px 13px;font-size:.83rem}
/* Offline all-in-one preview page switch */
#r13-inline-view[hidden],#content[hidden]{display:none!important}
.inline-back{position:relative;display:flex;align-items:center;gap:12px;padding-top:20px}
.inline-back a{font-size:.88rem;font-weight:760;color:#b5e7e6;border:1px solid rgba(130,217,204,.3);border-radius:999px;padding:8px 15px}
.inline-back a:hover{border-color:var(--accent);background:rgba(130,217,204,.08)}
@media(max-width:1100px){.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.docs-grid{grid-template-columns:1fr}.doc-card{min-height:0;padding:19px}.legal-related{padding:16px}}