:root{
  --ink:#05080d;
  --ink-2:#0a111b;
  --panel:#101b29;
  --panel-2:#142335;
  --blue:#2495ff;
  --blue-2:#64c3ff;
  --paper:#f4f7fb;
  --white:#fff;
  --text:#d7e2ec;
  --muted:#8fa3b6;
  --dark:#10243a;
  --line:#25374b;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.top{position:sticky;top:0;z-index:50;background:#05080deF;border-bottom:1px solid #1c2938;backdrop-filter:blur(18px)}
.nav{min-height:84px;display:flex;align-items:center;gap:30px}
.logo{display:inline-flex;align-items:center;width:192px;height:64px;background:url('/assets/nettelix-logo-dark.png') center/contain no-repeat;line-height:1;flex:0 0 auto}
.signal-n{display:none}.logo-word{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;color:#c8d5e0;font-size:.9rem}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--blue-2)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid #4d6680;border-radius:999px;font-weight:800;transition:.2s ease}
.button:hover{transform:translateY(-1px);border-color:var(--blue-2);box-shadow:0 10px 28px #2495ff22}
.button.primary{border:0;background:linear-gradient(90deg,var(--blue),var(--blue-2));color:#04101c}
.menu{display:none;margin-left:auto;position:relative}.menu summary{width:46px;height:46px;display:grid;align-content:center;gap:5px;padding:11px;border:1px solid #40546a;border-radius:12px;cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary span{height:2px;background:var(--blue-2);border-radius:2px}.menu-panel{position:absolute;right:0;top:56px;width:min(320px,calc(100vw - 36px));padding:12px;background:#0a131f;border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 60px #000a;display:grid}.menu-panel a{padding:11px 13px;border-radius:8px}.menu-panel a:hover{background:#15273a;color:var(--blue-2)}
.hero{position:relative;overflow:hidden;padding:118px 0 104px;background:radial-gradient(circle at 78% 30%,#113d66 0,transparent 34%),linear-gradient(125deg,#05080d 0,#07111d 60%,#0d2439 100%)}
.hero:before{content:"";position:absolute;inset:auto -10% -40% auto;width:700px;height:700px;border:1px solid #2c6382;border-radius:50%;box-shadow:0 0 0 90px #16395833,0 0 0 180px #16395822}
.hero .wrap{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue-2);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--blue)}
.hero h1{max-width:980px;margin:20px 0 24px;font-size:clamp(3.25rem,7vw,6.7rem);line-height:.92;letter-spacing:-.058em}
.hero .lead{max-width:760px;margin:0;color:#c8d4df;font-size:1.2rem}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.signal-strip{border-block:1px solid #183047;background:#07121e}.signal-grid{min-height:92px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center}.signal-grid strong{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.signal-grid span{text-align:center;color:var(--blue-2);font-weight:800;border-left:1px solid #254158}
.section{padding:96px 0}.section.light{background:var(--paper);color:var(--dark)}.section.deep{background:var(--ink-2)}
.section h2,.page-hero h1{margin:12px 0 20px;font-size:clamp(2.25rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.045em}
.intro{max-width:800px;margin:0;color:#586d82;font-size:1.1rem}.deep .intro{color:#aebdca}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}
.service-card{min-height:300px;padding:26px;border:1px solid #d8e2eb;border-radius:18px;background:#fff;display:flex;flex-direction:column;box-shadow:0 16px 42px #10243a0c}
.service-card .num{color:var(--blue);font-weight:950;letter-spacing:.1em}.service-card h3{margin:28px 0 10px;font-size:1.33rem;line-height:1.16}.service-card p{color:#60758a;margin:0}.service-card a{margin-top:auto;padding-top:20px;color:#126fbd;font-weight:850}
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.use{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101e2d,#0d1724)}.use b{color:var(--blue-2);font-size:.75rem;letter-spacing:.12em}.use h3{margin:10px 0 8px}.use p{margin:0;color:#aebdca}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:44px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.stage{padding:27px 22px;background:#0c1723}.stage b{color:var(--blue-2);font-size:.75rem}.stage h3{margin:9px 0 7px}.stage p{margin:0;color:#9eafbe;font-size:.92rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.feature-list{display:grid;gap:12px}.feature{padding:22px 24px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:#fff}.feature b{display:block}.feature span{color:#63778a}
.cta-band{padding:70px 0;background:linear-gradient(110deg,#0d2943,#0e4670);border-block:1px solid #2b6385}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-band h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.cta-band p{margin:0;color:#c7d7e3}
.page-hero{padding:95px 0 85px;background:radial-gradient(circle at 80% 20%,#123c62 0,transparent 34%),linear-gradient(130deg,#05080d,#0a1928)}.page-hero .lead{max-width:760px;color:#bdcbd7;font-size:1.16rem}.breadcrumb{font-size:.8rem;color:#9fb2c2;margin-bottom:24px}.breadcrumb a{color:var(--blue-2)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.fact{padding:22px;border:1px solid #2a4359;border-radius:14px;background:#0b1a28}.fact b{display:block;color:var(--blue-2)}.fact span{color:#aebdca}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.detail{padding:30px;border:1px solid #d9e3eb;border-radius:17px;background:#fff}.detail h3{margin:0 0 9px}.detail p,.detail li{color:#607487}.detail ul{padding-left:19px}
.content-band{padding:78px 0;background:#fff;color:var(--dark);border-top:1px solid #dce5ed}.content-band.alt{background:#eaf0f6}.content-band.dark{background:var(--ink-2);color:#fff;border-color:var(--line)}
.content-band h2{margin:12px 0 18px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;letter-spacing:-.04em}.content-band .intro{margin-bottom:36px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability{padding:27px;border:1px solid #d4e0e9;border-radius:16px;background:#fff}.capability h3{margin:0 0 10px;font-size:1.2rem}.capability p,.capability li{color:#607487}.capability ul{margin:10px 0 0;padding-left:18px}.capability .tag{display:block;margin-bottom:14px;color:#1478c5;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.dark .capability{border-color:var(--line);background:#0d1926}.dark .capability p,.dark .capability li{color:#aebdca}.dark .capability .tag{color:var(--blue-2)}
.tech-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:38px;border:1px solid #d5e0e9;border-radius:16px;overflow:hidden;background:#fff}.tech-table th,.tech-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #dfe7ee}.tech-table th{background:#10243a;color:#fff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.tech-table td{color:#5d7184}.tech-table td:first-child{color:#10243a;font-weight:850}.tech-table tr:last-child td{border-bottom:0}
.scope-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scope-item{padding:18px 19px;border:1px solid #d3dfe8;border-radius:13px;background:#fff}.scope-item b{display:block;margin-bottom:4px}.scope-item span{color:#627689;font-size:.92rem}
.callout{margin-top:36px;padding:25px 28px;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;background:#dfeaf3;color:#29445c}.callout strong{color:#10243a}
.outcome-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.outcome{padding:22px;border:1px solid var(--line);border-radius:15px;background:#0d1926}.outcome b{display:block;color:var(--blue-2);margin-bottom:5px}.outcome span{color:#aebdca;font-size:.92rem}
.contact-section{background:linear-gradient(135deg,#07131f,#0b2e48)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px}.contact-copy p{color:#bdcbd7}.contact-panel{background:#fff;color:var(--dark);border-radius:20px;padding:28px;box-shadow:0 26px 70px #0005}.contact-panel iframe{display:block;width:100%;height:780px;border:0}.privacy-note{color:#6a7f91;font-size:.78rem}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.resource{padding:28px;border:1px solid #d7e2eb;border-radius:17px;background:#fff}.resource small{color:#197cc8;font-weight:900;letter-spacing:.12em}.resource h3{margin:12px 0 8px}.resource p{color:#607487}.resource.pending{border-style:dashed;background:#f8fbfd}
.footer{padding:36px 0;border-top:1px solid #1b2b3b;color:#91a3b3}.foot{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.foot div:nth-child(2){text-align:center}.foot a:hover{color:var(--blue-2)}.cookie-settings{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:repeat(2,1fr)}.outcome-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.desktop-nav,.nav>.button{display:none}.menu{display:block}.split,.contact-grid,.scope-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid strong{grid-column:1/-1;padding:18px 0 6px}.signal-grid span{border:0;text-align:left;padding:6px 0 16px}.cta-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.foot div:nth-child(2){text-align:left}.tech-table{display:block;overflow-x:auto}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 34px))}.nav{min-height:76px}.logo{width:164px;height:55px}.hero{padding:88px 0 76px}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem);line-height:.96}.hero .lead{font-size:1rem}.section,.content-band{padding:72px 0}.service-grid,.use-grid,.process,.facts,.detail-grid,.capability-grid,.outcome-row,.scope-list{grid-template-columns:1fr}.service-card{min-height:250px}.contact-panel{padding:16px 10px}.contact-panel iframe{height:1000px}.page-hero{padding:76px 0 70px}}