:root{
  --bg:#050608;--bg2:#0a0c10;--panel:#0c0f13;--panel2:#12161c;--line:#252b32;
  --text:#f7f5ef;--muted:#9da4ae;--gold:#e2ad4e;--gold2:#ffd47a;--gold3:#8c5f20;
  --ok:#55d79b;--danger:#ff6f6f;--shadow:0 24px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}.hidden{display:none!important}a{text-decoration:none;color:inherit}button{cursor:pointer}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 12%,rgba(226,173,78,.08),transparent 26%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;z-index:-1}
.app-header{height:78px;display:flex;align-items:center;padding:0 4.3vw;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:50;background:rgba(5,6,8,.86);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 0 24px rgba(235,172,72,.2)}.brand span{font-size:20px;font-weight:800;letter-spacing:6px;background:linear-gradient(180deg,#fff5d6,#d79f42);-webkit-background-clip:text;color:transparent}
.nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}.nav a{font-size:13px;color:#d9dde3;transition:.2s}.nav a:hover,.nav a.active{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:10px}.lang{font-size:12px;color:#c4c8ce;border:1px solid #31363d;padding:9px 11px;border-radius:9px}.btn{border:1px solid #343a43;background:#0e1116;color:#f4f4f4;padding:11px 17px;border-radius:10px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#656d77}.btn.gold{border-color:#e4b459;background:linear-gradient(180deg,#ffd77e,#d99b39);color:#15110a;box-shadow:0 8px 30px rgba(226,173,78,.18)}.btn.ghost{background:transparent}.btn.danger{border-color:#733b3b;color:#ffb1b1}.btn.sm{padding:8px 11px;font-size:12px}.btn.block{width:100%}.iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid #333944;background:#0d1014;color:#eee}
.page{min-height:calc(100vh - 78px)}.page-wrap{max-width:1440px;margin:0 auto;padding:48px 42px 76px}.eyebrow{color:var(--gold);font-size:11px;font-weight:850;letter-spacing:4px;text-transform:uppercase}.display{font-size:clamp(48px,6vw,94px);line-height:.95;letter-spacing:-3px;margin:12px 0 20px;font-weight:860}.gold-text{background:linear-gradient(180deg,#fff0c5 0%,#e7ad49 65%,#a76b1b 100%);-webkit-background-clip:text;color:transparent}.lede{color:#b6bdc8;font-size:18px;line-height:1.6;max-width:720px}.muted{color:var(--muted)}.tiny{font-size:11px;color:#7e8793}.section-title{font-size:38px;margin:0 0 10px;letter-spacing:-1px}.section-copy{color:#a6adb7;line-height:1.6;max-width:720px}.divider{height:1px;background:#232930;margin:34px 0}
.home-hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:58px 5vw 34px;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.98) 30%,rgba(5,6,8,.4) 62%,rgba(5,6,8,.2) 100%);z-index:1}.home-hero:after{content:"";position:absolute;right:0;top:0;width:62%;height:100%;background:url('/static/assets/home-hero.jpg') center/cover no-repeat;filter:saturate(.95) contrast(1.05);z-index:0}.hero-copy{position:relative;z-index:2;max-width:700px}.hero-brand{font-size:clamp(60px,7vw,110px);font-weight:900;letter-spacing:4px;margin:10px 0 2px;background:linear-gradient(180deg,#fff1c1,#dd9b33 70%,#8f5a19);-webkit-background-clip:text;color:transparent}.hero-title{font-size:clamp(48px,5vw,78px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 18px}.hero-actions{display:flex;gap:14px;margin-top:28px}.trust-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,6,8,.6),#050608);padding:24px 4.5vw;gap:0}.trust-item{padding:4px 22px;border-right:1px solid #252a31;display:flex;gap:13px}.trust-item:last-child{border-right:none}.trust-ico{font-size:23px;color:var(--gold2)}.trust-item b{font-size:13px;display:block}.trust-item small{font-size:11px;color:#8f98a3;line-height:1.4}.audience-grid{max-width:1520px;margin:0 auto;padding:18px 3vw 66px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audience-card{min-height:210px;border:1px solid #293039;border-radius:14px;padding:24px;position:relative;overflow:hidden;background:#0a0d11;box-shadow:var(--shadow)}.audience-card:after{content:"";position:absolute;inset:auto -10% -50% 35%;height:150%;background:radial-gradient(circle,rgba(226,173,78,.14),transparent 60%);pointer-events:none}.audience-card h3{margin:8px 0 8px;font-size:18px}.audience-card p{font-size:13px;color:#9ca5b0;line-height:1.5;max-width:80%}.audience-card a{position:absolute;bottom:20px;color:var(--gold2);font-size:13px;font-weight:700}
.tool-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 78px)}.tool-side{border-right:1px solid #242a31;background:linear-gradient(180deg,#080b0f,#050608);padding:30px 18px;position:sticky;top:78px;height:calc(100vh - 78px)}.tool-side .side-label{font-size:10px;color:#6f7884;letter-spacing:3px;margin:8px 10px 18px}.side-link{display:flex;gap:12px;align-items:center;padding:12px 14px;color:#aeb6c1;border-radius:10px;margin:5px 0;font-size:13px}.side-link.active{background:linear-gradient(90deg,rgba(226,173,78,.19),rgba(226,173,78,.04));border:1px solid #805d28;color:#ffd580}.tool-main{min-width:0}.tool-hero{position:relative;min-height:385px;padding:44px 4vw 34px;border-bottom:1px solid #20252b;overflow:hidden}.tool-hero.encrypt:after,.tool-hero.decrypt:after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background-position:center;background-size:cover;opacity:.68;mask-image:linear-gradient(90deg,transparent,#000 32%)}.tool-hero.encrypt:after{background-image:url('/static/assets/encrypt-scene.jpg')}.tool-hero.decrypt:after{background-image:url('/static/assets/decrypt-scene.jpg')}.tool-hero-content{position:relative;z-index:2;max-width:780px}.tool-hero h1{font-size:58px;margin:8px 0 6px;letter-spacing:-2px}.tool-hero h2{font-size:30px;font-weight:400;margin:0 0 12px}.hero-points{display:flex;gap:36px;margin-top:26px}.hero-point{max-width:180px}.hero-point b{font-size:13px}.hero-point p{font-size:11px;color:#87919d;line-height:1.45}.workspace{padding:28px 3.5vw 66px;max-width:1320px}.workspace-card{border:1px solid #2b3139;background:linear-gradient(180deg,rgba(14,17,22,.98),rgba(8,10,13,.99));border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.workspace-tabs{display:flex;border-bottom:1px solid #293039;background:#0b0e12}.workspace-tab{flex:1;padding:15px 18px;text-align:center;font-size:13px;color:#aeb6bf;border-right:1px solid #252b32}.workspace-tab.active{color:#ffd276;background:linear-gradient(180deg,rgba(226,173,78,.12),rgba(226,173,78,.025));box-shadow:inset 0 -2px #d89d3d}.workspace-body{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:18px}.dropzone{min-height:310px;border:1px dashed #7d612f;border-radius:14px;background:linear-gradient(180deg,#080b0e,#0b0d10);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;transition:.2s}.dropzone.drag{border-color:#ffd67a;background:#151108}.dropzone .drop-icon{font-size:48px;color:#f4c367}.dropzone h3{margin:10px 0 6px}.file-name{margin-top:12px;color:#f1c36e;font-size:12px;word-break:break-all}.control-pane{border:1px solid #272e36;border-radius:14px;padding:18px;background:#080b0f}.field{margin-bottom:15px}.field label{display:block;font-size:11px;color:#c5cad1;margin-bottom:7px}.input,.select,.textarea{width:100%;border:1px solid #333b45;background:#090c10;color:#eef0f3;border-radius:9px;padding:11px 12px;outline:none}.textarea{min-height:190px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#9b7435;box-shadow:0 0 0 3px rgba(226,173,78,.08)}.input-row{display:flex;gap:8px}.input-row .input{flex:1}.status{padding:10px 12px;border-radius:10px;background:#0a1511;border:1px solid #1d4f38;color:#77d7a8;font-size:12px;margin:12px 0}.status.error{background:#1a0d0d;border-color:#663333;color:#ff9f9f}.result-box{padding:14px;border:1px solid #303740;border-radius:11px;background:#05070a;color:#cdd3da;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;max-height:220px;overflow:auto}.progress{height:8px;background:#181d23;border-radius:99px;overflow:hidden;margin:10px 0}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a46b20,#ffd676);transition:.2s}.keybox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.advanced{border-top:1px solid #262c34;margin-top:14px;padding-top:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#9da6b1}.workspace-footer{padding:0 18px 18px}.action-lg{width:100%;padding:14px 18px;border:none;border-radius:11px;background:linear-gradient(180deg,#ffd981,#d69a37);font-weight:850;color:#171106}.privacy-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;color:#8f99a5;font-size:11px}.privacy-note b{color:#d7dde4}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:28px}.bento-card{border:1px solid #282f37;background:linear-gradient(160deg,#0d1014,#080a0d);border-radius:16px;padding:24px;min-height:180px;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;inset:auto -20% -50% 20%;height:140%;background:radial-gradient(circle,rgba(226,173,78,.09),transparent 64%)}.bento-card h3{font-size:18px}.bento-card p{color:#99a2ad;font-size:13px;line-height:1.5}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.big-number{font-size:72px;color:var(--gold2);font-weight:850;letter-spacing:-4px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.profile-card{border:1px solid #303740;border-radius:15px;padding:22px;background:#0b0e12;min-height:220px;position:relative}.profile-card.recommended{border-color:#a57732;box-shadow:0 0 0 1px rgba(227,174,80,.22),0 20px 60px rgba(0,0,0,.35)}.profile-card .bits{font-size:38px;font-weight:850;color:#ffd174}.profile-card p{font-size:12px;color:#949da8;line-height:1.55}.chip{display:inline-flex;border:1px solid #3b424b;background:#11151a;border-radius:999px;padding:6px 10px;font-size:10px;color:#c5cbd2}.chip.gold{border-color:#7d5a27;color:#efbf68;background:#171109}
.dev-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:30px}.code-panel{border:1px solid #2b323b;background:#07090c;border-radius:15px;overflow:hidden}.code-tabs{display:flex;gap:0;border-bottom:1px solid #252b32}.code-tab{padding:10px 14px;font-size:11px;color:#9aa3ad;border-right:1px solid #242a31}.code-tab.active{background:#1b140b;color:#f1c36e}.code{padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;color:#d5dbe2;white-space:pre-wrap;overflow:auto}.code .k{color:#dfac51}.code .s{color:#75d9a8}.console{min-height:280px}.api-features{display:grid;gap:10px}.api-feature{padding:13px;border:1px solid #293039;border-radius:11px;background:#0d1014}.api-feature b{font-size:12px}.api-feature p{font-size:11px;color:#8d97a3;margin:5px 0 0}
.enterprise-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;min-height:540px}.enterprise-visual{min-height:420px;border:1px solid #312d25;border-radius:20px;background:radial-gradient(circle at 60% 30%,rgba(229,170,72,.18),transparent 34%),linear-gradient(140deg,#101319,#07080a);position:relative;overflow:hidden;box-shadow:var(--shadow)}.tower{position:absolute;bottom:0;width:17%;background:linear-gradient(90deg,#171a1f,#4b3b25,#15181e);border:1px solid #715326;box-shadow:0 0 24px rgba(226,173,78,.1)}.tower:after{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(to bottom,rgba(246,191,93,.4) 0 2px,transparent 2px 17px)}.t1{height:58%;left:16%}.t2{height:82%;left:34%}.t3{height:68%;left:52%}.t4{height:48%;left:70%}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{border:1px solid #293039;background:#0b0e12;border-radius:14px;padding:18px}.metric strong{font-size:28px;color:#f0bd62}.metric span{display:block;font-size:10px;color:#7f8996;margin-top:5px}.gov-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.gov-node{border:1px solid #3a3427;background:linear-gradient(180deg,#0e1014,#080a0d);border-radius:18px;padding:24px;text-align:center}.gov-node .ico{font-size:42px;color:#f0bf65}.gov-node h3{font-size:16px}.gov-node p{font-size:12px;color:#929ca8;line-height:1.55}.gov-link{height:2px;background:linear-gradient(90deg,transparent,#bd8d43,transparent);margin:28px -10px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.price-card{border:1px solid #2c333c;border-radius:18px;background:#0b0e12;padding:24px;min-height:410px;display:flex;flex-direction:column}.price-card.pop{border-color:#9d7334;transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.4)}.price{font-size:42px;font-weight:850;margin:12px 0}.price small{font-size:12px;color:#8f98a3}.features{padding:0;list-style:none;display:grid;gap:10px;font-size:12px;color:#aab2bc;margin:20px 0}.features li:before{content:"✓";color:#eec06a;margin-right:9px}.price-card .btn{margin-top:auto}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chart-card{grid-column:span 3;border:1px solid #2c333b;border-radius:16px;background:#0b0e12;padding:20px;min-height:310px}.chart{height:210px;position:relative;border-left:1px solid #252b32;border-bottom:1px solid #252b32;margin-top:20px;background:repeating-linear-gradient(to top,transparent 0 51px,#171b20 52px),repeating-linear-gradient(to right,transparent 0 119px,#171b20 120px)}.chart svg{position:absolute;inset:0;width:100%;height:100%}.side-metrics{grid-column:span 1;display:grid;gap:14px}.activity{grid-column:span 4;border:1px solid #2c333b;border-radius:16px;background:#0b0e12;padding:20px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #21262d;color:#aeb6c0}.table th{color:#6f7884;font-weight:600}.ok{color:#66dba5}.bad{color:#ff8a8a}
.docs{display:grid;grid-template-columns:250px 1fr;gap:34px}.docs-side{position:sticky;top:105px;align-self:start}.docs-side .doc-link{display:block;width:100%;text-align:left;padding:9px 11px;color:#9ea7b2;border-radius:8px;font-size:12px;background:transparent;border:0}.docs-side .doc-link:hover{background:#161109;color:#f0bd62}.docs-main{max-width:900px}.docs-main h1{font-size:48px}.docs-main h2{margin-top:42px}.docs-main p,.docs-main li{color:#a6afb9;line-height:1.7}.docs-callout{border:1px solid #6d542d;background:#120f09;border-radius:12px;padding:15px;color:#d9c298;font-size:12px}.formula{font-family:Georgia,serif;font-size:16px;padding:20px;border:1px solid #333b44;border-radius:12px;background:#07090c;overflow:auto;color:#f1e4c7}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{width:min(460px,92vw);border:1px solid #3b424b;border-radius:18px;background:#0c0f13;padding:26px;box-shadow:0 40px 100px #000}.modal-card h2{margin-top:0}.modal-tabs{display:flex;margin-bottom:16px}.modal-tabs button{flex:1;border:0;border-bottom:2px solid #2d333b;background:transparent;color:#8e97a2;padding:10px}.modal-tabs button.active{color:#f1bf65;border-color:#d99f3f}.toast{position:fixed;right:24px;bottom:24px;z-index:150;border:1px solid #45505b;background:#0d1217;color:#eef2f5;border-radius:11px;padding:12px 16px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-color:#704044;color:#ffb1b1}.footer{border-top:1px solid #20252b;padding:28px 5vw 44px;color:#727c88;font-size:11px;display:flex;justify-content:space-between}.mobile-nav{display:none}
@media(max-width:1050px){.nav{display:none}.brand{min-width:0}.header-actions .lang{display:none}.home-hero{grid-template-columns:1fr;padding-top:50px}.home-hero:after{width:100%;opacity:.35}.home-hero:before{background:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.94) 55%,rgba(5,6,8,.5))}.trust-strip{grid-template-columns:repeat(3,1fr);row-gap:20px}.audience-grid{grid-template-columns:1fr 1fr}.tool-shell{grid-template-columns:1fr}.tool-side{display:none}.workspace-body{grid-template-columns:1fr}.profile-grid,.pricing-grid{grid-template-columns:1fr 1fr}.dev-grid,.enterprise-hero{grid-template-columns:1fr}.docs{grid-template-columns:1fr}.docs-side{position:static}.dashboard-grid{grid-template-columns:1fr 1fr}.chart-card{grid-column:span 2}.side-metrics{grid-column:span 2;grid-template-columns:1fr 1fr}.activity{grid-column:span 2}.bento .span4,.bento .span5,.bento .span6,.bento .span7,.bento .span8{grid-column:span 12}.gov-diagram{grid-template-columns:1fr}.mobile-nav{display:block}}
@media(max-width:680px){.app-header{padding:0 16px}.brand span{font-size:16px;letter-spacing:4px}.brand img{width:38px;height:38px}.header-actions .btn.ghost{display:none}.page-wrap{padding:34px 18px 60px}.hero-title{font-size:46px}.hero-brand{font-size:56px}.hero-actions{flex-direction:column;align-items:flex-start}.trust-strip{grid-template-columns:1fr 1fr;padding:20px 15px}.trust-item{padding:8px 12px}.audience-grid{grid-template-columns:1fr;padding:16px}.tool-hero{padding:34px 20px}.tool-hero:after{opacity:.28;width:100%}.tool-hero h1{font-size:42px}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workspace{padding:18px}.workspace-tabs{overflow:auto}.workspace-tab{min-width:130px}.profile-grid,.pricing-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.chart-card,.side-metrics,.activity{grid-column:span 1}.side-metrics{grid-template-columns:1fr}.docs-main h1{font-size:38px}}

/* Batch 8 WebRTC call tiles */
.call-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}
.call-video-tile{position:relative;background:#0a0b0f;border:1px solid #51452d;border-radius:12px;overflow:hidden;min-height:160px}
.call-video-tile video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0b0c0f}
.call-video-tile span{position:absolute;bottom:8px;left:10px;background:#151515e0;padding:4px 10px;border-radius:4px;color:#f1eadc}
.call-controls{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}

/* DIFFORMA Connect paired devices */
.connect-device{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(200,175,110,.18)}.connect-device p{font-size:.85rem;margin:4px 0;color:#aaa}#connectPairCode{overflow-wrap:anywhere;font-family:monospace;color:#d6bc84}@media(max-width:650px){.connect-device{align-items:flex-start;flex-direction:column}}