/* Karypto 2026 — elevated homepage and Hosting EU */
.home-hero--next{overflow:hidden;isolation:isolate;min-height:clamp(760px,92svh,980px);grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(38px,6vw,96px);padding-top:calc(var(--header-height) + 72px);padding-bottom:78px}
.home-hero--next:before{content:"";position:absolute;z-index:-3;inset:0 calc(50% - 50vw);background:radial-gradient(circle at 78% 36%,rgba(204,232,75,.2),transparent 27%),linear-gradient(120deg,rgba(255,255,255,.7),transparent 52%)}
.hero-gridline{position:absolute;z-index:-2;inset:0 calc(50% - 50vw);opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent 2%,#000 36%,#000 82%,transparent)}
.hero-copy--next{position:relative;z-index:3}.hero-copy--next .availability{display:grid;grid-template-columns:auto auto;gap:8px 18px;align-items:center;width:max-content}.hero-copy--next .availability:before{grid-row:1/3}.hero-copy--next .availability span{font-size:11px;font-weight:800}.hero-copy--next .availability b{color:var(--muted);font-size:9px;letter-spacing:.15em}
.home-hero--next h1{position:relative;margin:30px 0 30px;font-size:clamp(55px,6.65vw,102px);line-height:.89;letter-spacing:-.072em}.home-hero--next h1 span{font-style:normal}.home-hero--next h1 em{position:relative;display:inline-block;color:var(--ink);font-weight:400}.home-hero--next h1 em:after{content:"";position:absolute;left:2%;right:-2%;bottom:-12px;height:9px;border-radius:99px;background:var(--lime);transform:rotate(-1deg);opacity:.9}.home-hero--next h1 i{position:absolute;right:-6px;top:-24px;color:var(--lime);font-size:30px;font-style:normal;animation:heroSpark 8s linear infinite}
.hero-copy--next .hero-lead{max-width:670px;margin:0;color:#4d5047;font-size:clamp(16px,1.35vw,19px);line-height:1.75}.hero-copy--next .hero-lead strong{color:var(--ink)}
.hero-primary{box-shadow:8px 8px 0 var(--lime);transition:transform .25s,box-shadow .25s}.hero-primary:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--lime)}.hero-secondary{backdrop-filter:blur(8px);background:rgba(243,241,232,.72)}
.hero-proofline{display:flex;flex-wrap:wrap;gap:0;margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-proofline span{display:flex;gap:8px;align-items:baseline;padding:15px 24px 15px 0;margin-right:24px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-proofline span+span{border-left:1px solid var(--line);padding-left:24px}.hero-proofline b{color:var(--ink);font-size:17px;letter-spacing:-.03em}
.hero-visual-stage{position:relative;justify-self:end;width:min(100%,600px);height:650px;margin:0;perspective:1000px}.hero-halo{position:absolute;inset:4% -4% 4% 8%;border:1px solid var(--line);border-radius:50%;animation:haloPulse 6s ease-in-out infinite}.hero-halo:before,.hero-halo:after{content:"";position:absolute;border:1px solid rgba(23,24,19,.12);border-radius:50%}.hero-halo:before{inset:12%}.hero-halo:after{inset:26%}
.hero-visual-card{position:absolute;inset:46px 25px 25px 55px;overflow:hidden;border:1px solid rgba(23,24,19,.8);background:var(--lime);box-shadow:20px 24px 0 rgba(23,24,19,.09);transform:rotate(2.3deg);transition:transform .25s ease-out;will-change:transform}.hero-visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 37%,rgba(23,24,19,.08));pointer-events:none}.hero-visual-card img{position:absolute;inset:4% -4% 0;width:108%;height:92%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(23,24,19,.18))}.visual-kicker{position:absolute;z-index:2;top:20px;left:22px;font-size:9px}.visual-caption{position:absolute;z-index:2;right:22px;bottom:22px;font-size:clamp(28px,3.1vw,47px);font-weight:800;line-height:.87;letter-spacing:-.065em;text-align:right}
.hero-float-card{position:absolute;z-index:5;border:1px solid var(--ink);background:rgba(250,249,243,.92);box-shadow:9px 9px 0 rgba(23,24,19,.12);backdrop-filter:blur(12px);transition:transform .25s ease-out;will-change:transform}.hero-float-card--status{left:0;bottom:74px;display:flex;align-items:center;gap:12px;padding:15px 18px}.hero-float-card small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.hero-float-card strong{display:block;margin-top:3px;font-size:12px}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(204,232,75,.25);animation:pulse 2.2s infinite}.hero-float-card--services{right:-10px;top:89px;display:grid;grid-template-columns:repeat(3,auto);gap:7px;padding:14px}.hero-float-card--services small{grid-column:1/-1}.hero-float-card--services span{padding:5px 8px;border:1px solid var(--line);font-size:9px;font-weight:800;text-transform:uppercase}.hero-orbit-label{position:absolute;z-index:4;right:-25px;bottom:27px;padding:7px 10px;background:var(--ink);color:var(--lime);font-size:8px;letter-spacing:.18em;transition:transform .25s ease-out}
@keyframes heroSpark{to{transform:rotate(360deg)}}@keyframes haloPulse{50%{transform:scale(1.025);opacity:.55}}

