/* SurveyNeuro campaign direction: editorial photography, precise type and quiet motion. */
:root{--paper:#f7f6f1;--peach:#ff816d;--mint:#b7e5db}
body{background:var(--paper)}
.site-header{height:78px;background:#0c2634;color:#f8faf7;border-bottom:1px solid rgba(215,241,235,.15);position:relative;z-index:30}
.brand-mark{border-color:#f6f7f3}.desktop-nav a{color:#d7e4e3}.desktop-nav a:hover{color:#ff967f}.nav-cta{color:#f9fbf8;border-color:#6b8991}.nav-cta:hover{background:#f5f6f0;color:#14313c;border-color:#f5f6f0}
.desktop-nav .app-login-link{color:#ffb29f;white-space:nowrap}.desktop-nav .app-login-link:hover{color:#fff}.mobile-nav a[href="https://ai.surveyneuro.com/"]{color:#ffb29f}
.footer-bottom div{flex-wrap:wrap;align-items:center}.footer-cookie-settings{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.footer-cookie-settings:hover,.footer-cookie-settings:focus-visible{color:#ff967f;text-decoration:underline}
.cookie-notice{position:fixed;z-index:1000;left:24px;right:24px;bottom:24px;max-width:900px;margin:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:#f7f6f1;color:#102b3b;border:1px solid #b6c9c5;border-radius:14px;box-shadow:0 18px 60px #071e2a55}.cookie-notice[hidden]{display:none}.cookie-notice strong{display:block;font-size:17px;margin-bottom:6px}.cookie-notice p{font-size:14px;line-height:1.55;margin:0}.cookie-notice a{text-decoration:underline;text-underline-offset:3px;font-weight:700}.cookie-notice-button{flex:none;border:0;border-radius:5px;background:#102b3b;color:white;padding:12px 18px;font-weight:700;cursor:pointer}.cookie-notice-button:hover,.cookie-notice-button:focus-visible{background:#244b5a}@media(max-width:620px){.cookie-notice{left:12px;right:12px;bottom:12px;padding:18px;display:block}.cookie-notice-button{margin-top:15px;width:100%}}
.hero-reimagined{position:relative;isolation:isolate;background:#071e2a;min-height:735px}
.hero-photograph{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#071e2a 0%,rgba(7,30,42,.98) 13%,rgba(7,30,42,.78) 32%,rgba(7,30,42,.2) 61%,rgba(7,30,42,.04) 100%),url('assets/hero-eye.jpg');background-position:center,right center;background-size:cover,cover;animation:hero-appear 1.2s ease-out both}
.hero-reimagined:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,26,37,.75) 0%,transparent 25%,transparent 72%,rgba(6,26,37,.12) 100%);pointer-events:none}
.hero-stage{min-height:670px;position:relative;display:flex;align-items:center}
.hero-reimagined .hero-copy{padding:65px 0 105px;max-width:820px}
.hero-reimagined h1{font-size:clamp(66px,7.1vw,112px);letter-spacing:-7px;line-height:.98;margin-bottom:34px;font-weight:750;text-shadow:0 3px 24px rgba(0,0,0,.12)}
.hero-reimagined h1 em{color:#ff8b72;font-weight:500}
.hero-reimagined .hero-copy>p{font-size:20px;line-height:1.65;max-width:520px;color:#dce9e8;margin-bottom:35px}
.hero-reimagined .eyebrow{font-size:11px;letter-spacing:2.6px;margin-bottom:30px;color:#c1e8e0}
.hero-reimagined .button{padding:19px 24px;min-width:210px}
.hero-reimagined .text-link{color:#e1edeb;border-color:#88a9a8}
.hero-data{position:absolute;right:0;bottom:54px;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#eaf1ee;background:rgba(8,33,44,.55);border:1px solid rgba(196,229,219,.3);padding:15px 19px;backdrop-filter:blur(14px)}
.hero-data b{font-weight:700;color:#b5d8d2;padding-left:20px;border-left:1px solid #829a9b}
.data-pulse{display:block;width:9px;height:9px;background:#ff947a;border-radius:50%;box-shadow:0 0 0 6px rgba(255,139,114,.16)}
.hero-reimagined .hero-bottom{position:relative;border-color:rgba(217,239,234,.25);padding:20px 0 25px;color:#b6d2d1}
.signal-strip{background:#c9e8df;color:#123540;border-top:1px solid rgba(16,43,59,.1);border-bottom:1px solid rgba(16,43,59,.1)}
.signal-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:24px;padding-bottom:24px;font-size:12px;letter-spacing:1.5px;font-weight:800}
.signal-strip i{font-style:normal;color:#d45f52;font-size:17px;padding:0 4px}
.intro{background:#f7f6f1;padding:132px 0}.intro-grid{display:grid;grid-template-columns:47% 53%;align-items:stretch;gap:0}
.intro-photo{min-height:600px;background:linear-gradient(0deg,rgba(9,33,43,.75),rgba(9,33,43,0) 44%),url('assets/research-at-home.jpg') center center/cover;position:relative;overflow:hidden}
.intro-photo:before{content:"";position:absolute;inset:0;border:1px solid rgba(16,43,59,.12);pointer-events:none}
.photo-caption{position:absolute;bottom:35px;left:35px;color:#fff}.photo-caption span{display:block;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:12px;color:#c8e6df}.photo-caption strong{font-size:30px;line-height:1.2;letter-spacing:-1.2px;font-weight:700}
.intro-main{padding:60px 0 45px 80px;display:flex;flex-direction:column;justify-content:center}
.intro-main h2{font-size:clamp(42px,4.3vw,68px);line-height:1.1;letter-spacing:-3.6px;margin-bottom:25px}.intro-main h2 em{color:#e36f5d}
.intro .lead{font-size:18px;line-height:1.65;max-width:580px;color:#47636b}
.intro-points{margin-top:34px;padding-top:28px;gap:22px}.intro-points>div{padding-left:36px}.intro-points p{font-size:13px}.point-icon{width:25px;height:25px}
.methods{background:#e9efec;padding-top:130px;padding-bottom:130px}
.methods .section-head{margin-bottom:48px}.methods .section-head h2{font-size:clamp(48px,4.8vw,72px)}.methods .section-head>p{max-width:360px;font-size:17px}
.method-grid{gap:13px}.method-card{min-height:420px;padding:28px;border:1px solid rgba(13,52,62,.08);box-shadow:0 10px 25px rgba(28,74,73,.025);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),background .35s}
.method-card:hover{transform:translateY(-9px);box-shadow:0 23px 42px rgba(25,68,71,.11)}
.method-featured{background:#0d2b38}.method-top{letter-spacing:1px;color:#7c9a9d}.method-featured .method-top{color:#b9d2d0}.method-symbol{font-size:32px}
.method-content h3{font-size:21px;line-height:1.25;letter-spacing:-.7px}.method-content p{font-size:14px;line-height:1.68}.method-featured .method-content p{color:#b7d0d0}
.eye-graphic,.mini-viz{height:170px}.eye-outer{width:185px;height:96px}.eye-scan{right:4px;top:58px}.reaction-viz>span{font-size:24px;letter-spacing:2px}
.ai-band{background:#cfe4da;margin-top:15px;padding:32px 38px;min-height:138px;border-left:4px solid #ff816d}.ai-emblem{background:#123846;width:70px;height:70px;flex-basis:70px}.ai-band h3{font-size:24px}.ai-band p{font-size:14px}.ai-band>a{transition:background .2s,color .2s}.ai-band>a:hover{background:#123846;color:white}
.methods-all-link{display:inline-flex;align-items:center;gap:30px;margin-top:27px;padding-bottom:8px;border-bottom:1px solid #497e77;font-size:14px;font-weight:800;color:#17454a;transition:gap .2s,color .2s}.methods-all-link span{font-size:20px;line-height:1}.methods-all-link:hover{gap:39px;color:#d46b58}
.statement{background:#143442;color:#edf7f3;padding:100px 0 110px;overflow:hidden}.statement-grid{position:relative}.statement .number{color:#9fd3c8}.statement p{font-size:clamp(35px,4.4vw,68px);line-height:1.23;letter-spacing:-3.5px;font-weight:600;max-width:1100px;margin:35px 0 0;position:relative;z-index:2}.statement em{color:#ff917a;font-style:normal}.statement-star{position:absolute;font-size:450px;color:#28505a;right:-80px;top:-180px;line-height:1;opacity:.33;pointer-events:none}
.applications{background:#0b2634;padding:130px 0}.applications .section-head h2{font-size:clamp(48px,4.8vw,72px)}.applications .app-list{border-color:#395c64}.app-row{transition:background .25s,padding .25s;min-height:116px}.app-row:hover{background:#173b48;padding-left:22px;padding-right:22px}.app-row h3{font-size:26px}.app-row p{font-size:15px;max-width:390px}.app-arrow{width:38px;height:38px;border:1px solid #799398;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:transform .25s,background .25s}.app-row:hover .app-arrow{transform:rotate(45deg);background:#ff816d;color:#0b2634;border-color:#ff816d}
.process{background:#f7f6f1;padding:135px 0}.process h2{font-size:clamp(45px,4.6vw,70px)}.steps>div{padding:28px 0}.steps>div:first-child{padding-top:0}.steps h3{font-size:22px}.steps p{font-size:15px}
.knowledge-promo{background:linear-gradient(90deg,#0b2935 0%,rgba(11,41,53,.95) 43%,rgba(11,41,53,.85) 100%),url('assets/knowledge-hero.jpg') center/cover;color:white;padding:95px 0}.knowledge-promo-grid{display:grid;grid-template-columns:60% 40%;gap:45px;align-items:center}.knowledge-promo h2{font-size:clamp(45px,4.8vw,70px);letter-spacing:-3.5px;line-height:1.08}.knowledge-promo p{font-size:17px;line-height:1.65;color:#c4d8d4;max-width:570px;margin-bottom:26px}.knowledge-promo .number{color:#a7d7cc}.knowledge-promo-links{border-left:1px solid #a3c6bc72;padding-left:35px}.knowledge-promo-links>span{display:block;color:#acd5c9;font-size:10px;letter-spacing:1.6px;font-weight:800;margin-bottom:18px}.knowledge-promo-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #a3c6bc72;padding:18px 0;font-size:15px;line-height:1.4;font-weight:700}.knowledge-promo-links a:last-child{border-bottom:1px solid #a3c6bc72}.knowledge-promo-links a:hover{color:#ff9b82}.knowledge-promo-links b{color:#ff9b82;font-size:21px;font-weight:500}
.privacy{background:#d9ebe4;padding:115px 0}.privacy-icon{width:265px;height:265px;background:rgba(255,255,255,.23)}.privacy h2{font-size:clamp(42px,4.1vw,61px)}.privacy p{font-size:17px}.under-link:hover{color:#d85f50}
.contact{background:radial-gradient(circle at 85% 55%,#224c58 0%,#102f3e 32%,#092532 76%);padding:140px 0}.contact h2{font-size:clamp(55px,6.1vw,90px);line-height:1.03;letter-spacing:-5px}.contact .button{margin-top:6px}.graphic-ring{border-color:#87bfb5}.graphic-core span{color:#ff8b72}
footer{background:#081f2b}
.footer-bottom div{flex-wrap:wrap;justify-content:flex-end}
html.reveal-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}html.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes hero-appear{from{opacity:.45;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.intro-main{padding-left:52px}.intro-grid{grid-template-columns:44% 56%}.intro-photo{min-height:560px}.intro-points{grid-template-columns:1fr;gap:18px}.method-card{min-height:360px}.hero-reimagined h1{font-size:clamp(62px,8vw,88px)}}
@media(max-width:800px){.site-header{padding:0 28px}.desktop-nav{gap:14px;font-size:12px}.hero-reimagined{min-height:680px}.hero-stage{min-height:610px}.hero-reimagined h1{font-size:clamp(58px,9vw,78px);letter-spacing:-5px}.hero-photograph{background-position:center,65% center;background-image:linear-gradient(90deg,#071e2a 0%,rgba(7,30,42,.9) 25%,rgba(7,30,42,.48) 70%,rgba(7,30,42,.25)),url('assets/hero-eye.jpg')}.hero-data{display:none}.signal-strip .wrap{font-size:10px}.intro-grid{display:block}.intro-photo{min-height:460px}.intro-main{padding:56px 0 0}.intro-main h2{font-size:54px}.intro-points{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.method-card{min-height:365px}.statement p{letter-spacing:-2.2px}.app-row h3{font-size:22px}}
@media(max-width:800px){.knowledge-promo-grid{grid-template-columns:1fr;gap:40px}.knowledge-promo-links{border-left:0;border-top:1px solid #a3c6bc72;padding:25px 0 0}}
@media(max-width:720px){.site-header{height:68px;padding:0 20px}.menu-button span{background:#f4f6f2}.mobile-nav:not([hidden]){background:#0c2634;color:white;top:68px}.mobile-nav a{border-bottom-color:#31505a}.hero-reimagined{min-height:auto}.hero-stage{min-height:600px;align-items:flex-start}.hero-reimagined .hero-copy{padding:80px 0 90px}.hero-reimagined h1{font-size:clamp(59px,10vw,78px)}.hero-reimagined .hero-copy>p{font-size:18px}.hero-photograph{background-position:center,57% center;background-image:linear-gradient(90deg,rgba(7,30,42,.96) 0%,rgba(7,30,42,.72) 44%,rgba(7,30,42,.36) 100%),url('assets/hero-eye.jpg')}.signal-strip .wrap{gap:8px;flex-wrap:wrap;justify-content:center;padding:20px 0}.signal-strip span{font-size:10px}.intro{padding:85px 0}.intro-photo{min-height:390px}.intro-main h2{font-size:clamp(42px,8vw,56px)}.methods,.applications,.process,.privacy{padding:90px 0}.method-grid{grid-template-columns:1fr 1fr}.method-card{min-height:340px}.statement{padding:78px 0}.app-row:hover{padding-left:0;padding-right:0}.contact{padding:100px 0}.contact h2{letter-spacing:-3px}}
@media(max-width:480px){.hero-stage{min-height:600px}.hero-reimagined .hero-copy{padding:78px 0 80px}.hero-reimagined h1{font-size:clamp(50px,13.2vw,65px);letter-spacing:-3.8px}.hero-reimagined .hero-copy>p{font-size:17px}.hero-reimagined .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-reimagined .hero-bottom{font-size:8px}.signal-strip .wrap{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px}.intro-photo{min-height:320px}.intro-main{padding-top:42px}.intro-main h2{letter-spacing:-2.5px}.intro-points{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.method-card{min-height:300px}.method-featured{min-height:360px}.ai-band{padding:22px}.ai-band h3{font-size:18px}.statement p{font-size:37px;line-height:1.28}.app-row{min-height:100px}.app-row h3{font-size:19px}.app-row p{font-size:13px}.contact h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.hero-photograph{animation:none}.method-card,.app-row,.app-arrow{transition:none}html.reveal-ready [data-reveal]{opacity:1;transform:none;transition:none}}
