/* NagWatch — local assets, system typography, no tracking or external dependencies. */
:root{--canvas:#f7f8fa;--surface:#fff;--ink:#15252e;--secondary:#52626b;--line:#dde4e7;--accent:#17694f;--accent-hover:#11543f;--accent-soft:#e6f1eb;--ease-out:cubic-bezier(.22,1,.36,1);--duration-fast:180ms;--mint:#d9f7e8;--dark:#101f27;--radius:28px;--wrap:1180px;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}img{max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2f8064;outline-offset:5px;border-radius:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,5.9vw,82px);font-weight:730;margin-bottom:28px}h2{font-size:clamp(36px,4.2vw,56px);font-weight:690;margin-bottom:24px}h3{font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.025em;margin-bottom:12px}p{margin-bottom:20px}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.section{padding:108px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:9px;line-height:1.5}.status-dot{width:7px;height:7px;border-radius:50%;background:#29966c;display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #29966c12}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:15px;padding:12px 20px;z-index:100;background:white;border-radius:12px}
.site-header{position:sticky;top:0;z-index:20;background:#f7f8fae8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #dde4e7a0}.header-row{height:84px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.04em;font-size:23px;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand img{border-radius:10px}.site-header nav{margin:auto;display:flex;align-items:center;gap:30px}.site-header nav a{font-size:14px;font-weight:550;color:var(--secondary)}.site-header nav a:hover{color:var(--accent);text-decoration:none}.language{display:flex;gap:7px;align-items:center}.language svg{width:16px;height:16px}.header-cta{min-height:44px;display:inline-flex;gap:10px;align-items:center;background:var(--accent);color:white;padding:10px 17px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.header-cta svg{width:15px;height:15px}.header-cta:hover{text-decoration:none;background:var(--accent-hover)}.menu-toggle{display:none;border:0;background:none;padding:10px;color:var(--ink)}
.hero{padding:54px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.98fr 1fr;align-items:center;gap:38px;min-height:660px}.hero-copy{padding-bottom:30px}.hero h1 span{color:var(--accent)}.hero-lead{font-size:20px;line-height:1.65;max-width:470px;color:var(--secondary);margin-bottom:30px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 23px;border-radius:12px;font-size:15px;font-weight:650;border:1px solid var(--line);background:white;color:var(--ink)}.button svg,.text-link svg{width:18px;height:18px;transition:transform .2s ease}.button:hover,.text-link:hover{text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:#11543f}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:650;color:var(--accent)}.hero-note{font-size:12px;color:var(--secondary);margin:20px 0 0}.hero-art{height:620px;position:relative;isolation:isolate;background:#e9efed;border:1px solid #e1e7e5;border-radius:40px;overflow:hidden}.art-label{position:absolute;top:28px;left:32px;font-size:10px;letter-spacing:.18em;font-weight:650;color:#527267}.orbit{position:absolute;z-index:-1;border:1px solid #cbd9d3;border-radius:50%;width:650px;height:650px;top:86px;left:-75px}.orbit-two{width:450px;height:450px;left:25px;top:186px}.phone{padding:6px;background:#263036;border-radius:37px;border:1px solid #5c656b;box-shadow:0 18px 30px -12px #17252d40;line-height:0;overflow:hidden;position:relative;width:246px;flex-shrink:0}.phone img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;border-radius:30px;background:#f7f8fa}.hero-phone-front{position:absolute;width:258px;top:81px;left:36px;transform:rotate(-7deg);z-index:2;box-shadow:14px 20px 45px #15252e25}.hero-phone-back{position:absolute;width:240px;top:124px;right:18px;transform:rotate(8deg);box-shadow:14px 20px 45px #15252e35}.art-caption{position:absolute;bottom:19px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#456053;font-weight:650}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.trust-strip>span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:550;color:var(--secondary)}.trust-strip svg{width:19px;height:19px;color:#56776b}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:44px}.section-heading h2{margin:0}.heading-aside{max-width:340px;color:var(--secondary);font-size:16px}.heading-aside p{margin-bottom:22px}.theme-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid var(--line);border-radius:11px;background:#eef1f3;gap:2px}.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:8px 14px;background:transparent;font-size:12px;font-weight:600;color:var(--secondary);min-height:44px}.theme-switch button svg{width:16px;height:16px}.theme-switch button[aria-pressed=true]{background:var(--accent);color:white;box-shadow:0 2px 6px #15252e12}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.screen-gallery figure{margin:0;min-width:0}.screen-stage{background:#e9edf0;border-radius:var(--radius);padding:38px 20px;display:flex;justify-content:center;overflow:hidden}.screen-gallery figure:nth-child(2) .screen-stage{background:#e9eeeb}.screen-gallery figure:nth-child(3) .screen-stage{background:#e9edf4}.screen-gallery .phone{width:min(100%,244px);padding:5px;border-radius:35px;box-shadow:0 12px 24px -10px #17252d35}.screen-gallery .phone img{border-radius:28px}.screen-gallery figcaption{padding:25px 4px 0}.step-number{display:block;font-size:10px;font-weight:650;letter-spacing:.14em;color:#5b6c76;margin-bottom:12px}.screen-gallery h3{font-size:22px}.screen-gallery p{font-size:15px;color:var(--secondary);line-height:1.7}.image-note{font-size:11px;color:#5b6c76;margin:23px 0 0;line-height:1.6}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);margin-top:54px;padding-top:42px}.feature-row article>svg{color:var(--accent);margin-bottom:18px}.feature-row h3{font-size:18px}.feature-row p{font-size:14px;color:var(--secondary);margin:0}
.mac-section{background:var(--dark);color:#f4f8f6;overflow:hidden}.mac-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.mac-copy .eyebrow{color:#87d7b5}.mac-copy h2{font-size:clamp(39px,4vw,54px);margin-bottom:24px}.mac-copy>p:not(.eyebrow){color:#adbec5;font-size:16px}.check-list{list-style:none;padding:0;margin:28px 0 0;font-size:14px}.check-list li{padding-left:25px;position:relative;margin-bottom:13px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700}.mac-copy .check-list{color:#d5e0e1;font-size:13px;line-height:1.6}.mac-copy .check-list li:before{color:#83d8b4}.mac-copy .platform-note{font-size:12px!important;margin-top:30px}.mac-art{min-width:0}.mac-art-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.mac-art-label{font-size:9px;letter-spacing:.12em;color:#a6bbb4;font-weight:600}.mac-section .theme-switch{background:#1b303a;border-color:#35474f}.mac-section .theme-switch button{color:#b4c6cc}.mac-section .theme-switch button[aria-pressed=true]{background:var(--accent);color:white}.mac-window{border-radius:15px;overflow:hidden;background:#f6f8fb;border:1px solid #5a6b73;box-shadow:0 30px 70px #0005}.window-bar{height:36px;background:#e8ecee;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;font-weight:600;color:#4d616a;border-bottom:1px solid #d5dce0}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#e18a85}.traffic-lights i:nth-child(2){background:#dfbb63}.traffic-lights i:nth-child(3){background:#7ab58f}.window-badge{font-size:9px;color:#52666f}.mac-window img{width:100%;display:block;aspect-ratio:1520/1360}.mac-art .image-note{color:#9cb1bb;text-align:center;font-size:10px}.mac-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:32px;margin-top:52px;border-top:1px solid #32434b}.mac-bottom>span{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.mac-bottom svg{color:#87d7b5}.mac-bottom p{color:#adbec5;font-size:13px;margin:0}
.connection-section{background:white}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-lead{font-size:17px;color:var(--secondary);max-width:460px;line-height:1.75}.connection-visual{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;padding:48px 30px;background:var(--canvas);border:1px solid #edf0f2;border-radius:var(--radius);min-height:270px}.connection-node{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px}.connection-node>svg{width:32px;height:32px;color:var(--accent);margin-bottom:4px}.connection-node strong{font-size:14px}.connection-node span{font-size:10px;color:var(--secondary);white-space:nowrap}.connection-line{position:relative;height:36px;border-bottom:1px dashed #6e9b87;transform:translateY(-18px);text-align:center}.connection-line span{font-size:9px;letter-spacing:.04em;font-weight:600;color:var(--secondary)}.connection-line svg{position:absolute;width:16px;height:16px;bottom:-8px;left:calc(50% - 8px);color:var(--accent);background:var(--canvas)}.connection-visual>p{grid-column:1/-1;text-align:center;color:var(--secondary);font-size:11px;margin:30px 0 0}.security-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;border-top:1px solid var(--line);margin-top:65px;padding-top:35px}.security-facts article>span{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.06em}.security-facts h3{font-size:18px;margin-top:14px}.security-facts p{font-size:14px;color:var(--secondary);margin:0}
.compatibility-section{padding:86px 0}.compatibility-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:75px}.compatibility-row{display:flex;align-items:flex-start;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.compatibility-row:first-child{padding-top:0}.compatibility-row h3{font-size:18px;margin-bottom:8px}.compatibility-row p{font-size:14px;color:var(--secondary);margin:0}.compat-icon{background:white;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;color:var(--accent)}.compat-icon svg{width:20px;height:20px}.small-tag{display:inline-flex;align-items:center;flex-shrink:0;font-size:9px;letter-spacing:.07em;padding:6px 9px;border-radius:6px;font-weight:750;color:#286349;background:#e2efe7;line-height:1.5}.muted-tag{color:#5e6b74;background:#e7ebee}
.pricing-section{background:#eff3f1}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:white;padding:42px;border:1px solid #dce5e0;border-radius:var(--radius);position:relative}.price-card .plan-label{font-size:11px;letter-spacing:.12em;font-weight:650;color:var(--accent);margin-bottom:16px}.price-card h3{font-size:27px}.price-card .price{font-size:50px;color:var(--ink);font-weight:650;letter-spacing:-.04em;line-height:1.15;margin:28px 0 18px}.price span{font-size:13px;font-weight:450;color:var(--secondary);display:inline-block;letter-spacing:0;margin-left:12px}.price-card>p:not(.price):not(.plan-label){font-size:14px;color:var(--secondary)}.price-card .check-list{border-top:1px solid var(--line);padding-top:28px}.pro-card{border-color:#69a98b;box-shadow:0 0 0 1px #69a98b}.pro-label{position:absolute;top:-13px;right:25px;background:var(--accent);color:white;padding:6px 12px;line-height:1.5;font-size:9px;letter-spacing:.07em;font-weight:600;border-radius:6px}.roadmap-section{padding:70px 0 0}.roadmap{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:38px 42px;background:#edf0f6;border:1px solid #dfe4ef;border-radius:var(--radius)}.roadmap h2{font-size:30px;letter-spacing:-.03em;margin:18px 0 12px}.roadmap p{max-width:760px;font-size:15px;color:var(--secondary);margin:0}.roadmap>.text-link{white-space:nowrap}.roadmap .small-tag{background:#dfe5f0;color:#4c607a}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-grid>div>p:not(.eyebrow){font-size:15px;color:var(--secondary)}.faq-list details{border-top:1px solid var(--line);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:600;font-size:16px;line-height:1.4}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:25px;font-weight:350;line-height:1;color:var(--accent);flex-shrink:0}details[open]>summary:after{transform:rotate(45deg)}.faq-list details p{font-size:15px;color:var(--secondary);max-width:590px;margin:18px 0 0}.release-section{padding:80px 0 88px;background:#e5efe9;text-align:center;border-block:1px solid #d9e5de}.release-inner>img{border-radius:18px;margin-bottom:25px;box-shadow:0 6px 20px #193b2815}.release-inner .eyebrow{justify-content:center;margin-bottom:20px}.release-inner h2{font-size:clamp(37px,4.5vw,60px)}.release-inner>p:not(.eyebrow){color:var(--secondary);font-size:16px}.release-inner .button{margin-top:7px}.release-inner .release-note{margin:23px 0 0;font-size:11px!important}
.site-footer{padding:65px 0 28px;background:var(--canvas)}.footer-top{display:grid;grid-template-columns:1.7fr 1fr .8fr;gap:50px;margin-bottom:50px}.footer-intro p{font-size:14px;color:var(--secondary);white-space:pre-line;margin:20px 0;max-width:340px}.footer-intro>a:not(.brand){display:inline-flex;align-items:center;gap:10px;font-size:13px}.footer-intro>a>svg{width:15px;height:15px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px}.footer-column>p{font-size:11px;font-weight:650;color:var(--secondary);text-transform:uppercase;letter-spacing:.1em;margin:5px 0 8px}.footer-column>a{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:11px;color:#64747d}.trademark{font-size:10px;line-height:1.7;color:#5e6d75;margin:0;max-width:900px}
/* Documents share the same shell and typography. */
.document-hero{padding:76px 0 52px;border-bottom:1px solid var(--line);background:#edf2ef}.document-hero h1{font-size:clamp(40px,5.4vw,64px);max-width:900px;margin-bottom:22px}.document-hero .lead{max-width:740px;font-size:20px;color:var(--secondary)}.document-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--secondary)}.document-body{padding:65px 0 90px}.prose{max-width:800px}.prose h2{font-size:28px;margin-top:46px;letter-spacing:-.025em}.prose h2:first-child{margin-top:0}.prose h3{font-size:20px;margin-top:30px;letter-spacing:-.02em}.prose p,.prose li{font-size:16px;color:var(--secondary);line-height:1.85}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-left:24px}.prose li{padding-left:4px;margin-bottom:10px}.prose code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:#e9eef0;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.callout{padding:25px 28px;background:#edf4ef;border:1px solid #dce8e0;border-radius:18px;margin:28px 0}.callout p:last-child{margin:0}.prose .callout h2{font-size:22px;margin:0 0 12px}.document-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0}.document-card{padding:25px;background:white;border:1px solid var(--line);border-radius:20px}.document-card>svg{color:var(--accent);margin-bottom:18px}.document-card h2{font-size:20px;margin:0 0 12px}.document-card p{font-size:14px;color:var(--secondary);margin:0}.document-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.prose a{text-decoration:underline;text-underline-offset:3px}.prose .button{text-decoration:none}.notice{display:flex;align-items:flex-start;gap:15px;border-left:3px solid #6f997f;padding:4px 0 4px 22px;margin:30px 0}.notice p{margin:0}.prose .note{font-size:13px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;margin-bottom:26px}.back-link svg{width:16px;height:16px;transform:rotate(180deg)}
@media(min-width:1350px){.hero-phone-front{left:48px}.hero-phone-back{right:28px}}@media(max-width:1100px){.site-header nav{gap:20px}.header-row{gap:20px}.hero-grid{gap:25px;min-height:620px}.hero-art{height:560px}.hero-phone-front{width:234px;left:22px;top:75px}.hero-phone-back{width:218px;right:0;top:100px}.hero-lead{font-size:18px}.hero-copy{padding-bottom:0}.art-caption{bottom:17px}.screen-stage{padding:30px 14px}.mac-grid{gap:35px}.mac-copy h2{font-size:44px}.mac-art-label{display:none}.mac-art-top{justify-content:flex-end}.connection-grid{gap:40px}.compatibility-grid{gap:45px}.compatibility-row{gap:12px}.compatibility-row .small-tag{font-size:8px}.price-card{padding:34px}.faq-grid{gap:45px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header-row{height:74px}.brand{font-size:21px}.site-header nav{gap:16px}.site-header nav a{font-size:12px}.header-cta{min-height:44px;display:none}.site-header nav{margin-left:auto;margin-right:0}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr 1fr;min-height:520px;gap:20px}.hero h1{font-size:54px}.hero-lead{font-size:17px;line-height:1.6}.hero-art{height:485px;border-radius:28px}.hero-phone-front{width:202px;left:9px;top:52px;transform:rotate(-6deg)}.hero-phone-back{width:180px;right:-30px;top:85px;transform:rotate(7deg)}.art-label{font-size:8px;left:20px;top:22px}.art-caption{font-size:9px}.actions{gap:18px}.actions .button{padding:13px 17px;font-size:13px;gap:10px}.actions .text-link{font-size:13px}.hero-note{font-size:11px}.trust-strip{gap:12px;padding:26px 0;margin-top:30px}.trust-strip>span{font-size:11px;gap:6px}.trust-strip svg{width:16px;height:16px}.section{padding:78px 0}.section-heading{gap:30px}h2{font-size:40px}.heading-aside{max-width:290px;font-size:15px}.screen-gallery{gap:18px}.screen-stage{padding:28px 10px;border-radius:22px}.phone{border-radius:27px;padding:4px}.phone img{border-radius:22px}.screen-gallery .phone{border-radius:26px;padding:4px}.screen-gallery .phone img{border-radius:21px}.screen-gallery h3{font-size:20px}.screen-gallery p{font-size:13px}.feature-row{gap:25px}.feature-row h3{font-size:17px}.feature-row p{font-size:13px}.mac-grid{grid-template-columns:1fr;gap:35px}.mac-copy h2 br:nth-child(2){display:none}.mac-copy>p{max-width:600px}.mac-copy .check-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.mac-art{max-width:640px;width:100%;margin-inline:auto}.mac-art-label{display:block}.mac-art-top{justify-content:space-between}.mac-art .image-note{font-size:11px}.mac-bottom{margin-top:35px}.mac-bottom>span{font-size:14px}.mac-bottom p{font-size:12px;max-width:300px}.connection-grid{grid-template-columns:1fr;gap:32px}.connection-visual{max-width:640px;width:100%;margin-inline:auto}.connection-grid .section-lead{max-width:600px}.security-facts{gap:25px}.compatibility-grid{grid-template-columns:1fr;gap:24px}.compatibility-row .small-tag{font-size:9px}.pricing-grid{gap:18px}.price-card{padding:30px}.price-card .price{font-size:42px}.price span{display:block;margin:10px 0 0}.price-card .check-list{font-size:13px}.roadmap{padding:30px;gap:30px}.roadmap h2{font-size:28px}.roadmap p{font-size:14px}.roadmap>.text-link{font-size:13px}.faq-grid{grid-template-columns:.7fr 1.3fr;gap:32px}.faq-grid h2{font-size:35px}.footer-top{grid-template-columns:1.4fr 1fr .8fr;gap:25px}.document-cards{gap:16px}.document-card{padding:20px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header-row{height:70px;justify-content:space-between;position:relative}.brand{font-size:21px}.brand img{width:32px;height:32px;border-radius:9px}.menu-toggle{display:flex;margin-right:-8px}.site-header nav{display:none;position:absolute;top:69px;left:-20px;right:-20px;background:#f7f8fa;border-bottom:1px solid var(--line);padding:14px 20px 22px;box-shadow:0 12px 16px #15252e08;gap:0}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{font-size:15px;padding:13px 10px;min-height:44px}.site-header nav .language{border-top:1px solid var(--line);margin-top:8px}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(48px,12vw,66px);margin-bottom:22px;letter-spacing:-.05em}.hero-lead{font-size:17px;max-width:400px;margin-bottom:26px}.actions{gap:22px}.actions .button{font-size:14px;min-height:50px;padding:13px 19px}.actions .text-link{font-size:14px}.hero-note{margin-top:17px;font-size:11px}.hero-art{height:510px;max-width:420px;width:100%;margin:auto}.hero-phone-front{width:218px;top:59px;left:24px;border-radius:32px;padding:5px}.hero-phone-front img{border-radius:26px}.hero-phone-back{width:198px;right:2px;top:85px;border-radius:30px;padding:5px}.hero-phone-back img{border-radius:24px}.art-label{font-size:9px;top:23px;left:25px}.art-caption{font-size:10px;bottom:16px}.trust-strip{grid-template-columns:1fr 1fr;gap:21px 14px;padding:25px 0}.trust-strip>span{justify-content:flex-start;font-size:11px}.trust-strip svg{width:18px;height:18px}.section{padding:65px 0}h2{font-size:clamp(34px,8.5vw,44px);margin-bottom:20px}.section-heading{display:block;margin-bottom:30px}.heading-aside{max-width:100%;margin-top:22px;font-size:15px}.heading-aside p{margin-bottom:20px}.screen-gallery{grid-template-columns:1fr;gap:38px}.screen-stage{padding:32px 20px;border-radius:24px}.screen-gallery .phone{width:238px;border-radius:35px;padding:5px}.screen-gallery .phone img{border-radius:29px}.screen-gallery figcaption{padding:21px 2px 0}.screen-gallery h3{font-size:24px;margin-bottom:10px}.screen-gallery p{font-size:15px;max-width:420px;margin:0}.screen-stage{height:570px;align-items:flex-start}.image-note{margin-top:25px;font-size:11px}.feature-row{grid-template-columns:1fr;gap:26px;margin-top:35px;padding-top:35px}.feature-row article{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.feature-row article>svg{grid-row:1/3;width:23px;height:23px;margin:0}.feature-row h3{font-size:18px;margin:0 0 8px}.feature-row p{font-size:14px}.mac-copy h2{font-size:44px}.mac-copy .check-list{grid-template-columns:1fr;gap:0}.mac-copy>p:not(.eyebrow){font-size:15px}.mac-art-top{gap:10px}.mac-art-label{font-size:8px;max-width:110px}.mac-art .theme-switch button{padding:7px 11px;font-size:11px}.mac-window{border-radius:11px}.window-bar{height:30px;font-size:9px}.mac-bottom{display:block;margin-top:35px;padding-top:25px}.mac-bottom p{max-width:100%;margin-top:12px}.mac-bottom>span{font-size:16px}.connection-grid{gap:28px}.section-lead{font-size:16px}.connection-visual{padding:35px 15px;min-height:230px;grid-template-columns:1fr .7fr 1fr}.connection-node strong{font-size:12px}.connection-node span{font-size:9px}.connection-line span{font-size:8px}.connection-visual>p{font-size:10px;margin-top:28px}.security-facts{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:30px}.security-facts article{display:grid;grid-template-columns:25px 1fr;gap:0 14px}.security-facts article>span{grid-row:1/3;padding-top:3px}.security-facts h3{margin:0 0 8px}.security-facts p{font-size:14px}.compatibility-grid{gap:20px}.compatibility-row{gap:12px;padding:24px 0;flex-wrap:wrap}.compatibility-row>div{flex:1;min-width:150px}.compatibility-row>.small-tag{margin-left:54px;margin-top:0}.compatibility-row h3{font-size:17px}.compatibility-row p{font-size:14px}.compat-icon{padding:9px;border-radius:10px}.pricing-grid{grid-template-columns:1fr;gap:30px}.price-card{padding:30px}.price-card .price{font-size:48px}.price span{display:inline-block;font-size:12px;margin-left:10px}.price-card h3{font-size:26px}.price-card .check-list{font-size:14px}.pro-label{font-size:8px;right:20px}.roadmap-section{padding-top:50px;padding-bottom:0}.roadmap{padding:28px;display:block}.roadmap h2{font-size:28px;line-height:1.15}.roadmap p{font-size:14px}.roadmap>.text-link{margin-top:24px;font-size:14px}.faq-grid{grid-template-columns:1fr;gap:24px}.faq-grid>div>p:not(.eyebrow){margin-bottom:0}.faq-list details{padding:22px 0}summary{font-size:15px;gap:20px}.faq-list details p{font-size:14px}.release-section{padding:65px 0}.release-inner h2{font-size:42px}.release-inner>p:not(.eyebrow){font-size:15px}.release-inner>img{width:64px;height:64px;border-radius:16px}.site-footer{padding:45px 0 25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:100%;font-size:14px}.footer-column{gap:12px;font-size:12px}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-bottom:7px}.trademark{font-size:9px}.document-hero{padding:48px 0 35px}.document-hero h1{font-size:42px;overflow-wrap:anywhere}.document-hero .lead{font-size:17px}.document-body{padding:40px 0 65px}.prose h2{font-size:25px;margin-top:35px}.prose p,.prose li{font-size:15px}.document-cards{grid-template-columns:1fr;gap:15px}.document-card{padding:25px}.document-card h2{font-size:22px}.document-card p{font-size:15px}.callout{padding:23px}.document-links{gap:16px}.document-meta{flex-wrap:wrap}.back-link{margin-bottom:23px}}

.document-toc{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 28px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.prose .document-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;background:var(--accent-soft);border:1px solid #c5dbcd;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none}
.prose .document-toc a:hover{background:#dcece3}
.prose .callout h3{margin:0 0 12px}
/* Shared controls and product details. The green palette stays consistent across pages. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-lead,.heading-aside,.section-lead,.screen-gallery p,.feature-row p{text-wrap:pretty}
.button{color:var(--accent);border-color:#b7cfc1;box-shadow:0 1px 2px #15252e06}
.button.secondary{background:var(--accent-soft);border-color:#c5dbcd}
.button.primary{box-shadow:0 3px 8px #17694f14}
.button,.header-cta,.theme-switch button,.text-link{transition:background-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out,border-color var(--duration-fast) ease-out,box-shadow var(--duration-fast) ease-out,transform var(--duration-fast) var(--ease-out)}
.button:active,.header-cta:active{transform:scale(.97)}
.theme-switch button:active{transform:scale(.96)}
.button svg,.text-link svg,.header-cta svg{transition:transform var(--duration-fast) var(--ease-out)}
.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.platforms span{font-size:10px;font-weight:600;letter-spacing:.025em;color:#50695d;background:#edf2ef;border:1px solid #dfe8e2;border-radius:6px;padding:4px 9px}
.hero-art{background:radial-gradient(ellipse at 80% 20%,#f3f8f3 0,transparent 60%),#e9efed}
.hero-widget{position:absolute;z-index:3;right:24px;bottom:54px;width:264px;padding:16px;background:#fffffff5;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 8px #15252e08,0 18px 40px #15252e20;color:var(--ink);transition:transform 220ms var(--ease-out),box-shadow 220ms ease-out}
.hero-widget:hover{text-decoration:none}
.widget-label{display:block;font-size:9px;font-weight:750;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}
.hero-widget img{display:block;width:100%;border-radius:9px;outline:1px solid #0000000d;outline-offset:-1px}
.widget-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-top:12px;gap:10px}
.widget-link svg{width:15px;height:15px;color:var(--accent)}
.mac-product-stack{position:relative;padding:12px 0 64px}
.mac-product-stack .mac-window{width:88%;transform:perspective(1200px) rotateY(-3deg);transform-origin:left center}
.mac-popover{position:absolute;right:-12px;bottom:0;width:44%;margin:0;filter:drop-shadow(0 15px 24px #0005);transform:rotate(2deg)}
.mac-popover img{display:block;width:100%;border-radius:18px;outline:1px solid #ffffff30;outline-offset:-1px;background:#f6f8fb}
.mac-popover figcaption{font-size:10px;color:#c3d4ce;text-align:center;margin-top:14px;font-weight:550}
.mac-art .image-note{max-width:530px;margin:25px auto 0;line-height:1.8}
.screen-stage{border:1px solid #15252e06;transition:box-shadow 240ms ease-out}
.screen-stage .phone{transition:transform 350ms var(--ease-out)}
.price-card{transition:transform 250ms var(--ease-out),box-shadow 250ms ease-out}
.price{font-variant-numeric:tabular-nums}
summary{min-height:24px}
summary:after{transition:transform 200ms var(--ease-out)}
.faq-list details p{padding-right:30px}
.menu-toggle svg path{transform-origin:center;transition:transform 180ms ease-out,opacity 140ms ease-out}
.site-header nav a{transition:color var(--duration-fast) ease-out}
@media(hover:hover) and (pointer:fine){
  .button:not(.primary):hover{background:#dcece3;border-color:#9fc2ad;box-shadow:0 3px 8px #17694f0a}
  .button:hover svg,.text-link:hover svg,.header-cta:hover svg{transform:translateX(3px)}
  .hero-widget:hover{transform:translateY(-4px);box-shadow:0 4px 8px #15252e08,0 24px 48px #15252e28}
  .screen-stage:hover .phone{transform:translateY(-6px)}
  .screen-stage:hover{box-shadow:0 12px 30px -18px #15252e35}
  .price-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -18px #17694f40}
  .pro-card:hover{box-shadow:0 0 0 1px #69a98b,0 12px 28px -18px #17694f40}
}
@media(prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:hero-enter 560ms var(--ease-out) both}
  .hero-copy>:nth-child(2){animation-delay:50ms}
  .hero-copy>:nth-child(3){animation-delay:100ms}
  .hero-copy>:nth-child(4){animation-delay:150ms}
  .hero-copy>:nth-child(5){animation-delay:200ms}
  .hero-copy>:nth-child(6){animation-delay:250ms}
  .hero-art{animation:hero-enter 700ms 100ms var(--ease-out) both}
  .hero-widget{animation:widget-enter 600ms 350ms var(--ease-out) both}
  .site-header nav.is-open{animation:menu-enter 180ms var(--ease-out) both}
}
@keyframes hero-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes widget-enter{from{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes menu-enter{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.hero-widget{right:18px;bottom:45px;width:244px}.mac-popover{right:0}}
@media(max-width:850px){.platforms{gap:6px}.platforms span{font-size:9px;padding:3px 7px}.hero-widget{width:222px;right:12px;bottom:43px;padding:14px}.widget-label{font-size:8px}.widget-link{font-size:10px}.mac-product-stack{padding-bottom:60px}.mac-popover{right:-8px;width:42%}}
@media(max-width:620px){.actions{gap:12px}.actions .button{padding:13px 14px;font-size:13px;gap:10px}.platforms{margin-top:18px}.platforms span{font-size:10px}.hero-art{height:535px}.hero-widget{right:18px;bottom:46px;width:245px;padding:15px}.widget-label{font-size:9px}.widget-link{font-size:11px}.mac-product-stack{padding-bottom:100px}.mac-product-stack .mac-window{width:95%;transform:none}.mac-popover{right:0;width:49%}.mac-popover img{border-radius:12px}.mac-popover figcaption{font-size:9px}.mac-art .image-note{text-align:left}.document-links .button{min-height:48px}.faq-list details p{padding-right:0}}
@media(max-width:374px){.actions .button{padding:12px 13px;font-size:13px;gap:8px}.hero-widget{right:14px;width:230px}.hero-phone-front{left:10px}.mac-copy h2{font-size:38px}}

/* Search-friendly document navigation and compatibility reference. */
.breadcrumbs{margin:0 0 28px;font-size:13px;line-height:1.5}
.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0}
.breadcrumbs li{display:inline-flex;align-items:center;gap:12px;color:var(--secondary)}
.breadcrumbs li+li:before{content:"/";color:#7b8a82}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
.compatibility-link{margin-top:16px;font-size:13px;line-height:1.5;gap:8px}
.compatibility-table{width:100%;border-collapse:collapse;margin:28px 0 35px;font-size:14px;line-height:1.7;text-align:left}
.compatibility-table caption{font-size:12px;color:var(--secondary);text-align:left;padding:0 0 14px}
.compatibility-table th,.compatibility-table td{padding:18px 20px;border:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.compatibility-table thead th{background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650}
.compatibility-table tbody th{width:30%;font-weight:650;background:#edf2ef;color:var(--ink)}
.compatibility-table td{color:var(--secondary);background:var(--surface)}
@media(max-width:620px){.breadcrumbs{font-size:12px;margin-bottom:25px}.breadcrumbs ol{gap:7px 9px}.breadcrumbs li{gap:9px}.compatibility-table{font-size:13px;line-height:1.65}.compatibility-table th,.compatibility-table td{padding:14px 12px}.compatibility-table tbody th{width:33%}}

@media(prefers-reduced-motion:reduce){html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){.button:active,.header-cta:active,.theme-switch button:active,.hero-widget:hover,.price-card:hover,.screen-stage:hover .phone,.button:hover svg,.text-link:hover svg,.header-cta:hover svg{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--canvas);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.phone,.mac-window,.theme-switch,.small-tag,.button,.header-cta{border:1px solid ButtonText}.orbit{display:none}}