html.sv-lock,html.sv-lock body{overflow:hidden!important}
/* ========================================================================
   SOLARVENTA PREMIUM — theme layer
   Extends the landing design system into inner pages, drawers, forms and CMS.
   ======================================================================== */
#sv-modern{min-height:100vh;overflow:clip}
#sv-modern button,#sv-modern input,#sv-modern textarea,#sv-modern select{font-family:inherit}
#sv-modern button{color:inherit}
#sv-modern .sv-head-actions>button{padding:0}
#sv-modern .sv-cart-toggle{padding:0}
#sv-modern .sv-mega-cta{margin-top:18px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:11px;color:#fff;height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800}
#sv-modern .sv-mega-cta svg{width:15px}
#sv-modern .sv-mobile-logo{font-size:22px;font-weight:900;letter-spacing:.14em;color:var(--sv-950)}
#sv-modern .sv-footer-wordmark{font-size:27px;font-weight:900;letter-spacing:.12em;color:var(--sv-950)}
#sv-modern .sv-footer-contact{display:grid;gap:8px;margin-top:20px}
#sv-modern .sv-footer-contact a{display:flex;align-items:center;gap:9px;color:#68748a;font-size:13px}
#sv-modern .sv-footer-contact svg{width:17px;color:var(--sv)}
#sv-modern .sv-center-action{display:flex;justify-content:center;margin-top:36px}
#sv-modern .sv-faq-cta{margin-top:22px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);color:#fff}
#sv-modern .sv-product__cat a{color:inherit}
#sv-modern .sv-product h3 a{color:inherit}
#sv-modern .sv-product--dynamic .sv-product__media{display:grid}
#sv-modern .sv-product--dynamic .sv-product__media img{max-height:210px;width:auto}
#sv-modern .sv-product--dynamic .sv-price .price{display:flex;flex-direction:column;gap:2px}
#sv-modern .sv-product--dynamic .sv-price ins{text-decoration:none}
#sv-modern .sv-product--dynamic .sv-price .amount{font-size:20px;font-weight:840;color:var(--sv-950)}
#sv-modern .sv-product--dynamic .sv-price del .amount{font-size:10px;color:#9aa3b4;font-weight:600}
#sv-modern .sv-product--demo .sv-add{border:0}

/* hero video enhancement while retaining original layout */
#sv-modern .sv-hero-stage--video{background:linear-gradient(145deg,var(--sv-950),var(--sv))}
#sv-modern .sv-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;filter:saturate(.7) contrast(1.08);mix-blend-mode:screen}
#sv-modern .sv-hero-video-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,33,63,.92) 0%,rgba(59,77,141,.68) 55%,rgba(71,96,166,.46) 100%);z-index:1}
#sv-modern .sv-stage-copy,#sv-modern .sv-hero-product{z-index:3}

