:root{
 --bg:#020a12;
 --bg2:#06131f;
 --surface:rgba(7,24,38,.78);
 --surface-strong:#071a2a;
 --surface-light:#0b2235;
 --line:rgba(117,211,231,.17);
 --line-strong:rgba(63,234,222,.42);
 --white:#f8fbff;
 --text:#dbe8f2;
 --muted:#91a9bc;
 --cyan:#43eff5;
 --teal:#38f0cf;
 --emerald:#36d99d;
 --violet:#7868ff;
 --purple:#bd5cff;
 --danger:#ff6584;
 --shadow:0 38px 100px rgba(0,0,0,.45);
 --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
 margin:0;
 min-height:100vh;
 overflow-x:hidden;
 color:var(--white);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:
 radial-gradient(circle at 78% -6%,rgba(73,79,255,.11),transparent 36rem),
 radial-gradient(circle at 5% 32%,rgba(28,222,208,.07),transparent 33rem),
 linear-gradient(180deg,#020912 0%,#04111c 50%,#020a12 100%);
}
body:before{
 content:"";
 position:fixed;
 inset:0;
 z-index:-1;
 opacity:.23;
 pointer-events:none;
 background-image:
 linear-gradient(rgba(65,215,223,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(65,215,223,.035) 1px,transparent 1px);
 background-size:42px 42px;
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(1420px,calc(100% - 44px));margin:auto}

.nav{
 position:sticky;
 top:0;
 z-index:80;
 border-bottom:1px solid var(--line);
 background:rgba(2,10,18,.78);
 backdrop-filter:blur(22px);
}
.nav-inner{
 min-height:80px;
 display:flex;
 align-items:center;
 gap:30px;
}
.brand img{display:block;width:196px;height:auto}
.nav-links{
 margin-left:auto;
 display:flex;
 align-items:center;
 gap:28px;
 color:#c3d4e2;
 font-size:14px;
}
.nav-links a:not(.button):hover{color:white}
.nav-actions{display:flex;gap:10px;margin-left:10px}
.menu-button{display:none;margin-left:auto}

.button{
 min-height:46px;
 padding:0 19px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 border-radius:12px;
 border:1px solid var(--line-strong);
 background:rgba(4,18,29,.7);
 color:#f7fdff;
 font-weight:780;
 cursor:pointer;
 transition:.25s transform,.25s border-color,.25s background,.25s box-shadow;
}
.button:hover{
 transform:translateY(-2px);
 border-color:rgba(65,241,224,.75);
}
.button.primary{
 border-color:transparent;
 color:#02130f;
 background:linear-gradient(135deg,var(--teal),var(--emerald));
 box-shadow:0 14px 35px rgba(56,240,207,.15);
}
.button.voice:before{
 content:"";
 width:20px;
 height:18px;
 display:block;
 background:
 linear-gradient(90deg,
 transparent 0 5%,
 var(--teal) 5% 12%,
 transparent 12% 23%,
 var(--teal) 23% 31%,
 transparent 31% 43%,
 var(--cyan) 43% 50%,
 transparent 50% 62%,
 var(--teal) 62% 70%,
 transparent 70% 80%,
 var(--cyan) 80% 86%,
 transparent 86%);
}

.hero{
 position:relative;
 padding:62px 0 38px;
}
.hero-grid{
 display:grid;
 grid-template-columns:minmax(370px,.92fr) minmax(500px,1.23fr) minmax(390px,.86fr);
 min-height:650px;
 gap:18px;
 align-items:stretch;
}
.hero-copy{
 position:relative;
 z-index:4;
 padding:52px 10px 36px 0;
}
.eyebrow{
 color:var(--cyan);
 text-transform:uppercase;
 letter-spacing:.17em;
 font-size:12px;
 line-height:1.5;
 font-weight:900;
}
.hero h1{
 max-width:680px;
 margin:18px 0 24px;
 font-size:clamp(54px,5.7vw,91px);
 line-height:.94;
 letter-spacing:-.06em;
}
.hero-lead{
 max-width:610px;
 color:var(--muted);
 font-size:18px;
 line-height:1.65;
}
.hero-actions{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
 margin-top:30px;
}
.hero-proofs{
 margin-top:38px;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px 20px;
 color:#bdcede;
 font-size:13px;
}
.proof{
 display:flex;
 align-items:center;
 gap:9px;
}
.proof-icon{
 width:28px;height:28px;border-radius:50%;
 display:grid;place-items:center;
 color:var(--teal);
 border:1px solid rgba(55,236,211,.25);
 background:rgba(55,236,211,.06);
}

.scene{
 position:relative;
 min-height:650px;
 overflow:hidden;
 border-radius:30px;
 border:1px solid var(--line);
 box-shadow:var(--shadow);
 background:#03101a;
}
.scene>img{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
}
.scene:after{
 content:"";
 position:absolute;
 inset:0;
 background:
 linear-gradient(90deg,rgba(2,9,17,.32),transparent 30%),
 linear-gradient(180deg,transparent 60%,rgba(2,8,14,.42));
 pointer-events:none;
}
.scene-tag{
 position:absolute;
 z-index:3;
 top:24px;
 right:24px;
 width:170px;
 padding:13px 15px;
 border:1px solid rgba(70,237,229,.26);
 border-radius:16px;
 background:rgba(3,14,24,.65);
 backdrop-filter:blur(10px);
 color:#95eaf0;
 text-transform:uppercase;
 letter-spacing:.17em;
 font-size:9px;
 line-height:1.7;
}
.data-rail{
 position:absolute;
 z-index:3;
 right:22px;
 bottom:24px;
 display:grid;
 gap:6px;
 color:#59e8e3;
 font-size:10px;
 letter-spacing:.18em;
 text-transform:uppercase;
}
.data-rail span{
 padding:7px 9px;
 border-left:2px solid rgba(66,232,219,.55);
 background:rgba(5,20,31,.47);
}

.norah-panel{
 position:relative;
 z-index:8;
 align-self:center;
 min-height:560px;
 margin-left:-62px;
 padding:22px;
 border-radius:26px;
 border:1px solid rgba(66,238,226,.6);
 background:
 linear-gradient(155deg,rgba(5,26,41,.95),rgba(5,15,28,.94));
 box-shadow:
 0 38px 100px rgba(0,0,0,.48),
 0 0 60px rgba(49,215,232,.08),
 inset 0 0 30px rgba(57,224,220,.03);
 backdrop-filter:blur(20px);
}
.norah-head{
 display:flex;
 align-items:center;
 gap:14px;
 padding-bottom:14px;
 border-bottom:1px solid var(--line);
}
.norah-avatar{
 width:70px;
 height:70px;
 border-radius:50%;
 filter:drop-shadow(0 0 16px rgba(50,225,240,.28));
}
.norah-title strong{
 display:block;
 font-size:26px;
}
.norah-title span{
 display:inline-flex;
 margin-top:4px;
 padding:4px 7px;
 border-radius:7px;
 border:1px solid rgba(95,224,255,.2);
 color:#93dff5;
 font-size:8px;
 font-weight:900;
 letter-spacing:.13em;
 text-transform:uppercase;
}
.norah-truth{
 margin-left:auto;
 text-align:right;
 color:#79dce5;
 font-size:9px;
 line-height:1.5;
 letter-spacing:.09em;
 text-transform:uppercase;
}
.chat{
 display:grid;
 gap:10px;
 margin-top:16px;
}
.bubble{
 max-width:92%;
 padding:13px 15px;
 border-radius:14px;
 font-size:13px;
 line-height:1.5;
}
.bubble.norah{
 border:1px solid rgba(113,170,255,.16);
 background:rgba(28,61,96,.58);
 color:#f1f7ff;
}
.bubble.user{
 justify-self:end;
 border:1px solid rgba(52,232,204,.23);
 background:rgba(37,141,126,.16);
 color:#dffdf8;
}
.question{
 margin:2px 0 4px;
 color:#dcebf7;
 font-size:13px;
 font-weight:750;
}
.norah-options{
 display:grid;
 gap:7px;
}
.norah-option{
 width:100%;
 min-height:39px;
 padding:9px 11px;
 display:flex;
 align-items:center;
 gap:9px;
 text-align:left;
 border:1px solid rgba(112,163,205,.24);
 border-radius:10px;
 color:#bcd0df;
 background:rgba(4,14,25,.56);
 cursor:pointer;
 transition:.2s;
}
.norah-option:hover,
.norah-option.active{
 color:white;
 border-color:rgba(52,232,214,.7);
 background:rgba(25,112,107,.19);
}
.option-icon{
 width:24px;height:24px;border-radius:8px;
 display:grid;place-items:center;
 color:var(--teal);
 background:rgba(57,239,211,.08);
}
.norah-input{
 margin-top:12px;
 min-height:43px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:6px 7px 6px 14px;
 border-radius:12px;
 border:1px solid rgba(115,170,215,.23);
 color:#70899d;
 background:rgba(2,11,20,.68);
 font-size:12px;
}
.send{
 width:34px;height:34px;border:0;border-radius:50%;
 display:grid;place-items:center;
 color:#021511;
 background:linear-gradient(135deg,var(--teal),var(--emerald));
 font-size:18px;
 font-weight:900;
}
.preview-note{
 margin-top:11px;
 color:#6f8799;
 font-size:9px;
 line-height:1.45;
 text-transform:uppercase;
 letter-spacing:.06em;
}

.section{padding:65px 0}
.section-head{
 max-width:810px;
 margin-bottom:28px;
}
.section h2{
 margin:9px 0 14px;
 font-size:clamp(34px,4vw,55px);
 line-height:1.03;
 letter-spacing:-.045em;
}
.section-head p,
.section-copy,
.card p{
 color:var(--muted);
 line-height:1.68;
}
.product-grid{
 display:grid;
 grid-template-columns:1fr 1fr .72fr;
 gap:18px;
}
.product-card,
.affiliate-card{
 position:relative;
 overflow:hidden;
 min-height:280px;
 padding:26px;
 border:1px solid var(--line);
 border-radius:22px;
 background:linear-gradient(145deg,rgba(7,29,45,.91),rgba(5,17,29,.94));
 box-shadow:var(--shadow);
}
.product-card:after{
 content:"";
 position:absolute;
 inset:auto -40px -110px auto;
 width:250px;height:250px;
 border-radius:50%;
 background:var(--glow);
 filter:blur(35px);
 opacity:.18;
}
.product-top{
 position:relative;
 z-index:3;
 display:flex;
 gap:13px;
 align-items:center;
}
.product-icon{
 width:48px;height:48px;
 display:grid;place-items:center;
 border-radius:14px;
 font-size:22px;
 background:var(--icon-bg);
 color:var(--icon-color);
 border:1px solid var(--icon-border);
}
.product-card h3,
.affiliate-card h3{
 margin:0;
 font-size:24px;
}
.product-card p{
 position:relative;
 z-index:3;
 max-width:570px;
}
.tags{
 position:relative;
 z-index:3;
 display:flex;
 gap:7px;
 flex-wrap:wrap;
 margin-top:22px;
}
.tag{
 padding:7px 10px;
 border:1px solid rgba(132,180,212,.18);
 border-radius:9px;
 color:#a9bfd0;
 background:rgba(3,12,22,.42);
 font-size:10px;
}
.product-link{
 position:absolute;
 z-index:3;
 right:22px;
 bottom:22px;
 width:42px;height:42px;
 display:grid;place-items:center;
 border-radius:50%;
 border:1px solid rgba(72,226,222,.35);
 background:rgba(6,28,40,.75);
 color:var(--teal);
 font-size:20px;
}
.dealer{
 --glow:#22e5b4;
 --icon-bg:rgba(34,229,180,.12);
 --icon-color:#4dffd3;
 --icon-border:rgba(69,246,208,.3);
}
.platform{
 --glow:#745dff;
 --icon-bg:rgba(111,90,255,.13);
 --icon-color:#a397ff;
 --icon-border:rgba(137,122,255,.3);
}

.affiliate-card{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
}
.affiliate-head{
 color:var(--teal);
 font-size:10px;
 font-weight:900;
 letter-spacing:.15em;
 text-transform:uppercase;
}
.lock-note{
 margin-top:16px;
 padding:13px;
 border:1px solid rgba(48,225,190,.28);
 border-radius:12px;
 color:#aeeadd;
 background:rgba(24,103,91,.11);
 font-size:11px;
 line-height:1.5;
}

.norah-story{
 position:relative;
 overflow:hidden;
 display:grid;
 grid-template-columns:.95fr 1.2fr;
 gap:34px;
 align-items:center;
 min-height:360px;
 padding:38px;
 border:1px solid var(--line);
 border-radius:28px;
 background:
 radial-gradient(circle at 88% 25%,rgba(111,77,255,.12),transparent 18rem),
 linear-gradient(145deg,rgba(5,26,41,.92),rgba(3,14,25,.94));
 box-shadow:var(--shadow);
}
.norah-story:after{
 content:"";
 position:absolute;
 left:42%;
 right:-8%;
 top:38%;
 height:2px;
 background:linear-gradient(90deg,transparent,var(--teal),var(--violet),var(--cyan),transparent);
 box-shadow:0 0 18px rgba(70,237,228,.8);
 transform:rotate(-4deg);
 opacity:.7;
}
.norah-lockup{
 position:relative;
 z-index:3;
 display:flex;
 gap:20px;
 align-items:flex-start;
}
.norah-lockup img{
 width:110px;
 flex:0 0 110px;
}
.norah-lockup h2{
 margin:0 0 6px;
}
.exclusive{
 color:#55eee0;
 font-size:10px;
 font-weight:900;
 letter-spacing:.17em;
 text-transform:uppercase;
}
.cognitive-grid{
 position:relative;
 z-index:4;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:12px;
 margin-top:30px;
}
.cognitive{
 min-height:118px;
 padding:16px;
 border-radius:15px;
 border:1px solid rgba(116,172,209,.18);
 background:rgba(4,15,26,.66);
}
.cognitive b{
 display:block;
 color:#e8f5ff;
 font-size:12px;
 margin-bottom:6px;
}
.cognitive span{
 color:#7690a3;
 font-size:10px;
 line-height:1.5;
}
.cog-icon{
 width:31px;height:31px;
 margin-bottom:12px;
 border-radius:10px;
 display:grid;place-items:center;
 color:var(--teal);
 background:rgba(56,233,208,.08);
}

.process{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:10px;
 margin-top:26px;
}
.process-step{
 position:relative;
 min-height:88px;
 padding:14px;
 border:1px solid var(--line);
 border-radius:14px;
 background:rgba(5,19,31,.66);
}
.process-step b{
 display:block;
 margin-bottom:5px;
 color:#e8f6ff;
 font-size:12px;
}
.process-step span{
 color:#748da1;
 font-size:10px;
 line-height:1.4;
}
.process-step:not(:last-child):after{
 content:"→";
 position:absolute;
 right:-11px;
 top:31px;
 z-index:5;
 color:var(--teal);
}

.page-hero{padding:92px 0 56px}
.page-hero h1{
 max-width:1000px;
 margin:15px 0 20px;
 font-size:clamp(44px,6vw,76px);
 line-height:.98;
 letter-spacing:-.055em;
}
.page-lead{
 max-width:850px;
 color:var(--muted);
 font-size:18px;
 line-height:1.7;
}
.feature-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:17px;
}
.feature-card{
 min-height:230px;
 padding:25px;
 border:1px solid var(--line);
 border-radius:20px;
 background:linear-gradient(145deg,rgba(8,29,45,.84),rgba(4,17,29,.92));
}
.feature-card .feature-icon{
 width:42px;height:42px;
 display:grid;place-items:center;
 border-radius:13px;
 color:var(--teal);
 background:rgba(55,235,210,.08);
 border:1px solid rgba(55,235,210,.18);
}
.feature-card h3{margin:18px 0 9px}
.feature-card p{color:var(--muted);font-size:13px;line-height:1.65}

.notice{
 padding:22px;
 border:1px solid rgba(53,223,185,.31);
 border-radius:18px;
 background:rgba(26,107,91,.09);
 color:#cdeee5;
 line-height:1.65;
}

.footer{
 margin-top:54px;
 border-top:1px solid var(--line);
}
.footer-inner{
 min-height:96px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 color:#71899c;
 font-size:11px;
}
.footer-logo img{width:145px;opacity:.82}
.footer-note{
 text-align:right;
 color:#48cfd2;
 text-transform:uppercase;
 letter-spacing:.15em;
 line-height:1.7;
 font-size:8px;
}

@keyframes floatOrb{
 0%,100%{transform:translateY(0) rotate(0)}
 50%{transform:translateY(-7px) rotate(2deg)}
}
@keyframes pulseGlow{
 0%,100%{filter:drop-shadow(0 0 12px rgba(48,220,236,.22))}
 50%{filter:drop-shadow(0 0 27px rgba(89,89,255,.42))}
}
.norah-avatar,
.norah-lockup img{
 animation:floatOrb 5s ease-in-out infinite,pulseGlow 4s ease-in-out infinite;
}

@media(max-width:1180px){
 .hero-grid{
  grid-template-columns:1fr 1.08fr;
 }
 .norah-panel{
  grid-column:1/-1;
  margin:-130px auto 0;
  width:min(600px,94%);
  min-height:auto;
 }
 .product-grid{grid-template-columns:1fr 1fr}
 .affiliate-card{grid-column:1/-1;min-height:220px}
}

@media(max-width:820px){
 .wrap{width:min(100% - 28px,720px)}
 .nav-inner{min-height:72px}
 .brand img{width:165px}
 .nav-links,.nav-actions{display:none}
 .menu-button{display:inline-flex}
 .hero{padding-top:26px}
 .hero-grid{display:block}
 .hero-copy{padding:25px 0 28px}
 .hero h1{font-size:clamp(48px,14vw,72px);max-width:620px}
 .hero-lead{font-size:16px}
 .hero-proofs{grid-template-columns:1fr 1fr;margin-bottom:28px}
 .scene{min-height:360px}
 .scene-tag{display:none}
 .norah-panel{
  width:100%;
  margin:-38px 0 0;
  padding:17px;
  border-radius:21px;
 }
 .norah-avatar{width:58px;height:58px}
 .norah-title strong{font-size:23px}
 .norah-truth{display:none}
 .product-grid{grid-template-columns:1fr}
 .affiliate-card{grid-column:auto}
 .norah-story{
  grid-template-columns:1fr;
  padding:24px;
 }
 .cognitive-grid{
  grid-template-columns:1fr 1fr;
 }
 .process{
  grid-template-columns:1fr;
 }
 .process-step:not(:last-child):after{display:none}
 .feature-grid{grid-template-columns:1fr}
 .footer-inner{align-items:flex-start;flex-direction:column;padding:28px 0}
 .footer-note{text-align:left}
}

@media(max-width:480px){
 .hero-proofs{grid-template-columns:1fr 1fr;gap:9px}
 .proof{font-size:11px}
 .hero-actions .button{width:100%}
 .scene{min-height:300px}
 .norah-panel{margin-top:-24px}
 .cognitive-grid{grid-template-columns:1fr}
}


/* DealerPilot Living Norah Public Experience */

.hero .norah-panel{
    display:none !important;
}

.hero-grid{
    grid-template-columns:minmax(360px,.94fr) minmax(520px,1.3fr) !important;
    gap:28px !important;
}

.scene{
    box-shadow:
        0 45px 120px rgba(0,0,0,.52),
        0 0 80px rgba(32,224,220,.07) !important;
}

.norah-face{
    --look-x:0px;
    --look-y:0px;
    position:relative;
    display:inline-block;
    width:92px;
    height:92px;
    flex:0 0 92px;
    border-radius:50%;
    background:
        radial-gradient(circle at 46% 39%,#183b57 0%,#07131f 54%,#02060b 79%);
    border:3px solid #27e6f3;
    box-shadow:
        0 0 0 5px rgba(101,87,255,.16),
        0 0 23px rgba(41,226,242,.60),
        0 0 45px rgba(117,74,255,.25),
        inset 0 0 24px rgba(27,205,228,.13);
    transition:transform .22s ease,box-shadow .28s ease;
}

.norah-face:before{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid;
    border-color:#3ff0dc #7160ff #c156ff #2be5ef;
    opacity:.7;
    animation:norah-ring-spin 8s linear infinite;
}

.norah-face:after{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:50%;
    background:
        radial-gradient(circle at 36% 28%,rgba(255,255,255,.09),transparent 17%);
    pointer-events:none;
}

.norah-eye{
    position:absolute;
    z-index:2;
    top:38px;
    width:23px;
    height:11px;
    overflow:hidden;
    border-radius:50%;
    background:#31f3f3;
    box-shadow:
        0 0 8px #31f3f3,
        0 0 15px rgba(49,243,243,.76);
    transform:translate(var(--look-x),var(--look-y)) scaleY(1);
    transform-origin:center;
    transition:transform .07s linear;
}

.norah-eye.left{left:19px}
.norah-eye.right{right:19px}

.norah-eye:after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    left:8px;
    top:1px;
    border-radius:50%;
    background:#efffff;
}

.norah-face.blink .norah-eye{
    transform:translate(var(--look-x),var(--look-y)) scaleY(.07);
}

.norah-mouth{
    position:absolute;
    z-index:2;
    left:50%;
    top:62px;
    width:23px;
    height:8px;
    transform:translateX(-50%);
    border-bottom:3px solid #3cf7e0;
    border-radius:0 0 50% 50%;
    filter:drop-shadow(0 0 5px #3cf7e0);
    transition:top .22s,width .22s,height .22s;
}

.norah-face.smile{
    transform:scale(1.04);
    box-shadow:
        0 0 0 6px rgba(101,87,255,.21),
        0 0 29px rgba(41,226,242,.82),
        0 0 55px rgba(117,74,255,.35);
}

.norah-face.smile .norah-mouth{
    top:58px;
    width:31px;
    height:16px;
    border-bottom-width:4px;
    border-radius:0 0 64% 64%;
}

@keyframes norah-ring-spin{
    to{transform:rotate(360deg)}
}

.norah-lockup .norah-face{
    width:110px;
    height:110px;
    flex:0 0 110px;
}

.norah-lockup .norah-face .norah-eye{top:45px}
.norah-lockup .norah-face .norah-mouth{top:73px}
.norah-lockup .norah-face.smile .norah-mouth{top:69px}

#norah-launcher{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:190;
    width:76px;
    height:76px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:transform .2s ease;
}

#norah-launcher:hover{
    transform:scale(1.06);
}

