*{margin:0;padding:0;box-sizing:border-box}
:root{--muted:rgba(216,224,255,.68);--blue:#2f7bff;--purple:#7b3cff;--mix-glow:rgba(80,90,255,.35)}
html,body{min-height:100%}
body{background:#050612;color:#fff;font-family:'Inter',system-ui,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* BG - 7 harfindeki mavi-mor karışık soft bulutlar */
.bg{position:fixed;inset:0;z-index:0;background:#040514;overflow:hidden}
.cloud{position:absolute;border-radius:50%;filter:blur(100px);mix-blend-mode:screen;will-change:transform,opacity}
.c1{left:-15%;top:5%;width:60vw;height:42vw;background:radial-gradient(ellipse 50% 50% at 40% 45%,rgba(47,123,255,.5),rgba(123,60,255,.1) 50%,transparent 70%);opacity:.65;animation:float1 22s ease-in-out infinite alternate}
.c2{left:-8%;top:45%;width:48vw;height:30vw;background:radial-gradient(ellipse 55% 55% at 50% 50%,rgba(50,130,255,.36),rgba(123,60,255,.07) 60%,transparent 70%);opacity:.52;animation:float2 26s ease-in-out infinite alternate}
.c3{left:28%;top:30%;width:44vw;height:26vw;background:linear-gradient(100deg,transparent,rgba(47,123,255,.24) 35%,rgba(123,60,255,.14) 58%,transparent);filter:blur(60px);transform:rotate(-15deg);opacity:.58;animation:float3 19s ease-in-out infinite alternate}
.c4{right:-12%;bottom:-8%;width:52vw;height:30vw;background:radial-gradient(ellipse 50% 50% at 60% 50%,rgba(47,123,255,.24),rgba(123,60,255,.12) 55%,transparent 70%);opacity:.46;animation:float2 30s ease-in-out infinite alternate-reverse}
.c5{left:35%;bottom:-10%;width:40vw;height:22vw;background:radial-gradient(ellipse at center,rgba(60,140,255,.18),rgba(123,60,255,.06) 55%,transparent 70%);opacity:.42;animation:float1 24s ease-in-out infinite alternate-reverse}
@keyframes float1{from{transform:translate(0,0) scale(1) rotate(-2deg)}to{transform:translate(4vw,3vw) scale(1.08) rotate(2deg)}}
@keyframes float2{from{transform:translate(0,0) scale(1)}to{transform:translate(-3vw,2vw) scale(1.12)}}
@keyframes float3{from{transform:rotate(-15deg) translate(0,0);opacity:.4}to{transform:rotate(-13deg) translate(2vw,1.5vw);opacity:.65}}
.center-shade{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:780px;height:560px;background:radial-gradient(ellipse at center,rgba(3,3,12,.72) 20%,rgba(3,3,12,.45) 55%,transparent 75%);pointer-events:none}
.glow-dot{position:absolute;right:21.5%;top:55.5%;width:11px;height:11px;background:#4da2ff;border-radius:50%;box-shadow:0 0 14px 3px rgba(60,140,255,.95),0 0 50px 18px rgba(47,123,255,.3)}
.grain{position:absolute;inset:0;opacity:.10;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 50% 45%,transparent 45%,rgba(3,3,14,.85) 100%)}

/* NAV */
.nav{position:relative;z-index:60;max-width:1500px;margin:0 auto;display:flex;align-items:center;padding:20px 46px}
.logo{display:flex;align-items:center}
.logo img{height:42px;width:auto;display:block;object-fit:contain}
.links{display:flex;gap:34px;margin-left:auto;margin-right:26px;align-items:center}
.links a{color:rgba(216,224,255,.75);text-decoration:none;font-size:14.5px;font-weight:400;letter-spacing:.01em;transition:.2s}
.links a:hover{color:#5aa8ff}
.btn-template{display:flex;align-items:center;gap:8px;color:#e3efff;text-decoration:none;font-size:14px;font-weight:400;border-radius:100px;padding:11px 22px;background:linear-gradient(180deg,rgba(35,75,150,.9),rgba(18,28,70,.9));border:1px solid rgba(90,160,255,.45);box-shadow:inset 0 1px 0 rgba(150,195,255,.35),0 0 18px rgba(47,123,255,.32)}

/* HERO */
.hero{position:relative;z-index:2;max-width:1000px;margin:0 auto;text-align:center;padding:132px 24px 0}
.badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:400;letter-spacing:.01em;color:rgba(220,234,255,.9);padding:10px 22px;border-radius:100px;background:linear-gradient(180deg,rgba(25,55,110,.85),rgba(15,22,55,.85));border:1px solid rgba(90,160,255,.38);box-shadow:inset 0 1px 0 rgba(150,195,255,.3),0 0 24px rgba(47,123,255,.26);backdrop-filter:blur(12px)}
.badge .dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#2f7bff,#5a5cff);box-shadow:0 0 10px rgba(80,140,255,1)}

h1{font-family:'Inter Tight','Inter',sans-serif;font-weight:450;font-size:clamp(56px,7.8vw,102px);line-height:.98;letter-spacing:-.045em;color:#fff;margin:30px 0 20px;text-shadow:0 2px 30px rgba(0,0,0,.8),0 0 80px rgba(47,123,255,.34)}
.sub{color:var(--muted);font-size:15.5px;font-weight:400;line-height:1.65;letter-spacing:.005em;text-shadow:0 2px 12px #000}

/* BUTTONS - mavi-mor cam */
.cta{display:flex;gap:14px;justify-content:center;margin-top:32px}
.btn{position:relative;color:#fff;text-decoration:none;font-size:15.5px;font-weight:400;letter-spacing:.01em;padding:15px 30px;border-radius:13px;background:linear-gradient(180deg,#2b55b5 0%,#21407f 55%,#0e1c3d 100%);border:1px solid rgba(110,175,255,.6);box-shadow:inset 0 1px 0 rgba(170,210,255,.5),inset 0 -1px 0 rgba(0,0,0,.9),0 0 22px rgba(47,123,255,.45),0 8px 28px rgba(0,0,0,.7);transition:.22s;overflow:hidden}
.btn::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(170,210,255,.95),transparent)}
.btn::after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:12px;background:radial-gradient(ellipse at center,rgba(80,150,255,.6),transparent 70%);filter:blur(4px)}
.btn:hover{transform:translateY(-1px);border-color:rgba(150,200,255,.9);box-shadow:inset 0 1px 0 rgba(190,220,255,.6),0 0 34px rgba(47,123,255,.6),0 10px 34px rgba(0,0,0,.7)}
.btn:active{transform:translateY(0)}

/* scroll */
.scroll-hint{display:flex;align-items:center;justify-content:center;gap:20px;margin:84px auto 0;color:rgba(200,202,255,.7);font-size:13.5px;font-weight:300;letter-spacing:.03em}
.scroll-hint .line{width:148px;height:1px;background:linear-gradient(90deg,transparent,rgba(130,130,255,.5))}
.scroll-hint .line:last-of-type{background:linear-gradient(90deg,rgba(130,130,255,.5),transparent)}
.mouse{width:17px;height:27px;border:1.5px solid rgba(160,160,255,.8);border-radius:11px;display:flex;justify-content:center;padding-top:6px}
.mouse span{width:3px;height:6px;background:#4da2ff;border-radius:3px;animation:wheel 1.8s infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(8px);opacity:0}100%{opacity:0}}

/* brands */
.brands{display:flex;justify-content:center;align-items:center;gap:86px;margin:80px 0 46px;flex-wrap:nowrap;opacity:.55;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}
.brand{font-size:23px;font-weight:650;letter-spacing:-.02em;color:#6f7099;white-space:nowrap}
.brand.cooks{font-weight:800;letter-spacing:-.04em;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.dim{opacity:.7}

@media(max-width:860px){
.links,.btn-template{display:none}
.lang-switch{margin-left:auto}
.nav{padding:18px 20px}
.hero{padding-top:80px}
h1{font-size:52px}
.br{display:none}
.scroll-hint .line{width:56px}
.brands{gap:28px;flex-wrap:wrap}
.services-top{grid-template-columns:1fr}
.services-img{min-height:300px}
.services-grid{grid-template-columns:1fr}
.services{padding:60px 20px}
}

/* SERVICES */
.services{position:relative;z-index:2;background:transparent;max-width:1360px;margin:0 auto;padding:90px 46px 90px}
.services-top{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:stretch;margin-bottom:28px}
.mini-badge{display:inline-flex;align-items:center;font-size:12.5px;font-weight:400;color:#d8d4ff;background:rgba(35,30,85,.6);backdrop-filter:blur(12px);border:1px solid rgba(130,130,255,.32);padding:7px 16px;border-radius:100px}
.services-left h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(48px,5vw,72px);letter-spacing:-.04em;line-height:1;margin:18px 0 16px;text-shadow:0 4px 30px rgba(0,0,0,.8)}
.services-desc{color:rgba(208,210,250,.78);font-size:17px;line-height:1.55;font-weight:300;max-width:520px;text-shadow:0 2px 16px rgba(0,0,0,.9)}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tags span{font-size:12.5px;font-weight:300;color:rgba(210,208,255,.85);background:rgba(30,28,75,.55);backdrop-filter:blur(12px);border:1px solid rgba(130,130,255,.24);padding:9px 14px;border-radius:8px}
.services-div{height:1px;background:rgba(130,130,255,.22);margin:26px 0}
.services-btns{display:flex;gap:12px}
.services-btns .btn{padding:13px 26px;font-size:14.5px}
.services-img{border-radius:18px;overflow:hidden;background:#131338;border:1px solid rgba(130,130,255,.28);min-height:380px;box-shadow:0 0 40px rgba(100,90,255,.18)}
.services-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08) brightness(.92);min-height:380px}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.s-card{background:rgba(18,18,50,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(130,130,255,.2);border-radius:18px;padding:28px 30px;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 30px rgba(100,90,255,.08)}
.s-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#9d94ff}
.s-head svg{opacity:.95}
.s-head h3{font-size:19px;font-weight:500;letter-spacing:-.01em;color:#fff}
.s-line{height:1px;background:rgba(130,130,255,.22);margin-bottom:16px}
.s-card p{color:rgba(200,198,245,.65);font-size:13.5px;line-height:1.65;font-weight:300}

/* REVIEWS - transparent */
.reviews{position:relative;z-index:2;background:transparent;max-width:1360px;margin:0 auto;padding:20px 46px 100px}
.reviews-top{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;margin-bottom:30px}
.reviews-img{border-radius:14px;overflow:hidden;border:1px solid rgba(130,130,255,.24);min-height:360px;background:rgba(20,20,55,.4);box-shadow:0 0 40px rgba(100,90,255,.14)}
.reviews-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05) brightness(.9);min-height:360px}
.reviews-right h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(48px,5vw,72px);letter-spacing:-.04em;line-height:1;margin:18px 0 16px;text-shadow:0 4px 30px rgba(0,0,0,.85)}
.reviews-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.r-card{background:rgba(18,18,50,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(130,130,255,.18);border-radius:6px;padding:26px 28px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.r-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;margin-bottom:16px;background:#20205a;border:1px solid rgba(130,130,255,.35)}
.r-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.r-card h3{font-size:26px;font-weight:500;letter-spacing:-.02em}
.r-role{display:block;font-size:12.5px;color:rgba(170,168,230,.6);font-weight:300;margin:6px 0 16px}
.r-card p{color:rgba(200,198,245,.65);font-size:13.5px;line-height:1.65;font-weight:300;min-height:130px}
.r-stars{margin-top:18px;color:#3f8cff;font-size:17px;letter-spacing:3px}
.r-stars span{color:rgba(210,208,255,.75);font-size:16px;letter-spacing:0;margin-right:6px}
@media(max-width:960px){.reviews-top{grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.vs-grid{grid-template-columns:1fr}.vs-line{display:none}.sol-grid{grid-template-columns:1fr}}

/* PRICING - refined light */
.pricing{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:50px 46px 80px;text-align:center}
.pricing h2,.solutions h2{font-family:'Inter Tight',sans-serif;font-weight:450;font-size:clamp(38px,4.4vw,60px);letter-spacing:-.045em;line-height:1.03;margin:20px 0 10px}
.vs-logo{display:block;margin:22px auto 6px;height:54px;width:auto}
.billing{display:inline-flex;align-items:center;gap:12px;margin:16px auto 34px;padding:5px 8px 5px 6px;background:rgba(10,18,36,.75);border:1px solid rgba(140,175,230,.16);border-radius:100px;font-size:13px;color:rgba(190,205,230,.7)}
.billing .on{color:#fff;background:rgba(70,120,200,.35);padding:6px 14px;border-radius:100px}
.billing .switch{width:38px;height:21px;border-radius:100px;background:rgba(70,120,200,.35);position:relative}
.billing .switch i{position:absolute;top:3px;left:20px;width:15px;height:15px;border-radius:50%;background:#e8f0ff}
.billing em{font-style:normal;font-size:11px;background:rgba(61,220,132,.16);color:#5fe394;border:1px solid rgba(61,220,132,.3);padding:2px 7px;border-radius:100px;margin-left:4px}
.price-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:22px;text-align:left;margin-top:8px;align-items:stretch}
.p-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d1830 0%,#080f22 100%);border:1px solid rgba(140,175,230,.16);border-radius:20px;padding:30px 30px 28px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.p-card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.45),transparent)}
.p-card::after{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(120,170,240,.09),transparent 70%);pointer-events:none}
.p-card:hover{transform:translateY(-4px);border-color:rgba(140,185,245,.38)}
.p-card.popular{background:linear-gradient(180deg,#12264d 0%,#0a142e 70%);border-color:rgba(130,185,250,.42);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 46px rgba(60,130,230,.16)}
.p-card.popular::after{background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(120,180,250,.22),transparent 70%)}
.p-glow{display:none}
.p-top{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:6px;background:rgba(60,120,220,.18);border:1px solid rgba(130,185,250,.4);font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:6px 13px;border-radius:100px;color:#bcd7ff}
.p-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(120,165,230,.08);border:1px solid rgba(140,175,230,.22);color:#8fb4e8;margin-bottom:18px}
.p-icon.hot{background:rgba(60,120,230,.18);border-color:rgba(130,185,250,.45);color:#a9ccff}
.p-icon.gold{background:rgba(200,170,110,.08);border-color:rgba(200,180,130,.25);color:#c9b98f}
.p-plan{font-size:13.5px;font-weight:500;color:rgba(215,228,250,.85);letter-spacing:.03em}
.p-price{font-family:'Inter Tight',sans-serif;font-size:52px;font-weight:550;letter-spacing:-.04em;margin-top:8px;color:#fff;font-variant-numeric:tabular-nums}
.p-price small{font-size:14px;font-weight:300;color:rgba(170,190,220,.6);letter-spacing:0}
.p-desc{font-size:13.8px;color:rgba(175,195,225,.68);line-height:1.55;margin:10px 0 22px;font-weight:300;min-height:44px}
.p-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#dbe7ff;font-size:14px;font-weight:500;background:transparent;border:1px solid rgba(140,180,240,.3);padding:13px;border-radius:100px;transition:.25s}
.p-btn:hover{border-color:rgba(160,200,250,.6);background:rgba(80,130,220,.14)}
.p-btn.light{background:#e9f1ff;color:#0a1c3d;border:1px solid #e9f1ff}
.p-btn.light:hover{background:#fff;box-shadow:0 6px 26px rgba(160,200,255,.3)}
.p-feat{margin:24px 0 4px;padding-top:18px;border-top:1px solid rgba(140,175,230,.12);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(150,170,200,.55)}
.p-card ul{list-style:none;display:flex;flex-direction:column;margin-top:10px}
.p-card ul li{position:relative;font-size:13.8px;color:rgba(200,215,238,.78);font-weight:300;padding:9px 0 9px 28px;border-bottom:1px solid rgba(140,175,230,.07)}
.p-card ul li:last-child{border-bottom:none}
.p-card ul li::before{content:"";position:absolute;left:0;top:9px;width:17px;height:17px;border-radius:50%;background:rgba(110,165,235,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.3L9.5 4' fill='none' stroke='%237fa8e0' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/10px no-repeat;border:1px solid rgba(130,175,235,.3)}

/* COMPARE - premium */
.compare{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:30px 46px 80px;text-align:center}
.vs-bar{display:flex;align-items:center;justify-content:center;gap:0;margin:26px auto 28px;max-width:640px}
.vs-bar span{font-size:14px;font-weight:500;padding:12px 26px;color:rgba(220,235,255,.9);background:rgba(12,22,48,.8);border:1px solid rgba(90,160,255,.25);display:inline-flex;align-items:center;gap:8px;min-height:48px}
.t-good img{height:22px;width:auto;display:block}
.vs-bar span:first-child{border-radius:100px 0 0 100px;border-right:none;color:rgba(180,185,200,.8)}
.vs-bar span:last-child{border-radius:0 100px 100px 0;border-left:none;background:rgba(25,55,120,.6)}
.vs-bar b{position:relative;z-index:2;background:linear-gradient(135deg,#fff,#bcd8ff);color:#0a1c3d;min-width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:800;box-shadow:0 0 0 6px rgba(4,6,18,.9),0 0 40px rgba(47,123,255,.6);margin:0 -8px}
.vs-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:28px;text-align:left}
.vs-line{background:linear-gradient(180deg,transparent,rgba(90,160,255,.4),transparent)}
.vs-card{position:relative;background:rgba(12,22,48,.62);backdrop-filter:blur(18px);border:1px solid rgba(90,160,255,.15);border-radius:22px;padding:26px 26px;overflow:hidden}
.vs-card.good{background:linear-gradient(180deg,rgba(20,45,95,.75),rgba(10,18,40,.8));border-color:rgba(110,175,255,.4);box-shadow:0 0 50px rgba(47,123,255,.16)}
.vs-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:240px;height:100px;background:radial-gradient(ellipse,rgba(60,140,255,.4),transparent 70%);filter:blur(18px)}
.vs-head{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(90,160,255,.15);color:#fff}
.vs-card.bad .vs-head{color:rgba(170,175,190,.8)}
.vs-card.good .vs-head{color:#8fc2ff}
.vs-card ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.vs-card ul li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:300;color:rgba(205,218,242,.78);padding:8px 10px;border-radius:10px}
.vs-card ul li:nth-child(odd){background:rgba(255,255,255,.025)}
.vs-card ul li i{font-style:normal;width:22px;height:22px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}
.vs-card.bad ul li i{background:rgba(255,90,90,.1);border:1px solid rgba(255,120,120,.3);color:#ff8080}
.vs-card.good ul li i{background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.4);color:#3ddc84}

/* SOLUTIONS bento - premium */
.solutions{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:20px 46px 110px;text-align:center}
.solutions .mini-badge{margin:0 auto}
.sol-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;text-align:left;margin-top:26px}
.sol-card{position:relative;background:linear-gradient(180deg,rgba(17,28,60,.8),rgba(8,13,30,.85));backdrop-filter:blur(20px);border:1px solid rgba(90,160,255,.16);border-radius:22px;padding:26px;overflow:hidden;transition:.3s}
.sol-card::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(140,190,255,.6),transparent)}
.sol-card:hover{transform:translateY(-5px);border-color:rgba(110,175,255,.45);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 36px rgba(47,123,255,.18)}
.sol-ico{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(120,165,230,.07);border:1px solid rgba(140,175,230,.22);color:#8fb4e8;margin-bottom:14px}
.sol-ico svg{display:block}
.sol-card h3{font-size:17px;font-weight:550;letter-spacing:-.01em;margin-bottom:6px}
.sol-card p{font-size:13.8px;line-height:1.55;color:rgba(198,214,242,.72);font-weight:300}
.mock{margin-top:18px;background:rgba(3,7,18,.7);border:1px solid rgba(90,160,255,.16);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px}
.log{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-family:monospace;background:rgba(255,255,255,.03);padding:8px 10px;border-radius:8px;color:#b9cdf0}
.log em{font-style:normal;font-size:10px;font-weight:700;padding:3px 8px;border-radius:100px}
.log em.blk{background:rgba(120,160,220,.08);color:#93a9c9;border:1px solid rgba(140,175,230,.25)}
.log em.ok{background:rgba(77,162,255,.16);color:#bcd7ff;border:1px solid rgba(120,185,250,.4)}
.bar{height:8px;border-radius:100px;background:rgba(255,255,255,.07);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#2f7bff,#7b9dff);border-radius:100px;animation:load 3s ease-in-out infinite alternate}
@keyframes load{from{width:60%}to{width:95%}}
.mock.bot{align-items:center;padding:22px}
.scan{width:74px;height:74px;border-radius:50%;border:2px solid rgba(77,162,255,.5);position:relative;background:radial-gradient(circle,rgba(47,123,255,.3),transparent 70%)}
.scan::after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(140,195,255,.6);animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mock.bot span{font-size:11.5px;color:#8fc2ff}
.mock.chart svg{width:100%;height:80px}
.nums{display:flex;gap:10px}
.nums span{flex:1;font-size:11px;text-align:center;background:rgba(47,123,255,.1);border:1px solid rgba(90,160,255,.18);border-radius:8px;padding:8px 4px;color:#9db9e2}
.nums b{display:block;font-size:15px;color:#fff}
.mock.ring{align-items:center}
.pct{font-family:'Inter Tight',sans-serif;font-size:38px;font-weight:600;color:#e4efff;letter-spacing:-.02em}
.mock.suite span{display:flex;justify-content:space-between;align-items:center;font-size:12px;background:rgba(255,255,255,.03);padding:9px 11px;border-radius:8px;color:#c4d6f2}
.mock.suite code{font-family:monospace;color:#8fc2ff}
.mock.suite em{font-style:normal;font-size:10px;background:rgba(255,255,255,.03);color:#a9c0dd;border:1px solid rgba(140,175,230,.22);padding:2px 8px;border-radius:100px}
.mock.suite em.ok{background:rgba(77,162,255,.16);color:#bcd7ff;border-color:rgba(120,185,250,.4)}
.meter{height:10px;border-radius:100px;background:rgba(255,255,255,.07);overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,#2f7bff,#8fbfff);border-radius:100px}
.mock.chat span{font-size:12px;color:#9db9e8;text-align:center}

/* NETWORK / EDGE POP */
.network{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:20px 46px 80px;text-align:center}
.network h2{font-family:'Inter Tight',sans-serif;font-weight:450;font-size:clamp(38px,4.4vw,60px);letter-spacing:-.045em;line-height:1.14;margin:20px 0 12px;padding-bottom:4px}
.network .sec-sub{margin-top:0}
.net-panel{margin-top:26px;display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;text-align:left;background:linear-gradient(180deg,rgba(13,24,52,.75),rgba(7,12,28,.85));border:1px solid rgba(140,175,230,.18);border-radius:22px;padding:26px;position:relative;overflow:hidden}
.net-panel::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.45),transparent)}
.net-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:14px}
.net-stat{background:rgba(5,10,25,.6);border:1px solid rgba(140,175,230,.14);border-radius:12px;padding:16px 14px}
.net-stat b{display:block;font-family:'Inter Tight',sans-serif;font-size:21px;font-weight:550;letter-spacing:-.02em}
.net-stat span{font-size:12px;color:rgba(170,190,220,.62);font-weight:300}
.net-locs{background:rgba(5,10,25,.6);border:1px solid rgba(140,175,230,.14);border-radius:14px;padding:18px}
.net-locs-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:rgba(150,180,215,.6);margin-bottom:14px}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.loc-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.025);border:1px solid rgba(140,175,230,.12);border-radius:10px;padding:10px 12px;font-size:13px}
.loc-row span{color:rgba(210,225,250,.85);font-weight:400}
.loc-row em{margin-left:auto;font-style:normal;font-size:11.5px;color:rgba(150,175,205,.6);font-variant-numeric:tabular-nums}
.loc-row .dot{width:7px;height:7px;flex:none;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px rgba(61,220,132,.9);animation:blink 2.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.45}}
img.flag{width:19px;height:14px;flex:none;object-fit:cover;border-radius:3px;display:inline-block;box-shadow:0 0 0 1px rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
/* flags served from flagcdn.com */
.net-right{position:relative;background:rgba(5,10,25,.45);border:1px solid rgba(140,175,230,.12);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}
.net-live{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#cfe2ff;background:rgba(10,20,40,.7);border:1px solid rgba(140,185,250,.3);padding:8px 14px;border-radius:8px;z-index:3}
.net-live i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px rgba(61,220,132,.9);animation:blink 2s ease-in-out infinite}
.globe{position:relative;width:min(440px,100%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(140,185,250,.32);background:linear-gradient(115deg,transparent 42%,rgba(2,5,16,.62) 78%),radial-gradient(ellipse 32% 20% at 34% 22%,rgba(210,230,255,.22),transparent 70%),radial-gradient(circle at 38% 32%,rgba(96,156,236,.34),rgba(8,15,34,.94) 74%);box-shadow:0 0 70px rgba(60,130,230,.2),inset -18px -24px 60px rgba(0,0,0,.55),inset 0 0 60px rgba(20,40,90,.4);overflow:hidden}
.globe::before{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(rgba(150,195,250,.42) .9px,transparent 1.2px);background-size:9px 9px;opacity:.5}
.globe::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(140,185,250,.1) 34px 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(140,185,250,.1) 34px 35px)}
.wires{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.wires path{fill:none;stroke:rgba(140,190,250,.55);stroke-width:.5;stroke-dasharray:2 1.6;animation:flow 2.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-14}}
.orbit{position:absolute;inset:7%;border-radius:50%;border:1px dashed rgba(140,185,250,.25);animation:spin 46s linear infinite;z-index:1}
@keyframes spin{to{transform:rotate(360deg)}}
.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#14294f,#070d1f 75%);border:1px solid rgba(150,195,250,.45);box-shadow:0 0 34px rgba(70,140,240,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;z-index:2}
.hub img{height:30px;width:auto;max-width:88px;object-fit:contain}
.hub span{font-size:8.5px;font-weight:600;letter-spacing:.14em;color:rgba(170,195,235,.7)}
.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}
.ndot{width:9px;height:9px;border-radius:50%;background:#3ddc84;border:2px solid rgba(6,12,26,.9);box-shadow:0 0 10px rgba(61,220,132,.9)}
.node span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;white-space:nowrap;color:#dbe7ff;background:rgba(8,15,34,.85);border:1px solid rgba(140,185,250,.35);border-radius:7px;padding:5px 9px}
.node.side{flex-direction:row;transform:translate(0,-50%)}
.pkt{filter:drop-shadow(0 0 1.5px #8fc2ff)}
.globe.photo{background:#040814}
.globe.photo::before,.globe.photo::after{display:none}
.globe.photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(.34) saturate(1.05)}
@media(max-width:960px){.net-panel{grid-template-columns:1fr}.net-stats{grid-template-columns:1fr 1fr}.loc-grid{grid-template-columns:1fr}}
.stats-wrap{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:10px 46px 30px}
.stats{display:flex;align-items:center;justify-content:space-around;gap:20px;background:rgba(12,25,55,.6);backdrop-filter:blur(18px);border:1px solid rgba(90,160,255,.2);border-radius:16px;padding:34px 30px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(47,123,255,.08)}
.stat{text-align:center}
.stat strong{display:block;font-family:'Inter Tight',sans-serif;font-size:30px;font-weight:500;letter-spacing:-.02em}
.stat span{font-size:14px;color:rgba(195,215,245,.6);font-weight:300}
.stat-div{width:1px;align-self:stretch;background:rgba(90,160,255,.2)}
.faq{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:60px 46px 110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;border-top:1px solid rgba(90,160,255,.14);margin-top:40px}
.faq-left h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(48px,5vw,68px);letter-spacing:-.04em;margin:18px 0 14px}
.faq-img{margin-top:26px;border-radius:14px;overflow:hidden;border:1px solid rgba(90,160,255,.22);min-height:280px;background:#0c1830}
.faq-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05);min-height:280px}
.faq-right{display:flex;flex-direction:column;gap:12px}
.fq{background:rgba(12,22,48,.62);backdrop-filter:blur(16px);border:1px solid rgba(90,160,255,.16);border-radius:12px;padding:0;overflow:hidden}
.fq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px 20px;font-size:14px;font-weight:400;color:rgba(230,240,255,.9)}
.fq summary::-webkit-details-marker{display:none}
.fq summary i{font-style:normal;color:rgba(150,195,255,.8);font-size:16px}
.fq p{padding:0 20px 18px;font-size:12.5px;line-height:1.6;color:rgba(190,210,240,.62);font-weight:300}
.fq[open]{border-color:rgba(90,160,255,.35);box-shadow:0 0 24px rgba(47,123,255,.12)}
@media(max-width:960px){.faq{grid-template-columns:1fr}.stats{flex-direction:column}.stat-div{width:100%;height:1px}.foot-grid{grid-template-columns:1fr 1fr}.foot-cta{flex-direction:column;align-items:flex-start}}

/* FOOTER */
.footer{position:relative;z-index:2;margin:20px 0 0;padding:0 46px 26px;border-top:1px solid rgba(140,175,230,.12);background:linear-gradient(180deg,transparent,rgba(6,10,24,.7));overflow:hidden}
.foot-cta,.foot-grid,.foot-bottom{max-width:1360px;margin-left:auto;margin-right:auto}
.foot-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:56px auto 54px;padding:30px 34px;background:linear-gradient(180deg,rgba(18,34,72,.8),rgba(8,14,32,.85));border:1px solid rgba(140,175,230,.2);border-radius:20px;position:relative;overflow:hidden}
.foot-cta::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.5),transparent)}
.foot-cta h3{font-family:'Inter Tight',sans-serif;font-size:28px;font-weight:500;letter-spacing:-.02em}
.foot-cta p{font-size:14px;color:rgba(175,195,225,.7);font-weight:300;margin-top:6px}
.foot-cta-btns{display:flex;align-items:center;gap:20px;flex:none}
.foot-cta-btns .btn{padding:13px 28px;font-size:14px}
.foot-link{font-size:14px;color:#9db9e8;text-decoration:none}
.foot-link:hover{color:#cfe2ff}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding:56px 0 50px}
.foot-brand img{height:38px;width:auto;display:block;margin-bottom:16px}
.foot-brand p{font-size:13.5px;line-height:1.6;color:rgba(170,190,220,.62);font-weight:300;max-width:260px}
.status{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;color:rgba(190,210,235,.75);background:rgba(120,165,230,.06);border:1px solid rgba(140,175,230,.18);padding:8px 14px;border-radius:100px}
.status i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px rgba(61,220,132,.9)}
.foot-col h4{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(150,170,200,.55);margin-bottom:16px}
.foot-col{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.foot-col a{font-size:14px;font-weight:300;color:rgba(195,212,238,.72);text-decoration:none;transition:.2s}
.foot-col a:hover{color:#cfe2ff}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid rgba(140,175,230,.1);font-size:13px;color:rgba(150,170,200,.55);font-weight:300}
.foot-social{display:flex;gap:10px}
.foot-social a{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8fa5c8;background:rgba(120,165,230,.06);border:1px solid rgba(140,175,230,.16);transition:.2s}
.foot-social a:hover{color:#d5e6ff;border-color:rgba(140,185,250,.45)}
.foot-mark{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:clamp(110px,21vw,270px);letter-spacing:-.04em;line-height:.85;text-align:center;color:rgba(120,170,240,.05);-webkit-text-stroke:1.5px rgba(130,180,245,.28);user-select:none;margin-top:14px;transform:translateY(14px);text-shadow:0 0 80px rgba(70,130,230,.15)}

/* LANG SWITCH + i18n wrappers */
.lang-switch{display:flex;gap:6px;margin-left:14px;background:rgba(10,18,36,.7);border:1px solid rgba(140,175,230,.2);border-radius:100px;padding:4px}
.lang-switch button{background:transparent;border:1px solid transparent;border-radius:100px;padding:2px;cursor:pointer;opacity:.4;transition:.2s;display:flex;font-family:inherit}
.lang-switch button img{width:22px;height:16px;object-fit:cover;border-radius:6px;display:block}
.lang-switch button:hover{opacity:.8}
.lang-switch button.on{opacity:1;border-color:rgba(140,195,250,.6);box-shadow:0 0 12px rgba(60,130,230,.35)}
.btn-template em,.badge em,.p-top em,.vs-bar em,.node span em,.status em,.buy-form label em,.net-live em{font-style:normal}

/* SCROLL REVEAL - aşağı kaydırdıkça yumuşak giriş */
@keyframes rise{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .services-top>*,.s-card,
    .reviews-top>*,.r-card,
    .stats,.stat,
    .faq-left>*,.fq,
    .p-card,.vs-bar,.vs-card,
    .sol-card,.foot-cta,.foot-grid>*,.net-left>*,.net-right{animation:rise .8s cubic-bezier(.2,.6,.2,1) both;animation-timeline:view();animation-range:entry 5% cover 28%}
    .s-card:nth-child(2),.r-card:nth-child(2),.p-card:nth-child(2),.sol-card:nth-child(2),.sol-card:nth-child(5){animation-delay:.1s}
    .s-card:nth-child(3),.r-card:nth-child(3),.p-card:nth-child(3),.sol-card:nth-child(3),.sol-card:nth-child(6){animation-delay:.2s}
  }
}

/* PRODUCTS PAGE */
.buy-hero{padding-top:90px}
.buy-products{padding-top:20px}
.p-card.selected{border-color:rgba(140,195,250,.6);box-shadow:0 0 0 1px rgba(140,195,250,.4),0 0 44px rgba(60,130,230,.2)}
.billing [data-cycle]{cursor:pointer}
.buy-steps{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:10px 46px 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.step{background:linear-gradient(180deg,rgba(17,28,60,.8),rgba(8,13,30,.85));border:1px solid rgba(140,175,230,.16);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden}
.step::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.4),transparent)}
.step-n{font-family:'Inter Tight',sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;color:#8fb4e8}
.step h3{font-size:19px;font-weight:550;letter-spacing:-.01em;margin:10px 0 6px}
.step p{font-size:13.8px;line-height:1.55;color:rgba(175,195,225,.68);font-weight:300}
.buy-box{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:30px 46px 110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.buy-summary{background:linear-gradient(180deg,rgba(18,34,72,.85),rgba(8,14,32,.9));border:1px solid rgba(140,175,230,.2);border-radius:20px;padding:30px;height:fit-content}
.buy-summary h3,.buy-form h3{font-size:19px;font-weight:550;letter-spacing:-.01em;margin-bottom:20px}
.buy-row{display:flex;justify-content:space-between;font-size:14px;color:rgba(190,208,235,.7);font-weight:300;padding:10px 0;border-bottom:1px solid rgba(140,175,230,.1)}
.buy-row strong{color:#fff;font-weight:500}
.buy-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(140,175,230,.16)}
.buy-total span{font-size:14px;color:rgba(190,208,235,.7)}
.buy-total strong{font-family:'Inter Tight',sans-serif;font-size:34px;font-weight:550;letter-spacing:-.03em}
.pay-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pay-pills span{font-size:12px;font-weight:500;color:#a9c0dd;background:rgba(120,165,230,.07);border:1px solid rgba(140,175,230,.2);padding:7px 13px;border-radius:8px}
.buy-form{background:rgba(10,17,34,.75);backdrop-filter:blur(18px);border:1px solid rgba(140,175,230,.18);border-radius:20px;padding:30px}
.buy-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:rgba(200,215,238,.8);margin-bottom:16px}
.buy-form input{background:rgba(4,8,20,.7);border:1px solid rgba(140,175,230,.22);border-radius:12px;padding:13px 15px;font-size:14px;color:#fff;font-family:inherit;outline:none;transition:.2s;width:100%}
.buy-form input:focus{border-color:rgba(140,195,250,.6);box-shadow:0 0 0 3px rgba(60,130,230,.15)}
.buy-submit{width:100%;cursor:pointer;border:none;margin-top:6px}
.buy-note{font-size:12.5px;color:rgba(160,180,210,.6);font-weight:300;text-align:center;margin-top:14px}
.buy-done{font-size:14px;color:#5fe394;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.3);border-radius:12px;padding:12px 16px;text-align:center;margin-top:14px}
@media(max-width:960px){.buy-steps{grid-template-columns:1fr}.buy-box{grid-template-columns:1fr}.incl-grid{grid-template-columns:1fr 1fr}.addon-grid{grid-template-columns:1fr}.guarantee{flex-direction:column;text-align:center}}

/* MEGA MENU */
.has-mega{position:static}
.mega-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:rgba(216,224,255,.75);font-size:14.5px;font-weight:400;font-family:inherit;cursor:pointer;padding:4px 0;letter-spacing:.01em}
.mega-btn em{font-style:normal}
.mega-btn svg{transition:.25s;color:#8fb4e8}
.has-mega.open .mega-btn{color:#fff}
.has-mega.open .mega-btn svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,8px);width:700px;max-width:90vw;background:#0a1226;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.25s;display:grid;grid-template-columns:190px 1fr;overflow:hidden;z-index:50}
.has-mega.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-side{background:rgba(255,255,255,.015);border-right:1px solid rgba(255,255,255,.07);padding:14px;display:flex;flex-direction:column;gap:4px}
.mega-tab{display:flex;align-items:center;gap:10px;background:none;border:1px solid transparent;border-radius:12px;color:rgba(200,214,238,.7);font-size:13.5px;font-weight:400;font-family:inherit;padding:11px 12px;cursor:pointer;text-align:left;transition:.2s}
.mega-tab em{font-style:normal}
.mega-tab svg{color:#8ea3c7;flex:none}
.mega-tab:hover{background:rgba(120,165,230,.07);color:#fff}
.mega-tab.on{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff}
.mega-main{padding:22px 24px 0}
.mega-k{font-size:11px;font-weight:600;letter-spacing:.1em;color:rgba(150,175,210,.55);margin-bottom:14px}
.mega-pane{display:none}
.mega-pane.on{display:block;animation:fadein .25s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mega-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mega-card{display:flex;gap:12px;align-items:flex-start;text-decoration:none;background:transparent;border:1px solid transparent;border-radius:12px;padding:14px 16px;transition:.2s}
.mega-card:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.mega-ico{width:34px;height:34px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#9fb3d9}
.mega-card b{display:block;font-size:14px;font-weight:550;color:#fff}
.mega-card i{font-style:normal;font-size:12.5px;color:rgba(165,180,205,.6);font-weight:300}
.mega-card .arr{margin-left:auto;color:#7d93b8}
.mega-foot{margin:18px -24px 0;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:16px}
.mega-foot b{font-size:14px;font-weight:550}
.mega-foot p{font-size:12.5px;color:rgba(170,190,220,.65);font-weight:300;margin-top:2px}
.mega-cta{flex:none;font-size:13px;font-weight:500;color:#e6f1ff;text-decoration:none;background:rgba(70,120,220,.25);border:1px solid rgba(120,185,255,.4);padding:10px 20px;border-radius:100px;transition:.2s}
.mega-cta:hover{background:rgba(47,123,255,.5)}
@media(max-width:900px){.mega{display:none}}
.mega-veil{position:fixed;inset:0;background:rgba(2,4,12,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.3s;z-index:40}
.mega-veil.on{opacity:1;visibility:visible}

/* CORPORATE PAGE */
.k-hero{padding-top:90px}
.k-sec{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:44px 46px}
.k-sec h2{font-family:'Inter Tight',sans-serif;font-weight:400;font-size:clamp(34px,3.8vw,52px);letter-spacing:-.04em;line-height:1.05;margin:18px 0 16px}
.k-sec .mini-badge{margin-bottom:2px}
.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.story-grid .services-desc{margin-bottom:14px}
.ms-card{background:linear-gradient(180deg,rgba(18,34,72,.8),rgba(8,14,32,.88));border:1px solid rgba(140,175,230,.2);border-radius:20px;padding:28px;position:relative;overflow:hidden}
.ms-card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.5),transparent)}
.ms-item{display:flex;gap:16px;align-items:baseline;padding:15px 2px;border-bottom:1px solid rgba(140,175,230,.1)}
.ms-item:last-child{border-bottom:none}
.ms-item b{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:550;color:#8fc2ff;min-width:62px;font-variant-numeric:tabular-nums}
.ms-item span{font-size:14px;color:rgba(205,220,245,.8);font-weight:300}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.team-grid.two{grid-template-columns:repeat(2,1fr);max-width:880px;margin-left:auto;margin-right:auto}
.member{background:linear-gradient(180deg,rgba(17,28,60,.78),rgba(8,13,30,.86));border:1px solid rgba(140,175,230,.16);border-radius:20px;padding:28px;transition:.25s;position:relative;overflow:hidden}
.member::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(190,215,245,.4),transparent)}
.member:hover{transform:translateY(-4px);border-color:rgba(140,185,250,.4)}
.member img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(140,185,250,.4);margin-bottom:16px;background:#0f2a52}
.member h3{font-size:19px;font-weight:550;letter-spacing:-.01em}
.member span{display:block;font-size:13px;font-weight:500;color:#8fc2ff;margin:5px 0 10px}
.member p{font-size:13.5px;line-height:1.6;color:rgba(195,212,238,.68);font-weight:300}
@media(max-width:960px){.story-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.team-grid.two{grid-template-columns:1fr;max-width:none}.k-sec{padding:34px 20px}}

/* PRODUCTS EXTRA SECTIONS */
.incl,.cmp-sec,.addons{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:26px 46px;text-align:center}
.incl h2,.cmp-sec h2,.addons h2{font-family:'Inter Tight',sans-serif;font-weight:450;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em;margin:18px 0 26px}
.sec-sub{font-size:14px;color:rgba(175,195,225,.65);font-weight:300;margin:-14px 0 24px}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.incl-item{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,rgba(17,28,60,.7),rgba(8,13,30,.8));border:1px solid rgba(140,175,230,.15);border-radius:16px;padding:20px 22px}
.incl-item svg{flex:none;color:#8fb4e8;margin-top:2px}
.incl-item b{display:block;font-size:14.5px;font-weight:550}
.incl-item span{font-size:12.5px;color:rgba(170,190,220,.62);font-weight:300}
.cmp-table{max-width:1020px;margin:0 auto;background:rgba(10,17,34,.7);backdrop-filter:blur(16px);border:1px solid rgba(140,175,230,.16);border-radius:18px;overflow:hidden;text-align:left}
.cmp-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;align-items:center;font-size:13.8px}
.cmp-row span{padding:13px 18px;color:rgba(200,215,238,.78);font-weight:300}
.cmp-row span:first-child{color:rgba(190,205,230,.85)}
.cmp-row.head span{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(150,170,200,.6)}
.cmp-row:nth-child(odd){background:rgba(255,255,255,.025)}
.cmp-row .y{color:#8fc2ff;font-weight:500}
.cmp-row .n{color:rgba(140,155,180,.4)}
.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
.addon-card{background:linear-gradient(180deg,rgba(17,28,60,.75),rgba(8,13,30,.85));border:1px solid rgba(140,175,230,.15);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:4px}
.addon-card b{font-size:15px;font-weight:550}
.addon-card span{font-size:12.5px;color:rgba(170,190,220,.62);font-weight:300}
.addon-card strong{font-family:'Inter Tight',sans-serif;font-size:24px;font-weight:550;margin:10px 0 14px}
.addon-card strong small{font-size:12px;font-weight:300;color:rgba(170,190,220,.6)}
.addon-add{margin-top:auto;background:transparent;border:1px solid rgba(140,180,240,.3);color:#dbe7ff;font-size:13px;font-weight:500;padding:10px;border-radius:100px;cursor:pointer;transition:.2s;font-family:inherit}
.addon-add:hover{border-color:rgba(160,200,250,.6);background:rgba(80,130,220,.14)}
.addon-add.added{background:rgba(77,162,255,.22);border-color:rgba(140,195,250,.55);color:#cfe5ff}
.guarantee{position:relative;z-index:2;max-width:1360px;margin:26px auto 60px;padding:0 46px}
.guarantee{display:flex;align-items:center;justify-content:center;gap:18px;max-width:1268px;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,rgba(18,34,72,.7),rgba(8,14,32,.85));border:1px solid rgba(140,175,230,.2);border-radius:18px;padding:28px 34px;color:#8fb4e8}
.guarantee h3{font-size:19px;font-weight:550;color:#fff;letter-spacing:-.01em}
.guarantee p{font-size:13.5px;color:rgba(175,195,225,.68);font-weight:300;margin-top:4px}
