@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#06111f;--bg2:#091829;--panel:#0c1f33;--panel-soft:rgba(12,31,51,.66);--line:rgba(182,219,239,.17);--muted:#96aebf;--text:#ebf5f8;--blue:#68d8fa;--blue2:#239fda;--lime:#b5f56d;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif;--wrap:min(1180px,calc(100% - 72px));}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:var(--wrap);margin:auto}.skip-link{position:fixed;top:-60px;left:16px;padding:9px 15px;background:var(--blue);color:#00111d;z-index:999;transition:top .2s}.skip-link:focus{top:12px}.page-loader{position:fixed;inset:0;z-index:1000;background:#06111f;display:grid;place-items:center;transition:opacity .5s,visibility .5s}.page-loader.is-hidden{opacity:0;visibility:hidden}.loader-mark,.brand-mark{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid var(--blue);font-weight:800;font-size:19px;color:var(--blue);font-family:var(--serif)}.loader-mark{width:52px;height:52px;font-size:27px;animation:pulse 1s infinite}.site-header{height:84px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;width:var(--wrap);margin:auto;gap:33px;border-bottom:1px solid rgba(220,240,250,.12);transition:.35s}.site-header.is-sticky{position:fixed;width:100%;padding:0 max(36px,calc((100vw - 1180px)/2));background:rgba(6,17,31,.84);backdrop-filter:blur(14px);border-color:var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.brand i{color:var(--blue);font-style:normal}.brand-mark{width:30px;height:30px;font-size:16px}.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a9bdca;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.button{display:inline-flex;align-items:center;gap:16px;padding:15px 20px;background:var(--blue);color:#04111e;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;border:1px solid var(--blue);cursor:pointer;transition:.25s}.button:hover{background:#b4effd;border-color:#b4effd;transform:translateY(-2px)}.button span{font-size:19px;line-height:11px}.button-small{padding:10px 14px;font-size:10px;gap:9px}.button-ghost{background:transparent;color:var(--blue)}.button-ghost:hover{background:var(--blue);color:#04111e}.menu-toggle{display:none;background:transparent;border:0;padding:8px;color:#fff}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:5px}.hero{height:max(720px,100vh);min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center;background:#06111f}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,#06111f 1%,rgba(6,17,31,.9) 25%,rgba(6,17,31,.15) 80%),linear-gradient(0deg,#06111f 0%,transparent 45%),url('../assets/images/acoustic-intelligence-hero.png') center/cover no-repeat;opacity:.98}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.43}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(101,182,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(101,182,216,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,black,transparent 80%)}.hero-content{position:relative;z-index:2;padding-top:64px;max-width:1180px}.eyebrow{margin:0 0 18px;color:var(--blue);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.16em;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(3.5rem,6vw,6.65rem);line-height:.98;letter-spacing:-.065em;max-width:840px;margin:0 0 25px;font-weight:600}.hero h1 em,.contact-band h2 em{font-family:var(--serif);font-weight:500;color:var(--blue);letter-spacing:-.05em}.hero-copy{color:#c1d2db;font-size:17px;line-height:1.7;max-width:620px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#d4e5ec;display:inline-flex;align-items:center;gap:11px}.text-link span,.capability-card a span,.footer-contact span{color:var(--blue);font-size:18px;transition:transform .2s}.text-link:hover span,.capability-card a:hover span,.footer-contact:hover span{transform:translateX(5px)}.hero-status{position:absolute;z-index:3;bottom:35px;right:max(36px,calc((100vw - 1180px)/2));display:flex;gap:35px;color:#a9c0cd;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.hero-status div+div{border-left:1px solid var(--line);padding-left:35px}.hero-status strong{color:var(--lime);font-weight:500}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 12px var(--lime)}.hero-scroll{position:absolute;z-index:3;left:max(36px,calc((100vw - 1180px)/2));bottom:33px;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a4bcc9;display:flex;gap:12px;align-items:center}.hero-scroll span{height:32px;width:1px;background:var(--blue);display:inline-block}.section{padding:142px 0}.split-intro{display:grid;grid-template-columns:220px 1fr;gap:90px}.section-index{font:10px var(--mono);color:#7e9aab;text-transform:uppercase;letter-spacing:.14em;border-top:1px solid var(--line);padding-top:13px}.section-index span{color:var(--blue);font-size:18px}.section-index p{margin:24px 0}.display{font-size:clamp(2.3rem,4.3vw,4.6rem);font-weight:600;line-height:1.08;letter-spacing:-.06em;margin:0;max-width:900px}.lead{max-width:655px;color:var(--muted);font-size:18px;margin:27px 0 0}.metric-strip{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip>div{padding:25px 25px 27px;border-right:1px solid var(--line);min-height:126px;display:flex;flex-direction:column;justify-content:space-between}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:last-child{border:0}.metric-strip strong{font:500 38px var(--serif);color:var(--blue);line-height:1}.metric-strip span{font-size:10px;line-height:1.5;color:#9eb5c3;text-transform:uppercase;letter-spacing:.08em;max-width:150px}.capabilities{background:var(--bg2);position:relative}.capabilities:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(35,159,218,.13),transparent 23%)}.section-heading{position:relative;display:flex;align-items:end;justify-content:space-between;margin-bottom:58px}.capability-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-card{min-height:410px;padding:31px 34px;display:flex;flex-direction:column;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:rgba(11,30,49,.32);transition:background .35s,transform .35s}.capability-card:hover{background:rgba(22,53,78,.65);transform:translateY(-5px)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:auto}.card-number{font:11px var(--mono);color:var(--blue)}.card-top svg{width:64px;height:64px;fill:none;stroke:#77dfff;stroke-width:1.3;opacity:.9}.capability-card h3{font-size:23px;letter-spacing:-.04em;line-height:1.17;margin:38px 0 14px}.capability-card p{font-size:14px;color:#a8beca;max-width:440px;margin:0 0 22px}.capability-card a{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;align-items:center;margin-top:auto}.signal-readout{height:90px;margin:-31px -34px 0;padding:13px 18px;border-bottom:1px solid var(--line);font:9px var(--mono);color:#88a9b9;display:flex;flex-direction:column;justify-content:space-between}.signal-readout>span{letter-spacing:.09em}.signal-readout b{text-align:right;color:var(--blue);font-weight:400}.wave-bars{height:28px;display:flex;gap:4px;align-items:center}.wave-bars i{display:block;width:2px;height:20%;background:var(--blue);animation:wave 1.5s ease-in-out infinite}.wave-bars i:nth-child(2n){height:75%;animation-delay:.2s}.wave-bars i:nth-child(3n){height:40%;animation-delay:.5s}.feature-card .card-top{margin-top:25px}.deployment{background:#06111f}.deployment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.deployment-copy .display{margin-bottom:25px}.deployment-copy .button{margin-top:34px}.deployment-panel{background:linear-gradient(135deg,#0b2438,#071729);border:1px solid #1d4157;box-shadow:0 30px 60px rgba(0,0,0,.25);min-height:420px}.panel-head,.panel-footer{padding:15px 20px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.1em;color:#9bb4c0;display:flex;justify-content:space-between;text-transform:uppercase}.topology{height:310px;position:relative;background-image:linear-gradient(rgba(110,213,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(110,213,250,.05) 1px,transparent 1px);background-size:25px 25px}.topology-core,.topology-node{position:absolute;display:grid;place-items:center;text-align:center;font:10px var(--mono);letter-spacing:.08em}.topology-core{width:105px;height:105px;left:calc(50% - 52px);top:103px;border:1px solid var(--blue);border-radius:50%;background:rgba(39,168,218,.12);box-shadow:0 0 35px rgba(77,203,244,.23);color:#d8f6fd}.topology-node{width:76px;height:32px;border:1px solid rgba(137,211,237,.55);color:#9bdff1;background:#0b2438}.node-a{left:44px;top:35px}.node-b{right:45px;top:45px}.node-c{right:62px;bottom:42px}.topology-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--blue));transform-origin:left;opacity:.9}.line-a{width:145px;left:110px;top:67px;transform:rotate(33deg)}.line-b{width:143px;left:353px;top:75px;transform:rotate(144deg)}.line-c{width:130px;left:352px;top:191px;transform:rotate(35deg)}.panel-footer{border-bottom:0;font-size:8px;gap:10px}.research-callout{background:linear-gradient(115deg,#122e44,#092036 62%,#071829);padding:125px 0}.research-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.research-body{padding-top:34px;border-top:1px solid rgba(159,220,239,.35);font-size:17px;color:#c2d2d8}.research-body .text-link{margin-top:23px}.contact-band{padding:90px 0;background:#8ee7fb;color:#06121e}.contact-band .eyebrow{color:#125c7d}.contact-band h2{font-size:clamp(2.4rem,4.4vw,4.7rem);letter-spacing:-.06em;line-height:1.04;margin:0;color:#06121e}.contact-band h2 em{color:#0c5c7d}.contact-band-row{display:flex;align-items:end;justify-content:space-between;gap:25px}.contact-band .button{background:#061827;color:#e1f8fe;border-color:#061827}.site-footer{background:#04101c;padding:52px 0 0}.footer-top{display:grid;grid-template-columns:1fr 1.3fr auto;gap:40px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-top>p{margin:0;color:#a2b7c4;font-size:14px}.footer-contact{font-size:12px;display:flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.footer-links{display:grid;grid-template-columns:1.2fr 1.2fr 1.5fr 1fr;padding:46px 0;gap:30px}.footer-links div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links span{font:10px var(--mono);letter-spacing:.1em;color:var(--blue);text-transform:uppercase;margin-bottom:7px}.footer-links a,.footer-links p{font-size:13px;color:#a5bac5;margin:0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 0;color:#718a99;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.back-to-top{position:fixed;z-index:9;right:25px;bottom:25px;width:40px;height:40px;border:1px solid var(--line);background:#0c2437;color:var(--blue);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.cookie-banner{z-index:50;position:fixed;bottom:18px;left:18px;max-width:530px;padding:16px;background:#e7f5f8;color:#061521;display:flex;align-items:center;gap:20px;box-shadow:0 15px 40px #0008;transition:.3s}.cookie-banner.is-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.cookie-banner p{font-size:11px;line-height:1.5;margin:0}.cookie-banner p a{text-decoration:underline}.cookie-banner>div{display:flex;gap:6px}.cookie-banner .button{padding:8px 11px;background:#092237;border-color:#092237;color:#fff;white-space:nowrap}.cookie-banner .button-quiet{background:transparent;color:#092237}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}

