.home-page{background:#07090c;color:#f7f9fb;overflow-x:hidden}
.home-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.home-page header{position:relative;z-index:20;background:rgba(9,11,15,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.home-page .main-nav{min-height:86px}
.home-page .logo img{height:76px;width:auto;object-fit:contain}
.home-hero{position:relative;isolation:isolate;padding:76px 0 86px;background:radial-gradient(circle at 75% 35%,rgba(17,183,238,.13),transparent 33%),linear-gradient(180deg,#090c11 0%,#07090c 100%)}
.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.home-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:#22d3ee;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow span{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 18px #22d3ee}
.hero-copy h1{font-size:clamp(44px,5.4vw,72px);line-height:.98;letter-spacing:-.055em;margin:19px 0 25px;font-weight:900;max-width:700px}
.hero-copy h1 em{font-style:normal;color:#22d3ee}
.hero-copy>p{font-size:18px;line-height:1.75;color:#9da7b4;max-width:630px;margin-bottom:31px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:0 21px;border-radius:9px;text-decoration:none;font-weight:800;font-size:14px;transition:.2s ease}
.home-btn-primary{background:#22d3ee;color:#041015;box-shadow:0 10px 35px rgba(34,211,238,.15)}
.home-btn-primary:hover{background:#67e8f9;transform:translateY(-2px);color:#041015}.home-btn-primary span{font-size:19px}.home-btn-ghost{border:1px solid #2b333d;color:#e8edf2;background:rgba(255,255,255,.025)}.home-btn-ghost:hover{border-color:#22d3ee;color:#22d3ee}
.hero-trust{display:flex;align-items:center;gap:10px;color:#687381;font-size:12px;margin-top:24px}.trust-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.trust-separator{opacity:.4}
.hero-showcase{position:relative;padding:12px 0 32px}.showcase-glow{position:absolute;width:390px;height:390px;right:8%;top:5%;background:#22d3ee;filter:blur(110px);opacity:.08;z-index:-1}.showcase-browser{border:1px solid #26303b;border-radius:16px;background:#0c1015;box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02);overflow:hidden;transform:perspective(1200px) rotateY(-4deg)}
.browser-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #202832;color:#586371;font-size:10px}.browser-top span{width:7px;height:7px;border-radius:50%;background:#29323d}.browser-top div{margin:auto;color:#4f5966}.showcase-body{padding:25px}.mock-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.mock-widget-header small{display:block;color:#65707d;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.mock-widget-header strong{font-size:17px}.live-pill{font-size:9px;font-weight:800;color:#22c55e;border:1px solid rgba(34,197,94,.25);padding:5px 8px;border-radius:999px}.live-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#22c55e;margin-right:4px}.mock-match{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:22px 16px;border-radius:12px;background:linear-gradient(135deg,#121a21,#0f141a);border:1px solid #222c35}.mock-team{display:flex;flex-direction:column;gap:3px}.mock-team.right{text-align:right}.mock-team b{font-size:18px}.mock-team span{font-size:10px;color:#667280}.mock-score{display:flex;align-items:center;justify-content:center;gap:12px}.mock-score strong{font-size:28px}.mock-score span{font-size:9px;color:#22d3ee}.mock-lines{display:flex;gap:8px;margin:15px 0}.mock-lines span{height:5px;border-radius:99px;background:#19212a;flex:1}.mock-lines span:first-child{background:#22d3ee;flex:1.6}.mock-mini-row{display:grid;grid-template-columns:1fr 55px 1.3fr;gap:10px;padding:11px 0;border-bottom:1px solid #192028;color:#687583;font-size:10px}.mock-mini-row b{color:#e7ebef;text-align:center}.mock-mini-row:last-child{border:0}.code-badge{position:absolute;right:-16px;bottom:0;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #26313b;background:#0d1218;border-radius:11px;box-shadow:0 15px 35px rgba(0,0,0,.4)}.code-badge>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(34,211,238,.1);color:#22d3ee;font-weight:900}.code-badge b,.code-badge small{display:block}.code-badge b{font-size:11px}.code-badge small{font-size:9px;color:#6e7986;margin-top:2px}
.home-section{padding:105px 0}.intro-section{border-top:1px solid #121820}.section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 16px}.section-heading p{color:#818c99;line-height:1.75;max-width:660px}.section-heading.centered{text-align:center}.section-heading.centered p{margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.benefit-card{padding:31px;border:1px solid #1d252e;background:linear-gradient(145deg,#0c1116,#0a0e12);border-radius:14px}.benefit-card.featured-benefit{border-color:rgba(34,211,238,.3);background:linear-gradient(145deg,rgba(34,211,238,.08),#0a0e12)}.benefit-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#121a21;color:#22d3ee;font-weight:900;margin-bottom:25px}.benefit-card h3{font-size:18px;margin-bottom:9px}.benefit-card p{color:#737e8a;font-size:14px;line-height:1.7}
.widgets-section{background:#080b0f;border-top:1px solid #121820;border-bottom:1px solid #121820}.section-heading.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.section-heading.split>p{justify-self:end;max-width:470px}.widget-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.catalog-card{position:relative;display:flex;align-items:center;gap:15px;min-height:88px;padding:15px 17px;border:1px solid #1d252e;border-radius:12px;background:#0b1015;text-decoration:none;color:#f5f7f9;transition:.2s ease}.catalog-card:hover{border-color:rgba(34,211,238,.55);background:#0d141a;transform:translateY(-3px)}.catalog-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:10px;background:#111a21;color:#22d3ee}.catalog-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-copy{min-width:0}.catalog-copy span{font-size:9px;color:#64707d;text-transform:uppercase;letter-spacing:.11em}.catalog-copy h3{font-size:14px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-arrow{margin-left:auto;color:#485461;font-size:17px;transition:.2s}.catalog-card:hover .catalog-arrow{color:#22d3ee;transform:translate(2px,-2px)}
.how-section{background:radial-gradient(circle at 15% 50%,rgba(34,211,238,.055),transparent 35%)}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.steps{border-top:1px solid #202832}.step{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #202832}.step>b{font-size:12px;color:#22d3ee;letter-spacing:.08em}.step h3{font-size:16px;margin-bottom:6px}.step p{font-size:13px;color:#707b87;line-height:1.7}.home-cta{padding:65px 0;background:linear-gradient(100deg,rgba(34,211,238,.1),rgba(34,211,238,.025) 50%,transparent);border-top:1px solid rgba(34,211,238,.14)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;margin:9px 0}.cta-inner p{color:#7d8894}.home-page footer{margin-top:0;border-top:1px solid #171e26;background:#06080b;padding:30px 20px}
@media(max-width:1000px){.home-hero-grid,.how-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:720px}.hero-showcase{max-width:700px;margin:auto}.widget-catalog{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.section-heading.split{grid-template-columns:1fr}.section-heading.split>p{justify-self:start}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.home-shell{width:min(100% - 28px,1180px)}.home-page .main-nav{min-height:72px}.home-page .logo img{height:58px}.home-page .main-nav ul{display:none}.user-area{gap:8px;font-size:12px}.user-area>a{display:none}.home-hero{padding:58px 0 65px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:16px}.hero-trust{flex-wrap:wrap}.mock-match{grid-template-columns:1fr 75px 1fr;padding:18px 10px}.showcase-body{padding:18px}.code-badge{right:5px}.home-section{padding:75px 0}.widget-catalog{grid-template-columns:1fr}.benefits-grid{margin-top:35px}.cta-inner .home-btn{width:100%}.lang-dropdown .lang-name{display:none}}