/* shared inner page */
#sv-modern .sv-inner{background:#fff}
#sv-modern .sv-simple-hero{position:relative;padding:92px 0 88px;background:linear-gradient(180deg,#fff,var(--sv-50));border-bottom:1px solid var(--line);overflow:hidden}
#sv-modern .sv-simple-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,77,141,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(59,77,141,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent)}
#sv-modern .sv-simple-hero .sv-shell{position:relative;z-index:1;max-width:1160px}
#sv-modern .sv-simple-hero h1{margin:15px 0 0;max-width:970px;font-size:clamp(44px,6vw,80px);line-height:.97;letter-spacing:-.06em;color:var(--sv-950)}
#sv-modern .sv-simple-hero p{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.65}
#sv-modern .sv-simple-hero--compact{padding:66px 0}
#sv-modern .sv-simple-hero--compact h1{font-size:clamp(40px,5vw,64px)}
#sv-modern .sv-breadcrumb-inline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:28px;color:#8892a4;font-size:11px;font-weight:720}
#sv-modern .sv-breadcrumb-inline a:hover{color:var(--sv)}
#sv-modern .sv-breadcrumb-inline b{color:var(--sv-900);font-weight:760}
#sv-modern .sv-content-page{padding:72px 0 110px}
#sv-modern .sv-content-page>.sv-shell{max-width:1100px}
#sv-modern .sv-richtext{font-size:17px;line-height:1.78;color:#566176}
#sv-modern .sv-richtext>*:first-child{margin-top:0}
#sv-modern .sv-richtext h2,#sv-modern .sv-richtext h3,#sv-modern .sv-richtext h4{color:var(--sv-950);letter-spacing:-.035em;line-height:1.15}
#sv-modern .sv-richtext h2{margin:48px 0 16px;font-size:clamp(29px,3vw,43px)}
#sv-modern .sv-richtext h3{margin:34px 0 12px;font-size:24px}
#sv-modern .sv-richtext p{margin:0 0 18px}
#sv-modern .sv-richtext ul,#sv-modern .sv-richtext ol{padding-left:22px;margin:20px 0}
#sv-modern .sv-richtext li{margin:8px 0}
#sv-modern .sv-richtext a{color:var(--sv);text-decoration:underline;text-underline-offset:3px}
#sv-modern .sv-richtext blockquote{margin:30px 0;border-left:4px solid var(--sv);padding:18px 22px;background:var(--sv-50);border-radius:0 14px 14px 0;color:var(--sv-900)}

/* inquiry modal + forms */
#sv-modern .sv-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px;pointer-events:none;opacity:0;transition:.24s ease}
#sv-modern .sv-modal.is-open{pointer-events:auto;opacity:1}
#sv-modern .sv-modal__backdrop{position:absolute;inset:0;background:rgba(9,15,31,.68);backdrop-filter:blur(9px)}
#sv-modern .sv-modal__dialog{position:relative;z-index:2;width:min(920px,100%);max-height:min(880px,calc(100vh - 40px));overflow:auto;border-radius:28px;background:#fff;padding:34px;box-shadow:0 40px 120px rgba(4,10,24,.35)}
#sv-modern .sv-modal__close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}
#sv-modern .sv-modal__close svg{width:17px}
#sv-modern .sv-modal__copy{padding-right:62px;margin-bottom:25px}
#sv-modern .sv-modal__copy h2{margin:11px 0 0;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.045em;color:var(--sv-950)}
#sv-modern .sv-modal__copy p{max-width:670px;margin:13px 0 0;color:#748094;line-height:1.6}
#sv-modern .sv-inquiry-form{position:relative}
#sv-modern .sv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#sv-modern .sv-form-grid label{display:grid;gap:7px;color:#536077;font-size:11px;font-weight:800}
#sv-modern .sv-form-grid label>span{text-transform:uppercase;letter-spacing:.055em}
#sv-modern .sv-form-grid input,#sv-modern .sv-form-grid select,#sv-modern .sv-form-grid textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px;outline:0;color:var(--ink);transition:.18s ease}
#sv-modern .sv-form-grid input,#sv-modern .sv-form-grid select{height:50px}
#sv-modern .sv-form-grid textarea{padding-top:13px;resize:vertical}
#sv-modern .sv-form-grid input:focus,#sv-modern .sv-form-grid select:focus,#sv-modern .sv-form-grid textarea:focus{border-color:var(--sv-300);box-shadow:0 0 0 4px rgba(59,77,141,.06)}
#sv-modern .sv-form-full{grid-column:1/-1}
#sv-modern .sv-form-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}
#sv-modern .sv-form-consent{display:flex;align-items:flex-start;gap:8px;color:#7c879a;font-size:11px;line-height:1.45;max-width:480px}
#sv-modern .sv-form-consent input{margin-top:2px}
#sv-modern .sv-form-status{min-height:20px;margin-top:11px;color:var(--sv);font-size:12px;font-weight:750}
#sv-modern .sv-inquiry-form.is-loading{opacity:.65;pointer-events:none}
#sv-modern .sv-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

