/* CareerNovaris V5 — SEO content hub + premium motion. Deliberately no backdrop-filter/blur. */
:root{--gold:#f0e5c9;--ink:#f7fbff;--soft:#b7c7d8;--electric:#4d8dff;--deep:#06101f;--deep2:#091a31}
#scrollProgress{position:fixed;z-index:200;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#f0e5c9,#73d8ff,#4d8dff);box-shadow:0 0 18px rgba(115,216,255,.4);pointer-events:none}
.seo-hub{padding:110px 0;background:linear-gradient(180deg,#06101f,#08172b 48%,#06101f);position:relative;overflow:hidden}
.seo-hub:after{content:"";position:absolute;right:-180px;top:0;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(77,141,255,.15),transparent 68%);pointer-events:none}
.section-kicker{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#73d8ff;font-weight:850;margin-bottom:13px}
.display-title{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;max-width:980px;text-wrap:balance}
.lead-copy{font-size:clamp(17px,1.6vw,21px);line-height:1.75;color:#c5d3e2;max-width:790px}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;position:relative;z-index:2}
.topic-card{position:relative;min-height:270px;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s;box-shadow:0 22px 58px rgba(0,0,0,.16)}
.topic-card:before{content:"";position:absolute;inset:auto -45% -70% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(115,216,255,.18),transparent 68%);transition:transform .5s ease}
.topic-card:hover{transform:translateY(-8px);border-color:rgba(115,216,255,.35);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))}
.topic-card:hover:before{transform:scale(1.2)}
.topic-card .overline{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#85ddff;font-weight:800}
.topic-card h3{font-size:25px;line-height:1.08;margin:55px 0 12px;letter-spacing:-.025em}
.topic-card p{color:#aebfd2;line-height:1.65;font-size:14px;margin:0 0 22px}
.topic-card .go{font-size:13px;color:#f0e5c9;font-weight:800}
.test-feature{padding:115px 0;position:relative;background:#071425;overflow:hidden}
.test-shell{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:34px;padding:clamp(28px,5vw,62px);background:linear-gradient(135deg,rgba(13,37,69,.92),rgba(5,16,31,.96));box-shadow:0 40px 110px rgba(0,0,0,.28)}
.test-badges{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 30px}
.test-badge{border:1px solid rgba(240,229,201,.19);background:rgba(240,229,201,.055);color:#e9dfc4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}
.test-visual{min-height:520px;border-radius:27px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.test-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important}
.test-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,10,20,.8));pointer-events:none}
.test-stat{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.test-stat div{padding:15px;border-radius:16px;background:rgba(5,16,31,.9);border:1px solid rgba(255,255,255,.1);text-align:center}
.test-stat b{display:block;color:#f0e5c9;font-size:19px}.test-stat span{display:block;color:#aabbd0;font-size:10px;margin-top:4px;text-transform:uppercase;letter-spacing:.1em}
.faq-wrap{padding:110px 0;background:#06101f}.faq-list{display:grid;gap:12px;max-width:920px;margin-top:40px}.faq-item{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.faq-item summary{cursor:pointer;padding:21px 23px;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#73d8ff;font-size:20px}.faq-item[open] summary:after{content:"–"}.faq-item p{padding:0 23px 22px;margin:0;color:#b7c7d8;line-height:1.72}
.motion{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.motion.in{opacity:1;transform:none}.motion[data-delay="1"]{transition-delay:.08s}.motion[data-delay="2"]{transition-delay:.16s}.motion[data-delay="3"]{transition-delay:.24s}.motion[data-delay="4"]{transition-delay:.32s}
.page-hero{padding:calc(var(--nav-h) + 90px) 0 95px;min-height:72vh;display:grid;align-items:end;position:relative;overflow:hidden;background:#071425}.page-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:none!important}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,19,.98),rgba(3,9,19,.84) 48%,rgba(3,9,19,.35)),linear-gradient(180deg,rgba(3,9,19,.1),#071425 100%);z-index:1}.page-hero .wrap{position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,7vw,96px);line-height:.93;letter-spacing:-.055em;max-width:1000px;margin:15px 0 22px;text-wrap:balance}.page-hero p{font-size:clamp(17px,1.6vw,21px);line-height:1.7;color:#c5d3e2;max-width:760px}.crumbs{font-size:12px;color:#9fb1c5}.crumbs a{text-decoration:none;color:#dce8f5}.crumbs span{opacity:.5;margin:0 7px}
.article{padding:90px 0 120px;background:#071425}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;align-items:start}.prose{max-width:790px}.prose h2{font-size:clamp(31px,4vw,51px);letter-spacing:-.035em;line-height:1.02;margin:64px 0 20px}.prose h2:first-child{margin-top:0}.prose h3{font-size:25px;margin:36px 0 14px}.prose p,.prose li{color:#c2d0df;font-size:17px;line-height:1.8}.prose strong{color:#fff}.prose ul{padding-left:22px}.callout{margin:35px 0;padding:24px 26px;border-left:3px solid #73d8ff;border-radius:0 18px 18px 0;background:rgba(115,216,255,.055);color:#dce9f6}.sidecard{position:sticky;top:116px;border:1px solid rgba(255,255,255,.10);border-radius:23px;padding:25px;background:linear-gradient(145deg,#0b203b,#081526);box-shadow:0 25px 70px rgba(0,0,0,.22)}.sidecard h3{margin:0 0 10px;font-size:22px}.sidecard p{color:#aebfd2;font-size:14px;line-height:1.65}.sidecard .btn{width:100%;margin-top:10px}.mini-links{display:grid;gap:8px;margin-top:16px}.mini-links a{text-decoration:none;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#c8d8e8}
.subnav{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.subnav a{font-size:13px;text-decoration:none;border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;color:#c7d7e7;background:rgba(255,255,255,.035)}
@media(max-width:1050px){.link-grid{grid-template-columns:repeat(2,1fr)}.test-shell{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.sidecard{position:relative;top:auto}.navlinks{gap:15px}.navlinks a:nth-child(n+5):not(.pill){display:none}}
@media(max-width:720px){#scrollProgress{height:2px}.seo-hub,.test-feature,.faq-wrap{padding:78px 0}.link-grid{grid-template-columns:1fr}.topic-card{min-height:230px}.test-shell{padding:24px;border-radius:25px}.test-visual{min-height:420px}.test-stat{grid-template-columns:1fr;left:12px;right:12px;bottom:12px}.test-stat div{padding:10px}.page-hero{min-height:65svh;padding-top:calc(var(--nav-h) + 60px)}.article{padding-top:65px}.prose p,.prose li{font-size:16px}.brand-logo{width:210px}.navlinks a:not(.pill){display:none!important}}
@media(prefers-reduced-motion:reduce){.motion{opacity:1;transform:none;transition:none}.topic-card,.btn{transition:none!important}}


/* V8 — DISCNovaris, blog and legal hub */
.disc-feature{padding:115px 0;background:linear-gradient(180deg,#06101f,#0a1830 50%,#06101f);position:relative;overflow:hidden}
.disc-feature:before{content:"";position:absolute;left:-190px;top:60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(21,154,140,.14),transparent 68%)}
.disc-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:34px;padding:clamp(28px,5vw,62px);background:linear-gradient(135deg,rgba(6,30,48,.95),rgba(7,18,35,.97));box-shadow:0 40px 110px rgba(0,0,0,.28);position:relative;z-index:2}
.disc-visual{min-height:540px;border-radius:28px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.disc-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none!important}
.disc-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(2,10,20,.84))}
.disc-letters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.disc-letters span{display:grid;place-items:center;height:60px;border-radius:15px;font-weight:900;font-size:22px;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(5,16,31,.88)}
.disc-letters span:nth-child(1){box-shadow:inset 0 3px #df5d55}.disc-letters span:nth-child(2){box-shadow:inset 0 3px #f4a53b}.disc-letters span:nth-child(3){box-shadow:inset 0 3px #36b6a3}.disc-letters span:nth-child(4){box-shadow:inset 0 3px #4d8dff}
.disc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.disc-dim{border:1px solid rgba(255,255,255,.10);padding:16px;border-radius:18px;background:rgba(255,255,255,.035)}.disc-dim b{font-size:24px;display:block;margin-bottom:6px}.disc-dim span{font-size:12px;color:#aebfd2;line-height:1.5}.disc-dim.d b{color:#ff7770}.disc-dim.i b{color:#ffb45b}.disc-dim.s b{color:#69d6c5}.disc-dim.c b{color:#78a8ff}
.blog-section{padding:110px 0;background:#071425}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.blog-card{display:flex;flex-direction:column;min-height:430px;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));transition:transform .35s ease,border-color .35s ease;box-shadow:0 25px 65px rgba(0,0,0,.18)}.blog-card:hover{transform:translateY(-8px);border-color:rgba(115,216,255,.34)}.blog-card img{width:100%;height:205px;object-fit:cover;filter:none!important}.blog-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-meta{font-size:11px;color:#7edbff;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.blog-card h3{font-size:25px;line-height:1.08;letter-spacing:-.025em;margin:16px 0 12px}.blog-card p{color:#aebfd2;font-size:14px;line-height:1.65;margin:0 0 18px}.blog-card .go{margin-top:auto;color:#f0e5c9;font-weight:800;font-size:13px}
.legal-index{padding:calc(var(--nav-h) + 70px) 0 110px;background:#071425;min-height:100vh}.legal-card{max-width:900px;margin:auto;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:clamp(26px,5vw,56px);background:linear-gradient(145deg,#0b203b,#081526);box-shadow:0 30px 90px rgba(0,0,0,.25)}.legal-card h1{font-size:clamp(44px,6vw,76px);line-height:.96;letter-spacing:-.045em;margin:15px 0 18px}.legal-card h2{font-size:30px;margin:44px 0 14px}.legal-card p,.legal-card li{color:#c2d0df;font-size:16px;line-height:1.8}.legal-card a{color:#9bdfff}.legal-date{font-size:12px;color:#8299b1;text-transform:uppercase;letter-spacing:.12em}.legal-toc{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 8px}.legal-toc a{text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;font-size:12px;color:#c7d7e7;background:rgba(255,255,255,.035)}
.blog-hero{padding:calc(var(--nav-h) + 86px) 0 86px;background:#071425;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;right:-120px;top:40px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(77,141,255,.14),transparent 68%)}
.article-byline{display:flex;gap:12px;align-items:center;color:#8fa5bc;font-size:12px;margin-top:18px;flex-wrap:wrap}.article-byline span+span:before{content:"·";margin-right:12px;color:#536b85}
.article-nav{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;flex-wrap:wrap}.article-nav a{text-decoration:none;border:1px solid rgba(255,255,255,.12);padding:10px 13px;border-radius:999px;color:#c7d7e7;font-size:13px}
.brand-copy{font-size:.42em;vertical-align:super;color:#f0e5c9;margin-left:.06em}
@media(max-width:1050px){.disc-shell{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.disc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.disc-feature,.blog-section{padding:78px 0}.blog-grid{grid-template-columns:1fr}.disc-visual{min-height:430px}.disc-grid{grid-template-columns:1fr 1fr}.disc-letters span{height:50px;font-size:18px}}