/* SIPHUB_NEO_UI_V200_START
   SIPHub Neo Interface 2.0 — presentation-only structural redesign
*/
:root{
  --neo-bg:#050713;
  --neo-bg-2:#090d1d;
  --neo-panel:#0e1427;
  --neo-panel-2:#131b31;
  --neo-paper:#f5f7fb;
  --neo-paper-2:#e9edf7;
  --neo-text:#f7f8ff;
  --neo-ink:#11182a;
  --neo-muted:#8f9ab4;
  --neo-line:rgba(154,169,211,.16);
  --neo-line-strong:rgba(164,180,225,.28);
  --neo-blue:#6a7cff;
  --neo-cyan:#31d8f4;
  --neo-mint:#62e5b0;
  --neo-violet:#a66bff;
  --neo-orange:#ffb35d;
  --neo-danger:#ff718a;
  --neo-radius:24px;
  --neo-radius-sm:16px;
  --neo-shadow:0 28px 90px rgba(0,0,0,.34);
  --neo-shadow-soft:0 16px 48px rgba(0,0,0,.22);
  --neo-sidebar:286px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:#7180ff #070a15}
body{background:var(--neo-bg);color:var(--neo-text);font-family:"DM Sans",system-ui,sans-serif;letter-spacing:-.01em}
body::selection{background:rgba(106,124,255,.35);color:#fff}
a,button,input,select,textarea{transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.ambient-grid{opacity:.11;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}
.ambient-blur{filter:blur(90px);opacity:.35}.blur-a{background:#5869ff;width:42vw;height:42vw;top:-22vw;left:20vw}.blur-b{background:#16cde8;width:38vw;height:38vw;right:-18vw;top:28vh}
.eyebrow,.section-label{font-size:.68rem!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#91a0c5!important}
.button,.glow-button{border:0!important;border-radius:14px!important;min-height:46px;padding:0 20px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;font-weight:800!important;background:linear-gradient(135deg,var(--neo-blue),var(--neo-violet) 52%,var(--neo-cyan))!important;color:#fff!important;box-shadow:0 15px 40px rgba(93,91,232,.28)!important}
.button:hover,.glow-button:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(93,91,232,.4)!important}
.button.secondary{background:rgba(255,255,255,.055)!important;border:1px solid var(--neo-line-strong)!important;color:#e9edff!important;box-shadow:none!important}
.button.secondary:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(168,181,255,.5)!important}
.card{border:1px solid var(--neo-line)!important;border-radius:var(--neo-radius)!important;background:linear-gradient(145deg,rgba(18,26,49,.94),rgba(9,14,29,.92))!important;box-shadow:var(--neo-shadow-soft)!important;backdrop-filter:blur(20px) saturate(125%)}
.badge{border-radius:999px!important;padding:6px 10px!important}
input,select,textarea{border-radius:14px!important;border:1px solid rgba(130,147,190,.24)!important;background:rgba(5,9,20,.7)!important;color:#f5f7ff!important;min-height:48px!important}
input:focus,select:focus,textarea:focus{border-color:rgba(105,124,255,.85)!important;box-shadow:0 0 0 4px rgba(105,124,255,.14)!important;outline:none}

/* PUBLIC SHELL — floating navigation + editorial scale */
.public-shell .topbar{position:fixed;inset:16px 20px auto;z-index:1000;background:transparent!important;border:0!important;pointer-events:none}
.public-shell .topbar-inner{max-width:1420px;min-height:72px;margin:auto;padding:0 18px 0 14px;border:1px solid rgba(165,181,225,.16);border-radius:20px;background:rgba(6,10,23,.76);box-shadow:0 18px 65px rgba(0,0,0,.32);backdrop-filter:blur(24px) saturate(145%);pointer-events:auto}
.public-shell .brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,rgba(106,124,255,.22),rgba(49,216,244,.1));border:1px solid rgba(148,163,255,.22)}
.public-shell .brand-copy strong{font-size:1.16rem}.public-shell .brand-copy small{font-size:.59rem;letter-spacing:.08em;text-transform:uppercase;color:#7783a0}
.public-shell .primary-nav{gap:6px}.public-shell .nav-link{padding:10px 13px;border-radius:11px;color:#aab4ce;font-size:.82rem;font-weight:700}.public-shell .nav-link:hover,.public-shell .nav-link.active{background:rgba(255,255,255,.065);color:#fff}
.public-shell .page{max-width:none!important;padding-top:112px!important;overflow:hidden}
.public-shell .site-footer{margin-top:100px;border-top:1px solid var(--neo-line);background:#050710}

/* HOME — cinematic layout */
.hero-v2{max-width:1500px!important;min-height:calc(100svh - 112px);margin:0 auto!important;padding:76px 42px 70px!important;grid-template-columns:minmax(0,.9fr) minmax(570px,1.1fr)!important;gap:76px!important;align-items:center!important;position:relative}
.hero-v2::before{content:"";position:absolute;left:-15vw;top:4%;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(102,120,255,.15),transparent 67%);pointer-events:none}
.hero-kicker{display:inline-flex!important;width:auto!important;padding:9px 13px!important;border-radius:999px!important;border:1px solid rgba(113,133,255,.24)!important;background:rgba(84,104,232,.08)!important;color:#b6c1e8!important;font-size:.7rem!important;letter-spacing:.08em!important;text-transform:uppercase}
.hero-v2 h1{font-size:clamp(4.25rem,7.4vw,7.6rem)!important;line-height:.89!important;letter-spacing:-.075em!important;margin:26px 0 28px!important;max-width:760px!important}
.hero-v2 h1 span{background:linear-gradient(105deg,#fff 2%,#9da8ff 44%,#49e2f4 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v2-copy>p{max-width:660px!important;font-size:1.12rem!important;line-height:1.72!important;color:#9da8c4!important}
.hero-actions{margin-top:35px!important}.hero-assurance{display:grid!important;grid-template-columns:repeat(3,max-content);gap:10px 20px!important;margin-top:36px!important}.hero-assurance span{padding:0!important;font-size:.75rem!important;color:#8e9ab6!important}.hero-assurance i{width:20px;height:20px;border-radius:7px;display:inline-grid;place-items:center;background:rgba(98,229,176,.12);color:var(--neo-mint);font-style:normal;margin-right:5px}
.hero-console{filter:drop-shadow(0 45px 80px rgba(0,0,0,.45));transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transform-origin:center;animation:neoConsoleFloat 7s ease-in-out infinite}
.console-shell{border-radius:30px!important;border:1px solid rgba(151,168,224,.24)!important;background:#090d1b!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 50px 130px rgba(0,0,0,.48)!important}.console-bar{background:#10162a!important}.console-side{background:#080c18!important;border-right:1px solid rgba(150,168,220,.12)!important}.console-main{background:radial-gradient(circle at 80% -10%,rgba(96,111,255,.16),transparent 35%),#0b1020!important}.console-stats article,.network-card,.quick-dial-card{background:rgba(17,24,45,.85)!important;border-color:rgba(151,170,222,.14)!important;border-radius:17px!important}
.float-chip{border-radius:16px!important;background:rgba(9,15,30,.92)!important;border:1px solid rgba(144,162,215,.2)!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important}
@keyframes neoConsoleFloat{0%,100%{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translateY(-12px)}}
.trust-rail{max-width:1420px!important;margin:0 auto 100px!important;padding:22px 28px!important;border-radius:20px!important;border:1px solid var(--neo-line)!important;background:rgba(12,18,34,.72)!important;box-shadow:var(--neo-shadow-soft);overflow:hidden}
.section-v2{max-width:1420px!important;padding-left:32px!important;padding-right:32px!important}.section-title-v2 h2{font-size:clamp(3.2rem,5.7vw,6rem)!important;letter-spacing:-.065em!important;line-height:.96!important}.section-title-v2 p{font-size:1.03rem!important;line-height:1.75!important}
.bento-grid{grid-template-columns:repeat(12,1fr)!important;grid-auto-rows:minmax(170px,auto)!important;gap:16px!important}.bento{border-radius:28px!important;border:1px solid var(--neo-line)!important;background:linear-gradient(145deg,rgba(17,24,46,.95),rgba(8,13,27,.9))!important;box-shadow:var(--neo-shadow-soft)!important;overflow:hidden}.bento:hover{transform:translateY(-7px);border-color:rgba(130,145,255,.42)!important}.bento-large{grid-column:span 8!important}.bento-subscription{grid-column:span 4!important}.bento-mobile{grid-column:span 4!important}.bento-security{grid-column:span 5!important}.bento-admin{grid-column:span 3!important}.feature-number{color:#7280a0!important}
.security-v2{margin-top:130px!important;border-radius:38px!important;background:linear-gradient(135deg,rgba(15,23,45,.96),rgba(7,11,24,.95))!important;border:1px solid var(--neo-line)!important;box-shadow:var(--neo-shadow)!important}.security-v2-copy h2{font-size:clamp(3rem,5vw,5.2rem)!important;line-height:.98!important;letter-spacing:-.06em!important}
.workflow-track article{background:rgba(13,20,38,.75)!important;border:1px solid var(--neo-line)!important;border-radius:22px!important;padding:28px!important}.workflow-track article:hover{transform:translateY(-7px)}
.cta-v2{border-radius:38px!important;background:radial-gradient(circle at 15% 20%,rgba(107,123,255,.32),transparent 42%),radial-gradient(circle at 85% 80%,rgba(49,216,244,.18),transparent 38%),#0c1225!important;border:1px solid rgba(145,160,226,.24)!important;box-shadow:var(--neo-shadow)!important}

/* AUTH — dramatic dark/light split */
.auth-layout{max-width:1440px!important;min-height:calc(100svh - 160px)!important;margin:20px auto 60px!important;grid-template-columns:minmax(0,1.1fr) minmax(430px,.7fr)!important;gap:18px!important;padding:18px!important;border-radius:34px;background:rgba(8,13,27,.75);border:1px solid var(--neo-line);box-shadow:var(--neo-shadow)}
.auth-visual-panel,.signup-copy-v2{min-height:690px;border-radius:27px!important;padding:56px!important;background:radial-gradient(circle at 16% 18%,rgba(92,111,255,.35),transparent 42%),radial-gradient(circle at 88% 88%,rgba(49,216,244,.18),transparent 38%),linear-gradient(145deg,#111a35,#080d1d)!important;border:1px solid rgba(148,162,222,.17)!important;overflow:hidden}
.auth-visual-panel h1,.signup-copy-v2 h1{font-size:clamp(3.7rem,5.5vw,6.4rem)!important;line-height:.92!important;letter-spacing:-.07em!important;max-width:780px!important}
.auth-visual-panel>p,.signup-copy-v2>p{max-width:610px;color:#a3aec8!important;font-size:1.02rem!important;line-height:1.72!important}
.auth-form-premium,.signup-form-v2{align-self:stretch!important;border:0!important;border-radius:27px!important;padding:52px 46px!important;background:linear-gradient(180deg,#fbfcff,#edf1f8)!important;color:var(--neo-ink)!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:center}
.auth-form-premium .eyebrow,.signup-form-v2 .eyebrow{color:#67728d!important}.auth-form-premium h2,.signup-form-v2 h2{font-size:2.35rem!important;color:#10182a!important;letter-spacing:-.045em!important}.auth-form-premium p,.signup-form-v2 p,.auth-form-premium .form-note,.signup-form-v2 .form-note{color:#65708a!important}.auth-form-premium label,.signup-form-v2 label{color:#222b40!important;font-weight:700!important}.auth-form-premium input,.signup-form-v2 input,.signup-form-v2 select{background:#fff!important;color:#11182a!important;border-color:#d5dbea!important;box-shadow:0 8px 24px rgba(34,46,78,.055)!important}.auth-form-premium input:focus,.signup-form-v2 input:focus,.signup-form-v2 select:focus{border-color:#7180ff!important;box-shadow:0 0 0 4px rgba(113,128,255,.13)!important}.auth-form-premium .button,.signup-form-v2 .button{margin-top:8px}.auth-form-brand{color:#11182a!important}.auth-form-premium a,.signup-form-v2 a{color:#4e5fda!important}.auth-form-premium .flash.error,.signup-form-v2 .flash.error{background:#fff0f3!important;border-color:#ffc9d2!important;color:#8e2940!important}

/* PRICING — light editorial cards */
.plans-hero-v2{max-width:1080px!important;margin:70px auto 56px!important}.plans-hero-v2 h1{font-size:clamp(4rem,7vw,7.4rem)!important;letter-spacing:-.075em!important;line-height:.9!important}.plans-hero-v2>p{font-size:1.1rem!important;line-height:1.72!important}.term-pills{gap:8px!important}.term-pills span{padding:10px 14px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid var(--neo-line)!important}
.plan-grid-v2{max-width:1480px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.plan-grid-v2 .plan-card{min-height:560px;padding:34px!important;border-radius:28px!important;background:linear-gradient(180deg,#fafbff,#edf1f8)!important;color:#141c2f!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}.plan-grid-v2 .plan-card:hover{transform:translateY(-9px) scale(1.012)}.plan-grid-v2 .plan-card h2,.plan-grid-v2 .plan-card strong{color:#11182a!important}.plan-grid-v2 .plan-card p,.plan-grid-v2 .plan-card li,.plan-grid-v2 .plan-range{color:#5e6981!important}.plan-grid-v2 .plan-card .eyebrow{color:#5360bd!important}.plan-grid-v2 .plan-card.recommended{background:radial-gradient(circle at 100% 0,rgba(49,216,244,.23),transparent 34%),linear-gradient(145deg,#151d38,#0b1021)!important;color:#fff!important;border-color:rgba(120,139,255,.55)!important;transform:translateY(-14px)}.plan-grid-v2 .plan-card.recommended h2,.plan-grid-v2 .plan-card.recommended strong{color:#fff!important}.plan-grid-v2 .plan-card.recommended p,.plan-grid-v2 .plan-card.recommended li,.plan-grid-v2 .plan-card.recommended .plan-range{color:#a8b2cc!important}.plan-grid-v2 .plan-card.recommended .eyebrow{color:#9ba8ff!important}.plan-grid-v2 .plan-card.recommended:hover{transform:translateY(-22px) scale(1.012)}.recommended-label{background:linear-gradient(135deg,var(--neo-mint),var(--neo-cyan))!important;color:#07101a!important;border-radius:999px!important;padding:7px 11px!important}.price strong{font-size:2.35rem!important}.plan-notes-v2{max-width:1480px!important;gap:16px!important}.plan-notes-v2 article{padding:23px!important;border-radius:20px!important;background:rgba(14,21,40,.84)!important;border-color:var(--neo-line)!important}

/* APP SHELL — permanent command sidebar */
body.app-shell{padding-left:var(--neo-sidebar);background:radial-gradient(circle at 78% -20%,rgba(89,106,255,.16),transparent 34%),var(--neo-bg)}
.app-shell .ambient-grid{left:var(--neo-sidebar)}
.app-shell .topbar{position:fixed!important;inset:0 auto 0 0!important;width:var(--neo-sidebar)!important;height:100dvh!important;border:0!important;border-right:1px solid rgba(151,168,214,.14)!important;background:linear-gradient(180deg,rgba(12,18,35,.98),rgba(6,10,21,.99))!important;box-shadow:20px 0 70px rgba(0,0,0,.24)!important;z-index:1200!important;backdrop-filter:none!important}
.app-shell .topbar::before{content:"WORKSPACE";position:absolute;top:100px;left:27px;font-size:.58rem;letter-spacing:.18em;font-weight:800;color:#56627f}
.app-shell .topbar-inner{height:100%!important;max-width:none!important;padding:24px 18px 20px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
.app-shell .brand{min-height:55px;padding:0 8px!important}.app-shell .brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,rgba(102,121,255,.22),rgba(49,216,244,.08));border:1px solid rgba(130,148,255,.22)}.app-shell .brand-copy strong{font-size:1.2rem}.app-shell .brand-copy small{font-size:.57rem;letter-spacing:.07em;text-transform:uppercase;color:#687491}
.app-shell .nav-toggle{display:none!important}.app-shell .primary-nav{display:flex!important;position:static!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin-top:68px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important}
.app-shell .nav-link{min-height:51px;padding:0 14px!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:13px!important;color:#8f9bb8!important;font-size:.84rem!important;font-weight:700!important;border:1px solid transparent!important}.app-shell .nav-link i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#9aa7c5;font-style:normal}.app-shell .nav-link:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.app-shell .nav-link.active{background:linear-gradient(135deg,rgba(102,121,255,.18),rgba(49,216,244,.065))!important;border-color:rgba(122,142,255,.22)!important;color:#fff!important;box-shadow:inset 3px 0 #7383ff}.app-shell .nav-link.active i{background:linear-gradient(135deg,#6879ff,#9a67f4);color:#fff;box-shadow:0 8px 22px rgba(91,91,223,.3)}
.app-shell .user-menu{order:50;margin-top:auto!important;padding:13px!important;border:1px solid var(--neo-line)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important}.app-shell .avatar{background:linear-gradient(135deg,#6b7cff,#32d5ee)!important;color:#fff!important}.app-shell .logout-link{order:51;margin:9px 0 0!important;width:100%!important;height:42px!important;border-radius:12px!important;background:rgba(255,113,138,.075)!important;color:#ff94a6!important;border:1px solid rgba(255,113,138,.13)!important;display:grid!important;place-items:center!important}.app-shell .logout-link::after{content:" Sign out";font-size:.72rem;font-weight:800;margin-left:7px}
.app-shell .page{max-width:none!important;min-height:100dvh!important;padding:38px 42px 70px!important;margin:0!important}.app-shell .flash-stack{max-width:1200px;margin:0 auto 20px}
.neo-pagebar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;margin:0 0 24px;padding:0 4px}.neo-pagebar-copy small{display:block;color:#6f7b99;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.neo-pagebar-copy strong{font:700 clamp(1.35rem,2.3vw,2rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.035em}.neo-pagebar-actions{display:flex;align-items:center;gap:10px}.neo-live{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(98,229,176,.16);background:rgba(98,229,176,.065);color:#7ceabf;font-size:.67rem;font-weight:800}.neo-live i{width:7px;height:7px;border-radius:50%;background:var(--neo-mint);box-shadow:0 0 0 5px rgba(98,229,176,.09)}
.dashboard-head{min-height:240px!important;padding:40px!important;border-radius:30px!important;border:1px solid rgba(139,156,225,.23)!important;background:radial-gradient(circle at 88% 15%,rgba(49,216,244,.16),transparent 34%),radial-gradient(circle at 12% 100%,rgba(164,107,255,.18),transparent 38%),linear-gradient(135deg,#141d3b,#0b1125)!important;box-shadow:var(--neo-shadow)!important;align-items:flex-end!important}.dashboard-head h1{font-size:clamp(3.2rem,5vw,5.8rem)!important;line-height:.92!important;letter-spacing:-.07em!important}.dashboard-head p{font-size:1rem!important;color:#a4aec7!important}.dashboard-phone-actions .button{min-height:48px}
.metric-grid{gap:14px!important;margin:16px 0!important}.metric{min-height:150px!important;padding:24px!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(18,27,51,.96),rgba(10,15,30,.94))!important;border:1px solid var(--neo-line)!important;box-shadow:var(--neo-shadow-soft)!important}.metric::before{content:"";position:absolute;inset:auto 20px 0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--neo-blue),var(--neo-cyan));opacity:.75}.metric>span{font-size:.63rem!important;letter-spacing:.14em!important;text-transform:uppercase;color:#71809f!important}.metric strong{font-size:clamp(1.8rem,3vw,2.75rem)!important;letter-spacing:-.055em!important;background:linear-gradient(100deg,#fff,#9eabff 58%,#4addf2);-webkit-background-clip:text;background-clip:text;color:transparent}.metric small{color:#7f8ba8!important}.dashboard-grid{gap:16px!important}.dashboard-grid>.card{padding:28px!important;min-height:260px}.card-heading h2{font-size:1.65rem!important}.detail-list>div{padding:13px 0!important;border-color:var(--neo-line)!important}
.table-wrap,.data-table{border-radius:22px!important;overflow:hidden!important;border:1px solid var(--neo-line)!important;background:rgba(11,17,33,.84)!important}.table-wrap table,.data-table{background:transparent!important}.table-wrap th,.data-table th{background:#111a31!important;color:#7d8baa!important;font-size:.62rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}.table-wrap td,.data-table td{border-color:rgba(148,165,208,.09)!important}.table-wrap tbody tr:hover,.data-table tbody tr:hover{background:rgba(104,122,255,.075)!important}
.manager-layout{gap:18px!important}.manager-layout>aside,.manager-layout>section{border-radius:25px!important}.form-card{padding:30px!important}.page-admin-index .metric,.page-admin-tenants .metric,.page-admin-plans .metric{min-height:130px!important}
.site-footer{border-color:var(--neo-line)!important}

/* PHONE — desktop console transformed into a real app shell */
body:has(.phone-app){margin:0;background:radial-gradient(circle at 15% 15%,rgba(104,122,255,.2),transparent 34%),radial-gradient(circle at 90% 82%,rgba(49,216,244,.13),transparent 34%),#050713!important;color:#f7f8ff!important;font-family:"DM Sans",system-ui,sans-serif!important;overflow:hidden}
.phone-app{width:min(1240px,calc(100vw - 40px))!important;height:min(920px,calc(100dvh - 40px))!important;margin:20px auto!important;border:1px solid rgba(151,169,222,.2)!important;border-radius:30px!important;background:rgba(8,13,27,.92)!important;box-shadow:0 45px 120px rgba(0,0,0,.48)!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:80px 44px minmax(0,1fr)!important;overflow:hidden!important;backdrop-filter:blur(24px)}
.phone-top{grid-column:1/-1!important;grid-row:1!important;padding:0 24px!important;border-bottom:1px solid rgba(145,163,214,.13)!important;background:rgba(14,21,40,.9)!important;position:static!important}.phone-top .brand img{width:43px!important;height:43px!important;border-radius:14px!important;background:rgba(105,124,255,.12)!important;padding:5px!important}.phone-top .brand strong{font-size:1rem!important}.phone-top .brand small{color:#7f8ca9!important}.top-actions .icon-button{border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(145,163,214,.13)!important;color:#dfe5f7!important}.connection-strip{grid-column:2!important;grid-row:2!important;position:static!important;border:0!important;border-bottom:1px solid rgba(145,163,214,.1)!important;background:rgba(8,13,27,.86)!important;padding:0 24px!important}.phone-main{grid-column:2!important;grid-row:3!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:radial-gradient(circle at 85% 0,rgba(104,122,255,.1),transparent 35%),#080d1c!important}.phone-tabs{grid-column:1!important;grid-row:2/4!important;position:static!important;width:auto!important;height:auto!important;padding:16px 12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;background:#070b17!important;border:0!important;border-right:1px solid rgba(145,163,214,.12)!important;box-shadow:none!important}.phone-tabs button{min-height:67px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#707e9d!important;background:transparent!important}.phone-tabs button span{font-size:1.15rem!important}.phone-tabs button small{font-size:.58rem!important;font-weight:800!important;letter-spacing:.04em!important}.phone-tabs button.active{background:linear-gradient(145deg,rgba(105,124,255,.19),rgba(49,216,244,.06))!important;color:#fff!important;border:1px solid rgba(123,142,255,.21)!important}.phone-view.active{height:100%!important;display:grid!important;grid-template-columns:minmax(300px,.9fr) minmax(330px,.7fr)!important;grid-template-areas:"identity keypad" "dial keypad" "actions keypad" "controls keypad" "enable keypad" "media keypad"!important;grid-template-rows:auto auto auto auto auto 1fr!important;gap:12px 38px!important;padding:34px 42px!important;align-content:center!important}.identity{grid-area:identity!important;text-align:left!important;align-items:flex-start!important;padding:0!important}.identity>span{font-size:.64rem!important;letter-spacing:.14em!important;text-transform:uppercase;color:#7885a4!important}.identity strong{font-size:clamp(3.1rem,6vw,5.7rem)!important;line-height:1!important;letter-spacing:-.065em!important;background:linear-gradient(105deg,#fff,#9eabff 60%,#48ddf1);-webkit-background-clip:text;background-clip:text;color:transparent}.identity small{font-size:.86rem!important;color:#8996b2!important}.identity time{font-size:.8rem!important;color:#667493!important}.dial-entry{grid-area:dial!important;max-width:none!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(148,165,215,.15)!important;border-radius:16px!important;padding:4px 6px 4px 15px!important}.dial-entry input{min-height:48px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:1.35rem!important}.dial-entry button{width:44px!important;height:44px!important;border-radius:12px!important}.keypad{grid-area:keypad!important;width:100%!important;max-width:420px!important;align-self:center!important;justify-self:center!important;gap:13px!important}.key{aspect-ratio:1!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(28,38,67,.96),rgba(13,20,38,.96))!important;border:1px solid rgba(148,165,215,.15)!important;color:#fff!important;box-shadow:0 12px 26px rgba(0,0,0,.2)!important}.key:hover{transform:translateY(-4px);border-color:rgba(120,140,255,.48)!important;background:linear-gradient(145deg,rgba(46,58,98,.96),rgba(19,28,51,.96))!important}.key strong{font-size:1.65rem!important}.key small{color:#71809e!important}.primary-actions{grid-area:actions!important;justify-content:flex-start!important}.round{width:62px!important;height:62px!important;border-radius:20px!important}.round.call,.round.answer{background:linear-gradient(145deg,#62e5b0,#21c990)!important;box-shadow:0 16px 34px rgba(43,206,145,.28)!important}.round.end{background:linear-gradient(145deg,#ff718a,#ed4967)!important}.call-controls{grid-area:controls!important;justify-content:flex-start!important;gap:9px!important}.call-controls button{min-width:82px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(147,164,214,.13)!important}.enable-phone{grid-area:enable!important;max-width:340px!important;border-radius:14px!important;background:linear-gradient(135deg,#6c7dff,#a166f5 52%,#35d1ed)!important;box-shadow:0 17px 40px rgba(97,91,222,.3)!important}.media-summary{grid-area:media!important;text-align:left!important;color:#657493!important}.panel-view{height:100%!important;padding:34px 42px!important}.view-head h1{font-size:2.4rem!important;letter-spacing:-.05em!important}.contact-list,.history-list,.setting-group{border-radius:20px!important;background:rgba(16,24,45,.78)!important;border:1px solid rgba(147,164,214,.13)!important}.incoming-screen{background:rgba(3,6,14,.82)!important;backdrop-filter:blur(26px)!important}.incoming-card,.diagnostics-dialog,.install-dialog{border-radius:28px!important;background:#10182e!important;border:1px solid rgba(148,165,215,.2)!important;box-shadow:0 35px 100px rgba(0,0,0,.5)!important}

/* animation + micro interaction */
[data-neo-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}[data-neo-reveal].neo-visible{opacity:1;transform:none}.neo-pointer{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(106,124,255,.08),transparent 68%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}

@media(max-width:1260px){
  .hero-v2{grid-template-columns:1fr!important;text-align:center!important}.hero-v2-copy{display:flex;flex-direction:column;align-items:center}.hero-console{max-width:920px;margin:auto;transform:none!important;animation:none}.hero-assurance{justify-content:center}.bento-large{grid-column:span 12!important}.bento-subscription,.bento-mobile,.bento-security,.bento-admin{grid-column:span 6!important}.plan-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.plan-grid-v2 .plan-card.recommended{transform:none}
}
@media(max-width:980px){
  .public-shell .topbar{inset:10px 10px auto}.public-shell .topbar-inner{min-height:64px;border-radius:17px}.public-shell .page{padding-top:88px!important}.hero-v2{padding:54px 22px!important}.hero-v2 h1{font-size:clamp(3.5rem,12vw,6rem)!important}.hero-assurance{grid-template-columns:1fr!important}.bento-grid{display:grid!important;grid-template-columns:1fr!important}.bento-large,.bento-subscription,.bento-mobile,.bento-security,.bento-admin{grid-column:auto!important}.security-v2{border-radius:26px!important}.auth-layout{grid-template-columns:1fr!important;margin:10px!important;padding:10px!important}.auth-visual-panel,.signup-copy-v2{min-height:480px;padding:38px!important}.auth-form-premium,.signup-form-v2{padding:38px!important}.plan-grid-v2{grid-template-columns:1fr!important}.plan-grid-v2 .plan-card{min-height:0}.app-shell{padding-left:0!important}.app-shell .ambient-grid{left:0}.app-shell .topbar{position:sticky!important;inset:0!important;width:100%!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--neo-line)!important}.app-shell .topbar::before{display:none}.app-shell .topbar-inner{height:auto!important;min-height:70px!important;padding:10px 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important}.app-shell .nav-toggle{display:flex!important}.app-shell .primary-nav{position:fixed!important;top:74px!important;right:12px!important;left:12px!important;bottom:auto!important;margin:0!important;padding:14px!important;flex:none!important;background:rgba(8,13,27,.97)!important;border:1px solid var(--neo-line)!important;border-radius:20px!important;box-shadow:var(--neo-shadow)!important;transform:translateY(-12px) scale(.98)!important;opacity:0!important;visibility:hidden!important}.app-shell .primary-nav.open{transform:none!important;opacity:1!important;visibility:visible!important}.app-shell .user-menu{margin-top:10px!important}.app-shell .page{padding:24px 18px 60px!important}.neo-pagebar{margin-bottom:16px}.phone-app{width:100%!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:72px 42px minmax(0,1fr)!important}.phone-view.active{padding:24px!important;gap:10px 20px!important}.identity strong{font-size:clamp(2.7rem,8vw,4.5rem)!important}
}
@media(max-width:720px){
  .hero-v2{min-height:auto}.hero-console{display:none}.section-v2{padding-left:17px!important;padding-right:17px!important}.auth-visual-panel,.signup-copy-v2{display:none!important}.auth-layout{display:block!important;min-height:0!important}.auth-form-premium,.signup-form-v2{min-height:calc(100svh - 120px);padding:30px 23px!important}.plans-hero-v2{margin:42px 18px 36px!important}.plans-hero-v2 h1{font-size:clamp(3rem,15vw,5rem)!important}.phone-app{display:flex!important;flex-direction:column!important}.phone-top{height:68px!important;flex:none!important}.connection-strip{height:40px!important;flex:none!important}.phone-main{flex:1!important;min-height:0!important}.phone-tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:72px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;flex-direction:row!important;padding:7px!important;border-top:1px solid rgba(145,163,214,.12)!important;border-right:0!important;z-index:80!important}.phone-tabs button{min-height:56px!important}.phone-view.active{display:flex!important;flex-direction:column!important;padding:20px 18px 90px!important;overflow:auto!important}.identity{align-items:center!important;text-align:center!important}.identity strong{font-size:3.25rem!important}.dial-entry{width:100%!important}.keypad{width:min(100%,370px)!important;gap:10px!important}.key{border-radius:50%!important}.primary-actions,.call-controls{justify-content:center!important}.enable-phone{width:100%!important;max-width:none!important}.media-summary{text-align:center!important}.panel-view{padding:24px 18px 90px!important;overflow:auto!important}
}
@media(max-width:540px){.public-shell .brand-copy small{display:none}.hero-v2 h1{font-size:3.55rem!important}.section-title-v2 h2{font-size:3rem!important}.dashboard-head{padding:28px!important;min-height:220px!important}.dashboard-head h1{font-size:3.4rem!important}.metric-grid{grid-template-columns:1fr 1fr!important}.metric{min-height:130px!important;padding:18px!important}.metric strong{font-size:1.7rem!important}.neo-pagebar-actions .button{display:none!important}.plan-grid-v2 .plan-card{padding:25px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-console{transform:none!important}}
/* SIPHUB_NEO_UI_V200_END */