:root{--bg:#020814;--panel:#061522;--line:#16324f;--blue:#1198ff;--text:#f8fbff;--muted:#b6c1d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -8%,#09234b 0,#041020 30%,#020814 64%,#01050c 100%);color:var(--text);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.topbar{height:82px;padding:0 60px;border-bottom:1px solid #112641;background:rgba(2,8,20,.82);display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;min-width:275px}.brand img{width:50px;height:50px;border-radius:12px;filter:drop-shadow(0 0 18px rgba(0,126,255,.35))}.brand b{font-size:28px}.topbar nav{flex:1;display:flex;justify-content:center;gap:44px}.topbar nav a{color:#fff;text-decoration:none;font-size:15px}.outline{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#1da2ff;border:1px solid var(--blue);border-radius:11px;min-height:44px;padding:0 20px;background:linear-gradient(180deg,rgba(10,130,255,.08),rgba(3,20,38,.12));font-weight:500}.outline span{font-size:16px}main{padding:30px 36px 48px}.hero{max-width:1460px;margin:0 auto 34px;display:grid;grid-template-columns:640px 1fr;gap:26px;align-items:center}.copy{padding-left:22px}.copy h1{margin:0 0 18px;font-size:43px;line-height:1.28;letter-spacing:-1.1px}.copy h1 span{color:#cbd4ff}.copy p{font-size:17px;line-height:1.55;color:#c6d0e2;margin:0 0 32px}.actions{display:flex;gap:8px;margin-bottom:34px;flex-wrap:nowrap}.app{width:154px;height:72px;padding:13px 10px;border:1px solid #183652;border-radius:12px;background:linear-gradient(180deg,#08192a,#07111e);display:grid;grid-template-columns:36px 1fr;grid-template-rows:1fr 1fr;align-items:center;color:#fff;text-decoration:none}.app.active{border-color:var(--blue);box-shadow:0 0 18px rgba(17,152,255,.13)}.app img{width:32px;height:32px;grid-row:1/3;object-fit:contain}.app strong{font-size:14px;align-self:end;white-space:nowrap;line-height:1.05}.app small{font-size:12px;color:#b6c1d2;white-space:nowrap;line-height:1.05}.app.coming{cursor:default}.app.coming strong{align-self:center}.app.coming small{display:none}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.points div{display:grid;grid-template-columns:22px 1fr;gap:0 10px}.points img{width:21px;height:21px;grid-row:1/3;object-fit:contain}.points b{font-size:14px}.points span{font-size:12px;line-height:1.6;color:#a8b4c7;margin-top:10px}.scheme{height:358px;border:1px solid #15314f;border-radius:28px;background:linear-gradient(135deg,rgba(7,25,43,.78),rgba(5,14,28,.94));position:relative;overflow:hidden}.ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(17,145,255,.62);border-radius:50%}.r1{width:312px;height:312px}.r2{width:226px;height:226px}.r3{display:none}.core{position:absolute;left:50%;top:50%;translate:-50% -50%;text-align:center;width:170px}.core img{display:block;width:116px;height:116px;margin:0 auto;border-radius:23px;filter:drop-shadow(0 0 20px rgba(17,152,255,.35))}.core b{display:block;font-size:29px;margin-top:12px}.node{position:absolute;width:190px;height:76px;border:1px solid #1f3d5b;border-radius:22px;background:linear-gradient(180deg,rgba(10,29,49,.94),rgba(7,19,34,.94));display:flex;align-items:center;gap:14px;padding:0 16px}.node img{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.node b{font-size:14px}.node span{display:block;font-size:12px;line-height:1.35;color:#aeb9cb;margin-top:4px}.left{left:27px}.right{right:28px}.n1,.n4{top:26px}.n2,.n5{top:136px}.n3,.n6{top:248px}.dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#159bff;box-shadow:0 0 12px #159bff}.d1{left:250px;top:58px}.d2{left:346px;top:100px}.d3{left:260px;top:169px}.d4{left:326px;top:169px}.d5{left:342px;top:236px}.d6{right:258px;top:169px}.d7{right:183px;top:58px}.d8{right:276px;top:100px}.d9{right:184px;top:169px}.d10{right:276px;top:239px} .line{position:absolute;height:1px;background:rgba(17,145,255,.82);transform-origin:left center;z-index:1}.dot{z-index:2}.node,.core,.ring{z-index:3}.ring{z-index:0}.la1{left:217px;top:63px;width:38px}.l1{left:250px;top:63px;width:105px;rotate:24deg}.la2{left:217px;top:174px;width:49px}.l2{left:260px;top:174px;width:66px}.l3{left:217px;top:286px;width:135px;rotate:-22deg}.l4{right:276px;top:105px;width:70px;rotate:-32deg}.l5{right:258px;top:174px;width:42px}.l6{right:276px;top:244px;width:74px;rotate:38deg}.panel{max-width:1460px;margin:0 auto 24px;border:1px solid #142d48;border-radius:24px;background:linear-gradient(145deg,rgba(5,18,33,.78),rgba(4,12,24,.9))}.inside{display:grid;grid-template-columns:275px repeat(4,1fr);gap:16px;padding:20px 34px 18px}.intro{padding:8px 12px}.intro h2,.download h2{font-size:28px;margin:0 0 17px}.intro p,.download p{margin:0;color:#b9c4d6;line-height:1.55;font-size:15px}article{min-height:214px;padding:18px 20px;border:1px solid #1a3553;border-radius:14px;background:linear-gradient(160deg,rgba(8,26,45,.9),rgba(6,18,32,.92))}article img{width:43px;height:43px;margin-bottom:17px}article h3{font-size:16px;margin:0 0 12px}article p{font-size:14px;line-height:1.55;color:#bac5d6;margin:0}.banner{grid-column:1/-1;min-height:74px;border:1px solid #15324f;border-radius:14px;background:linear-gradient(180deg,rgba(7,26,45,.8),rgba(5,16,29,.9));display:flex;align-items:center;gap:22px;padding:14px 20px}.banner img{width:42px;height:42px}.banner > div:not(.copyright){flex:1}.banner b{display:block;font-size:16px;margin-bottom:6px}.banner span{display:block;color:#aeb9ca;font-size:13px}.copyright{flex:0 0 auto;margin-left:auto;margin-right:34px;color:#aeb9ca;font-size:15px;font-weight:600;white-space:nowrap;text-align:right}.download{display:flex;align-items:center;justify-content:space-between;padding:16px 44px}.download h2{font-size:21px;margin-bottom:5px}.download p{font-size:13px}.download-actions{display:flex;gap:16px}.dl{width:160px;height:58px;border:1px solid #18324e;border-radius:11px;background:linear-gradient(180deg,rgba(9,25,43,.96),rgba(6,17,31,.96));display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-decoration:none;color:#fff;padding:9px 14px}.dl.active{border-color:var(--blue)}.dl img{width:30px;height:30px;grid-row:1/3}.dl b{font-size:14px}.dl span{font-size:12px;color:#b6c2d2}
.connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.connections .wire path{fill:none;stroke:#1198ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.88;vector-effect:non-scaling-stroke}.connections .wire-dots circle{fill:#159bff;filter:drop-shadow(0 0 8px #159bff)}.scheme .ring{z-index:0}.scheme .connections{z-index:1}.scheme .core{z-index:2}.scheme .node{z-index:3}.scheme .dot,.scheme .line{display:none}
@media(max-width:1100px){.topbar{padding:0 20px}.topbar nav{display:none}.hero{grid-template-columns:1fr}.inside{grid-template-columns:1fr 1fr}.intro,.banner{grid-column:1/-1}.download{flex-direction:column;align-items:flex-start;gap:18px}}@media(max-width:680px){main{padding:22px 14px 34px}.brand{min-width:0}.outline{display:none}.copy{padding:0}.copy h1{font-size:34px}.actions,.download-actions{flex-direction:column;width:100%}.app,.dl{width:100%}.points{grid-template-columns:1fr}.scheme{display:none}.inside{grid-template-columns:1fr;padding:20px}.banner{align-items:flex-start;flex-direction:column}}

/* v21: phone layout keeps the same tablet-style composition instead of collapsing blocks */
@media(max-width:680px){
  body{background:radial-gradient(circle at 70% -10%,#09234b 0,#041020 34%,#020814 70%,#01050c 100%)}
  .topbar{height:56px;padding:0 20px;gap:12px;position:sticky}
  .brand{gap:10px}.brand img{width:34px;height:34px;border-radius:9px}.brand b{font-size:22px}
  .outline{display:inline-flex;min-height:32px;padding:0 14px;border-radius:8px;font-size:12px}.outline span{font-size:12px}
  main{padding:24px 24px 34px}
  .hero{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:26px}
  .copy{padding:0 20px}.copy h1{font-size:31px;line-height:1.28;letter-spacing:-.7px;margin-bottom:12px}.copy p{font-size:12.5px;line-height:1.5;margin-bottom:24px}
  .actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:24px;width:100%}
  .app{width:auto;height:54px;min-width:0;padding:8px 7px;border-radius:8px;grid-template-columns:25px minmax(0,1fr)}
  .app img{width:24px;height:24px}.app strong{font-size:9.5px;line-height:1.05;overflow:hidden;text-overflow:ellipsis}.app small{font-size:8.5px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
  .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.points div{grid-template-columns:18px 1fr;gap:0 7px}.points img{width:17px;height:17px}.points b{font-size:11px;line-height:1.25}.points span{font-size:9.5px;line-height:1.5;margin-top:8px}
  .scheme{display:block;height:268px;border-radius:20px;margin:0 auto;width:100%;max-width:520px;overflow:hidden}
  .scheme .ring{left:50%;top:50%}.scheme .r1{width:238px;height:238px}.scheme .r2{width:166px;height:166px}
  .core{width:112px}.core img{width:78px;height:78px;border-radius:16px}.core b{font-size:22px;margin-top:8px}
  .node{width:142px;height:57px;border-radius:14px;padding:0 10px;gap:8px}.node img{width:26px;height:26px}.node b{font-size:10px}.node span{font-size:8.4px;line-height:1.25;margin-top:2px}
  .left{left:20px}.right{right:20px}.n1,.n4{top:18px}.n2,.n5{top:105px}.n3,.n6{top:191px}
  .connections{display:none}
  .scheme:before,.scheme:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:
    linear-gradient(26deg,transparent 0 27%,rgba(17,145,255,.8) 27.1% 27.35%,transparent 27.45%),
    linear-gradient(0deg,transparent 0 39%,rgba(17,145,255,.8) 39.1% 39.35%,transparent 39.45%),
    linear-gradient(-24deg,transparent 0 28%,rgba(17,145,255,.8) 28.1% 28.35%,transparent 28.45%);opacity:.9;z-index:1}
  .scheme:after{transform:scaleX(-1)}
  .inside{grid-template-columns:1fr 1fr;padding:18px 24px;gap:14px}.intro{grid-column:1/-1;padding:0 8px}.intro h2{font-size:24px}.intro p{font-size:12px;max-width:420px}
  article{min-height:188px;padding:16px 14px}article img{width:36px;height:36px;margin-bottom:15px}article h3{font-size:14px}article p{font-size:11.5px;line-height:1.55}
  .banner{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.banner img{width:36px;height:36px}.banner b{font-size:13px}.banner span{font-size:10.5px}.copyright{font-size:12px;margin-right:4px}
}
@media(max-width:430px){
  main{padding-left:14px;padding-right:14px}.copy{padding:0}.app{grid-template-columns:22px minmax(0,1fr);padding:7px 5px}.app img{width:21px;height:21px}.app strong{font-size:8.5px}.app small{font-size:7.8px}.points{gap:10px}.scheme{height:246px}.node{width:126px;height:53px}.node img{width:23px;height:23px}.left{left:10px}.right{right:10px}.scheme .r1{width:220px;height:220px}.scheme .r2{width:152px;height:152px}.core img{width:70px;height:70px}.inside{padding:16px 14px}
}

/* v22: fixed phone/tablet scheme connection lines — use a dedicated responsive SVG instead of diagonal CSS backgrounds */
.mobile-connections{display:none}
@media(max-width:680px){
  .scheme:before,.scheme:after{display:none!important;content:none!important;background:none!important}
  .scheme .connections{display:none!important}
  .scheme .mobile-connections{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
  .scheme .mobile-connections path{fill:none;stroke:#1198ff;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.9;vector-effect:non-scaling-stroke}
  .scheme .mobile-connections circle{fill:#159bff;filter:drop-shadow(0 0 7px #159bff)}
  .scheme .ring{z-index:0}.scheme .core{z-index:2}.scheme .node{z-index:3}
}
@media(max-width:430px){
  .scheme .mobile-connections path{stroke-width:1.25}
  .scheme .mobile-connections circle{r:1.7px}
}


/* v23: phone diagram matches tablet layout; fixed absolute SVG lines, no stretching/crossing */
@media(max-width:680px){
  .scheme{height:268px;max-width:520px;overflow:hidden;position:relative}
  .scheme .mobile-connections{display:block!important;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}
  .scheme .mobile-connections path{fill:none;stroke:#1198ff;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.92;vector-effect:non-scaling-stroke}
  .scheme .mobile-connections circle{fill:#159bff;filter:drop-shadow(0 0 8px #159bff)}
  .scheme .connections,.scheme:before,.scheme:after{display:none!important}
  .scheme .ring{z-index:0}.scheme .mobile-connections{z-index:1}.scheme .core{z-index:2}.scheme .node{z-index:3}
}
@media(max-width:430px){
  .scheme{height:246px;max-width:100%}
  .scheme .mobile-connections{transform:scale(.946,.918);transform-origin:left top;width:520px;height:268px}
  .scheme .mobile-connections path{stroke-width:1.35}
  .scheme .mobile-connections circle{r:6px}
}

/* v24: phone layout exactly like the approved tablet-style mobile reference */
@media(max-width:680px){
  main{padding:24px 24px 34px;}
  .hero{grid-template-columns:1fr;gap:20px;max-width:520px;margin:0 auto 26px;}
  .copy{padding:0 20px;}
  .copy h1{font-size:31px;line-height:1.28;letter-spacing:-.7px;margin-bottom:12px;}
  .copy p{font-size:12.5px;line-height:1.5;margin-bottom:24px;}
  .actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:24px;width:100%;}
  .app{width:auto;height:54px;min-width:0;padding:8px 7px;border-radius:8px;grid-template-columns:25px minmax(0,1fr);}
  .app img{width:24px;height:24px}.app strong{font-size:9.5px;line-height:1.05;overflow:hidden;text-overflow:ellipsis}.app small{font-size:8.5px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
  .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.points div{grid-template-columns:18px 1fr;gap:0 7px}.points img{width:17px;height:17px}.points b{font-size:11px;line-height:1.25}.points span{font-size:9.5px;line-height:1.5;margin-top:8px}

  .scheme{display:block;position:relative;width:100%;max-width:520px;aspect-ratio:520/268;height:auto;border-radius:20px;margin:0 auto;overflow:hidden;container-type:inline-size;}
  .scheme .connections,.scheme:before,.scheme:after{display:none!important;content:none!important;background:none!important;}
  .scheme .mobile-connections{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:none!important;}
  .scheme .mobile-connections path{fill:none;stroke:#1198ff;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.92;vector-effect:non-scaling-stroke;}
  .scheme .mobile-connections circle{fill:#159bff;filter:drop-shadow(0 0 8px #159bff);}
  .scheme .ring{left:50%;top:50%;translate:-50% -50%;height:auto;aspect-ratio:1/1;z-index:0;}
  .scheme .r1{width:45.77%;}.scheme .r2{width:31.92%;}.scheme .r3{display:none;}
  .scheme .core{left:50%;top:50%;translate:-50% -50%;width:21.54%;z-index:2;}
  .scheme .core img{width:69.64%;height:auto;aspect-ratio:1/1;border-radius:16px;margin:0 auto;}
  .scheme .core b{font-size:clamp(19px,4.25cqw,22px);margin-top:8px;}
  .scheme .node{width:27.31%;height:21.27%;border-radius:14px;padding:0 1.92%;gap:1.54%;z-index:3;}
  .scheme .node img{width:18.3%;height:auto;aspect-ratio:1/1;}
  .scheme .node b{font-size:clamp(8.5px,1.92cqw,10px);line-height:1.08;}
  .scheme .node span{font-size:clamp(7.2px,1.62cqw,8.4px);line-height:1.25;margin-top:2px;}
  .scheme .left{left:3.85%;}.scheme .right{right:3.85%;}
  .scheme .n1,.scheme .n4{top:6.72%;}.scheme .n2,.scheme .n5{top:39.18%;}.scheme .n3,.scheme .n6{top:71.27%;}

  .inside{max-width:520px;margin-left:auto;margin-right:auto;grid-template-columns:1fr 1fr;padding:18px 24px;gap:14px;border-radius:20px;}
  .intro{grid-column:1/-1;padding:0 8px}.intro h2{font-size:24px}.intro p{font-size:12px;max-width:420px}
  article{min-height:188px;padding:16px 14px}article img{width:36px;height:36px;margin-bottom:15px}article h3{font-size:14px}article p{font-size:11.5px;line-height:1.55}
  .banner{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.banner img{width:36px;height:36px}.banner b{font-size:13px}.banner span{font-size:10.5px}.copyright{font-size:12px;margin-right:4px}
}
@media(max-width:430px){
  main{padding-left:14px;padding-right:14px;}
  .hero,.inside{max-width:100%;}
  .copy{padding:0;}
  .actions{gap:6px;}
  .app{height:54px;grid-template-columns:22px minmax(0,1fr);padding:7px 5px}.app img{width:21px;height:21px}.app strong{font-size:8.5px}.app small{font-size:7.8px}
  .points{gap:10px;}
  .scheme{max-width:100%;}
  .inside{padding:16px 14px;}
}


/* v25: small phone polish - no text clipping, cleaner spacing */
@media(max-width:430px){
  .topbar{height:58px;padding:0 16px;}
  .brand img{width:36px;height:36px}.brand b{font-size:24px;}
  .outline{min-width:132px;padding:0 12px;font-size:12px;white-space:nowrap;}
  main{padding:24px 22px 34px;}
  .copy h1{font-size:29px;line-height:1.26;letter-spacing:-.6px;}
  .copy p{font-size:12.2px;line-height:1.55;}
  .actions{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .app{height:56px;padding:7px 4px;grid-template-columns:21px minmax(0,1fr);column-gap:4px;}
  .app img{width:21px;height:21px;}
  .app strong{font-size:7.8px;line-height:1.05;white-space:nowrap;overflow:visible;text-overflow:clip;}
  .app small{font-size:7.2px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .points div{grid-template-columns:16px minmax(0,1fr);gap:0 6px;}
  .points img{width:16px;height:16px;}
  .points b{font-size:9.6px;line-height:1.15;white-space:normal;}
  .points span{font-size:8.8px;line-height:1.5;}
  .scheme .node b{font-size:clamp(7.8px,1.84cqw,9.6px);}
  .scheme .node span{font-size:clamp(6.9px,1.55cqw,8px);}
  .scheme .node img{width:17.2%;}
}
@media(max-width:380px){
  main{padding-left:16px;padding-right:16px;}
  .copy h1{font-size:27px;}
  .app strong{font-size:7.2px;}
  .app small{font-size:6.8px;}
  .points b{font-size:8.8px;}
  .points span{font-size:8px;}
}

/* v26: iPhone Pro Max polish - fix clipped action labels and feature overlaps */
@media (max-width: 480px){
  main{padding:24px 22px 34px;}
  .copy h1{font-size:clamp(31px,8.6vw,40px);line-height:1.22;letter-spacing:-.8px;margin-bottom:14px;}
  .copy p{font-size:clamp(12.5px,3.25vw,16px);line-height:1.55;margin-bottom:26px;}

  .actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;}
  .app{height:60px;min-width:0;padding:8px 5px;grid-template-columns:24px minmax(0,1fr);column-gap:4px;border-radius:10px;overflow:hidden;}
  .app img{width:24px;height:24px;}
  .app strong{font-size:clamp(7.2px,2.08vw,9px);line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .app small{font-size:clamp(6.6px,1.9vw,8px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .app.active strong{font-size:clamp(6.3px,1.72vw,7.6px);letter-spacing:-.15px;}
  .app.active small{font-size:clamp(6.2px,1.7vw,7.2px);}

  .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
  .points div{grid-template-columns:18px minmax(0,1fr);column-gap:7px;min-width:0;}
  .points img{width:18px;height:18px;}
  .points b{font-size:clamp(9px,2.45vw,10.5px);line-height:1.18;min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;}
  .points span{font-size:clamp(8.2px,2.2vw,9.4px);line-height:1.5;margin-top:9px;}

  .scheme{margin-top:30px;}
  .inside{margin-top:0;}
}
@media (max-width: 410px){
  main{padding-left:20px;padding-right:20px;}
  .actions{gap:7px;}
  .app{grid-template-columns:22px minmax(0,1fr);padding-left:4px;padding-right:4px;}
  .app img{width:22px;height:22px;}
  .app strong{font-size:7px;}
  .app small{font-size:6.5px;}
  .app.active strong{font-size:6.2px;}
  .app.active small{font-size:6px;}
  .points{gap:9px;}
  .points div{grid-template-columns:16px minmax(0,1fr);column-gap:6px;}
  .points img{width:16px;height:16px;}
  .points b{font-size:8.6px;}
  .points span{font-size:7.8px;}
}

/* v27: real iPhone polish — force compact cards and prevent all label overlaps/clipping */
@media (max-width: 520px){
  main{padding-left:24px!important;padding-right:24px!important;}
  .copy h1{font-size:clamp(34px,7.9vw,38px)!important;line-height:1.24!important;letter-spacing:-1px!important;}
  .copy p{font-size:clamp(13px,3.05vw,15px)!important;line-height:1.55!important;}

  .actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
  .app{height:66px!important;min-width:0!important;width:auto!important;padding:9px 5px!important;border-radius:10px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:4px!important;overflow:hidden!important;}
  .app img{width:24px!important;height:24px!important;min-width:24px!important;}
  .app strong{font-size:7.1px!important;line-height:1.05!important;letter-spacing:-.25px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;}
  .app small{font-size:6.8px!important;line-height:1.08!important;letter-spacing:-.18px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;}
  .app.active strong{font-size:6.35px!important;letter-spacing:-.35px!important;}
  .app.active small{font-size:6.4px!important;letter-spacing:-.25px!important;}

  .points{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;}
  .points div{grid-template-columns:20px minmax(0,1fr)!important;column-gap:8px!important;min-width:0!important;}
  .points img{width:19px!important;height:19px!important;}
  .points b{font-size:9.7px!important;line-height:1.18!important;letter-spacing:-.18px!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;hyphens:none!important;}
  .points span{font-size:8.6px!important;line-height:1.55!important;margin-top:12px!important;}
  .points div:nth-child(2) b{font-size:8.85px!important;letter-spacing:-.3px!important;}
  .points div:nth-child(3) b{font-size:9.2px!important;}

  .scheme{margin-top:28px!important;}
}
@media (max-width: 430px){
  main{padding-left:22px!important;padding-right:22px!important;}
  .actions{gap:8px!important;}
  .app{height:62px!important;grid-template-columns:22px minmax(0,1fr)!important;padding-left:4px!important;padding-right:4px!important;column-gap:3px!important;}
  .app img{width:22px!important;height:22px!important;min-width:22px!important;}
  .app strong{font-size:6.45px!important;letter-spacing:-.35px!important;}
  .app small{font-size:6.05px!important;letter-spacing:-.28px!important;}
  .app.active strong{font-size:5.75px!important;letter-spacing:-.45px!important;}
  .app.active small{font-size:5.85px!important;}
  .points{gap:14px!important;}
  .points div{grid-template-columns:18px minmax(0,1fr)!important;column-gap:7px!important;}
  .points img{width:17px!important;height:17px!important;}
  .points b{font-size:8.9px!important;}
  .points div:nth-child(2) b{font-size:8.05px!important;letter-spacing:-.38px!important;}
  .points div:nth-child(3) b{font-size:8.35px!important;}
  .points span{font-size:7.8px!important;}
}

/* v28: protection — disable context menu, text/image selection and long-press callout */
html, body, body *{
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  -ms-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent;
}
img, svg, a{
  -webkit-user-drag:none;
  user-drag:none;
}

/* v29: phone readability polish — do not shrink labels too much, wrap into more rows instead */
@media (max-width: 520px){
  main{padding-left:26px!important;padding-right:26px!important;}
  .copy h1{font-size:clamp(36px,8.8vw,42px)!important;line-height:1.22!important;letter-spacing:-1px!important;}
  .copy p{font-size:clamp(15px,3.7vw,17px)!important;line-height:1.55!important;margin-bottom:28px!important;}

  .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:30px!important;}
  .app{height:72px!important;padding:11px 12px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important;border-radius:12px!important;}
  .app img{width:32px!important;height:32px!important;min-width:32px!important;}
  .app strong,.app.active strong{font-size:14px!important;line-height:1.08!important;letter-spacing:-.15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .app small,.app.active small{font-size:11px!important;line-height:1.15!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}

  .points{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-bottom:8px!important;}
  .points div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;}
  .points img{width:22px!important;height:22px!important;margin-bottom:8px!important;}
  .points b,.points div:nth-child(2) b,.points div:nth-child(3) b{font-size:13px!important;line-height:1.18!important;letter-spacing:-.2px!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;}
  .points span{font-size:11px!important;line-height:1.45!important;margin-top:10px!important;}

  .scheme{margin-top:30px!important;}
}
@media (max-width: 430px){
  main{padding-left:22px!important;padding-right:22px!important;}
  .copy h1{font-size:36px!important;}
  .copy p{font-size:14.5px!important;}
  .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .app{height:70px!important;padding:10px 9px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:7px!important;}
  .app img{width:28px!important;height:28px!important;min-width:28px!important;}
  .app strong,.app.active strong{font-size:12.5px!important;letter-spacing:-.18px!important;}
  .app small,.app.active small{font-size:10px!important;}
  .points{gap:12px!important;}
  .points img{width:21px!important;height:21px!important;}
  .points b,.points div:nth-child(2) b,.points div:nth-child(3) b{font-size:11.8px!important;}
  .points span{font-size:10px!important;}
}
@media (max-width: 370px){
  .points{grid-template-columns:1fr!important;gap:16px!important;}
  .points div{display:grid!important;grid-template-columns:24px 1fr!important;column-gap:10px!important;}
  .points img{grid-row:1/3!important;margin-bottom:0!important;}
  .points b,.points div:nth-child(2) b,.points div:nth-child(3) b{font-size:13px!important;}
  .points span{font-size:11px!important;margin-top:8px!important;}
}

/* v30: iPhone proportional layout fix — readable text without shifted/overlapping containers */
@media (max-width: 520px){
  main{padding-left:24px!important;padding-right:24px!important;}
  .hero{gap:28px!important;}
  .copy{padding:0!important;}
  .copy h1{font-size:clamp(34px,8.2vw,39px)!important;line-height:1.24!important;letter-spacing:-.9px!important;margin-bottom:16px!important;}
  .copy p{font-size:clamp(14px,3.45vw,16px)!important;line-height:1.6!important;margin-bottom:28px!important;}

  .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:34px!important;}
  .app{height:72px!important;padding:11px 12px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:9px!important;border-radius:12px!important;}
  .app img{width:32px!important;height:32px!important;min-width:32px!important;}
  .app strong,.app.active strong{font-size:14px!important;line-height:1.08!important;letter-spacing:-.12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .app small,.app.active small{font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}

  .points{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 30px!important;margin:0 0 12px!important;align-items:start!important;}
  .points div{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:0 10px!important;min-width:0!important;}
  .points div:nth-child(3){grid-column:1/-1!important;max-width:260px!important;justify-self:center!important;}
  .points img{width:25px!important;height:25px!important;grid-row:1/3!important;margin:0!important;}
  .points b,.points div:nth-child(2) b,.points div:nth-child(3) b{font-size:14px!important;line-height:1.22!important;letter-spacing:-.15px!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;}
  .points span{font-size:12px!important;line-height:1.5!important;margin-top:10px!important;}

  .scheme{width:100%!important;max-width:560px!important;margin:32px auto 0!important;}
  .inside{width:100%!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;gap:18px!important;}
  .intro{padding:0 4px!important;}
  .intro h2{font-size:30px!important;line-height:1.15!important;margin-bottom:20px!important;}
  .intro p{font-size:14px!important;line-height:1.65!important;max-width:none!important;}
  article{min-height:220px!important;padding:20px 18px!important;border-radius:16px!important;}
  article img{width:44px!important;height:44px!important;margin-bottom:20px!important;}
  article h3{font-size:17px!important;line-height:1.2!important;margin-bottom:14px!important;}
  article p{font-size:14px!important;line-height:1.55!important;}
  .banner{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:16px 20px!important;min-height:92px!important;}
  .banner img{width:46px!important;height:46px!important;grid-column:1!important;}
  .banner > div:not(.copyright){grid-column:2!important;min-width:0!important;}
  .banner b{font-size:16px!important;line-height:1.25!important;margin-bottom:6px!important;}
  .banner span{font-size:13px!important;line-height:1.45!important;}
  .copyright{grid-column:3!important;margin:0!important;font-size:14px!important;text-align:right!important;align-self:center!important;}
}
@media (max-width: 430px){
  main{padding-left:20px!important;padding-right:20px!important;}
  .copy h1{font-size:34px!important;}
  .copy p{font-size:13.6px!important;}
  .app{height:68px!important;padding:10px 9px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:7px!important;}
  .app img{width:28px!important;height:28px!important;min-width:28px!important;}
  .app strong,.app.active strong{font-size:12.2px!important;}
  .app small,.app.active small{font-size:10px!important;}
  .points{gap:22px 20px!important;}
  .points div{grid-template-columns:25px minmax(0,1fr)!important;column-gap:9px!important;}
  .points img{width:23px!important;height:23px!important;}
  .points b,.points div:nth-child(2) b,.points div:nth-child(3) b{font-size:12.8px!important;}
  .points span{font-size:11px!important;}
  .inside{padding:22px 18px!important;gap:16px!important;}
  .intro h2{font-size:28px!important;}
  article{min-height:205px!important;padding:18px 16px!important;}
  article h3{font-size:16px!important;}
  article p{font-size:13px!important;}
  .banner{grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:'icon text' 'icon copy'!important;gap:10px 14px!important;}
  .banner img{grid-area:icon!important;width:42px!important;height:42px!important;}
  .banner > div:not(.copyright){grid-area:text!important;}
  .copyright{grid-area:copy!important;text-align:left!important;font-size:13px!important;}
}

/* v31: phones — feature cards one under another */
@media (max-width: 520px){
  .inside{
    grid-template-columns:1fr!important;
    max-width:560px!important;
    padding:24px!important;
    gap:16px!important;
  }
  .intro,
  .banner,
  .inside article{
    grid-column:1/-1!important;
  }
  .inside article{
    min-height:auto!important;
    padding:22px 20px!important;
  }
  .inside article img{
    width:46px!important;
    height:46px!important;
    margin-bottom:18px!important;
  }
  .inside article h3{
    font-size:18px!important;
  }
  .inside article p{
    font-size:14.5px!important;
    line-height:1.6!important;
  }
}
@media (max-width: 430px){
  .inside{
    padding:22px 18px!important;
    gap:16px!important;
  }
  .inside article{
    padding:20px 18px!important;
  }
  .inside article h3{
    font-size:17px!important;
  }
  .inside article p{
    font-size:14px!important;
  }
}