/* SiteHub OpenCart Atelier 2026 — isolated to [data-oc26] */
.oc26,.oc26 *{box-sizing:border-box}
.oc26{--oc-blue:#B2B2B2;--oc-navy:#0F0F0F;--oc-text:#F5F5F5;--oc-muted:#949494;--oc-border:rgba(255,255,255,0.1);--oc-rad:26px;position:relative;left:50%;transform:translateX(-50%);width:min(1320px,calc(100vw - 44px));padding:18px 0 88px;color:var(--oc-text);font-family:inherit}
.oc26 button,.oc26 a{font:inherit}
.oc26 h1,.oc26 h2,.oc26 h3,.oc26 p{margin-top:0}
.oc26 a{text-decoration:none}
.oc26 .oc26-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor}
.oc26 .oc26-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.3;letter-spacing:.115em;font-weight:750;text-transform:uppercase}
.oc26 .oc26-eyebrow .oc26-icon{width:17px;height:17px}
.oc26-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(28px,4vw,62px);align-items:center;padding:clamp(32px,4.6vw,70px);min-height:590px;background:linear-gradient(136deg,#0F0F0F 0%,#111111 100%);border-radius:34px;overflow:hidden;color:white;box-shadow:0 24px 70px rgba(0,0,0,0.192)}
.oc26-hero-copy{min-width:0}
.oc26-hero .oc26-eyebrow{color:#FF8A00;margin-bottom:22px}
.oc26-hero h1{font-size:clamp(32px,3.8vw,56px);font-weight:790;letter-spacing:-.052em;line-height:1.055;max-width:690px;margin:0 0 23px;color:white;text-wrap:balance;overflow-wrap:normal}
.oc26-hero .oc26-intro{font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:#D1D1D1;max-width:550px;margin:0 0 28px}
.oc26-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.oc26 .oc26-button{border:0;appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:12px 21px;border-radius:13px;font-size:14px;line-height:1.2;font-weight:750;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,box-shadow .22s ease;color:inherit}
.oc26 .oc26-button .oc26-icon{height:17px;width:17px}
.oc26 .oc26-button--primary{background:#E8421C;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.32)}
.oc26 .oc26-button--primary:hover{background:#E8421C;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,0.48)}
.oc26 .oc26-button--ghost{color:white;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.024)}
.oc26 .oc26-button--ghost:hover{background:rgba(255,255,255,0.06)}
.oc26 .oc26-button--solid{background:#E8421C;color:#fff}
.oc26 .oc26-button--solid:hover{background:#E8421C;transform:translateY(-2px)}
.oc26-trust{margin-top:35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;max-width:560px}
.oc26-trust span{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#D1D1D1;line-height:1.35}
.oc26-trust .oc26-icon{width:15px;height:15px;color:#FF8A00}
.oc26-tool{background:#141414;color:#F5F5F5;border-radius:24px;padding:22px;box-shadow:0 18px 36px rgba(0,0,0,.17);min-width:0;align-self:center}
.oc26-tool-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.oc26-tool .oc26-eyebrow{margin:0;color:#FF8A00;font-size:10px}
.oc26-tool-symbol{font-weight:850;letter-spacing:-.07em;font-size:24px;color:#D1D1D1}
.oc26-tool h2{font-size:clamp(20px,1.7vw,26px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 16px;color:#F5F5F5}
.oc26-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.oc26-option{display:flex;align-items:center;gap:9px;min-height:61px;text-align:left;color:#F5F5F5;background:#121212;border:1px solid rgba(255,255,255,0.1);border-radius:13px;padding:11px 12px;font-size:12px;line-height:1.25;font-weight:690;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.oc26-option>.oc26-icon:first-child{color:#FF8A00;width:19px;height:19px}
.oc26-option>.oc26-icon:last-child{width:13px;height:13px;margin-left:auto;color:#9A9A9A;transition:transform .2s}
.oc26-option.is-selected,.oc26-option[aria-pressed=true]{border-color:rgba(255,110,40,0.55);background:#121212;color:#FF8A00}
.oc26-option:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-1px)}
.oc26-option:hover>.oc26-icon:last-child{transform:translateX(3px)}
.oc26-explanation{min-height:178px;background:#141414;border-radius:16px;margin:12px 0 0;padding:16px 18px}
.oc26-explainer[hidden]{display:none!important}
.oc26-explainer{animation:oc26Fade .25s ease both}
.oc26-explainer h3{font-size:17px;letter-spacing:-.026em;line-height:1.3;color:#F5F5F5;margin:0 0 7px}
.oc26-explainer p{font-size:12px;line-height:1.55;color:#949494;margin:0 0 11px}
.oc26-explainer ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.oc26-explainer li{display:flex;gap:4px;align-items:center;border-radius:9px;padding:5px 7px;background:#141414;border:1px solid rgba(255,255,255,0.1);font-size:10px;color:#F5F5F5}
.oc26-explainer li .oc26-icon{width:12px;height:12px;color:#FF8A00}
.oc26-note{display:block;color:#949494;font-size:10px;line-height:1.5;margin:11px 0 0}
.oc26-section{padding:72px 24px 0}
.oc26-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:29px}
.oc26-section-heading h2,.oc26-faq h2{font-size:clamp(26px,2.7vw,39px);line-height:1.14;letter-spacing:-.045em;font-weight:760;max-width:680px;color:#F5F5F5;margin:0;text-wrap:balance}
.oc26-section-heading>p{color:#949494;font-size:14px;line-height:1.6;max-width:430px;margin:0}
.oc26-section .oc26-eyebrow{color:#FF8A00;margin-bottom:12px}
.oc26-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-scope-row{display:grid;grid-template-columns:29px 43px minmax(0,1fr);gap:12px;align-items:start;padding:23px 20px;background:#141414;border:1px solid #262626;border-radius:19px;transition:transform .22s,box-shadow .22s}
.oc26-scope-row:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,0.112)}
.oc26-scope-num{padding-top:8px;color:#B2B2B2;font-size:11px;font-weight:750}
.oc26-scope-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#121212;color:#FF8A00;border-radius:13px}
.oc26-scope-row h3{font-size:17px;line-height:1.3;margin:3px 0 6px;font-weight:730;color:#F5F5F5}
.oc26-scope-row p{font-size:13px;color:#949494;line-height:1.6;margin:0}
.oc26-method{background:#141414;border-radius:28px;padding:36px 34px 34px;margin-top:74px}
.oc26-method .oc26-section-heading{margin-bottom:24px}
.oc26-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oc26-step{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:15px;display:flex;align-items:center;gap:14px;padding:17px;min-height:64px;cursor:pointer;color:#F5F5F5;text-align:left;transition:background-color .2s,box-shadow .2s,border-color .2s}
.oc26-step b{font-size:12px;color:#FF8A00}.oc26-step span{font-size:15px;font-weight:740;color:#F5F5F5}
.oc26-step.is-active{background:#131313;border-color:#1F1F1F;box-shadow:0 10px 26px rgba(0,0,0,0.272)}
.oc26-step.is-active b,.oc26-step.is-active span{color:white}
.oc26-step-details{min-height:120px;background:#141414;border-radius:17px;padding:25px 28px;margin-top:12px;border:1px solid rgba(255,255,255,0.1)}
.oc26-step-details>div[hidden]{display:none!important}
.oc26-step-details>div{animation:oc26Fade .24s ease both}
.oc26-step-details p{font-size:15px;line-height:1.6;color:#F5F5F5;margin:0 0 14px}
.oc26-step-details strong{display:flex;gap:9px;align-items:flex-start;color:#FF8A00;font-size:13px;line-height:1.5}
.oc26-step-details strong .oc26-icon{width:16px;height:16px}
.oc26-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-case{padding:22px 24px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;align-items:start;background:#141414;border-radius:19px;border:1px solid rgba(255,255,255,0.1);color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.oc26-case:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,0.112);border-color:rgba(255,255,255,0.1)}
.oc26-case-icon{width:43px;height:43px;border-radius:13px;background:#121212;color:#FF8A00;display:flex;align-items:center;justify-content:center}
.oc26-case strong{display:block;font-size:19px;line-height:1.2;margin:2px 0 7px;color:#FF8A00}
.oc26-case small{display:block;color:#949494;line-height:1.55;font-size:13px;min-height:44px}
.oc26-case-link{grid-column:2;display:flex;align-items:center;gap:9px;color:#FF8A00;font-size:12px;font-weight:740;padding-top:5px}
.oc26-case-link .oc26-icon{width:15px;height:15px}
.oc26-pricing{margin-top:74px;padding:38px 34px;background:#141414;border-radius:27px}
.oc26-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-price{border-radius:17px;background:#141414;border:1px solid rgba(255,255,255,0.1);padding:23px 24px}
.oc26-price h3{font-size:17px;letter-spacing:-.02em;margin:0 0 6px;color:#FF8A00}
.oc26-price p{font-size:13px;line-height:1.55;color:#949494;min-height:40px;margin:0 0 18px}
.oc26-price>div{display:flex;align-items:baseline;gap:8px}
.oc26-price>div small{font-size:12px;color:#949494}
.oc26-price>div strong{font-size:32px;font-weight:780;letter-spacing:-.045em;color:#FF8A00;line-height:1}
.oc26-price>div span{font-size:13px;font-weight:650;color:#949494}
.oc26-price-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:19px}
.oc26-price-footer p{color:#949494;font-size:12px;line-height:1.65;max-width:690px;margin:0}
.oc26-faq{padding-top:77px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}
.oc26-faq-items{display:grid;gap:8px}
.oc26-faq details{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:0 17px;overflow:hidden}
.oc26-faq details[open]{border-color:rgba(255,255,255,0.1);box-shadow:0 5px 16px rgba(0,0,0,0.064)}
.oc26-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;font-weight:700;font-size:14px;cursor:pointer;list-style:none;color:#F5F5F5;line-height:1.5}
.oc26-faq summary::-webkit-details-marker{display:none}
.oc26-faq summary>span{display:flex;align-items:center;justify-content:center}
.oc26-faq summary .oc26-icon{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s;color:#FF8A00}
.oc26-faq details[open] summary .oc26-icon{transform:rotate(-90deg)}
.oc26-faq details p{margin:0 0 19px;color:#949494;font-size:13px;line-height:1.65}
.oc26-final{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:74px;padding:36px 38px;border-radius:27px;background:#101010;color:white}
.oc26-final h2{font-size:clamp(24px,2.2vw,33px);letter-spacing:-.035em;line-height:1.15;max-width:690px;margin:0 0 10px;color:white}
.oc26-final p{margin:0;color:#D1D1D1;line-height:1.6;font-size:13px;max-width:690px}
.oc26-final-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;min-width:235px}
.oc26-final-actions>a{color:#FF8A00;font-weight:650;font-size:12px}
.oc26-final-actions>a:hover{color:white}
.oc26 :is(a,button,summary):focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:3px}
@keyframes oc26Fade{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1060px){.oc26-hero{grid-template-columns:1fr;padding:42px;gap:30px;min-height:0}.oc26-hero h1{max-width:850px}.oc26-tool{width:100%;max-width:none}.oc26-tool h2{font-size:22px}.oc26-trust{max-width:none}}
@media(max-width:760px){.oc26{width:calc(100vw - 24px);padding:10px 0 50px}.oc26-hero{padding:26px 22px;border-radius:24px;gap:27px}.oc26-hero h1{font-size:clamp(31px,8vw,43px);line-height:1.07}.oc26 .oc26-button{min-height:46px}.oc26-tool{padding:17px;border-radius:19px}.oc26-options{gap:7px}.oc26-option{min-height:61px;padding:9px;gap:6px;font-size:11px}.oc26-option>.oc26-icon:first-child{width:16px;height:16px}.oc26-explanation{padding:13px}.oc26-section{padding:54px 8px 0}.oc26-section-heading{display:block;margin-bottom:19px}.oc26-section-heading>p{margin-top:12px}.oc26-scope-list,.oc26-cases,.oc26-prices{grid-template-columns:1fr}.oc26-scope-row{padding:18px;grid-template-columns:26px 36px minmax(0,1fr)}.oc26-scope-icon{width:36px;height:36px}.oc26-method,.oc26-pricing{margin-top:54px;padding:24px 17px;border-radius:22px}.oc26-steps{grid-template-columns:1fr;gap:7px}.oc26-step{min-height:54px;padding:13px}.oc26-step-details{padding:17px;min-height:0}.oc26-case{padding:18px}.oc26-price-footer{display:block}.oc26-price-footer .oc26-button{margin-top:17px}.oc26-faq{display:block;padding-top:55px}.oc26-faq-items{margin-top:22px}.oc26-final{margin-top:53px;padding:26px 20px;border-radius:23px;display:block}.oc26-final-actions{min-width:0;align-items:stretch;margin-top:20px}.oc26-final-actions>a{text-align:center}}
@media(max-width:400px){.oc26-hero{padding:22px 17px}.oc26-hero h1{font-size:32px}.oc26-actions{gap:8px}.oc26 .oc26-button{padding:11px 14px;font-size:12px}.oc26-option>span{overflow-wrap:anywhere}.oc26-trust{gap:10px 8px}.oc26-trust span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.oc26 *, .oc26 *::before, .oc26 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}