/* Hosting EU landing page */
.hosting-page{--hosting-blue:#7ec8ff;--hosting-mint:#cce84b}.hosting-hero{position:relative;overflow:hidden;min-height:820px;padding:calc(var(--header-height) + 86px) 0 82px;background:var(--ink);color:#fff}.hosting-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 36%,rgba(204,232,75,.22),transparent 30%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,68px 68px,68px 68px}.hosting-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,8vw,120px);align-items:center}.hosting-hero .eyebrow{color:var(--lime)}.hosting-hero h1{margin:26px 0;font-size:clamp(62px,7.4vw,112px);line-height:.89;letter-spacing:-.075em}.hosting-hero h1 em{color:var(--lime);font-weight:400}.hosting-lead{max-width:650px;color:#c8c9c2;font-size:18px;line-height:1.75}.hosting-hero .button.ghost{border-color:rgba(255,255,255,.35);color:#fff}.hosting-hero .button.ghost:hover{background:#fff;color:var(--ink)}
.host-console{position:relative;border:1px solid rgba(255,255,255,.26);background:rgba(29,31,25,.72);box-shadow:24px 28px 0 rgba(204,232,75,.13);backdrop-filter:blur(18px);transform:rotate(1.5deg)}.host-console-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.16)}.host-console-dots{display:flex;gap:6px}.host-console-dots i{width:7px;height:7px;border-radius:50%;background:#6c6e66}.host-console-dots i:last-child{background:var(--lime)}.host-console-head span{font-size:9px;color:#aeb0a8}.host-console-body{padding:30px}.host-state{display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.13)}.host-state b{display:block;font-size:18px}.host-state span:last-child{display:block;color:#aeb0a8;font-size:11px}.host-pulse{width:15px;height:15px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(204,232,75,.12)}.host-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:26px 0;background:rgba(255,255,255,.14)}.host-metric{padding:20px;background:#1d1f19}.host-metric small{display:block;color:#92948d;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.host-metric strong{display:block;margin-top:8px;font-size:27px;letter-spacing:-.04em}.host-bars{display:grid;gap:12px}.host-bar-label{display:flex;justify-content:space-between;color:#aaa;font-size:9px}.host-bar-track{height:5px;background:#34362f}.host-bar-track i{display:block;height:100%;background:var(--lime)}
.hosting-trust{position:relative;background:var(--lime);color:var(--ink)}.hosting-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.hosting-trust-item{padding:24px 28px;border-right:1px solid rgba(23,24,19,.2)}.hosting-trust-item:last-child{border:0}.hosting-trust-item strong{display:block;font-size:16px}.hosting-trust-item span{font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.hosting-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.hosting-intro .lead{font-size:clamp(27px,3vw,44px);line-height:1.15;letter-spacing:-.045em}.hosting-intro-copy{max-width:660px;color:var(--muted);font-size:17px;line-height:1.8}.hosting-intro-copy p:first-child{margin-top:0}.hosting-note{display:flex;gap:14px;margin-top:28px;padding:20px;border-left:4px solid var(--lime);background:var(--paper2)}.hosting-note b{flex:0 0 auto}.hosting-note p{margin:0;font-size:14px}
.hosting-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--wline);border:1px solid var(--wline)}.hosting-feature{position:relative;min-height:280px;padding:34px;background:var(--ink);color:#fff;transition:background .35s,color .35s}.hosting-feature:hover{background:var(--lime);color:var(--ink)}.hosting-feature-number{display:block;margin-bottom:60px;color:var(--lime);font-size:10px}.hosting-feature:hover .hosting-feature-number{color:var(--ink)}.hosting-feature h3{margin:0 0 13px;font-size:25px}.hosting-feature p{margin:0;color:#aaa;line-height:1.65}.hosting-feature:hover p{color:#34362f}.hosting-feature-icon{position:absolute;right:24px;top:24px;font-size:26px}
.hosting-specs{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:start}.hosting-specs-head{position:sticky;top:130px}.hosting-spec-list{border-top:1px solid var(--line)}.hosting-spec-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.hosting-spec-row span{color:var(--muted)}.hosting-spec-row strong{text-align:right}.hosting-spec-hint{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.6}
.hosting-process{counter-reset:hoststep;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px}.hosting-step{position:relative;padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.35)}.hosting-step:before{counter-increment:hoststep;content:"0" counter(hoststep);display:block;margin-bottom:58px;color:var(--muted);font-size:10px}.hosting-step h3{font-size:24px}.hosting-step p{color:var(--muted);line-height:1.65}
.hosting-faq{max-width:980px;margin:64px 0 0 auto;border-top:1px solid var(--line)}.hosting-faq details{border-bottom:1px solid var(--line)}.hosting-faq summary{display:flex;justify-content:space-between;gap:30px;padding:25px 0;cursor:pointer;font-size:19px;font-weight:750;list-style:none}.hosting-faq summary::-webkit-details-marker{display:none}.hosting-faq summary:after{content:"+";color:var(--lime);font-size:24px}.hosting-faq details[open] summary:after{content:"−"}.hosting-faq p{max-width:760px;margin:0 0 28px;color:var(--muted);line-height:1.7}
.hosting-cta{overflow:hidden;position:relative}.hosting-cta:after{content:"EU";position:absolute;right:-.04em;bottom:-.34em;color:rgba(23,24,19,.08);font-size:260px;font-weight:900;letter-spacing:-.1em;pointer-events:none}
@media(max-width:1024px){.home-hero--next{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)}.hero-visual-stage{height:570px}.hosting-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.home-hero--next{display:flex;min-height:0;padding-top:calc(var(--header-height) + 42px);padding-bottom:52px}.home-hero--next h1{font-size:clamp(46px,14.5vw,68px)}.home-hero--next h1 i{right:10px}.hero-copy--next .availability{grid-template-columns:auto}.hero-copy--next .availability:before{grid-row:auto}.hero-copy--next .availability b{display:none}.hero-proofline span{padding:12px 14px 12px 0;margin-right:14px}.hero-proofline span+span{padding-left:14px}.hero-visual-stage{width:100%;height:500px;margin-top:18px}.hero-visual-card{inset:35px 15px 35px 38px}.hero-float-card--services{right:0}.hosting-hero{min-height:0;padding-top:calc(var(--header-height) + 58px)}.hosting-hero-grid,.hosting-intro,.hosting-specs{grid-template-columns:1fr}.hosting-hero h1{font-size:clamp(57px,17vw,82px)}.host-console{margin-top:30px}.hosting-trust-grid{grid-template-columns:repeat(2,1fr)}.hosting-trust-item:nth-child(2){border-right:0}.hosting-feature-grid,.hosting-process{grid-template-columns:1fr}.hosting-feature{min-height:235px}.hosting-specs-head{position:static}.hosting-cta:after{font-size:150px}}
@media(max-width:470px){.hero-proofline span{width:50%;margin:0}.hero-proofline span:nth-child(3){border-left:0}.hero-visual-stage{height:410px}.hero-float-card--services{display:none}.hero-float-card--status{bottom:28px}.visual-caption{font-size:28px}.hosting-trust-grid{grid-template-columns:1fr}.hosting-trust-item{border-right:0;border-bottom:1px solid rgba(23,24,19,.2)}}
@media(prefers-reduced-motion:reduce){.home-hero--next [data-depth]{transform:none!important}.hero-halo,.home-hero--next h1 i{animation:none!important}}
