:root{--bg:#080d1a;--panel:#111b31;--panel2:#15213b;--text:#f4f7ff;--muted:#a9b4cc;--accent:#65d7ff;--success:#75e7bd;--line:#263553;--max:1120px;--shadow:0 24px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,rgba(101,215,255,.12),transparent 32%),linear-gradient(180deg,var(--bg),#0a1121);color:var(--text);line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(100% - 40px,var(--max));margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(8,13,26,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:24px}.brand{font-weight:800;color:var(--text)}.links,.footer-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a,.footer-links a{color:var(--muted);font-size:.94rem}.links a:hover,.links a[aria-current=page]{color:var(--text)}.hero{padding:104px 0 84px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-size:.76rem;font-weight:800}h1{font-size:clamp(2.8rem,7vw,5.5rem);line-height:.98;margin:.3em 0;letter-spacing:-.055em}h2{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.12;margin:.35rem 0 1rem;letter-spacing:-.03em}h3{font-size:1.08rem;line-height:1.3;margin:0 0 .55rem}.lead{font-size:1.19rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:11px;font-weight:800;border:1px solid transparent}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{color:#06101c;background:linear-gradient(135deg,var(--accent),#9be6ff)}.button-secondary{color:var(--text);border-color:var(--line)}.button-disabled{color:#7f8ca7;background:#1a2438;border-color:var(--line);cursor:not-allowed}.button-disabled:hover{transform:none}.microcopy{font-size:.86rem;color:#7f8ca7}.hero-panel,.dashboard-card,.feature-card,.step,.contact-card{background:linear-gradient(145deg,#15213bea,#0d1629ea);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-panel{border-radius:22px;padding:22px}.panel-topline,.meta-row,.progress-row,.progress-labels,.integration-status,.dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-topline{color:var(--muted);font-size:.84rem;margin-bottom:18px}.status-dot{color:var(--success)}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--success);border-radius:50%;margin-right:7px}.draft-preview{background:#0a1222;border:1px solid #22304a;border-radius:15px;padding:20px}.draft-label{display:block;color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.draft-preview strong{display:block;margin:9px 0 32px}.meta-row{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.progress-row{margin:24px 6px 4px}.progress-row>span:not(.progress-line){display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:.75rem}.progress-row .complete{background:var(--success);color:#071811}.progress-row .active{border-color:var(--accent);color:var(--accent)}.progress-line{height:1px;background:var(--line);flex:1}.progress-labels{font-size:.74rem;color:var(--muted)}.section{padding:64px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-heading p,.step p,.feature-card p,.integration-card p,.dashboard-card p,.policy p,.policy li{color:#cbd3e5}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;border-radius:18px;padding:26px;min-height:210px}.step:not(:last-child):after{content:"→";position:absolute;right:-15px;top:50%;z-index:2;color:var(--accent)}.step-number,.feature-card>span{display:inline-block;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.1em;margin-bottom:34px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.feature-card{border-radius:16px;padding:22px;box-shadow:none}.feature-card p{font-size:.91rem;margin:0}.integration-card{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding:42px;border:1px solid #65d7ff47;border-radius:24px;background:linear-gradient(135deg,#65d7ff14,#8b7cff14)}.integration-status{background:#0b1324;border:1px solid var(--line);border-radius:16px;padding:18px}.platform-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f5f7fb;color:#0a0c12;font-weight:900}.integration-status div,.account-identity div{display:flex;flex-direction:column;margin-right:auto}.integration-status small,.account-identity small{color:var(--muted)}.badge{font-size:.74rem;padding:5px 9px;border-radius:999px;color:#ffd89b;background:#ffbd591a;border:1px solid #ffbd5947;white-space:nowrap}.contact-section{padding-bottom:100px}.contact-card{border-radius:20px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-card h2{margin-bottom:0}.contact-link{font-size:1.08rem;font-weight:800}footer{border-top:1px solid var(--line);padding:38px 0 46px;color:var(--muted)}.footer-row{display:grid;grid-template-columns:1fr auto;gap:24px}.footer-row>p{grid-column:1/-1;margin:0}.footer-row div>p{margin:.4rem 0}.policy{max-width:850px;padding:64px 0 86px}.policy h1{font-size:clamp(2.7rem,6vw,4.5rem)}.policy h2{font-size:1.55rem;margin-top:2.4rem}.policy .muted{color:var(--muted)}.policy-contact{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.app-shell{padding:66px 0 96px}.app-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.app-heading h1{font-size:clamp(2.4rem,6vw,4.2rem);margin-bottom:0}.app-label{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.dashboard-card{border-radius:20px;padding:26px}.dashboard-card-wide{grid-row:span 2}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.card-title h2{font-size:1.35rem;margin:0}.dashboard-row{padding:18px;background:#0b1324;border:1px solid var(--line);border-radius:15px}.account-identity{display:flex;align-items:center;gap:13px}.oauth-note{margin-top:16px;padding:14px;border-left:3px solid var(--accent);background:#65d7ff0e;font-size:.9rem}.dashboard-steps{list-style:none;padding:0;margin:0}.dashboard-steps li{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.dashboard-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--panel2);color:var(--accent);font-weight:800}.dashboard-contact{margin-top:20px}@media(max-width:900px){.hero-grid,.integration-card,.dashboard-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card-wide{grid-row:auto}}@media(max-width:680px){.wrap{width:min(100% - 28px,var(--max))}nav{align-items:flex-start;padding:15px 0;flex-direction:column}.links{gap:12px 16px}.hero{padding:58px 0}.workflow,.feature-grid{grid-template-columns:1fr}.step:not(:last-child):after{content:"↓";top:auto;right:50%;bottom:-17px}.section-heading,.contact-card,.app-heading{align-items:flex-start;flex-direction:column}.integration-card{padding:26px}.integration-status,.dashboard-row{align-items:flex-start;flex-wrap:wrap}.footer-row{grid-template-columns:1fr}.footer-row>p{grid-column:auto}}