:root{color-scheme:light;--background:#f7f7f4;--foreground:#181816;--muted:#696963;--line:#deded8;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#e8faf7;--ink:#111827;--lime:#c8f45d;--panel:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{border-bottom:1px solid var(--line);background:rgba(247,247,244,.9)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-weight:750}.nav{display:flex;gap:20px;color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:48px;gap:48px;align-items:center;padding:72px 0}.hero h1{max-width:760px;margin:0;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:0}.hero p{max-width:620px;color:var(--muted);font-size:19px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:0 16px;background:var(--panel);font-weight:650}.button.primary{border-color:var(--accent);background:var(--accent);color:white}.auth-button{width:100%}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:center;max-width:520px;margin:18px 0;color:var(--muted);font-size:13px;font-weight:650}.auth-divider:after,.auth-divider:before{height:1px;background:var(--line);content:""}.code-panel,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 12px 30px rgba(24,24,22,.06)}.code-panel{overflow:hidden}.code-panel-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 14px;color:var(--muted);font-size:13px}pre{margin:0;overflow:auto;padding:18px;font-size:13px;line-height:1.7}.section{padding:56px 0}.section h2{margin:0 0 20px;font-size:30px}.grid,.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.summary-row{margin-bottom:24px}.panel{padding:20px}.panel h3{margin:0 0 8px}.muted,.panel p{color:var(--muted);line-height:1.55}.dashboard{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:relative;border-right:1px solid var(--line);background:#ffffff;padding:24px}.sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.sidebar a{border-radius:8px;color:var(--muted);padding:10px 12px}.sidebar a:first-child{background:#eef7f5;color:var(--accent-strong)}.sidebar-footer{position:absolute;right:24px;bottom:24px;left:24px;display:grid;grid-gap:10px;gap:10px}.sidebar-footer p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.content{padding:32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.form-stack{display:grid;grid-gap:16px;gap:16px;max-width:520px}label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:14px;font-weight:650}input{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--foreground);font:inherit}.table td,.table th{border-bottom:1px solid var(--line);padding:14px;text-align:left}.table th{color:var(--muted);font-size:13px;font-weight:650}.submission-list{display:grid;grid-gap:14px;gap:14px}.submission-item{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.submission-item-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px}.submission-item-head h2{margin:0 0 6px;font-size:18px}.submission-item-head p{margin:0}.submission-meta{display:grid;grid-gap:6px;gap:6px;justify-items:end;color:var(--muted);font-size:13px;white-space:nowrap}.payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0;margin:0}.payload-grid div{border-bottom:1px solid var(--line);padding:14px 16px}.payload-grid div:nth-last-child(-n+2){border-bottom:0}.payload-grid dt{margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:700}.payload-grid dd{margin:0;overflow-wrap:anywhere;line-height:1.45}.marketing-page{min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(15,118,110,.055),transparent 28%),radial-gradient(circle at 82% 38%,rgba(200,244,93,.12),transparent 26%),#fffefb;color:var(--ink)}.shell-wide{width:min(1320px,calc(100% - 64px));margin:0 auto}.marketing-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px}.marketing-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:32px;font-weight:850;letter-spacing:0}.brand-mark{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#0f766e,#10a99c);color:#ffffff;box-shadow:0 12px 24px rgba(15,118,110,.22)}.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.marketing-links{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:750}.nav-cta{min-height:42px;padding:0 24px}.hero-marketing{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(560px,1.14fr);grid-gap:64px;gap:64px;align-items:center;padding:56px 0 38px}.hero-copy h1{max-width:650px;margin:0;color:#111827;font-size:clamp(46px,5.7vw,72px);line-height:.98;letter-spacing:0}.hero-copy h1 span{color:#0f9f92}.hero-copy p{max-width:575px;margin:24px 0 0;color:#334155;font-size:19px;line-height:1.58}.button-large{min-width:170px;min-height:54px}.ghost-button{border-color:#0f9f92;color:#0f766e}.works-with{margin-top:70px}.works-with span{display:block;margin-bottom:13px;font-size:13px;font-weight:800}.works-with ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.works-with li{border:1px solid #d9e3e1;border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.72);color:#475569;font-size:13px}.hero-visual{display:grid;grid-gap:44px;gap:44px;min-width:0}.flow-row{display:grid;grid-template-columns:minmax(120px,1fr) 72px minmax(138px,1.08fr) 72px minmax(120px,1fr);align-items:center}.mini-card{position:relative;display:grid;min-height:154px;justify-items:center;grid-gap:9px;gap:9px;border:1px solid #dbe6e3;border-radius:13px;padding:28px 18px 20px;background:rgba(255,255,255,.88);box-shadow:0 18px 40px rgba(17,24,39,.08);text-align:center}.mini-card strong{font-size:15px}.mini-card span:not(.line-icon):not(.notification-badge){color:#64748b;font-size:13px}.mini-card-featured{border-color:rgba(15,159,146,.5);background:linear-gradient(180deg,#ffffff,#f1fffd)}.mini-icon{position:relative;display:grid;width:68px;height:68px;place-items:center}.notification-badge{position:absolute;top:4px;right:0;display:grid;width:26px;height:26px;place-items:center;border-radius:999px;background:var(--lime);color:#0f172a;font-size:12px;font-weight:900}.connector{height:1px;border-top:2px dashed rgba(15,159,146,.55)}.visual-grid{display:grid;grid-template-columns:minmax(380px,1.42fr) minmax(280px,1fr);grid-gap:46px;gap:46px;align-items:center}.bottom-cta,.code-window,.developer-preview,.faq-list,.feature-card,.mail-preview,.pricing-card,.step-card{border:1px solid #dbe6e3;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 20px 48px rgba(17,24,39,.075)}.window-head{display:flex;justify-content:space-between;border-bottom:1px solid #e4ebe9;padding:16px 20px;color:#475569;font-size:13px;font-weight:800}.code-window pre{color:#7c2d64;font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.mail-preview{padding:26px 28px}.mail-status{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-weight:850}.dot,.mail-status:before{display:inline-block;width:9px;height:9px;border-radius:999px;background:#4ade80;content:""}.mail-preview dl{display:grid;grid-gap:12px;gap:12px;margin:0}.mail-preview div{display:grid;grid-template-columns:90px 1fr;grid-gap:12px;gap:12px;border-bottom:1px solid #edf2f0;padding-bottom:11px}.mail-preview dd,.mail-preview dt{margin:0;color:#64748b;font-size:13px}.mail-preview dd{color:#0f172a}.compact-section{padding-top:36px;padding-bottom:36px}.center-heading{margin:0 0 26px;color:var(--ink);text-align:center;font-size:clamp(28px,2.7vw,34px);line-height:1.1}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:46px;gap:46px}.step-card{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center;padding:28px}.feature-card h3,.pricing-card h3,.step-card h3,.table-headline h3{margin:0}.developer-copy p,.feature-card p,.pricing-card p,.step-card p{margin:8px 0 0;color:#475569;line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.feature-card{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center;min-height:126px;padding:24px 28px}.developer-section{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:34px;gap:34px;align-items:center;padding:58px 0 34px}.bottom-cta h2,.developer-copy h2{margin:0;color:var(--ink);font-size:clamp(28px,3vw,36px);line-height:1.04}.developer-copy ul,.pricing-card ul{display:grid;grid-gap:12px;gap:12px;margin:22px 0 0;padding:0;list-style:none}.developer-copy li,.pricing-card li{position:relative;padding-left:24px;color:#334155}.developer-copy li:before,.pricing-card li:before{position:absolute;top:.25em;left:0;width:14px;height:14px;border-radius:50%;background:#0f9f92;content:""}.developer-copy li:after,.pricing-card li:after{position:absolute;top:calc(.25em + 3px);left:4px;width:5px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;content:"";transform:rotate(-45deg)}.developer-preview{display:grid;grid-template-columns:minmax(380px,1fr) minmax(340px,1fr);grid-gap:0;gap:0;overflow:hidden;padding:12px}.dark-code{overflow:hidden;border-radius:10px;background:#111827;color:#f8fafc}.code-tabs{display:flex;gap:32px;border-bottom:1px solid #263244;padding:17px 22px;color:#cbd5e1;font-size:13px;font-weight:750}.dark-code pre{color:#f0abfc;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.submission-table{display:grid;align-content:start;grid-gap:12px;gap:12px;padding:12px 22px 16px;min-width:0}.table-headline{display:flex;justify-content:space-between;gap:12px;align-items:center}.table-headline span{border:1px solid #dbe6e3;border-radius:6px;padding:7px 10px;color:#475569;font-size:12px;font-weight:800}.search-row{border:1px solid #dbe6e3;border-radius:8px;padding:10px 12px;color:#94a3b8;font-size:13px}.submission-row{display:grid;grid-template-columns:12px minmax(112px,.95fr) minmax(130px,1.1fr) 60px;grid-gap:10px;gap:10px;align-items:center;border-bottom:1px solid #edf2f0;padding:8px 0;color:#334155;font-size:13px}.submission-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submission-table a{margin-top:4px;color:#0f766e;font-size:13px;font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:28px;gap:28px;max-width:1120px;margin:0 auto}.pricing-card{display:grid;grid-gap:18px;gap:18px;padding:28px}.featured-plan{border-color:#0f9f92;background:linear-gradient(160deg,#ffffff 18%,#effffd)}.plan-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-title-row span{border-radius:999px;padding:5px 10px;background:var(--lime);color:#28500d;font-size:11px;font-weight:900}.plan-price{color:#334155}.plan-price span{color:#0f172a;font-size:34px;font-weight:900}.pricing-note{margin:18px 0 0;color:#64748b;text-align:center;font-size:13px}.faq-section{padding:10px 0 42px}.faq-list{overflow:hidden}.faq-row{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr) 24px;grid-gap:18px;gap:18px;align-items:center;border-bottom:1px solid #e4ebe9;padding:18px 26px}.faq-row:last-child{border-bottom:0}.faq-row h3{margin:0;font-size:15px;font-weight:850}.faq-row p{margin:0;color:#475569;line-height:1.45}.faq-row span{width:8px;height:8px;border-right:1.5px solid #0f172a;border-bottom:1.5px solid #0f172a;transform:rotate(45deg)}.bottom-cta{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:28px;padding:34px 46px;background:radial-gradient(circle at 85% 20%,rgba(15,159,146,.16),transparent 24%),linear-gradient(110deg,#effffd,#ffffff)}.bottom-cta p{margin:8px 0 0;color:#475569}.marketing-footer{display:grid;grid-template-columns:1.6fr repeat(3,1fr) auto;grid-gap:48px;gap:48px;padding:0 0 42px}.small-brand{font-size:24px}.small-brand .brand-mark{width:30px;height:30px;border-radius:8px;font-size:9px}.footer-column a,.marketing-footer p{color:#475569;line-height:1.45}.footer-column{display:grid;align-content:start;grid-gap:8px;gap:8px}.footer-column h3{margin:0 0 4px;font-size:14px}.copyright{white-space:nowrap}.line-icon{position:relative;display:inline-grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#e9fbf8;color:#0f9f92}.line-icon svg{width:31px;height:31px}.mini-card-featured .line-icon{border-radius:16px;background:linear-gradient(145deg,#0f766e,#10a99c);color:#ffffff}@media (max-width:800px){.dashboard,.grid,.hero,.payload-grid,.summary-row{grid-template-columns:1fr}.submission-item-head{display:grid}.submission-meta{justify-items:start}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:1050px){.developer-preview,.developer-section,.hero-marketing,.marketing-footer,.visual-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.works-with{margin-top:38px}}@media (max-width:860px){.shell-wide{width:min(100% - 32px,720px)}.marketing-nav{align-items:flex-start;padding:18px 0}.marketing-links{flex-wrap:wrap;justify-content:flex-end;gap:14px}.feature-grid,.flow-row,.pricing-grid,.step-grid{grid-template-columns:1fr}.connector{display:none}.mini-card{min-height:132px}.feature-card,.step-card{grid-template-columns:64px 1fr}.bottom-cta{display:grid;padding:28px}.marketing-footer{gap:24px}}@media (max-width:560px){.marketing-brand{font-size:26px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:22px;height:22px}.hero-marketing{grid-template-columns:1fr;padding-top:32px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:17px}.marketing-links{font-size:13px}.nav-cta{width:100%}.developer-preview,.visual-grid{grid-template-columns:1fr}.code-window pre,.dark-code pre{font-size:12px}.submission-row{grid-template-columns:12px minmax(0,1fr)}.submission-row span:nth-child(n+4){display:none}.marketing-footer{grid-template-columns:1fr}.faq-row{grid-template-columns:1fr 18px}.faq-row p{grid-column:1/-1}}