/* Homepage concepts 01, 02, 04, 06, 07 and 08. All controls remain real HTML. */
#de-landing #de-home-design{--dh-green:#10d991;position:relative;isolation:isolate;background:#00251a;color:#f5fff9;font-family:Inter,"Segoe UI",Arial,sans-serif;overflow:hidden;padding:0 0 50px;}
#de-landing #de-home-design::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,#087b4f35,transparent 60%),repeating-radial-gradient(ellipse at 90% 15%,transparent 0 100px,#36ed9b08 102px 103px,transparent 105px 150px);}
#de-landing .dh-wrap{width:90%;max-width:1480px;margin:auto;display:flex;flex-direction:column;gap:30px;}
#de-landing .dh-hero{order:1;position:relative;min-height:440px;display:flex;align-items:center;padding:55px 0;}
#de-landing .dh-hero::before{content:"";position:absolute;inset:0 -5.6%;z-index:-1;background:linear-gradient(90deg,#00251a 0%,#00251a80 33%,transparent 60%),url('../img/home-styles/home-servers.png') center/cover no-repeat;}
#de-landing .dh-copy{width:57%;position:relative;z-index:1;}
#de-landing .dh-copy h1{font-size:clamp(40px,4.7vw,76px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0 0 18px;color:#f5fff9;max-width:850px;}
#de-landing .dh-copy h1 em{display:block;font-style:normal;color:#10df8a;}
#de-landing .dh-lead{font-size:clamp(17px,1.65vw,25px);line-height:1.5;color:#bedfd0;margin:0 0 27px;}
#de-landing .dh-cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#ffd600;color:#071e14;padding:16px 25px;border-radius:11px;font-size:17px;font-weight:650;text-decoration:none;box-shadow:0 8px 22px #0002;transition:background .15s;}
#de-landing .dh-cta:hover{background:#ffe84b;}
#de-landing .dh-highlights{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:20px;margin:25px 0 0;font-size:12px;color:#c3e3d4;}
#de-landing .dh-highlights li{display:flex;align-items:center;gap:9px;}
#de-landing .dh-highlights svg{width:20px;height:20px;}
#de-landing .dh-eyebrow{display:none;}
#de-landing .dh-domain{order:2;position:relative;}
#de-landing #de-home-design .de-domain-strip{display:block;width:100%;max-width:none;background:#003c2a55;border:1px solid #3da47a66;border-radius:20px;padding:25px 5%;margin:0;text-align:center;box-sizing:border-box;}
#de-landing #de-home-design .de-domain-intro h2{color:#f5fff9;font-size:clamp(24px,2.6vw,36px);font-weight:650;line-height:1.3;margin:0 0 8px;letter-spacing:-.025em;}
#de-landing #de-home-design .de-domain-intro p{font-size:15px;color:#c4e2d4;margin:0 0 20px;}
#de-landing #de-home-design .de-domain-form{display:flex;align-items:center;gap:12px;width:100%;max-width:none;margin:0;background:#fff;border:5px solid #fff;padding:0 0 0 15px;border-radius:12px;min-height:66px;box-shadow:0 10px 30px #001c1930;}
#de-landing #de-home-design .de-domain-form>svg{flex:none;width:24px;height:24px;stroke:#6b7280;fill:none;}
#de-landing #de-home-design .de-domain-form input[type=text]{flex:1;min-width:0;width:auto;border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;color:#0f172a;font-size:17px;padding:14px 0;line-height:1.4;}
#de-landing #de-home-design .de-domain-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:16px 24px;min-height:56px;border:0;border-radius:8px;background:#080e0c;color:#fff;font-size:15px;white-space:nowrap;}
#de-landing #de-home-design .de-domain-submit svg{width:22px;height:22px;fill:none;stroke:currentColor;}
#de-landing #de-home-design .de-domain-extensions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:14px 0 0;}
#de-landing #de-home-design .de-domain-extensions>button,#de-landing #de-home-design .de-domain-more>summary{border:1px solid #bcdfd0;background:#ddf4e9;color:#073526;border-radius:10px;padding:8px 15px;font-size:12px;line-height:1.5;min-height:36px;}
#de-landing #de-home-design .de-domain-extensions button[aria-pressed=true]{background:#15d88e;border-color:#15d88e;color:#002b1d;}
#de-landing #de-home-design .de-domain-note{display:none;}
#de-landing .dh-services{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
#de-landing .dh-service{position:relative;display:flex;align-items:center;gap:20px;border:1px solid #138e6666;border-radius:17px;min-width:0;padding:24px;background:linear-gradient(140deg,#01442b55,#001f1755);color:#f5fff9;text-decoration:none;transition:border-color .15s,background .15s;overflow:hidden;}
#de-landing .dh-service:hover{border-color:#2fe1a0;background:#07583c66;}
#de-landing .dh-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 62px;width:62px;height:62px;background:linear-gradient(145deg,#08734d,#003825);border:1px solid #14b78088;border-radius:16px;color:#b9ffe1;}
#de-landing .dh-service-icon svg{width:32px;height:32px;}
#de-landing .dh-service h2{font-size:21px;font-weight:600;line-height:1.3;color:#f5fff9;margin:0 0 9px;}
#de-landing .dh-service p{font-size:14px;line-height:1.6;color:#bfdfcf;margin:0;}
#de-landing .dh-service-action{display:block;margin-top:15px;color:#20e39e;font-size:13px;font-weight:600;}
#de-landing .dh-service-art{display:none;}
#de-landing .dh-service-domain,#de-landing .dh-service-services,#de-landing .dh-service-support{display:none;}
#de-landing .dh-console{display:none;}
#de-landing .dh-preview{padding:12px 5%;background:#fff0bb;color:#4f3900;text-align:center;font-size:14px;}
/* Domain-first: central domain entry and upright service cards. */
#de-landing .dh-domain-first .dh-hero{min-height:230px;padding:65px 0 10px;text-align:center;justify-content:center;}
#de-landing .dh-domain-first .dh-hero::before{display:none;}
#de-landing .dh-domain-first .dh-copy{width:100%;}
#de-landing .dh-domain-first .dh-copy h1{max-width:none;font-size:clamp(36px,4.5vw,72px);}
#de-landing .dh-domain-first .dh-copy h1 em{display:inline;}
#de-landing .dh-domain-first .dh-cta,#de-landing .dh-domain-first .dh-highlights{display:none;}
#de-landing .dh-domain-first .de-domain-intro{display:none;}
#de-landing #de-home-design.dh-domain-first .de-domain-strip{padding:0 5% 10px;background:none;border:0;}
#de-landing .dh-domain-first .dh-services{width:76%;gap:16px;position:relative;min-height:280px;}
#de-landing .dh-domain-first .dh-services::after{content:"";position:absolute;z-index:-1;inset:-30px -34% -60px 80%;background:url('../img/home-styles/home-servers.png') 80% center/auto 100% no-repeat;}
#de-landing .dh-domain-first .dh-service{display:flex;flex-direction:column;align-items:flex-start;padding:26px;}
#de-landing .dh-domain-first .dh-service-vps,#de-landing .dh-domain-first .dh-service-dedicated{display:none;}
#de-landing .dh-domain-first .dh-service-domain,#de-landing .dh-domain-first .dh-service-services{display:flex;}
#de-landing .dh-domain-first .dh-service-action{color:#ffdc00;margin-top:25px;}
/* Premium-minimal: quiet typography and boxed domain search. */
#de-landing .dh-premium-minimal .dh-hero{min-height:480px;}
#de-landing .dh-premium-minimal .dh-copy h1{font-size:clamp(40px,5.6vw,88px);}
#de-landing .dh-premium-minimal .dh-copy h1 em{color:#f5fff9;}
#de-landing .dh-premium-minimal .dh-services,#de-landing .dh-premium-minimal .dh-highlights{display:none;}
#de-landing #de-home-design.dh-premium-minimal .de-domain-intro{text-align:start;}
/* Service catalog: four cards before search. */
#de-landing .dh-service-catalog .dh-hero{justify-content:center;text-align:center;min-height:300px;padding:45px 0 15px;}
#de-landing .dh-service-catalog .dh-hero::before{opacity:.35;}
#de-landing .dh-service-catalog .dh-copy{width:80%;}
#de-landing .dh-service-catalog .dh-copy h1{font-size:clamp(38px,4.3vw,68px);max-width:800px;margin-inline:auto;}
#de-landing .dh-service-catalog .dh-highlights{display:none;}
#de-landing .dh-service-catalog .dh-services{order:2;grid-template-columns:repeat(4,minmax(0,1fr));}
#de-landing .dh-service-catalog .dh-domain{order:3;}
#de-landing .dh-service-catalog .dh-service{display:flex;flex-direction:column;align-items:flex-start;padding:25px;min-height:330px;}
#de-landing .dh-service-catalog .dh-service-domain{display:flex;}
#de-landing .dh-service-catalog .dh-service-icon{display:none;}
#de-landing .dh-service-catalog .dh-service-vps{background:linear-gradient(145deg,#008c55,#003f2b);border-color:#1be897;}
#de-landing .dh-service-catalog .dh-service-art{display:block;max-width:100%;height:150px;object-fit:contain;margin:auto;}
#de-landing .dh-service-catalog .dh-service-art-vector{display:flex;align-items:center;justify-content:center;color:#80fbc2;width:100%;}
#de-landing .dh-service-art-vector svg{width:110px;height:110px;filter:drop-shadow(0 6px 10px #1bff9b33);}
#de-landing #de-home-design.dh-service-catalog .de-domain-strip{background:none;border:0;padding:0 7%;}
/* Control-center: an illustrative console, never a fabricated live-status feed. */
#de-landing .dh-control-center .dh-hero{gap:35px;min-height:450px;}
#de-landing .dh-control-center .dh-copy{width:51%;}
#de-landing .dh-control-center .dh-hero::before{opacity:.25;}
#de-landing .dh-control-center .dh-eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid #137d5966;background:#07523655;border-radius:10px;color:#cefbe5;font-size:12px;margin-bottom:20px;}
#de-landing .dh-eyebrow svg{width:18px;height:18px;}
#de-landing .dh-control-center .dh-highlights{display:none;}
#de-landing .dh-control-center .dh-console{display:block;flex:1;min-width:0;background:linear-gradient(135deg,#003c2be8,#001e17ed);padding:25px;border:1px solid #10b981;border-radius:20px;transform:perspective(1300px) rotateY(-9deg);box-shadow:0 25px 70px #00d98520;}
#de-landing .dh-console-head{display:flex;justify-content:space-between;gap:12px;font-size:15px;}
#de-landing .dh-console-head>span{font-size:10px;color:#6ee7b7;}
#de-landing .dh-chart{display:block;width:100%;height:auto;margin:20px 0;border:1px solid #38896a66;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 16%,#8de8b313 16% 16.2%);}
#de-landing .dh-console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
#de-landing .dh-console-grid>div{padding:12px 9px;border:1px solid #0e865466;background:#00563944;border-radius:10px;font-size:10px;}
#de-landing .dh-console-grid svg{width:24px;height:24px;color:#7af7c0;display:block;margin-bottom:10px;}
#de-landing .dh-console-grid i{display:block;height:4px;background:#34d399;border-radius:4px;margin-top:12px;}
#de-landing .dh-control-center .dh-services{grid-template-columns:repeat(4,minmax(0,1fr));}
#de-landing .dh-control-center .dh-service{padding:15px 12px;border:0;border-radius:0;background:none;border-inline-end:1px solid #27876166;gap:15px;}
#de-landing .dh-control-center .dh-service h2{font-size:17px;}
#de-landing .dh-control-center .dh-service p{font-size:12px;}
#de-landing .dh-control-center .dh-service-action{display:none;}
#de-landing .dh-control-center .dh-service-vps,#de-landing .dh-control-center .dh-service-dedicated{display:none;}
#de-landing .dh-control-center .dh-service-domain,#de-landing .dh-control-center .dh-service-services,#de-landing .dh-control-center .dh-service-support{display:flex;}
#de-landing #de-home-design.dh-control-center .de-domain-strip{border:0;background:none;padding:0 7%;}
/* Enterprise: wider banner and horizontal service tiles. */
#de-landing .dh-enterprise-grid .dh-wrap{width:90%;max-width:1550px;gap:25px;}
#de-landing .dh-enterprise-grid .dh-hero{min-height:470px;}
#de-landing .dh-enterprise-grid .dh-copy::before{content:"";display:block;width:180px;height:4px;background:linear-gradient(90deg,#23d99c 45%,#096547 45%);margin-bottom:25px;}
#de-landing .dh-enterprise-grid .dh-highlights,#de-landing .dh-enterprise-grid .de-domain-intro{display:none;}
#de-landing #de-home-design.dh-enterprise-grid .de-domain-strip{padding:0 8%;border:0;background:none;}
#de-landing #de-home-design.dh-enterprise-grid .de-domain-note{display:block;font-size:12px;color:#b4dacc;margin:10px 0 0;}
#de-landing .dh-enterprise-grid .dh-service-vps,#de-landing .dh-enterprise-grid .dh-service-dedicated{display:none;}
#de-landing .dh-enterprise-grid .dh-service-domain,#de-landing .dh-enterprise-grid .dh-service-services{display:flex;}
#de-landing .dh-enterprise-grid .dh-service{min-height:160px;}
#de-landing .dh-enterprise-grid .dh-service-icon{width:85px;height:85px;flex-basis:85px;background:transparent;border:0;}
#de-landing .dh-enterprise-grid .dh-service-icon svg{width:65px;height:65px;}
#de-landing[dir=rtl] .dh-hero::before{transform:scaleX(-1);}
#de-landing[dir=rtl] .dh-copy h1{letter-spacing:0;line-height:1.3;}
#de-landing #de-home-design a:focus-visible,#de-landing #de-home-design button:focus-visible{outline:3px solid #facc15;outline-offset:4px;}
@media(max-width:1000px){#de-landing .dh-wrap{width:92%;gap:24px}#de-landing .dh-hero{min-height:380px}#de-landing .dh-service{gap:12px;padding:18px}#de-landing .dh-service h2{font-size:18px}#de-landing .dh-service p{font-size:12px}#de-landing .dh-service-icon{width:48px;height:48px;flex-basis:48px}#de-landing .dh-control-center .dh-services{grid-template-columns:repeat(2,minmax(0,1fr))}#de-landing .dh-service-catalog .dh-services{grid-template-columns:repeat(2,minmax(0,1fr))}#de-landing .dh-domain-first .dh-services{width:100%}#de-landing .dh-domain-first .dh-services::after{display:none}#de-landing .dh-enterprise-grid .dh-service-icon{flex-basis:48px;width:48px}#de-landing .dh-enterprise-grid .dh-service-icon svg{width:42px;height:42px}}
@media(max-width:650px){#de-landing #de-home-design{padding-bottom:30px}#de-landing .dh-wrap,#de-landing .dh-enterprise-grid .dh-wrap{width:90%;gap:22px}#de-landing .dh-hero,#de-landing .dh-premium-minimal .dh-hero,#de-landing .dh-enterprise-grid .dh-hero{min-height:0;padding:40px 0 200px}#de-landing .dh-hero::before{inset:150px -6% 0;background-position:80% center;background-size:auto 100%;background-image:linear-gradient(180deg,#00251a,transparent 45%),url('../img/home-styles/home-servers.png')}#de-landing .dh-copy,#de-landing .dh-control-center .dh-copy{width:100%}#de-landing .dh-copy h1,#de-landing .dh-premium-minimal .dh-copy h1{font-size:42px}#de-landing .dh-lead{font-size:17px}#de-landing .dh-cta{padding:13px 20px;font-size:15px}#de-landing .dh-highlights{gap:10px;font-size:10px}#de-landing #de-home-design .de-domain-strip{padding:23px 6%}#de-landing #de-home-design .de-domain-intro h2{font-size:25px}#de-landing #de-home-design .de-domain-intro p{font-size:12px}#de-landing #de-home-design .de-domain-form{flex-wrap:wrap;padding:8px;gap:7px}#de-landing #de-home-design .de-domain-form>svg{width:19px;height:19px}#de-landing #de-home-design .de-domain-form input[type=text]{font-size:14px;padding:10px 0}#de-landing #de-home-design .de-domain-submit{width:100%;min-height:44px;padding:11px;font-size:13px}#de-landing #de-home-design .de-domain-extensions{gap:6px}#de-landing #de-home-design .de-domain-extensions>button,#de-landing #de-home-design .de-domain-more>summary{padding:6px 9px;font-size:11px;min-height:30px}#de-landing .dh-services,#de-landing .dh-control-center .dh-services{grid-template-columns:1fr}#de-landing .dh-service{padding:20px}#de-landing .dh-domain-first .dh-hero{padding:40px 0 0;min-height:0}#de-landing .dh-domain-first .dh-copy h1{font-size:39px}#de-landing .dh-domain-first .dh-service{flex-direction:row;align-items:center}#de-landing .dh-service-catalog .dh-hero{min-height:0;padding:40px 0 15px}#de-landing .dh-service-catalog .dh-copy{width:100%}#de-landing .dh-service-catalog .dh-services{gap:12px}#de-landing .dh-service-catalog .dh-service{padding:16px;min-height:300px}#de-landing .dh-service-catalog .dh-service h2{font-size:18px}#de-landing .dh-service-catalog .dh-service-art{height:110px}#de-landing .dh-control-center .dh-hero{display:flex;flex-direction:column;gap:30px;padding:35px 0 0}#de-landing .dh-control-center .dh-console{width:100%;box-sizing:border-box;padding:18px;transform:none}#de-landing .dh-console-head{font-size:13px}#de-landing .dh-control-center .dh-service{border-inline-end:0;border-bottom:1px solid #27876166}#de-landing .dh-enterprise-grid .dh-service{min-height:130px}#de-landing .dh-domain-first .de-domain-strip,#de-landing #de-home-design.dh-enterprise-grid .de-domain-strip,#de-landing #de-home-design.dh-service-catalog .de-domain-strip,#de-landing #de-home-design.dh-control-center .de-domain-strip{padding-inline:0}}

#de-landing .dh-hero::before{background-size:100% 100%,auto 100%;background-position:center,right center;background-color:#00251a;}
#de-landing .dh-domain-first .dh-service-support,#de-landing .dh-service-catalog .dh-service-services,#de-landing .dh-service-catalog .dh-service-support{display:none;}

#de-landing #de-home-design .de-domain-submit span{display:inline!important;}
#de-landing[dir=rtl] .dh-copy{text-align:right;}
#de-landing[dir=rtl] .dh-domain-first .dh-copy,#de-landing[dir=rtl] .dh-service-catalog .dh-copy{text-align:center;}