:root { --ink:#111315; --black:#101215; --charcoal:#191c20; --panel:#22252a; --warm:#f3f1ec; --muted:#a7a9ab; --orange:#ffa92d; --orange-dark:#e9931a; --border:#d7d7d1; --font:Inter, 'Arial', sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:var(--font);background:var(--warm);color:var(--ink);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} button{cursor:pointer} .shell{width:min(1180px,calc(100% - 76px));margin:auto} .skip-link{position:absolute;left:-9999px;top:0;background:var(--orange);padding:12px;z-index:100}.skip-link:focus{left:0} :focus-visible{outline:3px solid #fcad3f;outline-offset:4px} .topline{background:#060707;color:#a7acb1;min-height:35px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.13em}.topline .dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.topline-suffix{margin-left:28px;font-weight:500;letter-spacing:.04em;color:#777e85}.site-header{position:sticky;top:0;z-index:20;background:#131518;border-bottom:1px solid #2b2d30}.nav{height:85px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:white}.brand-mark{width:51px;height:51px;display:grid;place-items:center;border:2px solid var(--orange);background:rgba(255,169,45,.06);border-radius:50%;color:var(--orange);font-size:16px;font-weight:950}.brand-mark svg{width:37px;height:37px}.brand-words{display:flex;flex-direction:column;gap:5px}.brand-words strong{font-size:18px;letter-spacing:.055em;line-height:1;font-weight:900}.brand-words small{font-size:10px;letter-spacing:.34em;color:#a3a3a3;font-weight:800}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{color:#d4d4d4;font-size:13px;font-weight:700;transition:color .2s}.nav-links>a:hover{color:var(--orange)}.nav-links .nav-cta{padding:16px 20px;background:var(--orange);color:var(--black);text-transform:uppercase;font-size:11px;letter-spacing:.055em;font-weight:900}.nav-cta span,.btn span,.text-link span{margin-left:12px;font-size:17px}.nav-links .nav-cta:hover{color:var(--black);background:#ffbf61}.menu-toggle{display:none;background:none;border:none;padding:12px}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px}.hero{background:#131518;color:white;position:relative;overflow:hidden}.hero-grid{min-height:660px;display:grid;grid-template-columns:52% 48%}.hero-content{position:relative;z-index:2;padding:102px 10px 60px 0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--orange);display:inline-flex;gap:14px;align-items:center}.eyebrow-line{width:26px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0} h1,h2{letter-spacing:-.06em;font-weight:950;line-height:.98} h1{font-size:clamp(52px,6.1vw,91px);margin:27px 0 25px;white-space:nowrap} h1 em,.process-section h2 em,.estimate-section h2 em,.closing h2 em{color:var(--orange);font-style:normal}.hero-description{color:#a7abb0;font-size:17px;line-height:1.8;max-width:505px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{min-height:56px;padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;font-size:11px;letter-spacing:.08em;border:1px solid transparent;transition:transform .2s, background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#101215;background:var(--orange);border-color:var(--orange)}.btn-primary:hover{background:#ffc166}.btn-outline{color:white;background:transparent;border-color:#555a60}.btn-outline:hover{border-color:var(--orange)}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:72px;font-size:12px;color:#81878c}.hero-foot b{color:var(--orange);margin:0 7px}.micro-icon{color:var(--orange);font-size:22px}.hero-visual{position:relative;min-height:590px;background:radial-gradient(circle at 54% 44%,#32302b 0%,#1e2023 45%,#131518 71%);overflow:hidden}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px, transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg, transparent,black)}.hero-circle{position:absolute;border-radius:50%;border:1px solid #c88a303b;top:48%;left:54%;transform:translate(-50%,-50%)}.ring-a{width:380px;height:380px}.ring-b{width:515px;height:515px;border-style:dashed;border-color:#ad7b2b33}.big-wrench{position:absolute;width:76%;max-width:415px;height:88%;top:3%;left:14%;filter:drop-shadow(14px 26px 23px #0009)}.floating-tag{position:absolute;border:1px solid #45403a;background:#16181ed9;color:#e5e6e4;padding:13px 18px;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 20px 28px #0004}.tag-top{right:2%;top:15%}.tag-bottom{left:0;bottom:25%}.tag-icon{color:var(--orange);font-weight:950}.hero-visual-label{position:absolute;right:2%;bottom:8%;text-align:right;color:#777e84;font-size:12px;line-height:1.7;font-weight:800;letter-spacing:.12em}.hero-visual-label strong{color:#eaeaea}.hero-bottom-rule{height:5px;background:linear-gradient(90deg,var(--orange) 0 26%,#24272c 26% 100%)}.benefits{background:#f6f5f1;border-bottom:1px solid #dbd9d2}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr)}.benefit{display:flex;gap:21px;padding:35px 25px 31px;border-right:1px solid #deded8}.benefit:first-child{padding-left:0}.benefit:last-child{border-right:0}.benefit .number{color:#dc900e;font-weight:900;font-size:13px}.benefit h3{font-size:13px;font-weight:950;letter-spacing:.05em;margin:1px 0 7px}.benefit p{color:#7b7e7b;font-size:12px;line-height:1.5;margin:0}.section{padding:106px 0}.eyebrow-dark{color:#cf7f05}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section h2,.process-section h2,.estimate-section h2,.closing h2{font-size:clamp(41px,4.8vw,65px);margin:18px 0 0}.section-heading h2 span{color:#c98a21}.section-heading>p{color:#656966;font-size:15px;line-height:1.8;max-width:360px;margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid #deded8;background:#fff;padding:27px 28px 26px;min-height:273px;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#e7a33e}.service-symbol{font-size:44px;color:#dc952a;height:71px}.service-index{position:absolute;top:30px;right:27px;color:#acadaa;font-size:11px;font-weight:800}.service-card h3{font-size:21px;letter-spacing:-.04em;margin:3px 0 10px}.service-card p{font-size:13px;line-height:1.7;color:#727674;max-width:290px;flex:1}.service-card a{display:inline-flex;justify-content:space-between;border-top:1px solid #e5e5e1;padding-top:17px;margin-top:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.service-card a span{color:#d88c1e;font-size:18px}.process-section{padding:100px 0;background:#1b1e22;color:#fff}.process-layout{display:grid;grid-template-columns:43% 57%;gap:50px}.process-section h2{margin:25px 0 19px}.process-layout>div>p{font-size:15px;line-height:1.75;color:#9ea3a8;max-width:320px;margin-bottom:27px}.steps{list-style:none;margin:0;padding:0 50px 0 0}.steps li{display:flex;gap:30px;border-top:1px solid #3b3e41;padding:26px 0 26px}.steps li:last-child{border-bottom:1px solid #3b3e41}.steps li>span{color:var(--orange);font-size:15px;font-weight:950;min-width:34px}.steps li h3{font-size:17px;margin:0 0 11px;font-weight:900;letter-spacing:.01em}.steps li p{color:#959a9e;line-height:1.7;font-size:14px;margin:0}.about-grid{display:grid;grid-template-columns:49% 51%;gap:65px;align-items:center}.about-illustration{height:435px;background:repeating-linear-gradient(-45deg,#e8e7e1 0,#e8e7e1 2px,#efeee8 2px,#efeee8 14px);position:relative;display:flex;align-items:center;justify-content:center}.about-orange-frame{background:#17191c;position:relative;width:75%;height:79%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:20px 20px 0 #f0a42b}.big-r{font-size:clamp(66px,9vw,124px);font-weight:1000;letter-spacing:-.13em;color:#fff}.big-r span{color:var(--orange)}.about-orange-frame p{color:#a9afb5;text-align:center;font-size:12px;line-height:1.6;letter-spacing:.3em;font-weight:900}.side-caption{position:absolute;bottom:13px;left:15px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#626564}.about-copy h2{font-size:clamp(38px,4vw,55px);margin:23px 0}.about-copy>p{color:#676b69;font-size:15px;line-height:1.9}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.about-points span{font-size:12px;font-weight:800}.about-points span::first-letter{color:#d58a0f}.text-link{display:inline-flex;align-items:center;border-bottom:2px solid #daa046;margin-top:34px;padding-bottom:10px;font-size:11px;font-weight:900;letter-spacing:.06em}.estimate-section{padding:108px 0;background:#16191d;color:white}.estimate-grid{display:grid;grid-template-columns:43% 57%;gap:65px;align-items:start}.estimate-section h2{font-size:clamp(43px,4.5vw,63px);margin:23px 0}.estimate-grid>div:first-child>p{max-width:390px;color:#9ea5a9;font-size:15px;line-height:1.8}.estimate-info{border-top:1px solid #373c40;margin-top:58px;padding-top:27px;max-width:400px}.estimate-info strong{letter-spacing:.14em;font-size:11px;color:var(--orange)}.estimate-info p{font-size:13px;line-height:1.7;color:#8e9499;margin-top:13px}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.contact-links a{border-bottom:1px solid var(--orange);color:#eee;font-weight:800;font-size:13px;padding-bottom:4px}.estimate-form{background:#f4f3ef;color:#15181a;padding:35px 38px;min-width:0}.form-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbdcd7;padding-bottom:21px;margin-bottom:26px;gap:10px}.form-heading strong{font-weight:950;font-size:19px;letter-spacing:-.02em}.form-heading>span{font-size:10px;color:#8c8e8c;font-weight:900}.form-row{display:flex;flex-direction:column;margin-bottom:19px}.form-row label{font-size:10px;font-weight:950;letter-spacing:.08em;margin-bottom:8px}.form-row label span{color:#cf840c}.form-row input,.form-row textarea,.form-row select{background:#fff;border:1px solid #d9dad4;border-radius:0;padding:14px 13px;min-height:47px;width:100%;color:#131517;font-size:14px;outline:none}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#c6851b;box-shadow:0 0 0 2px #ffc46c60}.form-row textarea{resize:vertical}.form-row input::placeholder,.form-row textarea::placeholder{color:#9c9f9e}.two-fields{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}.submit-btn{width:100%;border:none;margin-top:3px}.form-note{font-size:11px;line-height:1.6;color:#787c79;margin-top:14px}.form-feedback{font-size:13px;font-weight:700;line-height:1.6}.form-feedback:not(:empty){margin-top:12px;padding:10px;border-left:3px solid #bf7d14;background:#fff4df}.faq-grid{display:grid;grid-template-columns:43% 57%;gap:65px}.faq-grid h2{font-size:clamp(38px,4.2vw,56px)}.faqs details{border-bottom:1px solid #d6d8d1;padding:8px 0}.faqs details:first-child{border-top:1px solid #d6d8d1}.faqs summary{font-weight:900;font-size:15px;padding:18px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:24px;color:#c88821;line-height:.7}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{color:#767a78;font-size:14px;line-height:1.8;max-width:580px;padding-right:40px}.closing{background:#f1a630;color:#1b1b1b;padding:72px 0}.closing-grid{display:flex;align-items:end;justify-content:space-between;gap:35px}.closing .eyebrow{color:#6d4607}.closing h2{font-size:clamp(38px,5vw,65px)}.closing h2 em{color:#fff}.closing .btn-primary{background:#111315;color:#fff;border-color:#111315;min-width:174px}.closing .btn-primary:hover{background:#2e3235}footer{background:#101215;color:#fff;padding:55px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #323437;padding-bottom:38px}.footer-top>p{color:#8d959c;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:25px;font-size:11px;color:#80878b}.footer-bottom a{color:var(--orange);font-weight:900}
@media(max-width:1100px){.shell{width:min(100% - 48px,1180px)}.hero-grid{grid-template-columns:55% 45%}.hero-content{padding-top:96px}.hero-description{font-size:15px}.floating-tag{font-size:9px}.tag-top{right:0}.hero-visual-label{right:1%}.estimate-grid,.about-grid,.faq-grid{gap:30px}.service-grid{gap:10px}.nav-links{gap:18px}.nav-links>a{font-size:12px}}
@media(max-width:820px){.topline-suffix{display:none}.shell{width:calc(100% - 38px)}.nav{height:76px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:15px 20px 22px;background:#17191c;border-top:1px solid #34373a;box-shadow:0 12px 22px #0006}.nav-links.is-open{display:flex}.nav-links>a{padding:14px;font-size:14px}.nav-links .nav-cta{margin-top:10px;text-align:center}.hero-grid{display:block}.hero-content{padding:68px 0 42px}.hero-visual{min-height:370px;margin:0 -19px}.big-wrench{height:100%;max-height:385px;top:-2%;width:53%;left:25%}.tag-top{right:9%;top:14%}.tag-bottom{left:10%;bottom:20%}.hero-foot{margin-top:42px}.benefits-grid{grid-template-columns:1fr}.benefit,.benefit:first-child{padding:18px 5px;border-right:0;border-bottom:1px solid #ddd}.benefit:last-child{border-bottom:0}.section{padding:72px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{max-width:600px}.process-layout,.estimate-grid,.faq-grid,.about-grid{grid-template-columns:1fr;gap:35px}.process-section{padding:78px 0}.steps{padding:0}.estimate-section{padding:78px 0}.estimate-info{margin-top:30px}.about-illustration{height:340px;max-width:560px}.about-orange-frame{height:76%}.faq-grid{gap:20px}.closing-grid{align-items:start}.closing h2{font-size:45px}.footer-top{gap:20px}}
@media(max-width:550px){.brand-words strong{font-size:14px}.brand-words small{font-size:9px}.brand-mark{width:43px;height:43px}.brand-mark svg{width:29px}.hero-content{padding-top:58px}.hero h1{font-size:clamp(43px,10.5vw,60px)}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1;min-width:170px}.hero-visual{min-height:330px}.hero-circle.ring-a{width:280px;height:280px}.hero-circle.ring-b{width:380px;height:380px}.big-wrench{width:64%;left:18%}.tag-top{right:3%;top:10%}.tag-bottom{left:3%;bottom:22%}.hero-visual-label{font-size:9px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.section h2,.process-section h2,.estimate-section h2{font-size:42px}.about-points{grid-template-columns:1fr}.about-illustration{height:290px}.estimate-form{padding:25px 18px}.two-fields{grid-template-columns:1fr}.closing-grid{display:block}.closing h2{font-size:42px;margin-bottom:30px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-bottom{font-size:11px}.form-heading strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
