:root{color-scheme:dark;--ground: #0B0D0E;--surface: #14181A;--raised: #1B2022;--line: rgba(233, 231, 220, .09);--line-strong: rgba(233, 231, 220, .18);--text: #E9E7DC;--muted: #8B9390;--mint: #87C9B5;--apricot: #D1633F;--blue: #215F9A;--serif: "Iowan Old Style", "New York", "Hoefler Text", Georgia, "Times New Roman", serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--max: 1240px}*{box-sizing:border-box}html{background:var(--ground);overflow-x:clip}body{margin:0;background:var(--ground);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}img{max-width:100%}.app-nav{position:fixed;inset:0 0 auto;z-index:100;height:56px;background:#0b0d0ebd;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.app-nav__inner{height:100%;width:min(var(--max),calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-nav__brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:-.01em}.app-nav__brand img{width:20px;height:20px;border-radius:5px}.app-nav__brand strong{color:var(--text);font-weight:650}.app-nav__links{display:flex;gap:26px}.app-nav__links a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:560;letter-spacing:.02em;transition:color .2s cubic-bezier(.2,.8,.2,1)}.app-nav__links a:hover{color:var(--text)}.atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 64% 40% at 18% 92%,rgba(135,201,181,.12),transparent 70%),radial-gradient(ellipse 66% 44% at 84% 98%,rgba(33,95,154,.16),transparent 72%),radial-gradient(ellipse 58% 36% at 62% 2%,rgba(33,95,154,.1),transparent 74%),var(--ground)}main{position:relative;z-index:1}.hero,.feature{width:min(var(--max),calc(100% - 40px));margin:0 auto}.hero{min-height:100svh;padding:92px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px 56px}.hero-copy{max-width:min(30rem,100%)}.brand-lockup{margin:0 0 26px;display:inline-flex;align-items:center;gap:11px;color:var(--text);font-family:var(--serif);font-size:24px;letter-spacing:-.02em}.brand-lockup img{width:28px;height:28px;border-radius:7px}.hero h1{margin:0;display:flex;flex-direction:column;font-family:var(--serif);font-size:clamp(50px,8vw,92px);font-weight:400;letter-spacing:-.035em;line-height:.96}.hero p{margin:30px 0 0;max-width:min(27rem,100%);color:var(--muted);font-size:17px;line-height:1.62}.hero-meta{margin:34px 0 0;display:flex;flex-wrap:wrap;gap:10px}.tag{padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.ipad{position:relative;padding:11px;border-radius:34px;background:#05070a;box-shadow:0 40px 90px #0009,inset 0 0 0 1px #e9e7dc1a}.ipad img{display:block;width:100%;height:auto;border-radius:24px}.ipad--lit:before{content:"";position:absolute;inset:-20% -26%;z-index:-1;background:radial-gradient(ellipse,rgba(135,201,181,.13),transparent 68%);pointer-events:none}.hero .ipad{width:clamp(250px,calc((100svh - 220px)*.75),430px)}.feature .ipad{width:400px}.feature{padding:116px 0 128px;border-top:1px solid var(--line)}.feature h2{margin:0;text-align:center;font-family:var(--serif);font-size:clamp(34px,4.8vw,62px);font-weight:400;letter-spacing:-.03em;line-height:1.04}.feature>p{margin:24px auto 0;max-width:min(40rem,100%);text-align:center;color:var(--muted);font-size:16px;line-height:1.68}.feature-graphic{margin:68px auto 0;width:min(1000px,100%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:52px}.trio{margin:72px auto 0;width:min(1000px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.trio>div{padding:30px 28px 34px;background:var(--ground)}.trio h3{margin:0 0 12px;font-size:15px;font-weight:620;letter-spacing:-.01em}.trio p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}.swatches{display:flex;gap:9px;margin-bottom:18px}.swatches i{width:20px;height:20px;border-radius:50%;display:block}.app-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:34px 0}.app-footer__inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px;font-weight:520}.app-footer__links{display:flex;gap:22px}.app-footer__links a{text-decoration:none}.app-footer__links a:hover{color:var(--text)}.doc-page{position:relative;z-index:1;padding:112px 0 90px}.doc-shell{width:min(760px,calc(100% - 40px));margin:0 auto}.doc-brand{display:flex;align-items:center;gap:14px;margin-bottom:44px}.doc-brand img{width:42px;height:42px;border-radius:10px}.doc-brand span{font-family:var(--serif);font-size:25px;letter-spacing:-.02em}.doc-page h1{margin:0 0 44px;font-family:var(--serif);font-size:clamp(40px,6.4vw,60px);font-weight:400;letter-spacing:-.032em}.doc-page h2{margin:46px 0 14px;font-size:21px;font-weight:620;letter-spacing:-.02em}.doc-page p,.doc-page li{color:#c2c4bc;font-size:16px;line-height:1.72}.doc-page li{margin-bottom:8px}.doc-page a{color:var(--mint)}.doc-note{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;color:var(--muted);font-size:14px}.manual-page{padding-bottom:108px}.manual-shell{width:min(960px,calc(100% - 40px));margin:0 auto}.manual-page .doc-brand{margin-bottom:32px}.manual-page h1{margin-bottom:22px}.manual-lede{margin:0 0 58px;max-width:min(42rem,100%);color:var(--muted);font-size:16px;line-height:1.7}.manual-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:52px;align-items:center;padding:44px 0 62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manual-overview h2,.manual-card h2{margin:0 0 13px}.manual-overview p,.manual-card p{margin:0}.manual-overview p+p{margin-top:13px}.manual-overview .ipad{width:250px}.manual-section-title{margin:74px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}.manual-card{min-height:226px;padding:32px;background:var(--ground);display:flex;flex-direction:column;justify-content:space-between;gap:26px}.manual-token{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.manual-chip{padding:7px 12px;border:1px solid var(--line-strong);border-radius:9px;color:var(--muted);font-size:13px;font-weight:560}.manual-chip--on{border-color:#87c9b58c;color:var(--mint)}.manual-rail{display:inline-flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface)}.manual-rail b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--text);font-size:15px;font-weight:500}.manual-rail b.on{background:#87c9b524;color:var(--mint)}.manual-width{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;color:var(--muted)}.manual-width i{display:block;width:46px;border-radius:999px;background:var(--text)}.manual-page-count{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:13px;font-family:var(--mono);font-size:13px;color:var(--muted)}.manual-note{margin-top:50px}@media(max-width:560px){.app-nav__inner{gap:12px}.app-nav__brand{font-size:13px;min-width:0}.app-nav__links{gap:16px}.brand-lockup{font-size:21px}.app-footer__links{gap:16px;flex-wrap:wrap}.trio>div{padding:26px 22px 30px}.manual-card{padding:26px 22px;min-height:0}.doc-page{padding-top:96px}}@media(max-width:900px){.hero{min-height:0;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding-top:100px}.hero-copy{margin-inline:auto}.hero h1{align-items:center}.hero p{margin-inline:auto}.hero-meta{justify-content:center}.hero .ipad,.feature .ipad{width:min(360px,84vw)}.feature{padding:84px 0 92px}.feature-graphic{gap:38px}.trio{grid-template-columns:minmax(0,1fr)}.manual-overview{grid-template-columns:minmax(0,1fr);justify-items:start}.manual-overview .ipad{width:min(300px,78vw)}.manual-grid{grid-template-columns:minmax(0,1fr)}.app-footer__inner{flex-direction:column;align-items:flex-start}}