#norah-launcher[hidden]{
    display:none;
}

#norah-launcher .norah-face{
    width:76px;
    height:76px;
}

#norah-launcher .norah-eye{
    top:31px;
    width:18px;
    height:9px;
}

#norah-launcher .norah-eye.left{left:15px}
#norah-launcher .norah-eye.right{right:15px}

#norah-launcher .norah-mouth{
    top:50px;
    width:19px;
    height:7px;
}

#norah-launcher .norah-face.smile .norah-mouth{
    top:47px;
    width:25px;
    height:12px;
}

.norah-launcher-label{
    position:absolute;
    right:62px;
    bottom:11px;
    padding:8px 11px;
    white-space:nowrap;
    border:1px solid rgba(49,232,222,.31);
    border-radius:10px;
    background:rgba(4,18,29,.95);
    color:#bceef0;
    font-size:10px;
    box-shadow:0 18px 44px rgba(0,0,0,.4);
}

#norah-floating{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:200;
    width:min(400px,calc(100vw - 28px));
    max-height:min(735px,calc(100vh - 40px));
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(53,237,225,.62);
    border-radius:22px;
    background:
        linear-gradient(155deg,rgba(6,29,44,.985),rgba(3,13,23,.99));
    backdrop-filter:blur(23px);
    box-shadow:
        0 38px 120px rgba(0,0,0,.63),
        0 0 50px rgba(36,219,233,.09);
}