/* cart drawer */
#sv-modern .sv-cart-drawer{position:fixed;inset:0;z-index:210;pointer-events:none}
#sv-modern .sv-cart-drawer__backdrop{position:absolute;inset:0;background:rgba(9,15,31,.58);opacity:0;backdrop-filter:blur(4px);transition:.25s ease}
#sv-modern .sv-cart-drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(500px,96vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:.3s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 80px rgba(8,15,34,.17)}
#sv-modern .sv-cart-drawer.is-open{pointer-events:auto}
#sv-modern .sv-cart-drawer.is-open .sv-cart-drawer__backdrop{opacity:1}
#sv-modern .sv-cart-drawer.is-open .sv-cart-drawer__panel{transform:none}
#sv-modern .sv-cart-drawer__head{min-height:78px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
#sv-modern .sv-cart-drawer__head>div{display:flex;align-items:baseline;gap:9px}
#sv-modern .sv-cart-drawer__head span{font-size:20px;font-weight:850;color:var(--sv-950)}
#sv-modern .sv-cart-drawer__head strong{font-size:11px;color:#8993a5;font-weight:700}
#sv-modern .sv-cart-drawer__head button{width:41px;height:41px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}
#sv-modern .sv-mini-cart__content{flex:1;display:flex;flex-direction:column;min-height:0}
#sv-modern .sv-mini-items{overflow:auto;padding:8px 22px 0}
#sv-modern .sv-mini-item{display:grid;grid-template-columns:76px 1fr 34px;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
#sv-modern .sv-mini-item__image{width:76px;height:76px;border-radius:13px;background:var(--sv-50);display:grid;place-items:center;padding:7px}
#sv-modern .sv-mini-item__image img{max-width:100%;max-height:100%;object-fit:contain}
#sv-modern .sv-mini-item__title{display:block;color:var(--sv-950);font-size:13px;line-height:1.35;font-weight:780}
#sv-modern .sv-mini-item__meta{margin-top:7px;color:#7a8498;font-size:11px}
#sv-modern .sv-mini-remove{border:0;background:transparent;color:#9aa3b4;width:34px;height:34px;display:grid;place-items:center}
#sv-modern .sv-mini-remove:hover{color:#c24141}
#sv-modern .sv-mini-remove svg{width:15px}
#sv-modern .sv-mini-cart__footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 22px 24px;background:#fff}
#sv-modern .sv-mini-subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#sv-modern .sv-mini-subtotal span{color:#768195;font-size:12px}
#sv-modern .sv-mini-subtotal strong{font-size:22px;color:var(--sv-950);letter-spacing:-.04em}
#sv-modern .sv-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#sv-modern .sv-mini-empty{text-align:center;margin:auto;padding:50px 34px}
#sv-modern .sv-mini-empty__icon{margin:0 auto 20px;width:70px;height:70px;border-radius:22px;background:var(--sv-50);display:grid;place-items:center;color:var(--sv)}
#sv-modern .sv-mini-empty__icon svg{width:29px}
#sv-modern .sv-mini-empty h3{margin:0;color:var(--sv-950);font-size:24px;letter-spacing:-.035em}
#sv-modern .sv-mini-empty p{margin:10px auto 20px;max-width:330px;color:#7a8497;line-height:1.55;font-size:13px}

