:root{--ink:#06101f;--navy:#020a17;--cyan:#00cbd3;--purple:#9a4ff2;--orange:#ff6d40;--line:#dce3ea;--muted:#667487}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--navy);color:white}.wrap{width:min(1420px,92%);margin:auto}
.nav{height:78px;padding:0 3.4%;display:flex;align-items:center;justify-content:space-between;background:#020916;border-bottom:1px solid #1a293b;position:sticky;top:0;z-index:50}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.brand strong{font-size:38px;letter-spacing:-4px;font-weight:500}.brand span{font-size:10px;letter-spacing:3px}.nav nav{display:flex;align-items:center;gap:42px}.nav nav a{font-size:10px;text-decoration:none;color:#fff;padding:31px 0}.nav nav a.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.nav .contact{border:1px solid #637187;padding:14px 19px}.nav .contact span{margin-left:15px;color:var(--cyan)}.menu{display:none;background:transparent;border:0;color:#fff;font-size:23px}
.hero{min-height:600px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url("assets/insights-hero.jpg") center/cover no-repeat;transform:scale(1.06);animation:heroDrift 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020a17 0%,rgba(2,10,23,.95) 35%,rgba(2,10,23,.55) 58%,rgba(2,10,23,.08) 83%),linear-gradient(180deg,rgba(2,10,23,.12),rgba(2,10,23,.35))}.hero-content{position:relative;z-index:2;width:min(700px,90%);margin-left:5%}.eyebrow,.section-kicker{font-size:11px;font-weight:600;letter-spacing:.75px;color:#00bfc7}.hero h1{font-size:65px;line-height:1.03;font-weight:400;letter-spacing:-2.7px;margin:18px 0 26px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#00cdd5,#9851f3,#ff7042);background-clip:text;color:transparent}.hero-content>p{font-size:16px;line-height:1.8;color:#d2dae4;max-width:650px}.hero-button{display:inline-flex;gap:25px;align-items:center;margin-top:25px;border:1px solid var(--cyan);padding:15px 20px;text-decoration:none;color:#fff;font-size:10px;letter-spacing:.4px}.hero-button span{color:var(--cyan)}.hero-dots{position:absolute;right:5%;bottom:6%;width:250px;height:120px;background-image:radial-gradient(circle,rgba(0,203,211,.32) 1px,transparent 1.4px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.45}
.light-section{background:#f8fafc;color:#071020;padding:65px 0}.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:28px}.section-heading h2,.library-top h2{font-size:31px;font-weight:400;letter-spacing:-.7px;margin:10px 0 0}.section-heading>p{font-size:13px;line-height:1.75;color:#6d7a89;margin:0}.section-heading.compact{margin-bottom:35px}
.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}.topic-card{--accent:var(--cyan);appearance:none;text-align:left;border:1px solid var(--line);background:#fff;color:#071020;padding:28px 23px 24px;min-height:345px;cursor:pointer;position:relative;overflow:hidden;transition:.3s ease;font:inherit}.topic-card:nth-child(2),.topic-card:nth-child(5){--accent:var(--purple)}.topic-card:nth-child(4){--accent:var(--orange)}.topic-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}.topic-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%);opacity:0;transition:.3s}.topic-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(30,56,82,.12);border-color:#c5d1dc}.topic-card:hover:before{opacity:1}.topic-icon{width:48px;height:48px;color:var(--accent);margin-bottom:21px;position:relative}.topic-icon svg,.field-icon svg,.search-wrap svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topic-num{font-size:10px;color:#00aab3;display:block;margin-bottom:11px}.topic-card h3{font-size:18px;line-height:1.3;font-weight:500;margin:0 0 15px}.topic-card p{font-size:12.5px;line-height:1.72;color:#607083;margin:0}.topic-arrow{position:absolute;left:23px;bottom:20px;font-size:9px;letter-spacing:.6px;color:var(--accent);opacity:0;transform:translateY(5px);transition:.25s}.topic-card:hover .topic-arrow{opacity:1;transform:none}
.featured{padding-top:50px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.featured-card{--accent:var(--cyan);height:420px;border:1px solid #d9e1e8;background:#fff;position:relative;overflow:hidden}.featured-card.purple{--accent:var(--purple)}.featured-card.orange{--accent:var(--orange)}.featured-content{position:relative;z-index:3;width:72%;height:100%;display:flex;flex-direction:column;padding:32px}.content-type{font-size:9px;font-weight:600;letter-spacing:.65px;color:var(--accent);text-transform:uppercase}.featured-card h3{font-size:25px;line-height:1.28;font-weight:500;margin:13px 0 17px}.featured-card p{font-size:12.5px;line-height:1.72;color:#607083}.read-link{margin-top:auto;text-decoration:none;color:#071020;font-size:10px;font-weight:600;display:inline-flex;gap:10px;align-items:center}.read-link span{color:var(--accent);font-size:15px;transition:transform .25s}.read-link:hover span{transform:translateX(5px)}.visual{position:absolute;right:-4%;bottom:-3%;width:52%;height:76%;color:var(--accent);opacity:.9}.visual svg{width:100%;height:100%}.visual-wave{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 15%,transparent))}.visual-particles span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent);animation:particleFloat 5s ease-in-out infinite}.visual-particles span:nth-child(1){left:8%;top:70%}.visual-particles span:nth-child(2){left:20%;top:42%;animation-delay:.3s}.visual-particles span:nth-child(3){left:35%;top:64%;animation-delay:.7s}.visual-particles span:nth-child(4){left:45%;top:30%;animation-delay:1s}.visual-particles span:nth-child(5){left:58%;top:55%;animation-delay:1.4s}.visual-particles span:nth-child(6){left:72%;top:22%;animation-delay:1.8s}.visual-particles span:nth-child(7){left:84%;top:47%;animation-delay:2.1s}.visual-particles span:nth-child(8){left:65%;top:78%;animation-delay:2.4s}.visual-particles span:nth-child(9){left:33%;top:85%;animation-delay:2.8s}.visual-particles span:nth-child(10){left:90%;top:72%;animation-delay:3s}.visual-particles span:nth-child(11){left:15%;top:18%;animation-delay:3.4s}.visual-particles span:nth-child(12){left:53%;top:10%;animation-delay:3.7s}.visual-orbits i{position:absolute;border:2px solid var(--accent);border-radius:50%;transform:rotate(-17deg)}.visual-orbits i:nth-child(1){width:330px;height:90px;right:-80px;bottom:8px}.visual-orbits i:nth-child(2){width:270px;height:72px;right:-45px;bottom:28px;opacity:.8}.visual-orbits i:nth-child(3){width:210px;height:57px;right:-15px;bottom:47px;opacity:.6}.visual-orbits i:nth-child(4){width:150px;height:40px;right:15px;bottom:66px;opacity:.4}.visual-orbits i:nth-child(5){width:90px;height:24px;right:45px;bottom:84px;opacity:.25}
.field{padding-top:45px}.field-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.field-card{--accent:var(--cyan);padding:30px 29px 28px;min-height:365px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.field-card:last-child{border:0}.field-card.purple{--accent:var(--purple)}.field-card.orange{--accent:var(--orange)}.field-card:hover{background:#fff;box-shadow:0 15px 40px rgba(30,56,82,.08);transform:translateY(-4px)}.field-icon{width:43px;height:43px;color:var(--accent);margin-bottom:17px}.field-card h3{font-size:20px;line-height:1.3;font-weight:500;margin:13px 0}.field-card p{font-size:12.5px;line-height:1.72;color:#607083}
.longform{padding-top:20px;padding-bottom:70px}.long-shell{background:linear-gradient(120deg,#effaff,#fff 75%);border:1px solid #dbeaf0;border-radius:10px;padding:36px}.long-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.long-card{display:grid;grid-template-columns:110px 1fr;gap:18px}.article-cover{--accent:var(--cyan);height:235px;background:#061220;color:#fff;padding:16px 13px;position:relative;overflow:hidden;box-shadow:0 15px 28px rgba(27,54,76,.16);display:flex;flex-direction:column}.cover-purple{--accent:var(--purple)}.cover-orange{--accent:var(--orange)}.cover-logo{font-size:17px;font-weight:600}.article-cover>span{font-size:7px;color:var(--accent);margin-top:auto;text-transform:uppercase}.article-cover>strong{font-size:13px;line-height:1.25;font-weight:500;margin-top:6px}.cover-lines{position:absolute;inset:0}.cover-lines:before,.cover-lines:after{content:"";position:absolute;width:210px;height:80px;border:1px solid var(--accent);border-radius:50%;right:-95px;top:55px;transform:rotate(-32deg);opacity:.5}.cover-lines:after{top:75px;right:-70px;opacity:.25}.long-copy{display:flex;flex-direction:column;padding:5px 0}.long-copy h3{font-size:17px;line-height:1.35;font-weight:500;margin:10px 0}.long-copy p{font-size:11.5px;line-height:1.65;color:#667487}
.perspectives{padding:48px 0;background:#020a17}.perspective-track{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.perspective-track article{border:1px solid #26384e;background:#061321;padding:24px;min-height:175px;transition:.28s}.perspective-track article:hover{transform:translateY(-4px);border-color:#3d526d}.perspective-track b{font-size:36px;color:var(--cyan);line-height:1}.perspective-track article:nth-child(2n) b{color:var(--purple)}.perspective-track article:nth-child(4) b{color:var(--orange)}.perspective-track p{font-size:16px;line-height:1.45;margin:7px 0 0}
.library-section{padding-top:60px;padding-bottom:75px}.library-top{display:flex;justify-content:space-between;align-items:end}.search-wrap{width:300px;height:44px;border:1px solid #d5dde5;background:#fff;display:flex;align-items:center;padding:0 13px}.search-wrap svg{width:18px;height:18px;color:#8492a2}.search-wrap input{width:100%;border:0;outline:0;padding-left:10px;font:inherit;font-size:12px}.filters{display:flex;gap:25px;margin:28px 0 22px;border-bottom:1px solid #dce3ea}.filters button{border:0;background:none;padding:0 0 12px;color:#667487;font:inherit;font-size:9px;cursor:pointer;position:relative}.filters button.active{color:#071020;font-weight:600}.filters button.active:after{content:"";height:2px;background:var(--cyan);position:absolute;left:0;right:0;bottom:-1px}.library-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.library-card{border:1px solid #d9e1e8;background:#fff;min-height:310px;transition:.28s}.library-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(30,56,82,.11)}.library-card.hidden{display:none}.library-visual{display:block;height:115px;position:relative;overflow:hidden;background:#07172b}.thumb-grid{background-image:linear-gradient(rgba(0,203,211,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(0,203,211,.17) 1px,transparent 1px),radial-gradient(circle at 70% 35%,#0d6882,#07172b 50%);background-size:13px 13px,13px 13px,100% 100%}.thumb-code{background:repeating-linear-gradient(90deg,rgba(154,79,242,.13) 0 2px,transparent 2px 8px),linear-gradient(135deg,#121738,#6a24b8)}.thumb-rings:before,.thumb-rings:after{content:"";position:absolute;border:1px solid #00cbd3;border-radius:50%;width:250px;height:80px;left:30px;top:20px;transform:rotate(-15deg)}.thumb-rings:after{width:180px;height:55px;left:65px;top:36px;opacity:.45}.thumb-led{background-color:#130c12;background-image:radial-gradient(circle,#ff6d40 2px,transparent 3px);background-size:18px 18px}.thumb-flow{background:linear-gradient(135deg,#061a27,#084866)}.thumb-flow:after{content:"";position:absolute;inset:-40px;background:repeating-radial-gradient(ellipse at 100% 50%,transparent 0 12px,rgba(0,203,211,.22) 13px 14px);transform:rotate(8deg)}.library-copy{padding:17px}.library-copy h3{font-size:15px;line-height:1.35;font-weight:500;min-height:61px;margin:10px 0 20px}
footer{height:85px;border-top:1px solid #1d2e42;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4%;font-size:10px;color:#7d8a9a}footer>span:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}
@keyframes heroDrift{from{transform:scale(1.06) translateX(0)}to{transform:scale(1.09) translateX(-12px)}}@keyframes particleFloat{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-18px);opacity:1}}
@media(max-width:1100px){.nav nav{gap:20px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid{grid-template-columns:minmax(0,1fr)}.featured-card{height:360px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-card:nth-child(2){border-right:0}.long-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.perspective-track{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.nav{height:68px}.nav nav{display:none}.nav nav.open{display:flex;position:absolute;top:68px;left:0;right:0;padding:25px;background:#020916;flex-direction:column;align-items:flex-start}.nav nav a{padding:6px 0}.menu{display:block}.hero{min-height:610px}.hero-art{background-position:66% center}.hero-shade{background:linear-gradient(90deg,#020a17 0%,rgba(2,10,23,.92) 68%,rgba(2,10,23,.55) 100%)}.hero-content{margin-left:24px}.hero h1{font-size:45px}.hero-content>p{font-size:15px}.light-section{padding:55px 0}.section-heading,.library-top{grid-template-columns:minmax(0,1fr);display:grid;gap:15px}.topic-grid,.field-grid,.long-grid,.perspective-track,.library-grid{grid-template-columns:minmax(0,1fr)}.topic-card{min-height:290px}.field-card{border-right:0;border-bottom:1px solid var(--line)}.featured-card{height:410px}.featured-content{width:84%;padding:27px}.visual{width:55%;opacity:.55}.long-shell{padding:24px}.long-card{grid-template-columns:90px 1fr}.article-cover{height:220px}.filters{overflow:auto;white-space:nowrap}.search-wrap{width:100%}.library-top{align-items:start}footer{grid-template-columns:minmax(0,1fr);gap:10px;height:auto;padding:28px 5%}footer>span:last-child{text-align:left}}