.ios-page { overflow-x:hidden; }
.ios-nav-link { display:inline-flex!important;align-items:center;gap:6px; }
.ios-nav-link em { position:static!important;transform:none!important; }
.ios-nav-link.is-current { color:#eefaff!important;background:rgba(51,196,240,.07); }

.ios-hero { position:relative;min-height:900px;padding:152px 0 96px;overflow:hidden;border-bottom:1px solid rgba(64,174,229,.08); }
.ios-hero .ambient-grid { opacity:.32; }
.ios-orb { position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none; }
.ios-orb-a { width:620px;height:620px;right:-190px;top:80px;background:radial-gradient(circle,rgba(35,178,232,.14),rgba(23,86,143,.05) 42%,transparent 70%); }
.ios-orb-b { width:480px;height:480px;left:-250px;bottom:-80px;background:radial-gradient(circle,rgba(69,97,217,.10),transparent 68%); }
.ios-layout { position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:68px;align-items:center; }
.ios-copy { max-width:690px; }
.ios-coming-pill { width:max-content;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(74,203,244,.20);border-radius:999px;background:rgba(44,178,224,.055);color:#8ca5b8;font-size:.72rem;font-weight:520;letter-spacing:.025em;box-shadow:0 0 30px rgba(26,164,219,.06); }
.ios-coming-pill strong { color:#dff9ff;font-weight:650;letter-spacing:.03em; }
.ios-copy h1 { margin:25px 0 22px;font-size:clamp(4.1rem,7vw,7.1rem);font-weight:570;line-height:.95;letter-spacing:-.067em; }
.ios-lead { max-width:650px;margin:0 0 30px;color:#9cb0c2;font-size:1.08rem;line-height:1.72; }

.ios-form-card { max-width:680px;padding:20px;border:1px solid rgba(73,188,232,.17);border-radius:24px;background:linear-gradient(145deg,rgba(8,28,46,.84),rgba(4,17,30,.77));box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px); }
.ios-form label { display:block;margin:0 0 9px;color:#c8d8e4;font-size:.76rem;font-weight:600;letter-spacing:.03em; }
.ios-form-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px; }
.ios-form input { width:100%;height:56px;padding:0 17px;border:1px solid rgba(102,179,218,.20);border-radius:16px;outline:none;background:rgba(1,10,20,.68);color:#f1f8fc;font:inherit;font-size:.94rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.ios-form input::placeholder { color:#52697d; }
.ios-form input:focus { border-color:rgba(62,203,245,.50);background:rgba(3,15,27,.88);box-shadow:0 0 0 3px rgba(48,190,236,.08),0 0 28px rgba(24,169,222,.07); }
.ios-submit { height:56px;padding:0 19px;border-radius:16px;white-space:nowrap; }
.ios-submit[disabled] { opacity:.62;cursor:wait;transform:none!important; }
.ios-form-note { margin:11px 2px 0;color:#637a8e;font-size:.69rem;line-height:1.55; }
.ios-form-note a { color:#83dff7; }
.ios-form-message { min-height:20px;margin:8px 2px 0;color:#f3b2b8;font-size:.72rem;line-height:1.45; }
.ios-form-message.is-success { color:#83ddb0; }
.ios-success { display:flex;align-items:flex-start;gap:14px;min-height:115px;padding:14px 8px; }
.ios-success[hidden] { display:none; }
.ios-success-icon { display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(99,229,174,.25);border-radius:50%;background:rgba(64,195,138,.09);color:#79e0ac;font-size:1.15rem;box-shadow:0 0 28px rgba(64,195,138,.08); }
.ios-success strong { display:block;margin:1px 0 5px;color:#eefcff;font-size:1.08rem;font-weight:600; }
.ios-success p { margin:0;color:#8298aa;font-size:.85rem;line-height:1.55; }
.ios-facts { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px; }
.ios-facts > span { display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(78,161,208,.11);border-radius:999px;background:rgba(255,255,255,.018);color:#698296;font-size:.67rem; }
.ios-facts b { color:#5fd5f5;font-size:.58rem;font-weight:700;letter-spacing:.07em; }

.ios-visual { position:relative;min-height:690px;display:grid;place-items:center; }
.ios-phone-glow { position:absolute;width:390px;height:620px;border-radius:50%;background:radial-gradient(ellipse,rgba(39,188,238,.19),rgba(34,112,191,.08) 42%,transparent 70%);filter:blur(12px); }
.ios-phone { position:relative!important;inset:auto!important;width:min(330px,70vw)!important;transform:rotate(2deg)!important;opacity:1!important;z-index:3;box-shadow:0 40px 100px rgba(0,0,0,.52),0 0 60px rgba(30,180,235,.11)!important; }
.ios-phone:hover { transform:translateY(-7px) rotate(1deg) scale(1.012)!important; }
.ios-floating-card { position:absolute;z-index:5;display:flex;align-items:center;gap:11px;min-width:170px;padding:12px 14px;border:1px solid rgba(76,190,234,.17);border-radius:17px;background:rgba(5,22,36,.88);box-shadow:0 18px 44px rgba(0,0,0,.35);backdrop-filter:blur(15px); }
.ios-floating-card > span { display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(65,202,243,.22);border-radius:10px;background:rgba(48,183,226,.07);color:#59d5f5; }
.ios-floating-card strong,.ios-floating-card small { display:block; }
.ios-floating-card strong { color:#dcebf4;font-size:.76rem;font-weight:600; }
.ios-floating-card small { margin-top:2px;color:#607b90;font-size:.62rem; }
.ios-card-one { left:0;top:155px; }
.ios-card-two { right:-8px;bottom:180px; }
.ios-preview-note { position:absolute;bottom:34px;max-width:420px;margin:0;color:#536e83;font-size:.64rem;text-align:center;line-height:1.5; }

.ios-why-section { padding:102px 0 116px; }
.ios-benefits { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:42px; }
.ios-benefits article { min-height:170px;padding:24px;border:1px solid rgba(77,166,215,.12);border-radius:22px;background:linear-gradient(145deg,rgba(8,25,40,.76),rgba(4,14,25,.60)); }
.ios-benefits article > span { display:block;margin-bottom:17px;color:#4ecdf1;font-size:.66rem;font-weight:650;letter-spacing:.09em; }
.ios-benefits strong { display:block;color:#e4eff6;font-size:1rem;font-weight:570; }
.ios-benefits p { margin:8px 0 0;color:#71879a;font-size:.82rem;line-height:1.58; }

@media (max-width:1050px){
  .ios-layout{grid-template-columns:1fr .85fr;gap:30px}.ios-copy h1{font-size:clamp(3.7rem,7vw,5.6rem)}.ios-card-one{left:-26px}.ios-card-two{right:-28px}
}
@media (max-width:820px){
  .ios-hero{padding-top:118px}.ios-layout{grid-template-columns:1fr}.ios-copy{max-width:760px}.ios-visual{min-height:650px}.ios-card-one{left:8%}.ios-card-two{right:8%}.ios-benefits{grid-template-columns:1fr 1fr}.ios-benefits article:last-child{grid-column:1/-1}
}
@media (max-width:560px){
  .ios-hero{padding:106px 0 64px;min-height:auto}.ios-copy h1{font-size:clamp(3.25rem,15vw,4.5rem)}.ios-lead{font-size:.96rem}.ios-form-card{padding:15px;border-radius:20px}.ios-form-row{grid-template-columns:1fr}.ios-submit{width:100%}.ios-facts{display:grid;grid-template-columns:1fr}.ios-facts>span{justify-content:flex-start}.ios-visual{min-height:590px;margin-top:18px}.ios-phone{width:min(285px,76vw)!important}.ios-card-one{left:0;top:118px}.ios-card-two{right:0;bottom:135px}.ios-floating-card{min-width:145px;padding:10px 11px}.ios-preview-note{bottom:12px}.ios-why-section{padding:72px 0 80px}.ios-benefits{grid-template-columns:1fr}.ios-benefits article:last-child{grid-column:auto}
}