/* services archive */
#sv-modern .sv-page-hero{padding:74px 0 80px;background:linear-gradient(180deg,#fff,var(--sv-50))}
#sv-modern .sv-page-hero__grid{display:grid;grid-template-columns:1fr .72fr;gap:66px;align-items:center}
#sv-modern .sv-page-hero h1{margin:16px 0 0;max-width:820px;font-size:clamp(46px,5.7vw,76px);line-height:.97;letter-spacing:-.058em;color:var(--sv-950)}
#sv-modern .sv-page-hero p{max-width:690px;margin:23px 0 27px;color:#68748a;font-size:17px;line-height:1.65}
#sv-modern .sv-page-hero__visual{position:relative;min-height:450px;border-radius:29px;background:var(--sv-950);overflow:hidden;box-shadow:0 30px 70px rgba(35,52,103,.18)}
#sv-modern .sv-page-hero__visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
#sv-modern .sv-page-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(23,33,63,.2),rgba(23,33,63,.72))}
#sv-modern .sv-page-hero__badge{position:absolute;z-index:2;left:24px;bottom:24px;padding:17px 19px;border-radius:17px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);backdrop-filter:blur(16px);color:#fff}
#sv-modern .sv-page-hero__badge strong{font-size:34px;letter-spacing:-.055em}
#sv-modern .sv-page-hero__badge span{display:block;margin-top:2px;color:#d5def7;font-size:11px}
#sv-modern .sv-service-archive{padding:100px 0 115px}
#sv-modern .sv-service-archive__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#sv-modern .sv-service-card{position:relative;min-height:390px;border:1px solid var(--line);border-radius:23px;padding:22px;background:linear-gradient(145deg,#fff,var(--sv-50));overflow:hidden;display:flex;flex-direction:column;transition:.28s ease}
#sv-modern .sv-service-card:hover{transform:translateY(-6px);border-color:var(--sv-300);box-shadow:0 22px 50px rgba(38,55,102,.11)}
#sv-modern .sv-service-card__top{display:flex;justify-content:space-between;align-items:center;color:#8590a4;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
#sv-modern .sv-service-card__top i{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;color:var(--sv);font-style:normal;background:#fff}
#sv-modern .sv-service-card__top svg{width:15px}
#sv-modern .sv-service-card__icon{height:130px;margin:23px 0 16px;display:flex;align-items:center;justify-content:flex-end}
#sv-modern .sv-service-card__icon img{height:120px;width:170px;object-fit:contain}
#sv-modern .sv-service-card h2{margin:0;color:var(--sv-950);font-size:24px;line-height:1.08;letter-spacing:-.035em}
#sv-modern .sv-service-card p{margin:11px 0 0;color:#748094;font-size:13px;line-height:1.55}
#sv-modern .sv-service-card__link{margin-top:auto;padding-top:20px;color:var(--sv);font-size:12px;font-weight:820;display:flex;align-items:center;gap:8px}
#sv-modern .sv-service-card__link svg{width:15px;transition:.2s}
#sv-modern .sv-service-card:hover .sv-service-card__link svg{transform:translateX(4px)}
#sv-modern .sv-inner-cta{padding:0 0 110px}
#sv-modern .sv-inner-cta__box{border-radius:28px;padding:42px 46px;background:linear-gradient(135deg,var(--sv-950),var(--sv));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}
#sv-modern .sv-inner-cta__box .sv-kicker{color:#cbd6f5}
#sv-modern .sv-inner-cta__box .sv-kicker:before{background:#9cace0}
#sv-modern .sv-inner-cta__box h2{margin:10px 0 0;max-width:760px;font-size:clamp(31px,4vw,50px);line-height:1;letter-spacing:-.05em}
#sv-modern .sv-inner-cta__box p{max-width:680px;color:#cbd5f1;line-height:1.55}
#sv-modern .sv-inner-cta__box .sv-btn--light{background:#fff;color:var(--sv-950);flex:0 0 auto}

