:root{--bg:#090e17;--ink:#ecf4fc;--muted:#9eafbf;--card:#121d2c;--border:#29394b;--blue:#73bcff;--green:#81e8be;--violet:#b6a2ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--bg);overflow-x:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;height:900px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 54% 2%,#16375f8c,transparent 65%),linear-gradient(transparent 97%,#ffffff04 98%) 0 0/100% 42px}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}p{line-height:1.75}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.05em}h2{font-size:clamp(39px,5vw,64px);line-height:1.13;margin:15px 0 21px}h2 em{font-style:normal;color:var(--blue)}.container{max-width:1200px;padding:0 28px;margin:0 auto}.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:99}.skip:focus{left:10px}
.site-header{position:sticky;top:0;z-index:30;background:#0b1220ee;backdrop-filter:blur(20px);border-bottom:1px solid #fff1}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-.065em;font-weight:700;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brandmark{width:37px;height:37px;display:grid;place-items:center;border:1px solid #89e1e7;border-radius:11px;background:linear-gradient(140deg,#173551,#376ea5);font-size:23px;position:relative;box-shadow:0 0 24px #4aa3ff3a}.branddot{width:5px;height:5px;background:#8cf5cc;border-radius:50%;position:absolute;right:6px;top:6px}.brand-period{color:#7bdbdb}.nav{display:flex;align-items:center;gap:28px}.nav a,.header-action{font-size:13px;color:#aebfd0;font-weight:700;transition:color .2s}.nav a:hover,.header-action:hover{color:#fff}.header-action{padding:11px 16px;border-radius:99px;border:1px solid #42546d;color:#e4f5ff}.menu-toggle{display:none;border:0;color:#fff;background:transparent;font-size:24px}.mobile-nav{display:none}
.hero{padding-top:94px;text-align:center}.hero-copy{max-width:920px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#122b3b;border:1px solid #2d5c73;color:#8ed9ec;padding:10px 16px;border-radius:100px;letter-spacing:.12em;font-size:11px;font-weight:700}.eyebrow.static{border:0;border-radius:0;background:none;padding:0;color:var(--blue);letter-spacing:.13em}.live-dot,.green-pulse{display:inline-block;width:8px;height:8px;background:#71eac6;border-radius:50%;box-shadow:0 0 12px #67ffce79;flex-shrink:0}.hero h1{font-size:clamp(54px,7vw,96px);line-height:1.08;letter-spacing:-.072em;margin:26px 0 21px}.hero h1 span{background:linear-gradient(100deg,#75e9dd,#6b9eff 65%,#b6a2ff);background-clip:text;color:transparent}.hero-copy>p{max-width:730px;margin:0 auto;color:#afc1d4;font-size:18px;line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:29px 0 25px}.button{border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 24px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#80c2ff;color:#071321;box-shadow:0 12px 35px #378deb35}.button-ghost{background:#16263b;border:1px solid #34516d}.hero-facts{display:flex;align-items:center;justify-content:center;gap:24px;color:#93a7ba;font-size:12px}.hero-facts b{color:#79c2ff;font-family:"Space Grotesk";margin-right:7px}
.showcase{margin:59px auto 0;max-width:1060px;border:1px solid #3a536b;border-radius:18px;background:#0e1828;box-shadow:0 40px 90px #0008,0 0 75px #3379c51a;text-align:left;overflow:hidden}.showcase-top{height:45px;padding:0 19px;background:#192637;border-bottom:1px solid #304257;display:flex;align-items:center;justify-content:space-between;color:#7f94a9;font-size:10px;letter-spacing:.1em}.window-dots{display:flex;gap:7px}.window-dots i{width:8px;height:8px;border-radius:100%;background:#596c80}.showcase-body{display:grid;grid-template-columns:200px 1fr;min-height:350px}.showcase-side{border-right:1px solid #29394a;padding:23px 13px;background:#101b2c;display:flex;flex-direction:column}.side-label{font-size:10px;color:#71859c;letter-spacing:.12em;padding:0 11px 17px}.side-mode{border:1px solid transparent;background:transparent;color:#9bafc3;text-align:left;padding:13px 14px;border-radius:9px;margin-bottom:5px}.side-mode span{display:inline-block;width:23px;color:#85b4cf}.side-mode.selected{border-color:#3a5e80;background:#1c3550;color:#a9dcff}.side-bottom{margin-top:auto;padding:15px 8px 0;color:#5e928e;font-size:10px;letter-spacing:.1em}.side-bottom .green-pulse{margin-right:6px}.showcase-content{padding:30px 32px 28px}.demo-heading{display:flex;align-items:center;justify-content:space-between}.demo-heading small{color:#82b8ea;letter-spacing:.14em;font-size:10px}.demo-heading h3{font-size:24px;margin:8px 0 0}.demo-label{font-size:10px;border:1px solid #415d72;border-radius:30px;color:#91aabb;padding:7px 10px}.demo-subtitle{font-size:13px;margin:10px 0 20px;color:#8fa5bb}.demo-rows{display:grid;gap:8px}.demo-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:15px;background:#14263a;border:1px solid #2d4257;border-radius:9px;padding:12px 16px;font-size:13px}.demo-row.active{border-color:#4e84b6;background:#1a344e}.demo-row .index{font-family:monospace;color:#81c7ff}.demo-row .done{color:#7fe7bd}.demo-row .working{color:#8ac4ff}.demo-row .queued{color:#8093aa}.demo-bottom{margin-top:21px}.progress-text{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#a8bacb;margin-bottom:9px}.progress-track{height:5px;background:#2c4255;border-radius:10px;overflow:hidden}.progress-fill{width:68%;height:100%;border-radius:10px;background:linear-gradient(90deg,#76e4c5,#76b8ff);transition:width .3s}.showcase-caption{font-size:11px;color:#778ba0;text-align:center;margin-top:13px}.hero-strip{margin:65px 0 0;padding:23px 0;border-top:1px solid #253443;border-bottom:1px solid #253443;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#94adc3;font-size:13px}
.section{padding:108px 0}.section-heading{max-width:700px;margin-bottom:42px}.section-heading>p,.section-heading.wide>p{font-size:16px;color:var(--muted);margin:0}.section-heading.wide{display:flex;align-items:end;justify-content:space-between;max-width:none;gap:55px}.section-heading.wide>p{max-width:390px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mode-card{min-height:325px;background:#142134;border:1px solid #30425b;border-radius:17px;padding:29px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.mode-card:hover{transform:translateY(-5px);border-color:#77b3e5}.wa-card{background:radial-gradient(circle at 100% 0%,#1c594a8a,transparent 55%),#132333}.fb-card{background:radial-gradient(circle at 100% 0%,#224a7a98,transparent 55%),#142238}.card-topline{display:flex;justify-content:space-between;color:#7e9db7;letter-spacing:.1em;font-size:10px;font-weight:700}.card-topline b{font-size:18px}.mode-icon{font-size:37px;color:#8bd4ff;margin-top:29px}.wa-card .mode-icon{color:#76e5bb}.mode-card h3{font-size:29px;margin:9px 0 8px}.mode-card p{color:#a6b8cc;font-size:14px;line-height:1.65;margin:0}.mode-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.mode-tags span{font-size:11px;padding:6px 9px;border-radius:5px;border:1px solid #3a536c;color:#a6c6dc}
.feature-section{background:#0e1726;border-block:1px solid #24344b}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px}.split-lead>p{color:var(--muted);font-size:16px;max-width:500px}.terminal{background:#08121f;border:1px solid #304456;border-radius:15px;overflow:hidden;margin-top:33px;box-shadow:0 20px 55px #0004}.terminal-head{padding:15px 21px;font-size:10px;letter-spacing:.1em;color:#83a9c9;border-bottom:1px solid #24384b}.terminal-led{display:inline-block;width:7px;height:7px;background:#71e8bb;border-radius:50%;margin-right:9px}.terminal-local{float:right;color:#74dfbc}.terminal-code{padding:20px 13px 23px;font-family:Consolas,monospace;color:#bdd5e9;font-size:13px;line-height:2.5}.line-no{color:#5e748b;display:inline-block;width:35px;text-align:center;margin-right:9px}.code-fn{color:#74e5c0}.code-value{color:#ffd49b}.code-comment{color:#718699}.feature-list{display:grid;align-content:center}.feature-list article{display:flex;gap:19px;padding:23px 0;border-bottom:1px solid #2b3a4e}.feature-list article:first-child{padding-top:0}.feature-list article>span{font:700 15px "Space Grotesk";color:#69b9f6}.feature-list h3{font-size:21px;margin:0 0 7px}.feature-list p{color:#a1b1c3;font-size:14px;margin:0;line-height:1.7}
.accent-green{color:#7be7bc!important}.accent-blue{color:#9bbfff!important}.wa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wide-card,.detail-card{border:1px solid #2d4155;border-radius:16px;padding:29px;background:#131f30;min-height:228px}.wide-card{grid-column:span 2}.gradient-green{background:radial-gradient(ellipse at 95% 0%,#205b4d80,transparent 65%),#142a32}.mini-eyebrow{color:#78d8bc;letter-spacing:.11em;font-size:10px;font-weight:700}.wa-grid h3{font-size:23px;margin:12px 0 10px}.wa-grid p{color:#acbccc;font-size:14px;line-height:1.7;margin:0}.browser-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:24px}.browser-chips span{padding:8px 10px;border:1px solid #397663;border-radius:7px;background:#193e3a;color:#b4efdc;font-size:11px}.browser-chips i{font-style:normal;color:#7be7bc}.card-symbol{font-size:28px;color:#90d2f9}.detail-card code{font-size:12px;color:#8ee3c5}.compact-card{grid-column:span 2;background:linear-gradient(120deg,#142438,#162c36)}.compact-card small{display:block;color:#7e91a5;margin-top:15px;font-size:11px}
.facebook-section{background:#0e1725;border-block:1px solid #223650}.fb-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}.schedule-card{border:1px solid #3e526e;border-radius:16px;background:#121f30;box-shadow:0 23px 60px #0003;overflow:hidden}.schedule-head{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid #314258;gap:12px}.schedule-head small{display:block;font-size:10px;letter-spacing:.13em;color:#7fb0d9;margin-bottom:7px}.schedule-head strong{font:600 23px "Space Grotesk"}.schedule-head>span{font-size:9px;color:#829cb6;border:1px solid #38546b;padding:7px;border-radius:20px}.schedule-table{display:grid;grid-template-columns:1.5fr repeat(3,1fr);margin:20px}.schedule-table>div{padding:16px 8px;text-align:center;border-bottom:1px solid #273b50;color:#91a8bd;font-size:12px}.schedule-table>div:nth-child(4n+1){text-align:left;color:#bdcfe0}.schedule-table>.grid-head{color:#6e93b4;font-size:9px;letter-spacing:.08em;font-weight:700}.schedule-table>.grid-check{color:#75e1b9;font-size:18px}.schedule-footer{color:#76d8bc;border-top:1px solid #30465c;padding:17px 23px;font-size:11px}.fb-points{display:grid;gap:21px}.fb-points b{font-family:"Space Grotesk";font-size:17px}.fb-points p{color:#a2b5c7;font-size:14px;margin:6px 0 0}.concurrency{display:flex;align-items:center;gap:23px;margin-top:46px;background:#15273b;border:1px solid #31516b;border-radius:12px;padding:21px 26px}.concurrency>span{font-size:30px;color:#7cd7ff}.concurrency p{font-size:14px;color:#9db5ca;margin:0}.concurrency b{color:#e2f3ff}
.catalogue-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.catalogue-tabs{display:flex;gap:7px;flex-wrap:wrap}.catalogue-tab{color:#9eb4c8;background:#111d2d;border:1px solid #2e4053;border-radius:10px;padding:11px 15px;font-weight:700;font-size:12px}.catalogue-tab.current{background:#79bfff;border-color:#79bfff;color:#081728}.catalogue-search{display:flex;align-items:center;gap:8px;background:#131f2e;color:#7aaad1;border:1px solid #33495d;border-radius:10px;padding:0 13px}.catalogue-search input{background:transparent;border:0;color:#edf6ff;outline:0;padding:12px 0;width:210px;font-size:13px}.catalogue-search input::placeholder{color:#788da3}.feature-count{font-size:12px;color:#7e95ac;margin:24px 0 15px}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.catalogue-item{background:#121e2e;border:1px solid #2a3b4f;border-radius:12px;padding:21px}.catalogue-item .item-cat{color:#79bced;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.catalogue-item h3{font-size:17px;letter-spacing:-.03em;margin:9px 0}.catalogue-item p{color:#96abbd;font-size:13px;line-height:1.65;margin:0}.catalogue-empty{border:1px dashed #4b647b;border-radius:12px;padding:25px;color:#a9bbcd;text-align:center}
.support-section{background:radial-gradient(ellipse at 80% 40%,#19334b80,transparent 57%),#0f1928;border-block:1px solid #253850}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.support-grid>div>p{color:#9eb1c4;line-height:1.8}.shortcuts{margin-top:35px;display:grid;gap:10px}.shortcuts>div{display:flex;align-items:center;gap:15px;color:#b0c3d5;font-size:13px}.shortcuts kbd{background:#1e344a;border:1px solid #487091;border-radius:8px;font-family:"Space Grotesk";font-size:12px;padding:10px;width:55px;text-align:center;color:#b5dcfa}.support-panel{border:1px solid #405570;background:#121f30;border-radius:15px;padding:28px}.panel-label{font-size:10px;letter-spacing:.12em;color:#75b4e5}.panel-row{display:flex;align-items:center;gap:10px;margin:22px 0 13px;font-size:14px}.panel-badge{margin-left:auto;font-size:9px;letter-spacing:.04em;color:#85dfbd;border:1px solid #44765f;border-radius:30px;padding:6px 8px}.panel-info{background:#102939;border-radius:9px;color:#9bb8c8;padding:14px;font-size:13px;line-height:1.6}.panel-separator{height:1px;background:#2c4055;margin:22px 0}.panel-item{display:flex;gap:15px;margin-bottom:19px}.panel-item>span{font-size:23px;color:#79c4ed;width:27px}.panel-item strong{font-size:14px}.panel-item p{font-size:12px;color:#8da7bb;line-height:1.55;margin:5px 0 0}.support-panel small{font-size:10px;color:#647e94}
.faq-section{max-width:930px}.faq-list{border-top:1px solid #314052}.faq-list details{border-bottom:1px solid #314052;padding:21px 2px}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;font:600 18px "Space Grotesk";letter-spacing:-.025em;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:#79c8ff}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#98afc5;font-size:14px;margin:13px 0 0;max-width:720px}
.closing{text-align:center;padding:105px 0;background:radial-gradient(ellipse at center top,#183959 0%,#0b1623 68%);border-top:1px solid #27475f}.closing h2{font-size:clamp(48px,6vw,80px)}.closing p{max-width:550px;color:#a3b8cb;margin:0 auto 23px}.release-pill{display:inline-flex;align-items:center;gap:11px;padding:13px 19px;background:#172e3c;border:1px solid #346079;border-radius:60px;color:#a6d0de;font-size:12px;margin:4px 0 30px}.closing .button{display:flex;max-width:190px;margin:auto}footer{border-top:1px solid #24384b;padding:29px 0;background:#0b111c}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.small-brand{font-size:20px}.small-brand .brandmark{width:29px;height:29px;font-size:17px;border-radius:8px}.small-brand .branddot{width:4px;height:4px;top:5px;right:5px}.footer-inner>div:nth-child(2){display:flex;flex-direction:column;gap:4px;color:#7e91a6;font-size:11px}.footer-links{display:flex;gap:18px;color:#a1b8ca;font-size:12px}
@media(max-width:1050px){.nav{gap:16px}.header-action{display:none}.split,.support-grid{gap:45px}.schedule-head>span{display:none}.wa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.nav{display:none}.header-action{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:grid;background:#101b29;padding:15px 28px;border-bottom:1px solid #293c4d}.mobile-nav a{padding:10px 0;color:#b6cce0;font-size:14px}.hero{padding-top:70px}.hero h1{font-size:clamp(47px,8vw,70px)}.showcase-body{grid-template-columns:160px 1fr}.showcase-content{padding:22px}.hero-strip{justify-content:center}.mode-cards{grid-template-columns:1fr}.mode-card{min-height:260px}.split,.fb-layout,.support-grid{grid-template-columns:1fr;gap:40px}.feature-list article:first-child{padding-top:20px}.section-heading.wide{display:block}.section-heading.wide>p{max-width:650px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.section{padding:76px 0}}@media(max-width:540px){.container{padding:0 19px}.topbar{min-height:65px}.brand{font-size:21px}.brandmark{width:33px;height:33px}.hero{padding-top:54px}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.hero-facts{gap:9px;flex-wrap:wrap}.hero-facts span{font-size:10px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.showcase{margin-top:35px;border-radius:11px}.showcase-body{display:block}.showcase-side{display:flex;flex-direction:row;padding:9px;gap:6px;border-right:0;border-bottom:1px solid #283b4c}.side-label,.side-bottom{display:none}.side-mode{font-size:11px;margin:0;padding:9px 8px;flex:1;text-align:center}.side-mode span{display:none}.showcase-content{padding:18px}.demo-heading h3{font-size:19px}.demo-label{display:none}.demo-row{grid-template-columns:24px 1fr;gap:7px;font-size:12px;padding:10px}.demo-row>span:last-child{grid-column:2;font-size:10px}.showcase-caption{padding:0 8px}.hero-strip{margin-top:45px;justify-content:flex-start}.hero-strip span{flex-basis:100%}.section{padding:68px 0}h2{font-size:42px}.wa-grid{grid-template-columns:1fr}.wide-card,.compact-card{grid-column:span 1}.browser-chips span{font-size:10px}.schedule-table{margin:9px}.schedule-table>div{font-size:10px;padding:12px 3px}.schedule-table>.grid-head{font-size:8px}.schedule-head{padding:20px}.schedule-head strong{font-size:19px}.concurrency{padding:17px;gap:14px}.concurrency p{font-size:12px}.catalogue-grid{grid-template-columns:1fr}.catalogue-search{width:100%}.catalogue-search input{width:100%}.catalogue-tabs{gap:5px}.catalogue-tab{padding:9px 11px;font-size:11px}.footer-inner{align-items:flex-start;flex-direction:column}.release-pill{flex-wrap:wrap;justify-content:center;border-radius:14px}.faq-list summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}