*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#1d1d1f;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.2s}.reveal[data-delay="3"]{transition-delay:.3s}
#nav{height:48px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.08)}.nav-inner{max-width:1024px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-icon{width:22px;height:22px;border-radius:7px;background:#0078f0;color:#fff;display:grid;place-items:center;font-size:8px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a{font-size:12px;color:#1d1d1f}.nav-cta{background:#0071e3;color:#fff!important;padding:7px 14px;border-radius:999px}.notice-bar{height:52px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:14px;color:#424245;padding:0 20px;text-align:center}
.hero{min-height:820px;background:#fbfbfd;text-align:center;padding:96px 24px 0;overflow:hidden}.hero-copy{max-width:900px;margin:auto}.eyebrow{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:14px;color:#1d1d1f}.eyebrow.light{color:#a1a1a6}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.98;letter-spacing:-.055em;font-weight:700}.hero h1 span{background:linear-gradient(90deg,#0071e3,#6e5cff,#00a5e5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{font-size:24px;line-height:1.45;letter-spacing:-.02em;max-width:760px;color:#6e6e73;margin:28px auto}.actions{display:flex;justify-content:center;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;font-size:17px}.button.primary{background:#0071e3;color:#fff}.button.white{background:#fff;color:#1d1d1f}.button.link{padding-left:0;padding-right:0}.button:hover{text-decoration:none;filter:brightness(.96)}
.hero-device{position:relative;width:min(430px,88vw);margin:70px auto 0}.iphone{height:650px;background:#08090b;border:10px solid #202124;border-radius:66px;padding:22px 15px 18px;position:relative;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 0 0 1px #4b4b4d}.dynamic-island{position:absolute;width:126px;height:35px;background:#000;border-radius:22px;top:12px;left:50%;transform:translateX(-50%)}.phone-top{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px}.contact{border-bottom:1px solid #25262b;padding:15px 0 13px;display:flex;flex-direction:column;align-items:center;gap:3px}.contact-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6,#af52de);display:grid;place-items:center;font-size:13px;font-weight:700}.contact b{font-size:13px}.contact small{font-size:10px;color:#8e8e93}.messages{height:390px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end;padding:20px 4px}.bubble{max-width:78%;padding:10px 14px;font-size:15px;text-align:left;line-height:1.35}.bubble.blue{background:#0a84ff;border-radius:18px 18px 5px 18px;margin-left:auto}.bubble.gray{background:#26272d;border-radius:18px 18px 18px 5px;margin-right:auto}.receipt{text-align:right;font-size:9px;color:#8e8e93;text-transform:uppercase;margin-top:-5px;padding-right:5px}.receipt.read{color:#64b5ff}.message-field{height:40px;border:1px solid #3a3a3c;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 15px;color:#8e8e93;font-size:13px}.message-field b{width:29px;height:29px;border-radius:50%;background:#0a84ff;color:#fff;display:grid;place-items:center}.device-shadow{width:65%;height:30px;background:rgba(0,0,0,.24);filter:blur(20px);margin:-3px auto 0;border-radius:50%}
.dark{background:#000;color:#f5f5f7}.statement{padding:150px 24px;text-align:center}.narrow{max-width:980px;margin:auto}.statement h2,.final-cta h2{font-size:clamp(52px,7vw,88px);line-height:1.04;letter-spacing:-.055em}.statement p:not(.eyebrow),.final-cta p{font-size:24px;line-height:1.5;color:#a1a1a6;max-width:720px;margin:28px auto}.stats{max-width:900px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #333;padding-top:48px}.stats strong{display:block;font-size:46px;letter-spacing:-.04em}.stats span{color:#a1a1a6;font-size:14px}
.features,.security,.plans{padding:130px 28px;background:#fff}.section-head{max-width:1024px;margin:0 auto 55px}.section-head h2{font-size:clamp(46px,6vw,72px);line-height:1.04;letter-spacing:-.05em}.section-head .subhead{font-size:21px;color:#6e6e73;margin-top:20px}.bento{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature{min-height:390px;background:#f5f5f7;border-radius:34px;padding:42px;overflow:hidden;position:relative}.feature.large{grid-row:span 2;min-height:802px;display:flex;flex-direction:column;justify-content:space-between}.feature.wide{grid-column:span 2;min-height:340px;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature h3{font-size:36px;line-height:1.08;letter-spacing:-.04em;margin:10px 0 18px}.feature p:not(.card-label){font-size:17px;line-height:1.5;color:#6e6e73;max-width:480px}.card-label{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em;color:#86868b}.blue-card{background:linear-gradient(150deg,#e8f4ff,#f5f5f7)}.black-card{background:#000;color:#f5f5f7}.black-card p:not(.card-label){color:#a1a1a6}.symbol{font-size:32px;margin-bottom:50px}.bubble-demo{margin:50px auto 20px;align-self:stretch}.bubble-demo div{background:#0a84ff;color:#fff;padding:18px 22px;border-radius:26px 26px 7px 26px;font-size:19px;text-align:left;margin-left:auto;max-width:80%}.bubble-demo span{display:block;text-align:right;color:#86868b;font-size:11px;text-transform:uppercase;margin-bottom:5px}.media-stack{display:flex;align-items:center;padding-right:40px}.media-stack i{display:block;width:130px;height:170px;border-radius:24px;background:linear-gradient(135deg,#0071e3,#7b61ff);box-shadow:0 18px 45px rgba(0,0,0,.2);margin-left:-65px;transform:rotate(-8deg)}.media-stack i:nth-child(2){background:linear-gradient(135deg,#ff9f0a,#ff375f);transform:rotate(3deg) translateY(-10px)}.media-stack i:nth-child(3){background:linear-gradient(135deg,#30d158,#64d2ff);transform:rotate(12deg)}
.developer{padding:140px 28px}.dev-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.dev-copy h2{font-size:clamp(48px,6vw,76px);line-height:1.03;letter-spacing:-.05em;margin:15px 0 25px}.dev-copy>p:not(.eyebrow){color:#a1a1a6;font-size:20px;line-height:1.5;margin-bottom:30px}.code-window{background:#111216;border:1px solid #303036;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.window-bar{height:48px;border-bottom:1px solid #2d2d32;display:flex;align-items:center;padding:0 17px;gap:8px}.window-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.window-bar i:nth-child(2){background:#febc2e}.window-bar i:nth-child(3){background:#28c840}.window-bar span{color:#86868b;font:12px ui-monospace,monospace;margin-left:8px}.code-tabs{display:flex;gap:5px;padding:13px 14px 0}.code-tabs button{appearance:none;border:0;background:transparent;color:#86868b;padding:8px 13px;border-radius:8px;cursor:pointer}.code-tabs button.active{background:#25262b;color:#fff}.code-pane{display:none;min-height:320px;padding:24px;color:#d1d1d6;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.code-pane.active{display:block}.comment{color:#6e6e73}.string{color:#a8e6a3}.keyword{color:#ff7ab2}
.security{background:#f5f5f7}.security-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d2d2d7;border:1px solid #d2d2d7;border-radius:30px;overflow:hidden}.security-grid article{background:#fff;padding:45px}.security-grid span{color:#86868b;font-size:14px}.security-grid h3{font-size:28px;letter-spacing:-.03em;margin:35px 0 12px}.security-grid p{color:#6e6e73;font-size:17px;line-height:1.5}.plan-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:#f5f5f7;border-radius:30px;padding:38px;min-height:310px;display:flex;flex-direction:column}.plan.featured{background:#000;color:#fff}.plan h3{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:30px 0 14px}.plan>p:not(.card-label){color:#6e6e73;line-height:1.5}.plan.featured>p:not(.card-label){color:#a1a1a6}.plan a{margin-top:auto;font-size:17px}.final-cta{padding:150px 24px;text-align:center}.final-cta .button{margin-top:5px}
footer{background:#f5f5f7;color:#6e6e73;font-size:12px;padding:30px 22px}.footer-inner{max-width:1024px;margin:auto;display:flex;justify-content:space-between;gap:20px}.footer-inner div{display:flex;gap:22px}.footer-inner a{color:#424245}
@media(max-width:900px){.nav-links>a:not(.nav-cta){display:none}.hero{min-height:760px}.dev-grid{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.feature.large{grid-row:auto;min-height:600px}.feature.wide{grid-column:auto}.plan-grid{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:32px}.media-stack{display:none}}
@media(max-width:600px){.notice-bar{font-size:12px}.hero{padding:70px 20px 0;min-height:720px}.hero h1{font-size:52px}.hero-lede{font-size:19px}.actions{gap:12px}.button{font-size:15px}.hero-device{margin-top:45px}.iphone{height:590px;border-radius:54px}.statement,.developer,.final-cta{padding:100px 20px}.statement h2,.final-cta h2{font-size:48px}.statement p:not(.eyebrow),.final-cta p{font-size:19px}.features,.security,.plans{padding:95px 18px}.section-head h2{font-size:44px}.feature{padding:30px;min-height:330px;border-radius:26px}.feature.large{min-height:560px}.feature.wide{min-height:300px}.feature h3{font-size:30px}.security-grid{border-radius:24px}.security-grid article{padding:32px}.dev-copy h2{font-size:46px}.code-pane{font-size:11px;padding:18px}.footer-inner{display:block}.footer-inner div{margin-top:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#1d1d1f;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;transition:top .2s}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #0071e3;outline-offset:3px}#nav.scrolled{box-shadow:0 1px 0 rgba(0,0,0,.1)}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:1.5px;background:#1d1d1f;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{position:fixed;top:48px;left:0;right:0;z-index:49;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(0,0,0,.1);padding:14px 22px 24px;box-shadow:0 16px 35px rgba(0,0,0,.08)}.mobile-menu a{min-height:46px;display:flex;align-items:center;color:#1d1d1f;font-size:18px;font-weight:600;border-bottom:1px solid #e5e5e7}.mobile-menu a:last-child{border:0;color:#06c}.hero-assurances{list-style:none;display:flex;justify-content:center;gap:0;margin:28px auto 0;color:#6e6e73;font-size:14px}.hero-assurances li{display:flex;align-items:center}.hero-assurances li+li:before{content:"•";color:#c7c7cc;margin:0 14px}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:flex}}
@media(max-width:600px){.hero-assurances{display:grid;gap:6px}.hero-assurances li{justify-content:center}.hero-assurances li+li:before{display:none}.notice-bar{min-height:52px;height:auto;padding:9px 16px}}
/* Apple palette + restrained glass/neumorphic effects */
body{background:#f7f6f3}.hero{background:radial-gradient(circle at 50% 78%,rgba(0,113,227,.08),transparent 34%),#fbfaf8}#nav{background:rgba(251,250,248,.82)}.notice-bar{background:#f1efeb}.button.primary,.nav-cta{background:linear-gradient(180deg,#1688f8,#0071e3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px rgba(0,113,227,.2)}.button.primary:hover,.nav-cta:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 26px rgba(0,113,227,.28)}.feature:not(.black-card),.plan{background:#f2f0ec;border:1px solid rgba(255,255,255,.85);box-shadow:12px 12px 30px rgba(89,82,72,.09),-8px -8px 24px rgba(255,255,255,.88),inset 0 1px 0 rgba(255,255,255,.9)}.blue-card{background:linear-gradient(145deg,#eef7ff,#f5f2ed)!important;box-shadow:0 20px 55px rgba(0,113,227,.12),inset 0 1px 0 #fff!important}.security,.plans{background:#f7f6f3}.security-grid{background:#ddd9d3;border-color:#ddd9d3}.security-grid article{background:rgba(255,255,255,.74);backdrop-filter:blur(16px)}.iphone{box-shadow:0 35px 80px rgba(35,30,25,.28),inset 0 0 0 1px #4b4b4d}.story{padding:140px 28px;background:#f7f6f3}.story-copy{max-width:1060px;margin:0 auto 72px;text-align:center}.story-copy h2{font-size:clamp(48px,6.5vw,82px);line-height:1.03;letter-spacing:-.055em}.story-copy h2 span{background:linear-gradient(90deg,#30a852,#74c365);-webkit-background-clip:text;background-clip:text;color:transparent}.story-copy>p:not(.eyebrow){max-width:750px;margin:28px auto 0;color:#6e6e73;font-size:22px;line-height:1.5}.bubble-compare{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center}.compare-card{padding:34px;border-radius:30px;background:#f2f0ec;border:1px solid rgba(255,255,255,.9);box-shadow:14px 14px 34px rgba(89,82,72,.1),-10px -10px 30px #fff}.compare-card small{display:block;color:#86868b;font-weight:600;margin-bottom:28px}.compare-card div{color:#fff;padding:17px 21px;border-radius:24px 24px 7px 24px;font-size:19px;margin-left:auto;max-width:86%}.compare-card span{display:block;text-align:right;text-transform:uppercase;font-size:10px;color:#86868b;margin-top:7px}.green-card div{background:#30d158}.blue-message-card{box-shadow:0 0 0 1px rgba(10,132,255,.08),0 24px 60px rgba(10,132,255,.18),inset 0 1px 0 #fff}.blue-message-card div{background:#0a84ff}.compare-arrow{font-size:32px;color:#86868b}.media-stack i{box-shadow:0 18px 45px rgba(50,45,40,.18)}
@media(max-width:700px){.story{padding:95px 20px}.story-copy{margin-bottom:45px}.story-copy h2{font-size:44px}.story-copy>p:not(.eyebrow){font-size:18px}.bubble-compare{grid-template-columns:1fr;gap:18px}.compare-arrow{transform:rotate(90deg);text-align:center}.compare-card{padding:26px;border-radius:24px}}
/* Blue-spectrum revision: no black surfaces */
.dark{background:linear-gradient(145deg,#03294d 0%,#004b91 54%,#0878cf 100%);color:#f7fbff}.statement p:not(.eyebrow),.final-cta p,.dev-copy>p:not(.eyebrow){color:#c5e0f7}.stats{border-top-color:rgba(255,255,255,.25)}.stats span{color:#b6d5ef}.iphone{background:#061b2e;border-color:#184d78;box-shadow:0 35px 80px rgba(0,58,116,.3),inset 0 0 0 1px #3d75a1}.dynamic-island{background:#02101d}.contact{border-bottom-color:#174164}.bubble.gray{background:#173b5c}.message-field{border-color:#2a638f;color:#83aeca}.black-card{background:linear-gradient(145deg,#073867,#0057a8)!important;color:#f7fbff}.black-card p:not(.card-label){color:#c5e0f7}.black-card .card-label{color:#9dc8e8}.developer{background:linear-gradient(145deg,#021d36,#004c91 60%,#0574c9)}.code-window{background:#041a2d;border-color:#1f5b88;box-shadow:0 30px 80px rgba(0,33,65,.45)}.window-bar{border-bottom-color:#1c4e75}.code-tabs button.active{background:#0c3e67}.code-pane{color:#d9edff}.comment{color:#77a1c2}.string{color:#8ed1ff}.keyword{color:#71b8ff}.plan.featured{background:linear-gradient(145deg,#043a6d,#0071e3);color:#fff;box-shadow:0 24px 60px rgba(0,113,227,.24)}.plan.featured>p:not(.card-label){color:#c5e0f7}.final-cta{background:linear-gradient(145deg,#04305b,#006acb)}.button.white{color:#0057a8}.hero h1 span{background:linear-gradient(90deg,#006edc,#2488f5,#64d2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.media-stack i{background:linear-gradient(135deg,#006edc,#64d2ff)}.media-stack i:nth-child(2){background:linear-gradient(135deg,#0050a8,#409cff)}.media-stack i:nth-child(3){background:linear-gradient(135deg,#3b82f6,#8ac8ff)}
/* Green is intentionally flatter and visually off; blue is elevated. */
.story-copy h2 span{background:linear-gradient(90deg,#5f7d67,#7d987f);-webkit-background-clip:text;background-clip:text;color:transparent}.green-card{background:#ecebe7;box-shadow:7px 9px 18px rgba(83,78,70,.1);transform:translateY(9px) rotate(-.8deg);filter:saturate(.72)}.green-card div{background:#688672}.green-card small,.green-card span{color:#7e817e}.blue-message-card{transform:translateY(-5px);background:linear-gradient(145deg,#f7fbff,#edf6ff);box-shadow:0 0 0 1px rgba(10,132,255,.12),0 25px 70px rgba(10,132,255,.24),inset 0 1px 0 #fff}.blue-message-card div{background:linear-gradient(180deg,#2494ff,#0071e3)}