/* single service */
#sv-modern .sv-service-hero{padding:62px 0 72px;background:linear-gradient(180deg,#fff,var(--sv-50));overflow:hidden}
#sv-modern .sv-service-hero__grid{display:grid;grid-template-columns:1.05fr .75fr;gap:78px;align-items:center}
#sv-modern .sv-service-hero h1{margin:15px 0 0;font-size:clamp(46px,5.5vw,76px);line-height:.96;letter-spacing:-.058em;color:var(--sv-950)}
#sv-modern .sv-service-hero__lead{max-width:700px;margin:22px 0 0;color:#657188;font-size:18px;line-height:1.6}
#sv-modern .sv-service-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
#sv-modern .sv-service-hero__trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:#68748a;font-size:11px;font-weight:730}
#sv-modern .sv-service-hero__trust span{display:flex;align-items:center;gap:6px}
#sv-modern .sv-service-hero__trust svg{width:15px;color:var(--sv)}
#sv-modern .sv-service-hero__visual{position:relative;min-height:510px;border-radius:29px;background:linear-gradient(145deg,var(--sv-950),var(--sv));overflow:hidden;box-shadow:0 30px 80px rgba(38,55,102,.19)}
#sv-modern .sv-service-hero__visual>img{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);width:70%;height:62%;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(8,15,35,.24))}
#sv-modern .sv-service-orb{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.15);right:-170px;top:-170px}
#sv-modern .sv-service-orb:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.06);left:-260px;bottom:-260px}
#sv-modern .sv-service-hero__stat{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;border-radius:17px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);backdrop-filter:blur(14px);padding:15px 17px;color:#fff;display:flex;align-items:center;gap:14px}
#sv-modern .sv-service-hero__stat strong{font-size:27px;letter-spacing:-.045em}
#sv-modern .sv-service-hero__stat span{color:#d7def4;font-size:11px}
#sv-modern .sv-service-content{padding:95px 0 110px}
#sv-modern .sv-service-content__grid{display:grid;grid-template-columns:1fr 410px;gap:72px;align-items:start}
#sv-modern .sv-service-content .sv-richtext{max-width:780px}
#sv-modern .sv-service-content .sv-richtext>.sv-kicker{margin-bottom:10px}
#sv-modern .sv-content-highlight{margin:40px 0;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,var(--sv-950),var(--sv));color:#fff}
#sv-modern .sv-content-highlight strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.025em}
#sv-modern .sv-content-highlight p{margin:9px 0 0;color:#d9e0f6;font-size:13px;line-height:1.55}
#sv-modern .sv-inline-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
#sv-modern .sv-inline-steps>div{border:1px solid var(--line);border-radius:17px;padding:18px;background:#fff}
#sv-modern .sv-inline-steps span{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--sv-50);color:var(--sv);font-size:11px;font-weight:850}
#sv-modern .sv-inline-steps h3{margin:25px 0 6px;font-size:17px}
#sv-modern .sv-inline-steps p{margin:0;font-size:12px;line-height:1.5;color:#7b8598}
#sv-modern .sv-service-sidebar{position:sticky;top:115px;display:grid;gap:14px}
#sv-modern .sv-side-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,var(--sv-50));padding:22px}
#sv-modern .sv-side-card>h3{margin:9px 0 19px;color:var(--sv-950);font-size:25px;line-height:1.08;letter-spacing:-.035em}
#sv-modern .sv-side-card .sv-form-grid{grid-template-columns:1fr}
#sv-modern .sv-side-card .sv-form-full{grid-column:auto}
#sv-modern .sv-side-card .sv-form-foot{display:grid}
#sv-modern .sv-side-card .sv-form-foot .sv-btn{width:100%}
#sv-modern .sv-side-card--dark{background:var(--sv-950);border:0;color:#fff}
#sv-modern .sv-side-card--dark>small{display:block;color:#9eadd4;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:10px;margin-bottom:8px}
#sv-modern .sv-side-card--dark>a{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
#sv-modern .sv-side-card--dark>a:last-child{border-bottom:0}
#sv-modern .sv-side-card--dark>a>svg{width:20px;color:#b8c4e7}
#sv-modern .sv-side-card--dark a span{display:grid}
#sv-modern .sv-side-card--dark b{font-size:13px}
#sv-modern .sv-side-card--dark em{font-style:normal;color:#9caad0;font-size:10px;margin-top:3px}
#sv-modern .sv-related-services{padding:90px 0 105px;background:var(--sv-50)}
#sv-modern .sv-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#sv-modern .sv-related-grid>a{position:relative;border:1px solid var(--line);border-radius:19px;background:#fff;padding:21px;min-height:230px;transition:.22s}
#sv-modern .sv-related-grid>a:hover{transform:translateY(-4px);border-color:var(--sv-300);box-shadow:var(--shadow2)}
#sv-modern .sv-related-grid>a>span{color:#8791a4;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
#sv-modern .sv-related-grid h3{margin:12px 0 0;color:var(--sv-950);font-size:20px;line-height:1.12;letter-spacing:-.03em}
#sv-modern .sv-related-grid p{margin:10px 0 0;color:#788397;font-size:12px;line-height:1.5;padding-right:24px}
#sv-modern .sv-related-grid>a>svg{position:absolute;right:19px;bottom:19px;width:17px;color:var(--sv)}

