/* EPICORE DEMO R47.18 */
.d18-hero{padding:84px 0 72px;background:radial-gradient(circle at 76% 34%,rgba(19,166,214,.14),transparent 28%),linear-gradient(125deg,#041421,#08283b)}
.d18-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center}
.d18-hero h1{margin:16px 0 20px!important;font-size:clamp(39px,4.2vw,60px)!important;line-height:1.03!important;letter-spacing:-.037em!important}
.d18-hero p{max-width:690px;color:#a4bdca!important;font-size:15px!important;line-height:1.75!important}
.d18-hero-panel{padding:26px;border:1px solid rgba(35,133,172,.55);border-radius:19px;background:linear-gradient(145deg,rgba(9,43,64,.96),rgba(4,24,37,.96))}
.d18-hero-panel>span{display:block;color:#52cfee;font-size:8px;font-weight:900;letter-spacing:.12em}
.d18-hero-panel>strong{display:block;margin:9px 0 17px;color:#edf8fb;font-size:18px;line-height:1.4}
.d18-hero-panel>div{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;padding:9px 0;border-top:1px solid rgba(30,91,119,.38);color:#8cabb9;font-size:10px}
.d18-hero-panel>div b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#07344b;color:#49caea;font-size:7px}
.d18-options,.d18-guide,.d18-see{padding:72px 0;background:#03111d}
.d18-guide{background:linear-gradient(180deg,#061827,#04131f)}
.d18-see{background:linear-gradient(180deg,#04131f,#03111d)}
.d18-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:22px}
.d18-heading h2{margin:8px 0 0!important;font-size:34px!important}
.d18-heading>p{max-width:560px;margin:0!important;color:#7d9dad!important;font-size:11px!important;line-height:1.65!important}
.d18-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.d18-option{display:flex;flex-direction:column;min-height:360px;padding:18px;border:1px solid rgba(30,94,124,.48);border-radius:15px;background:linear-gradient(145deg,#072438,#041a29)}
.d18-option.featured{border-color:rgba(38,167,208,.72);box-shadow:0 0 35px rgba(25,156,198,.08)}
.d18-option>span{color:#45c9ea;font-size:7px;font-weight:900;letter-spacing:.11em}
.d18-option h3{margin:11px 0 8px!important;font-size:18px!important}
.d18-option p{margin:0!important;color:#87a6b5!important;font-size:9.5px!important;line-height:1.6!important}
.d18-option ul{flex:1;list-style:none;padding:0;margin:15px 0;display:grid;align-content:start;gap:7px}
.d18-option li{position:relative;padding-left:14px;color:#779aaa;font-size:9px}.d18-option li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:#2bc5eb}
.d18-option .next-btn{width:100%;justify-content:center}
.d18-guide-grid{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:start}
.d18-steps{display:grid;gap:6px}
.d18-step{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:11px;border:1px solid rgba(31,94,122,.48);border-radius:10px;background:#051d2c;color:#87a8b8;text-align:left;cursor:pointer}
.d18-step>span{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#082f46;color:#49caea;font-size:8px;font-weight:900}.d18-step>b{color:#d4e8ef;font-size:10px}.d18-step>small{margin-top:2px;color:#688d9e;font-size:8px}
.d18-step:hover,.d18-step.is-active{border-color:#1aa8d3;background:#082c41;box-shadow:inset 3px 0 0 #2cc3e8}
.d18-screen{overflow:hidden;border:1px solid rgba(35,118,153,.62);border-radius:16px;background:#041827;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.d18-screen-top{height:54px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid rgba(30,94,122,.42);background:#02121d}
.d18-screen-top>div b{display:block;color:#e8f7fb;font-size:9px;letter-spacing:.08em}.d18-screen-top>div small{display:block;color:#37c4e7;font-size:6px;letter-spacing:.12em}
.d18-screen-top>span{color:#9eb9c6;font-size:9px}.d18-screen-top>i{font-style:normal;padding:5px 7px;border-radius:999px;background:#082d43;color:#52cdeb;font-size:7px}
.d18-screen-body{padding:21px}
.d18-screen-copy>span{display:block;color:#44c8e8;font-size:8px;font-weight:900;letter-spacing:.11em}.d18-screen-copy h3{margin:8px 0!important;font-size:25px!important}.d18-screen-copy p{max-width:770px;margin:0!important;color:#91adba!important;font-size:11px!important;line-height:1.65!important}
.d18-sample{margin-top:18px;padding:15px;border:1px solid rgba(30,96,125,.5);border-radius:11px;background:#061f30}.d18-sample>small{display:block;color:#5d8496;font-size:7px;text-transform:uppercase}.d18-sample>strong{display:block;margin:5px 0 11px;color:#dceef4;font-size:12px}
.d18-row{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:8px;padding:9px;border-top:1px solid rgba(28,84,110,.38);color:#84a4b3;font-size:8.5px}.d18-row span:first-child{color:#bfd5de}.d18-row span:last-child{text-align:right;color:#4bc9e8}
.d18-next{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px;padding:11px 13px;border:1px solid rgba(34,113,147,.48);border-radius:10px;background:#052235}.d18-next small{color:#5b8294;font-size:7px;text-transform:uppercase}.d18-next b{color:#a9d8e6;font-size:9px}
.d18-see-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.d18-see-grid a{min-height:130px;padding:15px;border:1px solid rgba(30,92,121,.46);border-radius:12px;background:#051d2c;text-decoration:none}.d18-see-grid a:hover{border-color:#1aa9d4;background:#07283c}.d18-see-grid span{display:block;color:#3ec7e8;font-size:8px;font-weight:900;letter-spacing:.08em}.d18-see-grid b{display:block;margin:9px 0 5px;color:#d9ecf3;font-size:12px}.d18-see-grid small{display:block;color:#7395a5;font-size:8.5px;line-height:1.45}
@media(max-width:1050px){.d18-option-grid{grid-template-columns:1fr 1fr}.d18-see-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.d18-hero{padding:54px 0}.d18-hero-grid,.d18-guide-grid{grid-template-columns:1fr}.d18-heading{display:block}.d18-heading>p{margin-top:12px!important}.d18-options,.d18-guide,.d18-see{padding:54px 0}.d18-option-grid,.d18-see-grid{grid-template-columns:1fr}.d18-option{min-height:0}.d18-steps{display:flex;overflow:auto;margin-left:-14px;margin-right:-14px;padding:0 14px 7px}.d18-step{min-width:165px}.d18-screen-top{grid-template-columns:1fr auto}.d18-screen-top>span{display:none}.d18-next{align-items:flex-start;flex-direction:column}}