/* OUTSPOQEN Signal — complete visual redesign. Content and section order preserved. */
:root{--navy:#071827;--midnight:#0b2133;--ink:#14222d;--blue:#2878ff;--signal:#48a3ff;--sky:#70b7ff;--ice:#e8f3fa;--powder:#c9dff0;--grey:#dfeaf2;--white:#fff;--warm:#f7fbff}
*{box-sizing:border-box}
body{background:var(--navy);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.pad{padding:clamp(88px,12vh,150px) clamp(24px,6vw,110px)}
.label{color:#49728f;font-size:.68rem;letter-spacing:.24em}
.label-light{color:var(--signal)}
.header,.header.scrolled{height:82px;padding:0 clamp(22px,4.5vw,76px);background:rgba(7,24,39,.88);color:#fff;border-bottom:1px solid #70b7ff2d;box-shadow:none;backdrop-filter:blur(18px)}
.header nav a,.header.scrolled nav a{color:#fff}.header nav{gap:34px}.header nav a{font-size:.64rem;letter-spacing:.17em}.header nav a:hover{color:var(--signal)}
.header .logo-image{filter:brightness(0) invert(1);width:clamp(210px,18vw,275px)}
.opening{min-height:100svh;padding:15vh 5vw 8vh;background:radial-gradient(circle at 78% 50%,#123e61 0,transparent 34%),var(--navy)}
.opening:before{content:"";position:absolute;z-index:0;left:-5vw;right:-5vw;top:32%;height:42%;opacity:.68;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 500'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%2370b7ff' stop-opacity='.05'/%3E%3Cstop offset='.55' stop-color='%232878ff'/%3E%3Cstop offset='1' stop-color='%2370b7ff' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 250 C90 250 90 232 180 232 S270 282 360 282 450 185 540 185 630 342 720 342 810 92 900 92 990 395 1080 395 1170 24 1260 24 1350 250 1600 250' fill='none' stroke='url(%23g)' stroke-width='15'/%3E%3Cpath d='M0 276 C120 276 120 266 240 266 S360 292 480 292 600 236 720 236 840 318 960 318 1080 190 1200 190 1320 276 1600 276' fill='none' stroke='%2370b7ff' stroke-width='3' opacity='.55'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.opening:after{right:-12vw;top:-20vh;width:38vw;height:145vh;background:linear-gradient(90deg,transparent,#2878ff18);transform:skewX(-10deg)}
.opening-inner{z-index:2}.opening-kicker{color:var(--powder);letter-spacing:.03em}.be{color:var(--signal);text-shadow:0 0 34px #2878ff45}.brand{color:#fff}.about-line{font-size:clamp(2.8rem,6vw,6.8rem)}.word-viewport{color:var(--signal)}
.continue,.replay{letter-spacing:.18em}.continue span{color:var(--signal)}
.intro,.services,.value,.whitepapers,.process,.about,.belief,.faq,.contact{position:relative;isolation:isolate;overflow:hidden}
.intro>*:not(.signal),.services>*:not(.signal),.value>*:not(.signal),.whitepapers>*:not(.signal),.process>*:not(.signal),.about>*:not(.signal),.belief>*:not(.signal),.faq>*:not(.signal),.contact>*:not(.signal){position:relative;z-index:2}
.intro{background:var(--warm);min-height:90vh;display:flex;flex-direction:column;justify-content:center}
.intro:after{content:"";position:absolute;right:-9vw;bottom:0;width:64vw;height:52%;opacity:.58;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400'%3E%3Cpath d='M0 220 C65 220 65 190 130 190 S195 270 260 270 325 120 390 120 455 322 520 322 585 48 650 48 715 352 780 352 845 160 910 160 960 220 1000 220' fill='none' stroke='%232878ff' stroke-width='8'/%3E%3Cpath d='M0 250 C80 250 80 235 160 235 S240 270 320 270 400 205 480 205 560 294 640 294 720 165 800 165 880 250 1000 250' fill='none' stroke='%2370b7ff' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:8vw;max-width:1500px}.intro h2{font-size:clamp(4.2rem,8vw,8rem)}.intro h2 em{color:var(--blue)}.lead-copy{padding:34px 0 0 38px;border-left:1px solid #2878ff55}.text-link{border-color:var(--blue)}
.services{background:var(--navy);color:#fff;padding-top:15vh}
.services:before{content:"";position:absolute;right:-4vw;top:8vh;width:64vw;height:43vh;opacity:.42;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cg fill='%232878ff'%3E%3Crect x='10' y='202' width='7' height='16'/%3E%3Crect x='36' y='180' width='7' height='60'/%3E%3Crect x='62' y='145' width='7' height='130'/%3E%3Crect x='88' y='102' width='7' height='216'/%3E%3Crect x='114' y='168' width='7' height='84'/%3E%3Crect x='140' y='193' width='7' height='34'/%3E%3Crect x='166' y='126' width='7' height='168'/%3E%3Crect x='192' y='55' width='7' height='310'/%3E%3Crect x='218' y='8' width='10' height='404' fill='%2370b7ff'/%3E%3Crect x='246' y='92' width='7' height='236'/%3E%3Crect x='272' y='170' width='7' height='80'/%3E%3Crect x='298' y='198' width='7' height='24'/%3E%3C/g%3E%3C/svg%3E") right center/100% 100% no-repeat}
.services .section-head{grid-template-columns:1fr;max-width:960px;margin-top:6vh}.services .section-head h2{font-size:clamp(4rem,8vw,8.2rem)}
.service-list{margin-top:12vh;border-color:#70b7ff45}.service-list article{grid-template-columns:90px 1fr;padding:44px 0;border-color:#70b7ff35;transition:background .25s,padding .25s}.service-list article:hover{background:#0d2940;padding-left:24px;padding-right:24px}.service-num{color:var(--signal)}.service-list article>div:nth-child(2){grid-template-columns:.82fr 1fr .7fr}.service-list h3{font-size:clamp(2.3rem,3.5vw,4rem)}.service-list p,.service-list ul{color:var(--powder)}
.value{background:var(--ice);color:var(--ink)}
.value:before{content:"";position:absolute;left:0;right:0;bottom:2vh;height:44vh;opacity:.40;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 420'%3E%3Cpath d='M0 225 C120 225 120 210 240 210 S360 245 480 245 600 175 720 175 840 278 960 278 1080 80 1200 80 1320 225 1500 225' fill='none' stroke='%232878ff' stroke-width='9'/%3E%3Cpath d='M0 255 C120 255 120 245 240 245 S360 268 480 268 600 224 720 224 840 286 960 286 1080 170 1200 170 1320 255 1500 255' fill='none' stroke='%2370b7ff' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.value>h2{font-size:clamp(4rem,8vw,8rem);max-width:1100px}.value-grid{gap:1px;border:0;background:#14222d24}.value-grid article{position:relative;background:#e8f3fae8;border:0!important;padding:42px 5vw 48px!important;min-height:280px}.value-grid article:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:0;background:var(--blue);transition:width .35s}.value-grid article:hover:after{width:100%}.value-grid h3{font-size:clamp(1.6rem,2.4vw,2.5rem)}
.whitepapers{background:var(--warm);padding-top:14vh}.whitepapers:before{content:"";position:absolute;right:2vw;top:8vh;width:44vw;height:22vh;opacity:.42;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 220'%3E%3Cpath d='M0 110 C60 110 60 92 120 92 S180 138 240 138 300 62 360 62 420 172 480 172 540 12 600 12 660 190 720 190 780 80 840 80 880 110 900 110' fill='none' stroke='%232878ff' stroke-width='7'/%3E%3C/svg%3E") center/100% 100% no-repeat}.whitepapers .section-head h2{font-size:clamp(4rem,8vw,8rem)}
.whitepaper-shell{background:var(--navy);border-top:1px solid #70b7ff42;border-bottom:1px solid #70b7ff42}.whitepaper-slide{min-height:78vh}.project-blue{background:linear-gradient(120deg,#70b7ff,#2878ff);color:var(--ink)}.project-light{background:var(--ice)}.project-navy{background:linear-gradient(145deg,#071827,#102c44);color:#fff}.whitepaper-visual{filter:drop-shadow(0 30px 35px #00101d66)}
.process{background:var(--navy);color:#fff}
.process:after{content:"";position:absolute;left:8vw;right:0;top:12vh;height:33vh;opacity:.38;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1300 360'%3E%3Cpath d='M0 180 C100 180 100 168 200 168 S300 204 400 204 500 132 600 132 700 254 800 254 900 42 1000 42 1100 292 1200 292 1250 180 1300 180' fill='none' stroke='%2370b7ff' stroke-width='6' stroke-dasharray='2 14' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.process .section-head{position:relative}.process .section-head h2{font-size:clamp(4rem,8vw,8rem)}.process-promise{border-left:1px solid var(--signal);padding-left:28px}.steps{position:relative;border-color:#70b7ff40}.steps:before{content:"";position:absolute;left:44px;top:0;bottom:0;width:1px;background:linear-gradient(var(--signal),#2878ff22)}.steps article{grid-template-columns:90px 1fr;padding:38px 0;border-color:#70b7ff30}.steps article>span{position:relative;z-index:2;width:42px;height:42px;display:grid;place-items:center;background:var(--navy);border:1px solid var(--signal);border-radius:50%;color:var(--signal);font-size:.75rem}.steps h3{font-size:clamp(2rem,3vw,3.4rem)}.steps p{color:var(--powder)}
.about{background:var(--warm);min-height:88vh;display:flex;flex-direction:column;justify-content:center}.about:before{content:"";position:absolute;right:-8vw;bottom:0;width:70vw;height:62%;opacity:.53;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 520'%3E%3Cpath d='M0 260 C80 260 80 120 160 120 S240 390 320 390 400 175 480 175 560 332 640 332 720 32 800 32 880 472 960 472 1020 260 1100 260' fill='none' stroke='%2370b7ff' stroke-width='3' opacity='.8'/%3E%3Cpath d='M0 260 C80 260 80 198 160 198 S240 322 320 322 400 220 480 220 560 298 640 298 720 104 800 104 880 408 960 408 1020 260 1100 260' fill='none' stroke='%232878ff' stroke-width='12'/%3E%3C/svg%3E") center/100% 100% no-repeat}.about-grid{grid-template-columns:1.1fr .72fr;gap:8vw}.about h2{font-size:clamp(4rem,7vw,7.4rem)}.about-grid>div{padding:30px 0 0 35px;border-left:1px solid #2878ff66;background:#f7fbffd9}
.belief{background:linear-gradient(135deg,#2878ff,#70b7ff);min-height:92vh;color:var(--ink)}.belief:before{content:"";position:absolute;inset:4%;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 600'%3E%3Cpath d='M0 300 C125 300 125 274 250 274 S375 342 500 342 625 190 750 190 875 430 1000 430 1125 72 1250 72 1375 300 1500 300' fill='none' stroke='%23071827' stroke-width='14'/%3E%3Cpath d='M0 332 C125 332 125 318 250 318 S375 352 500 352 625 276 750 276 875 382 1000 382 1125 234 1250 234 1375 332 1500 332' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat}.belief blockquote{position:relative;z-index:2;max-width:1300px;font-size:clamp(3.1rem,6.5vw,7rem)}
.faq{background:var(--ice);min-height:90vh}.faq:after{content:"";position:absolute;right:-5vw;top:12vh;width:44vw;height:70vh;opacity:.25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 650 820'%3E%3Cg fill='%232878ff'%3E%3Crect x='10' y='395' width='8' height='30'/%3E%3Crect x='38' y='352' width='8' height='116'/%3E%3Crect x='66' y='286' width='8' height='248'/%3E%3Crect x='94' y='190' width='8' height='440'/%3E%3Crect x='122' y='315' width='8' height='190'/%3E%3Crect x='150' y='375' width='8' height='70'/%3E%3Crect x='178' y='248' width='8' height='324'/%3E%3Crect x='206' y='104' width='8' height='612'/%3E%3Crect x='234' y='15' width='12' height='790'/%3E%3Crect x='266' y='175' width='8' height='470'/%3E%3Crect x='294' y='330' width='8' height='160'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}.faq>h2{font-size:clamp(4rem,8vw,8rem)}.questions{max-width:1080px;background:#e8f3fae8}.questions details{border-color:#14222d45}.questions summary{padding:34px 0;font-size:clamp(1.1rem,1.5vw,1.45rem)}.questions summary span{color:var(--blue)}
.contact{background:var(--navy);color:#fff;min-height:105vh;padding-top:15vh}.contact:before{content:"";position:absolute;left:-5vw;right:-5vw;top:4vh;height:47vh;opacity:.53;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 500'%3E%3Cpath d='M0 250 C110 250 110 225 220 225 S330 290 440 290 550 160 660 160 770 362 880 362 990 36 1100 36 1210 410 1320 410 1430 250 1600 250' fill='none' stroke='%232878ff' stroke-width='15'/%3E%3Cpath d='M0 282 C130 282 130 268 260 268 S390 304 520 304 650 232 780 232 910 336 1040 336 1170 194 1300 194 1430 282 1600 282' fill='none' stroke='%2370b7ff' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat}.contact>div:first-child{position:relative;z-index:2}.contact>div:first-child>p{color:var(--powder);letter-spacing:.03em}.contact h2{color:#fff}.contact h2 span{color:var(--signal)}.contact-side{position:relative;z-index:3;padding:55px clamp(24px,5vw,74px);background:#f7fbfff2;color:var(--ink);border-top:5px solid var(--blue);box-shadow:0 30px 80px #0005}.contact input,.contact textarea{color:var(--ink);border-color:#14222d66}.contact button[type=submit]{background:var(--blue);border-color:var(--blue);color:#fff}.contact button[type=submit]:hover{background:var(--navy);color:#fff}
footer{background:#fff;color:var(--ink);border-top:1px solid #14222d22}footer p,.footer-links a{color:var(--ink)}
.legal-link{appearance:none;border:0;padding:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.legal-link:hover{color:var(--blue)}
.cookie-banner{position:fixed;z-index:30;right:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,42px);width:min(440px,calc(100vw - 36px));padding:30px 32px 26px;background:var(--navy);color:#fff;border:1px solid #70b7ff66;box-shadow:0 24px 70px #00101d75;overflow:hidden}.cookie-banner[hidden]{display:none}.cookie-signal{position:absolute;inset:auto -14% 0 -14%;height:72px;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100'%3E%3Cpath d='M0 54 C48 54 48 44 96 44 S144 70 192 70 240 20 288 20 336 88 384 88 432 35 480 35 528 54 600 54' fill='none' stroke='%2370b7ff' stroke-width='5'/%3E%3Cpath d='M0 61 C70 61 70 55 140 55 S210 71 280 71 350 40 420 40 490 76 560 76 580 61 600 61' fill='none' stroke='%232878ff' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}.cookie-banner>*:not(.cookie-signal){position:relative;z-index:1}.cookie-eyebrow,.legal-kicker{margin:0 0 10px;color:var(--signal);font-size:.67rem;font-weight:700;letter-spacing:.21em}.cookie-banner h2{margin:0 0 12px;font-size:clamp(1.85rem,4vw,2.6rem);line-height:.94}.cookie-banner p:not(.cookie-eyebrow){margin:0;color:var(--powder);font-size:.93rem;line-height:1.55}.cookie-actions{display:flex;gap:12px;margin:22px 0 15px}.cookie-actions button{padding:12px 15px;border:1px solid var(--signal);font-size:.68rem;font-weight:700;letter-spacing:.12em;cursor:pointer}.cookie-accept{background:var(--blue);color:#fff}.cookie-accept:hover{background:var(--signal);color:var(--navy)}.cookie-decline{background:transparent;color:#fff}.cookie-decline:hover{background:#fff;color:var(--navy)}.cookie-policy{padding:0;border:0;background:none;color:var(--signal);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.legal-dialog{width:min(900px,calc(100vw - 36px));max-height:min(85vh,900px);margin:auto;padding:0;border:1px solid #70b7ff66;background:var(--warm);color:var(--ink);box-shadow:0 40px 100px #00101dcc}.legal-dialog::backdrop{background:#071827cc;backdrop-filter:blur(7px)}.legal-dialog-inner{position:relative;padding:clamp(38px,7vw,78px);overflow:auto;max-height:min(85vh,900px)}.legal-dialog h2{margin:0;font-size:clamp(3rem,7vw,6.4rem);line-height:.86}.legal-updated{margin:20px 0 40px;color:#49728f;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.dialog-close{position:absolute;top:22px;right:25px;width:38px;height:38px;padding:0;border:1px solid #2878ff66;background:#fff;color:var(--blue);font-size:2rem;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--blue);color:#fff}.legal-copy{max-width:710px}.legal-copy p,.legal-copy li{font-size:1rem;line-height:1.65}.legal-copy h3{margin:32px 0 9px;font-size:1.24rem}.legal-copy a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}.legal-copy ul{padding-left:22px}.legal-copy li+li{margin-top:8px}
@media(prefers-reduced-motion:no-preference){.opening:before,.intro:after,.whitepapers:before,.about:before,.contact:before{animation:signalFloat 13s ease-in-out infinite alternate}.services:before,.process:after,.faq:after{animation:signalBreathe 8s ease-in-out infinite alternate}}
@keyframes signalFloat{to{transform:translateX(2.4vw)}}@keyframes signalBreathe{to{opacity:.58;transform:scaleY(1.04)}}
/* Approved section signal refinements; existing content stays in its original flow. */
.intro:has(.signal-intro):after,.services:has(.signal-services):before,
.value:has(.signal-string):before,.whitepapers:has(.signal-insights):before,
.process:has(.signal-process):after,.about:has(.signal-about):before,
.faq:has(.signal-faq):after{content:none;animation:none}
.section-signal{position:absolute;z-index:1;display:block;pointer-events:none;overflow:hidden}
.signal-services,.signal-faq,.signal-string{z-index:3;pointer-events:auto}
.signal-bar{pointer-events:all}
.signal-bar line{transition:stroke .2s ease,filter .2s ease;pointer-events:none}
.signal-bar:hover line{stroke:var(--bar-hover);filter:drop-shadow(0 0 4px var(--bar-hover))}
.signal-string{touch-action:pan-y}
.whitepapers .section-head,.process .section-head{row-gap:24px}
.whitepapers .section-head>p,.process .section-head>.process-promise{grid-column:1 / -1;grid-row:2;margin:0}
.whitepapers .section-head>p span,.process-promise span{display:inline}
.whitepapers .section-head>p span+span::before,.process-promise span+span::before{content:" "}
.process-promise{border-left:0;padding-left:0}
.belief>.label{color:#fff}
@media(prefers-reduced-motion:reduce){.signal-bar line{transition:none}}
@media(max-width:850px){.header{height:68px}.header nav{background:var(--navy);color:#fff;border-bottom:1px solid #70b7ff33}.menu{color:#fff}.opening:before{top:39%;height:30%}.intro-grid,.section-head,.about-grid{grid-template-columns:1fr}.lead-copy,.about-grid>div{padding-left:22px}.services:before{width:95vw;opacity:.22}.service-list article>div:nth-child(2){grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.whitepapers:before{width:75vw}.process:after{opacity:.22}.about:before{width:105vw;opacity:.32}.belief{min-height:78vh}.faq:after{width:75vw;opacity:.14}.contact:before{top:8vh;height:34vh}.contact-side{padding:40px 24px}.header .logo-image{filter:brightness(0) invert(1)}}
@media(max-width:520px){.pad{padding-left:22px;padding-right:22px}.opening h1{transform:none}.brand{font-size:clamp(3rem,15vw,5rem)}.service-list article,.steps article{grid-template-columns:58px 1fr}.steps:before{left:20px}.value-grid article{min-height:auto}.about-line{white-space:normal}.contact h2{font-size:clamp(4rem,20vw,7rem)}}