:root{--ink:#171817;--paper:#e9e9e6;--panel:#f4f4f1;--grid:rgba(23,24,23,.18);--orange:#ff5a16;--acid:#dfff45;--green:#17392e;--mono:"Courier New",Courier,monospace;--display:"Arial Black","Helvetica Neue",Arial,sans-serif}
body{background:var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:-.015em}
.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:224px 224px;mask-image:linear-gradient(to bottom,#000 0%,transparent 92%)}
.shell{grid-template-columns:252px 1fr}.sidebar{background:rgba(232,232,229,.94);color:var(--ink);border-right:1px solid var(--grid);padding:23px 17px;backdrop-filter:blur(18px)}
.brand{color:var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:-.06em}.brand small{color:#676966;font-family:var(--mono);letter-spacing:.08em}.brand-mark{background:var(--orange);color:#fff;border-radius:10px;box-shadow:inset -5px -5px 0 rgba(0,0,0,.14),0 8px 0 rgba(0,0,0,.1);transform:translateZ(10px)}
.sidebar nav p{color:#747672}.sidebar nav a{color:#4a4c49;border:1px solid transparent;border-radius:0;text-transform:uppercase;font-size:11px;letter-spacing:.03em}.sidebar nav a:hover{background:rgba(255,255,255,.55);color:#111;border-color:var(--grid)}.sidebar nav a.active{background:var(--ink);color:#fff;box-shadow:none;border-color:var(--ink);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.sidebar nav a.active:after{content:"";width:6px;height:6px;background:var(--orange);margin-left:auto}.sidebar-user{border-color:var(--grid)}.avatar{background:var(--orange);color:#fff;box-shadow:3px 3px 0 var(--ink)}.sidebar-user small{color:#6b6d69}
.topbar{height:72px;background:rgba(233,233,230,.88);border-color:var(--grid);backdrop-filter:blur(16px);padding:0 30px}.crumb{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.coordinate{font-size:9px;color:#70726e;border-right:1px solid var(--grid);padding-right:18px}.top-actions{text-transform:uppercase;letter-spacing:.05em;color:#4d4f4c}.live-dot{background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,22,.14)}
.content{padding:30px;max-width:1700px}.eyebrow{font-family:var(--mono);color:#555754;letter-spacing:.14em}.page-heading{padding:23px 0;border-bottom:1px solid var(--grid);align-items:center}.page-heading h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.065em;font-size:clamp(28px,4vw,52px)}.page-heading p{font-family:var(--mono);max-width:720px}
.button{border-radius:0;text-transform:uppercase;font-family:var(--mono);font-size:11px;letter-spacing:.02em;min-height:40px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.button.primary{background:var(--orange);color:#fff;box-shadow:none}.button.primary:hover{background:#ff6e32;transform:translateY(-3px);box-shadow:0 9px 0 rgba(23,24,23,.16)}.button.secondary{background:rgba(244,244,241,.72);border-color:var(--ink);color:var(--ink)}.button.secondary:hover{background:var(--acid);transform:translateY(-2px)}
.card{border:1px solid var(--grid);border-radius:0;background:rgba(244,244,241,.86);box-shadow:none;position:relative;backdrop-filter:blur(12px)}.card:before{content:"";position:absolute;width:6px;height:6px;background:var(--orange);left:10px;top:10px}.card-head{border-color:var(--grid)}.card h2,.card-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em}.stat-grid{gap:0;border-left:1px solid var(--grid);border-top:1px solid var(--grid)}.stat{border-radius:0;border:0;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);box-shadow:none;background:rgba(244,244,241,.82);perspective:700px;transition:background .25s ease,transform .25s ease}.stat:hover{background:#fff;transform:translateY(-5px);z-index:2}.stat-icon{border-radius:11px;transform:rotate(-7deg) rotateY(-10deg);box-shadow:inset -5px -5px 8px rgba(0,0,0,.12),8px 10px 0 rgba(23,24,23,.08);transition:transform .3s ease}.stat:hover .stat-icon{transform:rotate(4deg) rotateY(10deg) translateZ(20px)}.stat strong{font-family:var(--display)}
.campaign-line,.quick a,.template-line{border-color:var(--grid)}.campaign-line:hover,.quick a:hover,.template-line:hover{background:rgba(223,255,69,.2)}.channel-badge,.quick-icon,.big-channel{border-radius:10px;box-shadow:inset -4px -4px 7px rgba(0,0,0,.12),5px 6px 0 rgba(23,24,23,.08)}.status{border-radius:0;border:1px solid currentColor;background:transparent!important;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
input,select,textarea{border-radius:0;border-color:var(--grid);background:rgba(255,255,255,.62);font-family:var(--mono)}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);border-color:var(--orange);box-shadow:7px 7px 0 rgba(255,90,22,.12)}table{font-family:var(--mono)}th{color:#4f514e;border-color:var(--grid)}td{border-color:rgba(23,24,23,.11)}tr:hover td{background:rgba(223,255,69,.12)}.tag,.consent{border-radius:0;border:1px solid currentColor;background:transparent!important}
.immersive-hero{min-height:440px;border:1px solid var(--grid);display:grid;grid-template-columns:minmax(320px,.85fr) minmax(460px,1.15fr);position:relative;overflow:hidden;margin-bottom:0;background:rgba(233,233,230,.7)}.immersive-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--grid) 50%,transparent calc(50% + .5px));pointer-events:none}.hero-copy{padding:42px 34px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;min-width:0}.hero-copy h1{font:900 clamp(54px,7.4vw,116px)/.76 var(--display);letter-spacing:-.09em;text-transform:uppercase;margin:24px 0 30px}.hero-copy h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-copy p{font-size:13px;line-height:1.55;max-width:490px;margin-bottom:25px}.hero-corner{position:absolute;width:7px;height:7px;background:var(--orange);z-index:5}.corner-a{left:12px;top:12px}.corner-b{right:12px;bottom:12px}
.hero-stage{min-height:440px;position:relative;perspective:1000px;transform-style:preserve-3d;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.88),rgba(255,255,255,0) 55%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,24,23,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(600px) rotateX(66deg) scale(1.4) translateY(115px);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 72%)}
.campaign-device{position:absolute;width:230px;height:218px;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(-7deg) rotateY(-14deg);transform-style:preserve-3d;border-radius:42px;background:linear-gradient(145deg,#fafafa 4%,#c9cbc9 48%,#949794 100%);border:1px solid #a5a8a5;box-shadow:inset 10px 10px 20px #fff,inset -15px -18px 24px rgba(0,0,0,.2),28px 35px 35px rgba(0,0,0,.2);animation:deviceFloat 5s ease-in-out infinite}.campaign-device:before{content:"";position:absolute;inset:24px;border:12px solid var(--orange);border-radius:27px;background:#2b2d2b;box-shadow:inset 0 0 0 2px #111,0 0 23px rgba(255,90,22,.48)}.device-screen{position:absolute;z-index:2;inset:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:17px 17px}.device-screen b{font:900 25px var(--display);letter-spacing:-.05em}.device-screen small{font:9px var(--mono);color:#afb4af;margin-top:6px}.screen-pulse{width:13px;height:13px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 8px rgba(223,255,69,.11),0 0 20px var(--acid);margin-bottom:12px;animation:pulse 1.7s ease-in-out infinite}.device-edge{position:absolute;right:-16px;top:60px;width:29px;height:96px;border-radius:0 15px 15px 0;background:linear-gradient(90deg,#999,#e6e6e6);box-shadow:8px 9px 11px rgba(0,0,0,.16);transform:translateZ(-15px)}.device-knob{position:absolute;right:-31px;top:86px;width:30px;height:45px;border-radius:50%;background:linear-gradient(90deg,#8c8e8c,#f3f3f3);box-shadow:5px 6px 10px rgba(0,0,0,.2)}.device-top{position:absolute;left:70px;top:-14px;display:flex;gap:6px}.device-top i{display:block;width:22px;height:19px;border-radius:6px 6px 0 0;background:#d0d2d0}.stage-shadow,.bot-shadow{position:absolute;width:240px;height:38px;border-radius:50%;background:rgba(23,24,23,.24);filter:blur(10px);left:50%;bottom:54px;transform:translateX(-50%) rotateX(65deg);animation:shadowBreath 5s ease-in-out infinite}.float-chip{position:absolute;z-index:4;width:66px;height:66px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff,#c8cbc8);border:1px solid #b3b6b3;font:900 24px var(--display);box-shadow:inset -7px -7px 12px rgba(0,0,0,.13),13px 16px 22px rgba(0,0,0,.17);animation:chipFloat 4s ease-in-out infinite}.float-chip span{position:absolute;top:73px;font:8px var(--mono);letter-spacing:.08em}.chip-wa{left:12%;top:24%;color:#0a8f50;transform:rotate(-11deg)}.chip-mail{right:10%;bottom:23%;color:var(--orange);animation-delay:-2s;transform:rotate(9deg)}.signal-ring{position:absolute;border:1px solid rgba(255,90,22,.5);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);animation:ringPulse 3s ease-out infinite}.ring-a{width:310px;height:310px}.ring-b{width:400px;height:400px;animation-delay:-1.5s}
.login-page{background:var(--paper);grid-template-columns:1.1fr .9fr;position:relative}.login-art{background:transparent;color:var(--ink);border-right:1px solid var(--grid);padding:30px 5vw;position:relative}.login-art:after{display:none}.art-brand{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em;z-index:5}.art-brand small{font:8px var(--mono);letter-spacing:.1em;margin-left:10px;color:#71736f}.art-copy{max-width:720px;z-index:4}.art-copy h1{font:900 clamp(50px,7vw,100px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.085em;margin:16px 0;color:var(--ink)}.art-copy p{color:#343633;font-family:var(--mono);font-size:12px;max-width:440px}.pill.light{background:var(--ink);color:#fff;border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.channel-row span{border:1px solid var(--ink);border-radius:0;background:rgba(244,244,241,.6);font-size:10px}.login-panel{background:rgba(244,244,241,.7);position:relative;backdrop-filter:blur(18px)}.login-panel:before{content:"";position:absolute;inset:16px;border:1px solid var(--grid);pointer-events:none}.panel-index{position:absolute;top:31px;right:35px;font:9px var(--mono);letter-spacing:.1em}.login-card{position:relative;z-index:2}.login-card h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.06em;font-size:40px}.secure-note{font-family:var(--mono);letter-spacing:.06em}
.login-3d-stage{position:absolute;width:310px;height:310px;right:5%;top:16%;perspective:900px;z-index:2}.bot-body{position:absolute;width:168px;height:162px;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(-17deg);border-radius:35px;background:linear-gradient(145deg,#fff,#b9bbb9);border:1px solid #a8aaa8;box-shadow:inset 9px 10px 17px #fff,inset -12px -15px 23px rgba(0,0,0,.19),23px 27px 27px rgba(0,0,0,.2);animation:deviceFloat 5s ease-in-out infinite}.bot-face{position:absolute;inset:26px;border:10px solid var(--orange);border-radius:24px;background:#252725;display:flex;align-items:center;justify-content:center;gap:25px;box-shadow:0 0 24px rgba(255,90,22,.38)}.bot-face span{width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 0 13px #fff}.bot-face b{position:absolute;width:34px;height:5px;border-radius:5px;background:var(--acid);bottom:22px}.bot-side{position:absolute;right:-20px;top:51px;width:24px;height:62px;border-radius:0 14px 14px 0;background:linear-gradient(90deg,#999,#eee)}.bot-top{position:absolute;top:-13px;left:58px;display:flex;gap:7px}.bot-top i{width:20px;height:18px;background:#d1d3d1;border-radius:6px 6px 0 0}.login-3d-stage .bot-shadow{bottom:29px;width:185px}.orbit{position:absolute;border:1px solid var(--grid);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(66deg)}.orbit-one{width:280px;height:180px;animation:orbitSpin 7s linear infinite}.orbit-two{width:210px;height:280px;animation:orbitSpin 10s linear reverse infinite}.message-node{position:absolute;width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#fff,#c5c7c5);display:grid;place-items:center;font:900 17px var(--display);box-shadow:inset -5px -5px 8px rgba(0,0,0,.15),8px 10px 13px rgba(0,0,0,.16);z-index:4}.node-wa{left:0;top:30%;color:#07894b;animation:chipFloat 4s ease-in-out infinite}.node-mail{right:1%;bottom:23%;color:var(--orange);animation:chipFloat 4s ease-in-out -2s infinite}
@keyframes deviceFloat{0%,100%{transform:translate(-50%,-50%) rotateX(-7deg) rotateY(-14deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(-3deg) rotateY(-8deg) translateY(-14px)}}@keyframes chipFloat{0%,100%{margin-top:0}50%{margin-top:-14px}}@keyframes pulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}@keyframes ringPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.76)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}@keyframes shadowBreath{0%,100%{opacity:.22;transform:translateX(-50%) rotateX(65deg) scale(.9)}50%{opacity:.12;transform:translateX(-50%) rotateX(65deg) scale(1.1)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}
@media(max-width:1100px){.immersive-hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:64px}.login-3d-stage{opacity:.55;right:-2%}.art-copy h1{font-size:57px}.ambient-grid{background-size:160px 160px}}
@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{background:var(--paper)}.content{padding:14px}.coordinate{display:none}.immersive-hero{grid-template-columns:minmax(0,1fr);min-height:auto;width:100%}.immersive-hero:before{display:none}.hero-copy{padding:34px 22px}.hero-copy h1{font-size:clamp(44px,14vw,58px);margin:19px 0 24px}.hero-stage{min-height:340px;border-top:1px solid var(--grid)}.campaign-device{scale:.8}.ring-b{width:330px;height:330px}.login-page{grid-template-columns:1fr}.login-art{display:flex;min-height:285px;height:285px;padding:20px;border-right:0;border-bottom:1px solid var(--grid);overflow:hidden}.login-art .art-copy{display:none}.login-art .art-brand{align-self:flex-start}.login-3d-stage{display:block;width:270px;height:250px;right:-5px;top:26px;scale:.74;transform-origin:right top}.login-panel{min-height:620px;padding:56px 25px 35px}.login-panel:before{inset:10px}.panel-index{top:25px;right:25px}.login-card h2{font-size:34px}.card{backdrop-filter:none}.stat-grid{gap:0}.page-heading h1{font-size:34px}.topbar{padding:0 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}