/* New Sections */
.use-cases { background: var(--bg2); }
.use-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
.use-case-card { padding: 28px; border: 1px solid var(--line); background: rgba(11, 30, 49, .32); transition: all .3s; }
.use-case-card:hover { background: rgba(22, 53, 78, .65); transform: translateY(-3px); border-color: var(--blue); }
.use-case-card h3 { font-size: 18px; margin: 0 0 12px; color: var(--text); font-weight: 600; }
.use-case-card p { font-size: 13px; color: #a8beca; margin: 0 0 16px; line-height: 1.6; }
.use-case-card a { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--blue); transition: .2s; }
.use-case-card a:hover { color: #fff; }

.why-phonix { background: var(--bg); }
.comparison-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
.comparison-item { padding: 24px; border-left: 2px solid var(--blue); }
.comparison-item h3 { font-size: 15px; margin: 0 0 10px; color: var(--lime); font-weight: 600; }
.comparison-item p { font-size: 13px; color: #a8beca; margin: 0; line-height: 1.6; }

.integration-section { background: var(--bg2); }
.integration-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; margin-top: 50px; }
.integration-left, .integration-right { }
.integration-left h3, .integration-right h3 { font-size: 20px; margin: 0 0 16px; }
.integration-left ul, .integration-right ul { list-style: none; padding: 0; margin: 0; }
.integration-left li, .integration-right li { font-size: 13px; color: #a8beca; margin-bottom: 10px; padding-left: 20px; position: relative; }
.integration-left li:before, .integration-right li:before { content: '▸'; position: absolute; left: 0; color: var(--blue); }

.stats-section { background: var(--bg2); }
.stats-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-top: 40px; }
.stat-item { text-align: center; padding: 20px; border: 1px solid var(--line); background: rgba(11, 30, 49, .32); }
.stat-number { font-size: 28px; font-weight: 700; color: var(--blue); margin-bottom: 8px; font-family: var(--serif); }
.stat-label { font-size: 11px; color: #9eb5c3; text-transform: uppercase; letter-spacing: .06em; }

.faq-section { background: var(--bg); }
.faq-grid { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 50px; }
.faq-item { border-bottom: 1px solid var(--line); padding: 24px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--text); user-select: none; transition: .2s; }
.faq-item summary:hover { color: var(--blue); }
.faq-item p { font-size: 13px; color: #a8beca; line-height: 1.7; margin: 16px 0 0; }

@media (max-width: 768px) {
  .use-case-grid { grid-template-columns: 1fr; }
  .comparison-grid { grid-template-columns: 1fr; }
  .integration-content { grid-template-columns: 1fr; gap: 40px; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
  .stat-number { font-size: 20px; }
}