:root{
--bg:#030811;--bg2:#07111e;--panel:#0a1423;--panel2:#0c192b;--line:#17334d;
--text:#f7fbff;--muted:#92a5ba;--blue:#16a3ff;--cyan:#43d4ff;--gold:#ffd25a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 60%);z-index:-2}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1220px,92%);margin:auto}
.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(110px);opacity:.11;pointer-events:none;z-index:-1}.ambient-a{background:#008cff;top:-260px;right:-120px}.ambient-b{background:#5a24ff;top:1050px;left:-300px}
.site-header{position:fixed;left:0;right:0;top:0;height:78px;z-index:50;background:linear-gradient(180deg,#030811f5,#030811cc);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff08}
.nav{height:100%;display:flex;align-items:center;gap:36px}
.brand img{width:142px;display:block}
.main-nav{display:flex;gap:28px;margin-left:auto;color:#a9b8ca;font-size:13px;font-weight:600}
.main-nav a{transition:.2s}.main-nav a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-cta{font-size:12px;font-weight:800;padding:10px 16px;border-radius:10px;background:#0d8ff0;box-shadow:0 8px 24px #008cff28}
.language{position:relative}.language-btn{height:38px;padding:0 11px;border-radius:10px;border:1px solid #1b3b55;background:#071321;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer}.lang-code{font-size:11px;font-weight:800}.chevron{color:#8297aa}.language-menu{display:none;position:absolute;top:46px;right:0;min-width:150px;padding:6px;background:#071321;border:1px solid #1a3b55;border-radius:12px;box-shadow:0 20px 50px #000b}.language-menu.open{display:block}.language-menu button{width:100%;padding:10px;border:0;border-radius:8px;background:none;color:#dce7f2;text-align:left;cursor:pointer}.language-menu button:hover,.language-menu button.active{background:#0c253c;color:#fff}
.hero{height:clamp(640px,62vw,850px);position:relative;display:flex;align-items:center;overflow:hidden;padding-top:70px}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% center;filter:saturate(.88) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030811 0%,#030811d9 31%,#0308115c 62%,#030811a0 100%),linear-gradient(0deg,#030811 0%,transparent 27%,#03081155 100%)}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:670px;padding-top:40px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:900;color:#d8e7f5;display:flex;align-items:center;gap:8px}.eyebrow.blue{color:#28b6ff}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#24b7ff;box-shadow:0 0 18px #24b7ff}
h1{font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-5px;margin:22px 0 25px;font-weight:900}h1 em,h2 em{font-style:normal;color:#35baff}
.hero-copy>p{max-width:590px;color:#b4c1d1;font-size:16px;line-height:1.7;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:11px;padding:14px 19px;font-size:12px;font-weight:900;transition:.22s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#0c8ef1,#18b8ff);box-shadow:0 14px 35px #079fff2c}.button-primary b{font-size:18px}.button-glass{border:1px solid #a9c1d43d;background:#ffffff0a;color:#eaf3fb}.trust-row{display:flex;gap:25px;flex-wrap:wrap;margin-top:32px;color:#aab8c8;font-size:11px}.trust-row span{display:flex;gap:7px;align-items:center}.trust-row b{color:#25c5ff}
.hero-bottom{position:absolute;bottom:30px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:end}.hero-scroll{display:flex;align-items:center;gap:10px;color:#91a3b5;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.hero-scroll span{width:28px;height:1px;background:#42bfff}.hero-note{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#71869a;font-size:10px}.hero-note strong{color:#d5e4ef;letter-spacing:2px}
section{padding:92px 0}.categories-section{background:linear-gradient(180deg,#030811,#06101c)}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-title-row h2,.center-heading h2{font-size:40px;letter-spacing:-2px;margin:9px 0 0}.section-title-row>p{max-width:430px;color:#7f93a9;font-size:13px;line-height:1.7;margin:0}
.category-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px}.category-card{position:relative;overflow:hidden;border:1px solid #1b3b56;border-radius:18px;background-size:cover;background-position:var(--pos,center);transition:.3s;box-shadow:0 20px 50px #0004}.category-card:first-child{grid-row:span 2}.category-card:hover{transform:translateY(-5px);border-color:#269fe4;box-shadow:0 30px 70px #0008}.category-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#02081108 15%,#020811e8 100%)}.category-content{position:absolute;left:22px;bottom:20px}.category-icon{display:block;color:#49caff;font-size:18px;margin-bottom:8px}.category-content h3{font-size:25px;margin:0 0 5px}.category-content p{font-size:11px;color:#a7b7c8;margin:0}.category-arrow{position:absolute;right:18px;top:18px;width:33px;height:33px;border-radius:50%;border:1px solid #ffffff2c;background:#0713219e;display:grid;place-items:center;color:#fff}
.plans-section{background:#050c15}.center-heading{text-align:center;margin-bottom:42px}.center-heading p{color:#8194a9;font-size:13px;margin:8px 0}.plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.plan-card{position:relative;background:linear-gradient(180deg,#0b1828,#07101b);border:1px solid #17344c;border-radius:19px;padding:23px 19px 18px;min-height:425px;display:flex;flex-direction:column;box-shadow:0 15px 45px #0005}.plan-card:hover{border-color:#2b6992}.plan-featured{border-color:#f4c54e;box-shadow:0 0 45px #ffd34a12}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(90deg,#ffd968,#ffbd3e);color:#1a1508;border-radius:99px;padding:5px 12px;font-size:9px;font-weight:900;letter-spacing:.7px}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-kicker{font-size:9px;letter-spacing:2px;color:#57caff;font-weight:900}.plan-symbol{font-size:10px;color:#41566b}.plan-card h3{font-size:25px;margin:19px 0 5px}.plan-desc{font-size:11px;color:#8193a6;min-height:32px;margin:0}.price{font-size:33px;font-weight:900;margin:22px 0 17px;letter-spacing:-1.5px}.price small{font-size:10px;color:#71869a;font-weight:500;letter-spacing:0}.plan-card ul{padding:0;margin:0 0 20px;list-style:none;display:grid;gap:10px;flex:1}.plan-card li{font-size:11px;color:#c3ceda}.plan-card li:before{content:"✓";color:#20c3ff;margin-right:8px;font-weight:900}.plan-button{border:1px solid #235879;background:#091b2c;color:#fff;border-radius:10px;padding:11px;cursor:pointer;font-size:11px;font-weight:900;transition:.2s}.plan-button:hover{background:#0d304b;border-color:#2ca9ed}.premium-button{background:linear-gradient(135deg,#ffd85e,#ffbd3d);border:0;color:#171308}.premium-button:hover{background:linear-gradient(135deg,#ffe27b,#ffc84c)} 
.catalogue-section{background:linear-gradient(180deg,#06101b,#030811)}.text-link{color:#43c4ff;font-size:11px;font-weight:800}.content-rail{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:14px}.content-tile{height:340px;border:1px solid #1a3a54;border-radius:18px;overflow:hidden;position:relative;background-size:cover;background-position:var(--pos,center);transition:.3s}.content-tile:hover{transform:translateY(-4px);border-color:#2aa9eb}.content-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03081108 30%,#030811ef 100%)}.content-tile>div{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.content-tile span{font-size:9px;color:#49caff;letter-spacing:1.5px}.content-tile h3{font-size:23px;margin:6px 0}.content-tile p{font-size:10px;color:#a6b5c5;margin:0;line-height:1.5}.tile-wide{height:340px}
.cta-section{padding-top:30px;padding-bottom:100px}.cta-card{position:relative;overflow:hidden;border:1px solid #1b4b6c;border-radius:25px;background:linear-gradient(110deg,#081a2d,#07111d);padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-glow{position:absolute;width:350px;height:250px;background:#0ba4ff;filter:blur(100px);opacity:.13;right:0}.cta-copy{position:relative}.cta-copy h2{font-size:40px;line-height:1.05;letter-spacing:-2px;margin:13px 0}.cta-copy p{color:#91a4b8;font-size:12px;margin:0}.cta-card>.button{position:relative}
footer{border-top:1px solid #ffffff08;background:#02070d;padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px}.footer-logo{width:135px}.footer-main p,.footer-main a{font-size:11px;color:#718498;line-height:1.8}.footer-main h4{font-size:11px;color:#e6f0f8;margin:0 0 12px}.footer-main a{display:block}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff09;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#506376;font-size:9px;letter-spacing:.3px}
html[dir=rtl] .main-nav,html[dir=rtl] .hero-copy,html[dir=rtl] .section-title-row,html[dir=rtl] .category-content,html[dir=rtl] .plan-card,html[dir=rtl] .content-tile,html[dir=rtl] .cta-card,html[dir=rtl] footer{text-align:right}html[dir=rtl] .language-menu{right:auto;left:0}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#030811 0%,#030811d9 31%,#0308115c 62%,#030811a0 100%),linear-gradient(0deg,#030811 0%,transparent 27%,#03081155 100%)}html[dir=rtl] .hero-note{align-items:flex-start}
@media(max-width:1050px){.main-nav{display:none}.hero{height:auto;display:block;padding:68px 0 64px}.hero-media{bottom:auto;height:480px;top:40px}.hero-media img{object-position:100% center}.hero-shade,html[dir=rtl] .hero-shade{background:linear-gradient(0deg,#030811 2%,#03081100 45%),linear-gradient(180deg,#030811 0%,#03081100 25%)}.hero-copy{padding-top:400px}.hero-bottom{display:none}.plans-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:1.3fr 1fr;grid-template-rows:230px 230px 230px}.category-card:first-child{grid-row:span 2}.content-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:68px}.nav{gap:8px}.brand img{width:125px}.nav-cta{display:none}.hero-media{height:380px}.hero-media img{object-position:95% center}.hero-copy{padding-top:300px}.hero-copy h1{letter-spacing:-3px;font-size:49px}.hero-copy>p{font-size:14px}.trust-row{gap:12px}.hero-bottom{display:none}section{padding:70px 0}.section-title-row{display:block}.section-title-row h2,.center-heading h2{font-size:31px}.section-title-row>p{margin-top:12px}.category-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 210px 210px}.category-card:first-child{grid-row:span 2}.category-content h3{font-size:20px}.plans-grid{grid-template-columns:1fr 1fr}.plan-card{min-height:390px}.content-rail{grid-template-columns:1fr 1fr}.content-tile,.tile-wide{height:250px}.cta-card{display:block;padding:38px 28px}.cta-copy h2{font-size:32px}.cta-card>.button{margin-top:24px;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:460px){.language-btn{padding:0 8px}.lang-code{display:none}.hero-copy h1{font-size:42px}.hero-actions{display:grid}.hero-actions .button{width:100%}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.category-card,.category-card:first-child{height:190px;grid-row:auto}.category-card:last-child{grid-column:span 2}.category-content{left:14px;bottom:14px}.category-arrow{right:10px;top:10px}.plans-grid,.content-rail{grid-template-columns:1fr}.plan-card{min-height:0}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}