/* about/contact */
#sv-modern .sv-about-hero{padding:74px 0 85px;background:linear-gradient(180deg,#fff,var(--sv-50))}
#sv-modern .sv-about-hero__grid{display:grid;grid-template-columns:1fr .78fr;gap:68px;align-items:center}
#sv-modern .sv-about-hero h1,#sv-modern .sv-contact-page h1{margin:14px 0 0;font-size:clamp(46px,5.5vw,74px);line-height:.97;letter-spacing:-.058em;color:var(--sv-950)}
#sv-modern .sv-about-hero p,#sv-modern .sv-contact-page__copy>p{margin:22px 0 28px;color:#677389;font-size:17px;line-height:1.65}
#sv-modern .sv-about-hero__visual{min-height:470px;border-radius:29px;overflow:hidden;position:relative;background:var(--sv-950)}
#sv-modern .sv-about-hero__visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
#sv-modern .sv-about-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(23,33,63,.75))}
#sv-modern .sv-about-hero__visual>div{position:absolute;z-index:2;left:22px;bottom:22px;color:#fff;padding:15px 17px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}
#sv-modern .sv-about-hero__visual strong{display:block;font-size:31px;letter-spacing:-.05em}
#sv-modern .sv-about-hero__visual span{font-size:10px;color:#d0d9f5}
#sv-modern .sv-about-values{padding:100px 0;background:#fff}
#sv-modern .sv-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#sv-modern .sv-value-grid>div{border:1px solid var(--line);border-radius:20px;padding:22px;min-height:240px}
#sv-modern .sv-value-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sv-50);color:var(--sv);font-size:11px}
#sv-modern .sv-value-grid h3{margin:55px 0 8px;color:var(--sv-950);font-size:19px}
#sv-modern .sv-value-grid p{margin:0;color:#7a8598;font-size:12px;line-height:1.55}
#sv-modern .sv-contact-page{padding:75px 0 95px;background:linear-gradient(180deg,#fff,var(--sv-50))}
#sv-modern .sv-contact-page__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
#sv-modern .sv-contact-details{display:grid;gap:10px;margin-top:36px}
#sv-modern .sv-contact-details>a,#sv-modern .sv-contact-details>div{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
#sv-modern .sv-contact-details i{width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--sv);font-style:normal}
#sv-modern .sv-contact-details i svg{width:20px}
#sv-modern .sv-contact-details span{display:grid;gap:3px}
#sv-modern .sv-contact-details small{color:#8b95a7;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
#sv-modern .sv-contact-details strong{color:var(--sv-950);font-size:15px}
#sv-modern .sv-contact-form-card{border:1px solid var(--line);border-radius:26px;background:#fff;padding:28px;box-shadow:0 24px 60px rgba(35,52,103,.1)}
#sv-modern .sv-contact-form-card>h2{margin:9px 0 24px;color:var(--sv-950);font-size:34px;letter-spacing:-.04em}

