
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:#050607;color:#f7f9fb;font-family:'IBM Plex Sans',system-ui,sans-serif}a{color:#65d7e6}a:focus-visible{outline:2px solid #65d7e6;outline-offset:3px;border-radius:4px}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:700 19px 'Space Grotesk',sans-serif}.brand img{width:32px;height:32px;object-fit:contain}.nav-right{display:flex;align-items:center;gap:26px}.nav-link{color:#b5c9d2;text-decoration:none;font-size:14px}.pill,.btn{border:1px solid #29404b;border-radius:10px;padding:12px 18px}.pill{font:12px 'IBM Plex Mono',monospace;color:#fff;text-decoration:none}.hero{text-align:center;padding:92px 0 70px}.eyebrow{color:#4c87ff;font:700 12px 'IBM Plex Mono',monospace;letter-spacing:2.2px}.hero h1{font:600 64px/1.03 'Space Grotesk',sans-serif;max-width:900px;margin:20px auto}.hero p,.lede{max-width:790px;margin:0 auto;color:#abc1cb;font-size:18px;line-height:1.65}.actions{margin-top:32px;display:flex;justify-content:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:650}.primary{background:#2962ff;border-color:#2962ff}.primary:hover{background:#1f4ecc}.micro{margin-top:18px;color:#6d9bac;font:12px 'IBM Plex Mono',monospace}.product{border:1px solid #23343d;border-radius:22px;background:#0b1216;padding:18px;box-shadow:0 35px 90px #000}.app{height:440px;border-radius:14px;border:1px solid #1d3039;background:#081014;display:grid;grid-template-columns:180px 1fr;overflow:hidden}.sidebar{border-right:1px solid #1c2d35;padding:24px}.sideitem{height:12px;border-radius:6px;background:#243740;margin:20px 0}.sideitem:nth-child(2){background:#2962ff}.dash{padding:28px}.dash h3{margin:0 0 22px}.radials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.radial{height:160px;background:#101c21;border:1px solid #263941;border-radius:16px;padding:18px}.radial b{font-size:13px}.fake{height:8px;background:#29404a;border-radius:4px;margin-top:16px;width:75%}.fake.short{width:45%}section{padding:88px 0}.center{text-align:center}.section-title{font:600 38px/1.15 'Space Grotesk',sans-serif;margin:0 0 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{background:#0d1519;border:1px solid #23343d;border-radius:16px;padding:28px}.card h3{margin:10px 0;font-family:'Space Grotesk',sans-serif}.card p{color:#9fb6c0;line-height:1.6;font-size:14px}.num{color:#4d87ff;font:12px 'IBM Plex Mono',monospace}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.service{padding:24px;background:#0b1317;border:1px solid #203039;border-radius:14px}.service small{color:#86a8b7}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.identity{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.avatar{aspect-ratio:1;border-radius:18px;border:1px solid #31434c;background:#1c3150;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800}.avatar:nth-child(2){background:#284e37}.avatar:nth-child(3){background:#48213c}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.price{padding:30px;background:#0e171b;border:1px solid #263b45;border-radius:16px}.price strong{font-size:34px}.price ul{padding-left:18px;color:#adc1ca;line-height:2}.faq{max-width:900px;margin:38px auto 0}.q{padding:22px 0;border-bottom:1px solid #22323a}.q b{display:block;margin-bottom:8px}.q span{color:#9fb6c0;line-height:1.6}.final{border:1px solid #25404b;border-radius:24px;padding:70px 30px;text-align:center;background:#0d171c}.final h2{font:600 42px 'Space Grotesk',sans-serif;margin:0 0 14px}.footer{padding:54px 0;color:#6f929f;font-size:13px;display:flex;justify-content:space-between;gap:24px}.footer a{color:#8caab7;text-decoration:none;margin-left:18px}.doc{max-width:920px;margin:0 auto;padding:70px 0 110px}.doc h1{font:600 48px 'Space Grotesk',sans-serif;margin:12px 0 14px}.doc h2{font:600 24px 'Space Grotesk',sans-serif;margin-top:42px}.doc p,.doc li{color:#b3c5cd;line-height:1.75}.doc .updated{font:12px 'IBM Plex Mono',monospace;color:#6f929f}.statusbox{margin-top:30px;padding:24px;border:1px solid #29404b;border-radius:16px;background:#0d171c}.statusdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#65d7e6;margin-right:8px}.notice{padding:16px 18px;border-left:3px solid #2962ff;background:#0d1519;color:#a9bec8}.docnav{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.docnav a{color:#9fb6c0;text-decoration:none;border:1px solid #263941;border-radius:9px;padding:9px 12px}
@media(max-width:800px){.wrap{width:min(100% - 32px,1280px)}.nav{height:auto;padding:18px 0}.nav-link{display:none}.hero{padding-top:58px}.hero h1{font-size:43px}.grid3,.pricing,.services,.split{grid-template-columns:1fr}.app{grid-template-columns:1fr;height:auto}.sidebar{display:none}.dash{padding:18px}.radials{grid-template-columns:1fr 1fr}.product{padding:9px}.footer{flex-direction:column}.footer a{margin:0 14px 0 0}.doc h1{font-size:38px}}@media(max-width:520px){.actions{flex-direction:column}.radials{grid-template-columns:1fr}.radial{height:120px}}

