/* Welcome page — keep the original artwork and orange palette, with quieter surfaces. */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');

html { scroll-behavior:smooth; }
.welcome-page { margin:0; background:#1b1b1b; color:#ddd; font-family:"Heebo",sans-serif; font-size:16px; line-height:1.7; }
.welcome-page h1,.welcome-page h2,.welcome-page h3,.welcome-page h4 { color:#fff; line-height:1.25; }
.welcome-page h2 { font-size:clamp(26px,3vw,36px); font-weight:600; letter-spacing:-.025em; }
.welcome-page p { font-size:16px; line-height:1.8; color:#c7c7c7; margin:0 0 20px; }
.welcome-page a { text-decoration:none; transition:color .18s,background .18s,border-color .18s; }
.welcome-page a:focus-visible,.welcome-page button:focus-visible { outline:2px solid #ffc188; outline-offset:4px; }
.welcome-page ul { list-style:none; margin:0; padding:0; }
.welcome-page [id] { scroll-margin-top:28px; }

/*---------------------------------------------------- Header ----------------------------------------------------*/
.header_section {
    width: 100%;
    background-image: url(../../images/render-blender-banner.jpg);
    background-size: cover;
    background-position: 20% center;
    float: left;
}
.navbar {display: block;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light { background: transparent !important; }
.navbar-light .navbar-toggler { border-color: #000; }
.navbar-light .navbar-toggler-icon { color: #fff; }
.nav-link:hover, .nav-link:focus { color: #F3792B; }
.logo {width: 80px; float: left; margin-top: -10px;}
.logo img {width: 100%;}
.navigation-bar {float:left;margin-left:20px;}
.nav-link {padding: 0 17px; font-size: 14pt; color: #fff; text-transform: uppercase;}

/*---------------------------------------------------- Hero Banner ----------------------------------------------------*/
.layout_padding {padding-top: 80px; padding-bottom: 0px;}
.banner_section {width: 100%; float: left; padding-bottom: 80px;}
.banner_render {color: #fff; font-size: 50pt; font-weight: 700; line-height: 1.2; padding-bottom: 0;}
.browse_text {color: #fff; font-size: 24px; margin-bottom: 20px; line-height: 1.5;}
.banner_bt {width: 100%; float: left; margin-top: 20px;}
.read_bt {width: 15%; min-width: 120px;}
.read_bt a {display: block; background: #F3792B; color: #fff; font-size: 17pt; border-radius: 5px; padding: 10px 0; text-align: center;}
.read_bt a:hover {background: #0e0e10; color: #fff;}
.sub_menu {width: 100%; float: left; margin-top: 30px;}
.sub_menu li {float: left; padding: 0 18px; font-size: 14pt; color: #fff; margin-top: 50px; font-weight: 400;}
.sub_menu li span {font-size: 24px; font-weight: bold; color: #F3792B; margin-left: -10px;}

@media (max-width: 999.98px) {
    .header_section > .container-fluid {
        padding-top: 0;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        padding-top: 0;
    }

    .logo {
        margin-top: 0;
    }

    .sub_menu {
        display: none;
    }
}


/* Introduction and pricing. */
.about_section { padding:76px 0 30px; }.about_section h2 { max-width:760px; margin-bottom:20px; }.information_about { padding-top:14px; }.information_about p { max-width:510px; }
.pricing_section { padding:40px 0 76px; }.pricing { width:100%; max-width:600px; }.calculator { background:#292929; border:1px solid #45413d; border-radius:14px; padding:36px; box-shadow:0 16px 40px #0002; }.calculator h2 { text-align:left; font-size:28px; margin:0 0 28px; padding-bottom:24px; border-bottom:1px solid #444; }.calculator .form-group { margin-bottom:20px; }.calculator label { display:block; font-size:14px; font-weight:400; color:#d0d0d0; margin-bottom:8px; }.calculator input,.calculator select { width:100%; min-height:48px; border:1px solid #555; border-radius:8px; padding:11px 14px; background:#222; color:#eee; font-family:inherit; font-size:15px; color-scheme:dark; }.calculator input::placeholder { color:#999; }.calculator input:focus,.calculator select:focus { outline:2px solid #e5a05f44; outline-offset:1px; border-color:#e5a05f; }
.custom-btn { display:block; width:100%; padding:13px 20px; border:1px solid #b87844; border-radius:8px; background:#513622; color:#ffd0a7; font-size:15px; font-weight:600; transition:background .18s; }.custom-btn:hover { background:#68452c; }
#result { display:none; margin-top:24px; padding:18px; border:1px solid #65523f; border-radius:8px; background:#342a22; }.calculator #result h3 { margin:0; font-size:20px; color:#ffe0bf; }

/* Original warm gradient, now with scannable specification cards. */
.specifications_section { padding:76px 0; background:linear-gradient(180deg,#1b1b1b 0%,#6a3921 65%,#ca682c 100%); }.specifications_section>.container { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.specifications_section .row { margin:0; }.specifications_section .row>* { padding:0; }.specifications_section .message { padding:26px; border:1px solid #ffffff25; border-radius:12px; background:#1c19177a; }.specifications_section .message h2 { font-size:22px; letter-spacing:-.01em; margin-bottom:12px; }.specifications_section p { color:#e0d6cf; margin:0; overflow-wrap:anywhere; }.specifications_section .message:first-child { grid-column:1/-1; background:none; border:0; padding:0 0 12px; }.specifications_section .message:first-child h2 { font-size:34px; margin-bottom:18px; }.specifications_section .message:nth-last-child(2) { grid-column:1/-1; }.specifications_section .row:last-child { grid-column:1/-1; text-align:center; padding-top:26px; }.specifications_section .row:last-child h2 { font-size:28px; }.read_cta { margin-top:24px; }.read_cta a { background:#fff1e6; border-color:#fff1e6; color:#7b3d16; }

/* FAQ disclosure cards. */
.faq_section { padding:76px 0; background:#181614; }.faq_section .title h2 { text-align:center; margin-bottom:42px; }.faq_section .container { max-width:950px; }.faq_section h3 { font-size:15px; font-weight:500; color:#c6ac98; margin:32px 0 14px; }.faq_section .card { background:#252321; border:1px solid #423c36; border-radius:10px; margin-bottom:12px; overflow:hidden; }.faq_section .card-header { padding:0; border:0; }.faq_section .card-header h4 { margin:0; }.faq_section .card-header button { display:flex; justify-content:space-between; gap:20px; min-height:68px; white-space:normal; width:100%; padding:18px 22px; border:0; border-radius:0; color:#eee; font-size:17px; font-weight:500; text-align:left; line-height:1.5; }.faq_section .card-header button::after { content:'+'; flex-shrink:0; color:#e5a05f; font-size:22px; font-weight:400; }.faq_section .card-header button[aria-expanded=true]::after { content:'−'; }.faq_section .card-header button:hover { background:#302923; color:#ffcfaa; }.faq_section .card-header button:focus-visible { outline-offset:-4px; }.faq_section .card-body { border-top:1px solid #423c36; padding:20px 22px; color:#c8c0ba; font-size:15px; line-height:1.85; }

/* Add-on artwork and footer. */
.cta_section { padding:80px 0; background-image:linear-gradient(90deg,#151515db,#15151533),url('../../images/cta-banner-img.jpg'); background-size:cover; background-position:center; }.cta_section h4 { font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#ffb27e; margin:0 0 14px; }.cta_section h2 { max-width:660px; margin-bottom:30px; }.cta_section .row>.col-md-9 { width:100%; }.cta_section .row .row { align-items:center; gap:24px; }.image_blender { width:150px; }.image_blender img { width:130px; height:auto; }.welcome-addon-copy { width:min(560px,100%); }.cta_section p { color:#eee; margin:0; }.cta_section b { font-weight:500; }
/*---------------------------------------------------- Footer ----------------------------------------------------*/
.footer_section {width:100%; float:left; padding:80px 0; background:#2B2927;}
.footer_section .footer_logo {max-width:90px; margin-top:-110px;}
.footer_section h3, .footer_section p {color:#fff;}
.footer_section .contact {padding-left:40px;}
.copyright {background:#000; padding:20px; text-align:center; color:#ccc;}


/* Original header/banner and footer sizing, including mobile. */
.header_section .nav-link { font-weight:400; }
.header_section .banner_render { margin:0; letter-spacing:normal; line-height:1.2; }
.header_section .browse_text { font-size:24px; line-height:1.5; color:#fff; }
.header_section,.footer_section { float:none; display:flow-root; }
.read_cta a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 28px; border:1px solid #fff1e6; border-radius:8px; font-size:16px; font-weight:600; }
.read_cta a:hover { background:#fff; }
.header_section .browse_text b { font-weight:700; }
.header_section .sub_menu ul { display:block; }
.header_section .sub_menu::after { content:''; display:block; clear:both; }
.footer_section p,.copyright p { font-size:15px; line-height:24px; }
.footer_section .quick_text { font-size:16px; font-weight:400; }
.copyright p { margin:0 0 20px; }
@media (max-width:575.98px) {
    .header_section .navbar { display:flex; align-items:flex-start; justify-content:space-between; width:100%; }
    .logo { float:none; width:58px; margin-top:0; }
    .navigation-bar { clear:both; float:none; width:100%; margin-left:0; margin-top:12px; }
    .nav-link { padding:8px 0; font-size:13pt; }
    .layout_padding { padding-top:56px; }
    .banner_section { padding-bottom:48px; }
    .banner_render { font-size:36pt; line-height:1.12; overflow-wrap:anywhere; }
    .header_section .browse_text { font-size:18px; line-height:1.45; }
    .read_bt { width:auto; min-width:0; max-width:220px; }
    .read_bt a { font-size:15pt; padding:9px 20px; }
}
@media(max-width:600px) {
    .about_section { padding:44px 0 12px; }.information_about p { margin-bottom:8px; }.pricing_section { padding:24px 0 48px; }.pricing { padding-inline:12px; }.calculator { padding:24px; }.calculator h2 { font-size:25px; }
    .specifications_section { padding:48px 0; }.specifications_section>.container { grid-template-columns:1fr; gap:14px; }.specifications_section .message { padding:22px; }.specifications_section .message:first-child h2 { font-size:28px; }.specifications_section .message h2 { font-size:20px; }.specifications_section .row:last-child h2 { font-size:25px; }
    .faq_section { padding:48px 0; }.faq_section>.container-fluid { padding-inline:0; }.faq_section .title h2 { margin-bottom:28px; }.faq_section .card-header button { padding:16px 18px; font-size:16px; }.faq_section .card-body { padding:18px; }
    .cta_section { padding:52px 0; }.cta_section h2 { font-size:28px; }.image_blender { width:100px; }.image_blender img { width:90px; }.cta_section .row .row { gap:16px; }
}

.header_section::after { content:""; display:block; clear:both; }