/* projects, posts */
#sv-modern .sv-projects,#sv-modern .sv-post-archive{padding:88px 0 110px}
#sv-modern .sv-project-grid,#sv-modern .sv-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
#sv-modern .sv-project-card,#sv-modern .sv-post-grid article>a{display:block;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.25s ease}
#sv-modern .sv-project-card:hover,#sv-modern .sv-post-grid article>a:hover{transform:translateY(-5px);border-color:var(--sv-300);box-shadow:var(--shadow2)}
#sv-modern .sv-project-card__media,#sv-modern .sv-post-grid article>a>img{height:260px;background:var(--sv-50);overflow:hidden;width:100%;object-fit:cover}
#sv-modern .sv-project-card__media img{width:100%;height:100%;object-fit:cover}
#sv-modern .sv-project-card__body,#sv-modern .sv-post-grid article>a{color:inherit}
#sv-modern .sv-project-card__body{padding:19px}
#sv-modern .sv-project-card__body>span,#sv-modern .sv-post-grid article>a>span{color:#8b95a8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
#sv-modern .sv-project-card h2,#sv-modern .sv-post-grid h2{margin:9px 0 0;color:var(--sv-950);font-size:21px;line-height:1.15;letter-spacing:-.03em}
#sv-modern .sv-project-card p,#sv-modern .sv-post-grid p{margin:9px 0 0;color:#788397;font-size:12px;line-height:1.5}
#sv-modern .sv-project-card b,#sv-modern .sv-post-grid b{display:flex;align-items:center;gap:7px;margin-top:17px;color:var(--sv);font-size:11px}
#sv-modern .sv-project-card b svg,#sv-modern .sv-post-grid b svg{width:14px}
#sv-modern .sv-post-grid article>a{padding:0 0 19px}
#sv-modern .sv-post-grid article>a>span,#sv-modern .sv-post-grid article>a>h2,#sv-modern .sv-post-grid article>a>p,#sv-modern .sv-post-grid article>a>b{margin-left:18px;margin-right:18px}
#sv-modern .sv-post-grid article>a>span{display:block;margin-top:17px}
#sv-modern .sv-project-single{padding:62px 0 100px}
#sv-modern .sv-project-single header{max-width:900px;margin-bottom:38px}
#sv-modern .sv-project-single header h1{margin:13px 0 0;font-size:clamp(44px,5vw,70px);line-height:.98;letter-spacing:-.055em;color:var(--sv-950)}
#sv-modern .sv-project-single header p{font-size:17px;color:#6f7a8e;line-height:1.6}
#sv-modern .sv-project-single__hero{height:min(64vw,700px);border-radius:28px;overflow:hidden;margin-bottom:55px;background:var(--sv-50)}
#sv-modern .sv-project-single__hero img{width:100%;height:100%;object-fit:cover}
#sv-modern .sv-project-single__content,#sv-modern .sv-blog-single__body>.sv-richtext{max-width:850px;margin-inline:auto}
#sv-modern .sv-blog-single__body{padding:55px 0 105px}
#sv-modern .sv-blog-single__image{max-width:1150px;height:min(60vw,650px);border-radius:26px;overflow:hidden;margin:0 auto 45px}
#sv-modern .sv-blog-single__image img{width:100%;height:100%;object-fit:cover}
#sv-modern .sv-empty-state{grid-column:1/-1;text-align:center;padding:70px 30px;border:1px dashed var(--sv-300);border-radius:22px;background:var(--sv-50)}
#sv-modern .sv-empty-state h2{margin:0;color:var(--sv-950);font-size:31px;letter-spacing:-.04em}
#sv-modern .sv-empty-state p{color:#768195}
#sv-modern .sv-error-page{padding:130px 0;text-align:center;background:linear-gradient(180deg,#fff,var(--sv-50));min-height:70vh;display:grid;place-items:center}
#sv-modern .sv-error-page .sv-shell>span{display:block;color:var(--sv);font-size:clamp(90px,17vw,210px);line-height:.8;font-weight:900;letter-spacing:-.08em;opacity:.16}
#sv-modern .sv-error-page h1{margin:25px 0 0;color:var(--sv-950);font-size:48px;letter-spacing:-.05em}
#sv-modern .sv-error-page p{max-width:570px;margin:14px auto 25px;color:#748094;line-height:1.6}
#sv-modern .sv-error-page .sv-shell>div{display:flex;justify-content:center;gap:9px}

