/* Novora Editorial Refresh: independent public landing layer. */
:root{--nv-bg:#08090c;--nv-text:#f3f5f8;--nv-muted:#989fac;--nv-line:rgba(224,234,250,.11);--nv-blue:#c9d9ed;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{background:var(--nv-bg);color:var(--nv-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-synthesis:none}
.site-header{height:82px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(9,10,13,.9);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);padding-inline:clamp(20px,4vw,70px)}
.site-header .brand{letter-spacing:-.06em}
.site-header .brand img{filter:drop-shadow(0 0 12px #e2edff0c)}
.site-nav a{font-size:12px;font-weight:540;color:#a0a7b3;transition:color .2s}
.site-nav a:hover{color:#f0f2f8}
.header-actions{gap:14px}
.header-dashboard{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:10px;background:#e6eaf0;color:#171a21;font-size:12px;font-weight:690;border:1px solid #fff;box-shadow:0 4px 20px #dfe9fa14;transition:transform .2s ease,background .2s ease}
.header-dashboard:hover{transform:translateY(-1px);background:#fff}
.header-support{border:0;background:transparent;padding-inline:10px;color:#aeb4be}
.hero{background:#08090c;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 52% at 75% 48%,rgba(70,85,110,.075),transparent 77%),linear-gradient(180deg,#090a0c 0%,#08090c 87%)}
.hero-glow{opacity:.28;filter:blur(68px)}
.hero-inner{max-width:1500px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(42px,4vw,75px);padding-inline:clamp(28px,5vw,88px)}
.hero-copy{max-width:640px}
.hero .eyebrow{font-size:10px;letter-spacing:.22em;color:#9faabd}
.hero h1{font-size:clamp(65px,5.95vw,100px);font-weight:700;letter-spacing:-.075em;line-height:1.015}
.hero h1 .soft{color:#7e8a99;background:linear-gradient(110deg,#d8e1eb 2%,#7f90a6 75%,#6c7383);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:505px;font-size:15px;line-height:1.85;color:#9ca5b1}
.hero-cta{margin-top:32px}
.hero-cta .btn,.final-cta .btn{border-radius:11px;min-height:53px;font-size:13px;letter-spacing:-.01em}
.btn-white{background:#e4e9f0;color:#10131a;box-shadow:0 4px 16px #0003}
.btn-white:hover{background:#fff;box-shadow:0 7px 25px #e8eef414}
.btn-glass{background:#13171c;border-color:#ffffff22}
.hero-meta{color:#7e8998}
.hero-floating{display:none!important}
.hero-product{transform:none!important;filter:drop-shadow(0 22px 38px #0009)}
.product-backlight{opacity:.17}
.desktop-shot{border:1px solid #505d703e;border-radius:19px;background:#11151b;box-shadow:0 50px 110px #000d,0 0 0 1px #ffffff04}
.shot-topbar{background:#151922;border-color:#303b4a;height:47px}
.shot-sidebar{background:#12171e;border-right:1px solid #ffffff0b}
.shot-content{background:#10151b}
.stat-box,.activity-chart,.recent-tickets{background:#171d26;border-color:#ffffff14}
.stat-box strong{font-weight:660}
.shot-footnote{color:#7c8795}
.scroll-indicator{opacity:.74}
.quiet-line{background:#101318;border-color:#ffffff0b}
.quiet-line-inner span{color:#788599}
.quiet-line-inner b{font-size:10px;letter-spacing:.11em;color:#d5dce7}
.section-intro{padding-block:150px 105px;max-width:1390px}
.section-kicker{color:#8798ae;font-weight:690}
.section-intro h2,.benefit-heading h2,.faq h2,.final-inner h2{font-weight:690;letter-spacing:-.068em}
.section-intro p,.benefit-heading p{color:#98a2af}
.story{height:420svh;background:#08090c;border-block:1px solid #ffffff0c}
.story:before{background:radial-gradient(ellipse 54% 45% at 74% 45%,#849cb31b,transparent 72%);height:100%}
.story-sticky{max-width:1420px;min-height:0;height:100svh;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,90px);padding:77px clamp(28px,5vw,75px) 35px}
.story-content{max-width:600px}
.story-kicker{color:#8796a9;margin-bottom:42px}
.story-copy-stack{min-height:330px}
.story-copy h2{font-size:clamp(49px,4.9vw,75px);font-weight:690;line-height:1.06;letter-spacing:-.072em}
.story-copy p{font-size:15px;color:#9aa5b2;line-height:1.8;max-width:455px}
.story-pill{background:#172028;border-color:#ffffff18;color:#b8c8da;border-radius:50px}
.story-progress{height:2px;background:#ffffff16}
.story-progress-active{background:#d5dfeb}
.story-instruction{color:#758295}
.story-visual{isolation:isolate;overflow:visible;min-width:0}
.visual-halo{width:min(600px,100%);height:min(600px,85svh);opacity:.6;background:radial-gradient(circle,#51647f29 0,transparent 67%);filter:blur(20px)}
/* The metal frame always follows 393x852 proportions: never independently scale its height. */
.phone{box-sizing:border-box;position:relative;height:auto!important;aspect-ratio:393/852;width:min(337px,36svh,94%)!important;max-width:100%;border-radius:clamp(39px,4.3vw,58px)!important;padding:6px!important;border:1px solid #83909e!important;background:linear-gradient(112deg,#e0e7ed 0%,#556172 5%,#232932 13%,#596678 47%,#1d242e 80%,#c7d3de 100%)!important;box-shadow:inset 0 0 0 1px #aab5c94b,inset 0 0 0 3px #11161f,0 48px 100px #000b,0 0 65px #9ba7b619!important;transform:rotate(-3deg) perspective(1600px) rotateY(-7deg) translateZ(0);transition:transform 700ms cubic-bezier(.18,.75,.18,1)}
.phone:hover{transform:rotate(0) perspective(1600px) rotateY(0)}
.phone:before{content:"";position:absolute;width:3px;height:12%;border-radius:3px;left:-4px;top:23%;background:linear-gradient(#626d7c,#b8c4ce,#5d6774);box-shadow:0 96px 0 #8895a6,0 -42px 0 #8592a2}
.phone:after{content:"";position:absolute;width:3px;height:12%;border-radius:3px;right:-4px;top:32%;background:linear-gradient(#626d7c,#d3dbe2,#626d7c)}
.phone-rim{border-radius:clamp(34px,4vw,53px)!important;background:linear-gradient(150deg,#13171d,#080a0e 63%,#0c1015)!important;border:5px solid #050608!important;position:relative;isolation:isolate;overflow:hidden}
.phone-rim:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0d}
.island{width:36%!important;height:30px!important;max-width:120px;top:9px!important;background:#020305!important;border:1px solid #141922!important;z-index:9;border-radius:17px!important;box-shadow:0 2px 7px #000a}
.island:after{content:"";width:8px;height:8px;position:absolute;right:11px;top:10px;border-radius:50%;background:#0b1019;box-shadow:inset 1px 1px 2px #20385b,0 0 2px #000}
.phone-status{height:54px!important;padding:22px 24px 0!important;align-items:flex-start;font-size:10px!important;color:#f2f5f9;font-weight:720}
.phone-status .signal{letter-spacing:1px;font-size:9px!important;color:#f3f5fa}
.phone-content{height:calc(100% - 54px - 70px)!important;padding:6px 17px!important;overflow:hidden}
.app-head{padding:7px 0 17px!important;border-color:#ffffff13}
.app-brand{font-size:15px!important;gap:7px}
.app-brand img{width:25px!important;height:25px!important;border-radius:7px}
.phone-screen{animation:screen-in .47s cubic-bezier(.2,.7,.2,1) both}
.screen-upper{margin-top:24px!important;font-size:8px!important}
.screen-label{font-size:8px!important;border-radius:5px}
.phone-screen h3{font-size:26px!important;margin:17px 0 6px!important}
.phone-screen>p{font-size:11px!important;margin:0 0 24px!important;color:#8896a9}
.filter-row{margin-bottom:15px!important}
.filter-row span{font-size:9px!important;padding:8px 5px!important}
.ticket-item{border-radius:12px!important;margin-bottom:9px!important;padding:12px 10px!important;gap:8px!important}
.ticket-item b{font-size:10px!important}
.ticket-item small{font-size:9px!important}
.ticket-icon{flex-basis:27px!important;width:27px!important;height:27px!important}
.ticket-status{font-size:8px!important}
.screen-bottom-note{margin-top:20px!important;font-size:9px!important}
.phone-tabbar{height:70px!important;padding:0 26px 13px!important;background:linear-gradient(#121720,#11151b);border-top:1px solid #ffffff15}
.phone-tabbar:after{content:"";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:36%;height:4px;background:#d7dce5;border-radius:6px;opacity:.85}
.tab-icon,.tab-icon svg{height:22px!important;width:22px!important}
.voice-banner{height:140px!important;border-radius:14px}
.voice-person{padding:13px 2px}
.voice-person b{font-size:11px!important}
.voice-person small{font-size:9px!important}
.form-question{padding-top:27px}
.form-question b{font-size:13px!important}
.form-answer{height:108px}
.form-next{font-size:12px!important}
.safety-chart{padding:15px;border-radius:13px}
.safety-line{height:89px}
.log-entry b{font-size:10px!important}
.benefit-card{background:linear-gradient(145deg,#141920,#101319);border-color:#ffffff16;border-radius:19px}
.benefit-card:hover{border-color:#90a5bd46}
.faq-list details{border-color:#ffffff17}
.final-cta{background:linear-gradient(140deg,#1a212a,#11161e)!important;border-color:#ffffff1b!important}
.final-cta .btn{margin-inline:auto}
@media(max-width:1150px){.hero h1{font-size:clamp(55px,6.8vw,78px)}.story-copy h2{font-size:clamp(43px,5vw,62px)}.story-sticky{gap:20px}}
@media(max-width:850px){.site-header{height:68px;padding:0 20px}.header-dashboard{display:none}.hero-inner{grid-template-columns:1fr;gap:53px;padding:145px 30px 100px}.hero-copy{max-width:730px}.hero h1{font-size:clamp(58px,9.8vw,88px)}.hero-description{margin-inline:auto}.hero-product{margin:0 auto;max-width:700px}.story{height:440svh}.story-sticky{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);height:100svh;min-height:0;padding:80px 25px 24px}.story-copy-stack{min-height:290px}.story-copy h2{font-size:clamp(37px,5.2vw,50px)}.story-copy p{font-size:13px}.phone{width:min(295px,35svh,98%)!important}}
@media(max-width:600px){
 .site-header{padding:0 17px}
 .site-header .brand>span{font-size:19px}
 .header-actions{gap:9px}
 .hero-inner{gap:58px;padding:132px 20px 100px}
 .hero h1{font-size:clamp(49px,13.2vw,69px);line-height:1.04}
 .hero .eyebrow{font-size:9px}
 .hero-description{font-size:14px;line-height:1.8}
 .hero-cta{max-width:380px}
 .hero-product{width:calc(100% + 4px);margin-left:-2px;filter:drop-shadow(0 15px 30px #0009)}
 .desktop-shot{border-radius:15px}
 .quiet-line-inner b{font-size:9px}
 .section-intro{padding:100px 22px 65px}
 .story{height:460svh}
 .story-sticky{height:100svh;grid-template-columns:1fr;grid-template-rows:minmax(0,.26fr) minmax(0,.74fr);gap:0;padding:70px 18px 12px;overflow:hidden;justify-items:center}
 .story-content{max-width:440px;width:100%;align-self:center}
 .story-kicker{margin-bottom:8px;font-size:9px}
 .story-copy-stack{min-height:133px}
 .story-overline{font-size:9px;margin-bottom:4px}
 .story-copy h2{font-size:clamp(30px,8vw,39px);line-height:1.08;margin:7px 0 7px}
 .story-copy p{font-size:11px;line-height:1.46;margin:0;max-width:340px}
 .story-pill,.story-instruction{display:none}
 .story-progress{margin-top:5px}
 .story-visual{height:100%;align-self:center;display:grid;place-items:center}
 .visual-halo{height:70%;width:100%}
 .phone{width:min(275px,30.45svh,85vw)!important;transform:rotate(-2deg) perspective(1200px) rotateY(-4deg)}
 .phone-rim{border-width:4px!important}
 .phone-status{height:48px!important;padding:19px 19px 0!important;font-size:10px!important}
 .island{height:25px!important;top:7px!important}
 .island:after{width:6px;height:6px;top:8px}
 .phone-content{height:calc(100% - 48px - 58px)!important;padding:1px 13px!important}
 .app-head{padding:5px 0 10px!important}
 .app-brand{font-size:13px!important}
 .app-brand img{width:21px!important;height:21px!important}
 .screen-upper{margin-top:13px!important;font-size:8px!important}
 .phone-screen h3{font-size:21px!important;margin:11px 0 4px!important}
 .phone-screen>p{font-size:10px!important;margin-bottom:14px!important}
 .filter-row{margin-bottom:9px!important}
 .filter-row span{font-size:8px!important;padding:7px 3px!important}
 .ticket-item{padding:9px 7px!important;margin-bottom:7px!important;gap:7px!important}
 .ticket-item b{font-size:9.5px!important}
 .ticket-item small{font-size:8px!important}
 .ticket-status{font-size:7px!important}
 .ticket-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
 .screen-bottom-note{margin-top:13px!important;font-size:8.5px!important}
 .phone-tabbar{height:58px!important;padding-bottom:12px!important}
 .phone-tabbar:after{bottom:7px}
 .tab-icon,.tab-icon svg{height:19px!important;width:19px!important}
 .voice-banner{height:112px!important}
 .voice-people{margin-top:8px}
 .voice-person{padding:9px 0!important}
 .voice-person b{font-size:9.5px!important}
 .voice-person small{font-size:8px!important}
 .form-question{padding:17px 0 10px!important}
 .form-question b{font-size:12px!important}
 .form-answer{height:91px!important;padding:11px!important}
 .form-next{margin-top:10px!important;padding:11px!important}
 .safety-chart{padding:12px!important}
 .safety-line{height:67px!important}
 .log-entry{padding:9px 2px!important}
 .benefits{padding:100px 22px 110px}
 .faq{padding:75px 22px 110px}
}
@media(max-width:370px){
 .story-sticky{grid-template-rows:minmax(0,.29fr) minmax(0,.71fr);padding-top:62px}
 .story-copy h2{font-size:28px}
 .story-copy p{font-size:10px}
 .phone{width:min(250px,28.14svh,84vw)!important}
}
@media(max-height:690px) and (max-width:600px){
 .story-sticky{grid-template-rows:minmax(0,.32fr) minmax(0,.68fr);padding-top:54px}
 .story-copy-stack{min-height:106px}
 .story-copy h2{font-size:27px}
 .story-copy p{font-size:10px}
 .phone{width:min(250px,27.68svh)!important}
 .phone-content{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.phone{transform:none!important;transition:none!important}html{scroll-behavior:auto}}

.mobile-nav-dashboard{display:none}
@media(max-width:850px){.site-nav.open .mobile-nav-dashboard{display:block;color:#eaf1fa;background:#222a35;border:1px solid #ffffff16;border-radius:9px;margin-top:7px;padding:14px}}

/* Dashboard-inspired, legible hero screenshot. */
.hero-product>.desktop-shot{display:none!important}
.nv-product-preview{position:relative;z-index:1;width:100%;max-width:780px;overflow:hidden;border-radius:22px;border:1px solid #6673865c;background:#0e1218;box-shadow:0 48px 115px #000e,0 0 0 1px #ffffff08}
.nv-preview-bar{height:51px;background:linear-gradient(110deg,#202733,#181e27);border-bottom:1px solid #ffffff16;padding:0 18px;display:flex;gap:15px;align-items:center;color:#929eae;font-size:10px;letter-spacing:.015em}
.nv-preview-lights{display:flex;gap:6px;margin-right:5px}
.nv-preview-lights i{width:9px;height:9px;border-radius:50%;background:#77818d57;border:1px solid #ffffff10}
.nv-preview-beta{margin-left:auto;font-size:8px;letter-spacing:.11em;font-weight:720;color:#9ab2c9;background:#94a9c119;border:1px solid #ffffff13;padding:6px 8px;border-radius:5px}
.nv-preview-layout{display:grid;grid-template-columns:126px 1fr;min-height:427px}
.nv-preview-rail{background:#121820;border-right:1px solid #ffffff12;padding:22px 11px;display:flex;flex-direction:column;gap:9px}
.nv-preview-rail-logo{padding:1px 10px 19px;display:flex;border-bottom:1px solid #ffffff0e;margin-bottom:13px}
.nv-preview-rail-logo img{object-fit:contain}
.nv-preview-rail>span{display:flex;gap:9px;padding:11px 8px;align-items:center;color:#8896a8;font-size:10px;border-radius:8px;min-height:38px}
.nv-preview-rail>span svg{height:14px;width:14px;flex:0 0 14px}
.nv-preview-rail>span b{font-weight:550}
.nv-preview-rail>.nv-preview-nav-current{background:#25313c;color:#e8f0fa}
.nv-preview-space{padding:28px clamp(20px,3vw,38px) 30px;min-width:0}
.nv-preview-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.16em;color:#7c899b;font-weight:700}
.nv-preview-status{display:inline-flex;gap:5px;align-items:center;font-size:9px;letter-spacing:0;color:#acc6b3;font-weight:570}
.nv-preview-status i{height:6px;width:6px;background:#95c3a7;border-radius:50%;box-shadow:0 0 0 3px #95c3a719}
.nv-preview-space h3{font-size:clamp(23px,2.5vw,33px);font-weight:660;letter-spacing:-.05em;margin:18px 0 8px;line-height:1.07}
.nv-preview-space>p{font-size:11px;line-height:1.6;color:#8e9aab;margin:0}
.nv-preview-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 21px}
.nv-preview-quick>div{position:relative;overflow:hidden;min-height:85px;border:1px solid #ffffff19;border-radius:12px;background:#171d26;padding:15px}
.nv-preview-quick small{font-size:9px;display:block;color:#97a3b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-preview-quick strong{font-size:25px;display:block;font-weight:680;letter-spacing:-.035em;margin-top:9px}
.nv-preview-mini-line{position:absolute;right:-6px;bottom:16px;height:2px;width:54px;background:linear-gradient(90deg,transparent,#a9becd5c);transform:rotate(-15deg);border-radius:4px}
.nv-preview-mini-line.second{width:38px;transform:rotate(16deg)}
.nv-preview-mini-line.third{width:58px;transform:rotate(-8deg)}
.nv-preview-subhead{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d1dbe6;margin-bottom:12px}
.nv-preview-subhead span{font-size:9px;color:#8a9bac}
.nv-preview-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nv-preview-modules>div{min-height:91px;padding:12px;background:#171d25;border:1px solid #ffffff13;border-radius:11px;display:flex;flex-direction:column;min-width:0}
.nv-mini-icon{width:24px;height:24px;display:grid;place-items:center;background:#dae8f313;border-radius:7px;margin-bottom:9px;color:#b8cadc}
.nv-mini-icon svg{width:15px;height:15px}
.nv-preview-modules strong{font-size:10px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:670}
.nv-preview-modules small{font-size:8px;margin-top:3px;color:#91b09d}
@media(min-width:850px){.nv-product-preview{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.nv-product-preview:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}}
@media(max-width:1150px){.nv-preview-layout{grid-template-columns:105px 1fr}.nv-preview-rail{padding-inline:6px}.nv-preview-space{padding:22px}.nv-preview-modules{gap:6px}.nv-preview-modules>div{padding:10px}.nv-preview-quick{gap:7px}}
@media(max-width:600px){.nv-product-preview{border-radius:15px}.nv-preview-bar{height:36px;padding:0 11px;font-size:8px;gap:8px}.nv-preview-lights i{width:6px;height:6px}.nv-preview-beta{font-size:6px;padding:4px 6px}.nv-preview-layout{grid-template-columns:43px 1fr;min-height:310px}.nv-preview-rail{padding:13px 3px;gap:6px}.nv-preview-rail-logo{padding:0 6px 10px;margin-bottom:5px}.nv-preview-rail-logo img{width:22px;height:22px}.nv-preview-rail>span{padding:9px 6px;min-height:30px;justify-content:center}.nv-preview-rail>span b{display:none}.nv-preview-rail>span svg{width:17px;height:17px;flex-basis:17px}.nv-preview-space{padding:17px 13px 16px}.nv-preview-breadcrumb{font-size:7px}.nv-preview-status{font-size:7px}.nv-preview-space h3{font-size:24px;margin:12px 0 4px}.nv-preview-space>p{font-size:8px}.nv-preview-quick{margin:19px 0 14px;gap:5px}.nv-preview-quick>div{min-height:70px;padding:9px 7px}.nv-preview-quick small{font-size:7px}.nv-preview-quick strong{font-size:20px;margin-top:6px}.nv-preview-subhead{font-size:10px;margin-bottom:8px}.nv-preview-subhead span{font-size:8px}.nv-preview-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nv-preview-modules>div{min-height:60px;padding:8px;display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:6px}.nv-mini-icon{grid-row:span 2;width:22px;height:22px;margin:0}.nv-preview-modules strong{font-size:9px}.nv-preview-modules small{font-size:7px;margin:0}}