:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f7fa;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:76px;padding:0 6%;display:flex;position:sticky;top:0}.brand{color:#142033;letter-spacing:.08em;background:0 0;border:0;font-size:20px;font-weight:900}.brand span{color:#2678d9}nav{align-items:center;gap:28px;display:flex}nav a{color:#617083;font-size:14px;text-decoration:none}.nav-button{color:#243247;background:#fff;border:1px solid #dce2e9;border-radius:9px;padding:10px 16px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;max-width:1380px;margin:auto;padding:100px 6% 90px;display:grid}.eyebrow{color:#2678d9;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:850}.eyebrow.small{margin-top:22px;font-size:9px}.hero h1{letter-spacing:-.055em;margin:20px 0 25px;font-size:clamp(48px,6vw,76px);line-height:.98}.hero h1 span{color:#2678d9}.hero p{color:#657488;max-width:690px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:13px 20px;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:#2678d9;box-shadow:0 8px 24px #2678d933}.button.secondary{color:#243247;background:#fff;border-color:#d9e0e8}.button.full{width:100%}.button:disabled{opacity:.6;cursor:wait}.trust{color:#718093;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:12px;display:flex}.ecosystem{background:radial-gradient(circle,#e8f2ff 0,#f8fbff 38%,#fff 72%);border:1px solid #dfe6ee;border-radius:28px;place-items:center;min-height:440px;display:grid;position:relative;box-shadow:0 30px 80px #1d365417}.core-circle{color:#fff;letter-spacing:.08em;background:#17263b;border-radius:50%;align-content:center;place-items:center;width:150px;height:150px;font-size:20px;font-weight:900;display:grid;box-shadow:0 20px 60px #17263b38}.core-circle small{color:#71adf0;letter-spacing:.28em;font-size:9px}.orbit-item{color:#3a4a5f;background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:10px 15px;font-size:10px;font-weight:850;position:absolute;box-shadow:0 10px 25px #1e365014}.orbit-item.a{top:65px;left:22%}.orbit-item.b{top:30%;right:12%}.orbit-item.c{bottom:20%;right:14%}.orbit-item.d{bottom:50px;left:28%}.orbit-item.e{top:18%;left:48%}.orbit-item.f{bottom:30%;left:10%}section{max-width:1380px;margin:auto;padding:85px 6%}.section-title{margin-bottom:35px}.section-title.centered{text-align:center;max-width:800px;margin:0 auto 45px}.section-title h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(32px,4vw,48px)}.section-title p{color:#6d7b8c;line-height:1.7}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.product-card{background:#fff;border:1px solid #e0e6ed;border-radius:18px;padding:27px;transition:all .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #20364e17}.product-card-head,.workspace-card-top{justify-content:space-between;align-items:center;display:flex}.product-logo,.mini-logo{color:#2678d9;background:#eaf3ff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:12px;font-weight:900;display:grid}.product-card h3{margin:9px 0;font-size:22px}.product-card p{color:#718093;min-height:80px;line-height:1.65}.link-button{color:#2678d9;background:0 0;border:0;padding:0;font-weight:800}.badge,.status{color:#2678d9;background:#edf5ff;border-radius:999px;align-items:center;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.badge.active,.status.active{color:#16824b;background:#e8f8ef}.badge.trial,.status.trial{color:#a66d00;background:#fff6df}.badge.inactive{color:#697789;background:#f0f2f5}.badge.coming,.status.coming{color:#6650a9;background:#f0eefb}.workspace{color:#fff;background:#17263b;max-width:none;padding-left:max(6%,50% - 690px);padding-right:max(6%,50% - 690px)}.workspace-head{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.workspace-head h2{margin:10px 0 4px;font-size:38px}.workspace-head p{color:#9eb0c5;margin:0}.workspace-summary{text-align:center;background:#1d3048;border:1px solid #34475e;border-radius:14px;padding:18px 25px}.workspace-summary strong{font-size:28px;display:block}.workspace-summary span{color:#9eb0c5;font-size:11px}.workspace-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.workspace-card{color:#1d2a3a;background:#fff;border-radius:16px;padding:22px}.workspace-card h3{margin:20px 0 7px;font-size:20px}.workspace-card p{color:#738093;min-height:65px;font-size:13px;line-height:1.6}.workspace-actions{margin-top:20px}.integration{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.integration h2{letter-spacing:-.04em;font-size:44px}.integration p{color:#69788a;line-height:1.7}.integration-flow{background:#fff;border:1px solid #dfe6ed;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.integration-flow div,.integration-flow strong{color:#2e4056;background:#f2f6fb;border-radius:10px;padding:13px 17px;font-size:11px}.integration-flow strong{color:#fff;background:#17263b}.integration-flow span{color:#2678d9;font-weight:900}.cta{text-align:center;background:#eaf3ff;max-width:none;padding-top:100px;padding-bottom:100px}.cta h2{letter-spacing:-.04em;max-width:800px;margin:15px auto;font-size:48px}.cta p{color:#657488;margin-bottom:28px}footer{color:#fff;background:#101c2c;justify-content:space-between;gap:20px;padding:35px 6%;display:flex}footer span{color:#8394aa;font-size:12px}.detail-page{background:#f5f7fa}.back{color:#2678d9;background:0 0;border:0;margin:30px 6%;font-weight:800}.detail-hero{grid-template-columns:1fr 400px;align-items:center;gap:70px;max-width:1380px;margin:auto;padding:45px 6% 90px;display:grid}.detail-hero h1{letter-spacing:-.05em;margin:12px 0;font-size:62px}.detail-hero h2{font-size:26px;line-height:1.35}.detail-hero p{color:#69788a;max-width:700px;line-height:1.75}.product-visual{color:#fff;background:#17263b;border-radius:25px;align-content:center;place-items:center;height:330px;display:grid;box-shadow:0 30px 70px #17263b33}.visual-logo{background:#2678d9;border-radius:30px;place-items:center;width:120px;height:120px;margin-bottom:20px;font-size:20px;font-weight:900;display:grid}.product-visual span{color:#7db7f2;letter-spacing:.18em;font-size:10px}.product-visual strong{margin-top:7px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.feature{background:#fff;border:1px solid #e0e6ed;border-radius:14px;gap:14px;padding:20px;display:flex}.feature>span{color:#16824b;background:#e8f8ef;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.feature strong{font-size:14px}.feature p{color:#748195;margin:5px 0 0;font-size:12px;line-height:1.5}.plans{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.plan{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:30px;position:relative}.plan.recommended{border:2px solid #2678d9}.recommended-label{color:#fff;background:#2678d9;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:900;position:absolute;top:-12px;left:25px}.plan h3{font-size:20px}.price{color:#17263b;font-size:38px;font-weight:900}.price small{color:#78879a;font-size:12px;font-weight:600}.plan p{color:#718093;margin-bottom:20px;font-size:12px}.plan .button{margin-top:10px}.modal-backdrop{z-index:100;background:#0b1420a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:20px;width:min(500px,100%);padding:38px;position:relative;box-shadow:0 30px 100px #0000004d}.auth-modal h2{margin:10px 0 25px;font-size:30px}.auth-modal input{border:1px solid #d9e0e8;border-radius:9px;outline:none;width:100%;margin-bottom:10px;padding:13px 14px}.auth-modal input:focus{border-color:#2678d9}.modal-close{color:#68778a;background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:18px}.auth-message{color:#536376;background:#f1f5f9;border-radius:9px;margin-top:15px;padding:12px;font-size:12px}.toast{z-index:150;color:#fff;background:#17263b;border-radius:12px;align-items:center;gap:15px;max-width:450px;padding:15px 18px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 20px 50px #00000040}.toast button{color:#fff;background:0 0;border:0;font-size:18px}@media (width<=950px){.hero,.detail-hero,.integration{grid-template-columns:1fr}.product-grid,.workspace-grid,.plans{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.ecosystem{min-height:350px}}@media (width<=650px){header{padding:0 18px}nav{gap:10px}nav a{display:none}.hero{padding:65px 18px}section{padding:60px 18px}.product-grid,.workspace-grid,.plans{grid-template-columns:1fr}.workspace{padding-left:18px;padding-right:18px}.workspace-head{flex-direction:column;align-items:flex-start}.detail-hero h1{font-size:45px}.cta h2,.integration h2{font-size:34px}footer{flex-direction:column}}