:root{--bym-bg:#f4f6f2;--bym-ink:#101511;--bym-muted:#657067;--bym-green:#b9ff66;--bym-dark:#101812;--bym-line:rgba(16,21,17,.12)}
body{font-family:'Manrope',sans-serif;background:var(--bym-bg);color:var(--bym-ink)}
.page{background:var(--bym-bg)}.site-bg{background:linear-gradient(180deg,#f5f7f3,#edf2eb);opacity:1}.site-bg .orb,.site-bg .aurora{display:none}.bg-grid{opacity:.18;background-size:52px 52px}
.floating-header{top:18px;max-width:1180px;height:68px;padding:0 12px 0 20px;border:1px solid var(--bym-line);border-radius:18px;background:rgba(247,249,245,.84);box-shadow:0 18px 55px rgba(22,35,25,.08);backdrop-filter:blur(18px)}
.brand{font:700 15px 'Unbounded';color:var(--bym-ink)}.brand img{width:31px;height:31px;filter:invert(1)}
.floating-header nav{gap:5px}.floating-header nav a{padding:10px 13px;border-radius:10px;color:var(--bym-muted);font:700 11px 'Manrope'}.floating-header nav a:hover,.floating-header nav a.active{background:#e9eee7;color:var(--bym-ink)}
.cabinet{padding:13px 18px!important;border-radius:11px!important;background:var(--bym-dark)!important;color:white!important;font:800 11px 'Manrope'!important}
.hero{min-height:820px;padding:170px 7vw 90px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(440px,.9fr);align-items:center;gap:50px;background:radial-gradient(circle at 78% 32%,rgba(185,255,102,.25),transparent 26%),linear-gradient(145deg,#f5f7f3,#edf3eb);border-radius:0 0 54px 54px;overflow:hidden}
.hero-copy{max-width:710px;position:relative;z-index:3}.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:8px 13px;border:1px solid var(--bym-line);border-radius:99px;background:rgba(255,255,255,.55);color:#405044;font:800 10px 'Manrope';text-transform:uppercase;letter-spacing:1.2px}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#70d118;box-shadow:0 0 0 5px rgba(112,209,24,.12)}
.hero h1{max-width:none;margin:0;font:600 clamp(48px,5.8vw,88px)/.97 'Unbounded';letter-spacing:-5px;color:var(--bym-ink);text-transform:none}.hero h1 em{font-style:normal;color:#6ac31c}.hero-copy>p{max-width:620px;margin:28px 0 31px;color:var(--bym-muted);font:500 17px/1.7 'Manrope'}
.hero-actions{display:flex;align-items:center;gap:10px}.hero-btn,.hero-more{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 23px;border-radius:13px;text-decoration:none;font:800 12px 'Manrope'}.hero-btn{background:var(--bym-dark);color:#fff}.hero-more{border:1px solid var(--bym-line);color:var(--bym-ink);background:rgba(255,255,255,.5)}
.server-stage{position:relative;z-index:2;min-width:0}.server-card{border-color:rgba(16,21,17,.12);box-shadow:0 28px 80px rgba(24,43,28,.14)}.server-nav{background:var(--bym-dark);color:#fff;border:0}
.advantages,.pricing,.faq{background:var(--bym-bg);color:var(--bym-ink)}.advantages{padding-top:120px}.container{max-width:1180px}
.tag{color:#5b6a5e;border-color:var(--bym-line);background:#e8eee5;font:800 9px 'Manrope';letter-spacing:1.3px}
.advantages h2,.pricing h2,.faq h2{font-family:'Unbounded';letter-spacing:-2.2px;text-transform:none;color:var(--bym-ink)}.muted-title{color:#8a958d!important}
.feature-list article{border-color:var(--bym-line)}.feature-head h3{font-family:'Manrope';color:var(--bym-ink)}.feature-list p{color:var(--bym-muted)}
.feature-head span{background:#e6eee2;border-color:var(--bym-line)}.feature-head span img{filter:brightness(0)}
.pricing .top-line{background:var(--bym-line)}.plans{gap:14px}.plans article{background:#fff;border:1px solid var(--bym-line);border-radius:24px;color:var(--bym-ink);box-shadow:0 22px 70px rgba(28,43,31,.06)}.plans article.popular{background:var(--bym-dark);color:#fff;transform:translateY(-12px)}.plans article:not(.popular) p,.plans article:not(.popular) li{color:var(--bym-muted)}.plans article a{border-radius:12px;font-family:'Manrope'}.plans article:not(.popular) a{background:#e8eee5;color:var(--bym-ink)}.plans article.popular a{background:var(--bym-green);color:var(--bym-ink)}
.faq details{background:#fff;border-color:var(--bym-line);border-radius:16px}.faq summary{color:var(--bym-ink);font-family:'Manrope'}.faq details div,.faq>div>p{color:var(--bym-muted)}
footer{background:var(--bym-dark);color:#fff;border-radius:42px 42px 0 0}.footer-grid p,footer a,.copy{color:#aab6ac}.brand.foot{color:#fff}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:145px 22px 75px;min-height:auto}.hero h1{font-size:clamp(43px,11vw,68px);letter-spacing:-3px}.server-stage{margin-top:20px}.floating-header{left:12px;right:12px;width:auto}.floating-header nav{background:#f4f6f2}.floating-header nav a{color:var(--bym-ink)}}
@media(max-width:560px){.hero{border-radius:0 0 30px 30px}.hero-actions{display:grid}.hero-btn,.hero-more{width:100%}.hero-copy>p{font-size:14px}.plans article.popular{transform:none}}
:root{}
@font-face{font-family:Manrope;src:url("fonts/manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Unbounded;src:url("fonts/unbounded-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Unbounded;src:url("fonts/unbounded-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

/* v2.1 — visible hero typography and photographic depth */
.hero{isolation:isolate}
.hero:before{
  content:"";position:absolute;inset:90px 0 0 42%;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,#f4f6f2 0%,rgba(244,246,242,.42) 28%,rgba(244,246,242,.1) 70%),
    url("assets/speedtest.jpg") center/cover no-repeat;
  opacity:.16;filter:saturate(.72) contrast(1.06);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 80%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 80%,transparent);
}
.hero-copy,.server-stage{position:relative;z-index:2}
.hero h1,.hero-copy h1{
  color:#101511!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#101511!important;
  text-shadow:none!important;
}
@media(max-width:900px){
  .hero:before{inset:70px -35% 20% 20%;opacity:.1}
}
