:root{
  --primary:#5b36f2;--primary-2:#7b61ff;--primary-soft:#f3f0ff;--ink:#10172f;--muted:#667085;--line:#e9eaf3;--surface:#fff;--bg:#fbfbff;--green:#16b26b;--blue:#2583ff;--red:#ff5a6b;--shadow:0 22px 70px rgba(24,29,63,.09);--radius:22px;--radius-sm:14px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fbfbff 46%,#fff 100%);font-size:15px;line-height:1.65}.container{width:min(1320px,calc(100% - 56px));margin:auto}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;flex-direction:column;line-height:1}.logo strong{letter-spacing:3px;font-size:25px;color:#10172f}.logo strong span{color:var(--primary)}.logo small{font-size:10px;letter-spacing:1.6px;color:#4b5567}.menu{display:flex;align-items:center;gap:30px;font-weight:700;font-size:13px}.menu a{color:#182038;position:relative}.menu a.active,.menu a:hover{color:var(--primary)}.menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:3px;border-radius:8px;background:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;border:1px solid transparent;padding:13px 24px;font-weight:800;font-size:14px;cursor:pointer;transition:.25s ease;background:#fff}.btn-primary{background:linear-gradient(135deg,var(--primary),#6e45f8);color:white;box-shadow:0 12px 32px rgba(91,54,242,.25)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:#d8dbef;color:var(--primary);background:#fff}.btn-soft{background:var(--primary-soft);color:var(--primary)}.mobile-toggle{display:none;width:44px;height:44px;border:0;background:#fff;font-size:25px;color:var(--ink)}.hero{position:relative;overflow:hidden;padding:58px 0 42px}.hero:before,.soft-blob:before{content:"";position:absolute;width:560px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(123,97,255,.16),rgba(123,97,255,0) 70%);right:7%;top:80px;z-index:-1}.hero-grid{display:grid;grid-template-columns:.92fr 1.18fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--primary);background:var(--primary-soft);border-radius:40px;padding:7px 12px;font-weight:800;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:24px 0 18px;letter-spacing:-2px}.text-gradient{color:var(--primary)}.lead{font-size:18px;color:#535d72;max-width:640px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px}.trust-item{display:flex;gap:12px;align-items:center}.icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px;flex:0 0 auto}.icon.green{background:#eafff5;color:#0aa362}.icon.blue{background:#eaf3ff;color:#2583ff}.icon.red{background:#fff0f1;color:#eb4459}.dashboard{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.dash-body{display:grid;grid-template-columns:170px 1fr;min-height:355px}.dash-side{padding:18px;background:#fbfbff;border-right:1px solid var(--line)}.side-item{padding:11px 12px;border-radius:10px;margin-bottom:8px;font-size:13px;font-weight:700;color:#5f687d}.side-item.active{background:var(--primary-soft);color:var(--primary)}.dash-main{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.stat b{font-size:22px}.up{color:var(--green);font-size:12px;font-weight:800}.chart{height:122px;border:1px solid var(--line);border-radius:16px;margin-top:16px;background:linear-gradient(180deg,#fff,#faf9ff);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.table-card{margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.table-row{display:grid;grid-template-columns:1fr 1fr 90px 100px;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);font-size:13px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eafff5;color:var(--green);font-size:12px;font-weight:800}.section{padding:64px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title h2{font-size:34px;line-height:1.14;margin:0}.section-title p{margin:8px 0 0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.module-card,.price-card,.contact-card,.screen-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:22px;box-shadow:0 14px 42px rgba(22,25,44,.04);transition:.25s}.feature-card:hover,.module-card:hover,.price-card:hover,.screen-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card h3,.module-card h3{margin:14px 0 5px;font-size:18px}.feature-card p,.module-card p,.price-card p{margin:0;color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center}.soft-panel{background:linear-gradient(135deg,#fbfaff,#f3f0ff);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.mock-img{display:block;width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.module-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{display:flex;align-items:center;gap:16px}.module-card h3{margin:0 0 3px}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.tab-btn{padding:12px 22px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:800;cursor:pointer}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-pane{display:none}.tab-pane.active{display:block}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.theme-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.theme-preview{height:130px;border-radius:12px;background:linear-gradient(135deg,#fbf8f4,#fff);border:1px solid var(--line);overflow:hidden;position:relative}.theme-preview.dark{background:linear-gradient(135deg,#10172f,#292f66)}.theme-preview.green{background:linear-gradient(135deg,#edf8ee,#fff)}.theme-preview.fashion{background:linear-gradient(135deg,#fff1ef,#fff)}.theme-preview:before{content:"";position:absolute;left:18px;top:18px;width:45%;height:18px;border-radius:5px;background:rgba(91,54,242,.75)}.theme-preview:after{content:"";position:absolute;right:18px;bottom:18px;width:42%;height:58px;border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(0,0,0,.08)}.color-dots{display:flex;gap:7px;margin-top:12px}.dot{width:12px;height:12px;border-radius:50%;background:var(--primary)}.dot:nth-child(2){background:#16b26b}.dot:nth-child(3){background:#2583ff}.dot:nth-child(4){background:#ff5a6b}.price-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{padding:28px;position:relative}.price-card.popular{border-color:var(--primary);box-shadow:0 20px 70px rgba(91,54,242,.16)}.price-card .label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;border-radius:999px;padding:6px 18px;font-size:12px;font-weight:900}.price{font-size:42px;font-weight:900;letter-spacing:-1px;margin:10px 0}.price small{font-size:14px;color:var(--muted)}.check-list{list-style:none;margin:18px 0 24px;padding:0}.check-list li{padding:8px 0;color:#475066}.check-list li:before{content:"✓";color:var(--primary);font-weight:900;margin-right:10px}.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.compare th,.compare td{padding:17px;border-bottom:1px solid var(--line);text-align:left}.compare th{background:#fbfbff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px 15px;font-family:inherit;outline:none;background:#fff}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,54,242,.1)}.accordion{display:grid;gap:12px}.acc-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.acc-head{padding:17px 20px;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.acc-body{display:none;padding:0 20px 18px;color:var(--muted)}.acc-item.open .acc-body{display:block}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery .screen-card img{width:100%;height:210px;object-fit:cover;border-radius:14px;border:1px solid var(--line);object-position:left top}.cta{background:linear-gradient(135deg,#f5f2ff,#fff);border:1px solid var(--line);border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer{padding:48px 0 28px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.4fr;gap:34px}.footer h4{margin:0 0 14px}.footer a,.footer p{display:block;color:var(--muted);margin:8px 0}.buy-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.stepper{display:flex;gap:10px;margin-bottom:18px}.step{flex:1;height:7px;border-radius:20px;background:#e8e6fb}.step.active{background:var(--primary)}.summary-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:#535d72}.total{font-size:26px;font-weight:900;color:var(--ink)}
@media(max-width:980px){.container{width:min(100% - 28px,720px)}.mobile-toggle{display:grid;place-items:center}.menu{position:fixed;inset:76px 14px auto 14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;display:none;flex-direction:column;padding:20px;align-items:stretch}.menu.open{display:flex}.menu a.active:after{display:none}.header-action{display:none}.hero-grid,.split,.buy-layout{grid-template-columns:1fr}.hero{padding:34px 0}.hero h1,.page-hero h1{font-size:38px}.dash-body{grid-template-columns:1fr}.dash-side{display:none}.stat-grid,.card-grid,.module-list,.price-wrap,.theme-grid,.gallery,.footer-grid,.form-grid{grid-template-columns:1fr}.trust-row{gap:14px}.table-row{grid-template-columns:1fr 1fr}.section-title{display:block}.cta{display:block}.compare{font-size:13px}.compare th,.compare td{padding:12px}.hide-mobile{display:none!important}.nav{height:70px}.menu{inset-top:70px}.logo strong{font-size:22px}}

/* === ETİCRA Home v2 additions === */
.top-bar{border-bottom:1px solid rgba(233,234,243,.85);background:linear-gradient(90deg,#fbfbff,#fff)}
.top-bar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;color:#596273}
.top-contact,.top-social{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.top-contact a,.top-contact span,.top-social a,.top-social span{display:inline-flex;align-items:center;gap:7px;color:#596273}.top-contact i,.top-social i{color:var(--primary)}.top-social a{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;justify-content:center;background:#fff;transition:.25s}.top-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.top-social a:hover i{color:#fff}
.home-header .nav{height:82px}.enhanced-menu{gap:4px}.enhanced-menu>a,.enhanced-menu .nav-item>a{display:flex;align-items:center;gap:7px;padding:28px 10px;font-weight:800;font-size:13px;color:#1d2540;position:relative}.enhanced-menu>a i:first-child,.enhanced-menu .nav-item>a i:first-child{color:var(--primary);font-size:15px}.enhanced-menu .chevron{font-size:10px;color:#8b91a3}.nav-item{position:relative}.nav-actions{display:flex;align-items:center;gap:10px}.btn-member{border:1px solid #ded9ff;background:#fff;color:var(--primary);box-shadow:0 10px 26px rgba(91,54,242,.08)}.btn-member:hover{background:var(--primary-soft)}
.dropdown-menu,.mega-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s;z-index:80}.has-dropdown:hover .dropdown-menu,.has-mega:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.small-dropdown{width:250px;padding:12px}.small-dropdown a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;color:#26304a;font-size:13px;font-weight:700}.small-dropdown a:hover{background:var(--primary-soft);color:var(--primary)}.small-dropdown a i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.mega-menu{width:760px;left:-220px;padding:18px;display:grid;grid-template-columns:270px 1fr;gap:18px}.mega-intro{background:linear-gradient(135deg,#f7f4ff,#fff);border:1px solid var(--line);border-radius:18px;padding:22px}.mega-intro h3{font-size:22px;line-height:1.2;margin:10px 0}.mega-intro p{color:var(--muted);font-size:13px;margin-bottom:18px}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-grid a{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.mega-grid a:hover{border-color:#d7d0ff;background:#fcfbff}.mega-grid i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:17px}.mega-grid b{display:block;font-size:13px}.mega-grid small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.home-hero{padding-top:64px}.center-title{text-align:center;max-width:720px;margin:0 auto 34px}.center-title h2{font-size:38px;line-height:1.14;margin:12px 0 10px}.center-title p{color:var(--muted);margin:0}.price-section-home{background:linear-gradient(180deg,#fff,#fbfaff)}.centered-prices{max-width:1030px;margin:auto}.enhanced-prices .price-card{text-align:center;padding:34px 30px;border-radius:26px}.enhanced-prices .price-card .check-list{text-align:center}.enhanced-prices .price-card .check-list li:before{display:none}.enhanced-prices .price-card .check-list li{border-bottom:1px solid var(--line);padding:10px 0}.enhanced-prices .price-card .check-list li:last-child{border-bottom:0}.price-icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#f4f0ff,#fff);color:var(--primary);font-size:26px;margin:0 auto 16px;border:1px solid #e5e0ff}.enhanced-prices .popular{transform:scale(1.04);background:linear-gradient(180deg,#fff,#fbfaff)}.journey-cta{position:relative;overflow:hidden}.journey-cta:before{content:"";position:absolute;right:5%;top:-55px;width:180px;height:180px;border-radius:50%;background:rgba(91,54,242,.08)}.hosting-section{background:linear-gradient(135deg,#fbfbff,#fff)}.hosting-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.hosting-content h2,.faq-grid h2{font-size:36px;line-height:1.16;margin:10px 0 14px}.hosting-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.hosting-list div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:4px;box-shadow:0 14px 42px rgba(22,25,44,.04)}.hosting-list i{width:42px;height:42px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:20px;margin-bottom:5px}.hosting-list small{color:var(--muted)}.server-card{background:#10172f;color:#fff;border-radius:30px;padding:28px;box-shadow:0 32px 90px rgba(16,23,47,.22);position:relative;overflow:hidden}.server-card:before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;background:rgba(123,97,255,.38);filter:blur(2px);border-radius:50%}.server-head{display:flex;gap:8px;margin-bottom:34px}.server-head span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.4}.server-metric b{font-size:58px;letter-spacing:-2px;display:block}.server-metric small{color:#cbd2e5}.server-bars{display:grid;gap:12px;margin:28px 0}.server-bars i{height:10px;border-radius:999px;background:linear-gradient(90deg,#5b36f2,#8d7bff);display:block}.server-status{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.server-status span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;font-size:13px}.server-status i{color:#4ade80}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}.faq-section .accordion{gap:14px}.faq-section .acc-head{font-size:16px}.faq-section .acc-item{box-shadow:0 14px 42px rgba(22,25,44,.04)}
@media(max-width:1180px){.enhanced-menu>a,.enhanced-menu .nav-item>a{font-size:12px;padding-left:6px;padding-right:6px}.nav-actions .header-action{display:none}.mega-menu{left:-260px;width:700px}}
@media(max-width:980px){.top-bar-inner{justify-content:center}.top-social{display:none}.home-header .nav{height:70px}.nav-actions{margin-left:auto}.nav-actions .btn-member{display:flex;padding:10px 12px;font-size:0}.nav-actions .btn-member i{font-size:17px}.enhanced-menu{gap:0}.enhanced-menu>a,.enhanced-menu .nav-item>a{padding:12px 10px}.enhanced-menu .nav-item{width:100%}.dropdown-menu,.mega-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:4px;border-radius:14px}.has-dropdown.open .dropdown-menu,.has-mega.open .mega-menu{display:block}.has-dropdown:hover .dropdown-menu,.has-mega:hover .mega-menu{transform:none}.mega-menu{grid-template-columns:1fr;padding:12px}.mega-grid{grid-template-columns:1fr}.mega-intro{display:none}.hosting-grid,.faq-grid{grid-template-columns:1fr}.hosting-list,.server-status{grid-template-columns:1fr}.enhanced-prices .popular{transform:none}.center-title h2,.hosting-content h2,.faq-grid h2{font-size:30px}.top-contact{justify-content:center;gap:10px}.top-contact span{display:none}}


/* === ETİCRA v3 refinements === */
.menu,.enhanced-menu,.enhanced-menu a,.dropdown-menu,.mega-menu{font-family:'Poppins',Arial,sans-serif}.acc-head i{transition:.25s}.acc-item.open .acc-head i{transform:rotate(180deg)}.faq-symmetric{grid-template-columns:1fr 1fr;align-items:stretch}.faq-contact-card,.faq-accordion{height:100%}.faq-contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 18px 55px rgba(22,25,44,.055);display:flex;flex-direction:column}.faq-contact-card h2{margin-top:12px}.faq-contact-form{display:grid;gap:14px;margin-top:auto}.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-contact-form textarea{resize:vertical;min-height:132px}.faq-contact-form .btn{width:100%}.form-success{display:none;align-items:center;gap:8px;background:#ecfff5;color:#07854d;border:1px solid #bef5d7;border-radius:14px;padding:12px 14px;font-weight:800;font-size:13px}.faq-accordion{display:flex;flex-direction:column;justify-content:center}.faq-accordion .acc-item{border-radius:18px}.faq-accordion .acc-head{padding:20px 22px}.faq-accordion .acc-body{padding:0 22px 20px}.member-hero{padding:58px 0 70px;background:radial-gradient(circle at 20% 20%,rgba(91,54,242,.12),transparent 34%),linear-gradient(180deg,#fff,#fbfbff)}.member-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:stretch}.member-info-card,.member-form-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.member-info-card{padding:38px;position:relative;overflow:hidden}.member-info-card:before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(91,54,242,.09)}.member-info-card h1{font-size:48px;line-height:1.08;letter-spacing:-1.6px;margin:18px 0}.member-benefits{display:grid;gap:14px;margin-top:30px}.member-benefit{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.member-benefit i{width:42px;height:42px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.member-benefit b{display:block}.member-benefit small{color:var(--muted)}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.member-stat{background:linear-gradient(135deg,#f6f3ff,#fff);border:1px solid #e5e0ff;border-radius:18px;padding:16px;text-align:center}.member-stat b{font-size:22px;color:var(--primary)}.member-stat small{display:block;color:var(--muted);font-weight:700}.member-form-card{padding:34px}.member-form-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.member-form-head .form-icon{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,var(--primary),#7b61ff);color:#fff;display:grid;place-items:center;font-size:24px}.member-form-head h2{margin:0;font-size:28px}.member-form-head p{margin:3px 0 0;color:var(--muted)}.professional-member-form{display:grid;gap:14px}.professional-member-form .form-grid{grid-template-columns:1fr 1fr}.input-group{position:relative}.input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:16px}.input-group .input{padding-left:43px}.input-group.textarea i{top:24px;transform:none}.input-group.textarea textarea{padding-left:43px;resize:vertical}.member-agreement{display:flex;gap:10px;align-items:flex-start;color:#5f687d;font-size:13px}.member-agreement input{margin-top:5px}.member-submit{width:100%;padding:15px 22px}.member-login-note{text-align:center;color:var(--muted);font-size:13px;margin-top:15px}.member-login-note a{color:var(--primary);font-weight:800}.member-success{display:none;margin-top:16px}.member-mini-top{background:#fff;border-bottom:1px solid var(--line)}
@media(max-width:980px){.faq-symmetric,.member-layout,.professional-member-form .form-grid,.form-row-two{grid-template-columns:1fr}.faq-contact-card{padding:22px}.faq-accordion{justify-content:flex-start}.member-info-card,.member-form-card{padding:24px}.member-info-card h1{font-size:36px}.member-stats{grid-template-columns:1fr}.member-hero{padding:32px 0 44px}}

/* Home v4 header, announcement panel and FAQ revisions */
.header-v4{background:rgba(255,255,255,.92);box-shadow:0 14px 45px rgba(22,25,44,.045)}
.logo-action-row{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.header-cta-group{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.btn-whatsapp{background:#e9fff3;border-color:#bbf2d3;color:#0a8f4b;box-shadow:0 10px 28px rgba(10,143,75,.08)}
.btn-whatsapp:hover{background:#dffbeb;transform:translateY(-2px)}
.menu-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.76)}
.menu-row-v4{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}
.main-menu-v4{flex:1;justify-content:flex-start;gap:8px;font-family:'Poppins',Arial,sans-serif;font-size:13px;font-weight:800}
.main-menu-v4>a,.main-menu-v4 .nav-item>a{display:inline-flex;align-items:center;gap:8px;padding:17px 14px;border-radius:12px;color:#182038;line-height:1}
.main-menu-v4>a:hover,.main-menu-v4 .nav-item>a:hover,.main-menu-v4>a.active{background:var(--primary-soft);color:var(--primary)}
.main-menu-v4 a.active:after{display:none}
.side-panel-toggle{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;color:var(--primary);font-size:22px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(22,25,44,.06);transition:.25s}
.side-panel-toggle:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.panel-overlay{position:fixed;inset:0;background:rgba(16,23,47,.38);backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:98;transition:.25s}
.panel-overlay.show{opacity:1;visibility:visible}
.announcement-panel{position:fixed;right:0;top:0;width:min(430px,calc(100% - 18px));height:100vh;background:#fff;z-index:99;transform:translateX(105%);transition:.32s ease;box-shadow:-28px 0 80px rgba(16,23,47,.2);padding:24px;overflow:auto;border-left:1px solid var(--line)}
.announcement-panel.open{transform:translateX(0)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.panel-head h3{margin:10px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.5px}.panel-head button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:#182038}
.announcement-card{margin:22px 0;padding:14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfbff);box-shadow:0 16px 45px rgba(22,25,44,.055)}
.announcement-card img{width:100%;height:142px;object-fit:cover;object-position:left top;border-radius:16px;border:1px solid var(--line);display:block}.announcement-card h4{font-size:18px;line-height:1.25;margin:16px 0 6px}.announcement-card p{margin:0;color:var(--muted);font-size:14px}
.panel-action-stack{display:grid;gap:10px;margin:18px 0}.panel-action-stack .btn{width:100%;padding:14px 18px}
.panel-contact-info{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.panel-contact-info h4{margin:0 0 4px;font-size:18px}.panel-contact-info a,.panel-contact-info span{display:flex;align-items:center;gap:10px;color:#4b5567;font-weight:700}.panel-contact-info i{width:34px;height:34px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}
.panel-socials{display:flex;gap:10px;margin-top:22px}.panel-socials a{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--primary);background:#fff;transition:.25s}.panel-socials a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.faq-v4 .faq-contact-card h2{margin-top:0;font-size:32px;line-height:1.18;letter-spacing:-.8px}.faq-v4 .faq-accordion{justify-content:flex-start}.faq-v4 .acc-item{box-shadow:0 14px 42px rgba(22,25,44,.04)}
body.panel-locked{overflow:hidden}
@media(max-width:1180px){.header-cta-group .header-action{display:inline-flex}.header-cta-group .btn{padding:11px 14px;font-size:13px}.main-menu-v4{gap:2px}.main-menu-v4>a,.main-menu-v4 .nav-item>a{padding:15px 9px;font-size:12px}}
@media(max-width:980px){.logo-action-row{height:auto;min-height:76px;align-items:flex-start;padding-top:14px;padding-bottom:14px;flex-direction:column}.header-cta-group{width:100%;justify-content:flex-start}.header-cta-group .btn{flex:1;min-width:150px}.menu-row-v4{min-height:58px}.menu-row-v4 .mobile-toggle{display:grid;place-items:center;border:1px solid var(--line);border-radius:14px}.main-menu-v4{position:fixed;inset:154px 14px auto 14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;display:none;flex-direction:column;padding:14px;align-items:stretch;z-index:70}.main-menu-v4.open{display:flex}.main-menu-v4>a,.main-menu-v4 .nav-item>a{width:100%;justify-content:flex-start;padding:13px 12px}.announcement-panel{width:min(420px,calc(100% - 10px));padding:18px}.faq-v4 .faq-contact-card h2{font-size:28px}}
@media(max-width:620px){.top-contact a:nth-child(2){display:none}.header-cta-group{gap:8px}.header-cta-group .btn{min-width:100%;justify-content:center}.logo-action-row .logo{align-self:flex-start}.main-menu-v4{inset:244px 14px auto 14px}.announcement-card img{height:116px}.panel-head h3{font-size:22px}}

/* Home v5 mobile header and menu typography revisions */
.mobile-logo-menu-toggle,.mobile-logo-panel-toggle{display:none}
.main-menu-v4{font-size:16px;font-weight:700}
.main-menu-v4>a,.main-menu-v4 .nav-item>a{font-size:16px;font-weight:700}
.mega-grid b{font-size:14px;font-weight:800}

@media(max-width:980px){
  .logo-action-row{position:relative;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;justify-content:center;gap:10px;padding-top:14px;padding-bottom:14px;min-height:auto;height:auto;flex-direction:unset}
  .logo-action-row .logo{grid-column:2;justify-self:center;align-self:center;text-align:center;align-items:center}
  .logo-action-row .logo strong{font-size:24px;letter-spacing:3px}
  .mobile-logo-menu-toggle,.mobile-logo-panel-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--primary);font-size:22px;box-shadow:0 10px 30px rgba(22,25,44,.06);cursor:pointer}
  .mobile-logo-menu-toggle{grid-column:1;grid-row:1;justify-self:start;color:#10172f}
  .mobile-logo-panel-toggle{grid-column:3;grid-row:1;justify-self:end;color:var(--primary)}
  .header-cta-group{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:stretch;margin-top:12px}
  .header-cta-group .btn{min-width:0;width:100%;font-size:13px;padding:12px 10px;white-space:nowrap}
  .header-cta-group .btn-whatsapp{grid-column:1 / -1}
  .header-cta-group .btn-member{grid-column:1}
  .header-cta-group .header-action{grid-column:2;display:inline-flex!important}
  .menu-shell{height:0;border:0;background:transparent}
  .menu-row-v4{min-height:0;height:0;padding:0}
  .menu-row-v4>.mobile-toggle,.menu-row-v4>.side-panel-toggle{display:none!important}
  .main-menu-v4{position:fixed;top:218px;left:14px;right:14px;bottom:auto;inset:auto 14px auto 14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;display:none;flex-direction:column;padding:14px;align-items:stretch;z-index:70;font-size:16px;font-weight:700;max-height:calc(100vh - 236px);overflow:auto}
  .main-menu-v4.open{display:flex}
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{font-size:16px;font-weight:700;width:100%;justify-content:flex-start;padding:14px 13px}
  .mega-grid b{font-size:14px}
}

@media(max-width:620px){
  .logo-action-row{padding-top:12px;padding-bottom:12px}
  .header-cta-group{gap:8px;margin-top:10px}
  .header-cta-group .btn{font-size:12px;padding:11px 8px}
  .header-cta-group .btn-whatsapp{min-width:0!important}
  .main-menu-v4{top:216px;max-height:calc(100vh - 232px)}
}


/* Home v6 revisions: premium mobile menu, mobile showcase, auto package slider, login and installments */
.mobile-showcase-section{background:linear-gradient(180deg,#fff 0%,#f7f8ff 100%);overflow:hidden}
.mobile-showcase-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.mobile-showcase-content h2{font-size:42px;line-height:1.12;letter-spacing:-1.2px;margin:12px 0 18px}.mini-feature-list{display:grid;gap:12px;margin:24px 0}.mini-feature-list div{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(22,25,44,.045);font-weight:700}.mini-feature-list i{width:38px;height:38px;border-radius:13px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:18px}.phone-preview-wrap{position:relative;min-height:520px;display:grid;place-items:center}.phone-mockup{width:250px;height:500px;border-radius:42px;background:#12182c;padding:13px;box-shadow:0 34px 90px rgba(22,25,44,.22);position:absolute}.phone-main{transform:translateX(-70px) rotate(-5deg);z-index:2}.phone-back{transform:translateX(98px) translateY(18px) rotate(7deg);z-index:1;opacity:.94}.phone-speaker{width:72px;height:7px;border-radius:20px;background:#2d3450;margin:6px auto 12px}.phone-screen{height:438px;border-radius:30px;background:linear-gradient(180deg,#f6f7ff,#fff);padding:18px;overflow:hidden}.phone-screen.light{background:linear-gradient(180deg,#fff,#f8fbff)}.phone-top{display:flex;align-items:center;justify-content:space-between;font-weight:900;color:#17203a}.phone-top i{width:34px;height:34px;border-radius:13px;background:#5b36f2;color:#fff;display:grid;place-items:center}.phone-search{height:38px;border-radius:15px;background:#eef1fb;margin:20px 0}.phone-banner{border-radius:22px;background:linear-gradient(135deg,#5b36f2,#2ec4b6);color:#fff;padding:18px;margin-bottom:16px}.phone-banner b,.phone-banner small{display:block}.phone-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.phone-card-row span{height:76px;border-radius:18px;background:#eef1fb}.phone-list{display:grid;gap:10px}.phone-list i{height:39px;border-radius:14px;background:#f0f3fb}.order-mini{padding:14px;border:1px solid #e8ecf5;border-radius:17px;background:#fff;margin:14px 0;box-shadow:0 12px 34px rgba(22,25,44,.05)}.order-mini.active{background:linear-gradient(135deg,#eef8f7,#fff)}.order-mini b,.order-mini small{display:block}.order-mini small{color:#7a8396;margin-top:4px}.extra-feature-section{background:#fff}.extra-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.extra-feature-card{padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 18px 50px rgba(22,25,44,.055);transition:.25s}.extra-feature-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(22,25,44,.09)}.extra-feature-card i{width:50px;height:50px;border-radius:17px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.extra-feature-card h3{margin:0 0 10px;font-size:19px}.extra-feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.login-hero,.member-hero{background:radial-gradient(circle at 15% 10%,rgba(91,54,242,.12),transparent 35%),linear-gradient(180deg,#fff,#f7f8ff);padding:72px 0}.login-layout{display:grid;grid-template-columns:1fr 480px;gap:34px;align-items:center}.login-visual-card,.login-form-card{border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 30px 90px rgba(22,25,44,.08);padding:34px}.login-visual-card h1{font-size:42px;line-height:1.12;letter-spacing:-1px;margin:12px 0 18px}.login-dashboard-preview{margin-top:28px;border:1px solid var(--line);border-radius:26px;background:#fff;padding:18px;box-shadow:0 18px 55px rgba(22,25,44,.07)}.login-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.login-preview-grid div{background:#f7f8ff;border:1px solid var(--line);border-radius:18px;padding:16px}.login-preview-grid b,.login-preview-grid small{display:block}.login-preview-grid small{color:var(--muted);font-size:12px}.login-preview-bars{display:grid;gap:10px}.login-preview-bars i{height:12px;border-radius:20px;background:#eef1fb;display:block}.login-preview-bars i:nth-child(1){width:88%}.login-preview-bars i:nth-child(2){width:68%}.login-preview-bars i:nth-child(3){width:78%}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px;font-size:14px}.login-options a{font-weight:800;color:var(--primary)}.installment-box{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fafbff)}.installment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.installment-head span{font-weight:900;color:#182038}.installment-head small{color:var(--muted);font-size:12px}.installment-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.installment-option{cursor:pointer}.installment-option input{display:none}.installment-option span{display:block;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px;text-align:center;transition:.25s}.installment-option b,.installment-option small{display:block}.installment-option small{color:var(--muted);margin-top:4px}.installment-option input:checked+span{border-color:var(--primary);box-shadow:0 12px 34px rgba(91,54,242,.14);background:linear-gradient(180deg,#fff,#f6f3ff)}
@media(max-width:1180px){.extra-feature-grid{grid-template-columns:repeat(2,1fr)}.mobile-showcase-grid{grid-template-columns:1fr;gap:20px}.phone-preview-wrap{min-height:540px}.login-layout{grid-template-columns:1fr}}
@media(max-width:980px){
  .main-menu-v4{top:0!important;left:0!important;right:auto!important;bottom:0!important;width:min(360px,calc(100% - 34px));height:100vh;max-height:100vh!important;border-radius:0 30px 30px 0!important;padding:92px 18px 24px!important;background:linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%)!important;box-shadow:34px 0 90px rgba(22,25,44,.18)!important;transform:translateX(-108%);display:flex!important;opacity:0;pointer-events:none;transition:transform .32s ease,opacity .32s ease;overflow:auto}.main-menu-v4.open{transform:translateX(0);opacity:1;pointer-events:auto}.main-menu-v4:before{content:'ETİCRA Menü';position:absolute;top:24px;left:20px;right:20px;height:48px;border-radius:18px;background:linear-gradient(135deg,#5b36f2,#2ec4b6);color:#fff;display:flex;align-items:center;padding:0 18px;font-size:16px;font-weight:900;letter-spacing:.2px}.main-menu-v4>a,.main-menu-v4 .nav-item>a{border:1px solid #e8ecf5!important;background:#fff;border-radius:17px!important;margin-bottom:9px;box-shadow:0 12px 34px rgba(22,25,44,.055);color:#17203a!important}.main-menu-v4>a i:first-child,.main-menu-v4 .nav-item>a i:first-child{width:34px;height:34px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{position:static!important;width:100%!important;box-shadow:none!important;border:0!important;border-radius:18px!important;background:#f3f5fc!important;margin:0 0 10px!important;padding:10px!important}.main-menu-v4 .mega-intro{padding:10px!important}.main-menu-v4 .mega-grid{grid-template-columns:1fr!important}.main-menu-v4 .mega-grid a,.main-menu-v4 .small-dropdown a{background:#fff;border-radius:14px}.mobile-auto-slider{overflow-x:auto!important;display:flex!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:16px 4px 26px!important;justify-content:flex-start!important;gap:16px!important}.mobile-auto-slider::-webkit-scrollbar{height:0}.mobile-auto-slider .price-card{min-width:86%;scroll-snap-align:center}.mobile-showcase-content h2{font-size:34px}.phone-preview-wrap{min-height:470px}.phone-mockup{width:218px;height:436px}.phone-screen{height:377px}.phone-main{transform:translateX(-48px) rotate(-5deg)}.phone-back{transform:translateX(78px) translateY(22px) rotate(7deg)}.installment-options{grid-template-columns:repeat(2,1fr)}.login-hero,.member-hero{padding:42px 0}.login-visual-card h1{font-size:34px}}
@media(max-width:620px){.mobile-showcase-content h2,.login-visual-card h1{font-size:28px}.phone-preview-wrap{min-height:430px}.phone-mockup{width:190px;height:382px;border-radius:34px;padding:10px}.phone-screen{height:324px;border-radius:25px;padding:14px}.phone-main{transform:translateX(-40px) rotate(-5deg)}.phone-back{transform:translateX(62px) translateY(24px) rotate(7deg)}.extra-feature-grid{grid-template-columns:1fr}.mobile-auto-slider .price-card{min-width:88%}.login-visual-card,.login-form-card{padding:22px;border-radius:26px}.login-preview-grid{grid-template-columns:1fr}.login-options{align-items:flex-start;flex-direction:column}.installment-options{grid-template-columns:1fr}.installment-head{flex-direction:column}.main-menu-v4{width:min(344px,calc(100% - 26px));padding-left:14px!important;padding-right:14px!important}}


/* v7 brand refresh, logo image and new sliders */
:root{--primary:#ff7300;--primary-2:#ff9444;--primary-soft:#fff1e5;--secondary:#0d719f;--secondary-soft:#eaf6fb;--ink:#0e2940;--muted:#5f7180;--line:#dfeaf0;--surface:#fff;--bg:#f8fbfd;--green:#1aa86f;--blue:#0d719f;--red:#ff6c57;--shadow:0 22px 70px rgba(13,52,77,.10)}
body{background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 46%,#ffffff 100%)}
.site-header{background:rgba(255,255,255,.9)}
.logo{justify-content:center}.logo.logo-image img{height:56px;width:auto;display:block}.footer .logo.logo-image img{height:48px}.menu{font-size:16px;font-weight:700}.menu a.active:after{background:var(--primary)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 14px 34px rgba(255,115,0,.24)}
.btn-outline{border-color:#cddde6;color:var(--secondary)}
.btn-soft,.eyebrow,.icon{background:var(--primary-soft);color:var(--primary)}
.icon.blue{background:var(--secondary-soft);color:var(--secondary)}
.top-social a:hover,.top-contact a:hover,.menu a.active,.menu a:hover,.member-login-note a,.login-options a{color:var(--primary)}
.hero:before,.soft-blob:before{background:radial-gradient(circle,rgba(255,115,0,.16),rgba(255,115,0,0) 70%)}
.chart svg path[stroke]{stroke:var(--secondary)!important}.chart svg path[fill]{fill:rgba(13,113,159,.08)!important}
.side-item.active,.badge,.tab-btn.active,.price-card.popular .label,.step.active{background:var(--primary);color:#fff}.price-card.popular{border-color:var(--primary);box-shadow:0 20px 60px rgba(255,115,0,.14)}
.member-info-card:before,.dashboard .badge,.phone-top i{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}
.server-card{background:linear-gradient(135deg,var(--secondary),#145a7a)}.server-bars i{background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.logo strong{color:var(--secondary)}.logo strong span{color:var(--primary)}
.mega-menu,.dropdown-menu,.faq-contact-card,.member-info-card,.member-form-card,.login-form-card,.login-visual-card,.price-card,.feature-card,.module-card,.screen-card,.theme-card{border-color:var(--line)}
.main-menu-v4:before{background:linear-gradient(135deg,var(--primary),var(--secondary))!important}
.main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{background:#f5fafc!important}
.main-menu-v4>a i:first-child,.main-menu-v4 .nav-item>a i:first-child,.member-benefit i,.extra-feature-card i,.mini-feature-list i{background:var(--primary-soft);color:var(--primary)}
.design-split{align-items:center}.design-bullets{display:grid;gap:12px;margin:22px 0 6px}.design-bullets div{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(13,52,77,.05);font-weight:700}.design-bullets i{color:var(--primary)}
.design-preview-slider{position:relative;min-height:440px;border:1px solid var(--line);border-radius:26px;padding:18px;background:linear-gradient(180deg,#fff,#f7fbfd);box-shadow:var(--shadow);overflow:hidden}.design-slide{position:absolute;inset:18px 18px 52px 18px;opacity:0;transform:translateX(20px);transition:opacity .5s ease,transform .5s ease}.design-slide.active{opacity:1;transform:translateX(0)}.design-slide .mock-img{height:100%;object-fit:cover;object-position:left top}.slider-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:10px}.slider-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#c6d9e4;cursor:pointer}.slider-dots button.active{background:var(--primary);transform:scale(1.12)}
.social-login-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 2px}.btn-social{border-color:#dbe6ed;background:#fff;color:var(--secondary);font-weight:800}.btn-social:hover{border-color:var(--secondary);transform:translateY(-1px)}.form-divider{display:flex;align-items:center;justify-content:center;margin:8px 0 4px}.form-divider span{position:relative;color:var(--muted);font-size:13px;font-weight:700;padding:0 12px;background:#fff}.form-divider:before{content:"";display:block;width:100%;height:1px;background:var(--line);position:relative;top:11px}.login-match-card{padding:38px;position:relative;overflow:hidden}
@media(max-width:980px){.logo.logo-image img{height:50px}.menu{font-size:16px}.design-preview-slider{min-height:320px}.social-login-row{grid-template-columns:1fr}.hosting-list,.module-list,.extra-feature-grid{grid-template-columns:repeat(2,1fr)!important}.header-cta-group .btn{border-radius:12px}.main-menu-v4>a,.main-menu-v4 .nav-item>a{font-size:16px!important;font-weight:700!important}.mega-grid b{font-size:14px!important}}
@media(max-width:620px){.container{width:min(100% - 24px,720px)}.logo-action-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.logo{justify-self:center}.logo.logo-image img{height:44px}.header-cta-group{grid-template-columns:1fr 1fr;display:grid;width:100%;margin-top:10px}.header-cta-group .btn-whatsapp{grid-column:1 / -1}.header-cta-group .btn{width:100%;padding:12px 10px;font-size:12px}.hosting-list,.module-list,.extra-feature-grid{grid-template-columns:repeat(2,1fr)!important}.hosting-list div,.module-card,.extra-feature-card{padding:14px}.module-card{display:block}.module-card .icon{margin-bottom:10px}.design-preview-slider{min-height:250px;padding:12px}.design-slide{inset:12px 12px 44px 12px}.social-login-row{grid-template-columns:1fr}.btn-social{width:100%}.faq-grid{grid-template-columns:1fr!important}.faq-contact-card,.faq-accordion{height:auto}}


/* v8 refinements: swapped brand colors, new mobile menu, sliders and purchase form */
:root{--primary:#0d719f;--primary-2:#1398cf;--primary-soft:#eaf6fb;--secondary:#ff7300;--secondary-soft:#fff1e5;--ink:#0e2940;--muted:#5f7180;--line:#dfeaf0;--blue:#0d719f;--orange:#ff7300;--shadow:0 22px 70px rgba(13,52,77,.10)}
.text-gradient,.menu a.active,.menu a:hover,.top-contact a:hover,.top-social a:hover{color:var(--primary)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 14px 34px rgba(13,113,159,.24)}
.btn-outline{color:var(--primary);border-color:#c8dce7}.eyebrow,.btn-soft,.icon{background:var(--primary-soft);color:var(--primary)}
.icon.orange{background:var(--secondary-soft);color:var(--secondary)}.icon.green{background:#eafaf4;color:#16a06a}.icon.blue{background:var(--primary-soft);color:var(--primary)}
.price-card.popular{border-color:var(--primary);box-shadow:0 20px 60px rgba(13,113,159,.14)}.price-card.popular .label,.tab-btn.active,.step.active,.side-item.active{background:var(--primary)!important;color:#fff!important}
.server-card{background:linear-gradient(135deg,var(--primary),#094f70)}.server-bars i,.phone-banner{background:linear-gradient(90deg,var(--secondary),#ff9a3d)!important}.phone-top i{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important}
.check-list li:before,.design-bullets i{color:var(--secondary)}.chart svg path[stroke]{stroke:var(--primary)!important}.chart svg path[fill]{fill:rgba(13,113,159,.08)!important}
.hero-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-trust-grid .trust-item{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(13,52,77,.045)}
.hero-dashboard-slider{position:relative;min-height:430px}.hero-dash-slide{position:absolute;inset:0;opacity:0;transform:translateX(28px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.hero-dash-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.hero-dash-slide .dashboard{height:100%}.hero-dots{bottom:-30px}.dash-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.dash-mini-cards span{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:800;font-size:13px;color:#476173}.bar-chart{display:flex!important;align-items:end;gap:18px;padding:22px 24px}.bar-chart i{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--secondary),rgba(255,115,0,.22));display:block;min-height:22px}
.phone-preview-slider{position:relative;min-height:540px}.phone-preview-slide{position:absolute;inset:0;opacity:0;transform:scale(.98) translateX(24px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.phone-preview-slide.active{opacity:1;transform:scale(1) translateX(0);pointer-events:auto}.phone-dots{bottom:4px}.product-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.product-mini-grid span{height:92px;border-radius:17px;background:linear-gradient(135deg,#eef6fb,#fff);border:1px solid var(--line)}
.social-login-row-after{margin-top:12px}.social-after-divider{margin:16px 0 4px}.btn-social{border:1px solid #d6e5ed;background:linear-gradient(180deg,#fff,#f8fbfd);color:var(--ink);box-shadow:0 10px 26px rgba(13,52,77,.055);border-radius:14px}.btn-social i{font-size:18px}.btn-google i{color:#ea4335}.btn-apple i{color:#111827}.btn-social:hover{border-color:var(--primary);box-shadow:0 14px 34px rgba(13,113,159,.12)}
.social-register-box{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbfd);border-radius:22px;padding:18px;margin-bottom:8px}.social-register-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.social-register-title span{font-weight:900}.social-register-title small{color:var(--muted);font-weight:600;text-align:right}.form-divider span{background:#fff}
.billing-choice{margin-top:16px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd;font-weight:900}.billing-choice input{margin-right:8px}.corporate-fields{display:none;margin-top:14px;padding:16px;border:1px dashed #bed5e2;border-radius:18px;background:#fbfdff}.corporate-fields.show{display:block}.buy-note{display:flex;gap:13px;align-items:flex-start;margin-top:16px;padding:16px;border:1px solid #bfddea;border-radius:18px;background:linear-gradient(180deg,#eef8fc,#fff);color:#345466}.buy-note i{font-size:22px;color:var(--primary);margin-top:2px}.buy-note p{margin:0;font-size:14px;line-height:1.65}.buy-note b{color:var(--ink)}
@media(max-width:980px){
 .main-menu-v4{left:14px!important;right:14px!important;top:116px!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:calc(100vh - 138px)!important;border-radius:30px!important;padding:22px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);box-shadow:0 34px 90px rgba(13,52,77,.22)!important;transform:translateY(-18px) scale(.96)!important;opacity:0;pointer-events:none;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:auto;border:1px solid rgba(13,113,159,.13)!important}
 .main-menu-v4.open{transform:translateY(0) scale(1)!important;opacity:1;pointer-events:auto}.main-menu-v4:before{content:'Menü';position:static!important;grid-column:1/-1;height:auto!important;min-height:54px;border-radius:20px!important;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;padding:15px 18px!important;color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:space-between}.main-menu-v4:after{content:'ETİCRA';position:absolute;top:37px;right:42px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1px}.main-menu-v4>a,.main-menu-v4 .nav-item>a{width:100%;height:100%;min-height:78px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;border-radius:20px!important;margin:0!important;padding:14px 10px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;box-shadow:0 10px 28px rgba(13,52,77,.06);font-size:14px!important;line-height:1.2}.main-menu-v4>a i:first-child,.main-menu-v4 .nav-item>a i:first-child{margin:0 0 7px!important;background:var(--secondary-soft)!important;color:var(--secondary)!important}.main-menu-v4 .nav-item{width:100%}.main-menu-v4 .chevron{display:none}.main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{grid-column:1/-1;background:#f4f9fc!important;border:1px solid var(--line)!important}.main-menu-v4 .mega-grid b{font-size:14px!important}.hero-dashboard-slider{min-height:395px}.hero-trust-grid{grid-template-columns:repeat(2,1fr)}.phone-preview-slider{min-height:486px}.hosting-list,.module-list,.extra-feature-grid{grid-template-columns:repeat(2,1fr)!important}.social-register-title{display:block}.social-register-title small{text-align:left;display:block;margin-top:4px}}
@media(max-width:620px){.hero-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-trust-grid .trust-item{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:9px;padding:14px 8px}.hero-trust-grid .icon,.hosting-list i,.module-card .icon,.extra-feature-card i,.mini-feature-list i{margin-left:auto!important;margin-right:auto!important}.hosting-list div,.module-card,.extra-feature-card,.mini-feature-list div{text-align:center;align-items:center;justify-content:center}.module-card{display:flex;flex-direction:column}.extra-feature-card{display:flex;flex-direction:column}.hosting-list div{display:flex;flex-direction:column}.hero-dashboard-slider{min-height:430px}.hero-dots{bottom:-24px}.dash-body{grid-template-columns:1fr}.dash-side{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.table-row{grid-template-columns:1fr 1fr;font-size:12px}.dash-mini-cards{grid-template-columns:1fr}.phone-preview-slider{min-height:440px}.phone-dots{bottom:-8px}.main-menu-v4{top:176px!important;grid-template-columns:1fr 1fr!important;padding:18px!important;max-height:calc(100vh - 196px)!important}.main-menu-v4>a,.main-menu-v4 .nav-item>a{min-height:72px;font-size:13px!important}.social-register-box{padding:15px}.buy-note{flex-direction:column}.corporate-fields .form-grid{grid-template-columns:1fr}}


/* v9: referans görsele göre modül / ek özellik / sunucu kart ikon yerleşimi */
.module-list .module-card,
.hosting-list div,
.extra-feature-grid .extra-feature-card{
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:3px!important;
  align-items:center!important;
  text-align:left!important;
}
.module-list .module-card .icon,
.hosting-list div > i,
.extra-feature-grid .extra-feature-card > i{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  margin:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  background:var(--primary-soft)!important;
  color:var(--primary)!important;
}
.module-list .module-card > div:not(.icon){
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
}
.module-list .module-card h3,
.extra-feature-grid .extra-feature-card h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
  color:var(--ink)!important;
}
.module-list .module-card p,
.extra-feature-grid .extra-feature-card p{
  margin:5px 0 0!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
}
.hosting-list div > b,
.extra-feature-grid .extra-feature-card > h3{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
}
.hosting-list div > small,
.extra-feature-grid .extra-feature-card > p{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
}
.hosting-list div > b{
  font-size:17px!important;
  line-height:1.25!important;
  color:var(--ink)!important;
}
.hosting-list div > small{
  display:block!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin-top:3px!important;
}
.hosting-list div,
.module-list .module-card,
.extra-feature-grid .extra-feature-card{
  padding:18px!important;
  min-height:98px!important;
}
@media(max-width:620px){
  .module-list .module-card,
  .hosting-list div,
  .extra-feature-grid .extra-feature-card{
    display:grid!important;
    grid-template-columns:52px 1fr!important;
    grid-template-rows:auto auto!important;
    gap:2px 12px!important;
    text-align:left!important;
    align-items:center!important;
    justify-content:initial!important;
    padding:13px!important;
    min-height:92px!important;
  }
  .module-list .module-card .icon,
  .hosting-list div > i,
  .extra-feature-grid .extra-feature-card > i{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    margin:0!important;
    font-size:19px!important;
    border-radius:12px!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .module-list .module-card > div:not(.icon){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    text-align:left!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    font-size:14px!important;
    line-height:1.25!important;
    text-align:left!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    font-size:11px!important;
    line-height:1.35!important;
    text-align:left!important;
    margin-top:4px!important;
  }
}


/* v10: hero trust area and full-width description layout refinements */
.hero-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.hero-trust-grid .trust-item{display:grid!important;grid-template-columns:54px 1fr;grid-template-areas:"icon title" "icon desc";column-gap:14px;row-gap:2px;align-items:center;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.hero-trust-grid .icon{grid-area:icon;width:52px;height:72px;border-radius:12px;font-size:22px;display:grid;place-items:center;margin:0!important}
.hero-trust-grid b{grid-area:title;display:block;font-size:16px;line-height:1.2;color:var(--ink);font-weight:800}
.hero-trust-grid small{grid-area:desc;display:block;font-size:13px;line-height:1.45;color:var(--ink);opacity:.88;margin-top:3px}

.module-list .module-card,
.hosting-list div,
.extra-feature-grid .extra-feature-card{
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  grid-template-areas:"icon title" "desc desc"!important;
  column-gap:16px!important;
  row-gap:8px!important;
  align-items:center!important;
  text-align:left!important;
  padding:18px!important;
  min-height:108px!important;
}
.module-list .module-card .icon,
.hosting-list div > i,
.extra-feature-grid .extra-feature-card > i{
  grid-area:icon!important;
  width:58px!important;
  height:74px!important;
  min-width:58px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  font-size:24px!important;
  margin:0!important;
  align-self:start!important;
  justify-self:start!important;
}
.module-list .module-card > div:not(.icon){display:contents!important}
.module-list .module-card h3,
.extra-feature-grid .extra-feature-card h3,
.hosting-list div > b{
  grid-area:title!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
  color:var(--ink)!important;
  font-weight:800!important;
  align-self:center!important;
}
.module-list .module-card p,
.extra-feature-grid .extra-feature-card p,
.hosting-list div > small{
  grid-area:desc!important;
  margin:0!important;
  width:100%!important;
  font-size:14px!important;
  line-height:1.6!important;
  color:var(--muted)!important;
}

@media(max-width:980px){
  .hero-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:620px){
  .hero-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .hero-trust-grid .trust-item{grid-template-columns:48px 1fr;column-gap:12px;row-gap:2px;align-items:start}
  .hero-trust-grid .icon{width:44px;height:74px;border-radius:11px;font-size:20px}
  .hero-trust-grid b{font-size:15px}
  .hero-trust-grid small{font-size:12px;line-height:1.45}

  .module-list .module-card,
  .hosting-list div,
  .extra-feature-grid .extra-feature-card{
    grid-template-columns:50px 1fr!important;
    grid-template-areas:"icon title" "desc desc"!important;
    column-gap:12px!important;
    row-gap:7px!important;
    text-align:left!important;
    align-items:start!important;
    justify-content:initial!important;
    padding:14px!important;
    min-height:100px!important;
  }
  .module-list .module-card .icon,
  .hosting-list div > i,
  .extra-feature-grid .extra-feature-card > i{
    width:42px!important;
    height:72px!important;
    min-width:42px!important;
    font-size:20px!important;
    border-radius:11px!important;
    margin:0!important;
    align-self:start!important;
    justify-self:start!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    font-size:15px!important;
    text-align:left!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    font-size:12px!important;
    line-height:1.5!important;
    text-align:left!important;
  }
}


/* v11: Hero özellik alanı v6 görünümüne geri alındı */
.hero-trust-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:28px!important;
  margin-top:34px!important;
  align-items:center!important;
}
.hero-trust-grid .trust-item{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  min-height:auto!important;
}
.hero-trust-grid .icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  margin:0!important;
  grid-area:auto!important;
}
.hero-trust-grid .trust-item > div:last-child{
  display:block!important;
}
.hero-trust-grid b{
  display:inline!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:var(--ink)!important;
  grid-area:auto!important;
}
.hero-trust-grid small{
  display:inline!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:var(--muted)!important;
  opacity:1!important;
  margin:0!important;
  grid-area:auto!important;
}
@media(max-width:980px){
  .hero-trust-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .hero-trust-grid .trust-item{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:0!important;
  }
}
@media(max-width:620px){
  .hero-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .hero-trust-grid .trust-item{
    text-align:left!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  .hero-trust-grid .icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:15px!important;
    font-size:20px!important;
    margin:0!important;
  }
  .hero-trust-grid b{
    font-size:13px!important;
    line-height:1.25!important;
  }
  .hero-trust-grid small{
    font-size:11px!important;
    line-height:1.35!important;
  }
}

/* v12: kullanıcının 4 referans görseline göre alan geri dönüşleri */
/* 1. Güçlü Modüller alanı: v9/v10 açıklama altına yayılımı iptal, tekrar yatay ikon + metin */
.module-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.module-list .module-card{
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon content"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:0!important;
  padding:20px!important;
  min-height:108px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 42px rgba(13,52,77,.035)!important;
  text-align:left!important;
}
.module-list .module-card .icon{
  grid-area:icon!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
}
.module-list .module-card > div:not(.icon){
  grid-area:content!important;
  display:block!important;
  min-width:0!important;
}
.module-list .module-card h3{
  margin:0 0 5px!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:left!important;
}
.module-list .module-card p{
  margin:0!important;
  width:auto!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:left!important;
}

/* 2. Ek Özellikler: 4 kutu 2 üst 2 alt */
.extra-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:980px!important;
  margin:32px auto 0!important;
}
.extra-feature-grid .extra-feature-card{
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon content"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:0!important;
  min-height:120px!important;
  padding:24px!important;
  border-radius:22px!important;
  text-align:left!important;
}
.extra-feature-grid .extra-feature-card > i{
  grid-area:icon!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
}
.extra-feature-grid .extra-feature-card h3,
.extra-feature-grid .extra-feature-card p{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;}
.extra-feature-grid .extra-feature-card h3{
  margin:0 0 6px!important;
  font-size:18px!important;
  line-height:1.25!important;
  text-align:left!important;
}
.extra-feature-grid .extra-feature-card p{
  margin:0!important;
  width:auto!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:left!important;
}

/* 3. Sunucu & Barındırma: görseldeki yatay ikon + başlık/açıklama kartlarına dönüş */
.hosting-grid{align-items:center!important;}
.hosting-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:28px!important;
}
.hosting-list div{
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon content"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:0!important;
  padding:20px!important;
  min-height:98px!important;
  border-radius:18px!important;
  text-align:left!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 42px rgba(13,52,77,.035)!important;
}
.hosting-list div > i{
  grid-area:icon!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
}
.hosting-list div > b,
.hosting-list div > small{grid-column:2!important;grid-row:auto!important;grid-area:auto!important;}
.hosting-list div > b{
  display:block!important;
  margin:0 0 4px!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:left!important;
}
.hosting-list div > small{
  display:block!important;
  margin:0!important;
  width:auto!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:left!important;
}

/* 4. Hero slider grafik yüksekliği: 4'lü özellik bitiş hizasına yaklaştırıldı */
.home-hero .hero-grid{align-items:start!important;}
.hero-dashboard-slider{
  margin-top:38px!important;
  min-height:398px!important;
}
.hero-dash-slide .dashboard{min-height:398px!important;}
.hero-dots{bottom:-22px!important;}

@media(max-width:1180px){
  .module-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:980px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-dashboard-slider{margin-top:18px!important;min-height:395px!important;}
}
@media(max-width:620px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-columns:46px 1fr!important;
    grid-template-areas:"icon content"!important;
    padding:13px!important;
    min-height:104px!important;
    column-gap:10px!important;
    text-align:left!important;
  }
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:18px!important;
    border-radius:12px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{font-size:13px!important;line-height:1.25!important;margin:0 0 4px!important;}
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{font-size:11px!important;line-height:1.35!important;margin:0!important;}
  .hero-dashboard-slider{margin-top:16px!important;min-height:410px!important;}
}


/* v13: fixing scattered layouts in extra features and hosting cards */
.extra-feature-grid .extra-feature-card{
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon title" "icon desc"!important;
  align-items:start!important;
}
.extra-feature-grid .extra-feature-card > i{grid-area:icon!important;align-self:start!important;}
.extra-feature-grid .extra-feature-card > h3{grid-area:title!important;align-self:center!important;}
.extra-feature-grid .extra-feature-card > p{grid-area:desc!important;align-self:start!important;}

.hosting-list div{
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon title" "icon desc"!important;
  align-items:start!important;
}
.hosting-list div > i{grid-area:icon!important;align-self:start!important;}
.hosting-list div > b{grid-area:title!important;align-self:center!important;}
.hosting-list div > small{grid-area:desc!important;align-self:start!important;}

@media(max-width:620px){
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-columns:46px 1fr!important;
    grid-template-areas:"icon title" "icon desc"!important;
    align-items:start!important;
  }
}


/* v14: icon background stretches according to title+description block height */
.module-list .module-card,
.extra-feature-grid .extra-feature-card,
.hosting-list div{
  align-items:stretch!important;
}

.module-list .module-card .icon,
.extra-feature-grid .extra-feature-card > i,
.hosting-list div > i{
  height:auto!important;
  min-height:72px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.module-list .module-card > div:not(.icon),
.extra-feature-grid .extra-feature-card,
.hosting-list div{
  --card-title-gap: 6px;
}

.module-list .module-card > div:not(.icon){
  display:grid!important;
  align-content:center!important;
}

.extra-feature-grid .extra-feature-card > h3,
.extra-feature-grid .extra-feature-card > p,
.hosting-list div > b,
.hosting-list div > small,
.module-list .module-card h3,
.module-list .module-card p{
  max-width:100%!important;
}

@media(max-width:620px){
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    height:auto!important;
    min-height:64px!important;
    align-self:stretch!important;
  }
}

/* v15: module card title/description overlap fix */
.module-list .module-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-areas:"icon content"!important;
  align-items:center!important;
  overflow:hidden!important;
}
.module-list .module-card > .icon{
  grid-area:icon!important;
}
.module-list .module-card > div:not(.icon){
  grid-area:content!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
  min-height:0!important;
  line-height:normal!important;
}
.module-list .module-card h3,
.module-list .module-card p{
  grid-area:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-align:left!important;
}
.module-list .module-card h3{
  margin:0!important;
  line-height:1.25!important;
}
.module-list .module-card p{
  margin:0!important;
  line-height:1.55!important;
}
@media(max-width:620px){
  .module-list .module-card{
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-areas:"icon content"!important;
  }
  .module-list .module-card > div:not(.icon){
    gap:3px!important;
  }
}


/* v16: mobile showcase left align, hero graph-only slider, single-line social divider */
.mini-feature-list div{justify-content:flex-start!important;text-align:left!important}.mini-feature-list span{display:block;text-align:left!important}.mini-feature-list i{margin:0!important;flex:0 0 auto}

.hero-dashboard-slider{margin-top:34px!important;min-height:548px!important;position:relative}.hero-dash-slide{inset:0}.hero-graph-panel{height:100%;min-height:508px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 70px rgba(13,52,77,.08);padding:22px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.hero-graph-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 4px 8px}.hero-graph-top b{font-size:18px}.hero-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:var(--primary);color:#fff;font-size:14px;font-weight:800}.hero-graph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-graph-stats-three{grid-template-columns:repeat(3,1fr)}.hero-stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 16px 14px;min-height:108px}.hero-stat-card span{display:block;color:#34485c;font-size:14px}.hero-stat-card b{display:block;font-size:20px;line-height:1.15;margin-top:6px;color:var(--ink)}.hero-stat-card small{display:block;margin-top:8px;color:#13a866;font-weight:800}.hero-graph-card,.hero-line-graph-card,.hero-compare-wrap{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdff)}.hero-graph-card{padding:20px 24px 22px;flex:1;display:flex;align-items:flex-end}.hero-bar-chart{height:220px;width:100%;display:flex;align-items:flex-end;gap:18px}.hero-bar-chart i{flex:1;border-radius:18px 18px 0 0;background:linear-gradient(180deg,var(--secondary),rgba(255,115,0,.20));display:block;min-height:26px;box-shadow:inset 0 -30px 40px rgba(255,255,255,.35)}.hero-line-graph-card{padding:18px;flex:1;display:flex;align-items:stretch}.hero-line-graph-card svg{width:100%;height:100%}.hero-compare-wrap{padding:16px 20px;flex:1;display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:end}.hero-compare-side{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-compare-side span{font-weight:700;color:#4b6177}.hero-compare-side b{font-size:34px;line-height:1.08;margin:8px 0}.hero-compare-side small{color:var(--muted)}.hero-compare-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;height:250px;padding:10px 4px 0}.hero-compare-bars div{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%}.hero-compare-bars i{display:block;width:100%;border-radius:16px 16px 0 0;background:linear-gradient(180deg,var(--secondary),rgba(255,115,0,.18));min-height:34px;box-shadow:inset 0 -26px 34px rgba(255,255,255,.32)}.hero-compare-bars small{margin-top:10px;color:#5e7285;font-weight:700}.hero-graph-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-graph-bottom span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px 12px;background:#fff;font-weight:800;color:#486073}.hero-graph-bottom i{color:var(--primary)}.hero-dots{bottom:-28px!important}

.social-after-divider{display:flex!important;align-items:center;justify-content:center;gap:12px;margin:16px 0 8px!important}.social-after-divider:before,.social-after-divider:after{content:"";display:block;flex:0 0 72px;height:1px;background:var(--line);position:static!important;top:auto!important}.social-after-divider span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;font-size:13px;font-weight:700;color:var(--muted)}

@media(max-width:980px){.hero-dashboard-slider{min-height:520px!important}.hero-graph-panel{min-height:480px}.hero-graph-stats{grid-template-columns:repeat(2,1fr)}.hero-graph-stats-three{grid-template-columns:repeat(3,1fr)}.hero-compare-wrap{grid-template-columns:1fr;align-items:stretch}.hero-compare-bars{height:210px}.social-after-divider:before,.social-after-divider:after{flex-basis:52px}}
@media(max-width:620px){.mini-feature-list div{padding:12px 14px}.hero-dashboard-slider{margin-top:18px!important;min-height:500px!important}.hero-graph-panel{min-height:460px;padding:16px;gap:14px;border-radius:24px}.hero-graph-top{padding-bottom:4px}.hero-graph-top b{font-size:16px}.hero-chip{padding:8px 12px;font-size:12px}.hero-graph-stats,.hero-graph-stats-three{grid-template-columns:repeat(2,1fr)!important;gap:10px}.hero-stat-card{min-height:92px;padding:12px 12px 10px;border-radius:16px}.hero-stat-card span{font-size:12px}.hero-stat-card b{font-size:18px}.hero-stat-card small{font-size:12px}.hero-graph-card{padding:14px 14px 18px}.hero-bar-chart{height:180px;gap:10px}.hero-line-graph-card{min-height:170px}.hero-compare-side{padding:18px}.hero-compare-side b{font-size:28px}.hero-compare-bars{height:170px;gap:8px}.hero-graph-bottom{grid-template-columns:1fr;gap:10px}.hero-graph-bottom span{justify-content:flex-start;padding:12px 14px}.hero-dots{bottom:-18px!important}.social-after-divider{gap:8px}.social-after-divider:before,.social-after-divider:after{flex-basis:36px}.social-after-divider span{font-size:12px;padding:7px 10px}}


/* v17: mobile menu redesign inspired by reference */
.mobile-menu-top,.mobile-menu-search,.mobile-menu-section-title{display:none}
@media(max-width:980px){
  .main-menu-v4{background:linear-gradient(180deg,#0f1520 0%,#090d15 100%)!important;border-right:1px solid rgba(255,255,255,.05)!important;box-shadow:34px 0 90px rgba(0,0,0,.42)!important;padding:18px 18px 24px!important;color:#fff!important;display:block!important}
  .main-menu-v4:before,.main-menu-v4:after{display:none!important;content:none!important}
  .mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
  .mobile-menu-brand{font-size:34px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1}.mobile-menu-brand::first-letter{color:#fff}.mobile-menu-brand{background:linear-gradient(90deg,#ffffff 0 64%, #0d719f 64% 82%, #ff7300 82% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .mobile-menu-close{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.03);color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer}
  .mobile-menu-search{display:flex;align-items:center;gap:12px;height:46px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.07);padding:0 14px;margin-bottom:16px}.mobile-menu-search i{color:#fff;font-size:18px;opacity:.95}.mobile-menu-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;font:600 14px Poppins,Arial,sans-serif}.mobile-menu-search input::placeholder{color:rgba(255,255,255,.48)}
  .mobile-menu-section-title{display:block;color:rgba(255,255,255,.75);font-size:14px;font-weight:800;padding:14px 0 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
  .main-menu-v4>a,.main-menu-v4 .nav-item{display:block!important;border-bottom:1px solid rgba(255,255,255,.10)!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
  .main-menu-v4>a:last-of-type,.main-menu-v4 .nav-item:last-child{border-bottom:1px solid rgba(255,255,255,.10)!important}
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{min-height:auto!important;color:#f3f6fb!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important;padding:15px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:18px!important;font-weight:800!important;line-height:1.25!important}
  .main-menu-v4>a i:first-child,.main-menu-v4 .nav-item>a i:first-child{width:20px!important;height:20px!important;min-width:20px!important;background:transparent!important;color:#ff7300!important;border-radius:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;font-size:17px!important}
  .main-menu-v4 .chevron{margin-left:auto;display:inline-grid!important;color:rgba(255,255,255,.72)!important;font-size:14px!important}
  .main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:8px!important;margin:0 0 12px!important}
  .main-menu-v4 .small-dropdown a,.main-menu-v4 .mega-grid a{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;color:#e8edf7!important;padding:12px 8px!important;box-shadow:none!important}.main-menu-v4 .small-dropdown a:last-child,.main-menu-v4 .mega-grid a:last-child{border-bottom:0!important}
  .main-menu-v4 .small-dropdown a i,.main-menu-v4 .mega-grid a i{width:18px!important;height:18px!important;min-width:18px!important;background:transparent!important;color:#0d719f!important;border-radius:0!important}.main-menu-v4 .mega-grid b,.main-menu-v4 .small-dropdown span{color:#fff!important;font-size:14px!important;font-weight:800!important}.main-menu-v4 .mega-grid small{color:rgba(255,255,255,.58)!important;font-size:12px!important}.main-menu-v4 .mega-intro{display:none!important}
}
@media(max-width:620px){
  .main-menu-v4{width:min(378px,calc(100% - 16px))!important;padding:16px 14px 22px!important}.mobile-menu-brand{font-size:30px}.mobile-menu-section-title{font-size:13px}.main-menu-v4>a,.main-menu-v4 .nav-item>a{font-size:16px!important;padding:14px 2px!important}.mobile-menu-search{height:44px}.mobile-menu-close{width:40px;height:40px}
}


/* v18: mobile menu alignment and site-brand color palette */
@media(max-width:980px){
  .main-menu-v4{
    background:linear-gradient(180deg,#ffffff 0%, #f3f9fc 58%, #eef7fb 100%)!important;
    border-right:1px solid rgba(13,113,159,.10)!important;
    box-shadow:28px 0 80px rgba(13,52,77,.16)!important;
    color:var(--ink)!important;
  }
  .mobile-menu-top{border-bottom:1px solid rgba(13,113,159,.10)!important}
  .mobile-menu-brand{
    background:linear-gradient(90deg,var(--ink) 0 60%, var(--primary) 60% 82%, var(--secondary) 82% 100%)!important;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
  }
  .mobile-menu-close{
    background:rgba(13,113,159,.06)!important;
    color:var(--ink)!important;
    border:1px solid rgba(13,113,159,.08)!important;
  }
  .mobile-menu-search{
    background:linear-gradient(90deg,#ffffff,#f7fbfd)!important;
    border:1px solid rgba(13,113,159,.12)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 12px 30px rgba(13,52,77,.05)!important;
  }
  .mobile-menu-search i{color:var(--muted)!important}
  .mobile-menu-search input{color:var(--ink)!important}
  .mobile-menu-search input::placeholder{color:#7f8f9e!important}
  .mobile-menu-section-title{
    color:var(--muted)!important;
    border-top:1px solid rgba(13,113,159,.10)!important;
    border-bottom:1px solid rgba(13,113,159,.10)!important;
  }
  .main-menu-v4>a,.main-menu-v4 .nav-item{
    border-bottom:1px solid rgba(13,113,159,.10)!important;
  }
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{
    color:var(--ink)!important;
    display:grid!important;
    grid-template-columns:22px 1fr 18px!important;
    align-items:center!important;
    gap:14px!important;
    text-align:left!important;
    padding:16px 2px!important;
    line-height:1.2!important;
  }
  .main-menu-v4>a:not(.has-chevron), .main-menu-v4>a[href]{grid-template-columns:22px 1fr!important}
  .main-menu-v4 .nav-item>a i:first-child,
  .main-menu-v4>a i:first-child{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--secondary)!important;
    font-size:17px!important;
    margin:0!important;
    transform:none!important;
  }
  .main-menu-v4 .nav-item>a .chevron{
    margin:0!important;
    justify-self:end!important;
    align-self:center!important;
    color:#6b7f91!important;
    font-size:14px!important;
    display:grid!important;
    place-items:center!important;
  }
  .main-menu-v4>a .chevron{display:none!important}
  .main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{
    background:#f8fbfd!important;
    border:1px solid rgba(13,113,159,.10)!important;
  }
  .main-menu-v4 .small-dropdown a,
  .main-menu-v4 .mega-grid a{
    border-bottom:1px solid rgba(13,113,159,.08)!important;
    color:var(--ink)!important;
  }
  .main-menu-v4 .small-dropdown a i,
  .main-menu-v4 .mega-grid a i{color:var(--primary)!important}
  .main-menu-v4 .mega-grid b,
  .main-menu-v4 .small-dropdown span{color:var(--ink)!important}
  .main-menu-v4 .mega-grid small{color:var(--muted)!important}
}
@media(max-width:620px){
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{
    grid-template-columns:20px 1fr 16px!important;
    gap:12px!important;
    padding:15px 2px!important;
    font-size:16px!important;
  }
  .main-menu-v4>a:not(.has-chevron), .main-menu-v4>a[href]{grid-template-columns:20px 1fr!important}
  .main-menu-v4 .nav-item>a i:first-child,
  .main-menu-v4>a i:first-child{width:20px!important;height:20px!important;min-width:20px!important;font-size:16px!important}
}


/* v19: left-to-right mobile drawer, real logo in menu, improved purchase summary */
@media(max-width:980px){
  .main-menu-v4{
    position:fixed!important;
    top:0!important;left:0!important;right:auto!important;bottom:0!important;
    width:min(390px,calc(100% - 34px))!important;
    height:100vh!important;max-height:100vh!important;
    border-radius:0 28px 28px 0!important;
    transform:translateX(-106%)!important;
    opacity:1!important;pointer-events:none!important;
    transition:transform .34s cubic-bezier(.22,.8,.22,1)!important;
    padding:18px 18px 28px!important;
    overflow:auto!important;
    z-index:130!important;
  }
  .main-menu-v4.open{transform:translateX(0)!important;pointer-events:auto!important;}
  .mobile-menu-top{padding:4px 0 16px!important;}
  .mobile-menu-brand{background:none!important;color:inherit!important;display:flex!important;align-items:center!important;}
  .mobile-menu-brand img{height:42px!important;width:auto!important;max-width:170px!important;display:block!important;}
}
@media(max-width:620px){.mobile-menu-brand img{height:36px!important;max-width:150px!important}.main-menu-v4{width:min(372px,calc(100% - 20px))!important;border-radius:0 24px 24px 0!important}}

.purchase-summary-card{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 24px 70px rgba(13,52,77,.085);position:sticky;top:110px;height:max-content}.summary-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.summary-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 16px 34px rgba(13,113,159,.2)}.summary-head span{font-size:12px;font-weight:900;color:var(--primary);display:block}.summary-head h2{margin:2px 0 0;font-size:28px}.summary-package{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(13,113,159,.12);background:#fff;border-radius:22px;padding:18px;margin-bottom:14px}.summary-package small{display:block;color:var(--muted);font-weight:700}.summary-package b{font-size:22px}.summary-package>span{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--secondary-soft);color:var(--secondary);font-weight:900;font-size:12px}.summary-lines{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 16px;margin-bottom:14px}.summary-lines .summary-line{border-bottom:1px solid var(--line)}.summary-lines .summary-line:last-child{border-bottom:0}.summary-total-box{border-radius:22px;background:linear-gradient(135deg,var(--primary),#0a5d84);color:#fff;padding:20px;margin-bottom:16px}.summary-total-box span,.summary-total-box small{display:block;opacity:.8}.summary-total-box b{display:block;font-size:34px;line-height:1.05;margin:7px 0}.contract-list{display:grid;gap:10px;margin-bottom:16px}.contract-item{display:grid;grid-template-columns:22px 44px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;cursor:pointer}.contract-item input{width:18px;height:18px;accent-color:var(--primary)}.contract-icon{width:44px;height:44px;border-radius:15px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:19px}.contract-item b{display:block;font-size:13px}.contract-item small{display:block;font-size:11px;color:var(--muted);line-height:1.35;margin-top:2px}.contract-open{border:1px solid rgba(13,113,159,.18);background:#f8fbfd;color:var(--primary);border-radius:12px;padding:9px 10px;font:800 12px Poppins,Arial,sans-serif;cursor:pointer}.summary-benefits{list-style:none;padding:0;margin:0;display:grid;gap:9px}.summary-benefits li{display:flex;align-items:center;gap:9px;color:#44596b;font-weight:700;font-size:13px}.summary-benefits i{color:var(--secondary)}.corporate-title-row{margin-bottom:14px}.corporate-tax-grid{grid-template-columns:1fr 1fr!important}.contract-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:18px}.contract-modal.show{display:flex}.contract-modal-backdrop{position:absolute;inset:0;background:rgba(9,22,32,.58);backdrop-filter:blur(6px)}.contract-modal-box{position:relative;width:min(720px,100%);max-height:min(82vh,720px);background:#fff;border-radius:26px;box-shadow:0 40px 120px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.contract-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbfd)}.contract-modal-head span{color:var(--primary);font-weight:900;font-size:12px}.contract-modal-head h3{margin:3px 0 0;font-size:24px}.contract-modal-head button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;cursor:pointer}.contract-modal-body{padding:24px;overflow:auto;color:#4d5f70}.contract-modal-body p{margin:0 0 14px}.contract-modal-actions{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;background:#fff}.contract-modal-actions .btn{min-width:180px}@media(max-width:980px){.purchase-summary-card{position:static}.contract-item{grid-template-columns:22px 42px 1fr}.contract-open{grid-column:3 / -1;justify-self:start}.corporate-tax-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){.purchase-summary-card{padding:18px;border-radius:24px}.summary-head h2{font-size:24px}.summary-package{align-items:flex-start;flex-direction:column}.contract-item{grid-template-columns:20px 40px 1fr;padding:11px}.contract-open{grid-column:1 / -1;width:100%}.corporate-tax-grid{grid-template-columns:1fr!important}.contract-modal{padding:10px}.contract-modal-head,.contract-modal-body,.contract-modal-actions{padding:18px}.contract-modal-head h3{font-size:20px}}


/* v20: stable left drawer mobile menu + responsive card fixes */
@media(max-width:980px){
  .main-menu-v4{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(386px,calc(100vw - 28px))!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:18px 18px 28px!important;
    margin:0!important;
    border-radius:0 28px 28px 0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcfe 54%,#eef7fb 100%)!important;
    border:0!important;
    border-right:1px solid rgba(13,113,159,.12)!important;
    box-shadow:34px 0 90px rgba(13,52,77,.18)!important;
    transform:translate3d(-110%,0,0)!important;
    opacity:1!important;
    pointer-events:none!important;
    transition:transform .34s cubic-bezier(.22,.8,.22,1)!important;
    z-index:180!important;
  }
  .main-menu-v4.open{transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
  .main-menu-v4:before,.main-menu-v4:after{display:none!important;content:none!important;}
  .mobile-menu-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 0 16px!important;margin:0 0 16px!important;border-bottom:1px solid rgba(13,113,159,.12)!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;background:transparent!important;}
  .mobile-menu-brand{display:flex!important;align-items:center!important;background:none!important;color:inherit!important;line-height:1!important;}
  .mobile-menu-brand img{display:block!important;height:42px!important;width:auto!important;max-width:178px!important;object-fit:contain!important;}
  .mobile-menu-close{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;border:1px solid rgba(13,113,159,.10)!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 10px 24px rgba(13,52,77,.06)!important;}
  .mobile-menu-search{display:flex!important;align-items:center!important;gap:12px!important;height:46px!important;padding:0 14px!important;margin:0 0 16px!important;border-radius:15px!important;border:1px solid rgba(13,113,159,.13)!important;background:#fff!important;box-shadow:0 12px 28px rgba(13,52,77,.055)!important;}
  .mobile-menu-search i{color:var(--primary)!important;font-size:18px!important;}
  .mobile-menu-search input{min-width:0!important;flex:1!important;border:0!important;outline:0!important;background:transparent!important;color:var(--ink)!important;font:700 14px Poppins,Arial,sans-serif!important;}
  .mobile-menu-search input::placeholder{color:#7d8d9c!important;}
  .mobile-menu-section-title{display:block!important;padding:12px 0!important;margin:0!important;color:#607383!important;font-size:13px!important;font-weight:900!important;border-top:1px solid rgba(13,113,159,.10)!important;border-bottom:1px solid rgba(13,113,159,.10)!important;}
  .main-menu-v4>a,.main-menu-v4 .nav-item{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(13,113,159,.11)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) 18px!important;
    align-items:center!important;
    justify-items:start!important;
    gap:13px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:15px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--ink)!important;
    text-align:left!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .main-menu-v4>a{grid-template-columns:24px minmax(0,1fr)!important;}
  .main-menu-v4>a i:first-child,.main-menu-v4 .nav-item>a i:first-child{width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;display:grid!important;place-items:center!important;background:transparent!important;color:var(--secondary)!important;font-size:17px!important;line-height:1!important;}
  .main-menu-v4 .nav-item>a .chevron{display:grid!important;justify-self:end!important;align-self:center!important;margin:0!important;color:#6f8190!important;font-size:13px!important;line-height:1!important;}
  .main-menu-v4 .dropdown-menu,.main-menu-v4 .mega-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;width:100%!important;margin:0 0 12px!important;padding:8px!important;border-radius:16px!important;border:1px solid rgba(13,113,159,.10)!important;background:#f8fcfe!important;box-shadow:none!important;}
  .main-menu-v4 .has-dropdown.open .dropdown-menu,.main-menu-v4 .has-mega.open .mega-menu{display:block!important;}
  .main-menu-v4 .small-dropdown a,.main-menu-v4 .mega-grid a{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:11px 8px!important;border:0!important;border-bottom:1px solid rgba(13,113,159,.08)!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;}
  .main-menu-v4 .small-dropdown a:last-child,.main-menu-v4 .mega-grid a:last-child{border-bottom:0!important;}
  .main-menu-v4 .small-dropdown a i,.main-menu-v4 .mega-grid a i{width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;background:transparent!important;color:var(--primary)!important;font-size:15px!important;}
  .main-menu-v4 .mega-grid b,.main-menu-v4 .small-dropdown span{color:var(--ink)!important;font-size:14px!important;font-weight:800!important;}
  .main-menu-v4 .mega-grid small{color:var(--muted)!important;font-size:12px!important;}
}
@media(max-width:620px){
  .main-menu-v4{width:min(372px,calc(100vw - 18px))!important;border-radius:0 24px 24px 0!important;padding:16px 14px 24px!important;}
  .mobile-menu-brand img{height:36px!important;max-width:154px!important;}
  .main-menu-v4>a,.main-menu-v4 .nav-item>a{font-size:15px!important;padding:14px 2px!important;grid-template-columns:22px minmax(0,1fr) 16px!important;gap:11px!important;}
  .main-menu-v4>a{grid-template-columns:22px minmax(0,1fr)!important;}
}

/* v20: prevent card text overflow at narrow responsive breakpoints */
.module-list .module-card,
.extra-feature-grid .extra-feature-card,
.hosting-list div,
.mini-feature-list div,
.hero-trust-grid .trust-item{min-width:0!important;overflow:hidden!important;}
.module-list .module-card h3,.module-list .module-card p,
.extra-feature-grid .extra-feature-card h3,.extra-feature-grid .extra-feature-card p,
.hosting-list div > b,.hosting-list div > small,
.mini-feature-list span,
.hero-trust-grid b,.hero-trust-grid small{overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;max-width:100%!important;}

@media(max-width:480px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{grid-template-columns:1fr!important;gap:12px!important;}
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{grid-template-columns:46px minmax(0,1fr)!important;grid-template-areas:"icon content"!important;column-gap:12px!important;min-height:auto!important;padding:14px!important;align-items:center!important;}
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{width:42px!important;height:42px!important;min-width:42px!important;align-self:center!important;}
  .module-list .module-card > div:not(.icon){display:block!important;grid-area:content!important;min-width:0!important;}
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{font-size:15px!important;line-height:1.25!important;margin:0 0 4px!important;}
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{font-size:12px!important;line-height:1.45!important;margin:0!important;}
}
@media(max-width:380px){
  .container{width:min(100% - 20px,720px)!important;}
  .hero-trust-grid{grid-template-columns:1fr!important;}
  .header-cta-group .btn{font-size:11px!important;padding:10px 7px!important;}
}


/* v21: strict mobile menu separators + stable 2-column responsive cards */
@media(max-width:980px){
  .main-menu-v4 > a,
  .main-menu-v4 > .nav-item{
    border-bottom:1px solid rgba(13,113,159,.14)!important;
  }
  .main-menu-v4 > a:first-of-type,
  .main-menu-v4 > .nav-item:first-of-type{
    border-top:1px solid rgba(13,113,159,.14)!important;
  }
  .main-menu-v4 > a:last-child,
  .main-menu-v4 > .nav-item:last-child{
    border-bottom:1px solid rgba(13,113,159,.14)!important;
  }
  .main-menu-v4 .mobile-menu-section-title{
    border-top:1px solid rgba(13,113,159,.14)!important;
    border-bottom:1px solid rgba(13,113,159,.14)!important;
    margin-bottom:0!important;
  }
  .main-menu-v4 .nav-item.open{
    border-bottom:1px solid rgba(13,113,159,.14)!important;
  }
  .main-menu-v4 .dropdown-menu,
  .main-menu-v4 .mega-menu{
    margin:0 0 10px!important;
  }
}

@media(max-width:620px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon" "title" "desc"!important;
    gap:7px!important;
    align-items:start!important;
    justify-items:start!important;
    text-align:left!important;
    padding:13px!important;
    min-height:156px!important;
    overflow:hidden!important;
  }
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    grid-area:icon!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
    margin:0 0 2px!important;
    align-self:start!important;
    justify-self:start!important;
  }
  .module-list .module-card > div:not(.icon){
    display:contents!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    grid-area:title!important;
    font-size:13px!important;
    line-height:1.22!important;
    margin:0!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    grid-area:desc!important;
    font-size:11px!important;
    line-height:1.38!important;
    margin:0!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }
}

@media(max-width:480px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-columns:1fr!important;
    grid-template-areas:"icon" "title" "desc"!important;
    min-height:164px!important;
    padding:12px!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    font-size:12px!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    font-size:10.5px!important;
    line-height:1.34!important;
  }
}

@media(max-width:360px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    grid-template-columns:1fr!important;
  }
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    min-height:auto!important;
  }
}


/* v22: mobile cards keep icon and text side-by-side */
@media(max-width:620px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .module-list .module-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"icon content"!important;
    column-gap:10px!important;
    row-gap:0!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:left!important;
    padding:12px!important;
    min-height:118px!important;
  }
  .module-list .module-card .icon{
    grid-area:icon!important;
    width:38px!important;
    height:72px!important;
    min-width:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
  }
  .module-list .module-card > div:not(.icon){
    grid-area:content!important;
    display:block!important;
    min-width:0!important;
    align-self:center!important;
  }
  .module-list .module-card h3{
    font-size:12.5px!important;
    line-height:1.22!important;
    margin:0 0 4px!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .module-list .module-card p{
    font-size:10.5px!important;
    line-height:1.35!important;
    margin:0!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"icon title" "icon desc"!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:left!important;
    padding:12px!important;
    min-height:126px!important;
  }
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    grid-area:icon!important;
    width:38px!important;
    height:82px!important;
    min-width:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
  }
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    grid-area:title!important;
    font-size:12.5px!important;
    line-height:1.22!important;
    margin:0!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    grid-area:desc!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    margin:0!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media(max-width:420px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{gap:8px!important;}
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:10px!important;
  }
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    width:34px!important;
    min-width:34px!important;
    font-size:15px!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{font-size:11.5px!important;}
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{font-size:10px!important;}
}
@media(max-width:340px){
  .module-list,
  .extra-feature-grid,
  .hosting-list{grid-template-columns:1fr!important;}
}

/* v23: keep all 2-column mobile feature blocks side-by-side down to 300px */
@media(max-width:620px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .hero-trust-grid .trust-item{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-areas:"icon text"!important;
    align-items:center!important;
    column-gap:8px!important;
    text-align:left!important;
    padding:8px 6px!important;
    min-height:64px!important;
  }
  .hero-trust-grid .trust-item .icon{
    grid-area:icon!important;
    width:32px!important;
    height:44px!important;
    min-width:32px!important;
    border-radius:10px!important;
    font-size:15px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .hero-trust-grid .trust-item > div:not(.icon){
    grid-area:text!important;
    min-width:0!important;
    display:block!important;
  }
  .hero-trust-grid .trust-item b{
    display:block!important;
    font-size:12px!important;
    line-height:1.2!important;
    margin:0 0 3px!important;
    text-align:left!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .hero-trust-grid .trust-item small{
    display:block!important;
    font-size:10px!important;
    line-height:1.25!important;
    text-align:left!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:9px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .module-list .module-card{
    grid-template-areas:"icon content"!important;
    min-height:112px!important;
  }
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-areas:"icon title" "icon desc"!important;
    min-height:116px!important;
  }
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    width:32px!important;
    min-width:32px!important;
    font-size:14px!important;
    border-radius:10px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .module-list .module-card .icon{height:70px!important;}
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{height:76px!important;}

  .module-list .module-card > div:not(.icon){
    display:block!important;
    min-width:0!important;
    align-self:center!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    font-size:11px!important;
    line-height:1.18!important;
    margin:0 0 3px!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    font-size:9.4px!important;
    line-height:1.28!important;
    margin:0!important;
    text-align:left!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media(max-width:340px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:300px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    grid-template-columns:1fr!important;
  }
  .hero-trust-grid .trust-item,
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    min-height:auto!important;
  }
}

/* v24: fix mobile 2-column card spacing and make icon background stretch to text height */
@media (max-width: 620px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 10px!important;
  }

  .hero-trust-grid .trust-item{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-areas:"icon text"!important;
    align-items:stretch!important;
    column-gap:9px!important;
    padding:6px 2px!important;
    min-height:auto!important;
    overflow:visible!important;
    text-align:left!important;
  }
  .hero-trust-grid .trust-item .icon{
    grid-area:icon!important;
    width:38px!important;
    min-width:38px!important;
    height:auto!important;
    min-height:52px!important;
    align-self:stretch!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:16px!important;
    margin:0!important;
  }
  .hero-trust-grid .trust-item > div:not(.icon){
    grid-area:text!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:stretch!important;
    overflow:visible!important;
  }
  .hero-trust-grid .trust-item b{
    display:block!important;
    font-size:12px!important;
    line-height:1.18!important;
    margin:0 0 4px!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .hero-trust-grid .trust-item small{
    display:block!important;
    font-size:10px!important;
    line-height:1.28!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:stretch!important;
    padding:10px!important;
    min-width:0!important;
    min-height:auto!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .module-list .module-card{grid-template-areas:"icon content"!important;}
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{grid-template-areas:"icon title" "icon desc"!important;}

  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    grid-area:icon!important;
    width:38px!important;
    min-width:38px!important;
    height:auto!important;
    min-height:64px!important;
    align-self:stretch!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:16px!important;
    margin:0!important;
  }
  .module-list .module-card > div:not(.icon){
    grid-area:content!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{
    font-size:11.5px!important;
    line-height:1.2!important;
    margin:0 0 4px!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{
    font-size:9.6px!important;
    line-height:1.32!important;
    margin:0!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{grid-area:title!important;align-self:end!important;}
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{grid-area:desc!important;align-self:start!important;}
}

@media (max-width: 340px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 8px!important;
  }
  .hero-trust-grid .trust-item,
  .module-list .module-card,
  .extra-feature-grid .extra-feature-card,
  .hosting-list div{
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:7px!important;
    padding:8px!important;
  }
  .hero-trust-grid .trust-item .icon,
  .module-list .module-card .icon,
  .extra-feature-grid .extra-feature-card > i,
  .hosting-list div > i{
    width:34px!important;
    min-width:34px!important;
    min-height:58px!important;
    font-size:14px!important;
  }
  .hero-trust-grid .trust-item b,
  .module-list .module-card h3,
  .extra-feature-grid .extra-feature-card h3,
  .hosting-list div > b{font-size:10.8px!important;line-height:1.18!important;}
  .hero-trust-grid .trust-item small,
  .module-list .module-card p,
  .extra-feature-grid .extra-feature-card p,
  .hosting-list div > small{font-size:9px!important;line-height:1.25!important;}
}

@media (max-width: 300px){
  .hero-trust-grid,
  .module-list,
  .extra-feature-grid,
  .hosting-list{grid-template-columns:1fr!important;}
}

/* v25: hero 4'lü özellik alanı - kompakt metin aralığı, esnek ikon zemini ve dış border */
.hero-trust-grid{
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  padding:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.hero-trust-grid .trust-item{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:stretch!important;
  padding:0!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-align:left!important;
}
.hero-trust-grid .trust-item .icon{
  width:46px!important;
  min-width:46px!important;
  height:auto!important;
  min-height:54px!important;
  align-self:stretch!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:19px!important;
}
.hero-trust-grid .trust-item > div:not(.icon){
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:visible!important;
}
.hero-trust-grid .trust-item br{display:none!important;}
.hero-trust-grid .trust-item b{
  display:block!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:800!important;
  color:var(--ink)!important;
  text-align:left!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.hero-trust-grid .trust-item small{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.28!important;
  color:var(--muted)!important;
  text-align:left!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
@media(max-width:980px){
  .hero-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(max-width:620px){
  .hero-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:14px!important;
  }
  .hero-trust-grid .trust-item{
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  .hero-trust-grid .trust-item .icon{
    width:40px!important;
    min-width:40px!important;
    min-height:62px!important;
    font-size:16px!important;
  }
  .hero-trust-grid .trust-item b{font-size:12.2px!important;line-height:1.16!important;}
  .hero-trust-grid .trust-item small{font-size:10.5px!important;line-height:1.22!important;}
}
@media(max-width:300px){
  .hero-trust-grid{grid-template-columns:1fr!important;}
}

/* v26: hero özellik alanında border her kutuya ayrı ayrı */
.hero-trust-grid{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-trust-grid .trust-item{
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
@media(max-width:620px){
  .hero-trust-grid{padding:0!important;gap:10px!important;}
  .hero-trust-grid .trust-item{padding:10px!important;border-radius:16px!important;}
}


/* v27: global header, breadcrumb and desktop 2x2 hero feature cards */
.active-header-action{box-shadow:0 14px 34px rgba(13,113,159,.22)!important;border-color:rgba(13,113,159,.20)!important}
.breadcrumb-section{padding:22px 0 0;background:linear-gradient(180deg,#fff,#fbfdff)}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px;font-weight:700}
.breadcrumb a{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800}
.breadcrumb span{display:inline-flex;color:#9aacb8;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:800}
.breadcrumb-section + .hero,.breadcrumb-section + .login-hero,.breadcrumb-section + .member-hero{padding-top:38px!important}
.hero-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:560px!important;gap:14px!important}
.hero-trust-grid .trust-item{border:1px solid var(--line)!important;border-radius:18px!important;padding:13px!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:46px 1fr!important;align-items:stretch!important;column-gap:12px!important;min-height:80px!important;text-align:left!important}
.hero-trust-grid .trust-item .icon{width:42px!important;min-width:42px!important;height:auto!important;min-height:100%!important;align-self:stretch!important;border-radius:13px!important;margin:0!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hero-trust-grid .trust-item>div:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important}.hero-trust-grid b{font-size:15px!important;line-height:1.2!important}.hero-trust-grid small{font-size:12px!important;line-height:1.35!important;display:block!important;margin:0!important}
@media(min-width:981px){.home-header.header-v4{position:sticky}.breadcrumb-section{margin-top:0}.page-hero{padding-top:44px!important}}
@media(max-width:980px){.breadcrumb-section{padding:16px 0 0}.breadcrumb{font-size:13px}.breadcrumb-section + .hero,.breadcrumb-section + .login-hero,.breadcrumb-section + .member-hero{padding-top:28px!important}.hero-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}}
@media(max-width:300px){.hero-trust-grid{grid-template-columns:1fr!important}}


/* v28: user requested hero spacing and dashboard height */
.home-hero{padding-top:0!important}
.hero{padding:20px 0!important}
.hero-dashboard-slider{height:610px!important;min-height:610px!important}
.hero-dash-slide .dashboard,.hero-dash-slide .hero-graph-panel{height:100%!important;min-height:610px!important}
@media(max-width:980px){.hero-dashboard-slider{height:610px!important;min-height:610px!important}.hero-dash-slide .dashboard,.hero-dash-slide .hero-graph-panel{min-height:610px!important}}
@media(max-width:620px){.hero{padding:20px 0!important}.hero-dashboard-slider{height:610px!important;min-height:610px!important}.hero-dash-slide .dashboard,.hero-dash-slide .hero-graph-panel{min-height:610px!important}}


/* v29: requested hero padding removal and pricing page refinements */
.hero{padding:0!important}
.home-hero{padding-top:0!important;padding-bottom:0!important}
.page-hero{padding-top:0!important;padding-bottom:0!important}
.breadcrumb-section + .hero{padding-top:0!important}
.pricing-page-prices{max-width:1030px;margin:auto}
.pricing-page-prices .price-card{text-align:center;padding:34px 30px;border-radius:26px}
.pricing-page-prices .check-list{text-align:center}
.pricing-page-prices .check-list li:before{display:none}
.pricing-page-prices .check-list li{border-bottom:1px solid var(--line);padding:10px 0}
.pricing-page-prices .check-list li:last-child{border-bottom:0}
.compare-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 16px 50px rgba(13,52,77,.045);background:#fff}
.compare-wrap .compare{border:0;border-radius:0;min-width:820px}
.compare tbody tr:nth-child(even) td{background:#fbfdff}
.compare td:first-child,.compare th:first-child{font-weight:800;color:var(--ink)}
.compare td:not(:first-child),.compare th:not(:first-child){text-align:center}
.compare .yes{color:var(--green);font-weight:900}
.compare .no{color:#9aa8b5;font-weight:900}
@media(max-width:980px){.hero{padding:0!important}.page-hero .container{padding-top:22px;padding-bottom:22px}}
@media(max-width:620px){.pricing-page-prices .price-card{padding:28px 22px}.compare-wrap{margin-left:-2px;margin-right:-2px}}


/* v30: premium quick start CTA and reference logo slider */
.quick-start-section{padding-top:72px;padding-bottom:36px}.premium-journey-cta{position:relative;overflow:hidden;display:grid!important;grid-template-columns:92px 1fr auto;align-items:center;gap:24px;padding:36px 42px!important;border-radius:30px!important;background:linear-gradient(135deg,#f7fbfd 0%,#ffffff 54%,#fff4ea 100%)!important;border:1px solid rgba(13,113,159,.14)!important;box-shadow:0 28px 90px rgba(13,52,77,.09)!important}.premium-journey-cta:before{content:"";position:absolute;right:-52px;top:-68px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,115,0,.18),rgba(255,115,0,0) 66%)}.premium-journey-cta:after{content:"";position:absolute;left:24%;bottom:-110px;width:260px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(13,113,159,.10),rgba(13,113,159,0) 68%)}.journey-icon{position:relative;z-index:1;width:82px;height:82px;border-radius:26px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 18px 42px rgba(13,113,159,.22)}.journey-content{position:relative;z-index:1}.journey-content h2{font-size:30px;line-height:1.18;margin:12px 0 10px;letter-spacing:-.6px}.journey-content p{max-width:680px;margin:0;color:#4d6375}.journey-actions{position:relative;z-index:1;margin-top:0!important;justify-content:flex-end;min-width:360px}.journey-actions .btn{min-width:168px}.reference-section{padding:54px 0 44px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);overflow:hidden}.reference-head{text-align:center;max-width:760px;margin:0 auto 28px}.reference-head h2{font-size:34px;line-height:1.16;letter-spacing:-.8px;margin:12px 0 8px}.reference-head p{margin:0;color:var(--muted)}.reference-slider{position:relative;overflow:hidden;padding:8px 0}.reference-slider:before,.reference-slider:after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}.reference-slider:before{left:0;background:linear-gradient(90deg,#f8fbfd,rgba(248,251,253,0))}.reference-slider:after{right:0;background:linear-gradient(270deg,#f8fbfd,rgba(248,251,253,0))}.reference-track{display:flex;gap:18px;width:max-content;animation:referenceMarquee 34s linear infinite}.reference-slider:hover .reference-track{animation-play-state:paused}.reference-logo{width:190px;height:84px;border:1px solid var(--line);border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 16px 46px rgba(13,52,77,.045);transition:.25s ease}.reference-logo img{width:156px;height:auto;display:block;filter:grayscale(1);opacity:.45;transition:.25s ease}.reference-logo:hover{transform:translateY(-3px);border-color:rgba(13,113,159,.28);box-shadow:0 22px 60px rgba(13,52,77,.08)}.reference-logo:hover img{filter:grayscale(0);opacity:1}@keyframes referenceMarquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 9px))}}
@media(max-width:980px){.quick-start-section{padding-top:44px}.premium-journey-cta{grid-template-columns:72px 1fr;gap:18px;padding:28px!important}.journey-icon{width:66px;height:66px;border-radius:22px;font-size:28px}.journey-actions{grid-column:1/-1;min-width:0;width:100%;justify-content:flex-start}.journey-actions .btn{flex:1;min-width:0}.reference-head h2{font-size:28px}.reference-logo{width:170px;height:78px}.reference-logo img{width:140px}}
@media(max-width:620px){.premium-journey-cta{grid-template-columns:1fr;text-align:left;padding:22px!important;border-radius:24px!important}.journey-icon{width:58px;height:58px;font-size:24px}.journey-content h2{font-size:24px}.journey-content p{font-size:14px}.journey-actions{display:grid!important;grid-template-columns:1fr;gap:10px}.journey-actions .btn{width:100%}.reference-section{padding:42px 0 34px}.reference-head{text-align:left;margin-bottom:20px}.reference-head h2{font-size:24px}.reference-slider:before,.reference-slider:after{width:54px}.reference-track{gap:12px;animation-duration:26s}.reference-logo{width:150px;height:70px;border-radius:18px}.reference-logo img{width:124px}}

/* v31: hero spacing restored as requested */
.hero{
  position:relative!important;
  overflow:hidden!important;
  padding:12px 0 38px!important;
}


/* v32: premium professional footer */
.footer-pro{position:relative;overflow:hidden;padding:70px 0 26px!important;border-top:1px solid rgba(13,113,159,.12)!important;background:linear-gradient(180deg,#f8fcfe 0%,#ffffff 55%,#f5fbfe 100%)!important}.footer-pro:before{content:"";position:absolute;right:-140px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(13,113,159,.12),rgba(13,113,159,0) 70%);pointer-events:none}.footer-pro:after{content:"";position:absolute;left:-160px;bottom:-190px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,115,0,.10),rgba(255,115,0,0) 70%);pointer-events:none}.footer-pro-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1.25fr .95fr;gap:22px;align-items:stretch}.footer-brand-card,.footer-links-card,.footer-contact-card{background:rgba(255,255,255,.86);border:1px solid rgba(13,113,159,.12);border-radius:30px;box-shadow:0 24px 70px rgba(13,52,77,.07);padding:30px}.footer-logo img{height:54px!important}.footer-brand-card p{color:#587083;line-height:1.75;margin:20px 0 0!important}.footer-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.footer-badges span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#eef8fc;color:var(--primary);font-size:12px;font-weight:800}.footer-badges i{font-size:15px}.footer-socials{display:flex;gap:10px;margin-top:24px}.footer-socials a{width:42px;height:42px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid!important;place-items:center;color:var(--primary)!important;margin:0!important;transition:.25s}.footer-socials a:hover{background:var(--primary);color:#fff!important;transform:translateY(-3px);box-shadow:0 14px 32px rgba(13,113,159,.20)}.footer-links-card{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-link-col h4,.footer-contact-card h4{font-size:18px;margin:0 0 16px!important;color:var(--ink)}.footer-link-col a{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:10px 0;color:#5c7283!important;font-weight:700;border-bottom:1px solid rgba(13,113,159,.08);transition:.2s}.footer-link-col a:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--secondary);opacity:.55;transition:.2s}.footer-link-col a:hover{color:var(--primary)!important;transform:translateX(3px)}.footer-link-col a:hover:before{opacity:1}.footer-mini-title{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900;margin-bottom:12px}.footer-contact-list{display:grid;gap:10px;margin:18px 0 20px}.footer-contact-list a{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:13px;border:1px solid rgba(13,113,159,.10);border-radius:17px;background:#fff;color:#465d70!important;font-weight:800}.footer-contact-list i{width:34px;height:34px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.footer-newsletter{margin-top:18px}.footer-newsletter label{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:10px}.footer-newsletter div{display:grid;grid-template-columns:1fr 54px;gap:10px}.footer-newsletter .input{height:50px;border-radius:15px}.footer-newsletter .btn{height:50px;padding:0;border-radius:15px}.footer-bottom-pro{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(13,113,159,.10);color:#738393;font-size:13px}.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom-links a{color:#738393!important;margin:0!important;font-weight:700}.footer-bottom-links a:hover{color:var(--primary)!important}
@media(max-width:1180px){.footer-pro-wrap{grid-template-columns:1fr}.footer-links-card{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.footer-pro{padding:44px 0 22px!important}.footer-brand-card,.footer-links-card,.footer-contact-card{padding:22px;border-radius:24px}.footer-links-card{grid-template-columns:1fr;gap:8px}.footer-bottom-pro{flex-direction:column;align-items:flex-start}.footer-newsletter div{grid-template-columns:1fr 50px}.footer-socials a{width:40px;height:40px}.footer-logo img{height:46px!important}}


/* v33: unified footer panels and 2-column footer menu */
.footer-pro-wrap{
  background:#fff!important;
  border:1px solid rgba(13,113,159,.14)!important;
  border-radius:34px!important;
  padding:18px!important;
  box-shadow:0 26px 80px rgba(13,52,77,.075)!important;
  grid-template-columns:1.05fr 1.05fr .95fr!important;
  gap:14px!important;
}
.footer-brand-card,
.footer-links-card,
.footer-contact-card{
  background:linear-gradient(180deg,#f8fcfe,#ffffff)!important;
  border:1px solid rgba(13,113,159,.12)!important;
  border-radius:24px!important;
  box-shadow:none!important;
  min-width:0!important;
}
.footer-links-card{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.footer-link-col h4{
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(13,113,159,.10)!important;
}
.footer-link-col a:last-child{border-bottom:0!important;}
@media(max-width:1180px){
  .footer-pro-wrap{grid-template-columns:1fr!important; padding:14px!important;}
  .footer-links-card{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .footer-pro-wrap{border-radius:26px!important; padding:10px!important; gap:10px!important;}
  .footer-brand-card,.footer-links-card,.footer-contact-card{border-radius:20px!important;}
  .footer-links-card{grid-template-columns:1fr!important; gap:10px!important;}
}


/* v34: mobile section spacing and separated section backgrounds */
main > .section:nth-of-type(odd){
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
}
main > .section:nth-of-type(even){
  background:linear-gradient(180deg,#f4f9fc 0%,#ffffff 100%);
}
main > .section.price-section-home{
  background:linear-gradient(180deg,#fff8f1 0%,#ffffff 100%)!important;
}
main > .section.mobile-showcase-section{
  background:linear-gradient(180deg,#eef8fc 0%,#ffffff 100%)!important;
}
main > .section.extra-feature-section{
  background:linear-gradient(180deg,#ffffff 0%,#f6fbfd 100%)!important;
}
main > .section.hosting-section{
  background:linear-gradient(135deg,#f5fbfe 0%,#ffffff 100%)!important;
}
main > .section.faq-section{
  background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)!important;
}
main > .section.references-section,
.references-section{
  background:linear-gradient(180deg,#f5f9fc 0%,#ffffff 100%)!important;
}
main > .section + .section{
  border-top:1px solid rgba(13,113,159,.07);
}
@media(max-width:980px){
  .section{padding:30px 0!important;}
  .hero{padding:12px 0 30px!important;}
}