:root{--night:#07182c;--navy:#0b2d58;--navy2:#10477b;--aqua:#22bbc4;--aqua2:#66dadd;--amber:#f3b85a;--paper:#f4f7f9;--white:#fff;--ink:#14283f;--muted:#657589;--line:#dfe7ec;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
header{position:sticky;top:0;z-index:20;background:rgba(247,249,251,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--night);font-size:1.22rem;font-weight:850;letter-spacing:-.03em}.brand b{color:var(--aqua)}.brand-mark{width:42px;height:42px;border-radius:0;background:transparent url("datanest360-mark-transparent.png") center/contain no-repeat;border:0}.back{font-size:.82rem;font-weight:800;color:#58697b}.back:hover{color:var(--aqua)}
.stats-hero{position:relative;overflow:hidden;padding:56px 0 49px;background:var(--night);color:white}.stats-hero:after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}.eyebrow{margin:0 0 11px;color:var(--aqua2);font-size:.71rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.stats-hero h1{margin:0;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.94;letter-spacing:-.06em}.stats-hero p{max-width:680px;margin:18px 0 0;color:#b9c9d7}.hero-badge{padding:12px 15px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#c4d2dd;font-size:.76rem}.hero-badge strong{display:block;color:var(--amber);font-size:1.15rem}
.stats-hero.industry-visual{isolation:isolate;background:#061528}.stats-hero.industry-visual:before{content:"";position:absolute;z-index:0;inset:-6%;background-image:var(--industry-image);background-position:center;background-size:cover;transform:scale(1.03);animation:industryDrift 22s ease-in-out infinite alternate}.stats-hero.industry-visual:after{z-index:0;inset:0;opacity:1;background:linear-gradient(90deg,rgba(5,20,39,.96) 0%,rgba(5,20,39,.84) 40%,rgba(5,20,39,.42) 72%,rgba(5,20,39,.18) 100%),linear-gradient(0deg,rgba(5,20,39,.3),transparent 70%);mask-image:none}.stats-hero.industry-visual .hero-badge{background:rgba(7,24,44,.5);backdrop-filter:blur(8px)}.stats-hero.industry-visual .data-wave-canvas{display:none}
.crumb{padding:16px 0;color:#738193;font-size:.75rem}.crumb a{font-weight:800;color:#087f86}.section{padding:25px 0 78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-head h2{margin:0;color:var(--night);font-size:1.65rem;letter-spacing:-.035em}.section-head p{max-width:560px;margin:0;color:var(--muted);font-size:.87rem}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.topic{position:relative;display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--line);border-radius:9px;background:white;transition:.18s ease}.topic:hover{transform:translateY(-2px);border-color:var(--aqua);box-shadow:0 15px 35px rgba(11,45,88,.08)}.topic-no{color:#09878e;font:800 .7rem/1 ui-monospace,monospace}.topic h3{margin:14px 0 7px;color:var(--night);font-size:1.17rem}.topic p{margin:0;color:var(--muted);font-size:.76rem}.topic-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:19px;border-top:1px solid var(--line);color:#667689;font-size:.7rem;font-weight:800}.topic-foot b{color:var(--aqua);font-size:1rem}.mini-preview{position:absolute;top:17px;right:18px;width:88px;height:48px;display:flex;align-items:flex-end;gap:4px;padding:8px 8px 7px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.mini-preview i{display:block;flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--aqua),var(--navy2))}.mini-preview:after{content:"sample";position:absolute;right:5px;bottom:1px;color:#8a98a8;font-size:.48rem;letter-spacing:.04em;text-transform:uppercase}
.topic.industry-card{isolation:isolate;overflow:hidden;border-color:rgba(34,187,196,.22);background:#07182c}.topic.industry-card:before{content:"";position:absolute;z-index:0;inset:-8%;background-image:var(--industry-image);background-position:center;background-size:cover;transform:scale(1.04);animation:industryDrift 25s ease-in-out infinite alternate}.topic.industry-card:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(5,20,39,.5),rgba(5,20,39,.89))}.topic.industry-card>*{position:relative;z-index:1}.topic.industry-card h3{color:white}.topic.industry-card p{color:#d3e0e9}.topic.industry-card .topic-foot{border-color:rgba(255,255,255,.16);color:#bfd0dc}.topic.industry-card:hover{border-color:var(--aqua);box-shadow:0 16px 38px rgba(7,24,44,.22)}@keyframes industryDrift{from{transform:scale(1.03) translate3d(-.7%,0,0)}to{transform:scale(1.1) translate3d(1.2%,-.8%,0)}}
.detail-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:8px 0 80px}.filter-panel{align-self:start;padding:20px;background:white;border:1px solid var(--line);border-radius:9px}.filter-panel h2{margin:0 0 17px;color:var(--night);font-size:1rem}.filter-panel label{display:grid;gap:5px;margin-top:13px;color:#657589;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.filter-panel select{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-size:.78rem;text-transform:none;letter-spacing:0}.filter-note{margin:18px 0 0;padding:11px;border-left:3px solid var(--amber);background:#fff7e7;color:#6e5a30;font-size:.7rem}
.detail-main{min-width:0}.indicator-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:17px;border:1px solid var(--line);border-radius:8px;background:white}.metric small{display:block;color:#788797;font-size:.65rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;margin-top:6px;color:var(--night);font-size:1.18rem}.metric em{color:#08878e;font-size:.69rem;font-style:normal;font-weight:800}.panel{margin-top:13px;padding:23px;border:1px solid var(--line);border-radius:9px;background:white}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel h2{margin:0;color:var(--night);font-size:1.2rem}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.sample{padding:5px 8px;border-radius:4px;background:#e7f7f7;color:#087b81;font-size:.65rem;font-weight:850}.indicator-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.indicator-list span{padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:#56677a;font-size:.72rem;font-weight:750}
.calculator-panel{overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbfc)}.calculator-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:22px;margin-top:20px}.calculator-inputs{display:grid;gap:14px}.calculator-field{padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:white}.calculator-field-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.calculator-field label{color:#43556a;font-size:.75rem;font-weight:800}.calculator-field output{color:#087f86;font-size:.74rem;font-weight:850;white-space:nowrap}.calculator-field input[type=range]{width:100%;height:5px;accent-color:var(--aqua);cursor:pointer}.calculator-results{align-self:start;padding:18px;border-radius:8px;background:var(--night);color:white}.calculator-results h3{margin:0 0 13px;font-size:.91rem}.calc-table{width:100%;border-collapse:collapse}.calc-table th,.calc-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13);text-align:left;font-size:.72rem}.calc-table th{color:#aebfce;font-weight:700}.calc-table td{color:white;text-align:right;font-weight:850}.calc-table tr:last-child th,.calc-table tr:last-child td{border-bottom:0}.calculator-actions{display:flex;gap:8px;margin-top:15px}.calculator-actions button{min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:var(--amber);color:var(--night);font-size:.7rem;font-weight:850;cursor:pointer}.calculator-actions button.secondary{background:transparent;color:white}.calculator-status{min-height:18px;margin:8px 0 0;color:var(--aqua2);font-size:.66rem}.calculator-note{margin:16px 0 0;padding:11px 13px;border-left:3px solid var(--amber);background:#fff8e9;color:#715d37;font-size:.7rem}
.chart{display:flex;align-items:flex-end;gap:12px;height:210px;margin-top:28px;padding:15px 18px 27px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.chart span{position:relative;flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--aqua),var(--navy2))}.chart span:before{content:attr(data-value);position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:.64rem;font-weight:800}.chart span:after{content:attr(data-year);position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);color:#7b8998;font-size:.63rem}.table-scroll{overflow:auto;margin-top:19px}.data-table{width:100%;border-collapse:collapse;font-size:.76rem}.data-table th{text-align:left;padding:10px 11px;background:var(--night);color:white;font-size:.64rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:11px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.dummy-note{margin:15px 0 0;color:#7b8998;font-size:.7rem}
footer{background:#061528;color:#9eb1c3;padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footbrand{color:white;font-weight:850}.footbrand b{color:var(--aqua)}footer small{font-size:.7rem}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media(max-width:900px){.topic-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.filter-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-panel h2,.filter-note{grid-column:1/-1}.filter-panel label{margin:0}.indicator-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.calculator-shell{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.back span{display:none}.hero-inner,.section-head{grid-template-columns:1fr;display:grid}.hero-badge{width:max-content}.topic-grid{grid-template-columns:1fr}.topic{min-height:190px}.filter-panel{grid-template-columns:1fr}.indicator-strip{grid-template-columns:1fr 1fr}.panel{padding:18px 14px}.chart{gap:7px;padding-inline:7px}.data-table{min-width:560px}.footer-row{display:block}.footer-row small{display:block;margin-top:6px}.calculator-field-head{align-items:flex-start;flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.stats-hero.industry-visual:before,.topic.industry-card:before{animation:none!important;transform:none!important}}