:root{--bg:#070910;--bg-soft:#0b0f19;--panel:rgba(17,23,37,.72);--panel-strong:#111827;--line:rgba(155,178,220,.16);--line-bright:rgba(0,229,255,.34);--text:#f0f5ff;--muted:#93a1b8;--subtle:#64738c;--cyan:#00e5ff;--violet:#8b5cf6;--green:#54e39b;--danger:#ff718b;--shadow:0 26px 80px rgba(0,0,0,.36);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(ellipse at 15% 5%,rgba(0,229,255,.08),transparent 34%),radial-gradient(ellipse at 90% 30%,rgba(139,92,246,.11),transparent 33%),linear-gradient(180deg,#070910 0%,#090c15 50%,#070910 100%)}.noise{position:fixed;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-2;opacity:.22}.ambient-one{width:360px;height:360px;top:8%;right:-180px;background:var(--violet);animation:drift 16s ease-in-out infinite alternate}.ambient-two{width:280px;height:280px;bottom:2%;left:-130px;background:var(--cyan);animation:drift 20s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate(-24px,30px) scale(1.15)}}.app-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:20px 0 50px}.topbar{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand b{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:34px;height:34px;border:1px solid rgba(0,229,255,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;background:rgba(0,229,255,.08);box-shadow:0 0 25px rgba(0,229,255,.14)}.brand-mark span{width:3px;border-radius:3px;background:var(--cyan);animation:bars 1.2s ease-in-out infinite}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:18px;animation-delay:.15s}.brand-mark span:nth-child(3){height:13px;animation-delay:.3s}@keyframes bars{50%{transform:scaleY(.5);opacity:.5}}.topbar-actions{display:flex;gap:10px;align-items:center}.connection-pill,.icon-button{border:1px solid var(--line);background:rgba(12,17,28,.66);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:12px}.connection-pill{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--subtle);box-shadow:0 0 0 transparent;transition:.3s}.status-dot.live{background:var(--green);box-shadow:0 0 12px var(--green)}.status-dot.error{background:var(--danger);box-shadow:0 0 12px var(--danger)}.icon-button{width:36px;height:36px;padding:0;cursor:pointer;color:var(--text);font-size:16px}.hero{min-height:510px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding:68px 0 46px}.kicker{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 18px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,229,255,.7);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(0,229,255,0)}}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.075em;line-height:.96;margin-bottom:25px;max-width:730px}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--cyan),#8cefff 44%,#b79bff);-webkit-background-clip:text;background-clip:text}.hero-lede{max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.button{border:1px solid transparent;border-radius:12px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:800 13px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;color:var(--text)}.button span{font-size:17px;font-weight:400}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,var(--cyan),#6de8f7 50%,#a187ff);color:#061019;box-shadow:0 13px 32px rgba(0,229,255,.16)}.button-primary:hover{box-shadow:0 16px 42px rgba(0,229,255,.28)}.button-ghost{border-color:var(--line);background:rgba(17,23,37,.55)}.button-ghost:hover{border-color:var(--line-bright);background:rgba(0,229,255,.07)}.hero-orbit{position:relative;aspect-ratio:1;max-width:480px;width:100%;margin:auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(0,229,255,.15);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:75%;height:42%;animation:spin 18s linear infinite}.orbit-b{width:92%;height:54%;border-color:rgba(139,92,246,.2);animation:spin-reverse 23s linear infinite}@keyframes spin{to{transform:rotate(340deg)}}@keyframes spin-reverse{to{transform:rotate(-380deg)}}.orbit-core{width:145px;height:145px;border-radius:42px;display:grid;place-items:center;align-content:center;gap:7px;background:radial-gradient(circle at 30% 20%,#1b5060,#121a2d 54%,#0d1120);border:1px solid rgba(0,229,255,.55);box-shadow:0 0 0 12px rgba(0,229,255,.04),0 0 70px rgba(0,229,255,.2),inset 0 0 35px rgba(0,229,255,.08);animation:core-float 5s ease-in-out infinite}@keyframes core-float{50%{transform:translateY(-10px) rotate(2deg)}}.core-glyph{font-size:43px;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent}.core-label{text-align:center;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em;line-height:1.35}.core-label small{font-size:7px;color:var(--cyan)}.orbit-node{position:absolute;padding:8px 11px;border:1px solid var(--line);background:rgba(10,15,26,.9);border-radius:10px;color:#cbd5e5;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:node-float 4s ease-in-out infinite}.orbit-node i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:7px;box-shadow:0 0 10px var(--green)}.node-a{top:19%;left:0}.node-b{bottom:18%;right:1%;animation-delay:1s}.node-c{top:8%;right:16%;animation-delay:2s}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 90px}.metric{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,rgba(17,25,41,.75),rgba(10,14,25,.6));position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-25px;top:-25px;width:80px;height:80px;border:1px solid rgba(0,229,255,.12);border-radius:50%}.metric-label,.metric-note,.overline,.field-hint{display:block;color:var(--subtle);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.metric strong{display:block;font-size:17px;margin:7px 0 3px;letter-spacing:-.02em}.metric-note{font-size:11px;letter-spacing:0;text-transform:none;font-weight:400}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:68px 0 20px}.section-heading h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.055em;margin:0}.section-heading>p{max-width:370px;color:var(--muted);font-size:13px;margin:0 0 3px}.section-heading .kicker{margin-bottom:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(17,25,41,.78),rgba(8,12,22,.78));box-shadow:var(--shadow);padding:27px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(0,229,255,.04),transparent 34%,rgba(139,92,246,.04));mask-image:linear-gradient(black,transparent 70%)}.panel-intro,.inbox-toolbar{display:flex;align-items:flex-start;gap:14px}.panel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.18);font-size:20px}.panel h3{font-size:16px;margin:2px 0 5px}.panel p{color:var(--muted);font-size:13px;margin-bottom:0}.secure-tag{margin-left:auto;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(84,227,155,.24);padding:6px 8px;border-radius:7px;background:rgba(84,227,155,.06)}.form-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:15px;margin-top:28px}label{display:block;color:#dbe4f2;font-size:12px;font-weight:700}.field-hint{margin:5px 0 8px;color:var(--subtle);font-size:10px;letter-spacing:0;text-transform:none;font-weight:400}input,textarea{width:100%;border:1px solid rgba(145,165,205,.2);border-radius:11px;background:rgba(4,8,16,.7);color:var(--text);padding:12px 13px;font:14px/1.4 inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:#53627a}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,229,255,.08);background:rgba(5,12,23,.9)}textarea{resize:vertical;min-height:120px}.panel-footer,.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.form-status{font-size:12px;color:var(--muted)}.composer-panel{padding:0}.composer-top{display:flex;align-items:center;gap:12px;padding:22px 27px;border-bottom:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:900}.avatar-cyan{background:linear-gradient(135deg,var(--cyan),#1984a0);color:#061019}.composer-top strong{display:block;font-size:13px}.composer-arrow{color:var(--subtle);font-size:21px;margin:0 5px}.recipient-label{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:10px;letter-spacing:.12em;margin-left:auto}.recipient-label input{width:150px;padding:9px}.message-label{padding:23px 27px 0}.message-label textarea{display:block;margin-top:9px;border-color:transparent;background:rgba(5,8,15,.35);font-size:16px;min-height:138px}.message-label textarea:focus{border-color:var(--cyan)}.composer-bottom{padding:0 27px 23px;margin-top:16px}.character-count{font-size:11px;color:var(--subtle)}.inbox-toolbar{align-items:center;justify-content:space-between}.inbox-title{display:flex;gap:13px;align-items:center}.inbox-title h3{margin-bottom:2px}.messages{margin-top:22px}.empty-state{text-align:center;padding:56px 20px 43px;border:1px dashed rgba(133,155,198,.18);border-radius:16px;background:rgba(4,8,16,.25)}.empty-state h3{margin:15px 0 5px}.empty-state p{max-width:430px;margin:auto;line-height:1.7}.empty-orbit{margin:auto;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.45);border-radius:50%;color:var(--cyan);box-shadow:0 0 0 10px rgba(0,229,255,.04);animation:empty-pulse 2.4s infinite}@keyframes empty-pulse{50%{box-shadow:0 0 0 18px rgba(0,229,255,0)}}.messages article{padding:18px 20px;margin:10px 0;border:1px solid var(--line);border-radius:14px;background:rgba(6,11,20,.58);animation:message-in .4s both}.messages article:hover{border-color:rgba(0,229,255,.35);transform:translateX(3px)}@keyframes message-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.messages article b{font-size:12px;color:#dbe8f8}.messages article time{float:right;color:var(--subtle);font-size:11px}.messages article p{white-space:pre-wrap;color:#c3cede;margin-top:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:90px 0 40px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.principles article{padding:25px;background:rgba(11,16,27,.88)}.principles span{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.1em}.principles h3{margin:18px 0 6px;font-size:16px}.principles p{color:var(--muted);font-size:13px;margin:0}.app-footer{display:flex;justify-content:space-between;gap:20px;color:var(--subtle);font-size:11px;padding:18px 0;border-top:1px solid var(--line)}#toast{color:var(--green)}body.high-contrast{--panel:rgba(16,22,35,.95);--line:rgba(199,220,255,.3);--muted:#b8c5d9}@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:48px}.hero-orbit{max-width:390px;margin-top:20px}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:first-child{grid-column:1/-1}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-top:58px}.app-footer{flex-direction:column}.metrics{margin-bottom:70px}}@media(max-width:580px){.app-shell{width:min(100% - 28px,1180px)}.topbar{height:58px}.connection-pill{max-width:145px;overflow:hidden;white-space:nowrap}.hero{min-height:0;padding:54px 0 30px}h1{font-size:48px}.hero-lede{font-size:15px}.hero-orbit{transform:scale(.82);margin:-20px auto}.metrics,.principles{grid-template-columns:1fr}.metrics{gap:8px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid label:first-child{grid-column:auto}.panel-intro .secure-tag{display:none}.composer-top{padding:18px;flex-wrap:wrap}.recipient-label{margin-left:0;width:100%}.recipient-label input{flex:1}.message-label{padding:20px 18px 0}.composer-bottom{padding:0 18px 18px;align-items:flex-end;flex-direction:column}.inbox-toolbar{align-items:flex-start;gap:18px;flex-direction:column}.inbox-toolbar .button{width:100%}.app-footer{font-size:10px}.orbit-node{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}