/*
Theme Name: 24hosting Webhosting
Author: OpenAI
Description: Modern, magyar nyelvű, reszponzív webhosting és WordPress tárhely bemutató sablon.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: 24hosting-webhosting
*/
:root{--ink:#101d35;--sub:#5d6a7f;--blue:#4168f5;--blue2:#243fcb;--pale:#eff4ff;--line:#e8edf5;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(44px,5.5vw,72px);font-weight:800}h2{font-size:clamp(31px,3.7vw,46px);font-weight:800}h3{font-size:21px}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.skip-link{position:absolute;top:-100px;left:15px;background:#fff;padding:8px;z-index:30}.skip-link:focus{top:12px}.site-header{height:83px;background:white;border-bottom:1px solid #f0f3f9;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{font-size:25px;font-weight:850;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.brand-mark{background:var(--blue);border-radius:14px;color:#fff;width:38px;height:38px;display:inline-grid;place-items:center;font-size:21px;flex-shrink:0}.custom-logo{max-width:175px;max-height:55px;width:auto;height:auto}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.main-nav a:hover{color:var(--blue)}.main-nav .nav-items{list-style:none;display:flex;gap:25px;padding:0;margin:0}.nav-cta{padding:12px 20px;border-radius:10px;background:var(--ink);color:white!important}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.hero{background:radial-gradient(circle at 90% 20%,#e9efff 0,transparent 46%),linear-gradient(125deg,#f8faff,#f0f5ff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;min-height:590px;padding-top:65px;padding-bottom:70px}.eyebrow{color:#3157d4;font-size:12px;font-weight:800;letter-spacing:.035em;display:inline-flex;align-items:center;gap:9px;background:white;border:1px solid #e5ebff;padding:8px 13px;border-radius:100px;margin-bottom:24px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1dcb87;box-shadow:0 0 0 4px #1dcb871f}.hero h1{margin-bottom:22px;max-width:670px}.hero-lead{font-size:18px;color:var(--sub);max-width:520px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;font-weight:750;font-size:14px;border-radius:11px;transition:transform .2s,background .2s;line-height:1.3}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 12px 25px #4168f533}.btn-primary:hover{background:var(--blue2)}.btn-outline{background:white;border:1px solid #dbe3f1}.hero-details{display:flex;gap:18px;flex-wrap:wrap;color:#67748a;font-size:12px;font-weight:700;margin-top:32px}.hero-details span:first-letter{color:#20ae72}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:400px;height:400px;background:#dce6ff;right:-50px;top:0}.orb-b{width:210px;height:210px;background:#b9ccff;left:4px;bottom:2px}.server-panel{position:relative;width:min(440px,100%);background:#fff;padding:24px;border-radius:22px;box-shadow:0 25px 65px #2a4b9c28;transform:rotate(-3deg);border:1px solid #eaf0ff}.panel-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;border-bottom:1px solid var(--line);padding-bottom:18px}.panel-dot{background:var(--blue);width:12px;height:12px;border-radius:4px}.panel-dots{margin-left:auto;color:#99a4b7;letter-spacing:3px}.server-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.server-stats>div{border:1px solid var(--line);padding:16px;border-radius:12px}.server-stats small{display:block;font-size:11px;color:#8090a5}.server-stats strong{display:block;font-size:18px;margin-top:5px}.server-stats strong .status-dot{margin-right:4px}.visual-bars{height:117px;background:linear-gradient(#f2f6ff 1px,transparent 1px);background-size:100% 25%;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:7px 8px 0}.visual-bars span{background:linear-gradient(180deg,#8ba8ff,#4168f5);border-radius:7px 7px 0 0;flex:1}.panel-note{font-size:12px;color:#7d8ca2;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.floating-tag{position:absolute;right:-8px;bottom:28px;background:white;padding:13px 19px;border-radius:12px;box-shadow:0 12px 35px #2a4b9c25;font-weight:800;font-size:13px;transform:rotate(5deg)}.trust-strip{border-bottom:1px solid var(--line)}.trust-items{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8794a7;font-size:17px;font-weight:800}.section{padding:100px 0;scroll-margin-top:20px}.section-head{max-width:680px;margin-bottom:44px}.section-head p,.step-layout>div>p{font-size:17px;color:var(--sub)}.centered{text-align:center}.section-head.centered{margin-left:auto;margin-right:auto}.kicker{font-size:12px;font-weight:850;letter-spacing:.14em;color:var(--blue);display:block;margin-bottom:14px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.plan-card{padding:34px 29px;border:1px solid #e3eaf6;border-radius:19px;background:#fff;position:relative;box-shadow:0 14px 35px #152c5908}.plan-card.featured{border:2px solid var(--blue);padding:33px 28px;box-shadow:0 18px 45px #4268f51c}.popular{position:absolute;right:25px;top:-14px;background:var(--blue);color:#fff;padding:5px 12px;border-radius:6px;font-weight:800;font-size:10px;letter-spacing:.06em}.plan-name{font-size:24px;font-weight:850}.plan-desc{color:var(--sub);font-size:14px;margin-top:7px;min-height:40px}.plan-price{display:flex;align-items:baseline;gap:7px;margin-top:26px}.plan-price strong{font-size:29px;letter-spacing:-1px}.plan-price span{color:#8b98a9;font-size:13px}.billing-note{font-size:11px;color:#8b98a9}.plan-card .btn{width:100%;margin:17px 0 20px}.btn-plan{background:#eef2ff;color:var(--blue)}.plan-card ul{padding:19px 0 0;list-style:none;border-top:1px solid var(--line);margin:0}.plan-card li{margin:13px 0;color:#516077;font-size:14px}.plan-card li span{color:#1ec487;margin-right:12px;font-weight:900}.pricing-foot{font-size:12px;color:#95a0ae;margin-top:27px;text-align:center}.features{background:#f8faff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;border:1px solid #eaf0f9;padding:31px;border-radius:16px}.feature-icon{display:grid;place-items:center;background:#eef3ff;color:var(--blue);width:52px;height:52px;border-radius:13px;margin-bottom:24px;font-size:24px}.feature h3{font-size:19px;margin-bottom:9px}.feature p{color:var(--sub);font-size:14px;margin-bottom:0}.step-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.step-layout h2{max-width:410px}.text-link{color:var(--blue);font-weight:800}.step-list>div{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:25px 0}.step-list>div:last-child{border:0}.step-list b{flex:none;background:var(--pale);color:var(--blue);width:48px;height:48px;display:grid;place-items:center;border-radius:13px}.step-list h3{font-size:18px;margin:0 0 4px}.step-list p{margin:0;color:var(--sub);font-size:14px}.faq{background:#f8faff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-items details{border-bottom:1px solid #dce5f3;padding:21px 0}.faq-items summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-items summary:after{content:'+';color:var(--blue);font-size:24px;line-height:1}.faq-items details[open] summary:after{content:'−'}.faq-items details p{color:var(--sub);font-size:14px;margin:15px 0 0}.contact-section{padding:80px 0;background:#fff}.contact-box{background:linear-gradient(115deg,#182e80,#4268f5);padding:65px;border-radius:22px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-box>div{max-width:690px}.contact-box h2{font-size:clamp(29px,3vw,42px)}.contact-box p{color:#dce5ff;margin:0}.kicker-light{color:#b9c9ff}.btn-white{background:#fff;color:#2646ba;white-space:nowrap}.site-footer{background:#0c1930;color:#d5ddec;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-grid p{color:#91a0b7;margin-top:18px}.footer-grid h3{font-size:15px;color:#fff}.footer-grid a{display:block;margin-top:11px;font-size:14px;color:#aebad0;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #263650;padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#8391a8;font-size:11px}.article-wrap{max-width:800px}.entry-card{border-bottom:1px solid var(--line);padding:22px 0}.entry-card h2{font-size:27px}.entry-meta{color:#8492a7;font-size:13px}.entry-content img{max-width:100%;height:auto}.entry-content a{color:var(--blue);text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffbc3e;outline-offset:3px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-art{min-height:370px}.plan-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.plan-card:last-child{grid-column:1/-1}.step-layout{gap:35px}.faq-layout{gap:35px}.trust-items{justify-content:center;padding:20px 0}}@media(max-width:650px){.container{width:min(calc(100% - 32px),var(--container))}.site-header{height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:22px;box-shadow:0 20px 25px #12264a18;flex-direction:column;align-items:stretch;gap:18px}.main-nav.is-open{display:flex}.main-nav .nav-items{flex-direction:column;gap:14px}.main-nav .nav-cta{text-align:center}.hero-grid{padding-top:50px;padding-bottom:40px}.hero-art{min-height:340px}.server-panel{width:90%;transform:rotate(-2deg);padding:17px}.orb-a{width:290px;height:290px;right:0}.floating-tag{right:0}.hero-details{gap:9px}.section{padding:70px 0}.plan-grid,.features-grid,.step-layout,.faq-layout,.footer-grid{grid-template-columns:1fr}.plan-card:last-child{grid-column:auto}.trust-items{font-size:13px;gap:17px}.contact-box{padding:35px 25px;display:block}.contact-box .btn{margin-top:27px}.footer-grid{gap:30px}.footer-bottom{flex-direction:column}.step-layout,.faq-layout{gap:20px}.hero-lead{font-size:16px}}