#norah-floating[hidden]{
    display:none;
}

.norah-floating-head{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-bottom:1px solid rgba(91,201,221,.15);
}

.norah-floating-head .norah-face{
    width:57px;
    height:57px;
    flex:0 0 57px;
}

.norah-floating-head .norah-eye{
    top:23px;
    width:15px;
    height:8px;
}

.norah-floating-head .norah-eye.left{left:11px}
.norah-floating-head .norah-eye.right{right:11px}

.norah-floating-head .norah-mouth{
    top:37px;
    width:16px;
    height:6px;
}

.norah-floating-head .norah-face.smile .norah-mouth{
    top:35px;
    width:21px;
    height:10px;
}

.norah-floating-meta strong{
    display:block;
    font-size:18px;
}

.norah-floating-meta span{
    display:block;
    margin-top:3px;
    color:#43ead9;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.norah-floating-controls{
    margin-left:auto;
}

.norah-floating-control{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid rgba(86,191,211,.18);
    border-radius:9px;
    background:rgba(2,11,20,.54);
    color:#c6d9e6;
    cursor:pointer;
}

.norah-context{
    padding:8px 13px;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:1px solid rgba(80,190,210,.09);
    color:#718da0;
    font-size:9px;
}

.norah-live-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#39efd4;
    box-shadow:0 0 8px #39efd4;
}