/* pagination */
#sv-modern .nav-links,#sv-modern .woocommerce-pagination ul{display:flex!important;justify-content:center;gap:7px;margin:35px 0 0!important;padding:0!important;border:0!important;list-style:none}
#sv-modern .nav-links a,#sv-modern .nav-links span,#sv-modern .woocommerce-pagination a,#sv-modern .woocommerce-pagination span{min-width:42px;height:42px;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#657187!important;font-size:12px!important;font-weight:780!important;padding:0 11px!important}
#sv-modern .nav-links .current,#sv-modern .woocommerce-pagination .current{background:var(--sv)!important;color:#fff!important;border-color:var(--sv)!important}

@media(max-width:1100px){
  #sv-modern .sv-service-archive__grid{grid-template-columns:1fr 1fr}
  #sv-modern .sv-service-content__grid{grid-template-columns:1fr 350px;gap:42px}
  #sv-modern .sv-page-hero__grid,#sv-modern .sv-service-hero__grid,#sv-modern .sv-about-hero__grid{gap:42px}
  #sv-modern .sv-value-grid{grid-template-columns:1fr 1fr}
  #sv-modern .sv-project-grid,#sv-modern .sv-post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:880px){
  #sv-modern .sv-page-hero__grid,#sv-modern .sv-service-hero__grid,#sv-modern .sv-about-hero__grid,#sv-modern .sv-contact-page__grid{grid-template-columns:1fr}
  #sv-modern .sv-page-hero__visual,#sv-modern .sv-service-hero__visual,#sv-modern .sv-about-hero__visual{min-height:430px;max-width:760px}
  #sv-modern .sv-service-content__grid{grid-template-columns:1fr}
  #sv-modern .sv-service-sidebar{position:static}
  #sv-modern .sv-related-grid{grid-template-columns:1fr 1fr}
  #sv-modern .sv-inner-cta__box{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  #sv-modern .sv-modal{padding:10px}
  #sv-modern .sv-modal__dialog{padding:24px 17px;border-radius:20px;max-height:calc(100vh - 20px)}
  #sv-modern .sv-modal__copy{padding-right:42px}
  #sv-modern .sv-form-grid{grid-template-columns:1fr}
  #sv-modern .sv-form-full{grid-column:auto}
  #sv-modern .sv-form-foot{display:grid}
  #sv-modern .sv-form-foot .sv-btn{width:100%}
  #sv-modern .sv-service-archive{padding:72px 0 82px}
  #sv-modern .sv-service-archive__grid,#sv-modern .sv-related-grid,#sv-modern .sv-value-grid,#sv-modern .sv-project-grid,#sv-modern .sv-post-grid{grid-template-columns:1fr}
  #sv-modern .sv-service-card{min-height:350px}
  #sv-modern .sv-page-hero,#sv-modern .sv-service-hero,#sv-modern .sv-about-hero,#sv-modern .sv-contact-page{padding:48px 0 60px}
  #sv-modern .sv-page-hero h1,#sv-modern .sv-service-hero h1,#sv-modern .sv-about-hero h1,#sv-modern .sv-contact-page h1{font-size:clamp(42px,13vw,58px)}
  #sv-modern .sv-page-hero__visual,#sv-modern .sv-service-hero__visual,#sv-modern .sv-about-hero__visual{min-height:360px}
  #sv-modern .sv-service-content{padding:70px 0 80px}
  #sv-modern .sv-inline-steps{grid-template-columns:1fr}
  #sv-modern .sv-inner-cta__box{padding:30px 22px;border-radius:22px}
  #sv-modern .sv-cart-drawer__panel{width:100%}
  #sv-modern .sv-mini-actions{grid-template-columns:1fr}
  #sv-modern .sv-simple-hero{padding:54px 0}
  #sv-modern .sv-simple-hero h1{font-size:clamp(40px,12vw,56px)}
  #sv-modern .sv-error-page .sv-shell>div{display:grid}
}