:root{--navy:#06142c;--navy2:#0c2447;--navy3:#102d54;--yellow:#ffdb24;--green:#39d8a4;--text:#eaf2ff;--muted:#b8cbe1;--border:#294669;--surface:#0b203d;--surface2:#122d4e;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.7 system-ui,Arial,sans-serif}a{color:#9ee4ff;text-underline-offset:3px}a:hover{color:var(--yellow)}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(5,17,37,.96);border-bottom:1px solid #233c5d;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;gap:22px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-family:system-ui,Arial,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--yellow);color:var(--navy);font-size:23px}.brand small{font-size:11px;color:#a4b9d0;display:block;font-weight:600;letter-spacing:.2px}.nav{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-left:auto}.nav a{color:#d8e7fa;text-decoration:none;font-size:13px;font-weight:700}.nav a.active,.nav a:hover{color:var(--yellow)}.nav-toggle{display:none;background:#173250;color:white;border:1px solid var(--border);border-radius:10px;padding:9px 12px}.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 85% 25%,#164e55 0,transparent 28%),radial-gradient(circle at 60% 100%,#123f75 0,transparent 38%),linear-gradient(120deg,#05132b 5%,#0b2d4f 100%);border-bottom:1px solid #1d4264}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(130deg,transparent 0 54%,rgba(255,219,36,.08) 54% 62%,transparent 62% 100%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;min-height:420px;padding:68px 0 72px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #47768a;border-radius:99px;padding:6px 13px;color:#c6f8e9;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}.hero h1{font:800 clamp(37px,4.5vw,61px)/1.12 system-ui,Arial,sans-serif;letter-spacing:-2px;margin:20px 0}.hero p{font-size:18px;line-height:1.7;color:#d5e4f7;max-width:700px;margin:0 0 24px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span{border:1px solid #335a75;border-radius:10px;padding:6px 12px;color:#bfe3ea;font-size:12px;font-weight:700}.phone-scene{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center}.phone-scene:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#30d5a044,transparent 68%)}.phone{position:relative;transform:rotate(10deg);width:225px;height:350px;border:9px solid #020c18;border-radius:38px;background:linear-gradient(160deg,#163a68,#06142c 55%);box-shadow:0 24px 80px #0008,0 0 0 2px #607a8a;overflow:hidden;padding:32px 16px}.phone:before{content:'';position:absolute;top:8px;left:75px;width:60px;height:14px;border-radius:0 0 13px 13px;background:#020b17}.phone .ph-logo{font-weight:800;font-size:18px;color:white;letter-spacing:-.6px}.phone .ph-logo b{color:var(--yellow)}.phone .ph-strip{height:78px;border-radius:13px;background:linear-gradient(130deg,#0b6a5e,#193a5e);margin:16px 0;display:flex;align-items:center;justify-content:center;color:#caffeb;font-size:34px}.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ph-grid span{display:grid;place-items:center;min-height:62px;border-radius:11px;background:#16355c;font-size:12px;text-align:center;color:#cce0f6}.ph-grid b{font-size:23px;display:block}.notice{background:#172c46;border:1px solid #49677e;border-left:5px solid var(--yellow);border-radius:15px;padding:21px 24px;margin:28px auto;color:#e6f0fc}.notice strong{color:#ffdf63}.notice p{margin:6px 0 0;font-size:14px}.quicknav{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0 38px}.quicknav a{display:block;background:#122e50;border:1px solid #305473;border-radius:16px;padding:18px;color:white;text-decoration:none;transition:transform .2s,background .2s}.quicknav a:hover{background:#1c4169;transform:translateY(-3px)}.quicknav strong{display:block;font-size:15px}.quicknav small{display:block;color:#a9c8e3;font-size:12px;margin-top:3px}.quicknav .symbol{font-size:25px;margin-bottom:8px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start;margin:26px auto 65px}.article{min-width:0}.article section{background:var(--surface);border:1px solid #254463;border-radius:18px;padding:27px 30px;margin:0 0 17px;box-shadow:0 12px 36px #0001}.article section:nth-child(even){background:#0e2647}.article h2{font:800 clamp(22px,2.4vw,28px)/1.28 system-ui,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 15px;color:#fff}.article p{color:#d5e2f2;margin:0 0 13px}.article p:last-child{margin-bottom:0}.article a{color:#8bdedc}.article a:hover{color:var(--yellow)}.sidebar{position:sticky;top:96px;background:#102b4b;border:1px solid #2d4d6e;border-radius:18px;padding:22px}.sidebar h2{font:800 17px Manrope;margin:0 0 13px}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #284462;text-decoration:none;font-size:13px;color:#bed8ee;line-height:1.5}.sidebar a:hover{color:var(--yellow)}.sidebar a:last-child{border:0}.sidebar .small{font-size:12px;color:#99b8d0}.section-head{font:800 25px Manrope;margin:40px 0 16px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 55px}.related a{padding:20px;border-radius:15px;background:#122c4d;border:1px solid #2c4c6d;text-decoration:none;color:white;font-weight:800}.related a small{display:block;font-weight:500;color:#aac7df;margin-top:5px}.related a:hover{border-color:var(--yellow)}.site-footer{border-top:1px solid #284565;background:#041024;padding:34px 0 45px}.footer-top{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-top p{max-width:460px;color:#a8bfd7;font-size:13px}.footer-links{display:flex;gap:13px 22px;flex-wrap:wrap;max-width:500px}.footer-links a{font-size:13px;color:#c0d5e8;text-decoration:none}.footer-links a:hover{color:var(--yellow)}.copyright{font-size:12px;color:#7f9bb6;margin-top:25px}.cta-disabled{border:0;border-radius:12px;background:var(--yellow);color:#08162a;padding:12px 18px;font-weight:800;cursor:not-allowed;opacity:.92;font:800 14px 'DM Sans',sans-serif}.cta-disabled:focus-visible{outline:3px solid white;outline-offset:3px}.cta-caption{font-size:11px;color:#a8c2d9;display:block;margin-top:7px}.cta-wrap{margin-top:21px}.intro-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.focus-note{background:#103a40;border:1px solid #276e68;border-radius:15px;padding:15px 19px;margin:0 0 25px;font-size:14px;color:#c9f7e8}.focus-note strong{color:#aaffd8} @media(max-width:950px){.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#07162d;padding:18px 24px;flex-direction:column;align-items:stretch;gap:13px;border-bottom:1px solid #2b4968}.nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.hero-inner{grid-template-columns:1fr .65fr;gap:15px}.phone{transform:rotate(7deg) scale(.82)}.main-layout{grid-template-columns:1fr}.sidebar{position:static;order:-1}.sidebar .toc{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.related{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.hero-inner{display:block;padding:45px 0 35px}.hero h1{letter-spacing:-1.4px;font-size:36px}.hero p{font-size:16px}.phone-scene{min-height:235px;margin-top:18px}.phone{transform:rotate(7deg) scale(.67);margin:-45px 0}.quicknav{grid-template-columns:repeat(2,1fr)}.article section{padding:22px 19px}.sidebar .toc{grid-template-columns:1fr}.related{grid-template-columns:1fr}.brand{font-size:16px}.brand-mark{width:38px;height:38px}.notice{padding:16px}.hero-tags span{font-size:11px}}
/* Editorial enhancements: clearer reading rhythm and anchored guide navigation */
.article section{scroll-margin-top:95px}.article section h2{line-height:1.25;letter-spacing:-.35px}.article section p{line-height:1.82}.article section:nth-of-type(even){border-left:3px solid rgba(250,204,21,.45)}.toc a{overflow-wrap:anywhere}.article a:focus-visible,.toc a:focus-visible{outline:2px solid #f8d54c;outline-offset:3px}@media(max-width:650px){.article section:nth-of-type(even){border-left-width:2px}.article section p{line-height:1.72}}

/* App cluster refinement: demo CTAs without destinations */
.cta-standby{border:0;border-radius:12px;background:#f6c84b;color:#12243e;font-weight:800;padding:14px 24px;cursor:default;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.cta-standby:focus-visible{outline:3px solid #fff;outline-offset:3px}
.article section{scroll-margin-top:90px}
.article h3{margin-top:1.2rem}

/* PNG-based brand and hero artwork (no HTML/emoji mockups) */
.brand{gap:12px;align-items:center}.brand-image{display:block;width:156px;height:auto;max-height:54px;object-fit:contain}.brand-caption{display:block}.brand-caption small{font-size:10px;white-space:nowrap}.phone-scene{min-height:350px}.phone-scene:before{display:none}.hero-phone-image{display:block;width:min(100%,440px);height:auto;max-height:480px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.36))}@media(max-width:800px){.phone-scene{min-height:240px}.hero-phone-image{max-height:380px;width:min(100%,340px)}.brand-image{width:130px}.brand-caption small{font-size:9px}}@media(max-width:470px){.brand-caption{display:none}.brand-image{width:140px}}