#norah-messages{
    flex:1;
    min-height:180px;
    max-height:340px;
    padding:13px;
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow:auto;
}

.norah-message{
    max-width:91%;
    padding:11px 12px;
    border-radius:12px;
    font-size:12px;
    line-height:1.5;
}

.norah-message.bot{
    align-self:flex-start;
    border:1px solid rgba(97,169,216,.16);
    background:rgba(25,58,91,.57);
    color:#ebf6ff;
}

.norah-message.user{
    align-self:flex-end;
    border:1px solid rgba(48,226,205,.25);
    background:rgba(35,128,115,.16);
    color:#e0fcf7;
}

#norah-quick{
    padding:0 13px 11px;
    display:grid;
    gap:7px;
}

#norah-quick button{
    width:100%;
    min-height:39px;
    padding:8px 10px;
    text-align:left;
    border:1px solid rgba(49,230,211,.27);
    border-radius:10px;
    background:rgba(2,12,21,.54);
    color:#c6dbe7;
    cursor:pointer;
}

#norah-quick button:hover{
    border-color:rgba(49,230,211,.65);
    background:rgba(33,127,115,.15);
    color:white;
}

#norah-compose{
    padding:10px;
    display:flex;
    gap:8px;
    border-top:1px solid rgba(83,192,212,.13);
}

