/* Netment cinematic homepage v2 */
body.home{background:#08090b;color:#f5f5f2;--bg:#08090b;--ink:#f5f5f2;--mute:#a4a7ad;--line:rgba(255,255,255,.16);--v:#7c3aed;--v2:#38bdf8;--amb:#38bdf8}
body.home #bg{opacity:0!important;pointer-events:none}
body.home header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.58),transparent);border:0;backdrop-filter:blur(5px);transition:background .3s}
body.home .bar{max-width:1440px;padding:18px clamp(20px,5vw,76px);gap:30px}
body.home .logo{background:transparent!important;box-shadow:none!important;padding:0!important}body.home .logo img{display:block;width:64px;height:auto;max-width:100%;object-fit:contain;filter:none!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;transition:width .28s ease}
body.home header.is-scrolled .logo img{width:44px}
body.home header.is-scrolled .bar{padding-top:10px;padding-bottom:10px}
body.home .bar{transition:padding .28s ease}
body.home nav{gap:clamp(12px,1.8vw,28px);font-size:13px}
body.home nav a{color:rgba(255,255,255,.75)}body.home nav a:hover{color:#fff}
body.home nav .btn{background:linear-gradient(110deg,#8b35ff,#168bff);color:#fff!important;box-shadow:none;padding:10px 18px!important;border-radius:4px}
body.home #mb{color:white;border-color:rgba(255,255,255,.3)}
body.home main{animation:none}
body.home footer{background:#0b0c0d;border-top:1px solid rgba(255,255,255,.12);color:#9b9da1;padding:44px 0}
body.home footer .wrap{max-width:1440px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:26px;font-size:13px}
.cine{--lime:#4b8dff;--black:#08090b;overflow:clip;background:#08090b;color:#f5f5f2;font-family:'Hanken Grotesk',Arial,sans-serif}
.cine *{box-sizing:border-box}.cine a{color:inherit}.cine .eyeline{font:600 10px/1.3 'Hanken Grotesk',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.cine .cin-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 20px;border-radius:3px;background:var(--lime);color:#07111f;font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .25s,background .25s}
.cine .cin-btn:hover{transform:translateY(-3px);background:#38bdf8}.cine .cin-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:white}
.cine .cin-arrow{font-size:19px;line-height:10px}.cine .cin-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:150px clamp(22px,8vw,120px) 9vh;isolation:isolate;background:#17191b;overflow:hidden}
.cine .hero-media{position:absolute;inset:0;z-index:-3;background:#191b1d url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2400&q=85') center 45%/cover no-repeat;transform:scale(1.04);animation:cin-hero-settle 2s cubic-bezier(.2,.7,.2,1) both;will-change:transform}
.cine .hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.82) 0%,rgba(4,5,5,.45) 48%,rgba(4,5,5,.08) 100%),linear-gradient(0deg,rgba(4,5,5,.9),transparent 58%)}
.cine .hero-content{max-width:1160px;width:100%;margin:0 auto;position:relative}.cine .hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:26px;opacity:0;animation:cin-rise .9s .2s forwards}.cine .hero-meta:before{content:'';width:35px;height:1px;background:var(--lime)}
.cine .cin-hero h1{font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:500;font-size:clamp(56px,10.4vw,156px);letter-spacing:-.085em;line-height:.82;max-width:1080px;margin:0 0 30px;text-wrap:balance}.cine .cin-hero h1 span{display:block;overflow:hidden;padding-bottom:.06em}.cine .cin-hero h1 em{font-style:normal;color:var(--lime)}
.cine .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:1000px}.cine .hero-bottom p{max-width:400px;color:rgba(255,255,255,.77);font-size:clamp(15px,1.5vw,19px);line-height:1.55;margin:0}.cine .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.cine .hero-index{position:absolute;right:clamp(20px,5vw,75px);top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.6)}
.cine .hero-scroll{position:absolute;left:clamp(22px,8vw,120px);bottom:28px;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.65);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.cine .hero-scroll:before{content:'';width:1px;height:38px;background:linear-gradient(var(--lime),transparent)}
@keyframes cin-hero-settle{from{transform:scale(1.12)}to{transform:scale(1.04)}}@keyframes cin-rise{to{opacity:1;transform:none}}.cine .hero-content>*{animation:cin-rise .9s both}.cine .hero-content .hero-meta{animation-delay:.15s}.cine .hero-content h1{animation-delay:.25s}.cine .hero-bottom{animation-delay:.45s;opacity:0;animation:cin-rise .9s .5s forwards}
.cine .ticker{padding:22px 0;overflow:hidden;border-block:1px solid rgba(255,255,255,.13);background:#0b0c0d}.cine .ticker-track{display:flex;align-items:center;gap:34px;width:max-content;animation:cin-ticker 35s linear infinite}.cine .ticker span{font-size:clamp(19px,2.6vw,34px);letter-spacing:-.04em;white-space:nowrap;color:#777a7d}.cine .ticker b{font-weight:500;color:#f5f5f2}.cine .ticker i{display:block;width:7px;height:7px;border-radius:50%;background:var(--lime)}@keyframes cin-ticker{to{transform:translateX(-50%)}}
.cine .intro{padding:clamp(95px,14vw,200px) clamp(22px,8vw,120px);max-width:1440px;margin:auto;display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;align-items:start}.cine .intro .eyeline{padding-top:12px}.cine .intro h2{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(38px,6.2vw,88px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:0;max-width:900px}.cine .intro h2 span{color:#7d8286}.cine .intro-copy{grid-column:2;display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-top:10px}.cine .intro-copy p{max-width:470px;color:#a4a7ad;font-size:17px;line-height:1.7;margin:0}
.cine .story-track{position:relative;height:320vh;background:#111315}.cine .story-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#111315}.cine .story-backdrop{position:absolute;inset:0;z-index:-3}.cine .story-scene{position:absolute;inset:0;opacity:0;transform:scale(1.055);transition:opacity .7s ease,transform 1.25s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.cine .story-scene.active{opacity:1;transform:scale(1)}.cine .story-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.cine .story-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.82),rgba(5,6,6,.15) 80%),linear-gradient(0deg,rgba(5,6,6,.72),transparent 70%)}
.cine .story-copy{position:absolute;left:clamp(22px,8vw,120px);bottom:clamp(65px,12vh,140px);max-width:850px;right:clamp(22px,8vw,120px)}.cine .story-number{font-size:11px;letter-spacing:.22em;color:var(--lime);margin-bottom:24px}.cine .story-copy h2{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:clamp(45px,8vw,112px);letter-spacing:-.075em;line-height:.88;margin:0 0 24px;max-width:900px}.cine .story-copy h2 em{font-style:normal;color:var(--lime)}.cine .story-copy p{font-size:clamp(15px,1.5vw,19px);line-height:1.6;max-width:470px;color:rgba(255,255,255,.78);margin:0}.cine .story-progress{position:absolute;right:clamp(22px,5vw,75px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.cine .story-progress button{width:4px;height:34px;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer;transition:background .3s,height .3s}.cine .story-progress button.active{height:58px;background:var(--lime)}.cine .story-counter{position:absolute;right:clamp(22px,5vw,75px);bottom:35px;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.7)}
.cine .marquee-statement{padding:clamp(100px,15vw,210px) clamp(22px,8vw,120px);background:var(--lime);color:#07111f}.cine .marquee-statement .eyeline{color:#d8c7ff}.cine .marquee-statement h2{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:clamp(45px,9vw,132px);line-height:.86;letter-spacing:-.08em;margin:34px 0 42px;max-width:1200px}.cine .marquee-statement h2 span{color:rgba(8,15,35,.42)}.cine .marquee-statement .cin-btn{background:#10120c;color:#fff}
.cine .services{padding:clamp(90px,12vw,160px) clamp(22px,8vw,120px);max-width:1440px;margin:auto}.cine .section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:58px}.cine .section-head h2{font-family:'Hanken Grotesk',sans-serif;font-weight:400;font-size:clamp(42px,6.7vw,92px);letter-spacing:-.07em;line-height:.92;margin:18px 0 0}.cine .section-head p{max-width:320px;color:#9a9da1;margin:0}.cine .service-list{border-top:1px solid rgba(255,255,255,.18)}.cine .service-row{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .35s,color .35s}.cine .service-row:hover{padding-left:16px;color:var(--lime)}.cine .service-row .num{font-size:11px;color:#898d90}.cine .service-row h3{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(23px,3vw,42px);font-weight:400;letter-spacing:-.045em}.cine .service-row p{font-size:14px;color:#9a9da1;margin:8px 0 0}.cine .service-row .arr{font-size:27px;font-weight:300}
.cine .leaders{padding:0 clamp(22px,8vw,120px) clamp(100px,14vw,190px);max-width:1440px;margin:auto}.cine .leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.cine .leader{position:relative;min-height:430px;overflow:hidden;background:#181a1c}.cine .leader img{width:100%;height:100%;min-height:430px;object-fit:cover;filter:grayscale(1);transition:transform .8s,filter .8s}.cine .leader:hover img{transform:scale(1.035);filter:grayscale(.25)}.cine .leader:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 62%)}.cine .leader-info{position:absolute;z-index:1;left:26px;right:26px;bottom:26px}.cine .leader-info span{font-size:10px;letter-spacing:.2em;color:var(--lime);text-transform:uppercase}.cine .leader-info h3{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;margin:9px 0}.cine .leader-info p{font-size:14px;color:#d1d1d1;margin:0;max-width:420px}
.cine .closing{position:relative;min-height:78svh;display:flex;align-items:flex-end;padding:100px clamp(22px,8vw,120px);overflow:hidden;background:#161819}.cine .closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.12)),url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=2200&q=85') center/cover;transform:scale(1.02)}.cine .closing-content{position:relative;max-width:1100px}.cine .closing h2{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:clamp(52px,9.5vw,138px);line-height:.84;letter-spacing:-.08em;margin:24px 0 34px}.cine .closing h2 em{font-style:normal;color:var(--lime)}.cine .closing p{max-width:460px;color:rgba(255,255,255,.75);margin-bottom:28px}.cine .fineprint{padding:22px clamp(22px,8vw,120px);display:flex;justify-content:space-between;gap:20px;color:#7f8386;font-size:11px;letter-spacing:.06em;border-top:1px solid rgba(255,255,255,.13)}
.cine .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.cine .reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){body.home nav{gap:11px;font-size:12px}body.home .logo img{width:54px;height:auto;filter:none} body.home header.is-scrolled .logo img{width:38px}.cine .intro{grid-template-columns:1fr;gap:28px}.cine .intro-copy{grid-column:auto}.cine .story-track{height:300vh}.cine .section-head{align-items:flex-start;flex-direction:column}.cine .section-head p{max-width:480px}}
@media(max-width:720px){body.home header{background:rgba(8,9,11,.7);backdrop-filter:blur(16px)}body.home .bar{padding:14px 18px}.cine .cin-hero{padding:140px 22px 100px;min-height:94svh}.cine .cin-hero h1{font-size:clamp(54px,15vw,94px);line-height:.86}.cine .hero-bottom{display:block}.cine .hero-bottom p{font-size:16px;max-width:340px;margin-bottom:22px}.cine .hero-index{display:none}.cine .hero-scroll{left:22px;bottom:20px}.cine .intro{padding:100px 22px}.cine .intro-copy{display:block}.cine .intro-copy p{font-size:16px;margin-bottom:25px}.cine .story-track{height:270vh}.cine .story-stage{min-height:540px}.cine .story-copy{left:22px;right:50px;bottom:82px}.cine .story-copy h2{font-size:clamp(44px,12vw,74px)}.cine .story-progress{right:16px;gap:8px}.cine .story-progress button{height:23px}.cine .story-progress button.active{height:40px}.cine .story-counter{right:18px;bottom:25px}.cine .marquee-statement{padding:100px 22px}.cine .services{padding:95px 22px}.cine .service-row{grid-template-columns:32px 1fr auto;gap:12px;padding:23px 0}.cine .service-row p{font-size:13px}.cine .leaders{padding:0 22px 100px}.cine .leader-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}.cine .leader,.cine .leader img{min-height:430px;height:430px}.cine .closing{min-height:78svh;padding:95px 22px}.cine .fineprint{padding:20px 22px;flex-direction:column;gap:8px}body.home footer .wrap{grid-template-columns:1fr;gap:16px;padding:0 22px}}
@media(max-width:380px){.cine .hero-actions{display:grid;grid-template-columns:1fr}.cine .cin-btn{width:100%}.cine .service-row{grid-template-columns:26px 1fr auto}.cine .leader,.cine .leader img{min-height:370px;height:370px}}
@media(prefers-reduced-motion:reduce){.cine *, .cine *:before,.cine *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cine .reveal{opacity:1;transform:none}.cine .hero-media{transform:none}}

/* Netment cinematic final: logo-matched violet, blue and cyan; no neon-green accents */
:root{--amb:#8c7cff;--accent:#6e8cff;--cyan:#56d8f2;--vio:#9a7cff;--ink:#f5f6ff;--mute:#a7adc5;--line:rgba(159,171,255,.18);--panel:rgba(15,18,39,.72)}
body{background:#070813;color:#f5f6ff}body:before{background:radial-gradient(ellipse at 75% 8%,rgba(89,80,196,.18),transparent 42%),radial-gradient(ellipse at 12% 42%,rgba(52,135,210,.12),transparent 35%)}
.logo{display:flex;align-items:center;min-width:66px}.logo img{object-fit:contain!important;object-position:center;filter:drop-shadow(0 0 14px rgba(112,119,255,.15))}
.btn{background:linear-gradient(110deg,#7168f5,#458be8 65%,#4bc8e9);box-shadow:0 8px 28px rgba(79,109,237,.2);border:1px solid rgba(255,255,255,.13)}.btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn.gh{background:rgba(255,255,255,.035);box-shadow:none;border:1px solid rgba(148,157,255,.28)}
.gradient-text{background:linear-gradient(100deg,#b3a0ff,#7d9aff 48%,#62e0f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,rgba(81,83,195,.14),transparent 45%),linear-gradient(180deg,rgba(11,13,31,.35),rgba(5,7,17,.95));border-block:1px solid rgba(144,156,255,.12)}.ai-split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(30px,6vw,86px);align-items:center}.ai-split h2{font-size:clamp(34px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.ai-points{display:grid;gap:10px;margin-top:26px;color:#bdc4e5;font-size:13px;letter-spacing:.04em}.ai-points span{padding:12px 0;border-bottom:1px solid rgba(151,161,255,.15)}
.ai-dashboard{border:1px solid rgba(144,157,255,.28);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(24,28,58,.98),rgba(8,10,25,.98));box-shadow:0 35px 100px rgba(0,0,0,.4),0 0 70px rgba(83,91,219,.12);transform:perspective(1200px) rotateY(-5deg);animation:dashFloat 7s ease-in-out infinite}.dash-top{height:43px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(150,160,255,.14)}.dash-dot{width:7px;height:7px;border-radius:50%;background:#7e86b8}.dash-label{font-size:9px;letter-spacing:.15em;color:#b6bde3;margin-left:10px}.dash-status{margin-left:auto;font-size:8px;color:#71e2ee;letter-spacing:.12em}.dash-body{display:grid;grid-template-columns:40px 1fr;min-height:280px}.dash-side{border-right:1px solid rgba(150,160,255,.12);padding:18px 12px;display:flex;flex-direction:column;gap:21px}.dash-side i{display:block;width:15px;height:15px;border:1px solid #7882d6;border-radius:5px;background:rgba(119,126,255,.12)}.dash-main{padding:20px}.dash-title{font-size:12px;color:#e8eaff;display:flex;justify-content:space-between;gap:8px}.dash-title span{font-size:8px;color:#80d8ed;letter-spacing:.1em}.dash-score{display:flex;gap:20px;align-items:center;margin-top:22px;padding:18px;border:1px solid rgba(153,164,255,.16);border-radius:12px;background:rgba(255,255,255,.025)}.score-ring{width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #7e7bff;border-right-color:#50d8ed;box-shadow:0 0 20px rgba(101,115,255,.14)}.score-ring b{font-size:23px}.score-ring small{font-size:7px;letter-spacing:.08em;color:#9ea9d4}.dash-score>div:last-child>b{font-size:12px}.dash-score p{font-size:10px;color:#9ea8cc;margin:6px 0}.dash-line{height:4px;background:#282e54;border-radius:5px;margin:8px 0}.dash-line i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#8a75ff,#4bd7ee)}.dash-score small{font-size:8px;color:#8893bb}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.dash-metrics>div{padding:12px 10px;border:1px solid rgba(153,164,255,.13);border-radius:9px}.dash-metrics small,.dash-metrics span{display:block;font-size:8px;color:#929dc4}.dash-metrics b{display:block;font-size:20px;margin:8px 0 4px;color:#e7e9ff}.dash-bars{height:52px;display:flex;align-items:end;gap:7px;padding:14px 8px 0}.dash-bars span{height:var(--h);flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#65d9ee,#766dff);opacity:.8;animation:barGlow 3s ease-in-out infinite alternate}.dash-bars span:nth-child(2n){animation-delay:.6s}.dash-foot{text-align:right;padding:10px 14px;font-size:8px;letter-spacing:.12em;color:#69749e;border-top:1px solid rgba(150,160,255,.1)}
.credit-pricing{background:linear-gradient(180deg,#080a18,#0b0c20)}.credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.credit-card{position:relative;padding:28px;border:1px solid rgba(148,159,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(25,29,59,.74),rgba(12,14,32,.88));transition:transform .35s,border-color .35s,box-shadow .35s}.credit-card:hover{transform:translateY(-7px);border-color:rgba(122,155,255,.65);box-shadow:0 22px 55px rgba(0,0,0,.24)}.credit-card.featured{border-color:rgba(125,126,255,.72);box-shadow:0 0 45px rgba(111,104,255,.11)}.credit-name{font-size:10px;letter-spacing:.16em;color:#aab2e7}.credit-card>strong{display:block;font-size:44px;letter-spacing:-.05em;margin-top:24px}.credit-card>strong small{font-size:14px;font-weight:500;color:#aab2d6;letter-spacing:0}.credit-price{font-size:25px;font-weight:700;margin-top:12px}.credit-price small{font-size:12px;color:#a3adce;font-weight:500}.credit-card p{font-size:13px;color:#aab2d3;margin:12px 0 24px}.pricing-note{font-size:12px;color:#8993b7;max-width:850px;margin-top:20px;line-height:1.7}
@keyframes dashFloat{0%,100%{transform:perspective(1200px) rotateY(-5deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) translateY(-9px)}}@keyframes barGlow{from{filter:brightness(.75)}to{filter:brightness(1.25)}}
@media(max-width:800px){.ai-split{grid-template-columns:1fr}.ai-dashboard{transform:none;animation:none}.credit-grid{grid-template-columns:1fr}.credit-card{padding:23px}.dash-body{min-height:245px}.dash-main{padding:14px}.dash-score{padding:12px;gap:12px}.ai-points{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.ai-dashboard,.dash-bars span{animation:none!important}.credit-card,.btn{transition:none!important}}