/* homepage v3 additions */
section.tight{padding-top:20px}
.center .lede{margin-left:auto;margin-right:auto}.lede.left{margin:0 0 16px;max-width:560px}.left{text-align:left}
.caption{text-align:center;color:#6f929f;font-size:13px;margin:16px 0 0}
.sb-brand{display:flex;align-items:center;gap:8px;font:700 14px 'Space Grotesk',sans-serif;margin-bottom:18px}.sb-brand img{width:22px;height:22px}
.sb-item{font-size:13px;color:#8caab7;padding:9px 10px;border-radius:8px;margin:2px 0}.sb-item.on{background:#162833;color:#fff}
.radial p{margin:10px 0 4px;color:#8fa9b4;font-size:12.5px;line-height:1.5}.radial.hot{border-color:#2962ff}
.fake{margin-top:12px}
.card.big{padding:36px}.card-title{font:600 30px/1.2 'Space Grotesk',sans-serif;margin:12px 0}
.chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid #2a404a;background:#0b1317;border-radius:999px;padding:8px 14px;font-size:13px;color:#d3e1e7}
.chips em{font-style:normal;font:11px 'IBM Plex Mono',monospace;color:#65d7e6;margin-left:6px}
.checks{list-style:none;padding:0;margin:0 0 18px}.checks li{color:#b3c5cd;line-height:1.6;padding:9px 0 9px 28px;position:relative;border-bottom:1px solid #1b2a31}
.checks li:before{content:"";position:absolute;left:4px;top:17px;width:10px;height:10px;border-radius:50%;background:#2962ff}
.textlink{color:#65d7e6;text-decoration:none;font-weight:600}.textlink:hover{text-decoration:underline}
.a1{background:#1c3150}.a2{background:#284e37}.a3{background:#48213c}
.plan-for{color:#9fb6c0;font-size:14px;margin:0 0 4px}
.namebox{margin-top:18px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center;border:1px solid #263b45;border-radius:16px;background:#0e171b;padding:30px}
.namebox h3{margin:0 0 8px;font-family:'Space Grotesk',sans-serif}.namebox p{margin:0;color:#9fb6c0;line-height:1.6;font-size:14px}
.names{display:grid;grid-template-columns:1fr 1fr;gap:10px}.names div{background:#0b1317;border:1px solid #203039;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.names span{font-size:12px;color:#86a8b7}.names b{font:600 20px 'Space Grotesk',sans-serif}
.fine{color:#7f9aa6;font-size:13px;line-height:1.6;max-width:760px;margin:20px auto 0}
.faq details{padding:20px 0;border-bottom:1px solid #22323a}.faq summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#65d7e6;font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}
.faq details p{color:#9fb6c0;line-height:1.7;margin:12px 0 0}.faq summary:focus-visible{outline:2px solid #65d7e6;outline-offset:4px;border-radius:4px}
.sitefoot{border-top:1px solid #1b2a31;margin-top:40px;padding:56px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.foot-brand p{color:#7f9aa6;font-size:14px;line-height:1.6;max-width:300px;margin:14px 0 0}
.sitefoot h4{margin:0 0 14px;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:1.6px;color:#6f929f;text-transform:uppercase}
.sitefoot nav a{display:block;color:#b5c9d2;text-decoration:none;font-size:14px;padding:5px 0}.sitefoot nav a:hover{color:#fff}
.foot-base{margin-top:40px;padding-top:22px;border-top:1px solid #1b2a31;color:#6f929f;font-size:13px}
@media(max-width:800px){.namebox{grid-template-columns:1fr;gap:20px}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.card.big{padding:24px}.card-title{font-size:24px}.section-title{font-size:30px}.final h2{font-size:30px}section{padding:60px 0}}
@media(max-width:520px){.names{grid-template-columns:1fr}}

.style-tile{margin:0;display:flex;flex-direction:column;gap:10px}.style-tile>svg{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:18px;border:1px solid #31434c;overflow:hidden}.style-tile figcaption{color:#abc1cb;font:600 13px 'IBM Plex Mono',monospace;letter-spacing:.4px;text-align:center}
