/* Individual navigation: the website work leads, the booking system follows. */
.main-nav{align-items:center;gap:clamp(14px,1.8vw,27px)}
.main-nav>a,.main-nav summary{font:700 11px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#4b4b47;white-space:nowrap}
.main-nav summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.main-nav summary::-webkit-details-marker{display:none}
.main-nav summary::after{content:'⌄';font-size:16px;font-weight:400;line-height:.5;margin-top:-4px;color:#a88e00}
.main-nav summary:hover,.main-nav .nav-group[open]>summary,.main-nav a:hover,.main-nav a.active{color:#050505}
.nav-group{position:relative}
.nav-panel{position:absolute;z-index:65;top:calc(100% + 26px);left:-22px;width:248px;padding:12px;background:rgba(253,252,247,.96);border:1px solid #e5e2d5;border-radius:17px;box-shadow:0 18px 48px #0002;backdrop-filter:blur(22px)}
.nav-panel::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:27px}
.nav-panel a{display:block;padding:10px 12px;border-radius:9px;line-height:1.35;white-space:normal}
.nav-panel a:hover,.nav-panel a.active{background:#fff1ac}
.footer-links{gap:clamp(28px,4vw,70px)}
.sp-hero{background:radial-gradient(circle at 84% 18%,rgba(255,214,0,.22),transparent 29%),linear-gradient(115deg,#0c0c0c,#282823);color:#f8f7f0;padding:70px 0 76px}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:clamp(35px,5vw,90px);align-items:center}
.sp-hero .eyebrow{color:#ffda31}
.sp-hero h1{font-size:clamp(48px,5.8vw,92px);line-height:1.07;max-width:780px;margin:22px 0 25px;overflow-wrap:break-word}
.sp-hero h1 em{display:block;width:max-content;max-width:100%;margin-top:.06em}
.sp-hero p{font-size:clamp(16px,1.55vw,20px);line-height:1.6;max-width:690px;color:#d0cfc5;margin:0 0 31px}
.sp-hero .btn-outline{color:#fff;border-color:#777;background:#ffffff13;box-shadow:none}
.sp-hero .btn-outline:hover{background:#ffffff29}
.sp-hero-photo{min-height:500px;height:clamp(440px,41vw,610px);position:relative;overflow:hidden;border-radius:22px;background:#484b45;box-shadow:0 32px 70px #0006}
.sp-hero-photo img{width:100%;height:100%;object-fit:cover}
.sp-hero-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}
.sp-hero-photo span{position:absolute;z-index:1;bottom:25px;left:28px;font:800 10px Inter,Arial,sans-serif;letter-spacing:.16em;color:#fff}
.sp-cards-section{background:#f4f1e9}
.sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sp-card,.sp-price-grid article,.sp-guide-grid a{background:#fff;border:1px solid #e3e2dc;border-radius:19px;box-shadow:0 14px 35px #0000000b}
.sp-card{min-height:250px;padding:32px}
.sp-card>span,.sp-price-grid article>span,.sp-demo-grid a>span,.sp-guide-grid a>span{display:inline-block;border-radius:999px;background:#fff0a2;color:#554400;padding:7px 12px;font:800 10px Inter,Arial,sans-serif;letter-spacing:.12em}
.sp-card h3{font-size:clamp(20px,2vw,27px);line-height:1.15;margin:35px 0 12px}
.sp-card p{font-size:15px;line-height:1.65;color:#66645e;margin:0}
.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}
.sp-split-image{position:relative;min-height:490px;height:clamp(470px,43vw,630px);border-radius:20px;overflow:hidden}
.sp-split-image img{width:100%;height:100%;object-fit:cover}
.sp-split-image span{position:absolute;left:22px;bottom:22px;background:#fff;padding:9px 15px;border-radius:30px;font:800 10px Inter,Arial,sans-serif;letter-spacing:.1em;color:#111}
.sp-split h2{font-size:clamp(34px,3.9vw,65px);line-height:1.06;margin:18px 0 20px}
.sp-split p{font-size:17px;line-height:1.7;color:#67665f;max-width:620px}
.sp-split .feature-list{margin:22px 0 32px}
.sp-related{background:#171716;color:#fff;padding:34px 0}
.sp-related .container{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.sp-related span{font:800 10px Inter,Arial,sans-serif;letter-spacing:.15em;color:#ffd600;margin-right:12px}
.sp-related a{border:1px solid #666;border-radius:40px;padding:10px 16px;font:700 12px Inter,Arial,sans-serif}
.sp-related a:hover{border-color:#ffd600;color:#ffd600}
.sp-related i{font-style:normal;margin-left:10px}
.sp-price-grid,.sp-demo-grid,.sp-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.sp-price-grid article{padding:32px;min-height:340px;display:flex;flex-direction:column}
.sp-price-grid h3{font-size:clamp(24px,2.3vw,34px);line-height:1.1;margin:38px 0 10px}
.sp-price-grid p{font-size:16px;color:#66645e;line-height:1.65;margin:0 0 28px}
.sp-price-grid a{font:800 12px Inter,Arial,sans-serif;margin-top:auto}
.sp-demo-grid a{display:block;background:#fff;border:1px solid #e3e2dc;border-radius:20px;overflow:hidden;padding-bottom:28px;transition:transform .2s,box-shadow .2s}
.sp-demo-grid a:hover{transform:translateY(-5px);box-shadow:0 25px 45px #0002}
.sp-demo-grid img{width:100%;height:250px;object-fit:cover}
.sp-demo-grid a>span{margin:25px 26px 0}
.sp-demo-grid h3,.sp-demo-grid p{margin-left:26px;margin-right:26px}
.sp-demo-grid h3{font-size:26px;margin-top:23px;margin-bottom:8px}
.sp-demo-grid p{font-size:15px;color:#66645e;line-height:1.6}
.sp-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-guide-grid a{display:block;padding:32px;min-height:275px}
.sp-guide-grid h3{font-size:26px;margin:30px 0 12px}
.sp-guide-grid p{color:#66645e;font-size:15px;line-height:1.65}
.sp-guide-grid b{font:800 12px Inter,Arial,sans-serif}
.sp-article-hero{background:#171716;color:#fff;padding:85px 0 80px}
.sp-article-hero a{display:block;color:#ffd600;margin-bottom:55px;font-size:13px;font-weight:700}
.sp-article-hero h1{max-width:900px;font-size:clamp(42px,5vw,75px);line-height:1.06}
.sp-article-hero p{max-width:830px;color:#d2d0c9;font-size:19px;line-height:1.6}
.sp-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:80px}
.sp-article-layout article>section{border-bottom:1px solid #deddd5;padding:0 0 35px;margin-bottom:42px}
.sp-article-layout article>section>span{font:800 12px Inter,Arial,sans-serif;color:#ac8c00}
.sp-article-layout h2{font-size:clamp(27px,3vw,43px);margin:15px 0}
.sp-article-layout p{font-size:18px;color:#65635d;line-height:1.7}
.sp-article-next{background:#f4f0e4;border-radius:18px;padding:32px}
.sp-article-layout aside{align-self:start;position:sticky;top:120px;border:1px solid #e0ded3;border-radius:16px;padding:22px;background:#fff}
.sp-article-layout aside span{font:800 10px Inter,Arial,sans-serif;letter-spacing:.12em;color:#8f7908}
.sp-article-layout aside a{display:block;border-top:1px solid #e5e3d8;padding:13px 0;font-size:13px;font-weight:700}
.sp-article-layout aside a:first-of-type{margin-top:17px}
.sp-sitemap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.sp-sitemap>div{background:#fff;border:1px solid #e1dfd3;border-radius:18px;padding:26px}
.sp-sitemap h2{font-size:21px;margin:0 0 23px}
.sp-sitemap a{display:flex;justify-content:space-between;border-top:1px solid #e9e7df;padding:11px 0;font-size:13px;font-weight:700}
.sp-sitemap a span{color:#c7a700}
.sp-contact-hero{background:radial-gradient(circle at 72% 12%,#4e4518,#171716 54%);color:#fff;padding:85px 0}
.sp-contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:70px;align-items:center}
.sp-contact-hero .eyebrow{color:#ffdb32}
.sp-contact-hero h1{font-size:clamp(45px,5.5vw,82px);line-height:1.07;margin:18px 0 25px}
.sp-contact-hero p{font-size:18px;color:#d1cec3;line-height:1.6;max-width:720px}
.sp-contact-hero-card{background:#ffffff14;border:1px solid #ffffff38;border-radius:22px;padding:34px;backdrop-filter:blur(15px)}
.sp-contact-hero-card span,.sp-contact-heading>span,.sp-contact-aside span{font:800 10px Inter,Arial,sans-serif;letter-spacing:.15em;color:#ffd600}
.sp-contact-hero-card h2{font-size:29px;line-height:1.16;margin:20px 0}
.sp-contact-hero-card p{font-size:15px}
.sp-contact-hero-card a{font-size:13px;font-weight:700;color:#ffe66b}
.sp-contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:45px;align-items:start}
.sp-contact-form-shell{background:#fff;border:1px solid #e5e2d7;border-radius:22px;padding:clamp(25px,3vw,45px);box-shadow:0 18px 45px #00000012}
.sp-contact-heading>span{color:#9e8300}
.sp-contact-heading h2{font-size:clamp(28px,3vw,42px);margin:15px 0 12px}
.sp-contact-heading p{color:#68665f;line-height:1.6}
.sp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:30px 0}
.sp-form-grid .sp-form-grid{margin:0}
.sp-form-wide{grid-column:1/-1}
.sp-form-grid label,#contact-extra>label{display:block;font:700 12px Inter,Arial,sans-serif;color:#33332d}
.sp-form-grid input,.sp-form-grid select,.sp-form-grid textarea,#contact-extra select{display:block;width:100%;margin-top:8px;padding:13px 15px;border:1px solid #d8d6ca;border-radius:10px;background:#fbfaf5;color:#151515;font:400 15px Inter,Arial,sans-serif;outline-color:#c4a700}
.sp-form-grid textarea{resize:vertical;min-height:135px}
.sp-form-note{font-size:12px;color:#77746a;margin-bottom:0}
.sp-contact-aside{display:grid;gap:15px}
.sp-contact-aside>div{padding:25px;background:#f5f2e9;border:1px solid #e8e4d5;border-radius:17px}
.sp-contact-aside span{color:#9e8300}
.sp-contact-aside h3{font-size:21px;margin:18px 0 9px}
.sp-contact-aside p{color:#64625b;font-size:14px;line-height:1.6;margin:0}
.sp-contact-result{margin-top:25px;border-radius:16px;padding:25px;background:#f4efd5;border:1px solid #e4d587;scroll-margin-top:110px}
.sp-contact-result h3{font-size:24px;margin:0 0 10px}
.sp-contact-result p{font-size:14px;color:#5d5947}
.sp-contact-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.sp-contact-result textarea{width:100%;height:170px;border:1px solid #d8d0a9;background:#fff;border-radius:9px;padding:12px;font:13px/1.5 monospace}
@media(max-width:1190px){.main-nav.open{max-height:calc(100vh - 88px);overflow:auto;align-items:stretch;gap:0}.main-nav>a,.main-nav summary{padding:12px 0;font-size:13px}.nav-group{width:100%}.nav-panel{position:static;width:100%;padding:4px 10px 10px;box-shadow:none;border:0;background:#f3f0e5;backdrop-filter:none}.nav-panel::before{display:none}.nav-panel a{font-size:12px}.main-nav .nav-group{border-bottom:1px solid #e6e2d7}}
@media(max-width:900px){.sp-hero-grid,.sp-split,.sp-contact-hero-grid,.sp-contact-layout{grid-template-columns:1fr}.sp-hero-photo{height:420px;min-height:0}.sp-card-grid,.sp-price-grid,.sp-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-sitemap{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-contact-layout{gap:25px}.sp-contact-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.main-nav.open{max-height:calc(100vh - 70px)}.sp-hero,.sp-contact-hero{padding:55px 0}.sp-hero h1,.sp-contact-hero h1{font-size:clamp(42px,9vw,65px)}.sp-split-image{height:370px;min-height:0}.sp-article-layout{grid-template-columns:1fr;gap:25px}.sp-article-layout aside{position:static}.sp-related .container{align-items:flex-start}}
@media(max-width:550px){.sp-card-grid,.sp-price-grid,.sp-demo-grid,.sp-guide-grid,.sp-sitemap,.sp-contact-aside,.sp-form-grid,.sp-form-grid .sp-form-grid{grid-template-columns:1fr}.sp-hero-photo{height:320px}.sp-card,.sp-price-grid article{min-height:0}.sp-demo-grid img{height:205px}.sp-contact-form-shell{padding:22px}.sp-contact-hero-card{padding:24px}.sp-contact-result-actions .btn{width:100%}}
