.voice-page { --voice-navy:#12233d; --voice-blue:#326fda; --voice-cyan:#32b9c7; --voice-green:#16876f; --voice-line:rgba(68,112,174,.18); color:#243b5d; }
.voice-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px; color:#7086a1; font-size:.78rem; }.voice-breadcrumbs a { color:inherit; text-decoration:none; }.voice-breadcrumbs a:hover { color:var(--voice-blue); }.voice-breadcrumbs i { font-size:.65rem; opacity:.55; }.voice-breadcrumbs span { color:var(--voice-blue); font-weight:700; }
.voice-page section { margin:0 0 clamp(64px,8vw,108px); }
.voice-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr); gap:clamp(36px,6vw,84px); align-items:center; padding:clamp(28px,5vw,64px); overflow:hidden; border:1px solid rgba(92,146,255,.22); border-radius:36px; background:radial-gradient(circle at 88% 8%,rgba(50,185,199,.18),transparent 30%),linear-gradient(135deg,#fff 0%,#edf6ff 58%,#e8f7f5 100%); box-shadow:0 28px 70px rgba(30,68,118,.12); }
.voice-hero::before { content:""; position:absolute; width:300px; height:300px; left:-180px; bottom:-210px; border:55px solid rgba(92,146,255,.08); border-radius:50%; }
.voice-hero-copy { position:relative; z-index:1; }
.voice-eyebrow,.voice-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--voice-blue); font-size:.76rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.voice-eyebrow { padding:8px 12px; margin-bottom:20px; border:1px solid rgba(50,111,218,.2); border-radius:999px; background:rgba(255,255,255,.72); }
.voice-hero h1 { max-width:760px; margin-bottom:22px; font-size:clamp(2.65rem,5.2vw,4.7rem); line-height:.98; letter-spacing:-.035em; }
.voice-hero-lead { max-width:720px; margin:0; color:#405b7f; font-size:clamp(1.05rem,1.6vw,1.25rem); line-height:1.7; }
.voice-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.voice-trust-list { display:flex; flex-wrap:wrap; gap:10px 18px; margin:24px 0 0; padding:0; list-style:none; color:#526a89; font-size:.84rem; }
.voice-trust-list li { margin:0; }.voice-trust-list i { margin-right:5px; color:var(--voice-green); }
.voice-console { position:relative; z-index:1; padding:22px; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:linear-gradient(155deg,#172d4c,#0e1c31); box-shadow:0 30px 60px rgba(15,35,64,.28); }
.voice-console::after { content:""; position:absolute; inset:auto 12% -18px; height:30px; z-index:-1; background:rgba(25,68,110,.22); filter:blur(18px); }
.voice-console-top,.voice-caller,.voice-context { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.voice-live { font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.voice-live i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#47e4ad; box-shadow:0 0 0 5px rgba(71,228,173,.12); }
.voice-duration { color:#9db3cf; font-variant-numeric:tabular-nums; font-size:.8rem; }
.voice-caller { justify-content:flex-start; padding:24px 0 18px; }.voice-avatar,.voice-call-icon { display:grid; width:46px; height:46px; place-items:center; flex:0 0 auto; border-radius:15px; background:rgba(85,148,237,.18); color:#83b7ff; font-size:1.25rem; }.voice-caller div { display:flex; flex-direction:column; flex:1; }.voice-caller strong { font-size:1rem; }.voice-caller small { color:#93a9c5; }.voice-call-icon { width:38px; height:38px; color:#51ddb1; background:rgba(81,221,177,.12); font-size:.95rem; }
.voice-wave { display:flex; height:74px; align-items:center; justify-content:center; gap:5px; padding:10px 0; }.voice-wave i { width:5px; height:var(--wave-height); min-height:8px; border-radius:99px; background:linear-gradient(#56d4dc,#5894ff); box-shadow:0 0 12px rgba(68,180,230,.3); }
.voice-transcript { min-height:55px; margin:0 0 16px; padding:13px 15px; color:#d9e6f5; font-size:.88rem; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.04); }
.voice-context { padding:12px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); font-size:.76rem; }.voice-context span { color:#91a8c5; }.voice-context span i { color:#5ed5dc; }.voice-context strong { font-size:.76rem; }
.voice-action-chips { display:flex; flex-wrap:wrap; gap:7px; padding-top:16px; }.voice-action-chips span { padding:7px 9px; color:#bbcee4; font-size:.67rem; border:1px solid rgba(255,255,255,.09); border-radius:9px; background:rgba(255,255,255,.04); }.voice-action-chips i { margin-right:4px; color:#64cbd4; }
.voice-capabilities { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:-34px!important; padding:0 clamp(14px,3vw,40px); position:relative; z-index:2; }
.voice-capabilities article { display:flex; gap:13px; align-items:center; min-height:108px; padding:18px; border:1px solid var(--voice-line); border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 12px 30px rgba(38,74,122,.08); }.voice-capabilities article>span { display:grid; width:40px; height:40px; place-items:center; flex:0 0 auto; color:var(--voice-blue); border-radius:13px; background:#eaf2ff; }.voice-capabilities strong { color:var(--voice-navy); }.voice-capabilities p { margin:2px 0 0; color:#607896; font-size:.78rem; line-height:1.45; }
.voice-section-heading { max-width:780px; margin:0 auto 36px; text-align:center; }.voice-section-heading h2,.voice-mission-copy h2,.voice-excel-copy h2,.voice-boundaries h2,.voice-final-cta h2 { margin:10px 0 14px; color:var(--voice-navy); font-family:var(--font-serif); font-size:clamp(2rem,3.6vw,3rem); line-height:1.08; }.voice-section-heading p { color:#5d7390; font-size:1.04rem; }
.voice-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:18px; align-items:center; }.voice-flow-card { position:relative; min-height:250px; padding:28px; overflow:hidden; border:1px solid var(--voice-line); border-radius:25px; background:#fff; box-shadow:0 16px 38px rgba(38,74,122,.07); }.voice-flow-card>span { position:absolute; right:18px; top:12px; color:rgba(41,92,158,.08); font-family:var(--font-serif); font-size:4.5rem; font-weight:700; }.voice-flow-card>i { display:grid; width:52px; height:52px; margin-bottom:26px; place-items:center; color:var(--voice-blue); border-radius:17px; background:#eaf2ff; font-size:1.35rem; }.voice-flow-card h3 { margin:0 0 10px; color:var(--voice-navy); font-size:1.14rem; }.voice-flow-card p { margin:0; color:#627895; font-size:.91rem; }.voice-flow-core { color:#fff; border-color:transparent; background:linear-gradient(145deg,#245ba9,#163d77); box-shadow:0 20px 42px rgba(31,83,157,.22); }.voice-flow-core h3,.voice-flow-core p { color:#fff; }.voice-flow-core p { opacity:.82; }.voice-flow-core>i { color:#fff; background:rgba(255,255,255,.14); }.voice-flow-core>span { color:rgba(255,255,255,.08); }.voice-flow-result>i { color:var(--voice-green); background:#e5f6f1; }.voice-flow-arrow { color:#86a2c6; font-size:1.3rem; }
.voice-use-cases { padding:clamp(30px,5vw,64px); border-radius:34px; background:linear-gradient(155deg,#eaf4ff,#f7fbff); }.voice-cases-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.voice-case-card { display:flex; gap:18px; min-height:170px; padding:25px; border:1px solid rgba(80,126,186,.15); border-radius:22px; background:rgba(255,255,255,.86); }.voice-case-featured { grid-row:span 2; flex-direction:column; min-height:356px; justify-content:flex-end; color:#fff; background:radial-gradient(circle at 80% 10%,rgba(79,218,209,.3),transparent 35%),linear-gradient(145deg,#142e50,#1c5683); }.voice-card-icon { display:grid; width:48px; height:48px; place-items:center; flex:0 0 auto; color:var(--voice-blue); border-radius:16px; background:#eaf2ff; font-size:1.25rem; }.voice-case-featured .voice-card-icon { width:65px; height:65px; color:#fff; background:rgba(255,255,255,.12); font-size:1.65rem; }.voice-card-tag { display:inline-block; margin-bottom:9px; color:#69d9dc; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.voice-case-card h3 { margin:2px 0 8px; color:var(--voice-navy); }.voice-case-featured h3 { color:#fff; font-size:1.55rem; }.voice-case-card p { margin:0; color:#647a96; font-size:.9rem; }.voice-case-featured p { color:#c7d7e9; }
.voice-mission-panel,.voice-excel-panel { display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,7vw,90px); align-items:center; }.voice-mission-copy>p,.voice-excel-copy>p { color:#5c7390; font-size:1.03rem; }.voice-mission-copy blockquote { position:relative; margin:25px 0; padding:20px 22px 20px 27px; color:#264a78; font-family:var(--font-serif); font-size:1.24rem; line-height:1.45; border-left:4px solid var(--voice-cyan); border-radius:0 16px 16px 0; background:#edf8fa; }.voice-mission-copy ul { margin:0; padding:0; list-style:none; }.voice-mission-copy li { display:flex; gap:9px; margin:8px 0; }.voice-mission-copy li i { color:var(--voice-green); }
.voice-task-card { padding:28px; border:1px solid rgba(58,110,178,.2); border-radius:28px; background:#fff; box-shadow:0 25px 60px rgba(32,70,120,.13); transform:rotate(1deg); }.voice-task-head { display:flex; gap:14px; align-items:center; padding-bottom:20px; border-bottom:1px solid #e6edf6; }.voice-task-head>span { display:grid; width:48px; height:48px; place-items:center; color:#fff; border-radius:15px; background:var(--voice-blue); }.voice-task-head div { display:flex; flex-direction:column; }.voice-task-head small,.voice-task-mission small { color:#7990ad; font-size:.66rem; font-weight:800; letter-spacing:.1em; }.voice-task-head strong { color:var(--voice-navy); }.voice-task-card dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:22px 0; }.voice-task-card dl div { display:flex; flex-direction:column; }.voice-task-card dt { color:#8194ac; font-size:.7rem; }.voice-task-card dd { margin:2px 0 0; color:#263e5f; font-size:.87rem; font-weight:700; }.voice-status { display:inline-flex; width:max-content; padding:3px 8px; color:#0e7963; border-radius:99px; background:#dcf5ed; font-size:.7rem; }.voice-task-mission { padding:15px; border-radius:14px; background:#f3f7fc; }.voice-task-mission p { margin:5px 0 0; font-size:.83rem; line-height:1.5; }
.voice-excel-panel { padding:clamp(30px,5vw,58px); border:1px solid rgba(21,135,111,.16); border-radius:34px; background:linear-gradient(140deg,#edf9f5,#fff); }.voice-excel-sheet { overflow:hidden; border:1px solid #d7e6e0; border-radius:19px; background:#fff; box-shadow:0 22px 50px rgba(37,104,84,.12); transform:rotate(-1deg); }.voice-sheet-bar { padding:15px 18px; color:#fff; background:#19775f; font-size:.84rem; font-weight:700; }.voice-sheet-bar i { margin-right:7px; }.voice-sheet-row { display:grid; grid-template-columns:1.1fr 1fr .65fr; }.voice-sheet-row span { padding:12px 14px; border-right:1px solid #e3ece8; border-bottom:1px solid #e3ece8; font-size:.78rem; }.voice-sheet-row span:last-child { border-right:0; }.voice-sheet-head { color:#557268; background:#f0f7f4; font-weight:800; }.voice-sheet-row .is-ready { color:#15745e; font-weight:800; }.voice-note { display:flex; gap:10px; margin-top:20px!important; padding:15px; border-radius:15px; background:#e8f5f1; font-size:.84rem!important; }.voice-note i { color:var(--voice-green); font-size:1.1rem; }
.voice-boundaries { display:flex; gap:25px; align-items:flex-start; padding:clamp(26px,4vw,44px); border:1px solid rgba(218,157,49,.25); border-radius:28px; background:linear-gradient(135deg,#fff9e9,#fff); }.voice-boundaries-icon { display:grid; width:58px; height:58px; place-items:center; flex:0 0 auto; color:#a86710; border-radius:18px; background:#fff0c9; font-size:1.45rem; }.voice-boundaries h2 { max-width:780px; font-size:clamp(1.7rem,3vw,2.4rem); }.voice-boundaries p { max-width:870px; margin:0; color:#6d624c; }
.voice-faq-list { max-width:900px; margin:0 auto; }.voice-faq details { margin-bottom:10px; overflow:hidden; border:1px solid var(--voice-line); border-radius:16px; background:#fff; }.voice-faq summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 20px; color:var(--voice-navy); cursor:pointer; font-weight:800; list-style:none; }.voice-faq summary::-webkit-details-marker { display:none; }.voice-faq summary i { transition:transform .2s ease; }.voice-faq details[open] summary i { transform:rotate(45deg); }.voice-faq details p { margin:0; padding:0 20px 20px; color:#607693; }
.voice-final-cta { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-bottom:0!important; padding:clamp(30px,5vw,58px); color:#fff; border-radius:34px; background:radial-gradient(circle at 90% 0,rgba(54,207,200,.25),transparent 34%),linear-gradient(135deg,#122642,#1d4b7c); box-shadow:0 28px 60px rgba(18,45,79,.2); }.voice-final-cta h2 { max-width:670px; color:#fff; }.voice-final-cta p { max-width:680px; margin:0; color:#c6d6e8; }.voice-final-cta>div:last-child { display:flex; flex:0 0 auto; flex-wrap:wrap; gap:10px; }.voice-final-cta .btn-cta.outline { color:#fff; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); }
@media (max-width:950px) { .voice-hero { grid-template-columns:1fr; }.voice-console { max-width:560px; width:100%; margin:0 auto; }.voice-capabilities { grid-template-columns:repeat(2,1fr); }.voice-flow { grid-template-columns:1fr; }.voice-flow-arrow { transform:rotate(90deg); justify-self:center; }.voice-mission-panel,.voice-excel-panel { grid-template-columns:1fr; }.voice-excel-sheet { order:2; }.voice-final-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:620px) { .voice-page section { margin-bottom:56px; }.voice-hero { padding:26px 20px; border-radius:25px; }.voice-hero h1 { font-size:2.55rem; }.voice-capabilities { grid-template-columns:1fr; margin-top:-20px!important; }.voice-capabilities article { min-height:88px; }.voice-cases-grid { grid-template-columns:1fr; }.voice-case-featured { grid-row:auto; min-height:280px; }.voice-use-cases,.voice-excel-panel { padding:25px 18px; border-radius:25px; }.voice-mission-panel { gap:30px; }.voice-task-card { padding:20px; transform:none; }.voice-task-card dl { grid-template-columns:1fr; }.voice-boundaries { flex-direction:column; }.voice-final-cta { padding:30px 22px; border-radius:25px; }.voice-final-cta>div:last-child { width:100%; }.voice-final-cta .btn-cta { justify-content:center; width:100%; }.voice-action-chips span { flex:1 1 40%; }.voice-flow-card { min-height:auto; } }
@media (prefers-reduced-motion:reduce) { .voice-faq summary i { transition:none; } }