#norah-input{
    min-width:0;
    flex:1;
    height:42px;
    padding:0 13px;
    border:1px solid rgba(92,164,205,.22);
    border-radius:11px;
    outline:none;
    background:rgba(2,10,18,.72);
    color:#edf8ff;
}

#norah-input:focus{
    border-color:rgba(53,233,214,.6);
}

#norah-send{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:linear-gradient(135deg,#39efd3,#31da9c);
    color:#021510;
    cursor:pointer;
    font-size:18px;
    font-weight:900;
}

.norah-public-truth{
    padding:0 12px 11px;
    color:#688397;
    font-size:8px;
    line-height:1.45;
}

.norah-public-truth b{
    color:#7edbd9;
}

#norah-interest-form{
    padding:12px 13px 14px;
    display:grid;
    gap:8px;
    border-top:1px solid rgba(82,191,211,.13);
    background:rgba(3,14,24,.63);
}

#norah-interest-form[hidden]{
    display:none;
}

.norah-interest-title{
    color:#e9f7ff;
    font-size:12px;
    font-weight:850;
}

.norah-interest-field{
    width:100%;
    height:39px;
    padding:0 11px;
    border:1px solid rgba(95,166,207,.2);
    border-radius:9px;
    outline:none;
    background:#03101b;
    color:#edf8ff;
}

.norah-interest-field:focus{
    border-color:rgba(53,233,214,.55);
}

.norah-interest-consent{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#8098aa;
    font-size:9px;
    line-height:1.45;
}

.norah-interest-consent input{
    margin-top:2px;
}

#norah-interest-status{
    min-height:14px;
    color:#7adbd4;
    font-size:9px;
}

.norah-interest-actions{
    display:flex;
    gap:7px;
}

.norah-interest-actions .button{
    min-height:36px;
    flex:1;
    padding:0 10px;
    font-size:10px;
}

@media(max-width:1180px){
    .hero-grid{
        grid-template-columns:1fr 1.08fr !important;
    }
}

@media(max-width:820px){
    .hero-grid{
        display:block !important;
    }

    #norah-floating{
        right:10px;
        bottom:10px;
        width:calc(100vw - 20px);
        max-height:calc(100vh - 20px);
    }

    #norah-launcher{
        right:14px;
        bottom:14px;
    }

    .norah-launcher-label{
        display:none;
    }
}