:root{--bg:#06131e;--panel:#0d2230;--panel2:#102b38;--mint:#34d6ac;--text:#eef8f8;--muted:#a9bfca;--line:#294452}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--mint)}.wrap{width:min(1120px,calc(100% - 42px));margin:auto}.narrow{width:min(770px,calc(100% - 42px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:#06131eea;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:20px;font-weight:750;letter-spacing:-.035em}.brand img{width:39px;height:39px;border-radius:10px;object-fit:cover}.brand em{font-style:normal;color:var(--mint)}.navlinks{display:flex;align-items:center;gap:27px}.navlinks a{text-decoration:none;color:#c6d5dc;font-size:14px}.navlinks a:hover{color:white}.navlinks .navcta{background:var(--mint);color:#03251e;padding:11px 17px;border-radius:12px;font-weight:750}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--mint);color:#062b25;text-decoration:none;font-weight:780;border-radius:14px;padding:17px 24px;box-shadow:0 12px 38px #24e0a31a}.btn:hover{background:#60edc7}.btn.secondary{background:transparent;border:1px solid #45636c;color:white;box-shadow:none}.eyebrow{color:var(--mint);font-weight:750;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.hero{padding:94px 0 90px;background:radial-gradient(ellipse at 74% 18%,#0a5c554f,transparent 54%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-.065em;line-height:1.05;margin:18px 0 25px}.hero h1 span{color:var(--mint)}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 18px}.micro{font-size:13px;color:#91a9b6}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:570px}.hero-visual:before{content:"";position:absolute;width:360px;height:420px;background:#21bc9d2a;filter:blur(85px);border-radius:100%}.phone{position:relative;width:min(280px,67%);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:36px;box-shadow:0 30px 75px #0009;border:6px solid #294a57}.phone.secondary-phone{position:absolute;width:280px;transform:translate(145px,58px) rotate(7deg);opacity:.88;z-index:0}.phone.main-phone{z-index:1;transform:translateX(-60px) rotate(-5deg)}.section{padding:88px 0}.section.alt{background:#091b27}.section h2,.article h1{font-size:clamp(35px,4.5vw,52px);line-height:1.12;letter-spacing:-.05em;margin:13px 0 22px}.sub{color:var(--muted);font-size:18px;line-height:1.7;max-width:700px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.feature,.guide-card,.price,.callout{border:1px solid var(--line);background:linear-gradient(155deg,#102c38,#0b1e2a);border-radius:22px;padding:28px}.feature .symbol{font-size:28px;color:var(--mint)}.feature h3{font-size:21px;margin:18px 0 12px}.feature p,.guide-card p{color:var(--muted);line-height:1.7;margin:0}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.shot{text-align:center;background:#0e2330;border:1px solid var(--line);border-radius:22px;padding:22px 15px}.shot img{height:360px;max-width:100%;object-fit:contain;border-radius:12px}.shot h3{margin:20px 0 8px}.shot p{color:var(--muted);font-size:14px;line-height:1.6}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.price strong{display:block;font-size:38px;letter-spacing:-.04em;margin:10px 0}.price small{color:var(--muted)}.price p{color:var(--muted);line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:32px}.guide-card{text-decoration:none;display:block;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-3px);border-color:var(--mint)}.guide-card h3{color:var(--text);font-size:21px;line-height:1.3;margin:0 0 12px}.guide-card .arrow{color:var(--mint);font-size:21px;margin-top:14px;display:block}.footer{border-top:1px solid var(--line);padding:36px 0;color:#9db3bf;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#bdd2d8;text-decoration:none;margin-left:18px}.article{padding:75px 0 100px}.article h1{font-size:clamp(42px,6vw,64px);margin:20px 0}.article .intro{font-size:20px;color:#c0d1d9;line-height:1.75}.article h2{font-size:29px;letter-spacing:-.025em;margin:47px 0 15px}.article h3{font-size:22px;margin:29px 0 12px}.article p,.article li{font-size:17px;line-height:1.85;color:#b9cbd3}.article li{margin-bottom:9px}.article a{color:#5ce8c0}.article .notice{padding:17px 22px;background:#0c2931;border-left:3px solid var(--mint);border-radius:6px;color:#bfd2d7;margin:34px 0}.related{margin:55px 0 0}.related a{display:block;text-decoration:none;font-size:17px;line-height:1.75;margin:12px 0}.related a:hover{text-decoration:underline}.callout{margin-top:54px;padding:34px;background:radial-gradient(circle at right top,#2bc4a022,transparent 50%),#0e2330}.callout h2{margin:0 0 12px;font-size:31px}.callout p{margin:0 0 24px}.breadcrumb{color:#8eaab5;font-size:14px}.breadcrumb a{color:#9bdacb;text-decoration:none}.legal{font-size:13px;color:#8ca6b1;line-height:1.7;margin-top:18px}.article-footer{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;color:#8ca6b1;font-size:14px}.faq details{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:12px}.faq summary{cursor:pointer;font-weight:650}.faq p{color:var(--muted);line-height:1.7}.guide-header{padding:72px 0 22px;background:radial-gradient(circle at 50% 0,#0d5a4c33,transparent 60%)}.guide-header h1{font-size:clamp(42px,6vw,65px);letter-spacing:-.06em;margin:16px 0}.guide-header p{color:var(--muted);font-size:18px;line-height:1.7;max-width:730px}.mini-nav{display:none}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:0}.hero{padding:60px 0 40px}.hero-visual{min-height:480px}.phone.main-phone{width:220px;transform:translateX(-42px) rotate(-4deg)}.phone.secondary-phone{width:220px;transform:translate(92px,48px) rotate(7deg)}.features,.showcase{grid-template-columns:1fr 1fr}.navlinks{gap:14px}.navlinks a{font-size:13px}}@media(max-width:560px){.wrap,.narrow{width:calc(100% - 36px)}.nav-inner{min-height:68px}.brand{font-size:18px}.brand img{width:34px;height:34px}.navlinks a:not(.navcta){display:none}.features,.showcase,.pricing,.guide-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.hero-actions{flex-direction:column;align-items:stretch}.section{padding:65px 0}.article{padding-top:46px}.footer a{margin:0 14px 0 0}.shot img{height:380px}}

.brand{white-space:nowrap}

.ipad-workspace{background:radial-gradient(circle at 50% 15%,#0b5b4f25,transparent 55%)}
.ipad-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}
.ipad-card{margin:0;border:1px solid var(--line);background:#0e2330;border-radius:24px;overflow:hidden}
.ipad-card img{display:block;width:100%;height:auto;aspect-ratio:1250/937;object-fit:contain;background:#f4f2ee}
.ipad-card figcaption{display:flex;flex-direction:column;gap:8px;padding:22px 24px 25px}
.ipad-card figcaption strong{font-size:20px}
.ipad-card figcaption span{color:var(--muted);font-size:15px;line-height:1.65}
@media(max-width:720px){.ipad-grid{grid-template-columns:1fr}.ipad-card{border-radius:18px}}

/* Branding and high-contrast CTA text */
.brand-by{font-size:12px;font-weight:500;color:#9fb7c1;margin-left:7px;white-space:nowrap}
.btn:not(.secondary),.navcta{color:#062b25!important}

.policy-page{padding-top:12px;padding-bottom:55px}
.policy-page h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}
.policy-page h2{font-size:26px;line-height:1.3;margin:44px 0 16px}
.policy-page h3{font-size:22px;line-height:1.35;margin:35px 0 14px}
.policy-page h4{font-size:19px;margin:25px 0 12px}
.policy-page p,.policy-page li{font-size:16px;line-height:1.85;color:var(--muted)}
.policy-page strong{color:var(--text)}
.policy-page ul{padding-left:26px}
.policy-page a{color:var(--mint)}

/* Stacked publisher credit, inspired by Krypt header */
.brand-group{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-icon{display:block;line-height:0}
.brand-icon img{width:45px;height:45px;object-fit:cover;border-radius:11px}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
.brand-stack .brand-title{display:block;font-size:21px;line-height:1.12;letter-spacing:-.035em}
.brand-stack .brand-by{margin-left:0;font-size:13px;line-height:1.2;font-weight:500;color:#9fb7c1}
.brand-stack .brand-by a{color:inherit;text-decoration:none}
.brand-stack .brand-by a:hover{color:var(--mint);text-decoration:underline}
@media(max-width:540px){.brand-icon img{width:37px;height:37px}.brand-stack .brand-title{font-size:17px}.brand-stack .brand-by{font-size:11px}}

/* Document-type landing pages */
.doc-types{background:radial-gradient(ellipse at 70% 10%,#155d5338,transparent 60%)}
.doc-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:32px}
.doc-type-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:19px;background:#0e2532;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.doc-type-card:hover{border-color:var(--mint);transform:translateY(-2px)}
.doc-type-card h3{font-size:20px;margin:0 0 12px}.doc-type-card p{color:var(--muted);line-height:1.65;margin:0 0 22px;font-size:15px;flex:1}
.doc-type-card span{font-weight:700;color:var(--mint);font-size:14px}
.doc-hero{padding-top:65px}.doc-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:50px;align-items:center}
.doc-hero h1{font-size:clamp(36px,5vw,65px);line-height:1.06;letter-spacing:-.05em;margin:24px 0}
.doc-hero .lead{font-size:20px;line-height:1.65;color:var(--muted)}
.doc-availability{color:var(--muted);font-size:14px;line-height:1.7}
.doc-hero-image{margin:0;text-align:center}.doc-hero-image img{display:block;width:min(100%,330px);height:auto;margin:auto;border-radius:20px}
.doc-hero-image figcaption{color:var(--muted);font-size:13px;margin-top:12px}
.doc-copy p,.doc-copy li{font-size:17px;line-height:1.8;color:var(--muted)}
.doc-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}
.doc-step{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}
.doc-step h3{margin:0 0 12px;font-size:20px}.doc-step p{margin:0;color:var(--muted);line-height:1.7}
.doc-questions{padding-left:25px}.doc-questions li{margin:10px 0}
.doc-links{display:flex;flex-direction:column;gap:13px;margin:20px 0 40px}.doc-links a{text-decoration:none;font-size:17px}
.doc-links a:hover{text-decoration:underline}
.doc-cta{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(115deg,#102733,#103b39);margin:45px 0 24px}
.doc-cta h2{margin-top:0}.doc-cta p{color:var(--muted);line-height:1.7}
.doc-disclaimer{font-size:14px!important}
@media(max-width:800px){.doc-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-hero-grid{grid-template-columns:1fr}.doc-hero-image img{max-width:250px}}
@media(max-width:560px){.doc-type-grid,.doc-steps{grid-template-columns:1fr}.doc-hero{padding-top:38px}}