/* Generated by scripts/build-public-assets.mjs. Preserve source order. */

/* Source: app.css */
/* WebsiteGeneratorHub v0.3.0 — Big Brand public design system */
:root{
  --ink:#101828;--ink-2:#17233c;--navy:#0b1736;--navy-2:#11244f;
  --blue:#2f6fed;--blue-2:#1849a9;--blue-soft:#eaf1ff;--sky:#f3f7ff;
  --paper:#f7f9fc;--white:#fff;--muted:#667085;--muted-2:#98a2b3;--line:#dbe4ef;
  --warm:#f7f6f2;--orange:#ef8f47;--shadow:0 24px 70px rgba(21,40,80,.12);
  --display:'Manrope',Inter,Arial,sans-serif;--body:Inter,Arial,sans-serif;
  --shell:min(1400px,calc(100vw - 72px));--r:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}figure{margin:0}.site-shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px}.skip-link:focus{top:16px}

/* header */
.brand-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,239,.8)}.header-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-logo{display:flex;align-items:center;width:230px}.brand-logo img{width:100%;height:auto}.brand-nav{display:flex;align-items:center;gap:34px;font-weight:600;font-size:15px}.brand-nav>a:not(.nav-build){position:relative;color:#344054;transition:.2s ease}.brand-nav>a:not(.nav-build):hover,.brand-nav>a.is-active{color:var(--ink)}.brand-nav>a:not(.nav-build)::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.25s ease}.brand-nav>a:hover::after,.brand-nav>a.is-active::after{transform:scaleX(1)}.nav-build{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:12px 15px 12px 17px;border-radius:13px}.nav-build b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9db9ff;font-weight:700}.nav-build em{font-style:normal;font-size:16px}.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent}.nav-toggle i{display:block;width:24px;height:2px;background:var(--ink);margin:6px auto;transition:.2s ease}

/* global type */
.eyebrow30{margin:0 0 22px;display:flex;align-items:center;gap:10px;color:var(--blue-2);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow30>span{width:28px;height:2px;background:currentColor}.eyebrow30-light{color:#a9c4ff}.btn30{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 20px;border-radius:13px;font-size:15px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn30:hover{transform:translateY(-2px)}.btn30-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(47,111,237,.25)}.btn30-primary:hover{background:#245fd5}.btn30-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn30-light{background:#fff;color:var(--navy)}.text-link30{display:inline-flex;gap:12px;align-items:center;font-weight:700;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}

/* home hero */
.hero30{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding:80px 0 92px}.hero30::before{content:"";position:absolute;right:-8vw;top:-18vw;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(circle,rgba(83,132,245,.13) 0%,rgba(83,132,245,0) 69%);pointer-events:none}.hero30-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:72px;align-items:center}.hero30-copy h1{font-family:var(--display);font-size:clamp(54px,5.55vw,92px);line-height:.98;letter-spacing:-.058em;margin:0;max-width:760px;font-weight:700}.hero30-copy h1 em{display:block;color:var(--blue);font-style:normal}.hero30-lead{font-size:19px;line-height:1.7;color:#526078;max-width:690px;margin:30px 0 32px}.hero30-actions{display:flex;gap:12px;flex-wrap:wrap}.hero30-notes{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;padding-top:25px;border-top:1px solid var(--line);color:#5d6b82;font-size:13px;font-weight:600}.hero30-notes span{display:flex;align-items:center;gap:8px}.hero30-notes span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* studio */
.studio30{position:relative;background:#111b2e;border-radius:25px;box-shadow:0 34px 90px rgba(15,36,76,.20);overflow:hidden;transform:perspective(1400px) rotateY(-1.8deg) rotateX(.7deg);transition:transform .35s ease}.studio30:hover{transform:perspective(1400px) rotateY(-.5deg) rotateX(.2deg) translateY(-3px)}.studio30-chrome{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#f7f9fc;border-bottom:1px solid #e3e9f2;color:#63708a;font-size:11px}.studio30-tabs,.studio30-actions{display:flex;align-items:center;gap:9px}.studio30-tabs i{width:8px;height:8px;border-radius:50%;background:#bcc8d8}.studio30-tabs b{margin-left:7px;color:#44516a;font-size:11px}.studio30-actions span,.studio30-actions strong{padding:7px 10px;border-radius:8px;background:#fff;border:1px solid #e1e7ef}.studio30-actions strong{background:var(--blue);color:#fff;border-color:var(--blue)}.studio30-canvas{display:grid;grid-template-columns:160px 1fr;background:#eef3fa;min-height:535px}.studio30-panel{background:#fff;border-right:1px solid #dce5ef;padding:24px 16px;display:flex;flex-direction:column;gap:10px}.studio30-panel small{font-size:9px;color:#8a97aa;font-weight:800;letter-spacing:.13em;margin-top:9px}.studio30-panel label{font-weight:700;font-size:12px}.studio30-panel>div:not(.swatches30){display:flex;flex-direction:column;gap:5px}.studio30-panel>div span{font-size:10px;padding:6px 7px;background:#f6f8fb;border-radius:7px;color:#536078}.studio30-panel button{border:1px solid #bed0ff;background:#edf3ff;color:#234ea5;border-radius:9px;padding:9px;text-align:left;font-size:10px;font-weight:700}.studio30-panel button b{float:right}.swatches30{display:flex;flex-direction:row!important;gap:7px}.swatches30 i{width:21px;height:21px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfd8e5}.swatches30 i:nth-child(1){background:#0e1b34}.swatches30 i:nth-child(2){background:#2f6fed}.swatches30 i:nth-child(3){background:#eaf1ff}.swatches30 i:nth-child(4){background:#fff}.studio30-preview{position:relative;padding:34px 32px 35px}.roof-site30{background:#fff;box-shadow:0 18px 45px rgba(49,72,108,.18);min-height:420px;overflow:hidden}.roof-site30 header{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf0;font-size:9px}.roof-site30 header b{font-size:12px}.roof-site30 header a{background:#0e1b34;color:#fff;padding:8px 11px}.roof-site30-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:305px}.roof-site30-hero>div{padding:48px 30px}.roof-site30-hero small{color:var(--blue);font-size:8px;letter-spacing:.12em;font-weight:800}.roof-site30-hero h2{font-family:var(--display);font-size:34px;line-height:.96;letter-spacing:-.04em;margin:14px 0 15px}.roof-site30-hero p{font-size:10px;line-height:1.6;color:#68758d;max-width:250px}.roof-site30-hero span{font-size:9px;font-weight:800}.roof-site30-hero figure{height:100%;overflow:hidden}.roof-site30-hero img{width:100%;height:100%;object-fit:cover}.roof-site30 footer{height:58px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7ebf0}.roof-site30 footer span{display:flex;align-items:center;padding:0 16px;font-size:8px;font-weight:700;border-right:1px solid #e7ebf0}.phone30{position:absolute;right:6px;bottom:12px;width:115px;height:230px;background:#101624;border:6px solid #101624;border-radius:23px;box-shadow:0 18px 35px rgba(13,29,59,.28);transform:rotate(2deg)}.phone30>div{height:100%;overflow:hidden;border-radius:16px;background:#fff;padding:13px}.phone30 b{font-size:7px}.phone30 figure{height:74px;margin:10px -13px 13px}.phone30 img{width:100%;height:100%;object-fit:cover}.phone30 h3{font-family:var(--display);font-size:14px;line-height:1.02;margin:0 0 13px}.phone30 span{display:block;background:var(--blue);color:#fff;font-size:7px;text-align:center;padding:8px}.studio30-status{height:48px;background:#111b2e;color:#cbd6e8;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:10px}.studio30-status span{display:flex;align-items:center;gap:7px}.studio30-status i{width:7px;height:7px;background:#4be0a2;border-radius:50%;box-shadow:0 0 0 5px rgba(75,224,162,.09)}.studio30-status b{font-weight:600}

.signal30{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.signal30-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal30 article{padding:30px 28px;border-right:1px solid var(--line)}.signal30 article:first-child{padding-left:0}.signal30 article:last-child{border-right:0}.signal30 strong{font-family:var(--display);font-size:18px;letter-spacing:-.02em}.signal30 p{font-size:13px;line-height:1.55;color:#67758c;margin:8px 0 0}

/* point of view */
.point30{padding:128px 0;background:#fff}.point30-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:120px;align-items:end;margin-bottom:62px}.point30-heading h2,.directions30-head h2,.flow30-head h2,.choice30-head h2,.roadmap30 h2,.closing30 h2,.page30-hero h1,.page30-flow h2,.page30-showcase h2,.about30-origin h2,.principles30 h2,.about30-not h2,.business30 h2,.industry30 h2,.industry30-spec h2,.industry30-roadmap h2,.release30 h2{font-family:var(--display);letter-spacing:-.052em}.point30-heading h2{font-size:clamp(48px,5.2vw,82px);line-height:1.02;margin:0;max-width:830px}.point30-heading h2 em,.directions30-head h2 em,.choice30-head h2 em,.roadmap30 h2 em,.closing30 h2 em{font-style:normal;color:var(--blue)}.point30-copy{max-width:540px}.point30-copy p{font-size:18px;line-height:1.75;color:#5a6880;margin:0 0 18px}.point30-copy .text-link30{margin-top:10px}.point30-visual{position:relative;display:grid;grid-template-columns:1.35fr .65fr;min-height:650px;border-radius:28px;overflow:hidden;background:#edf3f9}.point30-photo{min-height:650px}.point30-photo img{width:100%;height:100%;object-fit:cover}.point30-quote{padding:56px 48px;display:flex;flex-direction:column;justify-content:center;background:#f2f5f9}.point30-quote span,.point30-spec small{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--blue)}.point30-quote strong{font-family:var(--display);font-size:34px;line-height:1.16;letter-spacing:-.035em;margin:21px 0}.point30-quote p{font-size:15px;line-height:1.7;color:#68758b}.point30-spec{position:absolute;left:40px;bottom:36px;background:rgba(10,24,52,.94);color:#fff;width:330px;padding:21px 23px;border-radius:16px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}.point30-spec small{display:block;color:#9fc0ff}.point30-spec b{display:block;font-family:var(--display);font-size:23px;margin:5px 0}.point30-spec span{font-size:11px;color:#c5d3e8;line-height:1.5}

/* directions */
.directions30{background:var(--paper);padding:126px 0 0}.directions30-head{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:end;margin-bottom:80px}.directions30-head h2{font-size:clamp(48px,5.15vw,80px);line-height:1.02;margin:0}.directions30-head>p{font-size:18px;line-height:1.75;color:#66758d;margin:0 0 8px}.direction30{padding:90px 0;border-top:1px solid #d8e0eb}.direction30-grid{display:grid;grid-template-columns:.38fr .62fr;gap:72px;align-items:center}.direction30-flip{grid-template-columns:.62fr .38fr}.direction30-flip .direction30-copy{grid-column:2;grid-row:1}.direction30-flip .direction30-stage{grid-column:1;grid-row:1}.direction30-copy>span{font-size:11px;letter-spacing:.14em;color:var(--blue-2);font-weight:800}.direction30-copy h3{font-family:var(--display);font-size:44px;line-height:1.04;letter-spacing:-.045em;margin:14px 0 17px}.direction30-copy p{font-size:16px;color:#66758c;line-height:1.7;max-width:420px}.direction30-copy ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid #d7e0eb}.direction30-copy li{padding:12px 0;border-bottom:1px solid #d7e0eb;font-size:13px;font-weight:600;color:#526078}.direction30-stage{min-height:540px;display:flex;align-items:center;justify-content:center;position:relative}.direction30-stage::before{content:"";position:absolute;width:82%;height:82%;border-radius:50%;background:rgba(91,133,225,.09);filter:blur(30px)}.clean-sheet30,.response-sheet30,.premium-sheet30{position:relative;z-index:2;width:min(900px,100%);box-shadow:0 30px 75px rgba(44,62,94,.14)}.clean-sheet30{background:#fff}.clean-sheet30 header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e6ebf0;font-size:10px}.clean-sheet30 header b{font-size:15px}.clean-sheet30 header span{background:var(--blue);color:#fff;padding:10px 13px}.clean-sheet30 main{padding:80px 42px 92px}.clean-sheet30 main small{color:var(--blue);font-weight:800;font-size:9px;letter-spacing:.1em}.clean-sheet30 main h4{font-family:var(--display);font-size:51px;line-height:.94;letter-spacing:-.05em;margin:16px 0 20px}.clean-sheet30 main p{font-size:12px;color:#68758b}.clean-sheet30 footer{height:65px;border-top:1px solid #e6ebf0;display:grid;grid-template-columns:repeat(3,1fr)}.clean-sheet30 footer span{padding:21px 25px;border-right:1px solid #e6ebf0;font-size:9px;font-weight:700}.response-sheet30{background:#101827;color:#fff;border-radius:2px;overflow:hidden}.response-sheet30 header{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29354a}.response-sheet30 header b{font-size:17px}.response-sheet30 header span{font-size:9px;color:#ffc36e;font-weight:800}.response-sheet30 main{padding:92px 38px 104px}.response-sheet30 main small{color:#ffc36e;font-size:9px;font-weight:800;letter-spacing:.11em}.response-sheet30 main h4{font-family:var(--display);font-size:58px;line-height:.92;letter-spacing:-.055em;margin:18px 0}.response-sheet30 main p{color:#b6c0d0;font-size:13px}.response-sheet30 main b{display:inline-block;color:#ffbd5e;font-size:10px;margin-top:27px}.response-sheet30 aside{background:#f0a03b;color:#101827;padding:12px 28px;font-size:9px;font-weight:800;letter-spacing:.08em}.premium-sheet30{background:#f7f3eb}.premium-sheet30 figure{height:280px}.premium-sheet30 figure img{width:100%;height:100%;object-fit:cover}.premium-sheet30 header{height:68px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d2c5;font-size:9px}.premium-sheet30 header b{font-size:15px}.premium-sheet30 main{padding:42px 30px 58px}.premium-sheet30 small{color:#6d7f9c;font-size:9px;letter-spacing:.11em;font-weight:800}.premium-sheet30 h4{font-family:var(--display);font-size:45px;line-height:.94;letter-spacing:-.05em;margin:14px 0 22px}.premium-sheet30 main>span{font-size:10px;font-weight:800}

.trade30{height:760px;position:relative;overflow:hidden;color:#fff}.trade30 figure,.trade30 figure img{width:100%;height:100%}.trade30 img{object-fit:cover;object-position:center 45%}.trade30-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,49,.82) 0%,rgba(8,22,49,.48) 50%,rgba(8,22,49,.16) 100%)}.trade30-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.trade30-copy h2{font-family:var(--display);font-size:clamp(54px,6.2vw,100px);line-height:.94;letter-spacing:-.06em;margin:0 0 30px;max-width:1000px}.trade30-copy>p:last-child{font-size:18px;line-height:1.75;color:#e5edf9;max-width:730px}

/* flow */
.flow30{padding:130px 0;background:#fff}.flow30-head{display:grid;grid-template-columns:.5fr 1.1fr;gap:70px;align-items:end;margin-bottom:70px}.flow30-head .eyebrow30{align-self:start}.flow30-head h2{font-size:clamp(52px,5.6vw,88px);line-height:.98;margin:0}.flow30-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.flow30-stage{position:sticky;top:120px}.flow30-ui{background:#f4f7fb;border:1px solid #dbe4ef;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(32,54,91,.11)}.flow30-bar{height:58px;background:#0e1b34;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px}.flow30-bar b{font-weight:600;color:#a9c4ff}.flow30-ui-body{display:grid;grid-template-columns:54px 1fr;min-height:410px}.flow30-ui-body aside{border-right:1px solid #dce5ef;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:17px}.flow30-ui-body aside i{width:9px;height:9px;border-radius:50%;background:#d0d9e6}.flow30-ui-body aside i.is-on{background:var(--blue);box-shadow:0 0 0 6px rgba(47,111,237,.12)}.flow30-ui-body main{padding:54px 48px}.flow30-ui-body small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}.flow30-ui-body h3{font-family:var(--display);font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:15px 0}.flow30-ui-body p{color:#637089;max-width:480px}.flow30-form{display:grid;gap:10px;margin-top:30px}.flow30-form span{background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:13px 14px;font-size:12px;color:#59677e}.flow30-steps{border-top:1px solid var(--line)}.flow30-steps article{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:42px 0;border-bottom:1px solid var(--line);opacity:.48;transition:.35s ease}.flow30-steps article.is-active{opacity:1}.flow30-steps article>b{font-family:var(--display);font-size:38px;color:#b5c5df}.flow30-steps article.is-active>b{color:var(--blue)}.flow30-steps small{color:var(--blue-2);font-size:10px;letter-spacing:.13em;font-weight:800}.flow30-steps h3{font-family:var(--display);font-size:28px;line-height:1.12;letter-spacing:-.035em;margin:8px 0}.flow30-steps p{color:#6b778b;margin:0;font-size:15px}

/* choice */
.choice30{background:var(--paper);padding:128px 0}.choice30-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:62px}.choice30-head .eyebrow30{grid-column:1/-1;margin-bottom:-18px}.choice30-head h2{font-size:clamp(54px,6vw,96px);line-height:.94;margin:0}.choice30-head>p{font-size:18px;line-height:1.72;color:#66758c;margin:0 0 6px}.choice30-list{border-top:1px solid #ccd7e4}.choice30-list article{display:grid;grid-template-columns:90px 1fr 260px;align-items:center;gap:38px;padding:44px 0;border-bottom:1px solid #ccd7e4;transition:padding .25s ease,background .25s ease}.choice30-list article:hover{padding-left:18px;padding-right:18px;background:#fff}.choice30-list article>b{font-family:var(--display);font-size:34px;color:#a9b9cf}.choice30-list small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}.choice30-list h3{font-family:var(--display);font-size:34px;letter-spacing:-.04em;line-height:1.08;margin:6px 0}.choice30-list p{color:#68758b;margin:0}.choice30-list article>span{text-align:right;color:#516077;font-size:13px;font-weight:600}

.discipline30{background:var(--navy);color:#fff;padding:120px 0}.discipline30-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.discipline30 h2{font-family:var(--display);font-size:clamp(50px,5vw,80px);line-height:.96;letter-spacing:-.055em;margin:0 0 24px}.discipline30 h2 em{color:#92b6ff;font-style:normal}.discipline30-grid>div:first-child>p:last-child{color:#bdcbe0;font-size:17px;max-width:480px}.discipline30-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:30px 0;border-top:1px solid #304261}.discipline30-list article:last-child{border-bottom:1px solid #304261}.discipline30-list>b{}.discipline30-list article>b{font-family:var(--display);font-size:34px;color:#5a7ebd}.discipline30-list article.warning>b{color:#ffab5c}.discipline30-list small{font-size:10px;letter-spacing:.12em;color:#8db1ff;font-weight:800}.discipline30-list .warning small{color:#ffab5c}.discipline30-list h3{font-family:var(--display);font-size:27px;letter-spacing:-.035em;margin:6px 0}.discipline30-list p{color:#afbdd1;margin:0}

.roadmap30{padding:128px 0;background:#fff}.roadmap30-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center}.roadmap30 h2{font-size:clamp(52px,5.4vw,86px);line-height:.98;margin:0 0 28px}.roadmap30-grid>div:first-child>p:not(.eyebrow30){font-size:18px;line-height:1.75;color:#65738a;max-width:650px;margin-bottom:30px}.roadmap30-visual{height:560px;position:relative}.roadmap30-card{position:absolute;width:72%;height:63%;border-radius:20px;padding:34px;box-shadow:0 28px 70px rgba(22,44,82,.16);display:flex;flex-direction:column;justify-content:flex-end}.roadmap30-card small{position:absolute;top:25px;right:28px;font-size:11px;font-weight:800;letter-spacing:.12em}.roadmap30-card strong{font-family:var(--display);font-size:36px;letter-spacing:-.04em}.roadmap30-card span{font-size:13px;margin-top:6px}.roadmap30-card.one{left:0;bottom:0;background:#fff;border:1px solid var(--line);z-index:3}.roadmap30-card.two{right:0;top:18%;background:#0f1828;color:#fff;z-index:2;transform:rotate(5deg)}.roadmap30-card.three{left:14%;top:0;background:#efe9df;transform:rotate(-5deg);z-index:1}.closing30{background:#0a1733;color:#fff;padding:120px 0}.closing30 h2{font-size:clamp(60px,7vw,112px);line-height:.9;margin:0;max-width:1200px}.closing30 h2 em{color:#92b6ff}.closing30 .site-shell>div:last-child{display:flex;align-items:center;gap:25px;margin-top:45px}.closing30 .site-shell>div:last-child p{color:#9eb0c9;font-size:13px}

/* page system */
.page30-hero{padding:116px 0 100px;background:linear-gradient(180deg,#fff,#f7f9fc);border-bottom:1px solid var(--line)}.page30-hero-blue{background:var(--navy);color:#fff;border-bottom:0}.page30-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:110px;align-items:end}.page30-hero h1{font-size:clamp(58px,6vw,94px);line-height:.96;margin:0}.page30-hero-blue h1{color:#fff}.page30-lead{font-size:19px;line-height:1.75;color:#637089;margin:0}.page30-hero-blue .page30-lead{color:#c1cde0}.page30-status{display:inline-flex;margin-top:25px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:11px;font-size:11px;color:#a9c4ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page30-flow{padding:30px 0 100px}.page30-flow-list article{display:grid;grid-template-columns:160px .9fr;gap:60px;padding:80px 0;border-bottom:1px solid var(--line)}.page30-flow-list article>b{font-family:var(--display);font-size:72px;color:#c4d4eb}.page30-flow-list article>div{max-width:920px}.page30-flow small{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.13em}.page30-flow h2{font-size:clamp(42px,4.5vw,68px);line-height:1;margin:12px 0 22px}.page30-flow p{font-size:18px;color:#617087;line-height:1.75}.page30-flow ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:0;list-style:none;margin:28px 0 0}.page30-flow li{position:relative;padding-left:18px;font-size:14px;color:#536078}.page30-flow li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--blue)}.page30-showcase{background:var(--paper);padding:110px 0}.page30-showcase-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.page30-showcase h2{font-size:56px;line-height:1.02;margin:0 0 25px}.page30-showcase p{font-size:17px;color:#66758c;line-height:1.75}.decision30{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.decision30>div{padding:38px}.decision30>div:first-child{border-right:1px solid var(--line)}.decision30 span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.13em}.decision30 strong{display:block;font-family:var(--display);font-size:22px;padding:17px 0;border-bottom:1px solid var(--line)}.page30-band{background:#0d1c3b;color:#fff;padding:110px 0}.page30-band .site-shell{max-width:1000px;margin-left:max(36px,calc((100vw - min(1400px,calc(100vw - 72px)))/2))}.page30-band h2{font-family:var(--display);font-size:clamp(50px,5.5vw,88px);line-height:.98;letter-spacing:-.05em;margin:0 0 25px}.page30-band p{font-size:18px;color:#b9c6db;max-width:740px}.page30-cta{padding:90px 0}.page30-cta-grid{display:flex;justify-content:space-between;gap:50px;align-items:end}.page30-cta h2{font-family:var(--display);font-size:48px;letter-spacing:-.045em;line-height:1.06;margin:0;max-width:740px}

/* about */
.about30-origin{padding:120px 0}.about30-grid{display:grid;grid-template-columns:1fr .9fr;gap:110px}.about30-origin h2{font-size:clamp(48px,5vw,78px);line-height:1.02;margin:0}.about30-copy p{font-size:18px;line-height:1.78;color:#627087;margin:0 0 20px}.principles30{padding:120px 0;background:var(--paper)}.principles30-head{display:grid;grid-template-columns:.35fr 1fr;gap:65px;align-items:end;margin-bottom:60px}.principles30-head .eyebrow30{align-self:start}.principles30 h2{font-size:clamp(48px,5vw,76px);line-height:1;margin:0}.principles30-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced8e6;border-left:1px solid #ced8e6}.principles30-grid article{padding:36px;border-right:1px solid #ced8e6;border-bottom:1px solid #ced8e6;min-height:260px}.principles30-grid b{font-family:var(--display);font-size:24px;color:#9bb0cf}.principles30-grid h3{font-family:var(--display);font-size:25px;letter-spacing:-.035em;margin:34px 0 14px}.principles30-grid p{font-size:14px;color:#66758b}.about30-not{background:var(--navy);color:#fff;padding:120px 0}.about30-not-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px}.about30-not h2{font-size:clamp(50px,5.3vw,82px);line-height:.98;margin:0}.about30-not-grid>div:last-child article{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:28px 0;border-top:1px solid #304160}.about30-not-grid>div:last-child article:last-child{border-bottom:1px solid #304160}.about30-not article>span{font-size:11px;color:#ffb66e;font-weight:800}.about30-not h3{font-family:var(--display);font-size:26px;margin:0 0 8px}.about30-not p{color:#adbbcf;margin:0}.business30{padding:120px 0}.business30-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.business30 h2{font-size:55px;line-height:1.02;margin:0 0 24px}.business30-grid>div:first-child>p:not(.eyebrow30){color:#65738a;font-size:17px}.business30-table{border-top:1px solid var(--line)}.business30-table div{display:flex;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.business30-table span{color:#66758b}.business30-table strong{font-weight:700}

/* industries */
.industry30-first{padding:120px 0;background:#fff}.industry30-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.industry30-copy>span{font-size:11px;color:var(--blue);letter-spacing:.13em;font-weight:800}.industry30 h2{font-size:clamp(76px,8vw,128px);line-height:.85;margin:20px 0 30px}.industry30-copy>p{font-size:18px;line-height:1.75;color:#64738a}.industry30-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.industry30-facts div{border-top:2px solid var(--ink);padding-top:14px}.industry30-facts small{display:block;font-size:9px;letter-spacing:.12em;color:#738198;font-weight:800}.industry30-facts strong{display:block;font-family:var(--display);font-size:35px;margin:5px 0}.industry30-facts span{font-size:11px;color:#68758b}.industry30-visual{position:relative;border-radius:28px;overflow:hidden;min-height:640px}.industry30-visual figure,.industry30-visual img{width:100%;height:100%}.industry30-visual img{position:absolute;inset:0;object-fit:cover}.industry30-visual>div{position:absolute;left:32px;right:32px;bottom:30px;background:rgba(10,23,51,.9);color:#fff;padding:20px 22px;border-radius:14px;display:flex;justify-content:space-between;gap:20px;backdrop-filter:blur(8px)}.industry30-visual b{font-family:var(--display);font-size:22px}.industry30-visual span{font-size:12px;color:#bfcee3}.industry30-spec{background:var(--paper);padding:120px 0}.industry30-spec-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}.industry30-spec aside{position:sticky;top:120px;height:max-content}.industry30-spec h2{font-size:48px;line-height:1.03;margin:0}.spec30-list{border-top:1px solid #ccd7e5}.spec30-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:36px 0;border-bottom:1px solid #ccd7e5}.spec30-list article>b{font-family:var(--display);font-size:32px;color:#a5b7d1}.spec30-list h3{font-family:var(--display);font-size:28px;letter-spacing:-.03em;margin:0 0 9px}.spec30-list p{margin:0;color:#66758c}.industry30-roadmap{background:var(--navy);color:#fff;padding:115px 0}.industry30-roadmap-head{display:grid;grid-template-columns:.35fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.industry30-roadmap h2{font-size:60px;line-height:.98;margin:0}.industry30-roadmap-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #304160;border-left:1px solid #304160}.industry30-roadmap-list article{padding:32px;border-right:1px solid #304160;border-bottom:1px solid #304160;min-height:250px}.industry30-roadmap-list b{font-family:var(--display);font-size:34px;color:#6e94d4}.industry30-roadmap-list span{display:block;color:#95b7f4;font-size:9px;letter-spacing:.12em;font-weight:800;margin-top:35px}.industry30-roadmap-list h3{font-family:var(--display);font-size:26px;margin:8px 0}.industry30-roadmap-list p{font-size:13px;color:#aebcd0}.release30{padding:100px 0;background:#11254c;color:#fff}.release30-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.release30 h2{font-size:52px;line-height:1;margin:0}.release30-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.release30-grid>div:last-child span{padding:16px 0;border-bottom:1px solid #38527d;color:#c8d4e5;font-size:14px}

/* FAQ */
.faq30{padding:90px 0}.faq30-alt{background:var(--paper)}.faq30-grid{display:grid;grid-template-columns:.36fr 1fr;gap:90px}.faq30 aside{display:flex;gap:22px;align-items:flex-start}.faq30 aside>span{font-family:var(--display);font-size:32px;color:#afc0d9}.faq30 aside h2{font-family:var(--display);font-size:36px;letter-spacing:-.04em;margin:0}.faq30-list{border-top:1px solid var(--line)}.faq30-list details{border-bottom:1px solid var(--line);padding:0}.faq30-list summary{list-style:none;cursor:pointer;padding:26px 50px 26px 0;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.025em;position:relative}.faq30-list summary::-webkit-details-marker{display:none}.faq30-list summary::after{content:"+";position:absolute;right:4px;top:23px;font-family:var(--display);font-size:25px;color:var(--blue)}.faq30-list details[open] summary::after{content:"–"}.faq30-list p{color:#66758b;line-height:1.75;max-width:800px;margin:-5px 0 26px;font-size:15px}

/* legal */
.legal30-hero{padding:110px 0 80px;background:var(--paper);border-bottom:1px solid var(--line)}.legal30-hero h1{font-family:var(--display);font-size:clamp(62px,7vw,108px);letter-spacing:-.06em;line-height:.94;margin:0}.legal30-hero .site-shell>div{display:grid;grid-template-columns:.45fr 1fr;gap:70px;margin-top:44px;color:#67758c}.legal30-hero .site-shell>div span{font-weight:700;color:var(--ink)}.legal30-hero .site-shell>div p{margin:0;max-width:700px}.legal30{padding:90px 0 120px}.legal30-grid{display:grid;grid-template-columns:250px 1fr;gap:100px}.legal30 aside{position:sticky;top:110px;height:max-content}.legal30 nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}.legal30 nav a{font-size:13px;color:#68758b;padding:11px 0;border-bottom:1px solid var(--line)}.legal30 article{max-width:900px}.legal30 article h2{font-family:var(--display);font-size:34px;letter-spacing:-.035em;margin:65px 0 16px}.legal30 article h2:first-child{margin-top:0}.legal30 article p{font-size:16px;line-height:1.8;color:#5f6e85}

/* footer */
.brand-footer{background:#07142f;color:#fff;padding:78px 0 0}.footer-top{display:grid;grid-template-columns:1.25fr .55fr .55fr .9fr;gap:70px;padding-bottom:62px}.footer-brand img{width:245px;filter:brightness(0) invert(1);opacity:.98}.footer-brand p{color:#9faec4;max-width:360px;font-size:14px;margin:24px 0 0}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col>span,.footer-status>span{font-size:10px;letter-spacing:.14em;color:#7f96bb;font-weight:800;margin-bottom:8px}.footer-col a{font-size:14px;color:#d5deeb}.footer-status strong{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:20px}.footer-status strong i{width:8px;height:8px;background:#48dfa2;border-radius:50%;box-shadow:0 0 0 6px rgba(72,223,162,.08)}.footer-status p{font-size:13px;color:#9faec4}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding:22px 0;border-top:1px solid #203354;color:#7488a9;font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* motion */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}[data-reveal="visual"]{transform:translateY(30px) scale(.985)}[data-reveal].is-visible{opacity:1;transform:none}.direction30-stage.is-visible,.point30-visual.is-visible,.roadmap30-visual.is-visible{transition-duration:.9s}

@media (max-width:1200px){:root{--shell:min(100% - 48px,1180px)}.brand-nav{gap:20px}.hero30-grid{grid-template-columns:.85fr 1.15fr;gap:40px}.hero30-copy h1{font-size:58px}.studio30-canvas{grid-template-columns:130px 1fr}.studio30-preview{padding:24px 20px}.phone30{display:none}.direction30-grid,.direction30-flip{grid-template-columns:.34fr .66fr;gap:40px}.direction30-flip .direction30-copy{grid-column:2}.point30-grid,.discipline30-grid,.roadmap30-grid{gap:70px}.footer-top{gap:40px}.choice30-list article{grid-template-columns:70px 1fr 210px}}

@media (max-width:980px){:root{--shell:calc(100vw - 40px)}.header-row{height:70px}.brand-logo{width:200px}.nav-toggle{display:block}.brand-nav{position:fixed;inset:70px 0 auto 0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:24px 20px 30px;border-bottom:1px solid var(--line);box-shadow:0 22px 45px rgba(24,44,78,.12)}.brand-nav.is-open{display:flex}.brand-nav>a:not(.nav-build){padding:14px 0;border-bottom:1px solid var(--line)}.brand-nav>a:not(.nav-build)::after{display:none}.nav-build{margin-top:16px;justify-content:space-between}.hero30{padding:64px 0 70px}.hero30-grid{grid-template-columns:1fr}.hero30-copy{max-width:760px}.hero30-copy h1{font-size:clamp(50px,8.5vw,78px)}.studio30{transform:none}.signal30-grid{grid-template-columns:1fr 1fr}.signal30 article:nth-child(2){border-right:0}.signal30 article:nth-child(-n+2){border-bottom:1px solid var(--line)}.signal30 article:first-child{padding-left:28px}.point30,.directions30,.flow30,.choice30,.roadmap30{padding-top:90px}.point30-grid,.directions30-head,.choice30-head,.page30-hero-grid,.about30-grid,.business30-grid,.industry30-grid,.release30-grid{grid-template-columns:1fr;gap:45px}.point30-visual{min-height:560px}.direction30-grid,.direction30-flip{grid-template-columns:1fr;gap:40px}.direction30-flip .direction30-copy,.direction30-flip .direction30-stage{grid-column:auto;grid-row:auto}.direction30-flip .direction30-copy{order:1}.direction30-flip .direction30-stage{order:2}.direction30-stage{min-height:auto}.trade30{height:650px}.flow30-head{grid-template-columns:1fr;gap:20px}.flow30-grid{grid-template-columns:1fr;gap:50px}.flow30-stage{position:relative;top:auto}.choice30-head .eyebrow30{grid-column:auto;margin-bottom:0}.discipline30-grid{grid-template-columns:1fr;gap:60px}.roadmap30-grid{grid-template-columns:1fr}.roadmap30-visual{height:520px;max-width:800px}.page30-flow-list article{grid-template-columns:100px 1fr;gap:30px}.page30-showcase-grid,.industry30-spec-grid,.about30-not-grid,.faq30-grid{grid-template-columns:1fr;gap:50px}.industry30-spec aside,.legal30 aside{position:relative;top:auto}.principles30-head,.industry30-roadmap-head{grid-template-columns:1fr;gap:20px}.principles30-grid{grid-template-columns:1fr 1fr}.industry30-visual{min-height:540px}.industry30-roadmap-list{grid-template-columns:1fr 1fr}.legal30-grid{grid-template-columns:1fr;gap:50px}.legal30 aside nav{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.footer-top{grid-template-columns:1.2fr .8fr .8fr;gap:45px}.footer-status{grid-column:1/-1;padding-top:30px;border-top:1px solid #203354}}

@media (max-width:680px){:root{--shell:calc(100vw - 28px);--r:18px}.brand-logo{width:178px}.hero30{padding-top:46px}.hero30-copy h1{font-size:clamp(44px,13.5vw,62px)}.hero30-lead{font-size:17px}.hero30-actions{flex-direction:column}.btn30{width:100%}.hero30-notes{gap:12px;flex-direction:column}.studio30{border-radius:16px}.studio30-chrome{height:48px}.studio30-actions span{display:none}.studio30-canvas{grid-template-columns:1fr;min-height:430px}.studio30-panel{display:none}.studio30-preview{padding:18px}.roof-site30-hero{grid-template-columns:1fr}.roof-site30-hero figure{height:150px;grid-row:1}.roof-site30-hero>div{padding:28px 20px}.roof-site30-hero h2{font-size:27px}.roof-site30 header nav{display:none}.roof-site30 footer{display:none}.studio30-status{font-size:8px}.signal30-grid{grid-template-columns:1fr}.signal30 article{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:22px 0!important}.signal30 article:last-child{border-bottom:0!important}.point30{padding:80px 0}.point30-grid{gap:35px}.point30-heading h2,.directions30-head h2,.flow30-head h2,.choice30-head h2,.roadmap30 h2{font-size:clamp(42px,12vw,60px)}.point30-copy p,.directions30-head>p,.choice30-head>p{font-size:16px}.point30-visual{grid-template-columns:1fr;min-height:0}.point30-photo{height:430px;min-height:0}.point30-quote{padding:34px 25px}.point30-quote strong{font-size:28px}.point30-spec{position:relative;left:auto;bottom:auto;width:auto;border-radius:0}.directions30{padding-top:80px}.directions30-head{margin-bottom:50px}.direction30{padding:60px 0}.direction30-copy h3{font-size:38px}.clean-sheet30 main{padding:50px 22px}.clean-sheet30 main h4{font-size:36px}.clean-sheet30 header nav,.premium-sheet30 header span{display:none}.response-sheet30 main{padding:65px 24px}.response-sheet30 main h4{font-size:42px}.premium-sheet30 figure{height:220px}.premium-sheet30 h4{font-size:36px}.trade30{height:600px}.trade30-copy h2{font-size:clamp(48px,14vw,68px)}.trade30-copy>p:last-child{font-size:16px}.flow30{padding:80px 0}.flow30-ui-body{grid-template-columns:38px 1fr}.flow30-ui-body main{padding:38px 24px}.flow30-ui-body h3{font-size:30px}.flow30-steps article{grid-template-columns:55px 1fr;gap:16px;padding:30px 0}.flow30-steps h3{font-size:24px}.choice30{padding:80px 0}.choice30-list article{grid-template-columns:48px 1fr;gap:15px;padding:30px 0}.choice30-list article>span{grid-column:2;text-align:left}.choice30-list h3{font-size:27px}.discipline30{padding:80px 0}.discipline30 h2{font-size:50px}.discipline30-list article{grid-template-columns:45px 1fr}.roadmap30{padding:80px 0}.roadmap30-visual{height:400px}.roadmap30-card{width:82%;height:58%;padding:23px}.roadmap30-card strong{font-size:25px}.closing30{padding:80px 0}.closing30 h2{font-size:clamp(50px,13.5vw,72px)}.closing30 .site-shell>div:last-child{flex-direction:column;align-items:flex-start}.page30-hero{padding:72px 0 64px}.page30-hero h1{font-size:clamp(48px,13vw,68px)}.page30-lead{font-size:17px}.page30-flow-list article{grid-template-columns:1fr;gap:10px;padding:52px 0}.page30-flow-list article>b{font-size:45px}.page30-flow h2{font-size:40px}.page30-flow p{font-size:16px}.page30-flow ul{grid-template-columns:1fr}.page30-showcase{padding:75px 0}.page30-showcase h2{font-size:43px}.decision30{grid-template-columns:1fr}.decision30>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.page30-cta-grid{flex-direction:column;align-items:flex-start}.page30-cta h2{font-size:40px}.about30-origin,.principles30,.about30-not,.business30,.industry30-first,.industry30-spec,.industry30-roadmap{padding:78px 0}.about30-origin h2,.principles30 h2,.about30-not h2,.business30 h2{font-size:44px}.principles30-grid{grid-template-columns:1fr}.principles30-grid article{min-height:0}.industry30 h2{font-size:80px}.industry30-facts{grid-template-columns:1fr}.industry30-visual{min-height:430px}.industry30-visual>div{left:14px;right:14px;bottom:14px;flex-direction:column}.industry30-roadmap h2{font-size:45px}.industry30-roadmap-list{grid-template-columns:1fr}.release30-grid>div:last-child{grid-template-columns:1fr}.faq30{padding:60px 0}.faq30-grid{gap:30px}.faq30 aside{gap:15px}.faq30-list summary{font-size:19px}.legal30-hero{padding:75px 0 60px}.legal30-hero h1{font-size:56px}.legal30-hero .site-shell>div{grid-template-columns:1fr;gap:12px}.legal30{padding:60px 0 85px}.legal30 aside nav{grid-template-columns:1fr}.legal30 article h2{font-size:29px}.footer-top{grid-template-columns:1fr 1fr;gap:38px}.footer-brand,.footer-status{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}
/* WebsiteGeneratorHub v0.3.1 — all-local-business big-brand refinement */
:root{--31-ink:#101a2d;--31-ink2:#18233a;--31-blue:#2f6fed;--31-blue2:#5e8eff;--31-sky:#dce8ff;--31-soft:#f5f7fb;--31-line:#dce3ef;--31-muted:#62708a;--31-white:#fff;--31-radius:30px;--31-shadow:0 28px 80px rgba(34,54,88,.13)}
body.home-v31{background:#fff;color:var(--31-ink);font-family:"DM Sans",Inter,system-ui,sans-serif;overflow-x:hidden}
body.home-v31 h1,body.home-v31 h2,body.home-v31 h3,body.home-v31 h4{font-family:"Instrument Sans","DM Sans",sans-serif;letter-spacing:-.045em}
body.home-v31 .brand-header{background:rgba(255,255,255,.72)!important;border-color:rgba(182,194,216,.55)!important;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);transition:.35s ease}
body.home-v31 .brand-header.is-scrolled{background:rgba(255,255,255,.9)!important;box-shadow:0 12px 40px rgba(37,55,88,.08)}
body.home-v31 .brand-nav a{font-family:"DM Sans",sans-serif;font-weight:600}
body.home-v31 .nav-build{background:rgba(16,26,45,.96)!important;border-color:rgba(16,26,45,.96)!important;box-shadow:0 10px 24px rgba(16,26,45,.12)}
.glass31{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,251,255,.58));border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 65px rgba(31,52,89,.12),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%)}
.eyebrow31{margin:0 0 22px;color:var(--31-blue);font-size:12px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.action31{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.action31:hover{transform:translateY(-2px)}.action31-primary{background:var(--31-ink);color:#fff;box-shadow:0 12px 30px rgba(16,26,45,.16)}.action31-primary:hover{box-shadow:0 18px 36px rgba(16,26,45,.22)}.action31-ghost{color:var(--31-ink);border:1px solid var(--31-line);background:rgba(255,255,255,.55)}.action31-light{background:#fff;color:var(--31-ink)}
.hero31{position:relative;padding:82px 0 105px;background:radial-gradient(circle at 82% 10%,rgba(102,151,255,.19),transparent 34%),linear-gradient(180deg,#f8fbff 0%,#fff 80%);isolation:isolate;overflow:hidden}
.hero31-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;pointer-events:none;z-index:-1}.hero31-orb-a{width:520px;height:520px;right:-170px;top:130px;background:radial-gradient(circle at 35% 35%,rgba(108,156,255,.32),rgba(108,156,255,.04) 55%,transparent 70%)}.hero31-orb-b{width:420px;height:420px;left:-240px;top:420px;background:radial-gradient(circle at 65% 45%,rgba(94,142,255,.14),transparent 70%)}
.hero31-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(620px,1.14fr);gap:70px;align-items:center}.hero31-copy{position:relative;z-index:2}.hero31-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border-radius:999px;font-size:10px;letter-spacing:.1em;color:#38506f}.hero31-kicker b{font-size:10px}.hero31-kicker em{font-style:normal;color:#7b879c}.pulse31{width:8px;height:8px;border-radius:50%;background:#4ed694;box-shadow:0 0 0 5px rgba(78,214,148,.13)}
.hero31-title{margin:30px 0 27px;font-size:clamp(58px,5.6vw,96px);line-height:.91;font-weight:650;max-width:820px}.hero31-line{display:block;overflow:hidden;padding-bottom:.08em}.hero31-line i{display:block;font-style:normal;will-change:transform}.hero31-line-accent i{color:var(--31-blue)}.hero31-lead{max-width:690px;margin:0;color:#53627d;font-size:18px;line-height:1.65}.hero31-actions{display:flex;gap:12px;margin-top:34px}.hero31-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:#51617a;font-size:12px;font-weight:600}.hero31-proof span{display:flex;align-items:center;gap:8px}.hero31-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--31-blue)}
.hero31-product{position:relative;min-width:0;perspective:1600px}.hero31-glass-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px 12px 18px;border-radius:18px 18px 0 0;border-bottom-color:rgba(188,200,222,.62)}.toolbar-brand31{display:flex;align-items:center;gap:9px;font-size:11px}.toolbar-dot31{width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#3478f6,#7c9fff)}.toolbar-tabs31{display:flex;gap:4px;background:rgba(226,233,244,.55);padding:4px;border-radius:11px}.toolbar-tabs31 button{appearance:none;border:0;background:transparent;color:#68758b;font:600 10px/1 "DM Sans",sans-serif;padding:8px 10px;border-radius:8px;cursor:pointer;transition:.25s}.toolbar-tabs31 button.is-active{background:#fff;color:var(--31-ink);box-shadow:0 4px 12px rgba(41,59,91,.08)}.toolbar-status31{padding:7px 10px;border-radius:9px;background:var(--31-ink);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero31-canvas{position:relative;display:grid;grid-template-columns:176px 1fr;min-height:610px;padding:18px;border-radius:0 0 28px 28px;background:linear-gradient(140deg,rgba(247,250,255,.84),rgba(234,241,252,.73));border-top:0;overflow:visible;box-shadow:0 42px 90px rgba(38,58,94,.16)}.hero31-controls{padding:16px 14px 16px 2px;display:flex;flex-direction:column;gap:12px}.control31,.control31-control{padding:13px 14px;border:1px solid rgba(200,210,228,.72);border-radius:13px;background:rgba(255,255,255,.58)}.control31>span,.control31-control>span{display:block;margin-bottom:7px;color:#8a96aa;font-size:8px;font-weight:700;letter-spacing:.13em}.control31 strong{font-size:11px}.palette31 i{display:inline-block;width:17px;height:17px;margin-right:4px;border-radius:6px;background:#101a2d}.palette31 i:nth-of-type(2){background:#2f6fed}.palette31 i:nth-of-type(3){background:#d8e5ff}.palette31 i:nth-of-type(4){background:#fff;border:1px solid #d8dfeb}.control31-control div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.control31-control i{width:28px;height:16px;border-radius:999px;background:#3fd094;position:relative}.control31-control i:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;right:3px;top:3px}
.hero31-browser{align-self:stretch;position:relative;z-index:2;overflow:hidden;border-radius:15px;background:#fff;border:1px solid #dbe3ef;box-shadow:0 24px 55px rgba(34,54,89,.13);transition:background .5s ease,color .5s ease}.browser31-top{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#f5f7fb;border-bottom:1px solid #e3e8f1;color:#93a0b3;font-size:8px}.browser31-top span{display:flex;gap:4px}.browser31-top i{width:6px;height:6px;border-radius:50%;background:#a7b3c4}.browser31-top b{font-weight:500}.browser31-site{height:calc(100% - 38px);display:grid;grid-template-rows:64px 1fr 58px;transition:.5s ease}.browser31-site header{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #e3e8f1;font-size:9px}.browser31-site header>b{font-size:15px}.browser31-site header>span{padding:9px 12px;border-radius:5px;background:var(--31-blue);color:#fff;font-weight:700}.browser31-site main{display:grid;grid-template-columns:1.05fr .95fr;min-height:0}.browser31-copy{padding:54px 34px;display:flex;flex-direction:column;justify-content:center}.browser31-copy small{color:var(--31-blue);font-size:8px;font-weight:700;letter-spacing:.12em}.browser31-copy h2{margin:12px 0 14px;font-size:43px;line-height:.92;letter-spacing:-.055em}.browser31-copy p{margin:0 0 23px;color:#68758b;font-size:11px;line-height:1.55}.browser31-copy a{font-size:9px;font-weight:800}.browser31-art{position:relative;margin:18px 18px 18px 0;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#b8c8d8,#e9d2ae);isolation:isolate}.art31-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000)}.art31-shape{position:absolute;width:110%;height:65%;bottom:-10%;left:-12%;background:linear-gradient(145deg,#263a4c,#101a2d);clip-path:polygon(7% 48%,49% 0,100% 40%,100% 100%,0 100%);box-shadow:0 -20px 50px rgba(16,26,45,.25)}.browser31-art>span{position:absolute;left:18px;bottom:17px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;z-index:2}.browser31-site footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e3e8f1}.browser31-site footer span{display:flex;align-items:center;padding:0 20px;border-right:1px solid #e3e8f1;font-size:8px;font-weight:700}.browser31-site footer span:last-child{border:0}
.hero31-browser[data-industry="clinic"] .browser31-site{background:#f8fbff}.hero31-browser[data-industry="clinic"] .browser31-art{background:linear-gradient(150deg,#d7eff4,#c2d9ff)}.hero31-browser[data-industry="clinic"] .art31-shape{width:170px;height:170px;left:50%;bottom:50%;transform:translate(-50%,50%);border-radius:50%;clip-path:none;background:linear-gradient(145deg,#5b8de9,#b8d5ff)}.hero31-browser[data-industry="salon"] .browser31-site{background:#f7f1eb}.hero31-browser[data-industry="salon"] .browser31-site header>span{background:#191613}.hero31-browser[data-industry="salon"] .browser31-copy small{color:#7b5a44}.hero31-browser[data-industry="salon"] .browser31-art{background:linear-gradient(135deg,#171412,#6f4b37)}.hero31-browser[data-industry="salon"] .art31-shape{clip-path:polygon(0 0,100% 22%,80% 100%,10% 88%);background:linear-gradient(145deg,#c9a78f,#3d2820)}.hero31-browser[data-industry="plumber"] .browser31-site{background:#f7fbfb}.hero31-browser[data-industry="plumber"] .browser31-art{background:linear-gradient(145deg,#96dae5,#d7f3f5)}.hero31-browser[data-industry="plumber"] .art31-shape{clip-path:none;width:190px;height:190px;border-radius:50% 50% 45% 55%;left:50%;bottom:50%;transform:translate(-50%,50%);background:#0b6774}.hero31-float{position:absolute;z-index:4;display:grid;grid-template-columns:1fr auto;gap:3px 20px;min-width:180px;padding:14px 16px;border-radius:15px}.hero31-float span{grid-column:1/-1;color:#8190a7;font-size:7px;font-weight:700;letter-spacing:.13em}.hero31-float b{font-size:10px}.hero31-float i{font-style:normal;color:var(--31-blue);font-weight:800}.hero31-float-a{left:120px;bottom:-26px}.hero31-float-b{right:-22px;top:98px}
.industry31{overflow:hidden;border-top:1px solid var(--31-line);border-bottom:1px solid var(--31-line);background:#fff}.industry31-track{display:flex;width:max-content;align-items:center;gap:26px;padding:19px 0;animation:industryMarquee31 34s linear infinite;color:#5d6c84;font:700 12px/1 "DM Sans",sans-serif;letter-spacing:.11em}.industry31-track span{white-space:nowrap}.industry31-track i{color:#8eb1ff;font-style:normal}@keyframes industryMarquee31{to{transform:translateX(-50%)}}
.principle31{padding:135px 0;background:#fff}.principle31-head{display:grid;grid-template-columns:1.1fr .65fr;gap:130px;align-items:end}.principle31-head h2,.system31-copy h2,.choice31-head h2,.first31-copy h2,.closing31 h2{margin:0;font-size:clamp(62px,6.1vw,108px);line-height:.92;font-weight:620}.principle31-head h2 em,.system31-copy h2 em,.choice31-head h2 em,.first31-copy h2 em,.closing31 h2 em{font-style:normal;color:var(--31-blue)}.principle31-intro{padding-bottom:12px}.principle31-intro p{margin:0 0 28px;color:#5e6d84;font-size:18px;line-height:1.65}.principle31-intro a{color:var(--31-ink);font-size:13px;font-weight:700;text-decoration:none}.worlds31{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:72px}.world31{min-width:0}.world31-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#71809a;font-size:9px;font-weight:700;letter-spacing:.09em}.world31-screen{position:relative;min-height:480px;border-radius:20px;overflow:hidden;border:1px solid #dce3ef;box-shadow:0 28px 60px rgba(39,57,89,.08)}.world31-screen header{display:flex;justify-content:space-between;align-items:center;height:68px;padding:0 24px;border-bottom:1px solid rgba(113,128,154,.18);font-size:10px}.world31-screen main{position:relative;padding:64px 28px}.world31-screen small{font-size:8px;font-weight:800;letter-spacing:.12em}.world31-screen h3{margin:15px 0 17px;max-width:350px;font-size:44px;line-height:.96}.world31-screen p{max-width:310px;font-size:12px;line-height:1.5}.world31-screen i{position:absolute;right:20px;bottom:20px;font-style:normal;font-size:110px;font-weight:700;line-height:1;opacity:.06}.world31-roof .world31-screen{background:#111827;color:#fff}.world31-roof .world31-screen header span,.world31-roof small{color:#f4ac3f}.world31-clinic .world31-screen{background:#f4f9ff;color:#13223b}.world31-clinic .world31-screen header span{background:#3974dd;color:#fff;padding:8px 10px;border-radius:999px}.world31-clinic small{color:#4c7edb}.world31-salon .world31-screen{background:#f3ece4;color:#1d1916}.world31-salon .world31-screen header{font-family:"Instrument Sans",sans-serif}.world31-salon small{color:#8d6146}
.system31{padding:130px 0;background:#f6f8fc;border-top:1px solid var(--31-line);border-bottom:1px solid var(--31-line)}.system31-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:110px}.system31-copy{position:sticky;top:140px;align-self:start}.system31-copy h2{font-size:clamp(56px,5vw,88px)}.system31-copy>p:last-child{max-width:580px;margin:32px 0 0;color:#5e6d84;font-size:17px;line-height:1.7}.system31-flow{position:relative}.system31-line{position:absolute;left:42px;top:65px;bottom:65px;width:2px;background:#dce3ef}.system31-line b{display:block;width:100%;height:0;background:var(--31-blue);transition:height .5s ease}.system31-flow article{position:relative;display:grid;grid-template-columns:84px 1fr auto;gap:28px;align-items:start;padding:42px 0;border-bottom:1px solid #dce3ef;opacity:.48;transition:.4s ease}.system31-flow article.is-active{opacity:1}.system31-flow article>span{position:relative;z-index:2;width:84px;color:#b5c3d9;font-size:49px;line-height:.85;font-family:"Instrument Sans",sans-serif;font-weight:650}.system31-flow article.is-active>span{color:var(--31-blue)}.system31-flow small{color:var(--31-blue);font-size:9px;font-weight:800;letter-spacing:.13em}.system31-flow h3{margin:8px 0 8px;font-size:29px}.system31-flow p{max-width:620px;margin:0;color:#64728a;font-size:14px;line-height:1.55}.system31-flow em{margin-top:4px;font-style:normal;color:#8794a9;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.reality31{position:relative;min-height:720px;background:#0c1628;overflow:hidden}.reality31-media{position:absolute;inset:0;background:radial-gradient(circle at 70% 44%,rgba(93,142,255,.22),transparent 32%),linear-gradient(135deg,#13233c 0%,#09111f 64%)}.reality31-media:after{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.11) 0 1px,transparent 1.5px);background-size:38px 38px;transform:rotate(-12deg);opacity:.22}.reality31-media>div{position:absolute;width:700px;height:700px;border:1px solid rgba(135,173,244,.18);border-radius:50%;right:-100px;top:10px;box-shadow:inset 0 0 120px rgba(64,114,217,.1)}.reality31-inner{position:relative;min-height:720px;display:flex;align-items:center;justify-content:flex-end}.reality31-glass{width:min(660px,58%);padding:52px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);color:#fff;box-shadow:0 35px 90px rgba(0,0,0,.25)}.reality31-glass .eyebrow31{color:#8db1ff}.reality31-glass h2{margin:0 0 24px;font-size:clamp(52px,4.7vw,84px);line-height:.95}.reality31-glass>p:not(.eyebrow31){margin:0;color:#c5d1e5;font-size:17px;line-height:1.7}.reality31-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.reality31-tags span{padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.07);color:#dfe7f6;font-size:10px;font-weight:700}
.choice31{padding:140px 0;background:#fff}.choice31-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end}.choice31-head .eyebrow31{grid-column:1/-1;margin-bottom:-25px}.choice31-head h2{font-size:clamp(65px,6.4vw,110px)}.choice31-head>p:last-child{margin:0 0 13px;color:#617089;font-size:18px;line-height:1.6}.choice31-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.choice31-card{position:relative;min-height:540px;padding:30px;border:1px solid var(--31-line);border-radius:24px;background:#fbfcfe;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.choice31-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(38,56,88,.1);border-color:#c6d2e6}.choice31-card-featured{background:linear-gradient(145deg,#101a2d,#152844);color:#fff;border-color:#172942}.choice31-top{display:flex;align-items:center;justify-content:space-between}.choice31-top span{font-size:36px;color:#b6c4da}.choice31-card-featured .choice31-top span{color:#739ef9}.choice31-top b{font-size:9px;letter-spacing:.12em}.choice31-card h3{margin:70px 0 15px;font-size:44px}.choice31-card p{max-width:340px;margin:0;color:#64728a;font-size:15px;line-height:1.6}.choice31-card-featured p{color:#bac7da}.choice31-card>a{position:absolute;left:30px;bottom:30px;color:inherit;font-size:12px;font-weight:700;text-decoration:none;z-index:3}.choice31-visual{position:absolute;right:22px;bottom:72px;width:150px;height:145px;opacity:.8}.choice31-download i{position:absolute;width:90px;height:62px;border:1px solid #cfd9e9;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(38,56,88,.07)}.choice31-download i:nth-child(1){left:0;top:42px;transform:rotate(-12deg)}.choice31-download i:nth-child(2){left:28px;top:25px}.choice31-download i:nth-child(3){left:54px;top:8px;transform:rotate(10deg)}.choice31-download strong{position:absolute;right:5px;bottom:8px;color:var(--31-blue);font-size:35px}.choice31-launch{display:flex;align-items:center}.choice31-launch>div{width:100%;padding:14px;border-radius:14px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.15);color:#fff}.choice31-launch span{display:block;color:#75a0ff;font-size:8px;font-weight:700}.choice31-launch b{display:block;margin-top:6px;font-size:13px}.choice31-launch i{display:block;margin-top:16px;font-style:normal;font-size:25px}.choice31-build>i{position:absolute;width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#dce8ff,#759df4);right:0;top:10px}.choice31-build>div{position:absolute;left:0;bottom:10px;width:115px;padding:13px;background:#fff;border:1px solid #dce3ef;border-radius:11px}.choice31-build span{display:block;height:5px;margin:6px 0;border-radius:99px;background:#c6d2e6}.choice31-build span:nth-child(2){width:70%}.choice31-build span:nth-child(3){width:45%}
.first31{padding:140px 0;background:#f6f8fc;border-top:1px solid var(--31-line)}.first31-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}.first31-copy{position:relative}.first31-number{position:absolute;left:-20px;top:30px;color:#e2e9f4;font:650 clamp(180px,17vw,320px)/.8 "Instrument Sans",sans-serif;letter-spacing:-.09em;z-index:0}.first31-copy>*:not(.first31-number){position:relative;z-index:1}.first31-copy h2{font-size:clamp(61px,5.5vw,96px)}.first31-copy>p:not(.eyebrow31){max-width:590px;margin:30px 0 34px;color:#617089;font-size:17px;line-height:1.7}.first31-visual{position:relative;height:620px;perspective:1200px}.first31-card{position:absolute;width:72%;height:60%;padding:30px;border-radius:20px;box-shadow:0 30px 70px rgba(35,52,83,.16);display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s ease}.first31-card small{font-size:9px;font-weight:800;letter-spacing:.13em}.first31-card b{font:600 45px/.96 "Instrument Sans",sans-serif;letter-spacing:-.05em}.first31-card span{font-size:13px;font-weight:800}.first31-card-a{left:0;top:14%;background:#fff;color:#111c30;transform:rotate(-5deg)}.first31-card-b{right:0;top:0;background:#101927;color:#fff;transform:rotate(6deg)}.first31-card-b small{color:#f4ad3e}.first31-card-c{left:17%;bottom:0;background:#efe7dd;color:#201b16;transform:rotate(1.5deg)}.first31-roadmap{position:absolute;right:-12px;bottom:12px;z-index:4;min-width:165px;padding:17px;border-radius:15px}.first31-roadmap span{display:block;color:#8190a7;font-size:8px;font-weight:800}.first31-roadmap b{display:block;margin:6px 0 1px;font-size:20px}.first31-roadmap i{font-style:normal;color:#71809a;font-size:9px}
.closing31{padding:120px 0;background:#0d1729;color:#fff;overflow:hidden}.closing31-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}.closing31 .eyebrow31{color:#7da4ff}.closing31 h2{font-size:clamp(62px,6.1vw,106px)}.closing31 h2 em{color:#79a3ff}.closing31-side p{margin:0 0 28px;color:#bcc9dc;font-size:17px;line-height:1.65}
body.home-v31 .brand-footer{background:#080f1d}
[data-gsap-reveal]{will-change:transform,opacity}
@media(max-width:1180px){.hero31-grid{grid-template-columns:1fr;gap:60px}.hero31-copy{max-width:850px}.hero31-product{max-width:920px}.principle31-head,.system31-grid,.first31-grid{grid-template-columns:1fr;gap:65px}.principle31-intro{max-width:700px}.system31-copy{position:relative;top:auto}.worlds31{grid-template-columns:1fr 1fr}.world31:last-child{grid-column:1/-1}.choice31-grid{grid-template-columns:1fr 1fr}.choice31-card:last-child{grid-column:1/-1}.first31-visual{max-width:850px}.closing31-inner{grid-template-columns:1fr;gap:45px}}
@media(max-width:820px){.hero31{padding:55px 0 80px}.hero31-title{font-size:clamp(52px,13vw,78px)}.hero31-actions{flex-direction:column;align-items:stretch}.hero31-canvas{grid-template-columns:1fr;min-height:auto;padding:12px}.hero31-controls{display:none}.hero31-browser{min-height:480px}.browser31-site main{grid-template-columns:1fr}.browser31-art{display:none}.hero31-float{display:none}.toolbar-tabs31{max-width:255px;overflow:auto}.toolbar-tabs31 button{padding:8px}.toolbar-brand31{display:none}.principle31,.system31,.choice31,.first31{padding:95px 0}.principle31-head,.choice31-head{grid-template-columns:1fr;gap:25px}.principle31-head h2,.system31-copy h2,.choice31-head h2,.first31-copy h2,.closing31 h2{font-size:clamp(50px,12vw,76px)}.choice31-head .eyebrow31{grid-column:auto;margin-bottom:0}.worlds31{grid-template-columns:1fr}.world31:last-child{grid-column:auto}.world31-screen{min-height:400px}.system31-flow article{grid-template-columns:63px 1fr;gap:18px}.system31-flow article>em{grid-column:2}.system31-flow article>span{width:63px;font-size:39px}.system31-line{left:31px}.reality31,.reality31-inner{min-height:620px}.reality31-glass{width:100%;padding:34px}.reality31-glass h2{font-size:50px}.choice31-grid{grid-template-columns:1fr}.choice31-card,.choice31-card:last-child{grid-column:auto;min-height:470px}.first31-visual{height:500px}.first31-card{width:78%;height:58%}.first31-card b{font-size:35px}.closing31{padding:90px 0}}
@media(max-width:560px){.hero31-kicker em{display:none}.hero31-title{font-size:49px}.hero31-lead{font-size:16px}.hero31-proof{gap:10px 16px}.hero31-glass-toolbar{padding:9px}.toolbar-status31{display:none}.hero31-browser{min-height:420px}.browser31-site{grid-template-rows:54px 1fr 50px}.browser31-site header{padding:0 15px}.browser31-site header nav{display:none}.browser31-copy{padding:35px 22px}.browser31-copy h2{font-size:35px}.industry31-track{font-size:10px}.world31-screen main{padding:48px 22px}.world31-screen h3{font-size:36px}.system31-flow h3{font-size:24px}.choice31-card{padding:24px}.choice31-card h3{margin-top:50px;font-size:38px}.choice31-card>a{left:24px;bottom:24px}.choice31-visual{right:15px}.first31-number{font-size:180px}.first31-visual{height:420px}.first31-card{width:82%;height:58%;padding:22px}.first31-card b{font-size:29px}.first31-roadmap{right:0}.closing31 h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.industry31-track{animation:none!important}}

/* v0.3.1 public font system */
:root{--display:"Instrument Sans","DM Sans",sans-serif;--body:"DM Sans",Inter,sans-serif}
body{font-family:var(--body)}

/* =============================================================
   WebsiteGeneratorHub v0.3.2 — Big-brand refinement
   Visual language anchored to the approved "Roofer first" art direction.
   ============================================================= */
:root{
  --display:'Wix Madefor Display',Arial,sans-serif;
  --body:'Wix Madefor Text',Arial,sans-serif;
  --ink32:#0d172b;
  --ink32-2:#16233a;
  --blue32:#316cf4;
  --blue32-deep:#184bb9;
  --blue32-soft:#eaf0ff;
  --paper32:#f4f7fb;
  --paper32-2:#eef3f9;
  --cream32:#eee6da;
  --line32:#dce4f0;
  --muted32:#66758d;
  --shadow32:0 32px 90px rgba(25,45,83,.13);
}
body{font-family:var(--body)}

/* brand chrome */
.brand-header{background:rgba(248,250,253,.76)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(205,216,232,.68)!important;transition:background .3s ease,box-shadow .3s ease}
.brand-header.is-scrolled{background:rgba(255,255,255,.92)!important;box-shadow:0 14px 42px rgba(21,38,70,.07)}
.header-row{height:76px}
.brand-logo32{width:auto!important;gap:10px;font-family:var(--display)}
.brand-logo32 img{width:38px!important;height:38px;object-fit:contain}
.brand-logo32 span{display:flex;align-items:baseline;gap:2px;white-space:nowrap}
.brand-logo32 b{font-size:18px;letter-spacing:-.045em;color:#0b1832}
.brand-logo32 em{font-style:normal;font-size:11px;font-weight:700;color:#4d72c7}
.brand-nav{font-family:var(--body);font-size:14px;gap:30px}
.nav-build32{border-radius:999px!important;padding:11px 17px!important;background:#0d172b!important;box-shadow:0 10px 24px rgba(13,23,43,.12);transition:transform .25s ease,box-shadow .25s ease}
.nav-build32:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(13,23,43,.17)}
.nav-build32 em{font-size:14px}

/* shared */
.home-v32{background:#fff;color:var(--ink32);overflow-x:hidden}
.home-v32 main{overflow:hidden}
.glass32{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.56));border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 60px rgba(27,51,91,.12),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.eyebrow32{margin:0 0 20px;color:var(--blue32);font:800 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase}.eyebrow32-light{color:#8cb0ff}
.button32{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:0 22px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease}.button32:hover{transform:translateY(-3px)}.button32 span{font-size:16px}.button32-primary{background:var(--blue32);color:#fff;box-shadow:0 16px 36px rgba(49,108,244,.24)}.button32-primary:hover{background:#245fe8;box-shadow:0 20px 42px rgba(49,108,244,.31)}.button32-soft{background:#fff;color:var(--ink32);border:1px solid var(--line32);box-shadow:0 10px 28px rgba(30,49,84,.06)}.button32-dark{background:var(--ink32);color:#fff;box-shadow:0 16px 36px rgba(13,23,43,.17)}.button32-white{background:#fff;color:var(--ink32);box-shadow:0 18px 38px rgba(0,0,0,.15)}

/* hero */
.hero32{position:relative;min-height:860px;padding:90px 0 92px;background:linear-gradient(180deg,#f8fafe 0%,#f2f6fb 100%);overflow:hidden}
.hero32::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d9e2ef}
.hero32-mesh{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;opacity:.8}.hero32-mesh-a{width:760px;height:760px;right:-220px;top:-280px;background:radial-gradient(circle at 48% 50%,rgba(76,124,245,.18),rgba(76,124,245,0) 68%)}.hero32-mesh-b{width:520px;height:520px;left:-230px;bottom:-250px;background:radial-gradient(circle at 50% 50%,rgba(104,154,255,.12),rgba(104,154,255,0) 70%)}
.hero32-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);gap:62px;align-items:center}
.hero32-copy{padding:20px 0}
.hero32-kicker{width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;border-radius:999px;padding:9px 13px 9px 10px;color:#44526a;font-size:10px;letter-spacing:.08em}.hero32-kicker span{width:8px;height:8px;background:#48c99a;border-radius:50%;box-shadow:0 0 0 6px rgba(72,201,154,.1)}.hero32-kicker b{font-weight:800;color:#23304a}.hero32-kicker em{font-style:normal;color:#77859b;border-left:1px solid #d7deea;padding-left:10px}
.hero32-title{font-family:var(--display);font-size:clamp(66px,6.2vw,106px);line-height:.88;letter-spacing:-.07em;font-weight:700;margin:30px 0 0;max-width:760px}.hero32-title>span{display:block;overflow:hidden;padding-bottom:.08em}.hero32-title i{display:block;font-style:normal}.hero32-title .accent{color:var(--blue32);font-size:.84em;margin-top:.02em}
.hero32-lead{font-size:18px;line-height:1.72;color:#607087;max-width:650px;margin:30px 0 30px}.hero32-actions{display:flex;gap:11px;flex-wrap:wrap}.hero32-notes{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid #d6dfeb;color:#617087;font-size:12px;font-weight:700}.hero32-notes span{display:flex;align-items:center;gap:8px}.hero32-notes span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue32)}
.hero32-art{position:relative;height:665px;isolation:isolate;perspective:1600px}.hero32-halo{position:absolute;inset:80px 30px 30px 50px;border-radius:50%;background:radial-gradient(circle,rgba(91,137,246,.18) 0%,rgba(91,137,246,.04) 48%,transparent 70%);filter:blur(10px)}
.hero32-card{position:absolute;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px;box-shadow:0 34px 75px rgba(25,43,77,.13);will-change:transform;transform-style:preserve-3d}.hero32-card small{font-size:9px;letter-spacing:.16em;font-weight:800}.hero32-card h2{font:650 clamp(36px,3.1vw,52px)/.95 var(--display);letter-spacing:-.055em;margin:25px 0}.hero32-card footer{display:flex;justify-content:space-between;align-items:end;font-size:11px}.hero32-card footer b{font-size:14px}.hero32-card-a{width:53%;height:52%;left:4%;top:18%;background:#fff;transform:rotate(-6deg);z-index:1}.hero32-card-a small{color:#506078}.hero32-card-b{width:58%;height:54%;right:0;top:3%;background:#0f1929;color:#fff;transform:rotate(8deg);z-index:2}.hero32-card-b small{color:#ffad3e}.hero32-card-b footer span{color:#9eacc3}.hero32-card-c{width:61%;height:55%;left:22%;bottom:3%;background:var(--cream32);color:#171713;transform:rotate(1deg);z-index:3}.hero32-card-c small{color:#5e5b55}.hero32-glass{position:absolute;right:-2px;bottom:8%;z-index:5;border-radius:18px;width:170px;padding:17px 18px}.hero32-glass span{display:block;font-size:8px;font-weight:800;color:#8592a7}.hero32-glass b{display:block;font:700 18px var(--display);margin:4px 0}.hero32-glass em{font-style:normal;font-size:9px;color:#7b8aa1}

/* ticker */
.ticker32{height:70px;background:#0d172b;color:#fff;overflow:hidden;display:flex;align-items:center;border-top:1px solid #21304b;border-bottom:1px solid #21304b}.ticker32-track{display:flex;align-items:center;gap:24px;width:max-content;white-space:nowrap;animation:ticker32 26s linear infinite}.ticker32 span{font:700 14px var(--body);letter-spacing:.09em}.ticker32 i{font-style:normal;color:#5e8cff}@keyframes ticker32{to{transform:translateX(-50%)}}

/* worlds */
.worlds32{background:#fff;padding:140px 0 150px}.worlds32-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.worlds32-sticky{position:sticky;top:118px}.worlds32-sticky h2{font:700 clamp(54px,5.2vw,82px)/.93 var(--display);letter-spacing:-.065em;margin:0 0 28px}.worlds32-sticky h2 em{font-style:normal;color:var(--blue32)}.worlds32-sticky>p:not(.eyebrow32){font-size:17px;line-height:1.75;color:#627188;max-width:520px}.worlds32-sticky>a{display:inline-flex;gap:12px;margin-top:22px;font-weight:700;font-size:13px;border-bottom:1px solid #1d2940;padding-bottom:4px}
.worlds32-stack{display:flex;flex-direction:column;gap:42px}.world32{position:relative;border-radius:28px;background:#f2f5f9;padding:22px;overflow:hidden;box-shadow:0 22px 62px rgba(24,43,76,.08)}.world32-meta{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;padding:2px 2px 19px}.world32-meta span{font:700 32px var(--display);color:#b3c3dd}.world32-meta b{font-size:11px;letter-spacing:.12em}.world32-meta em{font-style:normal;font-size:10px;color:#77859a}.world32-stage{min-height:440px;border-radius:20px;overflow:hidden;padding:34px 38px;display:flex;flex-direction:column}.world32-stage header{display:flex;align-items:center;justify-content:space-between;font-size:11px}.world32-stage header b{font-size:18px}.world32-stage header span{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.world32-stage main{margin-top:auto;max-width:570px;padding-top:120px}.world32-stage small{font-size:9px;letter-spacing:.13em;font-weight:800}.world32-stage h3{font:700 clamp(44px,4.1vw,68px)/.92 var(--display);letter-spacing:-.06em;margin:18px 0 18px}.world32-stage p{font-size:13px;line-height:1.65;max-width:390px;margin:0 0 22px}.world32-stage a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.world32-roof .world32-stage{background:#0f1929;color:#fff}.world32-roof .world32-stage small,.world32-roof .world32-stage a{color:#ffb13d}.world32-clinic .world32-stage{background:#e7f4ef;color:#14352b}.world32-clinic .world32-stage small,.world32-clinic .world32-stage a{color:#3a8b72}.world32-salon .world32-stage{background:#eadde8;color:#2b1728}.world32-salon .world32-stage small,.world32-salon .world32-stage a{color:#9c4f8a}.world32-plumber .world32-stage{background:#e8f1ff;color:#102c52}.world32-plumber .world32-stage small,.world32-plumber .world32-stage a{color:#2a6ce8}

/* engine */
.engine32{position:relative;background:#0a1324;color:#fff;padding:140px 0;overflow:hidden}.engine32::before{content:"";position:absolute;width:740px;height:740px;border-radius:50%;right:-280px;top:-260px;background:radial-gradient(circle,rgba(66,115,244,.22),transparent 68%);filter:blur(15px)}.engine32-layout{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}.engine32-copy h2{font:700 clamp(56px,5.5vw,88px)/.92 var(--display);letter-spacing:-.065em;margin:0 0 28px}.engine32-copy h2 em{font-style:normal;color:#79a3ff}.engine32-copy>p:not(.eyebrow32){font-size:16px;line-height:1.75;color:#aab8cf;max-width:520px}.engine32-steps{margin-top:42px;border-top:1px solid #263855}.engine32-steps button{width:100%;display:grid;grid-template-columns:52px 1fr;gap:15px;padding:20px 0;border:0;border-bottom:1px solid #263855;background:transparent;color:#8291aa;text-align:left;transition:.25s ease}.engine32-steps button>span{font:700 16px var(--display);color:#55657e}.engine32-steps button div{display:flex;flex-direction:column;gap:2px}.engine32-steps button b{font-size:13px;color:#b7c2d5}.engine32-steps button em{font-style:normal;font-size:11px}.engine32-steps button.is-active{transform:translateX(9px);color:#dfe7f4}.engine32-steps button.is-active>span{color:#79a3ff}.engine32-steps button.is-active b{color:#fff}
.engine32-stage-wrap{position:relative;min-height:650px;display:flex;align-items:center}.engine32-glow{position:absolute;inset:14% 6%;background:radial-gradient(circle,rgba(77,126,255,.33),transparent 68%);filter:blur(30px)}.engine32-stage{position:relative;width:100%;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));border-color:rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.3)}.engine32-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;color:#95a5bd}.engine32-top>span{display:flex;gap:5px}.engine32-top i{display:block;width:7px;height:7px;background:#8293ab;border-radius:50%}.engine32-top em{font-style:normal;background:#fff;color:#1c2940;padding:7px 10px;border-radius:8px;font-weight:700}.engine32-screen{display:grid;grid-template-columns:185px 1fr;min-height:520px}.engine32-screen aside{padding:28px 22px;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}.engine32-screen aside strong{font:700 70px var(--display);letter-spacing:-.08em;color:#27457b;margin-bottom:40px}.engine32-screen aside span{font-size:8px;font-weight:800;letter-spacing:.12em;color:#6880a5;margin-top:18px}.engine32-screen aside b{font-size:11px;margin-top:3px;color:#d3ddec}.engine32-screen main{position:relative;padding:66px 58px;overflow:hidden}.engine32-badge{position:absolute;top:24px;right:24px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:8px;font-weight:800;color:#9fb6dc;border:1px solid rgba(255,255,255,.09)}.engine32-screen main small{font-size:9px;letter-spacing:.16em;color:#79a3ff;font-weight:800}.engine32-screen main h3{font:700 clamp(42px,4.3vw,66px)/.95 var(--display);letter-spacing:-.055em;margin:18px 0 20px;max-width:720px}.engine32-screen main p{font-size:14px;line-height:1.7;color:#aab8cf;max-width:620px}.engine32-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:40px;max-width:570px}.engine32-fields span{padding:14px 15px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:10px;color:#c7d2e3}.engine32-progress{height:4px;background:rgba(255,255,255,.08)}.engine32-progress b{display:block;height:100%;width:25%;background:linear-gradient(90deg,#527ff7,#9ab7ff);transition:width .5s cubic-bezier(.2,.8,.2,1)}

/* outcomes */
.choice32{padding:140px 0;background:#f7f9fc}.choice32-head{display:grid;grid-template-columns:1fr .48fr;gap:90px;align-items:end;margin-bottom:60px}.choice32-head .eyebrow32{grid-column:1/-1;margin-bottom:-25px}.choice32-head h2{font:700 clamp(62px,6vw,98px)/.9 var(--display);letter-spacing:-.07em;margin:0}.choice32-head h2 em{font-style:normal;color:var(--blue32)}.choice32-head>p{font-size:16px;line-height:1.7;color:#64728a;margin:0;max-width:490px}.choice32-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:18px;min-height:650px}.choice32-grid>a{position:relative;overflow:hidden;border-radius:28px;padding:38px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.choice32-grid>a:hover{transform:translateY(-5px);box-shadow:0 28px 72px rgba(25,45,82,.13)}.choice32-grid>a>div{display:flex;align-items:center;justify-content:space-between}.choice32-grid span{font:700 20px var(--display)}.choice32-grid small{font-size:9px;letter-spacing:.15em;font-weight:800}.choice32-grid h3{font:700 clamp(42px,4vw,66px)/.94 var(--display);letter-spacing:-.055em;margin:60px 0 18px;max-width:650px}.choice32-grid p{font-size:14px;line-height:1.65;max-width:520px}.choice32-grid strong{position:absolute;left:38px;right:38px;bottom:34px;display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid currentColor;font-size:11px}.choice32-grid strong em{font-style:normal;font-size:17px}.choice32-primary{grid-row:1/3;background:#0f1929;color:#fff}.choice32-primary small{color:#79a3ff}.choice32-primary p{color:#aebbd0}.choice32-launch{background:#fff;color:#0f1929;border:1px solid #e1e7ef}.choice32-launch small{color:#4271dc}.choice32-pro{background:#e8e2d9;color:#201c17}.choice32-pro small{color:#8a6840}

/* first build — retained direction, refined */
.first32{padding:145px 0;background:linear-gradient(180deg,#f3f6fb,#eef3f9)}.first32-grid{display:grid;grid-template-columns:.67fr 1.33fr;gap:70px;align-items:center}.first32-copy h2{font:700 clamp(66px,6.3vw,102px)/.86 var(--display);letter-spacing:-.075em;margin:0 0 30px}.first32-copy h2 em{display:block;font-style:normal;color:var(--blue32)}.first32-copy>p:not(.eyebrow32){font-size:17px;line-height:1.75;color:#65758c;max-width:520px;margin:0 0 32px}.first32-art{position:relative;height:620px;perspective:1500px}.first32-card{position:absolute;width:58%;height:60%;border-radius:24px;padding:34px;box-shadow:0 32px 75px rgba(29,47,79,.12);display:flex;flex-direction:column;justify-content:space-between;will-change:transform}.first32-card small{font-size:9px;letter-spacing:.16em;font-weight:800}.first32-card h3{font:700 clamp(36px,3.3vw,56px)/.93 var(--display);letter-spacing:-.06em;margin:0}.first32-card b{font-size:12px}.first32-card-a{left:0;top:16%;background:#fff;transform:rotate(-7deg);z-index:1}.first32-card-b{right:0;top:0;background:#0f1929;color:#fff;transform:rotate(8deg);z-index:2}.first32-card-b small{color:#ffaf39}.first32-card-c{left:22%;bottom:0;background:#eee5d8;color:#1a1714;z-index:3}.first32-next{position:absolute;right:2%;bottom:0;z-index:5;width:165px;border-radius:18px;padding:17px}.first32-next span{display:block;font-size:8px;color:#8090a7;font-weight:800}.first32-next b{display:block;font:700 18px var(--display);margin:4px 0}.first32-next em{font-style:normal;font-size:9px;color:#7a899f}

/* closing */
.closing32{position:relative;background:#0b1425;color:#fff;padding:120px 0;overflow:hidden}.closing32::before{content:"";position:absolute;width:720px;height:720px;right:-260px;bottom:-430px;border-radius:50%;background:radial-gradient(circle,rgba(74,121,246,.3),transparent 67%)}.closing32-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}.closing32 h2{font:700 clamp(58px,5.8vw,94px)/.91 var(--display);letter-spacing:-.07em;margin:0}.closing32 h2 em{font-style:normal;color:#78a2ff}.closing32-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.closing32-actions>a:not(.button32){color:#afbdd3;font-size:13px;border-bottom:1px solid #7f8da3;padding-bottom:3px}

/* footer refinement */
.brand-footer{background:#08111f!important}.footer-brand32{display:flex;align-items:center;gap:10px}.footer-brand32 img{width:42px!important;filter:none!important;opacity:1!important}.footer-brand32 span{display:flex;align-items:baseline;gap:2px;font-family:var(--display)}.footer-brand32 b{font-size:18px;letter-spacing:-.045em}.footer-brand32 em{font-style:normal;font-size:10px;color:#74a0ff}.footer-brand>p{margin-top:18px!important}.footer-bottom{border-color:#1d2d47!important}

/* reveal baseline */
.home-v32 [data-reveal32]{will-change:transform,opacity}

@media(max-width:1200px){
  .hero32-grid{grid-template-columns:.82fr 1.18fr;gap:34px}.hero32-art{height:590px}.hero32-title{font-size:clamp(58px,6.3vw,84px)}.worlds32-layout{gap:55px}.engine32-layout{gap:50px}.engine32-screen{grid-template-columns:155px 1fr}.engine32-screen main{padding:58px 40px}.choice32-grid{min-height:610px}.first32-grid{gap:40px}.first32-art{height:560px}
}
@media(max-width:980px){
  .brand-logo32 b{font-size:17px}.hero32{padding-top:60px;min-height:0}.hero32-grid,.worlds32-layout,.engine32-layout,.first32-grid,.closing32-inner{grid-template-columns:1fr}.hero32-art{height:610px;margin-top:20px}.worlds32-sticky{position:relative;top:auto;max-width:760px}.worlds32{padding:105px 0}.engine32{padding:105px 0}.engine32-copy{max-width:760px}.engine32-stage-wrap{min-height:0}.choice32{padding:105px 0}.choice32-head{grid-template-columns:1fr;gap:24px}.choice32-head .eyebrow32{margin-bottom:0}.choice32-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.choice32-primary{grid-row:auto;min-height:470px}.choice32-secondary{min-height:390px}.first32{padding:105px 0}.first32-copy{max-width:700px}.first32-art{height:570px}.closing32{padding:95px 0}.closing32-actions{margin-top:10px}.world32-stage{min-height:400px}
}
@media(max-width:680px){
  :root{--shell:calc(100vw - 28px)}.brand-logo32 img{width:34px!important;height:34px}.brand-logo32 b{font-size:15px}.brand-logo32 em{display:none}.hero32{padding:46px 0 70px}.hero32-kicker{font-size:8px}.hero32-kicker em{display:none}.hero32-title{font-size:clamp(52px,15vw,72px);line-height:.9;margin-top:25px}.hero32-lead{font-size:16px}.hero32-actions{flex-direction:column}.button32{width:100%}.hero32-notes{flex-direction:column;gap:10px}.hero32-art{height:470px;margin-top:25px}.hero32-card{padding:22px;border-radius:18px}.hero32-card h2{font-size:29px}.hero32-card-a{width:64%;height:50%;left:0;top:19%}.hero32-card-b{width:69%;height:52%;top:2%}.hero32-card-c{width:72%;height:53%;left:16%;bottom:2%}.hero32-glass{width:128px;padding:12px;right:0}.ticker32{height:58px}.ticker32 span{font-size:11px}.worlds32{padding:78px 0}.worlds32-sticky h2{font-size:48px}.worlds32-sticky>p:not(.eyebrow32){font-size:15px}.worlds32-stack{gap:25px}.world32{padding:14px;border-radius:20px}.world32-meta{grid-template-columns:44px 1fr;gap:8px}.world32-meta em{display:none}.world32-meta span{font-size:24px}.world32-stage{min-height:365px;padding:24px 22px;border-radius:15px}.world32-stage main{padding-top:95px}.world32-stage h3{font-size:40px}.engine32{padding:80px 0}.engine32-copy h2{font-size:50px}.engine32-screen{grid-template-columns:1fr;min-height:470px}.engine32-screen aside{display:none}.engine32-screen main{padding:60px 24px 38px}.engine32-screen main h3{font-size:40px}.engine32-fields{grid-template-columns:1fr}.choice32{padding:80px 0}.choice32-head h2{font-size:52px}.choice32-grid>a{padding:26px;border-radius:21px}.choice32-grid h3{font-size:39px;margin-top:45px}.choice32-grid strong{left:26px;right:26px;bottom:24px}.choice32-primary{min-height:450px}.choice32-secondary{min-height:370px}.first32{padding:80px 0}.first32-copy h2{font-size:58px}.first32-art{height:440px}.first32-card{padding:22px;border-radius:18px}.first32-card h3{font-size:31px}.first32-card-a{width:65%;height:55%}.first32-card-b{width:67%;height:55%}.first32-card-c{width:70%;height:56%;left:16%}.first32-next{width:125px;padding:12px}.closing32{padding:80px 0}.closing32 h2{font-size:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand32 b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.ticker32-track{animation:none}.hero32-card,.first32-card,.home-v32 [data-reveal32]{transform:none!important;transition:none!important}}


/* ==========================================================================\n   v0.3.7 — v0.3.2 visual baseline + limited approved refinements only\n   ========================================================================== */
:root{--glass32:rgba(255,255,255,.74);--glass32-border:rgba(255,255,255,.66);--glass32-shadow:0 18px 55px rgba(33,55,92,.12)}
.brand-header{top:14px;left:0;right:0;background:transparent;border:0;pointer-events:none;position:fixed;z-index:100}
.brand-header .header-row{pointer-events:auto;min-height:72px;border:1px solid rgba(163,181,208,.34);background:var(--glass32);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);box-shadow:var(--glass32-shadow);border-radius:22px;padding:0 17px 0 20px;transition:transform .28s ease,background .28s ease,box-shadow .28s ease}
.brand-header.is-scrolled .header-row{background:rgba(255,255,255,.88);box-shadow:0 15px 42px rgba(28,46,78,.15)}
.brand-nav .nav-build32{border-radius:15px;background:#16243b;color:#fff!important;padding:13px 16px}
.brand-nav .nav-build32:hover{background:#2f6fed}
.hero32{padding-top:155px}
.site-dock32{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:95;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid rgba(163,181,208,.34);border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 16px 48px rgba(27,46,80,.15)}
.site-dock32 a{font-size:11px;font-weight:760;color:#596b84;padding:10px 14px;border-radius:999px;transition:background .2s ease,color .2s ease,transform .15s ease}.site-dock32 a:hover,.site-dock32 a.is-active{background:#fff;color:#142238}.site-dock32 a:active{transform:scale(.97)}

/* Practical — designed inside the original v0.3.2 visual language */
.practical32{padding:140px 0;background:#f2f6fb;border-top:1px solid #dde6f1}.practical32-head{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:58px}.practical32-head h2{font:700 clamp(54px,5.3vw,84px)/.92 var(--display);letter-spacing:-.065em;margin:0}.practical32-head h2 em{font-style:normal;color:var(--blue32)}.practical32-head>p{font-size:17px;line-height:1.75;color:#64748b;margin:0 0 7px;max-width:510px}.practical32-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:minmax(260px,auto);gap:18px}.practical32-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:30px 32px;box-shadow:0 18px 48px rgba(30,48,81,.06)}.practical32-grid article small{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#2f6fed;margin-bottom:20px}.practical32-grid article h3{font:700 clamp(27px,2.25vw,38px)/1.03 var(--display);letter-spacing:-.045em;max-width:520px;margin:0}.practical32-wide{grid-column:span 2}.practical32-tall{grid-row:span 2;background:#101b2c!important;color:#fff}.practical32-diagram{position:absolute;right:28px;bottom:24px;width:46%;height:120px;border:1px solid #8da4c5;background:#f7f9fc}.practical32-diagram i{position:absolute;left:10px;right:10px;top:12px;height:26px;border:1px solid #b8c7dc}.practical32-diagram span{position:absolute;left:10px;width:43%;height:26px;border:1px solid #b8c7dc;bottom:12px}.practical32-diagram span+span{left:auto;right:10px}.practical32-diagram b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d7e0ec}.practical32-devices{position:absolute;left:32px;right:32px;bottom:28px;height:110px}.practical32-devices i,.practical32-devices b{position:absolute;bottom:0;border:2px solid #1d355a;border-radius:12px}.practical32-devices i{left:18%;width:52%;height:95px}.practical32-devices b{right:13%;width:22%;height:67px}.practical32-lines{position:absolute;left:32px;right:32px;bottom:30px}.practical32-lines span{display:block;height:7px;background:#d7e1ee;margin:8px 0}.practical32-lines span:nth-child(2){width:78%}.practical32-lines span:nth-child(3){width:55%}.practical32-lines em{display:block;margin-top:15px;font-style:normal;font-size:10px;font-weight:800;color:#2a9b6f;letter-spacing:.12em}.practical32-type{position:absolute;left:32px;right:32px;bottom:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;align-items:end}.practical32-type b{grid-column:1/-1;font:700 88px/.8 var(--display);color:#91a5c6;opacity:.32}.practical32-type span{border-top:1px solid #39506f;padding-top:9px;font-size:10px;color:#aebbd0}.practical32-paths{position:absolute;left:32px;bottom:30px;display:flex;gap:9px}.practical32-paths b{width:48px;height:48px;display:grid;place-items:center;border:1px solid #a8bad3;border-radius:12px;font:700 12px var(--display)}

/* Believable before/after */
.compare32{padding:145px 0;background:#fff;border-top:1px solid #e0e7f1}.compare32-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:center}.compare32-copy h2{font:700 clamp(56px,5.5vw,88px)/.91 var(--display);letter-spacing:-.07em;margin:0 0 28px}.compare32-copy h2 em{font-style:normal;color:var(--blue32)}.compare32-copy>p:not(.eyebrow32){font-size:17px;line-height:1.75;color:#64748b;max-width:520px}.compare32-stage{position:relative;height:590px;border:1px solid #dbe4ef;border-radius:28px;overflow:hidden;background:#edf2f8;box-shadow:0 28px 75px rgba(25,43,77,.12);touch-action:none}.compare32-before,.compare32-after{position:absolute;inset:0;padding:28px}.compare32-after{clip-path:inset(0 0 0 50%);background:#edf2f8}.old32-browser,.new32-browser{height:100%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(27,45,75,.12)}.old32-browser{font-family:Arial,sans-serif;border:1px solid #b5bdca;background:#faf9f4}.old32-top{padding:17px 22px;background:#173f75;color:#fff;font:bold 19px Arial}.old32-nav{padding:11px 22px;background:#d8e4f1;color:#173f75;font:bold 11px Arial}.old32-body{padding:44px 38px}.old32-body h3{font:bold 31px/1.05 Arial;margin:0 0 14px;color:#26364f}.old32-body p{max-width:480px;font:15px/1.6 Arial;color:#4d5a6c}.old32-body button{margin:20px 0 34px;padding:12px 18px;border:1px solid #264b78;background:#e7edf3;color:#173f75;font:bold 11px Arial}.old32-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.old32-cols span{padding:18px 12px;background:#ecebe7;border:1px solid #d4d1c8;font:bold 11px Arial;color:#3f4650}.new32-browser{display:flex;flex-direction:column}.new32-browser header{display:flex;align-items:center;gap:18px;padding:24px 27px;border-bottom:1px solid #e1e7ef}.new32-browser header b{font:700 18px var(--display)}.new32-browser header nav{margin-left:auto;font-size:10px}.new32-browser header button{border:0;background:#2f6fed;color:#fff;padding:11px 15px;font-size:10px;font-weight:800}.new32-hero{padding:72px 44px 55px;flex:1}.new32-hero small{font-size:9px;letter-spacing:.13em;font-weight:800;color:#2f6fed}.new32-hero h3{font:700 clamp(42px,4vw,65px)/.93 var(--display);letter-spacing:-.06em;margin:18px 0 18px}.new32-hero p{font-size:13px;color:#64748b}.new32-hero a{display:inline-block;margin-top:28px;font-size:10px;font-weight:800}.new32-browser footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1e7ef}.new32-browser footer span{padding:18px 20px;border-right:1px solid #e1e7ef;font-size:9px;font-weight:700}.compare32-handle{position:absolute;top:50%;left:50%;z-index:5;transform:translate(-50%,-50%);width:54px;height:54px;border:0;border-radius:50%;background:#2f6fed;color:#fff;box-shadow:0 10px 30px rgba(47,111,237,.28);cursor:ew-resize}.compare32-handle i{font-style:normal;font-size:20px}.compare32-label{position:absolute;top:18px;z-index:6;font-size:9px;font-weight:800;letter-spacing:.12em;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}.compare32-label-a{left:18px}.compare32-label-b{right:18px}

/* Roofer first keeps the v0.3.2 composition but gains subtle depth */
.first32-art::before{content:"";position:absolute;inset:70px 80px 45px;border-radius:50%;background:radial-gradient(circle,rgba(70,117,222,.13),transparent 67%);filter:blur(12px)}.first32-next{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65)}

.bp-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#2f6fed;margin:0 0 20px}.bp-kicker span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c4d2e5;border-radius:8px;color:#2f6fed;background:#fff}
/* Dedicated builder — not part of the homepage */
.builder-start-v36,.builder-preview-v36{background:#f3f6fb}.builder36-intake,.builder36-preview{min-height:100vh;padding:150px 0 110px}.builder36-shell,.builder36-preview-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.builder36-intro,.builder36-preview-copy{padding-top:20px}.builder36-back{display:inline-block;font-size:12px;font-weight:750;color:#66778f;margin-bottom:30px}.builder36-intro h1,.builder36-preview-copy h1{font:700 clamp(55px,5.5vw,86px)/.91 var(--display);letter-spacing:-.07em;margin:0 0 24px}.builder36-intro h1 span,.builder36-preview-copy h1 span{color:#2f6fed}.builder36-intro>p,.builder36-preview-copy>p{font-size:17px;line-height:1.72;color:#64748b;max-width:620px}.builder36-principles{display:flex;flex-direction:column;gap:11px;margin-top:27px;font-size:12px;font-weight:700;color:#5c6c83}.builder36-principles span{display:flex;align-items:center;gap:9px}.builder36-principles i{width:7px;height:7px;background:#27a56f;border-radius:50%}.builder36-form{background:#fff;border:1px solid #d9e3ef;border-radius:28px;padding:34px;box-shadow:0 28px 72px rgba(25,43,77,.09)}.builder36-stephead{display:flex;justify-content:space-between;gap:20px;padding-bottom:23px;margin-bottom:26px;border-bottom:1px solid #e2e9f2}.builder36-stephead span{font-size:9px;letter-spacing:.14em;color:#2f6fed;font-weight:800}.builder36-stephead strong{font:700 18px var(--display)}.builder36-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.builder36-grid label,.builder36-finish label{display:block}.builder36-wide{grid-column:1/-1}.builder36-grid label>span,.builder36-finish legend{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#5b6c84;margin:0 0 8px}.builder36-grid input,.builder36-grid select,.builder36-grid textarea{width:100%;border:1px solid #cbd8e8;border-radius:14px;background:#fff;color:#142238;padding:15px 16px;font:500 15px var(--body);outline:none}.builder36-grid input:focus,.builder36-grid select:focus,.builder36-grid textarea:focus{border-color:#2f6fed;box-shadow:0 0 0 3px rgba(47,111,237,.1)}.builder36-grid em{display:block;margin-top:6px;color:#bd3d3d;font-style:normal;font-size:11px}.builder36-finish{border:0;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.builder36-finish legend{grid-column:1/-1;margin-bottom:2px}.builder36-finish input{position:absolute;opacity:0}.builder36-finish label span{display:block;border:1px solid #d6e0ed;border-radius:16px;padding:17px;cursor:pointer;transition:.2s}.builder36-finish label b{display:block;font:700 15px var(--display);margin-bottom:5px}.builder36-finish label small{display:block;color:#73839a;font-size:11px}.builder36-finish input:checked+span{border-color:#2f6fed;background:#f1f5ff;box-shadow:0 0 0 2px rgba(47,111,237,.08)}.builder36-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e2e9f2;padding-top:24px}.builder36-actions p{font-size:11px;color:#74849a;max-width:320px}.bp-action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:15px;background:#2f6fed;color:#fff;padding:15px 19px;font:750 13px var(--body);cursor:pointer}.builder36-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.builder36-summary div{padding:16px;border:1px solid #dce5ef;border-radius:15px;background:#fff}.builder36-summary dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8290a4;font-weight:800}.builder36-summary dd{margin:6px 0 0;font:700 14px var(--display)}.builder36-blueprint-wrap{position:relative}.bp-blueprint{background:#10213a;border-radius:28px;padding:28px;box-shadow:0 32px 75px rgba(23,39,68,.18)}.bp-blueprint-top{display:flex;justify-content:space-between;color:#cad6e8;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:22px}.bp-blueprint-canvas{padding:35px;background-image:linear-gradient(rgba(116,153,207,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(116,153,207,.15) 1px,transparent 1px);background-size:28px 28px;border:1px solid rgba(147,180,225,.25)}.bp-mini-site{background:#fff;min-height:380px;overflow:hidden}.bp-mini-nav{display:flex;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid #e1e8f1}.bp-mini-nav strong{font:700 13px var(--display)}.bp-mini-nav span{height:6px;width:54px;background:#dfe6ef}.bp-mini-nav button{margin-left:auto;border:0;background:#2f6fed;color:#fff;padding:9px 12px;font-size:9px}.bp-mini-hero{padding:48px 30px}.bp-mini-hero small{font-size:8px;font-weight:800;color:#2f6fed}.bp-mini-hero h2{font:700 38px/.95 var(--display);letter-spacing:-.055em;margin:14px 0}.bp-mini-hero p{font-size:11px;color:#65758c}.bp-mini-services,.bp-mini-footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1e8f1}.bp-mini-services span,.bp-mini-footer span{height:50px;border-right:1px solid #e1e8f1}.bp-build-footer{padding-top:22px}.bp-build-steps{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.bp-build-steps li{padding:9px;border:1px solid rgba(162,190,230,.3);color:#97a9c2;font-size:8px;display:flex;gap:6px;align-items:center}.bp-build-steps li.is-active,.bp-build-steps li.is-done{color:#fff;border-color:#5e8fd5}.bp-build-steps li i{margin-left:auto;width:12px;height:12px}.bp-build-steps svg{width:100%;height:100%;fill:none;stroke:#5fd69e;stroke-width:2}.bp-progress{height:4px;background:#243957;overflow:hidden}.bp-progress i{display:block;height:100%;width:0;background:#5fd69e}.bp-pencil-label{display:none}.builder36-preview-note{display:flex;justify-content:space-between;gap:30px;margin-top:30px;padding:24px;border:1px solid #dae4ef;border-radius:18px;background:#fff}.builder36-preview-note p{margin:0;color:#66778d}.bp-neutral-btn{font-size:12px;font-weight:800;white-space:nowrap}

@media(max-width:980px){.brand-header{top:8px}.brand-header .header-row{border-radius:18px}.hero32{padding-top:125px}.site-dock32{max-width:calc(100vw - 22px);overflow-x:auto;justify-content:flex-start}.site-dock32 a{white-space:nowrap}.practical32-head,.compare32-grid,.builder36-shell,.builder36-preview-shell{grid-template-columns:1fr}.practical32-grid{grid-template-columns:1fr 1fr}.practical32-wide{grid-column:1/-1}.practical32-tall{grid-row:auto}.compare32-stage{height:520px}.builder36-form{padding:25px}.builder36-intro,.builder36-preview-copy{padding-top:0}}
@media(max-width:640px){.brand-header{position:fixed}.hero32{padding-top:112px}.site-dock32{bottom:10px}.site-dock32 a{padding:9px 11px;font-size:10px}.practical32,.compare32{padding:82px 0}.practical32-head{gap:24px;margin-bottom:34px}.practical32-head h2,.compare32-copy h2{font-size:49px}.practical32-grid{grid-template-columns:1fr}.practical32-wide{grid-column:auto}.practical32-grid article{min-height:255px;padding:24px}.compare32-grid{gap:34px}.compare32-stage{height:430px;border-radius:20px}.compare32-before,.compare32-after{padding:14px}.old32-body{padding:28px 20px}.old32-body h3{font-size:24px}.old32-cols{grid-template-columns:1fr}.old32-cols span:nth-child(n+2){display:none}.new32-hero{padding:45px 22px}.new32-hero h3{font-size:38px}.new32-browser header nav{display:none}.new32-browser footer span{padding:14px 8px;font-size:8px}.builder36-intake,.builder36-preview{padding:125px 0 90px}.builder36-intro h1,.builder36-preview-copy h1{font-size:51px}.builder36-grid{grid-template-columns:1fr}.builder36-wide{grid-column:auto}.builder36-finish{grid-template-columns:1fr}.builder36-actions{align-items:stretch;flex-direction:column}.builder36-actions .bp-action{width:100%}.builder36-summary{grid-template-columns:1fr}.bp-blueprint{padding:16px;border-radius:20px}.bp-blueprint-canvas{padding:16px}.bp-mini-site{min-height:330px}.bp-build-steps{grid-template-columns:1fr 1fr}.builder36-preview-note{flex-direction:column}}


/* =========================================================
   WebsiteGeneratorHub v0.3.8 — big-brand refinement on v0.3.2
   ========================================================= */

/* Glass header: flush to the viewport, no empty strip above it. */
body.home-v32 .brand-header{top:0!important}
body.home-v32 .brand-header .header-row{min-height:78px;border-radius:0 0 24px 24px;border-top:0!important;background:rgba(251,253,255,.82);box-shadow:0 14px 42px rgba(28,46,78,.11)}
body.home-v32 .brand-header.is-scrolled .header-row{background:rgba(255,255,255,.92)}

/* Larger glass navigation dock. */
body.home-v32 .site-dock32{bottom:22px;gap:7px;padding:10px 11px;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 20px 55px rgba(27,46,80,.18)}
body.home-v32 .site-dock32 a{font-size:13px;padding:13px 20px;min-width:82px;text-align:center}
body.home-v32 .site-dock32 a.is-active{box-shadow:0 4px 16px rgba(35,55,91,.08)}

/* 01 — Different business worlds: editorial system, not fake templates. */
.worlds38{padding:150px 0;background:#f6f8fc;border-top:1px solid #e0e7f1}
.worlds38-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px;align-items:start}
.worlds38-copy{position:sticky;top:125px}
.worlds38-copy h2{font:700 clamp(60px,5.5vw,90px)/.9 var(--display);letter-spacing:-.07em;margin:0 0 28px}
.worlds38-copy h2 em{font-style:normal;color:var(--blue32)}
.worlds38-copy>p:not(.eyebrow32){max-width:560px;font-size:17px;line-height:1.72;color:#62738c}
.worlds38-copy>a{display:inline-flex;gap:14px;align-items:center;margin-top:28px;font-weight:780;font-size:13px;border-bottom:1px solid #15223a;padding-bottom:6px}
.instinct38-list{border-top:1px solid #cad7e8}
.instinct38{display:grid;grid-template-columns:78px 1fr 220px;gap:28px;align-items:center;min-height:205px;border-bottom:1px solid #cad7e8;padding:30px 0;transition:padding .28s ease,background .28s ease}
.instinct38:hover{padding-left:20px;padding-right:20px;background:#fff}
.instinct38-index{font:700 34px/1 var(--display);color:#a9bad0}
.instinct38-main small{display:block;font-size:9px;letter-spacing:.15em;font-weight:800;color:#2f6fed;margin-bottom:15px}
.instinct38-main h3{font:700 clamp(34px,3vw,53px)/.96 var(--display);letter-spacing:-.055em;margin:0;color:#0e1b31}
.instinct38-system{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.instinct38-system span{padding:9px 12px;border:1px solid #c8d5e5;border-radius:999px;background:#fff;font-size:10px;font-weight:750;color:#5b6d86}
.instinct38-roofer .instinct38-index{color:#2f6fed}.instinct38-clinic .instinct38-index{color:#4d8a82}.instinct38-salon .instinct38-index{color:#9b6d76}.instinct38-plumber .instinct38-index{color:#647a9e}

/* 02 — professional project board instead of generic fake browser UI. */
.engine38{background:#0d172b;padding:150px 0}
.engine38 .engine32-layout{grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}
.engine38 .engine32-copy h2{font-size:clamp(60px,5.3vw,88px)}
.engine38-board{position:relative;min-height:650px;border:1px solid rgba(175,197,230,.26);border-radius:30px;background:linear-gradient(145deg,#18253b,#111c30 66%,#152743);box-shadow:0 36px 95px rgba(0,0,0,.28);overflow:hidden;padding:34px}
.engine38-board::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(118,151,201,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(118,151,201,.07) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}
.engine38-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(166,190,225,.2);color:#91a8c8;font-size:9px;letter-spacing:.14em;font-weight:800}
.engine38-number{position:absolute;right:28px;top:74px;font:700 170px/.8 var(--display);letter-spacing:-.08em;color:rgba(107,150,223,.10)}
.engine38-content{position:relative;z-index:1;max-width:650px;padding:110px 38px 55px}
.engine38-content small{display:block;color:#79a3ff;font-size:10px;letter-spacing:.15em;font-weight:850;margin-bottom:20px}
.engine38-content h3{font:700 clamp(44px,4.2vw,68px)/.93 var(--display);letter-spacing:-.06em;color:#fff;margin:0 0 24px}
.engine38-content>p{font-size:16px;line-height:1.7;color:#acbbd0;max-width:610px}
.engine38-fields{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:34px}
.engine38-fields span{border:1px solid rgba(168,192,226,.24)!important;background:rgba(255,255,255,.04)!important;color:#c8d5e7!important;border-radius:999px!important;padding:10px 13px!important;font-size:10px!important;font-weight:750!important}
.engine38-meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(166,190,225,.2);margin-top:auto}
.engine38-meta div{padding:22px 20px;border-right:1px solid rgba(166,190,225,.18)}.engine38-meta div:last-child{border-right:0}
.engine38-meta span{display:block;font-size:8px;letter-spacing:.14em;font-weight:850;color:#7690b5;margin-bottom:8px}.engine38-meta b{font-size:12px;color:#eef4ff}
.engine38-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.05)}.engine38-progress b{display:block;height:100%;width:25%;background:#6c9bff;transition:width .45s ease}

/* 03 — text-led principles. No decorative placeholder diagrams. */
.practical38{padding:150px 0;background:#fff;border-top:1px solid #e1e8f1}
.practical38-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:70px}
.practical38-head>p.eyebrow32{grid-column:1/-1;margin-bottom:-30px}
.practical38-head h2{font:700 clamp(60px,5.4vw,88px)/.91 var(--display);letter-spacing:-.07em;margin:0}.practical38-head h2 em{font-style:normal;color:#2f6fed}
.practical38-head>p:not(.eyebrow32){font-size:17px;line-height:1.75;color:#66778f;max-width:560px;margin:0 0 8px}
.practical38-list{border-top:1px solid #cfd9e7}
.practical38-list article{display:grid;grid-template-columns:90px 210px 1fr;gap:24px;align-items:center;min-height:160px;padding:30px 0;border-bottom:1px solid #cfd9e7;transition:padding .26s ease,background .26s ease}
.practical38-list article:hover{padding-left:22px;padding-right:22px;background:#f6f8fc}
.practical38-list article>span{font:700 34px/1 var(--display);color:#b5c2d4}.practical38-list article small{font-size:9px;letter-spacing:.14em;font-weight:850;color:#2f6fed}
.practical38-list article h3{font:700 clamp(31px,2.8vw,48px)/.98 var(--display);letter-spacing:-.052em;margin:0;color:#0f1c31;max-width:850px}

/* 04 — believable local-business before/after with real photography. */
.compare38{padding:150px 0;background:#f4f7fb}
.compare38 .compare32-grid{grid-template-columns:.58fr 1.42fr;gap:75px}
.compare38-shell{position:relative;height:620px;border:1px solid #d4dfed;border-radius:30px;overflow:hidden;background:#e7edf5;box-shadow:0 32px 80px rgba(26,43,74,.12);touch-action:none}
.compare38-before,.compare38-after{position:absolute;inset:0;padding:22px}.compare38-after{clip-path:inset(0 0 0 50%);background:#e7edf5}
.old38-site,.new38-site{height:100%;overflow:hidden;background:#fff;box-shadow:0 16px 38px rgba(29,45,72,.12)}
.old38-site{border:1px solid #aebdcd;background:#f5f2ea;font-family:Arial,sans-serif}.old38-utility{height:42px;background:#214c82;color:#fff;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.old38-utility b{font-size:10px;background:#fff;color:#214c82;padding:7px 10px}.old38-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#e8edf3;border-bottom:1px solid #bcc8d6}.old38-nav strong{font-size:17px}.old38-nav nav{font-size:10px;color:#29486e}.old38-photo{height:205px;background:linear-gradient(rgba(23,52,84,.08),rgba(23,52,84,.08)),url('/assets/roof-house.jpg') center 55%/cover}.old38-content{padding:28px 30px}.old38-content h3{font:bold 29px/1.05 Arial;margin:0 0 12px;color:#24364f}.old38-content p{font:14px/1.55 Arial;color:#556479;max-width:560px}.old38-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.old38-actions a{padding:10px 14px;border:1px solid #214c82;color:#214c82;font:bold 10px Arial}.old38-actions span{padding:10px 12px;background:#e5e7e9;color:#475264;font:bold 9px Arial}
.new38-site{display:flex;flex-direction:column}.new38-site header{display:flex;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.new38-site header strong{font:700 18px var(--display)}.new38-site header nav{margin-left:auto;font-size:10px;color:#58677d}.new38-site header a{padding:11px 14px;background:#2f6fed;color:#fff;font-size:9px;font-weight:800}.new38-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:0;flex:1}.new38-copy{padding:55px 42px}.new38-copy small{font-size:9px;letter-spacing:.14em;font-weight:850;color:#2f6fed}.new38-copy h3{font:700 clamp(42px,3.8vw,63px)/.92 var(--display);letter-spacing:-.06em;margin:18px 0}.new38-copy p{font-size:13px;color:#63738a}.new38-copy b{display:inline-block;margin-top:25px;font-size:10px}.new38-photo{background:url('/assets/roof-house.jpg') center/cover}.new38-site footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e2e8f0}.new38-site footer span{padding:16px 18px;border-right:1px solid #e2e8f0;font-size:9px;font-weight:750}.compare38-handle{width:60px;height:60px;background:#2f6fed;box-shadow:0 14px 36px rgba(47,111,237,.32)}

/* 05 — decision rail, not three generic SaaS cards. */
.choice38{padding:150px 0;background:#fff}
.choice38-head{grid-template-columns:.95fr .55fr;margin-bottom:58px}.choice38-head h2{max-width:900px}
.choice38-rail{border-top:1px solid #d2dce9}
.choice38-row{display:grid;grid-template-columns:70px 150px 1.05fr 1fr 42px;gap:24px;align-items:center;min-height:190px;border-bottom:1px solid #d2dce9;padding:28px 10px;color:#101c31;transition:padding .26s ease,background .26s ease}
.choice38-row:hover{padding-left:24px;padding-right:24px;background:#f5f8fc}.choice38-row>span{font:700 31px/1 var(--display);color:#aab8cb}.choice38-row small{font-size:9px;letter-spacing:.14em;font-weight:850;color:#2f6fed}.choice38-row h3{font:700 clamp(34px,3.2vw,54px)/.96 var(--display);letter-spacing:-.055em;margin:0}.choice38-row p{margin:0;color:#67778d;font-size:14px;line-height:1.65;max-width:470px}.choice38-row>b{font-size:20px;text-align:right}.choice38-row-primary{background:#0e1a2e;color:#fff;border-color:#23344e;padding-left:24px;padding-right:24px}.choice38-row-primary:hover{background:#13223a}.choice38-row-primary>span{color:#6e9cff}.choice38-row-primary p{color:#aebcd0}.choice38-row-primary small{color:#80a7ff}

@media(max-width:980px){
  body.home-v32 .brand-header .header-row{border-radius:0 0 18px 18px}
  .worlds38-layout,.engine38 .engine32-layout,.practical38-head,.compare38 .compare32-grid{grid-template-columns:1fr;gap:45px}.worlds38-copy{position:relative;top:auto}.instinct38{grid-template-columns:60px 1fr}.instinct38-system{grid-column:2;justify-content:flex-start}.engine38-board{min-height:580px}.practical38-head>p.eyebrow32{margin-bottom:0}.practical38-list article{grid-template-columns:65px 160px 1fr}.compare38-shell{height:560px}.choice38-row{grid-template-columns:55px 130px 1fr 36px}.choice38-row p{grid-column:3}.choice38-row>b{grid-column:4;grid-row:1/3}
}
@media(max-width:640px){
  body.home-v32 .site-dock32{bottom:10px;padding:8px;max-width:calc(100vw - 16px)}body.home-v32 .site-dock32 a{font-size:11px;padding:11px 14px;min-width:auto}
  .worlds38,.engine38,.practical38,.compare38,.choice38{padding:88px 0}.worlds38-copy h2,.practical38-head h2{font-size:50px}.instinct38{grid-template-columns:45px 1fr;min-height:165px}.instinct38-main h3{font-size:34px}.engine38-board{padding:20px;min-height:520px;border-radius:22px}.engine38-content{padding:90px 4px 35px}.engine38-content h3{font-size:40px}.engine38-number{font-size:105px}.engine38-meta{grid-template-columns:1fr}.engine38-meta div{padding:13px 4px;border-right:0;border-top:1px solid rgba(166,190,225,.13)}.practical38-list article{grid-template-columns:45px 1fr;gap:14px;min-height:145px}.practical38-list article small{grid-column:2}.practical38-list article h3{grid-column:2;font-size:31px}.compare38-shell{height:500px;border-radius:20px}.compare38-before,.compare38-after{padding:10px}.old38-photo{height:150px}.old38-content{padding:20px}.old38-content h3{font-size:23px}.old38-nav nav{display:none}.new38-layout{grid-template-columns:1fr}.new38-photo{display:none}.new38-copy{padding:38px 23px}.new38-copy h3{font-size:38px}.new38-site header nav{display:none}.choice38-row{grid-template-columns:42px 1fr 32px;gap:12px;min-height:170px}.choice38-row small{grid-column:2}.choice38-row h3{grid-column:2;font-size:35px}.choice38-row p{grid-column:2}.choice38-row>b{grid-column:3;grid-row:1/5}
}

/* ========================================================================
   WebsiteGeneratorHub v0.3.9 — focused big-brand refinement
   v0.3.2 visual language, with professional section redesigns requested.
   ======================================================================== */
.home-v39{background:#fff;overflow-x:hidden}
.home-v39 .site-shell{width:min(1400px,calc(100vw - 72px))}

/* Header: flush to viewport, hides while scrolling down, returns on scroll up. */
.home-v39 .brand-header{position:sticky;top:0;margin:0;transform:translateY(0);transition:transform .42s cubic-bezier(.22,.8,.22,1),background .25s ease,box-shadow .25s ease;will-change:transform;background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border-bottom:1px solid rgba(207,218,232,.72);box-shadow:0 8px 28px rgba(16,35,68,.05)}
.home-v39 .brand-header.is-hidden{transform:translateY(calc(-100% - 8px))}
.home-v39 .header-row{height:80px}
.home-v39 .brand-logo32{gap:10px;width:auto;min-width:270px}.home-v39 .brand-logo32 img{width:36px;height:36px;object-fit:contain}.home-v39 .brand-logo32 span{display:flex;align-items:baseline;font-family:var(--display);font-size:18px;letter-spacing:-.035em}.home-v39 .brand-logo32 span b{font-weight:760}.home-v39 .brand-logo32 span em{font-style:normal;color:#2357a1;font-weight:760}
.home-v39 .brand-nav{gap:30px}.home-v39 .nav-build32{border-radius:999px;padding:13px 18px 13px 20px;background:#0e1a2e;box-shadow:0 8px 24px rgba(14,26,46,.14)}

/* Bottom dock: intentionally larger, high contrast, easy to scan. */
.home-v39 .site-dock32{position:fixed;z-index:78;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(237,242,249,.80);box-shadow:0 18px 55px rgba(16,35,68,.20),inset 0 1px 0 rgba(255,255,255,.84);backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);max-width:calc(100vw - 28px)}
.home-v39 .site-dock32 a{display:flex;align-items:center;justify-content:center;min-width:116px;height:52px;padding:0 22px;border-radius:999px;color:#576982;font-size:13px;font-weight:760;letter-spacing:-.01em;transition:background .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}
.home-v39 .site-dock32 a:hover{color:#0e1a2e;background:rgba(255,255,255,.72)}
.home-v39 .site-dock32 a.is-active{background:#0e1a2e;color:#fff;box-shadow:0 7px 20px rgba(14,26,46,.22)}
.home-v39 .site-dock32 a:active{transform:scale(.97)}

/* Hero */
.home-v39 .hero39{padding:92px 0 116px;background:radial-gradient(circle at 72% 26%,rgba(89,137,235,.12),transparent 31%),linear-gradient(180deg,#fff 0%,#f6f9fd 100%)}
.home-v39 .hero32-grid{grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:86px;align-items:center}
.hero39-status{display:grid;grid-template-columns:auto 62px auto;align-items:center;gap:14px;width:max-content;max-width:100%;margin-bottom:30px;color:#526681;font-size:10px;line-height:1;font-weight:830;letter-spacing:.14em;text-transform:uppercase}
.hero39-status i{height:1px;background:#b9c7da}.hero39-status em{font-style:normal;color:#2357a1}
.home-v39 .hero32-title{font-size:clamp(64px,6.2vw,106px);line-height:.87;letter-spacing:-.072em;max-width:780px}.home-v39 .hero32-title .accent i{color:#2f6fed}.home-v39 .hero32-lead{max-width:720px;font-size:18px;line-height:1.72;margin-top:31px}.home-v39 .hero32-actions{margin-top:33px}.home-v39 .hero32-notes{margin-top:38px;padding-top:22px;border-top:1px solid #dce5ef}.home-v39 .hero32-notes span::before{background:#34a46f}
.hero39-art{position:relative;min-height:610px}.hero39-frame{position:absolute;border:1px solid rgba(102,132,177,.22);background:rgba(255,255,255,.44);border-radius:34px;box-shadow:0 38px 100px rgba(31,58,104,.10)}.hero39-frame-back{inset:60px 2px 20px 80px;transform:rotate(2deg);backdrop-filter:blur(12px)}
.hero39-sheet{position:absolute;width:min(520px,72%);min-height:300px;padding:34px 36px;border-radius:28px;box-shadow:0 34px 80px rgba(16,34,65,.16);display:flex;flex-direction:column;justify-content:space-between;will-change:transform}.hero39-sheet small{font-size:9px;letter-spacing:.14em;font-weight:850}.hero39-sheet h2{font:700 clamp(34px,3.15vw,53px)/.94 var(--display);letter-spacing:-.06em;margin:45px 0}.hero39-sheet footer{display:flex;align-items:center;justify-content:space-between;font-size:11px}.hero39-sheet-a{left:5%;top:120px;background:#fff;color:#0f1c31;transform:rotate(-6deg)}.hero39-sheet-b{right:0;top:36px;background:#0e1a2e;color:#fff;transform:rotate(7deg)}.hero39-sheet-b small{color:#f5a623}.hero39-sheet-c{left:24%;bottom:12px;background:#eee6dc;color:#171717;transform:rotate(.8deg)}.hero39-index{position:absolute;right:-4px;bottom:22px;width:190px;padding:17px 19px;border-radius:21px;background:rgba(255,255,255,.83);box-shadow:0 18px 45px rgba(21,45,84,.12);display:grid;grid-template-columns:48px 1fr}.hero39-index b{grid-row:1/3;font:700 36px/1 var(--display);color:#2f6fed}.hero39-index span{font-size:12px;font-weight:800}.hero39-index em{font-size:9px;font-style:normal;color:#73849a}

/* Replace the marquee with a stable industry index. */
.industries39{border-top:1px solid #dce5ef;border-bottom:1px solid #dce5ef;background:#fff}
.industries39-grid{display:grid;grid-template-columns:repeat(4,1fr)}.industries39 a{min-height:130px;padding:26px 24px;border-right:1px solid #dce5ef;border-bottom:1px solid #dce5ef;display:grid;grid-template-columns:35px 1fr;align-content:center;gap:5px 14px;transition:background .24s ease,transform .24s ease}.industries39 a:nth-child(4n){border-right:0}.industries39 a:nth-child(n+5){border-bottom:0}.industries39 a:hover{background:#f5f8fc}.industries39 b{grid-row:1/3;color:#a7b6ca;font:700 13px var(--display)}.industries39 span{font:720 20px/1.1 var(--display);letter-spacing:-.035em}.industries39 em{font-style:normal;color:#718097;font-size:11px}

/* Shared label: replaces AI-looking numbered eyebrows. */
.section-label39{margin:0 0 22px;color:#2f6fed;font-size:10px;line-height:1;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.section-label39-light{color:#8fb2ff}

/* Industry section: strong left editorial copy + large glass decision surface. */
.worlds39{padding:150px 0 155px;background:#f5f8fc}.worlds39-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:95px;align-items:center}.worlds39-copy h2{font:720 clamp(62px,5.75vw,94px)/.9 var(--display);letter-spacing:-.074em;margin:0 0 34px}.worlds39-copy h2 em{font-style:normal;color:#24599c}.worlds39-copy>p:not(.section-label39){max-width:610px;color:#61728a;font-size:17px;line-height:1.72}.worlds39-copy>a{display:inline-flex;gap:18px;align-items:center;margin-top:26px;padding-bottom:4px;border-bottom:1px solid #101c31;font-weight:750;font-size:13px}
.glass39{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,242,251,.72));backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);border:1px solid rgba(255,255,255,.84);box-shadow:0 34px 90px rgba(28,51,88,.15),inset 0 0 0 1px rgba(166,187,216,.38)}
.worlds39-stage{min-height:620px;border-radius:34px;display:grid;grid-template-columns:190px 1fr;overflow:hidden;position:relative}.worlds39-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(65,99,150,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(65,99,150,.05) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.worlds39-tabs{position:relative;z-index:2;padding:26px 18px;border-right:1px solid rgba(160,180,207,.46);display:flex;flex-direction:column;gap:8px}.worlds39-tabs button{border:0;background:transparent;text-align:left;color:#6d7f96;border-radius:16px;padding:18px 15px;font-weight:760;transition:background .25s ease,color .25s ease,transform .25s ease}.worlds39-tabs button span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:5px;color:#a0afc3}.worlds39-tabs button.is-active{background:#0e1a2e;color:#fff;box-shadow:0 12px 28px rgba(14,26,46,.16)}.worlds39-tabs button.is-active span{color:#79a3ff}.worlds39-tabs button:hover:not(.is-active){background:rgba(255,255,255,.68);transform:translateX(3px)}
.worlds39-display{position:relative;z-index:1;min-width:0;padding:70px 62px 55px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.worlds39-mark{position:absolute;right:-18px;top:-55px;font:800 330px/.8 var(--display);letter-spacing:-.12em;color:rgba(47,111,237,.07);pointer-events:none}.worlds39-display small{font-size:10px;letter-spacing:.15em;font-weight:850;color:#2f6fed}.worlds39-display h3{font:720 clamp(52px,4.7vw,78px)/.91 var(--display);letter-spacing:-.07em;margin:22px 0 24px;max-width:670px}.worlds39-display>p{max-width:620px;color:#64768e;font-size:15px;line-height:1.7}.worlds39-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.worlds39-tags span{padding:11px 15px;border:1px solid #cedae9;background:rgba(255,255,255,.66);border-radius:999px;font-size:10px;font-weight:800;color:#465b78}

/* Engine: one large workspace with a strong chapter rail. */
.engine39{padding:155px 0 165px;background:#0a1528;color:#fff;overflow:hidden}.engine39-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:70px}.engine39-head .section-label39{grid-column:1/-1;margin-bottom:-36px}.engine39-head h2{font:720 clamp(66px,6.1vw,102px)/.87 var(--display);letter-spacing:-.078em;margin:0;max-width:930px}.engine39-head h2 em{font-style:normal;color:#79a3ff}.engine39-head>p{margin:0 0 8px;color:#aabbd0;font-size:16px;line-height:1.75;max-width:520px}
.engine39-workspace{display:grid;grid-template-columns:360px 1fr;min-height:710px;border:1px solid rgba(153,181,220,.2);border-radius:32px;background:#101c30;overflow:hidden;box-shadow:0 42px 110px rgba(0,0,0,.28)}.engine39-rail{padding:25px;border-right:1px solid rgba(153,181,220,.18);display:flex;flex-direction:column;gap:7px}.engine39-rail button{flex:1;min-height:120px;border:0;background:transparent;color:#879ab5;text-align:left;border-radius:20px;padding:22px;display:grid;grid-template-columns:55px 1fr;gap:10px;align-items:center;transition:background .3s ease,color .3s ease,transform .3s ease}.engine39-rail button>span{font:720 28px/1 var(--display);color:#59718f}.engine39-rail button b{display:block;font:680 20px/1.1 var(--display);letter-spacing:-.035em}.engine39-rail button em{display:block;margin-top:7px;color:#7085a3;font-size:11px;font-style:normal}.engine39-rail button.is-active{background:linear-gradient(135deg,rgba(72,111,177,.24),rgba(52,90,153,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(122,160,222,.18)}.engine39-rail button.is-active>span{color:#79a3ff}.engine39-rail button.is-active em{color:#a9b9cf}.engine39-rail button:hover{transform:translateX(3px)}
.engine39-stage{position:relative;display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 60% 45%,rgba(71,116,197,.20),transparent 36%),#121f35}.engine39-chrome{height:62px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid rgba(153,181,220,.17);color:#7f93af;font-size:9px;letter-spacing:.04em}.engine39-chrome>span{display:flex;gap:6px}.engine39-chrome i{width:8px;height:8px;border-radius:50%;background:#7086a5}.engine39-chrome b{margin:auto;font-weight:650}.engine39-chrome em{font-style:normal;padding:8px 11px;border:1px solid rgba(156,184,224,.19);border-radius:999px;color:#a5b7cf}.engine39-body{position:relative;flex:1;padding:70px 68px 34px;display:grid;grid-template-columns:1fr 260px;gap:42px;align-items:end;overflow:hidden}.engine39-number{position:absolute;right:35px;top:28px;font:800 220px/.8 var(--display);letter-spacing:-.1em;color:rgba(113,158,237,.085)}.engine39-copy{position:relative;z-index:1;max-width:700px}.engine39-copy small{color:#79a3ff;font-size:10px;letter-spacing:.16em;font-weight:850}.engine39-copy h3{font:720 clamp(50px,4.55vw,76px)/.91 var(--display);letter-spacing:-.07em;margin:22px 0}.engine39-copy>p{max-width:630px;color:#aebdd0;font-size:15px;line-height:1.75}.engine39-pills{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:31px}.engine39-pills span{padding:10px 13px!important;border:1px solid rgba(157,184,224,.20)!important;background:rgba(255,255,255,.045)!important;border-radius:999px!important;color:#c7d3e3!important;font-size:10px!important;font-weight:740!important}.engine39-brief{position:relative;z-index:1;align-self:stretch;border-left:1px solid rgba(153,181,220,.17);padding-left:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:27px}.engine39-brief span{display:block;color:#6f86a7;font-size:8px;letter-spacing:.14em;font-weight:850;margin-bottom:7px}.engine39-brief b{display:block;color:#f0f5fc;font-size:12px}.engine39-progress{height:5px;background:rgba(255,255,255,.04)}.engine39-progress b{display:block;width:25%;height:100%;background:linear-gradient(90deg,#2f6fed,#79a3ff);transition:width .65s cubic-bezier(.22,.8,.22,1)}

/* Practical: big-brand, typographic principles instead of diagrams/cards. */
.practical39{padding:155px 0;background:#fff}.practical39-head{display:grid;grid-template-columns:1fr .56fr;gap:80px;align-items:end;margin-bottom:72px}.practical39-head .section-label39{grid-column:1/-1;margin-bottom:-36px}.practical39-head h2{font:720 clamp(66px,5.9vw,98px)/.88 var(--display);letter-spacing:-.077em;margin:0}.practical39-head h2 em{font-style:normal;color:#2f6fed}.practical39-head>p{margin:0 0 8px;color:#65768e;font-size:16px;line-height:1.75}.practical39-principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cfdbe9;border-left:1px solid #cfdbe9}.practical39-principles article{position:relative;min-height:310px;padding:42px 42px 38px;border-right:1px solid #cfdbe9;border-bottom:1px solid #cfdbe9;overflow:hidden;background:#fff;transition:background .28s ease,color .28s ease}.practical39-principles article:hover{background:#f4f8fd}.practical39-principles small{position:relative;z-index:2;display:block;color:#2f6fed;font-size:10px;letter-spacing:.15em;font-weight:850}.practical39-principles h3{position:relative;z-index:2;font:720 clamp(38px,3.35vw,56px)/.95 var(--display);letter-spacing:-.06em;margin:50px 0 0;max-width:680px}.practical39-principles p{position:relative;z-index:2;color:#6a7a90;max-width:520px;margin:18px 0 0;font-size:13px;line-height:1.65}.practical39-lead{grid-column:1/-1;min-height:390px!important;background:#0e1a2e!important;color:#fff!important}.practical39-lead:hover{background:#12233d!important}.practical39-lead>div{max-width:820px;position:relative;z-index:2}.practical39-lead small{color:#89adff}.practical39-lead h3{font-size:clamp(50px,4.8vw,80px);margin-top:55px}.practical39-lead p{color:#aabbd0;font-size:15px}.practical39-ghost{position:absolute;right:-16px;bottom:-30px;font:800 clamp(85px,11vw,175px)/.75 var(--display);letter-spacing:-.08em;color:rgba(115,157,232,.10);white-space:nowrap}

/* Before / after: believable legacy site versus a desirable modern site. */
.compare39{padding:155px 0;background:#f4f7fb}.compare39-grid{display:grid;grid-template-columns:.53fr 1.47fr;gap:78px;align-items:center}.compare39-copy h2{font:720 clamp(64px,5.5vw,92px)/.89 var(--display);letter-spacing:-.075em;margin:0 0 30px}.compare39-copy h2 em{font-style:normal;color:#2f6fed}.compare39-copy>p:not(.section-label39){color:#66778f;font-size:16px;line-height:1.75;max-width:510px}
.compare39-browser{position:relative;height:660px;border:1px solid #d0ddeb;border-radius:30px;overflow:hidden;background:#e7edf5;box-shadow:0 38px 90px rgba(28,49,82,.14);touch-action:none}.compare39-bar{height:52px;padding:0 18px;display:flex;align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid #dce5ef;color:#74849a;font-size:9px}.compare39-bar>span{display:flex;gap:6px}.compare39-bar i{width:8px;height:8px;border-radius:50%;background:#aebbc9}.compare39-bar b{margin:auto;font-weight:650}.compare39-bar em{font-style:normal}
.compare39-before,.compare39-after{position:absolute;left:0;right:0;top:52px;bottom:0;padding:18px}.compare39-after{clip-path:inset(0 0 0 50%);background:#e7edf5}.old39-site,.new39-site{height:100%;overflow:hidden;background:#fff;box-shadow:0 14px 35px rgba(23,42,70,.12)}
.old39-site{font-family:Arial,sans-serif;background:#f8f6ef;border:1px solid #b8c5d3}.old39-site header{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#254f82;color:#fff}.old39-site header div{display:flex;flex-direction:column}.old39-site header b{font-size:20px;line-height:1}.old39-site header span{font-size:9px;margin-top:5px}.old39-site header a{font:bold 10px Arial;background:#fff;color:#254f82;padding:9px 12px}.old39-site nav{height:40px;padding:0 20px;display:flex;align-items:center;background:#dbe5ef;color:#24466d;font:bold 10px Arial}.old39-hero{height:285px;background:linear-gradient(90deg,rgba(246,244,237,.96) 0 48%,rgba(246,244,237,.08) 70%),url('/assets/roof-house.jpg') center/cover}.old39-hero>div{width:54%;padding:45px 35px}.old39-hero h3{font:bold 31px/1.08 Arial;color:#26384e;margin:0 0 15px}.old39-hero p{font:14px/1.55 Arial;color:#526277}.old39-hero a{display:inline-block;margin-top:17px;padding:10px 13px;border:1px solid #254f82;color:#254f82;font:bold 10px Arial}.old39-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px}.old39-services span{padding:18px 14px;border:1px solid #d2d2cd;background:#f1efe9;color:#4b5766;font:bold 10px Arial}
.new39-site{display:flex;flex-direction:column}.new39-site header{height:66px;padding:0 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e1e8f1}.new39-site header>b{font:760 18px var(--display)}.new39-site header nav{margin-left:auto;color:#56677f;font-size:10px}.new39-site header a{padding:11px 15px;border-radius:999px;background:#2f6fed;color:#fff;font-size:9px;font-weight:820}.new39-hero{display:grid;grid-template-columns:1.04fr .96fr;flex:1;min-height:0}.new39-copy{padding:45px 38px 35px;display:flex;flex-direction:column;justify-content:center}.new39-copy small{color:#2f6fed;font-size:9px;font-weight:850;letter-spacing:.14em}.new39-copy h3{font:720 clamp(42px,3.6vw,60px)/.92 var(--display);letter-spacing:-.065em;margin:19px 0}.new39-copy p{color:#68788f;font-size:12px;line-height:1.62;max-width:430px}.new39-copy>div{display:flex;align-items:center;gap:17px;margin-top:23px}.new39-copy>div b{padding:12px 14px;background:#2f6fed;color:#fff;border-radius:999px;font-size:9px}.new39-copy>div span{font-size:9px;font-weight:800}.new39-photo{background:linear-gradient(rgba(22,45,75,.03),rgba(22,45,75,.03)),url('/assets/roof-house.jpg') center/cover}.new39-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1e8f1}.new39-services span{padding:17px 16px;border-right:1px solid #e1e8f1;font-size:9px;font-weight:760}.compare39-handle{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:5px solid #fff;border-radius:50%;background:#2f6fed;color:#fff;box-shadow:0 18px 38px rgba(47,111,237,.35)}.compare39-handle i{font-style:normal;font-size:19px}.compare39-label{position:absolute;z-index:7;top:68px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.91);box-shadow:0 5px 18px rgba(20,38,66,.08);font-size:8px;font-weight:850;letter-spacing:.11em}.compare39-label-a{left:34px}.compare39-label-b{right:34px}

/* Outcome rail: keep successful layout, strengthen path labels. */
.choice39{padding:150px 0;background:#fff}.choice39-head{display:grid;grid-template-columns:.95fr .55fr;gap:80px;align-items:end;margin-bottom:60px}.choice39-head .section-label39{grid-column:1/-1;margin-bottom:-35px}.choice39-head h2{font:720 clamp(64px,5.6vw,92px)/.89 var(--display);letter-spacing:-.075em;margin:0}.choice39-head h2 em{font-style:normal;color:#2f6fed}.choice39-head>p{margin:0 0 8px;color:#66778f;font-size:15px;line-height:1.7}.choice39-rail{border-top:1px solid #d2dce9}.choice39-row{display:grid;grid-template-columns:74px 190px 1.05fr 1fr 42px;gap:24px;align-items:center;min-height:205px;border-bottom:1px solid #d2dce9;padding:30px 14px;color:#101c31;transition:padding .26s ease,background .26s ease}.choice39-row:hover{padding-left:28px;padding-right:28px;background:#f5f8fc}.choice39-row>span{font:720 34px/1 var(--display);color:#aab8cb}.choice39-row small{font-size:13px;letter-spacing:.1em;font-weight:850;color:#2f6fed}.choice39-row h3{font:720 clamp(35px,3.2vw,55px)/.96 var(--display);letter-spacing:-.058em;margin:0}.choice39-row p{margin:0;color:#67778d;font-size:14px;line-height:1.65;max-width:470px}.choice39-row>b{font-size:20px;text-align:right}.choice39-row-primary{background:#0e1a2e;color:#fff;border-color:#23344e;padding-left:28px;padding-right:28px}.choice39-row-primary:hover{background:#13233b}.choice39-row-primary>span{color:#79a3ff}.choice39-row-primary p{color:#aebcd0}.choice39-row-primary small{color:#9bbaff}

/* First public build: replace template cards with a product/release system map. */
.first39{position:relative;padding:160px 0;background:#f4f7fb;border-top:1px solid #dfe6ef;overflow:hidden}.first39-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:100px;align-items:center}.first39-copy h2{font:720 clamp(66px,5.8vw,96px)/.88 var(--display);letter-spacing:-.078em;margin:0 0 29px}.first39-copy h2 em{font-style:normal;color:#24599c}.first39-copy>p:not(.section-label39){max-width:560px;color:#66778f;font-size:16px;line-height:1.75}.first39-copy .button32{margin-top:27px}
.first39-map{position:relative;min-height:610px;border-radius:34px;background:#0e1a2e;color:#fff;overflow:hidden;box-shadow:0 36px 90px rgba(18,37,68,.18);padding:40px}.first39-map::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(120,153,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,153,205,.07) 1px,transparent 1px);background-size:48px 48px}.first39-watermark{position:absolute;right:-28px;bottom:-65px;font:800 360px/.75 var(--display);letter-spacing:-.12em;color:rgba(104,148,222,.07)}.first39-status{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding-bottom:30px;border-bottom:1px solid rgba(166,191,227,.2)}.first39-status span{display:flex;align-items:center;gap:9px;color:#9eb1cb;font-size:9px;letter-spacing:.14em;font-weight:850}.first39-status span i{width:8px;height:8px;border-radius:50%;background:#35c889;box-shadow:0 0 0 5px rgba(53,200,137,.10)}.first39-status b{grid-column:2;grid-row:1/3;font:720 31px/1 var(--display);letter-spacing:-.04em}.first39-status em{font-style:normal;color:#7087a8;font-size:10px}.first39-flow{position:relative;z-index:2;margin-top:90px;display:flex;align-items:center}.first39-flow>div{width:120px}.first39-flow>div b{display:block;font:720 30px/1 var(--display);color:#79a3ff}.first39-flow>div span{display:block;margin-top:10px;color:#dce7f5;font-size:11px;line-height:1.4}.first39-flow>i{flex:1;height:1px;background:linear-gradient(90deg,#4a72aa,#1f3656);position:relative;margin:0 13px}.first39-flow>i::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #5c82b6;border-right:1px solid #5c82b6;transform:rotate(45deg)}.first39-next{position:absolute;z-index:2;left:40px;right:40px;bottom:38px;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:18px;padding-top:26px;border-top:1px solid rgba(166,191,227,.2)}.first39-next small{color:#7890b0;font-size:8px;letter-spacing:.15em;font-weight:850}.first39-next strong{font:720 34px/1 var(--display)}.first39-next span{color:#7890b0;font-size:11px}

@media(max-width:1100px){
  .home-v39 .site-dock32 a{min-width:94px;padding:0 16px}.worlds39-layout,.first39-grid{grid-template-columns:1fr;gap:55px}.engine39-workspace{grid-template-columns:290px 1fr}.engine39-body{padding:55px 42px 30px;grid-template-columns:1fr}.engine39-brief{display:none}.compare39-grid{grid-template-columns:1fr;gap:55px}.practical39-head,.engine39-head,.choice39-head{grid-template-columns:1fr;gap:25px}.practical39-head .section-label39,.engine39-head .section-label39,.choice39-head .section-label39{margin-bottom:0}.choice39-row{grid-template-columns:60px 150px 1fr 36px}.choice39-row p{grid-column:3}.choice39-row>b{grid-column:4;grid-row:1/3}
}
@media(max-width:820px){
  .home-v39 .brand-header{position:sticky}.home-v39 .header-row{height:70px}.home-v39 .brand-logo32{min-width:0}.home-v39 .brand-logo32 span{font-size:15px}.home-v39 .brand-logo32 img{width:32px;height:32px}
  .home-v39 .site-dock32{bottom:10px;padding:7px;gap:4px}.home-v39 .site-dock32 a{min-width:auto;height:47px;padding:0 16px;font-size:11px}
  .home-v39 .hero39{padding:70px 0 92px}.home-v39 .hero32-grid{grid-template-columns:1fr;gap:50px}.hero39-art{min-height:520px}.hero39-status{grid-template-columns:auto 35px auto;font-size:8px}.hero39-sheet{width:74%;min-height:240px;padding:27px}.hero39-sheet h2{font-size:36px;margin:30px 0}.hero39-index{width:170px}
  .industries39-grid{grid-template-columns:repeat(2,1fr)}.industries39 a:nth-child(2n){border-right:0}.industries39 a:nth-child(5),.industries39 a:nth-child(6){border-bottom:1px solid #dce5ef}
  .worlds39,.engine39,.practical39,.compare39,.choice39,.first39{padding:105px 0}.worlds39-stage{grid-template-columns:1fr;min-height:620px}.worlds39-tabs{border-right:0;border-bottom:1px solid rgba(160,180,207,.46);flex-direction:row;overflow-x:auto}.worlds39-tabs button{min-width:140px}.worlds39-display{padding:55px 35px}.engine39-workspace{grid-template-columns:1fr}.engine39-rail{border-right:0;border-bottom:1px solid rgba(153,181,220,.18);display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto}.engine39-rail button{min-height:105px}.engine39-body{padding:50px 32px 30px}.practical39-principles{grid-template-columns:1fr}.practical39-lead{grid-column:1}.compare39-browser{height:580px}.choice39-row{grid-template-columns:52px 1fr 34px;gap:12px}.choice39-row small{grid-column:2}.choice39-row h3{grid-column:2}.choice39-row p{grid-column:2}.choice39-row>b{grid-column:3;grid-row:1/5}.first39-flow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.first39-flow>i{display:none}.first39-flow>div{width:auto}
}
@media(max-width:560px){
  .home-v39 .site-shell{width:calc(100vw - 34px)}.home-v39 .brand-logo32 span em{display:none}.home-v39 .site-dock32 a{padding:0 13px;font-size:10px}.home-v39 .site-dock32 a:first-child{display:none}
  .home-v39 .hero32-title{font-size:54px}.hero39-status{display:flex;flex-wrap:wrap;gap:9px}.hero39-status i{display:none}.hero39-status em{width:100%}.hero39-art{min-height:430px}.hero39-sheet{min-height:205px;padding:22px}.hero39-sheet h2{font-size:27px}.hero39-sheet-a{left:0;top:95px}.hero39-sheet-b{right:-12%;top:25px}.hero39-sheet-c{left:14%;bottom:0}.hero39-index{display:none}
  .industries39 a{min-height:105px;padding:20px 14px;grid-template-columns:24px 1fr}.industries39 span{font-size:17px}
  .worlds39-copy h2,.engine39-head h2,.practical39-head h2,.compare39-copy h2,.choice39-head h2,.first39-copy h2{font-size:50px}.worlds39-stage{border-radius:24px}.worlds39-display{padding:45px 25px}.worlds39-display h3{font-size:45px}.worlds39-mark{font-size:190px}.engine39-workspace{border-radius:22px}.engine39-rail{grid-template-columns:repeat(4,160px);padding:14px}.engine39-rail button{padding:16px}.engine39-body{padding:42px 22px 28px}.engine39-number{font-size:120px}.engine39-copy h3{font-size:41px}.practical39-principles article{min-height:260px;padding:32px 26px}.practical39-lead{min-height:320px!important}.practical39-principles h3{font-size:35px}.practical39-lead h3{font-size:44px}.compare39-browser{height:500px;border-radius:22px}.compare39-before,.compare39-after{padding:9px}.old39-site nav,.new39-site header nav{display:none}.old39-hero{height:260px;background:linear-gradient(rgba(248,246,239,.9),rgba(248,246,239,.9)),url('/assets/roof-house.jpg') center/cover}.old39-hero>div{width:100%;padding:35px 25px}.old39-services{grid-template-columns:1fr;padding:14px;gap:6px}.new39-hero{grid-template-columns:1fr}.new39-photo{display:none}.new39-copy{padding:32px 24px}.new39-copy h3{font-size:40px}.new39-services{grid-template-columns:repeat(2,1fr)}.compare39-handle{width:54px;height:54px}.choice39-row{min-height:185px}.choice39-row small{font-size:11px}.choice39-row h3{font-size:36px}.first39-map{min-height:570px;padding:28px}.first39-status{grid-template-columns:1fr}.first39-status b{grid-column:1;grid-row:auto;margin-top:8px}.first39-next{left:28px;right:28px;grid-template-columns:1fr auto}.first39-next span{display:none}
}


/* v0.3.10 — opening-section refinement only */
.home-v39 .brand-header{top:0;transition:transform .38s cubic-bezier(.22,.8,.22,1),background .25s ease,box-shadow .25s ease;will-change:transform}
.home-v39 .brand-header.is-hidden{transform:translateY(calc(-100% - 8px))}
.home-v39 .site-dock32{opacity:0;visibility:hidden;transform:translate(-50%,24px) scale(.96);pointer-events:none;transition:opacity .28s ease,transform .34s cubic-bezier(.22,.8,.22,1),visibility .28s ease;min-width:min(760px,calc(100vw - 28px));height:68px;padding:8px 10px;border-radius:24px;background:rgba(248,251,255,.88);box-shadow:0 18px 55px rgba(22,42,75,.20),inset 0 1px 0 rgba(255,255,255,.9);border:1px solid rgba(190,205,225,.72);backdrop-filter:blur(24px) saturate(150%)}
.home-v39 .site-dock32.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);pointer-events:auto}
.home-v39 .site-dock32 a{height:52px;min-width:104px;padding:0 18px;border-radius:17px;font-size:12px;font-weight:760;color:#51637c;transition:background .2s ease,color .2s ease,transform .2s ease}
.home-v39 .site-dock32 a:hover{background:rgba(255,255,255,.88);color:#0f1a2c;transform:translateY(-1px)}
.home-v39 .site-dock32 a.is-active{background:#101d33;color:#fff;box-shadow:0 8px 22px rgba(16,29,51,.18)}

.hero10-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:690px;margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid #dbe4f0}
.hero10-kicker-main{font-size:14px;font-weight:780;letter-spacing:.02em;color:#20314d}
.hero10-release{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left}
.hero10-release i{grid-row:1/3;font:720 26px/1 var(--display);font-style:normal;color:#2f6fed;letter-spacing:-.05em}
.hero10-release b{font-size:12px;line-height:1.1;color:#111d31}
.hero10-release em{font-style:normal;font-size:10px;color:#7a8aa1;line-height:1.2;margin-top:2px}
.hero10-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid #dce5f0;border-bottom:1px solid #dce5f0;max-width:760px}
.hero10-proof>div{padding:20px 22px 20px 0;min-height:104px}
.hero10-proof>div+div{border-left:1px solid #dce5f0;padding-left:22px}
.hero10-proof b{display:block;font-size:13px;color:#101c31;margin-bottom:7px;letter-spacing:-.01em}
.hero10-proof span{display:block;font-size:11px;line-height:1.5;color:#6e7d92}

.industry10{position:relative;padding:104px 0 112px;background:#fff;border-top:1px solid #e2e9f2;border-bottom:1px solid #e2e9f2;overflow:hidden}
.industry10::before{content:"";position:absolute;right:-80px;top:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(76,123,231,.08),rgba(76,123,231,0) 68%);pointer-events:none}
.industry10-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:54px}
.industry10-head span{display:block;margin-bottom:14px;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#2f6fed}
.industry10-head h2{font:720 clamp(45px,4.3vw,70px)/.94 var(--display);letter-spacing:-.06em;margin:0;color:#0d192d}
.industry10-head p{margin:0;color:#65758d;font-size:15px;line-height:1.72;max-width:500px}
.industry10-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6e0ec;border-left:1px solid #d6e0ec}
.industry10-grid a{position:relative;min-height:190px;padding:28px 26px 24px;display:flex;flex-direction:column;border-right:1px solid #d6e0ec;border-bottom:1px solid #d6e0ec;color:#142138;background:#fff;overflow:hidden;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease}
.industry10-grid a::after{content:"↗";position:absolute;right:22px;top:22px;font-size:16px;color:#9aabc1;opacity:0;transform:translate(-5px,5px);transition:.22s ease}
.industry10-grid a:hover{z-index:2;background:#f5f8fd;box-shadow:0 18px 40px rgba(21,42,78,.08);transform:translateY(-3px)}
.industry10-grid a:hover::after{opacity:1;transform:none}
.industry10-grid b{font:720 14px/1 var(--display);color:#9aabc1}
.industry10-grid span{margin-top:auto;font:720 28px/1 var(--display);letter-spacing:-.035em}
.industry10-grid em{font-style:normal;margin-top:9px;font-size:11px;color:#74839a}
.industry10-grid a>i{position:absolute;left:26px;top:55px;font-style:normal;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#2f6fed}
.industry10-grid a.is-first{background:#0f1d33;color:#fff}
.industry10-grid a.is-first b{color:#6f9cff}.industry10-grid a.is-first em{color:#aabbd1}.industry10-grid a.is-first>i{color:#ffb15a}.industry10-grid a.is-first::after{color:#fff}
.industry10-all{display:inline-flex;gap:12px;align-items:center;margin-top:30px;font-size:13px;font-weight:760;color:#15233a;border-bottom:1px solid #15233a;padding-bottom:4px}

@media(max-width:980px){
  .hero10-kicker{align-items:flex-start}.hero10-proof{grid-template-columns:1fr}.hero10-proof>div{min-height:auto;padding:16px 0}.hero10-proof>div+div{border-left:0;border-top:1px solid #dce5f0;padding-left:0}
  .industry10-head{grid-template-columns:1fr;gap:24px}.industry10-grid{grid-template-columns:repeat(2,1fr)}.industry10-grid a{min-height:165px}.home-v39 .site-dock32{min-width:calc(100vw - 20px);overflow-x:auto;justify-content:flex-start}.home-v39 .site-dock32 a{min-width:92px}
}
@media(max-width:620px){
  .hero10-kicker{display:block}.hero10-release{margin-top:16px;display:grid;width:max-content}.industry10{padding:76px 0 82px}.industry10-grid{grid-template-columns:1fr 1fr}.industry10-grid a{min-height:145px;padding:22px 18px}.industry10-grid span{font-size:23px}.industry10-grid a>i{left:18px;top:48px}.home-v39 .site-dock32{height:62px;border-radius:21px}.home-v39 .site-dock32 a{height:46px;min-width:80px;padding:0 13px;font-size:10px}
}

/* ========================================================================
   WebsiteGeneratorHub v0.3.11 — hero study inspired by spacious infrastructure
   product heroes: visual first, editorial copy second, no generic SaaS cards.
   ======================================================================== */
.home-v39 .brand-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(17,31,52,.08);box-shadow:none;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}
.home-v39 .header-row{height:74px}
.home-v39 .brand-nav{gap:32px;font-size:14px}
.home-v39 .nav-build32{background:#fff;color:#0e1a2e;border:1px solid #dfe6ef;box-shadow:none;padding:11px 16px 11px 18px;transition:background .22s ease,border-color .22s ease,transform .18s ease}
.home-v39 .nav-build32:hover{background:#f7f9fc;border-color:#cfd9e6;transform:translateY(-1px)}

.hero11{position:relative;background:#fbfbfa;border-bottom:1px solid #e8ebef;overflow:hidden}
.hero11-visual{position:relative;height:385px;background:linear-gradient(180deg,#fbfbfa 0%,#fafaf8 100%);overflow:hidden}
.hero11-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(28,46,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,46,72,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 92%);pointer-events:none}
.hero11-canvas{height:100%;position:relative}

.hero11-input-cloud{position:absolute;left:1.5%;top:94px;width:32%;height:190px}
.hero11-input-cloud span{position:absolute;width:4px;height:4px;border-radius:50%;background:#526274;opacity:.78;box-shadow:16px 8px 0 rgba(82,98,116,.75),31px -5px 0 rgba(82,98,116,.48),47px 14px 0 rgba(82,98,116,.6),64px -14px 0 rgba(82,98,116,.35),80px 11px 0 rgba(82,98,116,.7),99px -3px 0 rgba(82,98,116,.45),116px 21px 0 rgba(82,98,116,.36),133px 3px 0 rgba(82,98,116,.62),151px -12px 0 rgba(82,98,116,.35),169px 14px 0 rgba(82,98,116,.42),186px -2px 0 rgba(82,98,116,.3),205px 20px 0 rgba(82,98,116,.28)}
.hero11-input-cloud span:nth-child(1){left:3px;top:34px}.hero11-input-cloud span:nth-child(2){left:14px;top:71px;transform:scale(.75)}.hero11-input-cloud span:nth-child(3){left:25px;top:103px;transform:scale(.65)}.hero11-input-cloud span:nth-child(4){left:42px;top:48px;transform:scale(.8)}.hero11-input-cloud span:nth-child(5){left:62px;top:122px;transform:scale(.6)}.hero11-input-cloud span:nth-child(6){left:83px;top:78px;transform:scale(.72)}.hero11-input-cloud span:nth-child(7){left:106px;top:40px;transform:scale(.58)}.hero11-input-cloud span:nth-child(8){left:128px;top:110px;transform:scale(.5)}.hero11-input-cloud span:nth-child(9){left:147px;top:62px;transform:scale(.66)}.hero11-input-cloud span:nth-child(10){left:168px;top:142px;transform:scale(.42)}.hero11-input-cloud span:nth-child(11){left:195px;top:89px;transform:scale(.55)}.hero11-input-cloud span:nth-child(12){left:217px;top:43px;transform:scale(.4)}
.hero11-input-cloud::after{content:"";position:absolute;left:0;right:-55px;top:42px;height:110px;background:radial-gradient(ellipse at center,rgba(77,93,112,.12),rgba(77,93,112,0) 68%);filter:blur(10px)}
.hero11-input-cloud small{position:absolute;left:2px;bottom:-12px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#8290a1}

.hero11-build-core{position:absolute;z-index:4;left:39%;top:76px;width:124px;height:174px;transform:translateX(-50%);perspective:800px}
.hero11-core-face,.hero11-core-layer{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(29,73,147,.16)}
.hero11-core-face{z-index:3;display:grid;place-items:center;background:#2f6fed;box-shadow:0 28px 58px rgba(47,111,237,.23),inset 0 1px 0 rgba(255,255,255,.28);transform:rotateY(-8deg)}
.hero11-core-face::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.26);border-radius:12px}
.hero11-core-face img{width:58px;filter:brightness(0) invert(1);opacity:.95}
.hero11-core-layer-a{z-index:2;background:#dbe6ff;transform:translateX(14px) translateY(7px) rotateY(-8deg)}
.hero11-core-layer-b{z-index:1;background:#eef3ff;transform:translateX(27px) translateY(14px) rotateY(-8deg)}
.hero11-core-label{position:absolute;left:-12px;right:-60px;bottom:-36px;font-size:8px;font-weight:800;letter-spacing:.13em;color:#607089;white-space:nowrap}

.hero11-flow{position:absolute;z-index:2;left:38.5%;top:80px;width:46%;height:190px;overflow:visible;pointer-events:none}
.hero11-flow path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hero11-flow-soft{stroke:#ff6b22;stroke-width:26;opacity:.10}
.hero11-flow-mid{stroke:#ff6b22;stroke-width:11;opacity:.17}
.hero11-flow-line{stroke:#ff6719;stroke-width:2;opacity:.95}

.hero11-output{position:absolute;z-index:5;right:1%;top:63px;width:42%;height:250px}
.hero11-browser{position:absolute;right:55px;top:5px;width:440px;height:236px;background:#fff;border:1px solid #dce3eb;border-radius:12px;box-shadow:0 24px 54px rgba(21,38,61,.14);overflow:hidden;transform:perspective(1100px) rotateY(-4deg)}
.hero11-browser-top{height:31px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #e8edf3;background:#f7f8fa;color:#9aa6b5;font-size:7px}.hero11-browser-top i{width:6px;height:6px;border-radius:50%;background:#b6c2d0}.hero11-browser-top span{margin-left:8px}
.hero11-browser-body{height:calc(100% - 31px);display:flex;flex-direction:column}.hero11-site-nav{height:43px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #edf1f5;font-size:7px;color:#536174}.hero11-site-nav b{font-size:9px;color:#152033}.hero11-site-nav span{margin-left:auto}.hero11-site-nav em{margin-left:14px;background:#2f6fed;color:#fff;padding:7px 9px;font-style:normal;border-radius:3px}
.hero11-site-hero{flex:1;padding:28px 28px 20px;position:relative;background:linear-gradient(115deg,#fff 0 62%,#eef3fb 62%)}.hero11-site-hero small{font-size:6px;font-weight:850;letter-spacing:.12em;color:#2f6fed}.hero11-site-hero strong{display:block;margin-top:9px;font:720 25px/.91 var(--display);letter-spacing:-.055em;color:#101b2c}.hero11-site-hero p{margin:9px 0 0;font-size:7px;color:#718096}.hero11-site-foot{height:34px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e9eef4}.hero11-site-foot span+span{border-left:1px solid #e9eef4}
.hero11-mobile{position:absolute;right:-2px;top:50px;width:91px;height:184px;padding:25px 9px 12px;border-radius:19px;background:#fff;border:5px solid #172033;box-shadow:0 18px 38px rgba(18,31,50,.16);display:flex;flex-direction:column;overflow:hidden}.hero11-mobile::after{content:"";position:absolute;right:-18px;bottom:25px;width:62px;height:76px;background:#eaf0fa;transform:skewX(-12deg)}.hero11-mobile-notch{position:absolute;top:5px;left:50%;width:34px;height:5px;border-radius:8px;background:#172033;transform:translateX(-50%)}.hero11-mobile b{font-size:6px;z-index:1}.hero11-mobile strong{margin-top:32px;font:720 13px/.98 var(--display);letter-spacing:-.045em;z-index:1}.hero11-mobile span{margin-top:auto;z-index:1;background:#2f6fed;color:#fff;padding:7px 5px;border-radius:3px;text-align:center;font-size:5px;font-weight:800}
.hero11-note{position:absolute;z-index:6;font-size:8px;font-weight:750;letter-spacing:.07em;color:#8b98a7}.hero11-note-a{left:22%;top:125px}.hero11-note-b{right:8%;top:302px}

.hero11-content{display:grid;grid-template-columns:1.08fr .72fr;gap:115px;align-items:end;padding-top:8px;padding-bottom:50px}
.hero11-copy{padding-top:3px}.hero11-eyebrow{margin:0 0 19px;font-size:10px;font-weight:820;letter-spacing:.17em;text-transform:uppercase;color:#657489}
.hero11-copy h1{margin:0;font:560 clamp(56px,5.55vw,86px)/.98 var(--display);letter-spacing:-.063em;color:#111820;max-width:840px}.hero11-copy h1 span{color:#7b7c7d;font-weight:430}
.hero11-side{padding-bottom:8px}.hero11-side>p{margin:0;color:#4e5661;font-size:15px;line-height:1.62;max-width:520px}.hero11-actions{display:flex;align-items:center;gap:12px;margin-top:26px}.hero11-primary,.hero11-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 18px;border-radius:6px;font-size:12px;font-weight:760;transition:transform .18s ease,box-shadow .2s ease,background .2s ease}.hero11-primary{background:#ff6419;color:#fff;box-shadow:0 12px 26px rgba(255,100,25,.20)}.hero11-primary:hover{background:#f2570c;transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,100,25,.26)}.hero11-primary:active,.hero11-secondary:active{transform:scale(.97)}.hero11-secondary{background:#fff;color:#192333;border:1px solid #dfe5ec}.hero11-secondary:hover{background:#f6f8fa}
.hero11-trust{min-height:67px;display:grid;grid-template-columns:repeat(3,auto) 1fr;align-items:center;gap:34px;border-top:1px solid #e4e8ed;color:#253247;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero11-trust span{position:relative;padding-left:13px}.hero11-trust span::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#2f6fed;transform:translateY(-50%)}.hero11-trust em{justify-self:end;font-style:normal;color:#8793a3;font-weight:650}

@media(max-width:1180px){
  .hero11-visual{height:350px}.hero11-output{right:-3%;width:46%}.hero11-browser{width:390px}.hero11-build-core{left:37%}.hero11-flow{left:36.5%;width:48%}.hero11-content{gap:64px}.hero11-trust{gap:20px}
}
@media(max-width:980px){
  .hero11-visual{height:410px}.hero11-input-cloud{left:0;top:110px;width:30%;transform:scale(.8);transform-origin:left center}.hero11-build-core{left:32%;top:105px;transform:translateX(-50%) scale(.88)}.hero11-flow{left:31%;top:108px;width:50%}.hero11-output{right:-4%;top:82px;width:52%}.hero11-browser{width:350px;height:220px}.hero11-mobile{display:none}.hero11-content{grid-template-columns:1fr;gap:28px;padding-bottom:38px}.hero11-copy h1{max-width:780px}.hero11-side{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.hero11-actions{margin-top:0}.hero11-trust{grid-template-columns:repeat(3,1fr);padding:17px 0}.hero11-trust em{grid-column:1/-1;justify-self:start}
}
@media(max-width:700px){
  .home-v39 .header-row{height:68px}.home-v39 .brand-logo32{min-width:0}.hero11-visual{height:330px}.hero11-input-cloud{left:-28px;top:93px;width:38%;transform:scale(.62)}.hero11-build-core{left:34%;top:90px;transform:translateX(-50%) scale(.72)}.hero11-core-label{display:none}.hero11-flow{left:33%;top:89px;width:52%;height:155px}.hero11-output{right:-27%;top:70px;width:75%;transform:scale(.78);transform-origin:left top}.hero11-note{display:none}.hero11-content{padding-top:14px}.hero11-eyebrow{font-size:8px}.hero11-copy h1{font-size:48px;line-height:.98}.hero11-side{display:block}.hero11-side>p{font-size:14px}.hero11-actions{margin-top:22px;flex-wrap:wrap}.hero11-primary,.hero11-secondary{min-height:46px}.hero11-trust{grid-template-columns:1fr 1fr;gap:13px 20px;font-size:8px;padding:17px 0 20px}.hero11-trust em{grid-column:1/-1}.hero11-trust span:nth-child(3){grid-column:1/-1}
}
.home-v39 .brand-header.is-hero-away .nav-build32{background:#ff6419;color:#fff;border-color:#ff6419;box-shadow:0 10px 24px rgba(255,100,25,.18)}
.home-v39 .brand-header.is-hero-away .nav-build32:hover{background:#f2570c;border-color:#f2570c}

/* ========================================================================
   WebsiteGeneratorHub v0.3.12 — hero visual refinement
   No website mockup in hero. Abstract generation system / design DNA visual.
   ======================================================================== */
.hero12-visual{height:420px;background:linear-gradient(180deg,#fbfcff 0%,#f7f9fd 100%)}
.hero12-visual::before{background-image:linear-gradient(rgba(32,72,130,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(32,72,130,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 96%)}
.hero12-canvas{height:100%;position:relative}
.hero12-input{position:absolute;left:0;top:89px;width:31%;height:230px}
.hero12-input-points{position:absolute;inset:0 0 52px 0}
.hero12-input-points i{position:absolute;width:4px;height:4px;border-radius:50%;background:#7791b3;opacity:.72;box-shadow:0 0 0 1px rgba(119,145,179,.06)}
.hero12-input-points i:nth-child(1){left:4%;top:31%}.hero12-input-points i:nth-child(2){left:10%;top:14%}.hero12-input-points i:nth-child(3){left:12%;top:54%}.hero12-input-points i:nth-child(4){left:17%;top:38%}.hero12-input-points i:nth-child(5){left:22%;top:18%}.hero12-input-points i:nth-child(6){left:26%;top:66%}.hero12-input-points i:nth-child(7){left:31%;top:46%}.hero12-input-points i:nth-child(8){left:35%;top:27%}.hero12-input-points i:nth-child(9){left:41%;top:59%}.hero12-input-points i:nth-child(10){left:46%;top:16%}.hero12-input-points i:nth-child(11){left:50%;top:42%}.hero12-input-points i:nth-child(12){left:55%;top:73%}.hero12-input-points i:nth-child(13){left:60%;top:33%}.hero12-input-points i:nth-child(14){left:64%;top:53%}.hero12-input-points i:nth-child(15){left:69%;top:18%}.hero12-input-points i:nth-child(16){left:72%;top:67%}.hero12-input-points i:nth-child(17){left:77%;top:41%}.hero12-input-points i:nth-child(18){left:81%;top:25%}.hero12-input-points i:nth-child(19){left:84%;top:59%}.hero12-input-points i:nth-child(20){left:88%;top:35%}.hero12-input-points i:nth-child(21){left:91%;top:71%}.hero12-input-points i:nth-child(22){left:94%;top:17%}.hero12-input-points i:nth-child(23){left:96%;top:48%}.hero12-input-points i:nth-child(24){left:99%;top:31%}
.hero12-input-points::before,.hero12-input-points::after{content:"";position:absolute;height:1px;left:1%;right:1%;top:49%;background:linear-gradient(90deg,transparent,rgba(71,108,158,.16),transparent);transform:rotate(8deg)}.hero12-input-points::after{transform:rotate(-8deg)}
.hero12-input-copy{position:absolute;left:0;bottom:0;padding-top:14px;border-top:1px solid #d8e1ed;width:78%}.hero12-input-copy span{display:block;font-size:9px;font-weight:850;letter-spacing:.14em;color:#2f6fed}.hero12-input-copy b{display:block;margin-top:7px;font-size:11px;color:#66758a;font-weight:650}
.hero12-engine{position:absolute;z-index:4;left:38.7%;top:92px;width:142px;height:142px;transform:translateX(-50%)}
.hero12-engine-face,.hero12-engine-shadow{position:absolute;inset:0;border-radius:28px}.hero12-engine-shadow{border:1px solid rgba(47,111,237,.15);background:rgba(210,225,248,.46)}.hero12-engine-shadow-a{transform:translate(20px,18px)}.hero12-engine-shadow-b{transform:translate(10px,9px)}
.hero12-engine-face{z-index:3;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3777ee,#245dcc);box-shadow:0 28px 55px rgba(47,111,237,.22),inset 0 1px 0 rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3)}
.hero12-engine-face::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.28);border-radius:20px}.hero12-engine-face img{width:44px;filter:brightness(0) invert(1);position:relative;z-index:2}.hero12-engine-face span{position:absolute;left:50%;top:calc(100% + 20px);transform:translateX(-50%);white-space:nowrap;font-size:8px;font-weight:850;letter-spacing:.13em;color:#718097}
.hero12-engine-orbit{position:absolute;z-index:0;left:50%;top:50%;border:1px solid rgba(47,111,237,.17);border-radius:50%;transform:translate(-50%,-50%)}.hero12-engine-orbit-a{width:196px;height:196px}.hero12-engine-orbit-b{width:238px;height:238px;border-style:dashed;opacity:.7}
.hero12-flow{position:absolute;z-index:2;left:37.2%;top:74px;width:42.5%;height:210px;overflow:visible;pointer-events:none}.hero12-flow path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero12-flow-soft{stroke:#2f6fed;stroke-width:26;opacity:.065}.hero12-flow-mid{stroke:#2f6fed;stroke-width:10;opacity:.11}.hero12-flow-line{stroke:#2f6fed;stroke-width:2;opacity:.72}
.hero12-system{position:absolute;z-index:5;right:0;top:43px;width:47%;height:320px;border:1px solid rgba(50,83,128,.16);border-radius:22px;background:rgba(255,255,255,.77);box-shadow:0 28px 70px rgba(28,51,84,.12);backdrop-filter:blur(18px) saturate(1.06);-webkit-backdrop-filter:blur(18px) saturate(1.06);overflow:hidden}
.hero12-system::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,111,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,237,.045) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.hero12-system-top{position:relative;z-index:2;height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(55,87,129,.12);font-size:8px;font-weight:850;letter-spacing:.13em;color:#66758a}.hero12-system-top b{display:flex;align-items:center;gap:7px;color:#1d7a4a}.hero12-system-top b i{width:7px;height:7px;border-radius:50%;background:#2ca66b;box-shadow:0 0 0 4px rgba(44,166,107,.10)}
.hero12-system-grid{position:relative;z-index:2;height:224px;padding:18px;display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:1fr 1fr;gap:10px}
.hero12-system-core{position:relative;grid-row:1/3;border-radius:15px;border:1px solid rgba(47,111,237,.13);background:linear-gradient(145deg,rgba(238,244,255,.92),rgba(255,255,255,.88));overflow:hidden;padding:18px}.hero12-system-core>span{position:relative;z-index:3;font-size:7px;font-weight:850;letter-spacing:.14em;color:#2f6fed}.hero12-system-core>strong{position:relative;z-index:3;display:block;margin-top:26px;font:650 25px/.96 var(--display);letter-spacing:-.055em;color:#101c31}.hero12-dna-ring{position:absolute;border-radius:50%;border:1px solid rgba(47,111,237,.18);right:-16px;bottom:-26px}.hero12-dna-ring-a{width:132px;height:132px}.hero12-dna-ring-b{width:88px;height:88px;right:6px;bottom:-4px;border-style:dashed}.hero12-dna-dot{position:absolute;right:45px;bottom:36px;width:16px;height:16px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 12px rgba(47,111,237,.08)}
.hero12-module{position:relative;border:1px solid rgba(50,82,126,.12);border-radius:13px;background:rgba(255,255,255,.72);padding:11px 12px;overflow:hidden}.hero12-module small{display:block;font-size:6px;font-weight:850;color:#2f6fed;letter-spacing:.12em}.hero12-module b{display:block;margin-top:5px;font-size:10px;line-height:1.1;color:#16233a}.hero12-module span{display:block;margin-top:4px;font-size:7px;line-height:1.25;color:#7b8798}.hero12-module-e{display:none}
.hero12-system-progress{position:relative;z-index:2;height:47px;padding:0 18px;display:flex;align-items:center;gap:14px;border-top:1px solid rgba(55,87,129,.12)}.hero12-system-progress::before{content:"";height:4px;flex:1;background:#e4ebf5;border-radius:999px}.hero12-system-progress span{position:absolute;left:18px;width:0;height:4px;background:#2f6fed;border-radius:999px}.hero12-system-progress em{font-style:normal;font-size:7px;font-weight:800;letter-spacing:.09em;color:#708096;white-space:nowrap}
.hero12-caption{position:absolute;font-size:8px;font-weight:800;letter-spacing:.13em;color:#8b99aa}.hero12-caption-a{left:2px;top:69px}.hero12-caption-b{right:1%;top:372px}
.hero12 .hero11-primary{background:#2f6fed;color:#fff;box-shadow:0 12px 26px rgba(47,111,237,.18)}.hero12 .hero11-primary:hover{background:#245fd5;box-shadow:0 16px 32px rgba(47,111,237,.24)}
.home-v39 .brand-header.is-hero-away .nav-build32{background:#2f6fed;color:#fff;border-color:#2f6fed;box-shadow:0 10px 24px rgba(47,111,237,.17)}.home-v39 .brand-header.is-hero-away .nav-build32:hover{background:#245fd5;border-color:#245fd5}
@media(max-width:1180px){.hero12-system{width:48%}.hero12-input{width:29%}.hero12-engine{left:36.5%}.hero12-flow{left:35%;width:42%}}
@media(max-width:980px){.hero12-visual{height:430px}.hero12-input{left:-2%;top:105px;transform:scale(.84);transform-origin:left center}.hero12-engine{left:31%;top:117px;transform:translateX(-50%) scale(.84)}.hero12-flow{left:30%;top:103px;width:42%}.hero12-system{right:-4%;top:55px;width:57%;height:322px}.hero12-system-grid{grid-template-columns:1.15fr .85fr;}.hero12-module-c,.hero12-module-d{display:none}.hero12-caption-b{right:2%;top:386px}}
@media(max-width:700px){.hero12-visual{height:365px}.hero12-input{left:-17%;top:100px;width:46%;transform:scale(.65)}.hero12-engine{left:29%;top:108px;transform:translateX(-50%) scale(.66)}.hero12-flow{left:28%;top:95px;width:45%;height:170px}.hero12-system{right:-21%;top:62px;width:72%;height:258px;transform:scale(.86);transform-origin:left top}.hero12-system-grid{height:166px;padding:12px;gap:7px}.hero12-system-core{padding:12px}.hero12-system-core>strong{font-size:20px;margin-top:18px}.hero12-system-top{height:42px}.hero12-system-progress{height:39px}.hero12-caption{display:none}}

/* ========================================================================
   WebsiteGeneratorHub v0.3.13 — hero world / online presence visual
   Larger hero stage. No browser or website preview. Continuous network motion.
   ======================================================================== */
.hero13-visual{height:590px;background:linear-gradient(180deg,#fbfcff 0%,#f6f9fe 100%)}
.hero13-visual::before{background-image:linear-gradient(rgba(31,71,129,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,71,129,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 96%)}
.hero13-canvas{height:100%;position:relative}
.hero13-signal{position:absolute;left:0;top:145px;width:25%;min-height:245px;z-index:3}
.hero13-label,.hero13-signal small{display:block;font-size:9px;font-weight:850;letter-spacing:.15em;color:#77879b}
.hero13-signal-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;margin-top:34px;padding:28px 0;border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef}
.hero13-signal-list span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#243650}
.hero13-signal-list i{width:7px;height:7px;border-radius:50%;background:#7ea0ca;box-shadow:0 0 0 5px rgba(126,160,202,.08)}
.hero13-signal small{margin-top:18px;color:#2f6fed}
.hero13-stream{position:absolute;z-index:2;left:18%;top:112px;width:55%;height:330px;overflow:visible;pointer-events:none}
.hero13-stream path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hero13-stream-soft{stroke:#2f6fed;stroke-width:38;opacity:.055}
.hero13-stream-mid{stroke:#2f6fed;stroke-width:13;opacity:.09}
.hero13-stream-line{stroke:#2f6fed;stroke-width:2;stroke-dasharray:10 18;opacity:.58}
.hero13-stream-line-b{stroke-width:1.2;stroke-dasharray:4 22;opacity:.34}
.hero13-core{position:absolute;z-index:5;left:38.5%;top:196px;width:150px;height:150px;transform:translateX(-50%)}
.hero13-core-layer,.hero13-core-face{position:absolute;inset:0;border-radius:31px}
.hero13-core-layer{border:1px solid rgba(47,111,237,.15);background:rgba(214,227,248,.54)}
.hero13-core-layer-a{transform:translate(21px,18px)}.hero13-core-layer-b{transform:translate(11px,9px)}
.hero13-core-face{z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#3979ef,#245dcc);box-shadow:0 30px 68px rgba(47,111,237,.25),inset 0 1px 0 rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.35)}
.hero13-core-face::after{content:"";position:absolute;inset:18px;border-radius:21px;border:1px solid rgba(255,255,255,.3)}
.hero13-core-face img{position:relative;z-index:3;width:48px;filter:brightness(0) invert(1)}
.hero13-core-ring{position:absolute;z-index:0;left:50%;top:50%;border:1px solid rgba(47,111,237,.18);border-radius:50%;transform:translate(-50%,-50%)}
.hero13-core-ring-a{width:225px;height:225px}.hero13-core-ring-b{width:280px;height:280px;border-style:dashed;opacity:.65}
.hero13-core>span{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;font-weight:850;letter-spacing:.14em;color:#6f8097}
.hero13-world{position:absolute;z-index:5;right:-1.5%;top:42px;width:52%;height:500px}
.hero13-world-halo{position:absolute;left:8%;top:4%;width:84%;height:84%;border-radius:50%;background:radial-gradient(circle,rgba(47,111,237,.12),rgba(47,111,237,.04) 42%,rgba(47,111,237,0) 72%);filter:blur(8px)}
.hero13-world-orbit{position:absolute;left:48%;top:46%;border:1px solid rgba(47,111,237,.13);border-radius:50%;transform:translate(-50%,-50%)}
.hero13-world-orbit-a{width:430px;height:430px}.hero13-world-orbit-b{width:500px;height:500px;border-style:dashed;opacity:.52}
.hero13-globe{position:absolute;left:1%;top:3%;width:430px;height:430px;overflow:visible;filter:drop-shadow(0 28px 50px rgba(41,72,111,.12))}
.hero13-globe-spin{transform-origin:260px 260px}.hero13-network path{stroke-dasharray:8 12}.hero13-nodes circle{transform-box:fill-box;transform-origin:center}.hero13-world-pulse{transform-box:fill-box;transform-origin:center}
.hero13-world-copy{position:absolute;right:0;top:132px;width:49%;padding:0 0 0 22px}
.hero13-world-copy>span{font-size:8px;font-weight:850;letter-spacing:.15em;color:#2f6fed}
.hero13-world-copy>strong{display:block;margin-top:20px;font:680 clamp(34px,3.1vw,52px)/.94 var(--display);letter-spacing:-.055em;color:#101c31}
.hero13-world-copy>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-top:28px;padding-top:17px;border-top:1px solid #dbe4ef}
.hero13-world-copy>div i{width:8px;height:8px;border-radius:50%;background:#27a66a;box-shadow:0 0 0 5px rgba(39,166,106,.09)}
.hero13-world-copy>div b{font-size:10px;color:#263850}.hero13-world-copy>div em{font-style:normal;font-size:8px;color:#8491a2;justify-self:end;text-align:right}
.hero13-world-tag{position:absolute;padding:9px 12px;border:1px solid rgba(55,88,132,.13);border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(27,55,91,.08);font-size:7px;font-weight:850;letter-spacing:.12em;color:#526982}
.hero13-world-tag-a{left:2%;top:75px}.hero13-world-tag-b{left:6%;bottom:72px}.hero13-world-tag-c{left:42%;bottom:22px}
.hero13-caption{position:absolute;font-size:8px;font-weight:850;letter-spacing:.14em;color:#8a98aa}.hero13-caption-a{left:0;top:98px}.hero13-caption-b{right:1%;bottom:28px}
.hero13 .hero11-primary{background:#2f6fed;color:#fff;box-shadow:0 12px 26px rgba(47,111,237,.18)}.hero13 .hero11-primary:hover{background:#245fd5;box-shadow:0 16px 32px rgba(47,111,237,.24)}
@media(max-width:1180px){.hero13-world{width:54%;right:-4%}.hero13-globe{width:390px;height:390px;top:8%}.hero13-world-copy{width:48%;top:145px}.hero13-signal{width:23%}.hero13-core{left:35.8%}.hero13-stream{left:16%;width:57%}}
@media(max-width:980px){.hero13-visual{height:565px}.hero13-signal{left:-1%;top:150px;width:25%;transform:scale(.9);transform-origin:left center}.hero13-core{left:29%;top:215px;transform:translateX(-50%) scale(.88)}.hero13-stream{left:13%;top:132px;width:52%}.hero13-world{right:-8%;width:67%;top:48px}.hero13-globe{width:360px;height:360px}.hero13-world-copy{right:2%;top:155px;width:48%}.hero13-world-copy>strong{font-size:36px}.hero13-world-orbit-a{width:390px;height:390px}.hero13-world-orbit-b{width:450px;height:450px}}
@media(max-width:700px){.hero13-visual{height:510px}.hero13-signal{display:none}.hero13-core{left:20%;top:195px;transform:translateX(-50%) scale(.7)}.hero13-stream{left:14%;top:136px;width:55%;height:260px}.hero13-world{right:-30%;top:52px;width:94%;height:420px}.hero13-globe{width:330px;height:330px;left:0;top:0}.hero13-world-copy{right:27%;top:285px;width:58%;padding-left:0}.hero13-world-copy>span{display:none}.hero13-world-copy>strong{font-size:26px;line-height:.96}.hero13-world-copy>div{margin-top:14px;padding-top:12px}.hero13-world-copy>div em{display:none}.hero13-world-tag{display:none}.hero13-world-orbit-a{width:340px;height:340px}.hero13-world-orbit-b{width:390px;height:390px}.hero13-caption{display:none}}
@media(prefers-reduced-motion:reduce){.hero13-stream-line,.hero13-globe-spin,.hero13-network,.hero13-nodes circle,.hero13-world-pulse,.hero13-core-ring,.hero13-world-orbit{animation:none!important;transition:none!important}}

/* =============================================================
   WebsiteGeneratorHub v0.3.14 — Full-screen presence hero
   ============================================================= */
.hero14{background:#fbfcff}
.hero14-visual{position:relative;height:calc(100svh - 78px);min-height:760px;max-height:980px;overflow:hidden;background:linear-gradient(180deg,#fcfdff 0%,#f5f9ff 100%)}
.hero14-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(35,75,132,.046) 1px,transparent 1px),linear-gradient(90deg,rgba(35,75,132,.046) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 74%,transparent 100%);pointer-events:none}
.hero14-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 45%,rgba(47,111,237,.10),transparent 30%),radial-gradient(circle at 39% 49%,rgba(47,111,237,.06),transparent 20%);pointer-events:none}
.hero14-canvas{height:100%;position:relative}
.hero14-data{position:absolute;left:0;top:50%;width:22%;transform:translateY(-50%);z-index:5}
.hero14-data>p,.hero14-data>small{margin:0;font-size:10px;font-weight:800;letter-spacing:.16em;color:#7688a0}
.hero14-data>p{margin-bottom:24px}.hero14-data>small{display:block;margin-top:22px;color:#2f6fed}
.hero14-data-row{height:62px;display:grid;grid-template-columns:38px 1fr;align-items:center;border-top:1px solid #dbe4ef;color:#1d2d45}
.hero14-data-row:last-of-type{border-bottom:1px solid #dbe4ef}
.hero14-data-row span{font:650 12px/1 'Inter',sans-serif;color:#98a9bc}.hero14-data-row b{font:650 16px/1.2 'Inter',sans-serif}
.hero14-stream{position:absolute;z-index:2;left:16%;top:50%;width:55%;height:44%;transform:translateY(-50%);overflow:visible;pointer-events:none}
.hero14-stream path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hero14-stream-glow{stroke:#2f6fed;stroke-width:48;opacity:.055}.hero14-stream-line{stroke:#2f6fed;stroke-width:2;stroke-dasharray:11 19;opacity:.66}.hero14-stream-line-b{stroke-width:1.3;stroke-dasharray:5 25;opacity:.36}
.hero14-core{position:absolute;z-index:6;left:39%;top:50%;width:206px;height:206px;transform:translate(-50%,-50%)}
.hero14-core-stack,.hero14-core-face{position:absolute;inset:0;border-radius:44px}.hero14-core-stack{border:1px solid rgba(47,111,237,.14);background:rgba(221,232,249,.72)}
.hero14-core-back{transform:translate(30px,25px)}.hero14-core-mid{transform:translate(15px,13px)}
.hero14-core-face{z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#3a7bf3,#245dcc);box-shadow:0 42px 90px rgba(47,111,237,.28),inset 0 1px 0 rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.34)}
.hero14-core-face::after{content:"";position:absolute;inset:23px;border-radius:30px;border:1px solid rgba(255,255,255,.31)}.hero14-core-face img{width:70px;filter:brightness(0) invert(1)}
.hero14-core-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(47,111,237,.16);border-radius:50%;transform:translate(-50%,-50%)}.hero14-core-orbit-a{width:320px;height:320px}.hero14-core-orbit-b{width:400px;height:400px;border-style:dashed;opacity:.62}
.hero14-core>strong{position:absolute;top:calc(100% + 38px);left:50%;transform:translateX(-50%);white-space:nowrap;font:750 10px/1 'Inter',sans-serif;letter-spacing:.15em;color:#697b93}
.hero14-online{position:absolute;z-index:5;right:-2%;top:50%;width:58%;height:78%;transform:translateY(-50%)}
.hero14-ghost-word{position:absolute;right:0;top:-2%;font:750 clamp(110px,11vw,190px)/.8 'Inter Tight',sans-serif;letter-spacing:-.075em;color:rgba(47,111,237,.045);pointer-events:none}
.hero14-globe-wrap{position:absolute;left:0;top:50%;width:min(690px,48vw);height:min(690px,48vw);transform:translateY(-50%)}
.hero14-globe-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(47,111,237,.15),rgba(47,111,237,.055) 38%,rgba(47,111,237,0) 72%);filter:blur(12px)}
.hero14-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(47,111,237,.14);border-radius:50%;transform:translate(-50%,-50%)}.hero14-orbit-a{width:88%;height:88%}.hero14-orbit-b{width:106%;height:106%;border-style:dashed;opacity:.58}
.hero14-globe{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 36px 70px rgba(33,67,111,.14))}.hero14-globe-grid{transform-origin:350px 350px}.hero14-network path{stroke-dasharray:9 13}.hero14-nodes circle{transform-box:fill-box;transform-origin:center}.hero14-pulse{transform-box:fill-box;transform-origin:center}
.hero14-channel{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(55,88,132,.13);border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(27,55,91,.08);font:750 9px/1 'Inter',sans-serif;letter-spacing:.08em;color:#405a78}.hero14-channel i{width:6px;height:6px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 4px rgba(47,111,237,.08)}
.hero14-channel-a{left:5%;top:10%}.hero14-channel-b{right:1%;top:27%}.hero14-channel-c{right:8%;bottom:13%}.hero14-channel-d{left:2%;bottom:18%}
.hero14-live{position:absolute;right:1%;bottom:3%;min-width:280px;padding:17px 20px;border-top:1px solid #dce5f0;display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 9px}.hero14-live i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#27a66a;box-shadow:0 0 0 6px rgba(39,166,106,.09)}.hero14-live b{font:700 12px/1.1 'Inter',sans-serif;color:#1c2f49}.hero14-live span{font:500 9px/1.2 'Inter',sans-serif;color:#8795a8}
.hero14-content{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.52fr);gap:90px;align-items:end;padding-top:104px;padding-bottom:82px}
.hero14-eyebrow{margin:0 0 28px;font:750 12px/1 'Inter',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#60738d}
.hero14-copy h1{margin:0;max-width:1120px;font:650 clamp(78px,8.1vw,142px)/.88 'Inter Tight',sans-serif;letter-spacing:-.074em;color:#0e1727;text-wrap:balance}.hero14-copy h1 span{color:#2f6fed}
.hero14-side{padding-bottom:12px}.hero14-side>p{margin:0;max-width:520px;font:450 18px/1.68 'Inter',sans-serif;color:#506078}.hero14 .hero11-actions{margin-top:34px}.hero14 .hero11-primary{background:#2f6fed}.hero14 .hero11-primary:hover{background:#245fd5}
@media(max-width:1200px){.hero14-visual{min-height:700px}.hero14-online{width:60%;right:-8%}.hero14-globe-wrap{width:590px;height:590px}.hero14-core{left:35%}.hero14-stream{left:13%;width:58%}.hero14-content{gap:55px}.hero14-copy h1{font-size:clamp(72px,8.4vw,112px)}}
@media(max-width:980px){.hero14-visual{height:760px;min-height:760px}.hero14-data{width:24%;top:51%}.hero14-data-row{height:54px}.hero14-data-row b{font-size:14px}.hero14-core{left:31%;width:170px;height:170px}.hero14-core-orbit-a{width:270px;height:270px}.hero14-core-orbit-b{width:340px;height:340px}.hero14-stream{left:14%;width:55%}.hero14-online{right:-18%;width:70%}.hero14-globe-wrap{width:540px;height:540px}.hero14-content{grid-template-columns:1fr;gap:34px;padding-top:78px}.hero14-side{max-width:680px}.hero14-copy h1{font-size:clamp(72px,10vw,104px)}}
@media(max-width:700px){.hero14-visual{height:680px;min-height:680px}.hero14-data{left:0;top:95px;width:70%;transform:none}.hero14-data>p{margin-bottom:12px}.hero14-data-row{display:none}.hero14-data>small{margin-top:0}.hero14-core{left:26%;top:49%;width:128px;height:128px}.hero14-core-back{transform:translate(18px,15px)}.hero14-core-mid{transform:translate(9px,8px)}.hero14-core-face{border-radius:28px}.hero14-core-face::after{inset:15px;border-radius:19px}.hero14-core-face img{width:48px}.hero14-core-orbit-a{width:200px;height:200px}.hero14-core-orbit-b{width:250px;height:250px}.hero14-core>strong{display:none}.hero14-stream{left:18%;top:48%;width:54%;height:260px}.hero14-online{right:-44%;top:53%;width:110%;height:66%}.hero14-globe-wrap{width:430px;height:430px}.hero14-ghost-word{font-size:92px;top:1%;right:14%}.hero14-channel{font-size:7px;padding:8px 10px}.hero14-channel-b,.hero14-channel-c{display:none}.hero14-live{right:32%;bottom:-2%;min-width:220px;padding:12px 0}.hero14-content{padding-top:64px;padding-bottom:54px}.hero14-eyebrow{font-size:10px}.hero14-copy h1{font-size:clamp(58px,16vw,84px);line-height:.9}.hero14-side>p{font-size:16px}.hero14 .hero11-actions{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.hero14-stream-line,.hero14-globe-grid,.hero14-network,.hero14-nodes circle,.hero14-pulse,.hero14-core-orbit,.hero14-orbit,.hero14-channel,.hero14-core,.hero14-globe-wrap{animation:none!important;transition:none!important}}

/* =============================================================
   WebsiteGeneratorHub v0.3.15 — Full hero stage + fold reveal
   ============================================================= */
.hero15{position:relative;background:#fff;overflow:clip}
.hero15-stage{position:relative;height:148svh;min-height:1120px;background:#f8fbff}
.hero15-visual{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;background:linear-gradient(180deg,#fcfdff 0%,#f4f8fe 100%);transform-origin:50% 0;will-change:clip-path,transform}
.hero15-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(35,75,132,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(35,75,132,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.95) 87%,transparent 100%);pointer-events:none}
.hero15-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 71% 48%,rgba(47,111,237,.10),transparent 32%),radial-gradient(circle at 41% 50%,rgba(47,111,237,.055),transparent 22%);pointer-events:none}
.hero15-canvas{position:relative;height:100%}
.hero15-input{position:absolute;z-index:7;left:0;top:50%;width:30%;transform:translateY(-50%)}
.hero15-input-kicker{margin:0 0 22px;font:750 11px/1 'Wix Madefor Text',sans-serif;letter-spacing:.16em;color:#2f6fed}
.hero15-input h2{margin:0 0 34px;font:650 clamp(48px,4.6vw,78px)/.92 'Wix Madefor Display',sans-serif;letter-spacing:-.06em;color:#0f1b2f}
.hero15-input h2 em{display:block;font-style:normal;color:#2f6fed}
.hero15-input-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfdae8;border-left:1px solid #cfdae8}
.hero15-input-grid>div{min-height:94px;padding:18px 18px 16px;border-right:1px solid #cfdae8;border-bottom:1px solid #cfdae8;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.30)}
.hero15-input-grid b{font:650 11px/1 'Wix Madefor Text',sans-serif;color:#91a0b5;letter-spacing:.08em}.hero15-input-grid span{font:650 22px/1.05 'Wix Madefor Display',sans-serif;color:#16263e;letter-spacing:-.035em}
.hero15-input-note{max-width:420px;margin:24px 0 0;font:500 14px/1.6 'Wix Madefor Text',sans-serif;color:#63738a}
.hero15-stream{position:absolute;z-index:2;left:25%;top:50%;width:47%;height:44%;transform:translateY(-50%);overflow:visible;pointer-events:none}
.hero15-stream path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero15-stream-glow{stroke:#2f6fed;stroke-width:52;opacity:.05}.hero15-stream-line{stroke:#2f6fed;stroke-width:2;stroke-dasharray:11 19;opacity:.62}.hero15-stream-line-b{stroke-width:1.2;stroke-dasharray:5 25;opacity:.32}
.hero15-core{position:absolute;z-index:8;left:43%;top:50%;width:216px;height:216px;transform:translate(-50%,-50%)}
.hero15-core-stack,.hero15-core-face{position:absolute;inset:0;border-radius:46px}.hero15-core-stack{border:1px solid rgba(47,111,237,.14);background:rgba(221,232,249,.72)}.hero15-core-back{transform:translate(31px,25px)}.hero15-core-mid{transform:translate(16px,13px)}
.hero15-core-face{z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#3a7bf3,#245dcc);box-shadow:0 42px 90px rgba(47,111,237,.28),inset 0 1px 0 rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.34)}
.hero15-core-face::after{content:"";position:absolute;inset:24px;border-radius:31px;border:1px solid rgba(255,255,255,.31)}.hero15-core-face img{width:74px;filter:brightness(0) invert(1)}
.hero15-core-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(47,111,237,.15);border-radius:50%;transform:translate(-50%,-50%)}.hero15-core-orbit-a{width:330px;height:330px}.hero15-core-orbit-b{width:414px;height:414px;border-style:dashed;opacity:.6}
.hero15-core>strong{position:absolute;top:calc(100% + 40px);left:50%;transform:translateX(-50%);white-space:nowrap;font:720 10px/1 'Wix Madefor Text',sans-serif;letter-spacing:.14em;color:#687a93}
.hero15-online{position:absolute;z-index:5;right:-1%;top:50%;width:55%;height:88%;transform:translateY(-50%)}
.hero15-ghost-word{position:absolute;right:1%;top:10%;font:650 clamp(122px,13.2vw,224px)/.78 'Wix Madefor Display',sans-serif;letter-spacing:-.078em;color:rgba(47,111,237,.052);pointer-events:none;white-space:nowrap}
.hero15-globe-wrap{position:absolute;left:-4%;top:49%;width:min(780px,52vw);height:min(780px,52vw);transform:translateY(-50%)}
.hero15-globe-halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,rgba(47,111,237,.14),rgba(47,111,237,.052) 39%,rgba(47,111,237,0) 72%);filter:blur(12px)}
.hero15-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(47,111,237,.13);border-radius:50%;transform:translate(-50%,-50%)}.hero15-orbit-a{width:88%;height:88%}.hero15-orbit-b{width:106%;height:106%;border-style:dashed;opacity:.55}
.hero15-globe{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 36px 70px rgba(33,67,111,.13))}.hero15-globe-grid{transform-origin:350px 350px}.hero15-network path{stroke-dasharray:9 13}.hero15-nodes circle,.hero15-pulse{transform-box:fill-box;transform-origin:center}
.hero15-world-copy{position:absolute;z-index:6;right:0;bottom:8%;width:39%;padding:28px 0 0;border-top:1px solid #d8e3ef}.hero15-world-copy>span{display:block;margin-bottom:14px;font:760 10px/1 'Wix Madefor Text',sans-serif;letter-spacing:.16em;color:#2f6fed}.hero15-world-copy>strong{display:block;font:650 clamp(34px,3.4vw,58px)/.94 'Wix Madefor Display',sans-serif;letter-spacing:-.055em;color:#0f1b2f}.hero15-world-copy>p{max-width:400px;margin:18px 0 0;font:500 14px/1.65 'Wix Madefor Text',sans-serif;color:#66768c}
.hero15-reveal{position:relative;z-index:3;background:#fff}
.hero15-content{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.52fr);gap:90px;align-items:end;padding-top:120px;padding-bottom:84px}
.hero15-eyebrow{margin:0 0 28px;font:760 13px/1 'Wix Madefor Text',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#5f718a}
.hero15-copy h1{margin:0;max-width:1140px;font:650 clamp(80px,8.2vw,144px)/.88 'Wix Madefor Display',sans-serif;letter-spacing:-.067em;color:#0e1727;text-wrap:balance}.hero15-copy h1 span{color:#2f6fed}
.hero15-side{padding-bottom:12px}.hero15-side>p{margin:0;max-width:520px;font:500 18px/1.7 'Wix Madefor Text',sans-serif;color:#52627a}.hero15 .hero11-actions{margin-top:34px}.hero15 .hero11-primary{background:#2f6fed}.hero15 .hero11-primary:hover{background:#245fd5}
@media(max-width:1200px){.hero15-input{width:29%}.hero15-core{left:41%;width:188px;height:188px}.hero15-core-orbit-a{width:285px;height:285px}.hero15-core-orbit-b{width:355px;height:355px}.hero15-online{right:-8%;width:61%}.hero15-globe-wrap{width:630px;height:630px}.hero15-world-copy{right:6%;width:37%}.hero15-content{gap:55px}.hero15-copy h1{font-size:clamp(72px,8.4vw,112px)}}
@media(max-width:980px){.hero15-stage{height:132svh;min-height:980px}.hero15-visual{min-height:700px}.hero15-input{top:46%;width:34%}.hero15-input h2{font-size:48px}.hero15-input-grid{grid-template-columns:1fr}.hero15-input-grid>div{min-height:60px;padding:12px 14px;flex-direction:row;align-items:center}.hero15-input-grid span{font-size:17px}.hero15-core{left:39%;top:51%;width:160px;height:160px}.hero15-online{right:-17%;width:70%}.hero15-globe-wrap{width:550px;height:550px}.hero15-world-copy{right:12%;bottom:9%;width:38%}.hero15-world-copy>strong{font-size:36px}.hero15-content{grid-template-columns:1fr;gap:34px;padding-top:86px}.hero15-side{max-width:680px}}
@media(max-width:700px){.hero15-stage{height:118svh;min-height:860px}.hero15-visual{min-height:650px}.hero15-input{left:0;top:105px;width:74%;transform:none}.hero15-input h2{font-size:42px;margin-bottom:20px}.hero15-input-grid{display:grid;grid-template-columns:1fr 1fr}.hero15-input-grid>div{min-height:56px;padding:10px;display:flex;flex-direction:column;align-items:flex-start}.hero15-input-grid span{font-size:15px}.hero15-input-note{display:none}.hero15-core{left:22%;top:57%;width:120px;height:120px}.hero15-core-back{transform:translate(18px,15px)}.hero15-core-mid{transform:translate(9px,8px)}.hero15-core-face{border-radius:26px}.hero15-core-face::after{inset:14px;border-radius:18px}.hero15-core-face img{width:46px}.hero15-core-orbit-a{width:190px;height:190px}.hero15-core-orbit-b{width:240px;height:240px}.hero15-core>strong{display:none}.hero15-stream{left:16%;top:58%;width:58%;height:240px}.hero15-online{right:-46%;top:59%;width:112%;height:62%}.hero15-ghost-word{top:2%;right:28%;font-size:94px}.hero15-globe-wrap{width:420px;height:420px}.hero15-world-copy{right:37%;bottom:-2%;width:48%;padding-top:14px}.hero15-world-copy>span,.hero15-world-copy>p{display:none}.hero15-world-copy>strong{font-size:24px}.hero15-content{padding-top:70px;padding-bottom:56px}.hero15-eyebrow{font-size:10px}.hero15-copy h1{font-size:clamp(58px,16vw,84px);line-height:.9}.hero15-side>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero15-stage{height:auto;min-height:0}.hero15-visual{position:relative;height:760px;clip-path:none!important;transform:none!important}.hero15-stream-line,.hero15-globe-grid,.hero15-network,.hero15-nodes circle,.hero15-pulse,.hero15-core-orbit,.hero15-orbit,.hero15-core,.hero15-globe-wrap{animation:none!important;transition:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.16 — editorial signal hero + reliable fold
   ============================================================= */
.hero16 .hero15-stage{height:170svh;min-height:1260px}
.hero16 .hero15-visual{height:100svh;min-height:800px;clip-path:inset(0 0 0 0 round 0);transform:translate3d(0,0,0);backface-visibility:hidden}
.hero16-canvas{max-width:min(1480px,calc(100vw - 80px))}
.hero16-signals{position:absolute;z-index:7;left:0;top:50%;width:34%;transform:translateY(-50%);padding-right:3vw}
.hero16-ghost-input{position:absolute;left:-.035em;top:-.34em;z-index:-1;font:700 clamp(104px,10vw,172px)/.78 'Inter Tight',sans-serif;letter-spacing:-.075em;color:rgba(47,111,237,.045);pointer-events:none}
.hero16-kicker{margin:0 0 20px;font:750 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2f6fed}
.hero16-signals h2{margin:0 0 34px;font:650 clamp(48px,4.4vw,76px)/.94 'Inter Tight',sans-serif;letter-spacing:-.058em;color:#0d1728}
.hero16-signals h2 em{font-style:normal;color:#2f6fed}
.hero16-signal-list{border-top:1px solid #cfdbea}
.hero16-signal-list>div{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;padding:17px 0 16px;border-bottom:1px solid #cfdbea;align-items:baseline}
.hero16-signal-list>div>span{grid-row:1/3;font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#91a2b9;padding-top:7px}
.hero16-signal-list strong{font:620 clamp(24px,2vw,34px)/1 'Inter Tight',sans-serif;letter-spacing:-.04em;color:#14243b}
.hero16-signal-list small{margin-top:5px;font:500 12px/1.45 Inter,sans-serif;color:#6d7d91}
.hero16-note{max-width:470px;margin:23px 0 0;font:500 14px/1.65 Inter,sans-serif;color:#66768a}
.hero16-stream{left:29%;width:43%}
.hero16-core{left:45%}
.hero16-online{right:-3%;width:56%}
.hero16-globe-wrap{left:-1%;width:min(820px,54vw);height:min(820px,54vw)}
.hero16-world-copy{right:1%;bottom:7%;width:38%}
.hero16-world-copy>span{font-family:Inter,sans-serif}
.hero16-world-copy>strong{font-family:'Inter Tight',sans-serif;font-weight:650;letter-spacing:-.058em}
.hero16-world-copy>p{font-family:Inter,sans-serif}
.hero16 .hero15-reveal{z-index:12;margin-top:-24svh;padding-top:24svh;background:#fff;border-radius:34px 34px 0 0;box-shadow:0 -22px 60px rgba(22,46,82,.07);transform:translate3d(0,34px,0);will-change:transform}
.hero16 .hero15-content{padding-top:112px}
.hero16 .hero15-copy h1{font-family:'Inter Tight',sans-serif;font-weight:650;letter-spacing:-.07em}
.hero16 .hero15-eyebrow,.hero16 .hero15-side>p{font-family:Inter,sans-serif}
@media(max-width:1200px){.hero16-signals{width:32%}.hero16-signals h2{font-size:52px}.hero16-signal-list strong{font-size:26px}.hero16-core{left:43%}.hero16-online{right:-9%;width:62%}.hero16-globe-wrap{width:650px;height:650px}.hero16 .hero15-reveal{margin-top:-20svh;padding-top:20svh}}
@media(max-width:980px){.hero16 .hero15-stage{height:150svh;min-height:1080px}.hero16-signals{top:43%;width:39%}.hero16-signals h2{font-size:44px}.hero16-signal-list small{display:none}.hero16-core{left:42%;top:58%}.hero16-online{right:-18%;top:56%;width:72%}.hero16-globe-wrap{width:560px;height:560px}.hero16-world-copy{right:10%;bottom:7%;width:34%}.hero16 .hero15-reveal{margin-top:-17svh;padding-top:17svh}}
@media(max-width:700px){.hero16 .hero15-stage{height:135svh;min-height:930px}.hero16 .hero15-visual{min-height:700px}.hero16-canvas{max-width:calc(100vw - 34px)}.hero16-signals{left:0;top:84px;width:86%;transform:none;padding-right:0}.hero16-ghost-input{font-size:92px;top:-.28em}.hero16-kicker{font-size:10px;margin-bottom:14px}.hero16-signals h2{font-size:39px;margin-bottom:20px}.hero16-signal-list{display:grid;grid-template-columns:1fr 1fr}.hero16-signal-list>div{grid-template-columns:30px 1fr;padding:11px 0;margin-right:14px}.hero16-signal-list strong{font-size:19px}.hero16-note{display:none}.hero16-stream{left:12%;top:61%;width:62%;height:230px}.hero16-core{left:25%;top:63%}.hero16-online{right:-48%;top:63%;width:116%;height:59%}.hero16-globe-wrap{width:430px;height:430px}.hero16-world-copy{right:37%;bottom:-1%;width:47%;border-top:0;padding-top:0}.hero16-world-copy>span,.hero16-world-copy>p{display:none}.hero16-world-copy>strong{font-size:24px}.hero16 .hero15-reveal{margin-top:-12svh;padding-top:12svh;border-radius:24px 24px 0 0}.hero16 .hero15-content{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.hero16 .hero15-stage{height:auto;min-height:0}.hero16 .hero15-reveal{margin-top:0;padding-top:0;transform:none!important}.hero16 .hero15-visual{position:relative;height:780px;clip-path:none!important;transform:none!important}}

/* =============================================================
   WebsiteGeneratorHub v0.3.18 — cinematic hero rebuild
   One viewport, data-to-presence motion, centered headline reveal.
   ============================================================= */
.hero17{position:relative;min-height:100svh;background:#f8fbff;overflow:clip;perspective:1400px}
.hero17-panel{position:relative;min-height:100svh;display:grid;grid-template-rows:minmax(660px,1fr) auto;background:linear-gradient(180deg,#fbfdff 0%,#f5f9ff 70%,#fff 100%);transform-origin:50% 0;will-change:transform,clip-path,opacity}
.hero17-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(35,75,132,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(35,75,132,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.88) 82%,transparent 100%)}
.hero17-visual{position:relative;width:100%;height:100%;min-height:700px;padding-top:104px;padding-bottom:188px}
.hero17-stream-label{position:absolute;left:0;top:108px;margin:0;font:780 12px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#557198;z-index:7}
.hero17-particle-field{position:absolute;left:0;top:156px;width:32%;height:28%;filter:drop-shadow(0 18px 28px rgba(38,69,108,.05))}
.hero17-particle-field::before{content:"";position:absolute;inset:-4%;background:radial-gradient(ellipse at 55% 50%,rgba(47,111,237,.075),transparent 68%);filter:blur(24px)}
.hero17-particle-field span{position:absolute;width:4px;height:4px;border-radius:50%;background:#627993;opacity:.55;animation:hero17Particle 4.8s ease-in-out infinite;transform-origin:center}
.hero17-particle-field span:nth-child(5n+1){width:3px;height:3px;opacity:.38;animation-delay:-.8s}.hero17-particle-field span:nth-child(5n+2){width:5px;height:5px;opacity:.48;animation-delay:-1.7s}.hero17-particle-field span:nth-child(5n+3){animation-delay:-2.4s}.hero17-particle-field span:nth-child(5n+4){width:2px;height:2px;opacity:.72;animation-delay:-3.2s}.hero17-particle-field span:nth-child(5n){animation-delay:-4s}
.hero17-particle-field span:nth-child(1){left:3%;top:26%}.hero17-particle-field span:nth-child(2){left:8%;top:48%}.hero17-particle-field span:nth-child(3){left:13%;top:18%}.hero17-particle-field span:nth-child(4){left:18%;top:62%}.hero17-particle-field span:nth-child(5){left:23%;top:34%}.hero17-particle-field span:nth-child(6){left:28%;top:14%}.hero17-particle-field span:nth-child(7){left:31%;top:52%}.hero17-particle-field span:nth-child(8){left:37%;top:22%}.hero17-particle-field span:nth-child(9){left:42%;top:67%}.hero17-particle-field span:nth-child(10){left:48%;top:43%}
.hero17-particle-field span:nth-child(11){left:54%;top:16%}.hero17-particle-field span:nth-child(12){left:58%;top:52%}.hero17-particle-field span:nth-child(13){left:62%;top:28%}.hero17-particle-field span:nth-child(14){left:67%;top:69%}.hero17-particle-field span:nth-child(15){left:72%;top:36%}.hero17-particle-field span:nth-child(16){left:76%;top:14%}.hero17-particle-field span:nth-child(17){left:80%;top:48%}.hero17-particle-field span:nth-child(18){left:85%;top:24%}.hero17-particle-field span:nth-child(19){left:89%;top:62%}.hero17-particle-field span:nth-child(20){left:94%;top:41%}
.hero17-particle-field span:nth-child(21){left:7%;top:74%}.hero17-particle-field span:nth-child(22){left:13%;top:84%}.hero17-particle-field span:nth-child(23){left:20%;top:77%}.hero17-particle-field span:nth-child(24){left:26%;top:90%}.hero17-particle-field span:nth-child(25){left:34%;top:78%}.hero17-particle-field span:nth-child(26){left:41%;top:88%}.hero17-particle-field span:nth-child(27){left:48%;top:74%}.hero17-particle-field span:nth-child(28){left:55%;top:86%}.hero17-particle-field span:nth-child(29){left:63%;top:76%}.hero17-particle-field span:nth-child(30){left:71%;top:90%}
.hero17-particle-field span:nth-child(31){left:77%;top:80%}.hero17-particle-field span:nth-child(32){left:84%;top:88%}.hero17-particle-field span:nth-child(33){left:91%;top:77%}.hero17-particle-field span:nth-child(34){left:9%;top:6%}.hero17-particle-field span:nth-child(35){left:17%;top:8%}.hero17-particle-field span:nth-child(36){left:25%;top:4%}.hero17-particle-field span:nth-child(37){left:33%;top:9%}.hero17-particle-field span:nth-child(38){left:41%;top:6%}.hero17-particle-field span:nth-child(39){left:50%;top:8%}.hero17-particle-field span:nth-child(40){left:59%;top:5%}
.hero17-particle-field span:nth-child(41){left:68%;top:8%}.hero17-particle-field span:nth-child(42){left:77%;top:6%}.hero17-particle-field span:nth-child(43){left:86%;top:9%}.hero17-particle-field span:nth-child(44){left:95%;top:7%}.hero17-particle-field span:nth-child(45){left:4%;top:39%}.hero17-particle-field span:nth-child(46){left:29%;top:44%}.hero17-particle-field span:nth-child(47){left:46%;top:31%}.hero17-particle-field span:nth-child(48){left:64%;top:45%}.hero17-particle-field span:nth-child(49){left:74%;top:57%}.hero17-particle-field span:nth-child(50){left:88%;top:33%}
.hero17-core{position:absolute;left:40.5%;top:148px;width:174px;height:214px;transform:translateX(-50%);z-index:5;animation:hero17CoreFloat 5.4s ease-in-out infinite}
.hero17-core-shadow{position:absolute;inset:0;border-radius:38px;background:linear-gradient(180deg,rgba(99,146,255,.26),rgba(99,146,255,.11));border:1px solid rgba(92,135,232,.18);backdrop-filter:blur(6px)}.hero17-core-shadow-a{transform:translate(24px,16px) scale(.98);opacity:.42}.hero17-core-shadow-b{transform:translate(12px,8px) scale(.99);opacity:.72}
.hero17-core-face{position:absolute;inset:0;border-radius:38px;background:linear-gradient(180deg,#3d78ef 0%,#2f6fed 100%);box-shadow:0 28px 48px rgba(47,111,237,.22),0 8px 16px rgba(47,111,237,.18);display:grid;place-items:center;overflow:hidden}
.hero17-core-face::after{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(255,255,255,.22)}.hero17-core-face img{position:relative;width:72px;filter:brightness(0) invert(1)}
.hero17-waves{position:absolute;left:22%;right:20%;top:184px;width:58%;height:34%;overflow:visible;filter:drop-shadow(0 22px 34px rgba(47,111,237,.06));z-index:4}
.hero17-wave-line{fill:none;stroke:#2f6fed;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero17-wave-line-a{stroke-width:3;opacity:.8;stroke-dasharray:14 10;animation:hero17Dash 9s linear infinite}.hero17-wave-line-b{stroke-width:1.2;opacity:.34;stroke-dasharray:6 16;animation:hero17Dash 13s linear infinite reverse}.hero17-wave-fill-a{animation:hero17WaveA 6s ease-in-out infinite;transform-origin:center}.hero17-wave-fill-b{animation:hero17WaveB 7.5s ease-in-out infinite;transform-origin:center}
.hero17-globe{position:absolute;right:14px;top:120px;width:min(35vw,500px);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 44% 40%,rgba(255,255,255,.72) 0%,rgba(211,227,255,.48) 42%,rgba(226,237,255,.2) 62%,transparent 82%);border:1px solid rgba(153,181,229,.24);box-shadow:0 24px 48px rgba(31,76,156,.08);z-index:3}
.hero17-globe::before,.hero17-globe::after{content:"";position:absolute;inset:-10%;border-radius:50%;border:1px solid rgba(133,167,227,.14)}.hero17-globe::after{inset:12%;border-style:dashed}
.hero17-globe-ring,.hero17-globe-equator,.hero17-globe-lat,.hero17-globe-meridian{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(107,145,213,.28)}
.hero17-globe-ring-a{width:100%;height:100%;animation:hero17Spin 34s linear infinite}.hero17-globe-ring-b{width:100%;height:62%;animation:hero17SpinReverse 38s linear infinite}.hero17-globe-ring-c{width:62%;height:100%;animation:hero17Spin 30s linear infinite}
.hero17-globe-equator{width:92%;height:36%;opacity:.7}.hero17-globe-lat-a{width:84%;height:58%;top:36%}.hero17-globe-lat-b{width:84%;height:58%;top:64%}.hero17-globe-meridian-a{width:30%;height:98%}.hero17-globe-meridian-b{width:54%;height:98%;transform:translate(-50%,-50%) rotate(58deg)}.hero17-globe-meridian-c{width:54%;height:98%;transform:translate(-50%,-50%) rotate(-58deg)}
.hero17-globe-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 8px rgba(47,111,237,.08);animation:hero17Node 3.2s ease-in-out infinite}.hero17-globe-node-a{left:22%;top:28%}.hero17-globe-node-b{left:72%;top:24%;animation-delay:-.5s}.hero17-globe-node-c{left:36%;top:12%;animation-delay:-1.1s}.hero17-globe-node-d{left:50%;top:48%;width:16px;height:16px;animation-delay:-1.7s}.hero17-globe-node-e{left:78%;top:42%;animation-delay:-2.1s}.hero17-globe-node-f{left:26%;top:66%;animation-delay:-2.6s}.hero17-globe-node-g{left:62%;top:72%;animation-delay:-.8s}.hero17-globe-node-h{left:44%;top:76%;animation-delay:-1.4s}.hero17-globe-node-i{left:18%;top:48%;animation-delay:-2.9s}
.hero17-globe-pulse{position:absolute;inset:38%;border-radius:50%;background:rgba(47,111,237,.18);animation:hero17Pulse 3.4s ease-out infinite}
.hero17-presence{position:absolute;right:0;bottom:184px;width:min(27vw,400px);z-index:7}.hero17-presence p{margin:0 0 14px;font:780 12px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3d68b6}.hero17-presence h3{margin:0;font:700 clamp(36px,3.8vw,74px)/.92 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.065em;color:#0f1a2d;text-wrap:balance}.hero17-presence span{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #d6e0ef;font:520 15px/1.5 'Inter',sans-serif;color:#5b6e87}.hero17-presence span i{width:11px;height:11px;border-radius:50%;background:#3bb273;box-shadow:0 0 0 5px rgba(59,178,115,.12)}
.hero17-facts{position:absolute;left:0;bottom:28px;display:grid;grid-template-columns:minmax(280px,360px) minmax(460px,660px);gap:26px;align-items:end;z-index:7}
.hero17-facts-head{padding-right:14px}.hero17-facts-head p{margin:0 0 12px;font:780 12px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4565a4}.hero17-facts-head strong{display:block;font:700 clamp(32px,3.1vw,52px)/.92 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.05em;color:#0f1a2d}.hero17-facts-head span{display:block;max-width:28ch;margin-top:12px;font:470 16px/1.55 'Inter',sans-serif;color:#66788f}
.hero17-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));border:1px solid #d7e2f1;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.3));backdrop-filter:blur(6px)}
.hero17-fact{display:grid;gap:8px;min-height:118px;padding:28px;border-right:1px solid #d7e2f1;border-bottom:1px solid #d7e2f1}.hero17-fact:nth-child(2n){border-right:0}.hero17-fact:nth-last-child(-n+2){border-bottom:0}.hero17-fact b{font:800 14px/1 'Inter',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8ea2bf}.hero17-fact strong{font:700 clamp(28px,2.2vw,38px)/1 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.04em;color:#132136}
.hero17-message{position:relative;z-index:8;display:grid;grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center;padding-top:18px;padding-bottom:56px;opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.hero17.is-message-ready .hero17-message{opacity:1;transform:none}
.hero17-copy{max-width:1040px}.hero17-copy>p{margin:0 0 16px;font:780 12px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5c6f8a}.hero17-copy h1{margin:0 auto;max-width:12ch;font:700 clamp(72px,8vw,132px)/.88 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.072em;color:#0d182a;text-wrap:balance}.hero17-copy h1 span{color:#2f6fed}.hero17-lead{max-width:760px;margin:24px auto 0;font:470 18px/1.7 'Inter',sans-serif;color:#55667d}.hero17-actions{justify-content:center;margin-top:28px}.hero17-primary{background:#2f6fed!important;color:#fff!important;box-shadow:0 14px 30px rgba(47,111,237,.18)!important}.hero17-primary:hover{background:#245fd5!important}.hero17-secondary{background:rgba(255,255,255,.7)!important;border-color:#d5dff0!important}
@keyframes hero17Particle{0%,100%{transform:translate3d(0,0,0) scale(.82);opacity:.28}50%{transform:translate3d(12px,-5px,0) scale(1.16);opacity:.72}}
@keyframes hero17CoreFloat{0%,100%{transform:translateX(-50%) translateY(0) rotateY(-8deg) rotateZ(-1.5deg)}50%{transform:translateX(-50%) translateY(-10px) rotateY(-5deg) rotateZ(-.7deg)}}
@keyframes hero17Dash{to{stroke-dashoffset:-260}}
@keyframes hero17WaveA{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-9px) scaleY(1.07)}}
@keyframes hero17WaveB{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(11px) scaleY(.94)}}
@keyframes hero17Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hero17SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes hero17Node{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}
@keyframes hero17Pulse{0%{transform:scale(.4);opacity:.34}80%,100%{transform:scale(2.4);opacity:0}}
@media(max-width:1240px){.hero17-visual{min-height:680px}.hero17-globe{width:min(36vw,460px);right:0}.hero17-presence{width:min(28vw,360px)}.hero17-facts{grid-template-columns:minmax(240px,300px) minmax(400px,1fr)}}
@media(max-width:1100px){.hero17-panel{grid-template-rows:minmax(620px,1fr) auto}.hero17-visual{padding-bottom:228px}.hero17-stream-label{top:96px}.hero17-particle-field{width:36%;top:152px}.hero17-core{left:42%;top:152px;width:156px;height:192px}.hero17-waves{left:25%;top:188px;width:54%}.hero17-globe{top:146px;width:min(40vw,420px)}.hero17-presence{right:0;bottom:220px;width:min(30vw,300px)}.hero17-presence h3{font-size:clamp(32px,3.5vw,54px)}.hero17-facts{left:0;right:0;grid-template-columns:1fr;gap:18px}.hero17-facts-head{max-width:440px}.hero17-fact-grid{max-width:760px}.hero17-copy h1{font-size:clamp(64px,9vw,112px)}}
@media(max-width:760px){.hero17{min-height:auto}.hero17-panel{min-height:100svh;grid-template-rows:minmax(640px,1fr) auto}.hero17-grid{background-size:48px 48px}.hero17-visual{min-height:640px;padding-top:88px;padding-bottom:244px}.hero17-stream-label{top:86px;font-size:11px}.hero17-particle-field{left:0;top:140px;width:44%;height:24%}.hero17-core{left:50%;top:196px;width:118px;height:144px}.hero17-core-face{border-radius:26px}.hero17-core-face::after{inset:14px;border-radius:16px}.hero17-core-face img{width:50px}.hero17-core-shadow-a{transform:translate(14px,10px)}.hero17-core-shadow-b{transform:translate(7px,5px)}.hero17-waves{left:14%;right:0;top:208px;width:74%;height:27%}.hero17-globe{right:-6%;top:122px;width:61vw}.hero17-presence{position:absolute;left:0;right:0;bottom:254px;width:auto;max-width:270px}.hero17-presence h3{font-size:clamp(24px,9vw,44px)}.hero17-presence span{font-size:13px;margin-top:12px;padding-top:12px}.hero17-facts{bottom:30px;gap:14px}.hero17-facts-head strong{font-size:clamp(28px,9vw,40px)}.hero17-facts-head span{font-size:14px}.hero17-fact-grid{grid-template-columns:1fr 1fr}.hero17-fact{min-height:92px;padding:16px}.hero17-fact strong{font-size:clamp(20px,6vw,28px)}.hero17-message{padding-top:12px;padding-bottom:42px}.hero17-copy h1{font-size:clamp(48px,14vw,74px);line-height:.92}.hero17-lead{margin-top:18px;font-size:15px}.hero17-actions{margin-top:22px;flex-wrap:wrap}}
@media(max-width:540px){.hero17-visual{padding-bottom:268px}.hero17-particle-field{top:134px;width:50%}.hero17-core{top:184px}.hero17-globe{top:138px;width:68vw;right:-10%}.hero17-presence{bottom:284px;max-width:240px}.hero17-fact-grid{grid-template-columns:1fr}.hero17-fact{border-right:0!important}.hero17-fact:nth-last-child(-n+2){border-bottom:1px solid #d7e2f1}.hero17-fact:last-child{border-bottom:0}.hero17-copy h1{max-width:11ch}}
@media(prefers-reduced-motion:reduce){.hero17-particle-field span,.hero17-core,.hero17-wave,.hero17-wave-line,.hero17-globe-ring,.hero17-globe-node,.hero17-globe-pulse{animation:none!important}.hero17-message{opacity:1!important;transform:none!important;transition:none!important}.hero17-panel{transform:none!important;clip-path:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.19 — hero refinement
   Editorial data-to-presence scene; no boxed dashboard aesthetic.
   ============================================================= */
.hero17{background:#f7faff}
.hero17-panel{grid-template-rows:minmax(720px,1fr) auto;transition:opacity .35s ease,transform .35s ease;transform:translateY(calc(var(--hero-exit,0) * -8px));opacity:calc(1 - (var(--hero-exit,0) * .025))}
.hero19-backdrop-type{position:absolute;inset:82px 0 auto 0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 max(42px,calc((100vw - 1240px)/2));pointer-events:none;z-index:0;overflow:hidden}
.hero19-backdrop-type span{font:760 clamp(126px,16vw,300px)/.72 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.095em;color:rgba(40,83,151,.045);white-space:nowrap}
.hero17-visual{min-height:740px;padding-top:118px;padding-bottom:214px}
.hero17-stream-label{left:0;top:118px;font-size:11px;color:#6f85a4}
.hero17-particle-field{left:0;top:174px;width:30%;height:30%}
.hero17-core{left:42%;top:172px;width:188px;height:224px}
.hero17-waves{left:22%;top:205px;width:61%;height:35%}
.hero17-globe{right:-24px;top:104px;width:min(38vw,540px);background:radial-gradient(circle at 44% 40%,rgba(255,255,255,.82),rgba(220,233,255,.42) 44%,rgba(223,236,255,.1) 72%,transparent 82%);box-shadow:none}
.hero19-online-label{position:absolute;right:0;top:522px;z-index:7;text-align:right}.hero19-online-label span{display:block;font:780 11px/1 'Inter',sans-serif;letter-spacing:.17em;color:#6d83a2}.hero19-online-label strong{display:block;margin-top:8px;font:680 24px/1 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.035em;color:#17243a}
.hero17-facts{left:0;right:0;bottom:30px;display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:42px;align-items:end}
.hero17-facts-head{padding:0 14px 0 0}.hero17-facts-head p{margin:0 0 14px;font:800 11px/1 'Inter',sans-serif;letter-spacing:.16em;color:#4467a4}.hero17-facts-head strong{font:720 clamp(38px,3.5vw,58px)/.94 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.055em}.hero17-facts-head span{max-width:31ch;margin-top:14px;font-size:15px;line-height:1.55}
.hero17-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:0;background:transparent;backdrop-filter:none;border-top:1px solid #cfdbea;border-bottom:1px solid #cfdbea}
.hero17-fact{position:relative;min-height:142px;padding:24px 20px 22px;border:0!important;border-right:1px solid #d6e1ef!important;background:transparent;align-content:space-between}.hero17-fact:last-child{border-right:0!important}.hero17-fact b{font:800 12px/1 'Inter',sans-serif;letter-spacing:.13em;color:#89a0c1}.hero17-fact strong{font:700 clamp(26px,2vw,34px)/1 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.045em}.hero17-fact span{display:block;margin-top:20px;max-width:20ch;font:470 13px/1.45 'Inter',sans-serif;color:#6a7c92}
.hero17-message{padding-top:34px;padding-bottom:76px}.hero17-copy{max-width:1180px}.hero17-copy>p{font-size:11px;margin-bottom:18px}.hero17-copy h1{max-width:11.5ch;font-size:clamp(78px,8.8vw,142px);line-height:.87}.hero17-lead{max-width:780px;font-size:19px;line-height:1.68;margin-top:28px}.hero17-actions{margin-top:30px}
@media(max-width:1100px){.hero17-panel{grid-template-rows:minmax(760px,1fr) auto}.hero19-backdrop-type{padding:0 28px}.hero17-visual{min-height:760px;padding-bottom:270px}.hero17-core{left:45%;top:182px;width:162px;height:198px}.hero17-globe{right:-6%;top:142px;width:min(46vw,450px)}.hero19-online-label{top:510px;right:10px}.hero17-facts{grid-template-columns:1fr;gap:18px}.hero17-fact-grid{grid-template-columns:repeat(4,1fr)}.hero17-copy h1{font-size:clamp(68px,10vw,116px)}}
@media(max-width:760px){.hero19-backdrop-type{top:92px;padding:0 18px}.hero19-backdrop-type span{font-size:clamp(82px,24vw,140px)}.hero17-panel{grid-template-rows:minmax(790px,1fr) auto}.hero17-visual{min-height:790px;padding-top:96px;padding-bottom:330px}.hero17-stream-label{top:96px}.hero17-particle-field{top:148px;width:45%;height:22%}.hero17-core{left:46%;top:190px;width:118px;height:144px}.hero17-waves{left:12%;top:212px;width:77%;height:24%}.hero17-globe{right:-16%;top:128px;width:72vw}.hero19-online-label{top:430px;right:0}.hero19-online-label strong{font-size:20px}.hero17-facts{bottom:24px;gap:14px}.hero17-facts-head strong{font-size:36px}.hero17-facts-head span{font-size:14px}.hero17-fact-grid{grid-template-columns:1fr 1fr}.hero17-fact{min-height:112px;padding:16px;border-right:1px solid #d6e1ef!important;border-bottom:1px solid #d6e1ef!important}.hero17-fact:nth-child(2n){border-right:0!important}.hero17-fact:nth-last-child(-n+2){border-bottom:0!important}.hero17-fact strong{font-size:24px}.hero17-fact span{font-size:12px;margin-top:12px}.hero17-message{padding-top:26px;padding-bottom:50px}.hero17-copy h1{font-size:clamp(52px,14vw,78px);line-height:.9}.hero17-lead{font-size:15px;margin-top:18px}.hero17-actions{margin-top:22px}}
@media(max-width:520px){.hero17-visual{min-height:830px;padding-bottom:356px}.hero17-globe{top:150px;width:78vw}.hero19-online-label{top:446px}.hero17-fact-grid{grid-template-columns:1fr 1fr}.hero17-fact{min-height:104px}.hero17-fact span{display:none}}

/* =============================================================
   WebsiteGeneratorHub v0.3.20 — white / blue / black hero
   No grid background. No dashboard cards. Cinematic data-to-presence scene.
   ============================================================= */
.hero20{position:relative;background:#fff;color:#080d18;overflow:hidden}
.hero20-visual{position:relative;min-height:760px;background:#fff}
.hero20-scene{position:relative;min-height:760px}
.hero20-local{position:absolute;left:0;top:118px;width:34%;height:500px;z-index:3}
.hero20-local-core{position:absolute;left:28%;top:28%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 44% 42%,rgba(47,111,237,.26),rgba(47,111,237,.10) 46%,rgba(47,111,237,.03) 70%,transparent 72%);animation:hero20LocalPulse 4.8s ease-in-out infinite}
.hero20-local-orbit{position:absolute;left:28%;top:28%;width:210px;height:210px;border-radius:50%;border:1px solid rgba(47,111,237,.22);transform-origin:center;animation:hero20Orbit 24s linear infinite}
.hero20-local-orbit-a{transform:rotate(18deg) scaleX(1.35)}
.hero20-local-orbit-b{transform:rotate(-42deg) scaleY(.72);animation-direction:reverse;animation-duration:31s}
.hero20-local-word{position:absolute;font:760 clamp(24px,2.4vw,42px)/.92 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.045em;color:#080d18;white-space:nowrap;animation:hero20Float 5s ease-in-out infinite}
.hero20-local-services{left:0;top:8%;color:#2f6fed}.hero20-local-location{left:49%;top:16%;animation-delay:-1.1s}.hero20-local-goals{left:6%;top:57%;animation-delay:-2.2s}.hero20-local-contact{left:48%;top:70%;color:#2f6fed;animation-delay:-3.2s}
.hero20-dots{position:absolute;inset:6% 4% 18% 0}
.hero20-dots i{position:absolute;width:6px;height:6px;border-radius:50%;background:#2f6fed;opacity:.42;animation:hero20Dot 4.6s ease-in-out infinite}
.hero20-dots i:nth-child(3n){background:#080d18;opacity:.28}.hero20-dots i:nth-child(4n){width:9px;height:9px}.hero20-dots i:nth-child(5n){width:4px;height:4px}
.hero20-dots i:nth-child(1){left:10%;top:24%}.hero20-dots i:nth-child(2){left:18%;top:33%}.hero20-dots i:nth-child(3){left:26%;top:19%}.hero20-dots i:nth-child(4){left:32%;top:42%}.hero20-dots i:nth-child(5){left:38%;top:30%}.hero20-dots i:nth-child(6){left:45%;top:51%}.hero20-dots i:nth-child(7){left:52%;top:22%}.hero20-dots i:nth-child(8){left:58%;top:45%}.hero20-dots i:nth-child(9){left:66%;top:35%}.hero20-dots i:nth-child(10){left:72%;top:58%}.hero20-dots i:nth-child(11){left:80%;top:28%}.hero20-dots i:nth-child(12){left:87%;top:47%}
.hero20-dots i:nth-child(13){left:15%;top:58%}.hero20-dots i:nth-child(14){left:24%;top:67%}.hero20-dots i:nth-child(15){left:34%;top:72%}.hero20-dots i:nth-child(16){left:43%;top:64%}.hero20-dots i:nth-child(17){left:53%;top:74%}.hero20-dots i:nth-child(18){left:62%;top:62%}.hero20-dots i:nth-child(19){left:71%;top:76%}.hero20-dots i:nth-child(20){left:83%;top:68%}.hero20-dots i:nth-child(21){left:91%;top:59%}
.hero20-dots i:nth-child(22){left:8%;top:10%}.hero20-dots i:nth-child(23){left:20%;top:9%}.hero20-dots i:nth-child(24){left:31%;top:8%}.hero20-dots i:nth-child(25){left:44%;top:11%}.hero20-dots i:nth-child(26){left:56%;top:8%}.hero20-dots i:nth-child(27){left:68%;top:12%}.hero20-dots i:nth-child(28){left:79%;top:9%}.hero20-dots i:nth-child(29){left:90%;top:12%}
.hero20-dots i:nth-child(30){left:5%;top:44%}.hero20-dots i:nth-child(31){left:29%;top:53%}.hero20-dots i:nth-child(32){left:49%;top:38%}.hero20-dots i:nth-child(33){left:61%;top:51%}.hero20-dots i:nth-child(34){left:75%;top:43%}.hero20-dots i:nth-child(35){left:86%;top:34%}.hero20-dots i:nth-child(36){left:95%;top:50%}
.hero20-local-copy{position:absolute;left:0;bottom:10px;max-width:310px}.hero20-local-copy span{display:block;margin-bottom:10px;font:780 11px/1 'Inter',sans-serif;letter-spacing:.17em;color:#2f6fed}.hero20-local-copy strong{display:block;font:680 clamp(28px,2.6vw,46px)/.98 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.05em;color:#080d18}
.hero20-engine{position:absolute;left:47%;top:244px;width:176px;height:210px;transform:translateX(-50%);z-index:7;animation:hero20EngineFloat 4.8s ease-in-out infinite}
.hero20-engine-shadow{position:absolute;inset:0;border-radius:38px;background:rgba(47,111,237,.10)}.hero20-engine-shadow-a{transform:translate(22px,14px);opacity:.45}.hero20-engine-shadow-b{transform:translate(11px,7px);opacity:.7}
.hero20-engine-face{position:absolute;inset:0;border-radius:38px;background:#2f6fed;display:grid;place-items:center;box-shadow:0 28px 56px rgba(47,111,237,.22)}.hero20-engine-face::after{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(255,255,255,.28)}.hero20-engine-face img{position:relative;width:72px;filter:brightness(0) invert(1)}.hero20-engine>span{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font:780 10px/1 'Inter',sans-serif;letter-spacing:.18em;color:#080d18;white-space:nowrap}
.hero20-flow{position:absolute;left:25%;top:198px;width:58%;height:300px;overflow:visible;z-index:5}.hero20-ribbon{fill:#2f6fed;opacity:.08;transform-origin:center}.hero20-ribbon-a{animation:hero20WaveA 6.5s ease-in-out infinite}.hero20-ribbon-b{opacity:.045;animation:hero20WaveB 8s ease-in-out infinite}.hero20-flow-line{fill:none;stroke:#2f6fed;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero20-flow-line-a{stroke-width:3;stroke-dasharray:14 11;animation:hero20Dash 8s linear infinite}.hero20-flow-line-b{stroke-width:1.4;opacity:.42;stroke-dasharray:5 15;animation:hero20Dash 12s linear infinite reverse}
.hero20-world{position:absolute;right:-18px;top:104px;width:min(39vw,560px);aspect-ratio:1/1;border-radius:50%;z-index:4;background:radial-gradient(circle at 44% 40%,rgba(47,111,237,.12),rgba(47,111,237,.04) 48%,rgba(47,111,237,.015) 68%,transparent 72%)}
.hero20-world::before{content:"";position:absolute;inset:-8%;border:1px solid rgba(47,111,237,.16);border-radius:50%}.hero20-world-ring,.hero20-world-lat,.hero20-world-meridian{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(47,111,237,.28);border-radius:50%}.hero20-world-ring-a{width:100%;height:100%;animation:hero20Spin 34s linear infinite}.hero20-world-ring-b{width:100%;height:58%;animation:hero20SpinReverse 38s linear infinite}.hero20-world-ring-c{width:58%;height:100%;animation:hero20Spin 30s linear infinite}.hero20-world-lat-a{width:86%;height:45%;top:35%}.hero20-world-lat-b{width:86%;height:45%;top:65%}.hero20-world-meridian-a{width:30%;height:98%}.hero20-world-meridian-b{width:52%;height:98%;transform:translate(-50%,-50%) rotate(58deg)}.hero20-world-meridian-c{width:52%;height:98%;transform:translate(-50%,-50%) rotate(-58deg)}
.hero20-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 8px rgba(47,111,237,.08);animation:hero20Node 3s ease-in-out infinite}.hero20-node.n1{left:21%;top:29%}.hero20-node.n2{left:70%;top:22%;animation-delay:-.6s}.hero20-node.n3{left:52%;top:48%;width:17px;height:17px;animation-delay:-1.2s}.hero20-node.n4{left:79%;top:46%;animation-delay:-1.8s}.hero20-node.n5{left:30%;top:68%;animation-delay:-2.4s}.hero20-node.n6{left:63%;top:75%;animation-delay:-.9s}.hero20-node.n7{left:39%;top:15%;animation-delay:-1.5s}.hero20-node.n8{left:18%;top:51%;animation-delay:-2.8s}
.hero20-world-copy{position:absolute;right:1%;bottom:5%;width:56%;text-align:right}.hero20-world-copy span{display:block;margin-bottom:10px;font:780 11px/1 'Inter',sans-serif;letter-spacing:.17em;color:#2f6fed}.hero20-world-copy strong{display:block;font:690 clamp(28px,3vw,52px)/.95 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.055em;color:#080d18;text-wrap:balance}
.hero20-message{position:relative;padding-top:8px;padding-bottom:88px;text-align:center;opacity:0;transform:translateY(26px);animation:hero20MessageIn .85s cubic-bezier(.22,1,.36,1) 1.8s forwards}.hero20-eyebrow{margin:0 0 20px;font:800 11px/1 'Inter',sans-serif;letter-spacing:.18em;color:#2f6fed}.hero20-message h1{max-width:1120px;margin:0 auto;font:700 clamp(70px,8.2vw,136px)/.88 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.075em;color:#080d18;text-wrap:balance}.hero20-message h1 span{color:#2f6fed}.hero20-lead{max-width:820px;margin:28px auto 0;font:470 18px/1.72 'Inter',sans-serif;color:rgba(8,13,24,.67)}
.hero20-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero20-primary,.hero20-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 24px;border-radius:999px;font:700 14px/1 'Inter',sans-serif;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease}.hero20-primary{background:#2f6fed;color:#fff;box-shadow:0 14px 30px rgba(47,111,237,.18)}.hero20-primary:hover{background:#1f5edb;transform:translateY(-2px)}.hero20-primary:active,.hero20-secondary:active{transform:scale(.97)}.hero20-secondary{background:#fff;color:#080d18;border:1px solid rgba(8,13,24,.16)}.hero20-secondary:hover{background:#080d18;color:#fff}
@keyframes hero20LocalPulse{0%,100%{transform:scale(.96);opacity:.86}50%{transform:scale(1.06);opacity:1}}
@keyframes hero20Orbit{to{rotate:360deg}}
@keyframes hero20Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes hero20Dot{0%,100%{transform:translate3d(0,0,0);opacity:.25}50%{transform:translate3d(10px,-6px,0);opacity:.7}}
@keyframes hero20EngineFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(.5deg)}}
@keyframes hero20WaveA{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-8px) scaleY(1.05)}}
@keyframes hero20WaveB{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(10px) scaleY(.95)}}
@keyframes hero20Dash{to{stroke-dashoffset:-260}}
@keyframes hero20Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hero20SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes hero20Node{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:1}}
@keyframes hero20MessageIn{to{opacity:1;transform:none}}
@media(max-width:1180px){.hero20-visual,.hero20-scene{min-height:720px}.hero20-local{width:36%;top:108px}.hero20-engine{left:47%;top:236px;width:158px;height:190px}.hero20-flow{left:24%;top:190px;width:59%}.hero20-world{top:116px;width:min(42vw,500px)}.hero20-message h1{font-size:clamp(64px,9vw,116px)}}
@media(max-width:880px){.hero20-visual,.hero20-scene{min-height:860px}.hero20-local{left:0;top:92px;width:48%;height:420px}.hero20-local-word{font-size:clamp(20px,4vw,34px)}.hero20-engine{left:50%;top:280px;width:128px;height:156px}.hero20-flow{left:10%;top:250px;width:78%;height:260px}.hero20-world{right:-12%;top:120px;width:62vw}.hero20-world-copy{bottom:4%;width:62%}.hero20-local-copy{bottom:-30px}.hero20-message{padding-top:18px}.hero20-message h1{font-size:clamp(58px,11vw,92px)}}
@media(max-width:620px){.hero20-visual,.hero20-scene{min-height:800px}.hero20-local{top:76px;width:64%;height:370px}.hero20-local-core,.hero20-local-orbit{left:27%;top:30%;width:150px;height:150px}.hero20-local-services{top:4%}.hero20-local-location{left:42%;top:12%}.hero20-local-goals{top:55%}.hero20-local-contact{left:38%;top:68%}.hero20-local-copy{bottom:-16px;max-width:240px}.hero20-local-copy strong{font-size:28px}.hero20-engine{left:52%;top:290px;width:106px;height:132px}.hero20-engine-face{border-radius:26px}.hero20-engine-face::after{inset:13px;border-radius:17px}.hero20-engine-face img{width:48px}.hero20-engine>span{display:none}.hero20-flow{left:8%;top:276px;width:88%;height:220px}.hero20-world{right:-34%;top:138px;width:88vw}.hero20-world-copy{right:15%;bottom:-6%;width:58%}.hero20-world-copy span{font-size:9px}.hero20-world-copy strong{font-size:28px}.hero20-message{padding-top:24px;padding-bottom:64px}.hero20-message h1{font-size:clamp(48px,14vw,72px);line-height:.9}.hero20-lead{font-size:15px;margin-top:20px}.hero20-actions{margin-top:24px}.hero20-primary,.hero20-secondary{width:100%;min-height:54px}}
@media(prefers-reduced-motion:reduce){.hero20-local-core,.hero20-local-orbit,.hero20-local-word,.hero20-dots i,.hero20-engine,.hero20-ribbon,.hero20-flow-line,.hero20-world-ring,.hero20-node{animation:none!important}.hero20-message{opacity:1!important;transform:none!important;animation:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.21 — simplified business → AI → website hero
   White / blue / black only. Fewer words, clearer product story.
   ============================================================= */
.hero21{position:relative;background:#fff;color:#080d18;overflow:hidden}
.hero21-visual{position:relative;min-height:690px;background:#fff}
.hero21-scene{position:relative;min-height:690px}
.hero21-business{position:absolute;left:1%;top:150px;width:28%;height:390px;z-index:4}
.hero21-business-mark{position:absolute;left:0;top:18px;width:210px;height:188px;animation:hero21BusinessFloat 5.5s ease-in-out infinite}
.hero21-roof{position:absolute;left:16px;top:18px;width:176px;height:82px;background:#2f6fed;clip-path:polygon(50% 0,100% 76%,88% 76%,88% 100%,12% 100%,12% 76%,0 76%)}
.hero21-building{position:absolute;left:34px;top:81px;width:140px;height:100px;border:3px solid #080d18;border-top:0;background:#fff}
.hero21-door{position:absolute;left:93px;top:124px;width:27px;height:57px;background:#2f6fed}
.hero21-window{position:absolute;top:105px;width:29px;height:25px;border:3px solid #080d18}.hero21-window-a{left:53px}.hero21-window-b{right:53px}
.hero21-business-mark::after{content:"";position:absolute;left:18px;right:18px;bottom:-22px;height:22px;background:radial-gradient(ellipse,rgba(8,13,24,.12),transparent 70%);filter:blur(8px)}
.hero21-business-copy{position:absolute;left:0;bottom:38px}.hero21-business-copy span,.hero21-world-copy span{display:block;margin-bottom:10px;font:800 11px/1 'Inter',sans-serif;letter-spacing:.17em;color:#2f6fed}.hero21-business-copy strong,.hero21-world-copy strong{display:block;font:700 clamp(40px,3.5vw,64px)/.92 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.06em;color:#080d18}.hero21-business-copy p,.hero21-world-copy p{margin:12px 0 0;font:500 16px/1.4 'Inter',sans-serif;color:rgba(8,13,24,.56)}
.hero21-engine{position:absolute;left:48%;top:218px;width:186px;height:224px;transform:translateX(-50%);z-index:8;animation:hero21EngineFloat 4.6s ease-in-out infinite}
.hero21-engine-shadow{position:absolute;inset:0;border-radius:40px;background:rgba(47,111,237,.10)}.hero21-engine-shadow-a{transform:translate(24px,16px);opacity:.42}.hero21-engine-shadow-b{transform:translate(12px,8px);opacity:.72}
.hero21-engine-face{position:absolute;inset:0;border-radius:40px;background:#2f6fed;display:grid;place-items:center;box-shadow:0 30px 60px rgba(47,111,237,.20)}.hero21-engine-face::after{content:"";position:absolute;inset:19px;border-radius:27px;border:1px solid rgba(255,255,255,.28)}.hero21-engine-face img{position:relative;width:78px;filter:brightness(0) invert(1)}
.hero21-engine-copy{position:absolute;left:50%;top:calc(100% + 25px);transform:translateX(-50%);text-align:center;white-space:nowrap}.hero21-engine-copy span{display:block;font:800 10px/1 'Inter',sans-serif;letter-spacing:.18em;color:#2f6fed}.hero21-engine-copy strong{display:block;margin-top:6px;font:800 16px/1 'Inter',sans-serif;letter-spacing:.08em;color:#080d18}
.hero21-flow{position:absolute;left:20%;top:207px;width:64%;height:290px;overflow:visible;z-index:5}.hero21-ribbon{fill:#2f6fed;opacity:.075;transform-origin:center}.hero21-ribbon-a{animation:hero21WaveA 6.8s ease-in-out infinite}.hero21-ribbon-b{opacity:.04;animation:hero21WaveB 8.2s ease-in-out infinite}.hero21-line{fill:none;stroke:#2f6fed;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero21-line-a{stroke-width:3;stroke-dasharray:14 11;animation:hero21Dash 8s linear infinite}.hero21-line-b{stroke-width:1.4;opacity:.42;stroke-dasharray:5 15;animation:hero21Dash 12s linear infinite reverse}
.hero21-world{position:absolute;right:1%;top:92px;width:min(39vw,560px);aspect-ratio:1/1;border-radius:50%;z-index:4;background:radial-gradient(circle at 44% 40%,rgba(47,111,237,.11),rgba(47,111,237,.035) 48%,rgba(47,111,237,.012) 68%,transparent 72%)}
.hero21-world::before{content:"";position:absolute;inset:-8%;border:1px solid rgba(47,111,237,.16);border-radius:50%}.hero21-world-ring,.hero21-world-lat,.hero21-world-meridian{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(47,111,237,.28);border-radius:50%}.hero21-world-ring-a{width:100%;height:100%;animation:hero21Spin 34s linear infinite}.hero21-world-ring-b{width:100%;height:58%;animation:hero21SpinReverse 38s linear infinite}.hero21-world-ring-c{width:58%;height:100%;animation:hero21Spin 30s linear infinite}.hero21-world-lat-a{width:86%;height:45%;top:35%}.hero21-world-lat-b{width:86%;height:45%;top:65%}.hero21-world-meridian-a{width:30%;height:98%}.hero21-world-meridian-b{width:52%;height:98%;transform:translate(-50%,-50%) rotate(58deg)}.hero21-world-meridian-c{width:52%;height:98%;transform:translate(-50%,-50%) rotate(-58deg)}
.hero21-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 8px rgba(47,111,237,.08);animation:hero21Node 3.1s ease-in-out infinite}.hero21-node.n1{left:22%;top:30%}.hero21-node.n2{left:70%;top:24%;animation-delay:-.6s}.hero21-node.n3{left:51%;top:48%;width:17px;height:17px;animation-delay:-1.2s}.hero21-node.n4{left:79%;top:47%;animation-delay:-1.8s}.hero21-node.n5{left:31%;top:68%;animation-delay:-2.4s}.hero21-node.n6{left:63%;top:75%;animation-delay:-.9s}.hero21-node.n7{left:40%;top:16%;animation-delay:-1.5s}
.hero21-world-copy{position:absolute;right:0;bottom:8%;width:54%;text-align:right}
.hero21-message{position:relative;padding:24px 0 88px;text-align:center;opacity:0;transform:translateY(24px);animation:hero21MessageIn .85s cubic-bezier(.22,1,.36,1) 1.55s forwards}.hero21-eyebrow{margin:0 0 20px;font:800 11px/1 'Inter',sans-serif;letter-spacing:.18em;color:#2f6fed}.hero21-message h1{max-width:1110px;margin:0 auto;font:700 clamp(72px,7.9vw,132px)/.88 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.074em;color:#080d18;text-wrap:balance}.hero21-message h1 span{color:#2f6fed}.hero21-lead{max-width:770px;margin:26px auto 0;font:470 18px/1.68 'Inter',sans-serif;color:rgba(8,13,24,.66)}
.hero21-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero21-primary,.hero21-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 24px;border-radius:999px;font:700 14px/1 'Inter',sans-serif;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease}.hero21-primary{background:#2f6fed;color:#fff;box-shadow:0 14px 30px rgba(47,111,237,.18)}.hero21-primary:hover{background:#1f5edb;transform:translateY(-2px)}.hero21-primary:active,.hero21-secondary:active{transform:scale(.97)}.hero21-secondary{background:#fff;color:#080d18;border:1px solid rgba(8,13,24,.16)}.hero21-secondary:hover{background:#080d18;color:#fff}
@keyframes hero21BusinessFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(.5deg)}}
@keyframes hero21EngineFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(.5deg)}}
@keyframes hero21WaveA{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-8px) scaleY(1.05)}}
@keyframes hero21WaveB{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(10px) scaleY(.95)}}
@keyframes hero21Dash{to{stroke-dashoffset:-260}}
@keyframes hero21Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hero21SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes hero21Node{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.2);opacity:1}}
@keyframes hero21MessageIn{to{opacity:1;transform:none}}
@media(max-width:1180px){.hero21-visual,.hero21-scene{min-height:650px}.hero21-business{width:29%;top:136px}.hero21-engine{top:214px;width:164px;height:198px}.hero21-flow{left:20%;top:204px;width:65%}.hero21-world{top:104px;width:min(42vw,500px)}.hero21-message h1{font-size:clamp(64px,9vw,112px)}}
@media(max-width:880px){.hero21-visual,.hero21-scene{min-height:820px}.hero21-business{left:0;top:84px;width:42%;height:430px}.hero21-business-mark{width:170px;height:160px}.hero21-roof{width:145px}.hero21-building{width:116px}.hero21-engine{left:50%;top:280px;width:132px;height:160px}.hero21-flow{left:8%;top:250px;width:82%;height:260px}.hero21-world{right:-13%;top:100px;width:62vw}.hero21-world-copy{bottom:2%;width:58%}.hero21-message{padding-top:18px}.hero21-message h1{font-size:clamp(58px,11vw,92px)}}
@media(max-width:620px){.hero21-visual,.hero21-scene{min-height:760px}.hero21-business{top:60px;width:55%;height:360px}.hero21-business-mark{width:138px;height:130px}.hero21-roof{left:10px;top:14px;width:118px;height:62px}.hero21-building{left:22px;top:62px;width:96px;height:68px}.hero21-door{left:58px;top:89px;width:20px;height:41px}.hero21-window{top:80px;width:20px;height:17px;border-width:2px}.hero21-window-a{left:35px}.hero21-window-b{right:35px}.hero21-business-copy{bottom:0}.hero21-business-copy strong{font-size:32px}.hero21-business-copy p{font-size:14px}.hero21-engine{left:51%;top:262px;width:108px;height:134px}.hero21-engine-face{border-radius:27px}.hero21-engine-face::after{inset:13px;border-radius:18px}.hero21-engine-face img{width:50px}.hero21-engine-copy{top:calc(100% + 18px)}.hero21-engine-copy span{font-size:8px}.hero21-engine-copy strong{font-size:12px}.hero21-flow{left:5%;top:245px;width:90%;height:210px}.hero21-world{right:-36%;top:104px;width:92vw}.hero21-world-copy{right:17%;bottom:-4%;width:54%}.hero21-world-copy strong{font-size:30px}.hero21-world-copy p{font-size:13px}.hero21-message{padding-top:18px;padding-bottom:64px}.hero21-message h1{font-size:clamp(48px,14vw,72px);line-height:.9}.hero21-lead{font-size:15px;margin-top:20px}.hero21-actions{margin-top:24px}.hero21-primary,.hero21-secondary{width:100%;min-height:54px}}
@media(prefers-reduced-motion:reduce){.hero21-business-mark,.hero21-engine,.hero21-ribbon,.hero21-line,.hero21-world-ring,.hero21-node{animation:none!important}.hero21-message{opacity:1!important;transform:none!important;animation:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.22 — product-first hero
   A strong product website that happens to use AI.
   ============================================================= */
.hero22{position:relative;background:#fff;color:#070b14;overflow:hidden;padding:122px 0 104px}
.hero22-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;min-height:calc(100svh - 122px)}
.hero22-copy{position:relative;z-index:4;max-width:620px}
.hero22-eyebrow{margin:0 0 26px;font:760 12px/1 'Inter',sans-serif;letter-spacing:.14em;color:#2f6fed}
.hero22-copy h1{margin:0;font:700 clamp(68px,6.4vw,112px)/.91 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.067em;color:#070b14;text-wrap:balance}
.hero22-copy h1 span{color:#2f6fed}
.hero22-lead{max-width:600px;margin:30px 0 0;font:470 19px/1.68 'Inter',sans-serif;color:rgba(7,11,20,.68)}
.hero22-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero22-primary,.hero22-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 24px;border-radius:999px;font:700 14px/1 'Inter',sans-serif;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.hero22-primary{background:#2f6fed;color:#fff;box-shadow:0 18px 38px rgba(47,111,237,.18)}
.hero22-primary:hover{background:#1f5edb;transform:translateY(-2px)}
.hero22-primary:active,.hero22-secondary:active{transform:scale(.97)}
.hero22-secondary{background:#fff;color:#070b14;border:1px solid rgba(7,11,20,.16)}
.hero22-secondary:hover{border-color:#070b14;background:#070b14;color:#fff}

.hero22-product{position:relative;min-height:650px;perspective:1500px;isolation:isolate}
.hero22-product-floor{position:absolute;left:8%;right:2%;bottom:8%;height:86px;border-radius:50%;background:radial-gradient(ellipse,rgba(7,11,20,.10),rgba(7,11,20,0) 68%);filter:blur(10px);opacity:.55}
.hero22-input-sheet{position:absolute;left:0;top:25%;width:190px;height:236px;background:#fff;border:1px solid rgba(7,11,20,.14);box-shadow:0 20px 50px rgba(7,11,20,.08);border-radius:22px;transform:rotateY(16deg) rotateZ(-4deg);padding:26px;opacity:0;animation:hero22InputIn .72s cubic-bezier(.22,1,.36,1) .16s forwards,hero22InputDrift 5.5s ease-in-out 2.8s infinite}
.hero22-input-mark{width:46px;height:46px;border-radius:50%;background:#2f6fed;display:grid;place-items:center}.hero22-input-mark span{width:18px;height:18px;border:3px solid #fff;border-radius:4px;transform:rotate(45deg)}
.hero22-input-lines{display:grid;gap:16px;margin-top:30px}.hero22-input-lines i{display:block;height:10px;border-radius:999px;background:#070b14}.hero22-input-lines i:nth-child(2){width:82%}.hero22-input-lines i:nth-child(3){width:62%;background:#2f6fed}.hero22-input-lines i:nth-child(4){width:74%}

.hero22-core{position:absolute;left:28%;top:23%;width:190px;height:236px;transform-style:preserve-3d;opacity:0;animation:hero22CoreIn .9s cubic-bezier(.18,.86,.22,1.15) .72s forwards,hero22CoreFloat 4.8s ease-in-out 2.7s infinite}
.hero22-core-back,.hero22-core-mid,.hero22-core-front{position:absolute;inset:0;border-radius:38px}
.hero22-core-back{background:#2f6fed;transform:translate3d(28px,20px,-40px);opacity:.14}
.hero22-core-mid{background:#2f6fed;transform:translate3d(14px,10px,-20px);opacity:.28}
.hero22-core-front{background:#2f6fed;display:grid;place-items:center;box-shadow:0 32px 64px rgba(47,111,237,.22)}
.hero22-core-front::after{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.30);border-radius:26px}
.hero22-core-front img{width:78px;filter:brightness(0) invert(1)}

.hero22-architecture{position:absolute;right:0;top:10%;width:64%;height:520px;transform-style:preserve-3d;opacity:0;animation:hero22ArchitectureIn 1s cubic-bezier(.22,1,.36,1) 1.45s forwards}
.hero22-layer{position:absolute;right:6%;top:7%;width:84%;height:430px;border-radius:30px;border:1px solid rgba(7,11,20,.14);background:#fff;box-shadow:0 24px 70px rgba(7,11,20,.08);transform-origin:50% 50%}
.hero22-layer-back{transform:translate3d(40px,36px,-90px) rotateY(-9deg) rotateZ(1deg);opacity:.42;background:#2f6fed;border-color:#2f6fed}
.hero22-layer-mid{transform:translate3d(22px,18px,-45px) rotateY(-7deg) rotateZ(.5deg);opacity:.72}
.hero22-layer-front{overflow:hidden;transform:rotateY(-5deg);padding:30px}
.hero22-ui-top{display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(7,11,20,.12)}
.hero22-ui-top b{display:block;width:92px;height:16px;border-radius:999px;background:#070b14}.hero22-ui-top span{width:46px;height:8px;border-radius:999px;background:#070b14;opacity:.72}.hero22-ui-top span:last-child{width:64px;background:#2f6fed;opacity:1}
.hero22-ui-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;padding:38px 0 30px}.hero22-ui-hero div{height:152px;border-radius:22px;background:#070b14}.hero22-ui-hero i{display:block;height:152px;border-radius:22px;background:#2f6fed}
.hero22-ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero22-ui-grid span{height:72px;border-radius:18px;border:1px solid rgba(7,11,20,.14);background:#fff}.hero22-ui-grid span:nth-child(2){background:#2f6fed;border-color:#2f6fed}
.hero22-ui-action{width:42%;height:18px;margin-top:28px;border-radius:999px;background:#070b14}
.hero22-mobile{position:absolute;right:-1%;bottom:0;width:122px;height:244px;border-radius:30px;border:7px solid #070b14;background:#fff;box-shadow:0 24px 50px rgba(7,11,20,.16);padding:16px 12px;transform:translate3d(36px,36px,80px) rotateY(-8deg);opacity:0;animation:hero22MobileIn .7s cubic-bezier(.22,1,.36,1) 2.28s forwards}
.hero22-mobile-top{height:10px;width:44%;border-radius:999px;background:#070b14}.hero22-mobile-hero{height:78px;margin-top:18px;border-radius:14px;background:#2f6fed}.hero22-mobile-lines{display:grid;gap:10px;margin-top:16px}.hero22-mobile-lines i{height:8px;border-radius:999px;background:#070b14}.hero22-mobile-lines i:nth-child(2){width:76%}.hero22-mobile-lines i:nth-child(3){width:54%}

@keyframes hero22InputIn{from{opacity:0;transform:translate3d(-34px,20px,0) rotateY(16deg) rotateZ(-4deg)}to{opacity:1;transform:translate3d(0,0,0) rotateY(16deg) rotateZ(-4deg)}}
@keyframes hero22CoreIn{from{opacity:0;transform:translate3d(-18px,24px,0) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero22ArchitectureIn{from{opacity:0;transform:translate3d(48px,22px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero22MobileIn{from{opacity:0;transform:translate3d(70px,44px,80px) rotateY(-8deg)}to{opacity:1;transform:translate3d(36px,36px,80px) rotateY(-8deg)}}
@keyframes hero22InputDrift{0%,100%{transform:translate3d(0,0,0) rotateY(16deg) rotateZ(-4deg)}50%{transform:translate3d(0,-6px,0) rotateY(15deg) rotateZ(-3.5deg)}}
@keyframes hero22CoreFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}

@media(max-width:1160px){.hero22{padding-top:104px}.hero22-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.hero22-copy h1{font-size:clamp(62px,7vw,92px)}.hero22-product{min-height:600px}.hero22-input-sheet{width:162px;height:210px}.hero22-core{left:27%;width:160px;height:202px}.hero22-architecture{width:67%;height:490px}.hero22-layer{height:395px}.hero22-mobile{width:110px;height:220px}}
@media(max-width:860px){.hero22{padding:96px 0 78px}.hero22-grid{grid-template-columns:1fr;gap:56px;min-height:auto}.hero22-copy{max-width:760px}.hero22-copy h1{font-size:clamp(62px,10vw,96px)}.hero22-product{min-height:600px}.hero22-input-sheet{left:2%;top:26%}.hero22-core{left:31%;top:23%}.hero22-architecture{width:66%;right:0}}
@media(max-width:620px){.hero22{padding:84px 0 62px}.hero22-copy h1{font-size:clamp(50px,14vw,72px);line-height:.92}.hero22-lead{font-size:16px;margin-top:22px}.hero22-actions{margin-top:26px}.hero22-primary,.hero22-secondary{width:100%;min-height:54px}.hero22-product{min-height:500px;margin-top:8px}.hero22-input-sheet{width:116px;height:154px;padding:16px;border-radius:17px;top:30%;left:0}.hero22-input-mark{width:32px;height:32px}.hero22-input-mark span{width:12px;height:12px;border-width:2px}.hero22-input-lines{gap:10px;margin-top:18px}.hero22-input-lines i{height:7px}.hero22-core{left:29%;top:30%;width:108px;height:138px}.hero22-core-front,.hero22-core-back,.hero22-core-mid{border-radius:24px}.hero22-core-front::after{inset:13px;border-radius:16px}.hero22-core-front img{width:50px}.hero22-core-back{transform:translate3d(14px,10px,-40px)}.hero22-core-mid{transform:translate3d(7px,5px,-20px)}.hero22-architecture{width:69%;height:390px;top:17%}.hero22-layer{right:0;width:92%;height:310px;border-radius:22px;padding:20px}.hero22-ui-top{gap:8px;padding-bottom:16px}.hero22-ui-top b{width:54px;height:10px}.hero22-ui-top span{width:26px;height:6px}.hero22-ui-hero{gap:12px;padding:24px 0 20px}.hero22-ui-hero div,.hero22-ui-hero i{height:100px;border-radius:15px}.hero22-ui-grid{gap:8px}.hero22-ui-grid span{height:50px;border-radius:12px}.hero22-ui-action{height:12px;margin-top:18px}.hero22-mobile{right:-10px;width:82px;height:168px;border-width:5px;border-radius:22px;padding:11px 8px}.hero22-mobile-hero{height:52px;margin-top:12px}.hero22-mobile-lines{gap:7px;margin-top:11px}.hero22-mobile-lines i{height:5px}}
@media(prefers-reduced-motion:reduce){.hero22-input-sheet,.hero22-core,.hero22-architecture,.hero22-mobile{animation:none!important;opacity:1!important}.hero22-input-sheet{transform:rotateY(16deg) rotateZ(-4deg)!important}.hero22-core{transform:none!important}.hero22-architecture{transform:none!important}.hero22-mobile{transform:translate3d(36px,36px,80px) rotateY(-8deg)!important}}

/* =============================================================
   WebsiteGeneratorHub v0.3.24 — world + brand core hero
   No fake website preview. Full-colour logo and flow toward real CTA.
   ============================================================= */
.hero24{position:relative;overflow:hidden;background:#fff;color:#05070c;padding:46px 0 76px}
.hero24-grid{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start;min-height:650px}
.hero24-copy{position:relative;z-index:8;max-width:620px;padding-top:34px}
.hero24-eyebrow{margin:0 0 23px;font:760 12px/1 'Inter',sans-serif;letter-spacing:.12em;color:#2f6fed}
.hero24-copy h1{margin:0;max-width:660px;font:690 clamp(50px,4.55vw,74px)/.96 'Wix Madefor Display','Inter Tight',sans-serif;letter-spacing:-.055em;color:#05070c;text-wrap:balance}
.hero24-copy h1 span{color:#2f6fed}
.hero24-lead{max-width:510px;margin:25px 0 0;font:470 17px/1.68 'Inter',sans-serif;color:rgba(5,7,12,.68)}
.hero24-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;position:relative;z-index:10}
.hero24-primary,.hero24-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:999px;font:700 14px/1 'Inter',sans-serif;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.hero24-primary{position:relative;gap:22px;overflow:visible;background:#2f6fed;color:#fff;box-shadow:0 16px 34px rgba(47,111,237,.18)}
.hero24-primary b{font-size:17px}
.hero24-primary:hover{background:#255fd1;transform:translateY(-2px)}
.hero24-secondary{background:#fff;color:#05070c;border:1px solid rgba(5,7,12,.18)}
.hero24-secondary:hover{background:#05070c;color:#fff;border-color:#05070c}
.hero24-primary:active,.hero24-secondary:active{transform:scale(.98)}

.hero24-product{position:relative;min-height:610px;isolation:isolate;perspective:1400px;overflow:visible}
.hero24-world{position:absolute;right:2%;top:2%;width:min(39vw,510px);aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid rgba(47,111,237,.19);box-shadow:0 34px 86px rgba(47,111,237,.08);overflow:hidden;animation:hero24WorldFloat 6.8s ease-in-out infinite}
.hero24-world::before,.hero24-world::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(47,111,237,.20)}
.hero24-world::before{width:88%;height:38%}.hero24-world::after{width:38%;height:88%}
.hero24-world-orbit,.hero24-world-equator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(47,111,237,.18);border-radius:50%}
.hero24-world-orbit-a{width:100%;height:62%;animation:hero24Spin 27s linear infinite}
.hero24-world-orbit-b{width:62%;height:100%;animation:hero24SpinReverse 33s linear infinite}
.hero24-world-orbit-c{width:84%;height:84%;animation:hero24Spin 44s linear infinite}
.hero24-world-equator{width:94%;height:18%;border-color:rgba(47,111,237,.16)}
.hero24-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 7px rgba(47,111,237,.08);animation:hero24Node 3.2s ease-in-out infinite}
.hero24-node-a{left:19%;top:28%}.hero24-node-b{left:67%;top:19%;animation-delay:-.5s}.hero24-node-c{left:78%;top:49%;animation-delay:-1.1s}.hero24-node-d{left:55%;top:74%;animation-delay:-1.7s}.hero24-node-e{left:27%;top:67%;animation-delay:-2.1s}.hero24-node-f{left:45%;top:42%;width:15px;height:15px;animation-delay:-2.6s}

.hero24-logo-core{position:absolute;left:16%;top:29%;width:224px;height:224px;z-index:7;transform-style:preserve-3d;animation:hero24LogoFloat 5.4s ease-in-out infinite}
.hero24-logo-halo{position:absolute;inset:-42px;border-radius:50%;background:radial-gradient(circle,rgba(47,111,237,.14) 0%,rgba(47,111,237,.055) 46%,rgba(47,111,237,0) 72%);animation:hero24Halo 4.4s ease-in-out infinite}
.hero24-logo-shadow,.hero24-logo-face{position:absolute;inset:0;border-radius:44px}
.hero24-logo-shadow{background:#2f6fed}.hero24-logo-shadow-a{transform:translate3d(24px,18px,-50px);opacity:.08}.hero24-logo-shadow-b{transform:translate3d(12px,9px,-24px);opacity:.15}
.hero24-logo-face{display:grid;place-items:center;background:#fff;border:1px solid rgba(47,111,237,.17);box-shadow:0 30px 74px rgba(47,111,237,.17),0 10px 30px rgba(5,7,12,.05)}
.hero24-logo-face::after{content:"";position:absolute;inset:18px;border-radius:30px;border:1px solid rgba(47,111,237,.11);pointer-events:none}
.hero24-logo-face img{position:relative;z-index:2;width:154px;height:auto;filter:none!important;opacity:1!important}

.hero24-flow{position:absolute;left:-6%;top:20%;width:108%;height:360px;z-index:5;overflow:visible;pointer-events:none}
.hero27-world-line{fill:none;stroke:url(#hero27WorldFlow);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:1.8;stroke-dasharray:13 17;animation:hero27Flow 7.8s linear infinite}
.hero27-world-line-b{opacity:.78;animation-duration:8.8s;animation-delay:-1.2s}.hero27-world-line-c{opacity:.92;stroke-width:2.2;animation-duration:7.1s;animation-delay:-2.4s}.hero27-world-line-d{opacity:.7;animation-duration:9.2s;animation-delay:-3.2s}.hero27-world-line-e{opacity:.56;animation-duration:10.2s;animation-delay:-4.1s}
.hero27-world-dot{fill:#2f6fed;filter:drop-shadow(0 0 7px rgba(47,111,237,.30));opacity:.9}
.hero24-output-ring{position:absolute;left:11.5%;top:25%;width:262px;height:262px;border:1px solid rgba(47,111,237,.12);border-radius:50%;z-index:2;pointer-events:none}.hero24-output-ring-a{animation:hero24Ring 5.6s ease-in-out infinite}.hero24-output-ring-b{transform:scale(1.23);opacity:.48;animation:hero24Ring 5.6s ease-in-out -2.8s infinite}

.hero24-cta-bridge{position:absolute;left:-70%;top:66%;width:90%;height:28px;z-index:3;pointer-events:none}
.hero24-cta-bridge span{position:absolute;left:0;right:0;top:13px;height:2px;background:linear-gradient(90deg,rgba(47,111,237,0),rgba(47,111,237,.22) 28%,#2f6fed 78%,rgba(47,111,237,.08))}
.hero24-cta-bridge i{position:absolute;top:8px;right:0;width:12px;height:12px;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 7px rgba(47,111,237,.08);animation:hero24BridgeDot 4.4s cubic-bezier(.55,.05,.25,1) infinite}

@keyframes hero24Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hero24SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes hero24Node{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.24);opacity:1}}
@keyframes hero24WorldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes hero24LogoFloat{0%,100%{transform:translateY(0) rotateZ(-.7deg)}50%{transform:translateY(-9px) rotateZ(.3deg)}}
@keyframes hero24Halo{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes hero27Flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-360}}
@keyframes hero24Ring{0%,100%{transform:scale(.92);opacity:.18}50%{transform:scale(1.08);opacity:.55}}
@keyframes hero24BridgeDot{0%,8%{right:98%;opacity:0}15%{opacity:1}72%{right:2%;opacity:1}84%,100%{right:0;opacity:0}}
@media(max-width:1160px){.hero24{padding-top:42px}.hero24-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.hero24-copy h1{font-size:clamp(48px,5.35vw,68px)}.hero24-product{min-height:570px}.hero24-world{width:min(43vw,455px)}.hero24-logo-core{left:9%;width:190px;height:190px}.hero24-logo-face img{width:132px}.hero24-output-ring{left:5%;width:230px;height:230px}.hero24-cta-bridge{left:-64%;width:78%}}
@media(max-width:860px){.hero24{padding:42px 0 70px}.hero24-grid{grid-template-columns:1fr;gap:34px;min-height:auto}.hero24-copy{max-width:700px}.hero24-copy{padding-top:12px}.hero24-copy h1{font-size:clamp(48px,8vw,64px);max-width:620px}.hero24-product{min-height:540px}.hero24-world{right:3%;width:min(64vw,450px)}.hero24-logo-core{left:8%;top:30%}.hero24-flow{left:2%;top:25%;width:92%}.hero24-output-ring{left:4%;top:27%}.hero24-cta-bridge{display:none}}
@media(max-width:620px){.hero24{padding:32px 0 56px}.hero24-copy{padding-top:4px}.hero24-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:18px}.hero24-copy h1{font-size:clamp(42px,11.2vw,55px);line-height:.97;letter-spacing:-.05em}.hero24-lead{font-size:16px;margin-top:20px}.hero24-actions{margin-top:24px}.hero24-primary,.hero24-secondary{width:100%;min-height:54px}.hero24-product{min-height:430px;margin-top:0}.hero24-world{right:-18%;top:0;width:82vw}.hero24-logo-core{left:2%;top:30%;width:144px;height:144px}.hero24-logo-face,.hero24-logo-shadow{border-radius:29px}.hero24-logo-face::after{inset:12px;border-radius:20px}.hero24-logo-face img{width:102px}.hero24-logo-shadow-a{transform:translate3d(14px,10px,-50px)}.hero24-logo-shadow-b{transform:translate3d(7px,5px,-24px)}.hero24-logo-halo{inset:-30px}.hero24-output-ring{left:-4%;top:24%;width:190px;height:190px}.hero24-flow{left:-2%;top:22%;width:106%;height:250px}}
@media(prefers-reduced-motion:reduce){.hero24-world,.hero24-world-orbit,.hero24-node,.hero24-logo-core,.hero24-logo-halo,.hero27-world-line,.hero24-output-ring{animation:none!important}.hero27-world-dot{display:none}}


/* =============================================================
   WebsiteGeneratorHub v0.3.27 — world flow + restored glass dock
   ============================================================= */
.hero24-primary::after{display:none!important}
.home-v39 .site-dock32{min-width:0!important;width:max-content!important;height:auto!important;max-width:calc(100vw - 28px)!important;padding:8px!important;gap:6px!important;border-radius:999px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(190,205,225,.72)!important;box-shadow:0 18px 55px rgba(22,42,75,.16),inset 0 1px 0 rgba(255,255,255,.96)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;overflow-x:auto;scrollbar-width:none}
.home-v39 .site-dock32::-webkit-scrollbar{display:none}
.home-v39 .site-dock32 a{height:50px!important;min-width:100px!important;padding:0 20px!important;border-radius:999px!important;font-size:12px!important;font-weight:760!important;color:#51637c!important}
.home-v39 .site-dock32 a:hover{background:rgba(244,247,252,.95)!important;color:#0f1a2c!important}
.home-v39 .site-dock32 a.is-active{background:#0e1a2e!important;color:#fff!important;box-shadow:0 7px 20px rgba(14,26,46,.18)!important}
@media(max-width:860px){.home-v39 .site-dock32{width:auto!important;max-width:calc(100vw - 20px)!important;padding:7px!important}.home-v39 .site-dock32 a{min-width:86px!important;height:46px!important;padding:0 14px!important;font-size:11px!important}}
@media(max-width:620px){.home-v39 .site-dock32 a{min-width:76px!important;padding:0 12px!important;font-size:10px!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.28 — larger hero + node-locked world flow + highlighted dock
   ============================================================= */
.hero24{padding:18px 0 86px!important;min-height:760px}
.hero24-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:64px!important;min-height:735px!important;align-items:center!important}
.hero24-copy{padding-top:0!important;align-self:center!important}
.hero24-product{min-height:700px!important;align-self:center!important}
.hero24-world{right:-1%!important;top:4%!important;width:min(44vw,590px)!important}
.hero24-logo-core{left:12%!important;top:31%!important;width:248px!important;height:248px!important}
.hero24-logo-face img{width:170px!important}
.hero24-output-ring{left:7.5%!important;top:27%!important;width:296px!important;height:296px!important}

/* Flow begins at the logo and terminates directly on the five world dots. */
.hero24-flow{left:-1%!important;top:9%!important;width:103%!important;height:520px!important;z-index:6!important}
.hero28-world-line{fill:none;stroke:url(#hero28WorldFlow);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:1.8;opacity:.52;stroke-dasharray:2 0}
.hero28-world-line-a{opacity:.48}.hero28-world-line-b{opacity:.58}.hero28-world-line-c{opacity:.82;stroke-width:2.4}.hero28-world-line-d{opacity:.58}.hero28-world-line-e{opacity:.44}
.hero28-flow-runner{fill:#2f6fed;filter:drop-shadow(0 0 7px rgba(47,111,237,.34));opacity:.94}
.hero28-endpoints circle{fill:#2f6fed;stroke:#fff;stroke-width:3;opacity:.96;transform-box:fill-box;transform-origin:center;animation:hero28EndpointPulse 3.5s ease-in-out infinite}
.hero28-endpoints circle:nth-child(2){animation-delay:-.6s}.hero28-endpoints circle:nth-child(3){animation-delay:-1.2s}.hero28-endpoints circle:nth-child(4){animation-delay:-1.8s}.hero28-endpoints circle:nth-child(5){animation-delay:-2.4s}
@keyframes hero28EndpointPulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.16)}}

/* Larger, visibly highlighted floating navigation. */
.home-v39 .site-dock32{min-width:880px!important;width:auto!important;height:82px!important;padding:9px 10px!important;gap:7px!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(47,111,237,.22)!important;box-shadow:0 22px 70px rgba(47,111,237,.16),0 8px 28px rgba(5,7,12,.08),inset 0 1px 0 #fff!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;justify-content:center!important;overflow:visible!important}
.home-v39 .site-dock32 a{height:62px!important;min-width:128px!important;padding:0 24px!important;border-radius:20px!important;font-size:14px!important;font-weight:760!important;color:#263a57!important;letter-spacing:-.015em!important;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important}
.home-v39 .site-dock32 a:first-child{background:#2f6fed!important;color:#fff!important;box-shadow:0 10px 26px rgba(47,111,237,.24)!important}
.home-v39 .site-dock32 a:first-child:hover{background:#255fd1!important;color:#fff!important;transform:translateY(-2px)!important}
.home-v39 .site-dock32 a:not(:first-child):hover{background:rgba(47,111,237,.07)!important;color:#0b1220!important;transform:translateY(-1px)!important}
.home-v39 .site-dock32 a.is-active:not(:first-child){background:#0b1220!important;color:#fff!important;box-shadow:0 10px 26px rgba(11,18,32,.18)!important}

@media(max-width:1160px){
  .hero24{padding-top:16px!important;min-height:700px}
  .hero24-grid{min-height:680px!important;gap:34px!important}
  .hero24-product{min-height:640px!important}
  .hero24-world{width:min(48vw,520px)!important}
  .hero24-logo-core{left:8%!important;width:214px!important;height:214px!important}
  .hero24-logo-face img{width:146px!important}
  .hero24-output-ring{left:3.5%!important;width:258px!important;height:258px!important}
  .home-v39 .site-dock32{min-width:760px!important;height:76px!important}
  .home-v39 .site-dock32 a{height:56px!important;min-width:108px!important;padding:0 18px!important;font-size:13px!important}
}
@media(max-width:860px){
  .hero24{padding:24px 0 72px!important;min-height:auto}
  .hero24-grid{grid-template-columns:1fr!important;min-height:auto!important;gap:28px!important}
  .hero24-product{min-height:570px!important}
  .hero24-world{width:min(68vw,480px)!important;right:0!important}
  .hero24-logo-core{left:7%!important;top:31%!important;width:190px!important;height:190px!important}
  .hero24-logo-face img{width:130px!important}
  .hero24-output-ring{left:3%!important;top:27%!important;width:232px!important;height:232px!important}
  .hero24-flow{left:0!important;top:10%!important;width:100%!important;height:430px!important}
  .home-v39 .site-dock32{min-width:0!important;width:calc(100vw - 20px)!important;height:72px!important;max-width:calc(100vw - 20px)!important;padding:8px!important;gap:5px!important;overflow-x:auto!important;justify-content:flex-start!important}
  .home-v39 .site-dock32 a{height:54px!important;min-width:104px!important;padding:0 16px!important;font-size:12px!important}
}
@media(max-width:620px){
  .hero24{padding:18px 0 58px!important}
  .hero24-product{min-height:455px!important}
  .hero24-world{width:88vw!important;right:-24%!important}
  .hero24-logo-core{left:2%!important;top:32%!important;width:148px!important;height:148px!important}
  .hero24-logo-face img{width:104px!important}
  .hero24-output-ring{left:-5%!important;top:27%!important;width:192px!important;height:192px!important}
  .hero24-flow{left:-4%!important;top:14%!important;width:108%!important;height:330px!important}
  .home-v39 .site-dock32{height:68px!important}
  .home-v39 .site-dock32 a{height:50px!important;min-width:90px!important;font-size:11px!important;padding:0 14px!important}
}
@media(prefers-reduced-motion:reduce){.hero28-flow-runner{display:none!important}.hero28-endpoints circle{animation:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.29 — city-style world nodes + tighter hero composition
   ============================================================= */
.hero24{padding:6px 0 68px!important;min-height:700px!important}
.hero24-grid{grid-template-columns:minmax(0,5.35fr) minmax(0,6.65fr)!important;gap:18px!important;min-height:680px!important;align-items:center!important}
.hero24-copy{max-width:640px!important;padding-top:0!important}
.hero24-product{min-height:650px!important;margin-left:-18px!important}
.hero24-world{right:0!important;top:4%!important;width:min(45vw,600px)!important}
.hero24-logo-core{left:7%!important;top:31%!important;width:238px!important;height:238px!important}
.hero24-logo-face img{width:164px!important}
.hero24-output-ring{left:2.8%!important;top:27.5%!important;width:284px!important;height:284px!important}
.hero24-flow{left:-4%!important;top:9%!important;width:106%!important;height:520px!important}

/* Irregular destination points read as different places/cities, not a pattern. */
.hero29-city-line{fill:none;stroke:url(#hero28WorldFlow);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:1.7;opacity:.48}
.hero29-city-line-a{opacity:.42}.hero29-city-line-b{opacity:.50}.hero29-city-line-c{opacity:.38}.hero29-city-line-d{opacity:.76;stroke-width:2.25}.hero29-city-line-e{opacity:.46}.hero29-city-line-f{opacity:.34}
.hero29-flow-runner{fill:#2f6fed;filter:drop-shadow(0 0 7px rgba(47,111,237,.34));opacity:.94}
.hero29-city-points>g>circle:last-child{fill:#2f6fed;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:hero29CityPulse 3.8s ease-in-out infinite}
.hero29-city-halo{fill:rgba(47,111,237,.08);stroke:rgba(47,111,237,.10);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:hero29CityHalo 3.8s ease-in-out infinite}
.hero29-city-b circle{animation-delay:-.55s!important}.hero29-city-c circle{animation-delay:-1.05s!important}.hero29-city-d circle{animation-delay:-1.6s!important}.hero29-city-e circle{animation-delay:-2.2s!important}.hero29-city-f circle{animation-delay:-2.8s!important}
@keyframes hero29CityPulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.16)}}
@keyframes hero29CityHalo{0%,100%{transform:scale(.8);opacity:.35}50%{transform:scale(1.35);opacity:.82}}

@media(max-width:1160px){
  .hero24{padding-top:4px!important;min-height:660px!important}
  .hero24-grid{gap:10px!important;min-height:645px!important}
  .hero24-product{min-height:615px!important;margin-left:-14px!important}
  .hero24-world{width:min(48vw,530px)!important}
  .hero24-logo-core{left:5%!important;width:208px!important;height:208px!important}
  .hero24-logo-face img{width:142px!important}
  .hero24-output-ring{left:.8%!important;width:250px!important;height:250px!important}
}
@media(max-width:860px){
  .hero24{padding:18px 0 64px!important;min-height:auto!important}
  .hero24-grid{grid-template-columns:1fr!important;gap:20px!important;min-height:auto!important}
  .hero24-product{margin-left:0!important;min-height:545px!important}
}
@media(max-width:620px){
  .hero24-product{min-height:440px!important}
}
@media(prefers-reduced-motion:reduce){.hero29-flow-runner{display:none!important}.hero29-city-points circle{animation:none!important}}


/* =============================================================
   WebsiteGeneratorHub v0.3.30 — glass bottom navigation + full Start building CTA
   ============================================================= */
.home-v39 .site-dock32{
  min-width:900px!important;
  width:auto!important;
  height:86px!important;
  padding:10px 12px!important;
  gap:8px!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.62),rgba(235,244,255,.46))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 24px 70px rgba(47,111,237,.17),
    0 8px 26px rgba(11,18,32,.08),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(142,176,232,.16)!important;
  backdrop-filter:blur(34px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(180%)!important;
  justify-content:center!important;
  overflow:visible!important;
}
.home-v39 .site-dock32::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:25px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.34);
}
.home-v39 .site-dock32 a{
  position:relative;
  z-index:1;
  height:64px!important;
  min-width:122px!important;
  padding:0 24px!important;
  border-radius:22px!important;
  font-size:14px!important;
  font-weight:760!important;
  color:#263a57!important;
  letter-spacing:-.015em!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-v39 .site-dock32 .site-dock-build{
  min-width:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:linear-gradient(180deg,#3477f4 0%,#2f6fed 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(47,111,237,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.home-v39 .site-dock32 .site-dock-build em{font-style:normal;font-size:15px;line-height:1;transition:transform .22s ease}
.home-v39 .site-dock32 .site-dock-build:hover{background:linear-gradient(180deg,#2f70ec 0%,#285fd1 100%)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(47,111,237,.34),inset 0 1px 0 rgba(255,255,255,.24)!important}
.home-v39 .site-dock32 .site-dock-build:hover em{transform:translate(2px,-2px)}
.home-v39 .site-dock32 a:not(.site-dock-build):hover{background:rgba(255,255,255,.58)!important;color:#0b1220!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;transform:translateY(-1px)!important}
.home-v39 .site-dock32 a.is-active:not(.site-dock-build){background:rgba(255,255,255,.72)!important;color:#0b1220!important;box-shadow:0 8px 20px rgba(31,58,103,.10),inset 0 1px 0 rgba(255,255,255,.9)!important}
@media(max-width:1160px){
  .home-v39 .site-dock32{min-width:790px!important;height:80px!important}
  .home-v39 .site-dock32 a{height:58px!important;min-width:105px!important;padding:0 18px!important;font-size:13px!important}
  .home-v39 .site-dock32 .site-dock-build{min-width:154px!important}
}
@media(max-width:860px){
  .home-v39 .site-dock32{min-width:0!important;width:calc(100vw - 18px)!important;height:74px!important;max-width:calc(100vw - 18px)!important;padding:8px!important;gap:5px!important;overflow-x:auto!important;justify-content:flex-start!important;border-radius:25px!important}
  .home-v39 .site-dock32::before{inset:4px;border-radius:21px}
  .home-v39 .site-dock32 a{height:56px!important;min-width:98px!important;padding:0 15px!important;font-size:12px!important}
  .home-v39 .site-dock32 .site-dock-build{min-width:142px!important}
}
@media(max-width:620px){
  .home-v39 .site-dock32{height:70px!important}
  .home-v39 .site-dock32 a{height:52px!important;min-width:88px!important;font-size:11px!important;padding:0 13px!important}
  .home-v39 .site-dock32 .site-dock-build{min-width:132px!important}
}


/* =============================================================
   WebsiteGeneratorHub v0.3.31 — polished glass navigation + responsive hero
   ============================================================= */

/* Keep the complete top navigation area white, while the navigation surface itself
   has a premium glass finish. This prevents the pale page strip around the menu. */
body.home-v39{background:#fff!important}
.home-v39 .brand-header{
  background:#fff!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-v39 .brand-header .header-row{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(47,111,237,.10)!important;
  box-shadow:0 14px 42px rgba(16,35,68,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(26px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;
}
.home-v39 .brand-header.is-scrolled .header-row{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(47,111,237,.14)!important;
  box-shadow:0 16px 46px rgba(16,35,68,.11),inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Bottom dock: real glass, stronger depth, and blue glass hover instead of white. */
.home-v39 .site-dock32{
  background:linear-gradient(135deg,rgba(250,253,255,.66),rgba(224,238,255,.38))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 24px 72px rgba(47,111,237,.18),0 8px 28px rgba(15,31,55,.10),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(47,111,237,.10)!important;
  backdrop-filter:blur(36px) saturate(190%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(190%)!important;
}
.home-v39 .site-dock32::before{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(225,239,255,.12))!important;
  border:1px solid rgba(255,255,255,.42)!important;
}
.home-v39 .site-dock32 a:not(.site-dock-build){
  border:1px solid transparent!important;
  transition:transform .24s cubic-bezier(.22,.8,.22,1),background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.home-v39 .site-dock32 a:not(.site-dock-build):hover{
  background:linear-gradient(180deg,rgba(47,111,237,.15),rgba(47,111,237,.08))!important;
  color:#1f5fd7!important;
  border-color:rgba(47,111,237,.18)!important;
  box-shadow:0 10px 24px rgba(47,111,237,.13),inset 0 1px 0 rgba(255,255,255,.72)!important;
  transform:translateY(-2px)!important;
}
.home-v39 .site-dock32 a.is-active:not(.site-dock-build){
  background:linear-gradient(180deg,rgba(47,111,237,.19),rgba(47,111,237,.10))!important;
  color:#1f5fd7!important;
  border-color:rgba(47,111,237,.22)!important;
  box-shadow:0 10px 24px rgba(47,111,237,.14),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.home-v39 .site-dock32 .site-dock-build{
  background:linear-gradient(180deg,#3679f6 0%,#2f6fed 100%)!important;
  box-shadow:0 14px 30px rgba(47,111,237,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.home-v39 .site-dock32 .site-dock-build:hover{
  background:linear-gradient(180deg,#2f70ee 0%,#245dcc 100%)!important;
  box-shadow:0 18px 40px rgba(47,111,237,.36),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* v0.3.32: hero sizing/layout restored to the approved v0.3.30 composition.
   No hero width or spacing changes are applied here. */

/* Mobile header and bottom dock remain usable and do not cover content. */
@media(max-width:860px){
  .home-v39 .brand-header{background:#fff!important}
  .home-v39 .brand-header .header-row{background:rgba(255,255,255,.84)!important;border-color:rgba(47,111,237,.10)!important}
  .home-v39 .site-dock32{bottom:10px!important}
}
@media(max-width:620px){
  .home-v39 .site-dock32{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;height:66px!important;padding:7px!important;border-radius:23px!important}
  .home-v39 .site-dock32 a{height:50px!important;min-width:84px!important;padding:0 12px!important;font-size:11px!important;border-radius:17px!important}
  .home-v39 .site-dock32 .site-dock-build{min-width:128px!important}
}


/* =============================================================
   WebsiteGeneratorHub v0.3.32 — full-width white top navigation fix
   ============================================================= */
html,body.home-v39{background:#fff!important}
.home-v39 .brand-header{
  left:0!important;right:0!important;width:100%!important;
  background:#fff!important;
  background-image:none!important;
  border-bottom:0!important;
}
.home-v39 .brand-header::before,.home-v39 .brand-header::after{display:none!important}
.home-v39 .brand-header .header-row{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(26px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;
}
@media(max-width:860px){
  .home-v39 .brand-header{background:#fff!important}
}

/* =============================================================
   WebsiteGeneratorHub v0.3.33 — hero responsive hardening
   Desktop composition (>1160px) intentionally unchanged.
   ============================================================= */

/* Laptop: preserve the approved two-column composition, only scale the visual
   enough to prevent collision on narrower desktop viewports. */
@media (min-width:961px) and (max-width:1160px){
  .home-v39 .hero24{padding:6px 0 58px!important;min-height:640px!important}
  .home-v39 .hero24-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
    gap:18px!important;
    min-height:620px!important;
    align-items:center!important;
  }
  .home-v39 .hero24-copy{max-width:570px!important}
  .home-v39 .hero24-copy h1{
    max-width:570px!important;
    font-size:clamp(48px,5.15vw,62px)!important;
    line-height:.97!important;
  }
  .home-v39 .hero24-lead{max-width:535px!important;font-size:16px!important;line-height:1.62!important}
  .home-v39 .hero24-product{min-height:560px!important;margin-left:-8px!important}
  .home-v39 .hero24-world{right:-1%!important;top:8%!important;width:min(45vw,490px)!important}
  .home-v39 .hero24-logo-core{left:4%!important;top:33%!important;width:190px!important;height:190px!important}
  .home-v39 .hero24-logo-face img{width:130px!important}
  .home-v39 .hero24-output-ring{left:0!important;top:29%!important;width:230px!important;height:230px!important}
  .home-v39 .hero24-flow{left:-5%!important;top:13%!important;width:108%!important;height:455px!important}
}

/* Tablet and small laptop: stack copy above the product visual. The visual remains
   large enough to communicate the logo -> city/world flow without overflowing. */
@media (max-width:960px){
  .home-v39 .hero24{padding:24px 0 58px!important;min-height:auto!important;overflow:hidden!important}
  .home-v39 .hero24-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:auto!important;
    align-items:start!important;
  }
  .home-v39 .hero24-copy{
    width:min(100%,720px)!important;
    max-width:720px!important;
    margin:0!important;
    padding-top:0!important;
  }
  .home-v39 .hero24-eyebrow{margin-bottom:16px!important}
  .home-v39 .hero24-copy h1{
    max-width:680px!important;
    font-size:clamp(50px,7.4vw,68px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  .home-v39 .hero24-lead{
    max-width:610px!important;
    margin-top:22px!important;
    font-size:17px!important;
    line-height:1.62!important;
  }
  .home-v39 .hero24-actions{margin-top:26px!important}
  .home-v39 .hero24-product{
    width:min(100%,760px)!important;
    min-height:500px!important;
    margin:-6px auto 0!important;
  }
  .home-v39 .hero24-world{right:3%!important;top:3%!important;width:min(60vw,470px)!important}
  .home-v39 .hero24-logo-core{left:12%!important;top:31%!important;width:190px!important;height:190px!important}
  .home-v39 .hero24-logo-face img{width:130px!important}
  .home-v39 .hero24-output-ring{left:8%!important;top:27%!important;width:230px!important;height:230px!important}
  .home-v39 .hero24-flow{left:1%!important;top:8%!important;width:99%!important;height:405px!important}
}

/* Portrait tablet / large phones. */
@media (max-width:720px){
  .home-v39 .hero24{padding:20px 0 50px!important}
  .home-v39 .hero24-grid{gap:8px!important}
  .home-v39 .hero24-copy h1{
    max-width:610px!important;
    font-size:clamp(44px,9.2vw,60px)!important;
    line-height:.97!important;
  }
  .home-v39 .hero24-lead{max-width:560px!important;font-size:16px!important;line-height:1.58!important}
  .home-v39 .hero24-product{min-height:420px!important;width:100%!important;margin:0 auto!important}
  .home-v39 .hero24-world{right:-4%!important;top:2%!important;width:min(70vw,430px)!important}
  .home-v39 .hero24-logo-core{left:8%!important;top:31%!important;width:164px!important;height:164px!important}
  .home-v39 .hero24-logo-face,.home-v39 .hero24-logo-shadow{border-radius:34px!important}
  .home-v39 .hero24-logo-face::after{inset:14px!important;border-radius:23px!important}
  .home-v39 .hero24-logo-face img{width:112px!important}
  .home-v39 .hero24-output-ring{left:3%!important;top:26%!important;width:202px!important;height:202px!important}
  .home-v39 .hero24-flow{left:-2%!important;top:9%!important;width:104%!important;height:340px!important}
}

/* Phones: compact copy + a deliberately composed visual rather than a shrunken
   desktop scene. Buttons stay touch-friendly. */
@media (max-width:520px){
  .home-v39 .hero24{padding:16px 0 42px!important}
  .home-v39 .hero24-eyebrow{
    margin-bottom:13px!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.10em!important;
  }
  .home-v39 .hero24-copy h1{
    max-width:100%!important;
    font-size:clamp(40px,11.4vw,52px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
  }
  .home-v39 .hero24-lead{
    max-width:100%!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.55!important;
  }
  .home-v39 .hero24-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:22px!important;
  }
  .home-v39 .hero24-primary,.home-v39 .hero24-secondary{
    width:100%!important;
    min-height:52px!important;
    padding:0 20px!important;
    font-size:13px!important;
  }
  .home-v39 .hero24-product{
    min-height:330px!important;
    margin:4px auto 0!important;
    overflow:visible!important;
  }
  .home-v39 .hero24-world{
    right:-15%!important;
    top:1%!important;
    width:min(82vw,350px)!important;
  }
  .home-v39 .hero24-logo-core{
    left:1%!important;
    top:35%!important;
    width:126px!important;
    height:126px!important;
  }
  .home-v39 .hero24-logo-face,.home-v39 .hero24-logo-shadow{border-radius:27px!important}
  .home-v39 .hero24-logo-face::after{inset:11px!important;border-radius:18px!important}
  .home-v39 .hero24-logo-face img{width:86px!important}
  .home-v39 .hero24-logo-shadow-a{transform:translate3d(12px,9px,-50px)!important}
  .home-v39 .hero24-logo-shadow-b{transform:translate3d(6px,5px,-24px)!important}
  .home-v39 .hero24-logo-halo{inset:-28px!important}
  .home-v39 .hero24-output-ring{
    left:-6%!important;
    top:29%!important;
    width:164px!important;
    height:164px!important;
  }
  .home-v39 .hero24-flow{
    left:-8%!important;
    top:14%!important;
    width:116%!important;
    height:250px!important;
  }
}

/* Very small phones: prevent the first line or visual from clipping at 320–390px. */
@media (max-width:390px){
  .home-v39 .hero24{padding-top:14px!important;padding-bottom:36px!important}
  .home-v39 .hero24-copy h1{font-size:clamp(37px,11.6vw,45px)!important}
  .home-v39 .hero24-lead{font-size:14px!important;line-height:1.52!important}
  .home-v39 .hero24-product{min-height:285px!important}
  .home-v39 .hero24-world{right:-20%!important;width:min(88vw,320px)!important}
  .home-v39 .hero24-logo-core{left:0!important;top:36%!important;width:110px!important;height:110px!important}
  .home-v39 .hero24-logo-face img{width:74px!important}
  .home-v39 .hero24-output-ring{left:-8%!important;top:29%!important;width:148px!important;height:148px!important}
  .home-v39 .hero24-flow{left:-10%!important;top:14%!important;width:120%!important;height:220px!important}
}

/* Short landscape phones/tablets: keep the copy and visual readable without
   forcing an oversized vertical hero. */
@media (max-height:520px) and (orientation:landscape) and (max-width:960px){
  .home-v39 .hero24{padding:14px 0 34px!important}
  .home-v39 .hero24-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
  }
  .home-v39 .hero24-copy h1{font-size:clamp(36px,5.6vw,52px)!important;max-width:520px!important}
  .home-v39 .hero24-lead{font-size:14px!important;line-height:1.48!important;margin-top:14px!important}
  .home-v39 .hero24-actions{margin-top:16px!important;display:flex!important}
  .home-v39 .hero24-primary,.home-v39 .hero24-secondary{width:auto!important;min-height:46px!important}
  .home-v39 .hero24-product{min-height:330px!important;margin:0!important}
  .home-v39 .hero24-world{right:-8%!important;top:2%!important;width:min(43vw,330px)!important}
  .home-v39 .hero24-logo-core{left:1%!important;top:33%!important;width:122px!important;height:122px!important}
  .home-v39 .hero24-logo-face img{width:82px!important}
  .home-v39 .hero24-output-ring{left:-5%!important;top:28%!important;width:158px!important;height:158px!important}
  .home-v39 .hero24-flow{left:-10%!important;top:12%!important;width:116%!important;height:250px!important}
}


/* =============================================================
   WebsiteGeneratorHub v0.3.34 — mobile app-style bottom navigation
   Desktop/tablet dock and approved hero remain unchanged.
   ============================================================= */
@media (max-width:700px){
  body.home-v39{
    padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;
  }
  .home-v39 .site-dock32,
  .home-v39 .site-dock32.is-visible{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1.35fr repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    overflow:visible!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(47,111,237,.13)!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 -10px 34px rgba(16,35,68,.10),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(28px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:120!important;
  }
  .home-v39 .site-dock32::before{display:none!important}
  .home-v39 .site-dock32 a,
  .home-v39 .site-dock32 a:not(.site-dock-build),
  .home-v39 .site-dock32 .site-dock-build{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0 4px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:9.5px!important;
    font-weight:760!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .home-v39 .site-dock32 .site-dock-build{
    background:linear-gradient(180deg,#3679f6 0%,#2f6fed 100%)!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(47,111,237,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
  }
  .home-v39 .site-dock32 .site-dock-build em{display:none!important}
  .home-v39 .site-dock32 a:not(.site-dock-build){
    background:transparent!important;
    color:#4c5f79!important;
  }
  .home-v39 .site-dock32 a.is-active:not(.site-dock-build){
    background:rgba(47,111,237,.10)!important;
    color:#235fd4!important;
    box-shadow:inset 0 0 0 1px rgba(47,111,237,.10)!important;
  }
  .home-v39 .site-dock32 a:hover:not(.site-dock-build){
    background:rgba(47,111,237,.08)!important;
    color:#235fd4!important;
    transform:none!important;
  }
}
@media (max-width:390px){
  .home-v39 .site-dock32,
  .home-v39 .site-dock32.is-visible{
    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    padding-left:4px!important;
    padding-right:4px!important;
    gap:1px!important;
  }
  .home-v39 .site-dock32 a,
  .home-v39 .site-dock32 a:not(.site-dock-build),
  .home-v39 .site-dock32 .site-dock-build{
    height:46px!important;
    font-size:9px!important;
    padding:0 2px!important;
    border-radius:12px!important;
  }
}

/* =============================================================
   WebsiteGeneratorHub v0.3.35 — remove bottom dock on small devices
   Keep the approved desktop/tablet dock. Phones use the primary header only.
   ============================================================= */
@media (max-width:700px){
  body.home-v39{
    padding-bottom:0!important;
  }
  .home-v39 .site-dock32,
  .home-v39 .site-dock32.is-visible{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* =============================================================
   WebsiteGeneratorHub v0.3.36 — menu-to-hero breathing room
   Spacing-only release. Approved hero composition stays unchanged.
   ============================================================= */
.home-v39 .hero24{
  padding-top:30px!important;
}

/* Laptops */
@media (max-width:1100px){
  .home-v39 .hero24{padding-top:28px!important}
}

/* Tablets */
@media (max-width:860px){
  .home-v39 .hero24{padding-top:28px!important}
}

/* Phones */
@media (max-width:640px){
  .home-v39 .hero24{padding-top:24px!important}
}

/* Very small phones */
@media (max-width:390px){
  .home-v39 .hero24{padding-top:22px!important}
}

/* Short landscape devices need slightly less vertical spacing. */
@media (max-height:520px) and (orientation:landscape) and (max-width:960px){
  .home-v39 .hero24{padding-top:18px!important}
}

/* =============================================================
   WebsiteGeneratorHub v0.3.39 — Local business categories
   One live industry + an editorial planned-industry index.
   ============================================================= */
.industry39{
  position:relative;
  overflow:hidden;
  padding:126px 0 0;
  background:#fff;
  border-top:1px solid #edf1f7;
}
.industry39-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.6fr);
  gap:clamp(62px,7.5vw,124px);
  align-items:end;
  margin-bottom:64px;
}
.industry39-kicker{
  margin:0 0 20px;
  color:#2f6fed;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.industry39-heading h2{
  margin:0;
  max-width:900px;
  color:#111827;
  font:700 clamp(52px,5vw,80px)/.96 var(--display);
  letter-spacing:-.064em;
}
.industry39-heading h2 em{
  font-style:normal;
  color:#2f6fed;
}
.industry39-intro{
  max-width:510px;
  padding-bottom:5px;
}
.industry39-intro p{
  margin:0 0 27px;
  color:#5b687d;
  font-size:16px;
  line-height:1.75;
}
.industry39-intro a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#17233c;
  font-size:14px;
  font-weight:760;
  border-bottom:1px solid #17233c;
  padding-bottom:4px;
}
.industry39-intro a span{
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
.industry39-intro a:hover span{
  transform:translate(4px,-4px);
}

/* Roofer is the only live category. Full-bleed gradient, no side gutters. */
.industry39-live{
  --industry39-x:72%;
  --industry39-y:42%;
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(circle at var(--industry39-x) var(--industry39-y),rgba(140,190,255,.32),transparent 29%),
    linear-gradient(118deg,#0a45bf 0%,#1457d6 30%,#2d6feb 63%,#5b8df2 100%);
  background-size:100% 100%,180% 180%;
  animation:industry39GradientDrift 15s ease-in-out infinite alternate;
}
.industry39-live::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:52%;
  height:160%;
  left:-18%;
  top:-36%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,0) 67%);
  filter:blur(5px);
  animation:industry39AuraA 11s ease-in-out infinite alternate;
}
.industry39-live::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:38%;
  height:150%;
  right:-8%;
  bottom:-55%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(180,214,255,.27),rgba(180,214,255,0) 69%);
  filter:blur(8px);
  animation:industry39AuraB 13s ease-in-out infinite alternate;
}
.industry39-live-glow{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  opacity:.42;
  filter:blur(1px);
}
.industry39-live-glow-a{
  width:44vw;
  min-width:520px;
  height:1px;
  left:-8vw;
  top:29%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transform:rotate(-8deg);
  animation:industry39LineA 8.5s ease-in-out infinite;
}
.industry39-live-glow-b{
  width:38vw;
  min-width:450px;
  height:1px;
  right:-5vw;
  bottom:25%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:rotate(7deg);
  animation:industry39LineB 10s ease-in-out infinite;
}
@keyframes industry39GradientDrift{
  0%{background-position:50% 50%,0% 45%}
  100%{background-position:50% 50%,100% 58%}
}
@keyframes industry39AuraA{
  from{transform:translate3d(-5%,0,0) scale(.94)}
  to{transform:translate3d(22%,8%,0) scale(1.08)}
}
@keyframes industry39AuraB{
  from{transform:translate3d(8%,4%,0) scale(.95)}
  to{transform:translate3d(-18%,-10%,0) scale(1.08)}
}
@keyframes industry39LineA{
  0%,100%{transform:translate3d(-8%,0,0) rotate(-8deg);opacity:.12}
  50%{transform:translate3d(34%,8px,0) rotate(-8deg);opacity:.52}
}
@keyframes industry39LineB{
  0%,100%{transform:translate3d(10%,0,0) rotate(7deg);opacity:.08}
  50%{transform:translate3d(-28%,-6px,0) rotate(7deg);opacity:.38}
}
.industry39-live-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(150px,.34fr) minmax(360px,1fr) minmax(210px,.48fr) auto;
  gap:clamp(28px,4vw,68px);
  align-items:center;
  min-height:322px;
  padding-top:48px;
  padding-bottom:48px;
}
.industry39-live-number{
  color:rgba(255,255,255,.92);
  font:760 clamp(108px,10vw,170px)/.72 var(--display);
  letter-spacing:-.09em;
  text-shadow:0 18px 50px rgba(2,31,94,.18);
  transition:transform .65s cubic-bezier(.16,1,.3,1),text-shadow .65s ease;
}
.industry39-live-copy{
  max-width:670px;
}
.industry39-live-state{
  margin:0;
  color:rgba(255,255,255,.72);
  font:650 14px/1.3 var(--display);
  letter-spacing:.01em;
}
.industry39-live-copy h3{
  margin:12px 0 14px;
  color:#fff;
  font:720 clamp(58px,5.7vw,92px)/.88 var(--display);
  letter-spacing:-.069em;
  transition:transform .6s cubic-bezier(.16,1,.3,1);
}
.industry39-live-description{
  margin:0;
  max-width:590px;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.68;
}
.industry39-live-focus{
  display:grid;
  align-content:center;
}
.industry39-live-focus span{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  border-bottom:1px solid rgba(255,255,255,.19);
  color:#fff;
  font:650 15px/1.2 var(--display);
  transition:padding-left .44s cubic-bezier(.16,1,.3,1),border-color .35s ease;
}
.industry39-live-focus span:first-child{
  border-top:1px solid rgba(255,255,255,.19);
}
.industry39-live-focus span::before{
  content:"";
  position:absolute;
  left:0;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.2));
  transition:width .48s cubic-bezier(.16,1,.3,1);
}
.industry39-live-action{
  align-self:end;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:0 19px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 34px rgba(2,34,104,.13);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#fff;
  font-size:13px;
  font-weight:760;
  white-space:nowrap;
  transition:transform .42s cubic-bezier(.16,1,.3,1),background .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.industry39-live-action b{
  font-size:16px;
  font-weight:500;
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
.industry39-live:hover .industry39-live-number{
  transform:translate3d(10px,-3px,0);
  text-shadow:0 24px 60px rgba(2,28,86,.23);
}
.industry39-live:hover .industry39-live-copy h3{
  transform:translateX(4px);
}
.industry39-live:hover .industry39-live-focus span{
  padding-left:17px;
  border-color:rgba(255,255,255,.3);
}
.industry39-live:hover .industry39-live-focus span::before{
  width:10px;
}
.industry39-live:hover .industry39-live-action{
  transform:translate3d(0,-4px,0);
  border-color:rgba(255,255,255,.58);
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 38px rgba(2,34,104,.17);
}
.industry39-live:hover .industry39-live-action b{
  transform:translate(4px,-4px);
}

/* Planned categories: one clear roadmap, no badges, arrows or AI-style descriptions. */
.industry39-planned{
  position:relative;
  overflow:hidden;
  padding:88px 0 112px;
  background:
    radial-gradient(circle at 87% 8%,rgba(47,111,237,.08),transparent 28%),
    linear-gradient(180deg,#f8faff 0%,#ffffff 40%,#ffffff 100%);
  border-bottom:1px solid #edf1f7;
}
.industry39-planned::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 38%,rgba(47,111,237,.025) 50%,transparent 62%);
  background-size:230% 100%;
  animation:industry39PlannedWash 13s ease-in-out infinite;
}
@keyframes industry39PlannedWash{
  0%,100%{background-position:120% 0}
  50%{background-position:-20% 0}
}
.industry39-planned-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  padding-bottom:27px;
  border-bottom:1px solid #dbe4f0;
}
.industry39-planned-head h3{
  margin:0;
  color:#142037;
  font:700 clamp(30px,3.1vw,46px)/1 var(--display);
  letter-spacing:-.045em;
}
.industry39-planned-head p{
  margin:0;
  max-width:460px;
  color:#69768a;
  font-size:14px;
  line-height:1.6;
  text-align:right;
}
.industry39-planned-list{
  position:relative;
  z-index:1;
}
.industry39-plan-row{
  --industry39-progress:0%;
  position:relative;
  display:grid;
  grid-template-columns:minmax(145px,.3fr) 1fr;
  gap:clamp(28px,5vw,82px);
  align-items:center;
  min-height:152px;
  border-bottom:1px solid #dfe6ef;
  overflow:hidden;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .75s ease,transform .88s cubic-bezier(.16,1,.3,1),border-color .35s ease;
  transition-delay:calc(var(--industry39-order) * 55ms);
}
.industry39-plan-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(96deg,rgba(47,111,237,.10) 0%,rgba(95,142,241,.045) 52%,rgba(255,255,255,0) 92%);
  transform:translateX(-102%);
  transition:transform .74s cubic-bezier(.16,1,.3,1);
}
.industry39-plan-row::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#2f6fed,#79a4f6,rgba(121,164,246,0));
  transition:width .8s cubic-bezier(.16,1,.3,1);
}
.industry39-plan-row.is-visible{
  opacity:1;
  transform:none;
}
.industry39-plan-number{
  color:#bdc9da;
  font:760 clamp(70px,7vw,108px)/.75 var(--display);
  letter-spacing:-.085em;
  transition:color .45s ease,transform .68s cubic-bezier(.16,1,.3,1),filter .45s ease;
}
.industry39-plan-row h4{
  margin:0;
  color:#18243a;
  font:700 clamp(40px,4.4vw,66px)/.92 var(--display);
  letter-spacing:-.058em;
  transition:color .42s ease,transform .68s cubic-bezier(.16,1,.3,1),letter-spacing .55s cubic-bezier(.16,1,.3,1);
}
.industry39-plan-row:hover{
  border-color:#cad8ed;
}
.industry39-plan-row:hover::before{
  transform:translateX(0);
}
.industry39-plan-row:hover::after{
  width:58%;
}
.industry39-plan-row:hover .industry39-plan-number{
  color:#2f6fed;
  transform:translateX(12px);
  filter:drop-shadow(0 10px 22px rgba(47,111,237,.10));
}
.industry39-plan-row:hover h4{
  color:#245fcf;
  transform:translateX(14px);
  letter-spacing:-.064em;
}

@media (max-width:1180px){
  .industry39{padding-top:110px}
  .industry39-head{gap:54px;margin-bottom:54px}
  .industry39-live-inner{grid-template-columns:132px minmax(330px,1fr) minmax(190px,.48fr);min-height:302px}
  .industry39-live-action{grid-column:3;justify-self:start;align-self:start}
  .industry39-live-focus{grid-column:3;grid-row:1}
  .industry39-planned{padding:78px 0 102px}
}
@media (max-width:900px){
  .industry39{padding-top:94px}
  .industry39-head{grid-template-columns:1fr;gap:25px;margin-bottom:44px}
  .industry39-intro{max-width:650px;padding:0}
  .industry39-live-inner{
    grid-template-columns:118px minmax(0,1fr);
    gap:22px 34px;
    min-height:0;
    padding-top:42px;
    padding-bottom:42px;
  }
  .industry39-live-number{grid-row:1 / span 2;font-size:clamp(90px,17vw,130px);align-self:start;padding-top:8px}
  .industry39-live-copy{grid-column:2}
  .industry39-live-focus{grid-column:2;grid-row:auto;display:flex;flex-wrap:wrap;gap:9px}
  .industry39-live-focus span{min-height:0;padding:9px 13px;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px;font-size:12px}
  .industry39-live-focus span::before{display:none}
  .industry39-live:hover .industry39-live-focus span{padding-left:13px}
  .industry39-live-action{grid-column:2;justify-self:start;align-self:start}
  .industry39-planned{padding:68px 0 88px}
  .industry39-planned-head{align-items:flex-start;flex-direction:column;gap:13px}
  .industry39-planned-head p{text-align:left}
  .industry39-plan-row{grid-template-columns:112px 1fr;min-height:138px;gap:30px}
  .industry39-plan-row h4{font-size:clamp(38px,6.4vw,54px)}
}
@media (max-width:640px){
  .industry39{padding-top:76px}
  .industry39-head{margin-bottom:34px}
  .industry39-kicker{font-size:10px;margin-bottom:15px}
  .industry39-heading h2{font-size:clamp(42px,12.5vw,58px);line-height:.98;letter-spacing:-.058em}
  .industry39-intro p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .industry39-live-inner{grid-template-columns:1fr;gap:17px;padding-top:35px;padding-bottom:38px}
  .industry39-live-number{grid-column:1;grid-row:auto;font-size:88px;line-height:.75;padding:0;margin-bottom:2px}
  .industry39-live-copy{grid-column:1}
  .industry39-live-state{font-size:12px}
  .industry39-live-copy h3{font-size:58px;margin:9px 0 11px}
  .industry39-live-description{font-size:13px;line-height:1.62;max-width:520px}
  .industry39-live-focus{grid-column:1;gap:7px}
  .industry39-live-focus span{padding:8px 10px;font-size:10px}
  .industry39-live-action{grid-column:1;min-height:44px;padding:0 15px;border-radius:12px;font-size:12px;margin-top:2px}
  .industry39-live-glow-a,.industry39-live-glow-b{display:none}
  .industry39-planned{padding:58px 0 72px}
  .industry39-planned-head{padding-bottom:22px}
  .industry39-planned-head h3{font-size:31px}
  .industry39-planned-head p{font-size:12px;line-height:1.55}
  .industry39-plan-row{grid-template-columns:82px minmax(0,1fr);gap:18px;min-height:116px}
  .industry39-plan-number{font-size:60px}
  .industry39-plan-row h4{font-size:34px}
  .industry39-plan-row:hover .industry39-plan-number{transform:translateX(5px)}
  .industry39-plan-row:hover h4{transform:translateX(7px)}
}
@media (max-width:390px){
  .industry39{padding-top:68px}
  .industry39-heading h2{font-size:40px}
  .industry39-live-number{font-size:78px}
  .industry39-live-copy h3{font-size:51px}
  .industry39-plan-row{grid-template-columns:70px minmax(0,1fr);gap:14px;min-height:108px}
  .industry39-plan-number{font-size:52px}
  .industry39-plan-row h4{font-size:30px}
}
@media (hover:none){
  .industry39-plan-row::before,.industry39-plan-row::after{display:none}
  .industry39-live:hover .industry39-live-number,.industry39-live:hover .industry39-live-copy h3,.industry39-live:hover .industry39-live-action,.industry39-live:hover .industry39-live-action b,.industry39-plan-row:hover .industry39-plan-number,.industry39-plan-row:hover h4{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .industry39-live,.industry39-live::before,.industry39-live::after,.industry39-live-glow-a,.industry39-live-glow-b,.industry39-planned::before{animation:none!important}
  .industry39-live-number,.industry39-live-copy h3,.industry39-live-focus span,.industry39-live-focus span::before,.industry39-live-action,.industry39-live-action b,.industry39-plan-row,.industry39-plan-row::before,.industry39-plan-row::after,.industry39-plan-number,.industry39-plan-row h4{transition:none!important}
  .industry39-plan-row{opacity:1!important;transform:none!important}
}

/* =============================================================
   WebsiteGeneratorHub v0.3.40 — Local business categories
   Editorial divider, stronger Roofer feature, premium roadmap.
   ============================================================= */
.industry40-divider{
  position:relative;
  width:100%;
  height:12px;
  overflow:hidden;
  background:linear-gradient(90deg,#0b47bf 0%,#2565df 36%,#4d83ef 70%,#79a4f5 100%);
  box-shadow:0 10px 28px rgba(24,79,182,.10);
}
.industry40-divider::after{
  content:"";
  position:absolute;
  inset:0;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transform:translateX(-145%) skewX(-22deg);
  animation:industry40DividerSweep 8.5s cubic-bezier(.45,0,.2,1) infinite;
}
.industry40-divider span{
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:rgba(255,255,255,.52);
}
@keyframes industry40DividerSweep{
  0%,58%{transform:translateX(-145%) skewX(-22deg);opacity:0}
  65%{opacity:.85}
  87%{transform:translateX(420%) skewX(-22deg);opacity:.48}
  100%{transform:translateX(420%) skewX(-22deg);opacity:0}
}

.industry40{
  position:relative;
  overflow:hidden;
  padding:112px 0 0;
  background:#fff;
}
.industry40-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.6fr);
  gap:clamp(62px,7.5vw,124px);
  align-items:end;
  margin-bottom:66px;
}
.industry40-heading,
.industry40-intro,
.industry40-planned-copy,
.industry40-plan-row{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .82s ease,transform .92s cubic-bezier(.16,1,.3,1);
}
.industry40-heading.is-visible,
.industry40-intro.is-visible,
.industry40-planned-copy.is-visible,
.industry40-plan-row.is-visible{
  opacity:1;
  transform:none;
}
.industry40-plan-row{transition-delay:calc(var(--industry40-order) * 58ms)}
.industry40-kicker{
  margin:0 0 20px;
  color:#2f6fed;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.industry40-heading h2{
  margin:0;
  max-width:900px;
  color:#111827;
  font:700 clamp(52px,5vw,80px)/.96 var(--display);
  letter-spacing:-.064em;
}
.industry40-heading h2 em{font-style:normal;color:#2f6fed}
.industry40-intro{max-width:510px;padding-bottom:5px}
.industry40-intro p{margin:0 0 27px;color:#5b687d;font-size:16px;line-height:1.75}
.industry40-intro a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#17233c;
  font-size:14px;
  font-weight:760;
  border-bottom:1px solid #17233c;
  padding-bottom:4px;
}
.industry40-intro a span{transition:transform .34s cubic-bezier(.16,1,.3,1)}
.industry40-intro a:hover span{transform:translate(4px,-4px)}

/* Roofer: one immersive full-width live release, not a generic card. */
.industry40-live{
  --industry40-x:72%;
  --industry40-y:42%;
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(circle at var(--industry40-x) var(--industry40-y),rgba(171,208,255,.30),transparent 30%),
    linear-gradient(120deg,#073da9 0%,#0d4bc4 25%,#2464df 53%,#4c83ef 78%,#76a3f6 100%);
  background-size:100% 100%,180% 180%;
  animation:industry40LiveDrift 16s ease-in-out infinite alternate;
}
.industry40-live::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-36% -14%;
  background:
    radial-gradient(ellipse at 24% 58%,rgba(255,255,255,.14),transparent 34%),
    radial-gradient(ellipse at 77% 36%,rgba(174,213,255,.24),transparent 30%);
  transform:rotate(-4deg);
  animation:industry40LiveAura 14s ease-in-out infinite alternate;
}
.industry40-live::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-14%;right:-14%;bottom:-55%;
  height:85%;
  border-radius:50%;
  background:linear-gradient(100deg,rgba(255,255,255,.04),rgba(255,255,255,.18),rgba(255,255,255,.02));
  filter:blur(22px);
  transform:rotate(-4deg);
}
.industry40-live-sheen{
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 0 40%,rgba(255,255,255,.12) 49%,transparent 58%);
  background-size:240% 100%;
  animation:industry40LiveSheen 10.5s ease-in-out infinite;
}
.industry40-live-ribbon{
  position:absolute;
  z-index:0;
  left:-8%;
  bottom:20%;
  width:116%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 24%,rgba(255,255,255,.12) 74%,transparent);
  transform:rotate(-2deg);
  opacity:.65;
}
@keyframes industry40LiveDrift{
  from{background-position:50% 50%,0% 45%}
  to{background-position:50% 50%,100% 56%}
}
@keyframes industry40LiveAura{
  from{transform:translate3d(-2%,0,0) rotate(-4deg) scale(.98)}
  to{transform:translate3d(5%,2%,0) rotate(-2deg) scale(1.04)}
}
@keyframes industry40LiveSheen{
  0%,38%{background-position:125% 0;opacity:0}
  50%{opacity:.8}
  74%{background-position:-105% 0;opacity:.5}
  100%{background-position:-105% 0;opacity:0}
}
.industry40-live-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(170px,.30fr) minmax(430px,1fr) minmax(240px,.42fr);
  gap:clamp(34px,5vw,82px);
  align-items:center;
  min-height:370px;
  padding-top:56px;
  padding-bottom:56px;
}
.industry40-live-number{
  color:rgba(255,255,255,.96);
  font:760 clamp(120px,11vw,188px)/.70 var(--display);
  letter-spacing:-.095em;
  text-shadow:0 24px 70px rgba(2,31,94,.18);
  transform:translate3d(-16px,18px,0);
  opacity:0;
  transition:opacity .8s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s,text-shadow .5s ease;
}
.industry40-live-copy{
  max-width:720px;
  transform:translate3d(0,22px,0);
  opacity:0;
  transition:opacity .82s ease .16s,transform .98s cubic-bezier(.16,1,.3,1) .16s;
}
.industry40-live-state{margin:0;color:rgba(255,255,255,.76);font:650 15px/1.3 var(--display)}
.industry40-live-copy h3{
  margin:12px 0 17px;
  color:#fff;
  font:720 clamp(68px,6.4vw,104px)/.86 var(--display);
  letter-spacing:-.072em;
  transition:transform .58s cubic-bezier(.16,1,.3,1);
}
.industry40-live-description{margin:0;max-width:620px;color:rgba(255,255,255,.84);font-size:16px;line-height:1.68}
.industry40-live-focus{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:30px;
  border-top:1px solid rgba(255,255,255,.23);
  border-bottom:1px solid rgba(255,255,255,.23);
}
.industry40-live-focus span{
  position:relative;
  flex:1 1 auto;
  min-width:130px;
  padding:15px 20px 15px 0;
  color:#fff;
  font:650 17px/1.2 var(--display);
  transition:padding-left .5s cubic-bezier(.16,1,.3,1),color .35s ease;
}
.industry40-live-focus span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.20)}
.industry40-live-action{
  justify-self:end;
  align-self:center;
  display:grid;
  grid-template-columns:auto 56px;
  align-items:center;
  min-height:68px;
  min-width:238px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  color:#154fbf;
  box-shadow:0 20px 55px rgba(2,31,94,.20),inset 0 1px 0 rgba(255,255,255,.96);
  transform:translate3d(18px,16px,0);
  opacity:0;
  transition:opacity .82s ease .24s,transform .9s cubic-bezier(.16,1,.3,1) .24s,box-shadow .4s ease;
}
.industry40-live-action>span{padding:0 23px;font:760 16px/1 var(--display);white-space:nowrap}
.industry40-live-action b{
  display:grid;
  place-items:center;
  align-self:stretch;
  border-left:1px solid #dbe6fb;
  background:linear-gradient(180deg,#f4f8ff,#edf4ff);
  font-size:20px;
  font-weight:500;
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s ease;
}
.industry40-live.is-visible .industry40-live-number,
.industry40-live.is-visible .industry40-live-copy,
.industry40-live.is-visible .industry40-live-action{opacity:1;transform:none}
.industry40-live:hover .industry40-live-number{text-shadow:0 28px 78px rgba(2,27,86,.27)}
.industry40-live:hover .industry40-live-copy h3{transform:translateX(5px)}
.industry40-live:hover .industry40-live-focus span{padding-left:8px}
.industry40-live:hover .industry40-live-focus span+span{padding-left:30px}
.industry40-live:hover .industry40-live-action{transform:translateY(-5px);box-shadow:0 27px 68px rgba(2,31,94,.25),inset 0 1px 0 rgba(255,255,255,.96)}
.industry40-live:hover .industry40-live-action b{transform:translate(4px,-4px);background:linear-gradient(180deg,#edf4ff,#e5efff)}

/* Planned industries: sticky editorial introduction + large typographic release index. */
.industry40-planned{
  position:relative;
  overflow:hidden;
  padding:112px 0 126px;
  background:
    radial-gradient(circle at 12% 15%,rgba(47,111,237,.08),transparent 26%),
    radial-gradient(circle at 91% 72%,rgba(101,151,246,.08),transparent 28%),
    linear-gradient(180deg,#fbfcff 0%,#fff 34%,#f9fbff 100%);
  border-bottom:1px solid #e7edf6;
}
.industry40-planned::after{
  content:"";
  position:absolute;
  left:-15%;right:-15%;top:38%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(47,111,237,.12),transparent);
  transform:rotate(-5deg);
  pointer-events:none;
}
.industry40-planned-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);
  gap:clamp(70px,9vw,150px);
  align-items:start;
}
.industry40-planned-copy{
  position:sticky;
  top:126px;
  padding-top:10px;
}
.industry40-planned-copy h3{
  margin:0;
  color:#121e34;
  font:710 clamp(48px,4.5vw,72px)/.94 var(--display);
  letter-spacing:-.062em;
}
.industry40-planned-copy p{
  margin:24px 0 0;
  max-width:410px;
  color:#68758a;
  font-size:15px;
  line-height:1.7;
}
.industry40-planned-rule{
  display:block;
  width:100%;
  max-width:360px;
  height:4px;
  margin-top:34px;
  border-radius:999px;
  background:linear-gradient(90deg,#245fd5 0%,#5c8ff2 54%,rgba(92,143,242,.05) 100%);
  transform-origin:left center;
  animation:industry40RuleBreath 5.5s ease-in-out infinite alternate;
}
@keyframes industry40RuleBreath{from{transform:scaleX(.74);opacity:.72}to{transform:scaleX(1);opacity:1}}
.industry40-planned-list{
  position:relative;
  border-top:1px solid #dce5f1;
}
.industry40-planned-list::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(180deg,#2f6fed,rgba(47,111,237,.18) 54%,transparent);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform 1.3s cubic-bezier(.16,1,.3,1) .2s;
}
.industry40-planned-list:has(.industry40-plan-row.is-visible)::before{transform:scaleY(1)}
.industry40-plan-row{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:center;
  min-height:142px;
  padding:0 28px 0 32px;
  border-bottom:1px solid #dce5f1;
  overflow:hidden;
  isolation:isolate;
}
.industry40-plan-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(98deg,rgba(47,111,237,.11),rgba(104,151,244,.045) 56%,transparent 92%);
  transform:translateX(-103%);
  transition:transform .72s cubic-bezier(.16,1,.3,1);
}
.industry40-plan-row::after{
  content:"";
  position:absolute;
  left:32px;
  right:28px;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,#2f6fed,#7aa5f6,transparent 78%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.industry40-plan-number{
  color:transparent;
  -webkit-text-stroke:1.4px rgba(47,111,237,.24);
  font:760 clamp(72px,6.8vw,108px)/.74 var(--display);
  letter-spacing:-.09em;
  transition:color .48s ease,-webkit-text-stroke-color .48s ease,transform .62s cubic-bezier(.16,1,.3,1),filter .48s ease;
}
.industry40-plan-row h4{
  margin:0;
  color:#17243a;
  font:710 clamp(44px,4.5vw,68px)/.9 var(--display);
  letter-spacing:-.062em;
  transition:color .45s ease,transform .62s cubic-bezier(.16,1,.3,1),letter-spacing .55s cubic-bezier(.16,1,.3,1);
}
.industry40-plan-row:hover::before{transform:translateX(0)}
.industry40-plan-row:hover::after{transform:scaleX(.68)}
.industry40-plan-row:hover .industry40-plan-number{
  color:#2f6fed;
  -webkit-text-stroke-color:#2f6fed;
  transform:translateX(9px);
  filter:drop-shadow(0 12px 26px rgba(47,111,237,.12));
}
.industry40-plan-row:hover h4{color:#245fcf;transform:translateX(13px);letter-spacing:-.067em}

@media (max-width:1180px){
  .industry40{padding-top:100px}
  .industry40-head{gap:54px;margin-bottom:54px}
  .industry40-live-inner{grid-template-columns:145px minmax(360px,1fr) minmax(220px,.42fr);min-height:342px}
  .industry40-planned{padding:96px 0 112px}
  .industry40-planned-grid{grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:62px}
  .industry40-plan-row{grid-template-columns:130px 1fr}
}
@media (max-width:900px){
  .industry40-divider{height:10px}
  .industry40{padding-top:88px}
  .industry40-head{grid-template-columns:1fr;gap:25px;margin-bottom:44px}
  .industry40-intro{max-width:650px;padding:0}
  .industry40-live-inner{grid-template-columns:118px minmax(0,1fr);gap:22px 32px;min-height:0;padding-top:46px;padding-bottom:46px}
  .industry40-live-number{grid-row:1 / span 2;align-self:start;padding-top:10px;font-size:clamp(94px,17vw,132px)}
  .industry40-live-copy{grid-column:2}
  .industry40-live-action{grid-column:2;justify-self:start;min-width:230px}
  .industry40-live-focus span{font-size:15px}
  .industry40-planned{padding:82px 0 94px}
  .industry40-planned-grid{grid-template-columns:1fr;gap:44px}
  .industry40-planned-copy{position:static;padding:0;max-width:650px}
  .industry40-planned-rule{max-width:260px}
  .industry40-plan-row{grid-template-columns:112px 1fr;min-height:130px;padding-left:24px;padding-right:18px}
}
@media (max-width:640px){
  .industry40-divider{height:8px}
  .industry40{padding-top:72px}
  .industry40-head{margin-bottom:34px}
  .industry40-kicker{font-size:10px;margin-bottom:15px}
  .industry40-heading h2{font-size:clamp(42px,12.5vw,58px);line-height:.98;letter-spacing:-.058em}
  .industry40-intro p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .industry40-live-inner{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:42px}
  .industry40-live-number{grid-column:1;grid-row:auto;font-size:92px;line-height:.72;padding:0;margin-bottom:3px}
  .industry40-live-copy{grid-column:1}
  .industry40-live-state{font-size:13px}
  .industry40-live-copy h3{font-size:61px;margin:10px 0 12px}
  .industry40-live-description{font-size:13px;line-height:1.62}
  .industry40-live-focus{margin-top:23px}
  .industry40-live-focus span{min-width:0;padding:11px 10px 11px 0;font-size:12px}
  .industry40-live-focus span+span{padding-left:11px}
  .industry40-live:hover .industry40-live-focus span{padding-left:0}
  .industry40-live:hover .industry40-live-focus span+span{padding-left:11px}
  .industry40-live-action{grid-column:1;justify-self:stretch;grid-template-columns:1fr 54px;min-width:0;min-height:60px;margin-top:5px}
  .industry40-live-action>span{font-size:15px}
  .industry40-planned{padding:70px 0 80px}
  .industry40-planned-grid{gap:34px}
  .industry40-planned-copy h3{font-size:46px}
  .industry40-planned-copy p{font-size:13px;line-height:1.6;margin-top:17px}
  .industry40-planned-rule{height:3px;margin-top:24px;max-width:210px}
  .industry40-plan-row{grid-template-columns:80px minmax(0,1fr);min-height:108px;padding:0 8px 0 18px}
  .industry40-plan-row::after{left:18px;right:8px}
  .industry40-plan-number{font-size:59px}
  .industry40-plan-row h4{font-size:34px}
  .industry40-plan-row:hover .industry40-plan-number,.industry40-plan-row:hover h4{transform:none}
}
@media (max-width:390px){
  .industry40{padding-top:64px}
  .industry40-heading h2{font-size:40px}
  .industry40-live-number{font-size:82px}
  .industry40-live-copy h3{font-size:53px}
  .industry40-live-focus{display:grid;grid-template-columns:repeat(3,1fr)}
  .industry40-live-focus span{padding-right:6px}
  .industry40-live-focus span+span{padding-left:8px}
  .industry40-planned-copy h3{font-size:42px}
  .industry40-plan-row{grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:102px}
  .industry40-plan-number{font-size:50px}
  .industry40-plan-row h4{font-size:29px}
}
@media (hover:none){
  .industry40-live:hover .industry40-live-copy h3,
  .industry40-live:hover .industry40-live-action,
  .industry40-live:hover .industry40-live-action b,
  .industry40-plan-row:hover .industry40-plan-number,
  .industry40-plan-row:hover h4{transform:none}
  .industry40-plan-row::before,.industry40-plan-row::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .industry40-divider::after,.industry40-live,.industry40-live::before,.industry40-live-sheen,.industry40-planned-rule{animation:none!important}
  .industry40-heading,.industry40-intro,.industry40-live-number,.industry40-live-copy,.industry40-live-action,.industry40-planned-copy,.industry40-plan-row,.industry40-plan-row::before,.industry40-plan-row::after,.industry40-plan-number,.industry40-plan-row h4{transition:none!important}
  .industry40-heading,.industry40-intro,.industry40-live-number,.industry40-live-copy,.industry40-live-action,.industry40-planned-copy,.industry40-plan-row{opacity:1!important;transform:none!important}
}

/* =============================================================
   WebsiteGeneratorHub v0.3.41 — Local business categories
   Soft section handoff, editorial Roofer feature, richer roadmap.
   ============================================================= */
.industry41{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.industry41-intro-band{
  position:relative;
  overflow:hidden;
  padding:118px 0 76px;
  background:
    radial-gradient(ellipse at 50% -18%,rgba(47,111,237,.16) 0%,rgba(91,140,238,.08) 28%,rgba(255,255,255,0) 66%),
    linear-gradient(180deg,#f7faff 0%,#fbfdff 34%,#fff 100%);
}
.industry41-intro-band::before{
  content:"";
  position:absolute;
  left:50%;
  top:-92px;
  width:min(1120px,86vw);
  height:210px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(66,119,229,.11),rgba(66,119,229,0) 68%);
  filter:blur(8px);
  pointer-events:none;
}
.industry41-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.62fr);
  gap:clamp(58px,7vw,118px);
  align-items:end;
}
.industry41-heading,
.industry41-intro,
.industry41-planned-head,
.industry41-plan-row{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .8s ease,transform .95s cubic-bezier(.16,1,.3,1);
}
.industry41-heading.is-visible,
.industry41-intro.is-visible,
.industry41-planned-head.is-visible,
.industry41-plan-row.is-visible{
  opacity:1;
  transform:none;
}
.industry41-plan-row{transition-delay:calc(var(--industry41-order) * 62ms)}
.industry41-kicker{
  margin:0 0 20px;
  color:#2f6fed;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.industry41-heading h2{
  margin:0;
  max-width:900px;
  color:#111827;
  font:700 clamp(52px,5vw,80px)/.96 var(--display);
  letter-spacing:-.064em;
}
.industry41-heading h2 em{font-style:normal;color:#2f6fed}
.industry41-intro{max-width:510px;padding-bottom:4px}
.industry41-intro p{margin:0 0 27px;color:#5b687d;font-size:16px;line-height:1.75}
.industry41-intro a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding-bottom:4px;
  color:#17233c;
  font-size:14px;
  font-weight:760;
  border-bottom:1px solid #17233c;
}
.industry41-intro a span{transition:transform .34s cubic-bezier(.16,1,.3,1)}
.industry41-intro a:hover span{transform:translate(4px,-4px)}

/* Roofer: editorial live release rather than a UI card. */
.industry41-live{
  --industry41-x:72%;
  --industry41-y:36%;
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(circle at var(--industry41-x) var(--industry41-y),rgba(185,217,255,.30),transparent 31%),
    linear-gradient(116deg,#083da7 0%,#0d4bc2 22%,#2465df 53%,#4d83ee 79%,#79a5f6 100%);
  background-size:100% 100%,180% 180%;
  animation:industry41BlueDrift 18s ease-in-out infinite alternate;
}
.industry41-live::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-28% -10%;
  background:
    radial-gradient(ellipse at 20% 64%,rgba(255,255,255,.12),transparent 31%),
    radial-gradient(ellipse at 82% 30%,rgba(191,221,255,.18),transparent 29%);
  transform:rotate(-3deg);
  animation:industry41Aura 15s ease-in-out infinite alternate;
}
.industry41-live-light{
  position:absolute;
  z-index:0;
  top:-34%;
  left:-15%;
  width:48%;
  height:168%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  transform:skewX(-14deg) translateX(-120%);
  filter:blur(4px);
  opacity:0;
  animation:industry41LightPass 11.5s cubic-bezier(.45,0,.2,1) infinite;
  pointer-events:none;
}
.industry41-live-wave{
  position:absolute;
  z-index:0;
  left:-7%;
  right:-7%;
  bottom:-42%;
  height:78%;
  border-radius:50%;
  background:linear-gradient(100deg,rgba(255,255,255,.025),rgba(255,255,255,.15),rgba(255,255,255,.025));
  filter:blur(20px);
  transform:rotate(-3deg);
  animation:industry41Wave 13s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes industry41BlueDrift{
  from{background-position:50% 50%,0% 44%}
  to{background-position:50% 50%,100% 58%}
}
@keyframes industry41Aura{
  from{transform:translate3d(-2%,0,0) rotate(-3deg) scale(.98)}
  to{transform:translate3d(5%,2%,0) rotate(-1deg) scale(1.04)}
}
@keyframes industry41LightPass{
  0%,48%{transform:skewX(-14deg) translateX(-135%);opacity:0}
  55%{opacity:.72}
  76%{transform:skewX(-14deg) translateX(320%);opacity:.35}
  100%{transform:skewX(-14deg) translateX(320%);opacity:0}
}
@keyframes industry41Wave{
  from{transform:translate3d(-2%,0,0) rotate(-3deg) scaleX(.96);opacity:.62}
  to{transform:translate3d(4%,-3%,0) rotate(-1deg) scaleX(1.04);opacity:.9}
}
.industry41-live-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(170px,.3fr) minmax(430px,1fr) minmax(265px,.44fr);
  gap:clamp(34px,5vw,86px);
  align-items:center;
  min-height:400px;
  padding-top:64px;
  padding-bottom:64px;
}
.industry41-live-number{
  color:rgba(255,255,255,.97);
  font:760 clamp(126px,11.2vw,194px)/.70 var(--display);
  letter-spacing:-.095em;
  text-shadow:0 28px 80px rgba(3,34,99,.19);
  opacity:0;
  transform:translate3d(-18px,20px,0);
  transition:opacity .82s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s,text-shadow .55s ease;
}
.industry41-live-copy{
  max-width:720px;
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .84s ease .15s,transform 1s cubic-bezier(.16,1,.3,1) .15s;
}
.industry41-live-state{margin:0;color:rgba(255,255,255,.77);font:650 15px/1.35 var(--display)}
.industry41-live-copy h3{
  margin:12px 0 18px;
  color:#fff;
  font:720 clamp(70px,6.5vw,106px)/.86 var(--display);
  letter-spacing:-.073em;
  transition:transform .6s cubic-bezier(.16,1,.3,1);
}
.industry41-live-description{margin:0;max-width:680px;color:rgba(255,255,255,.86);font-size:16px;line-height:1.7}
.industry41-live-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:32px;
  border-top:1px solid rgba(255,255,255,.23);
  border-bottom:1px solid rgba(255,255,255,.23);
}
.industry41-live-points span{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:17px 18px 17px 0;
}
.industry41-live-points span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.industry41-live-points b{color:#fff;font:680 17px/1.15 var(--display)}
.industry41-live-points small{color:rgba(255,255,255,.68);font-size:11px;line-height:1.45}
.industry41-live-action{
  justify-self:end;
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:13px 0 12px;
  color:#fff;
  border-bottom:2px solid rgba(255,255,255,.72);
  opacity:0;
  transform:translate3d(22px,16px,0);
  transition:opacity .84s ease .23s,transform .95s cubic-bezier(.16,1,.3,1) .23s,border-color .35s ease;
}
.industry41-live-action>span{font:720 clamp(20px,1.7vw,27px)/1.05 var(--display);letter-spacing:-.035em;white-space:nowrap}
.industry41-live-action b{
  font-size:30px;
  line-height:1;
  font-weight:450;
  transition:transform .42s cubic-bezier(.16,1,.3,1);
}
.industry41-live.is-visible .industry41-live-number,
.industry41-live.is-visible .industry41-live-copy,
.industry41-live.is-visible .industry41-live-action{opacity:1;transform:none}
.industry41-live:hover .industry41-live-number{text-shadow:0 30px 88px rgba(3,27,84,.27)}
.industry41-live:hover .industry41-live-copy h3{transform:translateX(5px)}
.industry41-live:hover .industry41-live-action{border-color:#fff;transform:translateX(5px)}
.industry41-live:hover .industry41-live-action b{transform:translate(5px,-5px)}

/* Planned roadmap: descriptive editorial rows, no fake availability UI. */
.industry41-planned{
  position:relative;
  overflow:hidden;
  padding:114px 0 128px;
  background:
    radial-gradient(ellipse at 84% 8%,rgba(47,111,237,.075),transparent 27%),
    linear-gradient(180deg,#fbfcff 0%,#fff 30%,#f8faff 100%);
  border-bottom:1px solid #e7edf6;
}
.industry41-planned::before{
  content:"";
  position:absolute;
  left:50%;
  top:-170px;
  width:min(1240px,92vw);
  height:330px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(47,111,237,.08),transparent 70%);
  filter:blur(12px);
  pointer-events:none;
}
.industry41-planned-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(360px,.62fr);
  gap:clamp(54px,8vw,128px);
  align-items:end;
  padding-bottom:48px;
}
.industry41-planned-head h3{
  margin:0;
  color:#111d32;
  font:710 clamp(54px,5.3vw,86px)/.92 var(--display);
  letter-spacing:-.067em;
}
.industry41-planned-head p{
  margin:0;
  max-width:560px;
  color:#66758a;
  font-size:15px;
  line-height:1.72;
}
.industry41-planned-list{
  position:relative;
  z-index:1;
  border-top:1px solid #dbe4f0;
}
.industry41-plan-row{
  position:relative;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:clamp(30px,4vw,70px);
  align-items:center;
  min-height:164px;
  padding:24px 28px 24px 24px;
  border-bottom:1px solid #dbe4f0;
  overflow:hidden;
  isolation:isolate;
}
.industry41-plan-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(96deg,rgba(47,111,237,.11) 0%,rgba(89,139,239,.055) 46%,rgba(255,255,255,0) 88%);
  transform:translateX(-104%);
  transition:transform .82s cubic-bezier(.16,1,.3,1);
}
.industry41-plan-row::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:-1px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#2f6fed,#80a9f8,transparent);
  transition:width .78s cubic-bezier(.16,1,.3,1);
}
.industry41-plan-number{
  color:transparent;
  -webkit-text-stroke:1.4px rgba(47,111,237,.26);
  font:760 clamp(78px,7.2vw,116px)/.72 var(--display);
  letter-spacing:-.095em;
  transition:color .48s ease,-webkit-text-stroke-color .48s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .48s ease;
}
.industry41-plan-copy{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(300px,1fr);
  gap:clamp(34px,6vw,96px);
  align-items:center;
}
.industry41-plan-copy h4{
  margin:0;
  color:#17243a;
  font:710 clamp(44px,4.4vw,70px)/.9 var(--display);
  letter-spacing:-.063em;
  transition:color .45s ease,transform .62s cubic-bezier(.16,1,.3,1),letter-spacing .55s cubic-bezier(.16,1,.3,1);
}
.industry41-plan-copy p{
  margin:0;
  max-width:600px;
  color:#6a778b;
  font-size:14px;
  line-height:1.7;
  transition:color .4s ease,transform .62s cubic-bezier(.16,1,.3,1);
}
.industry41-plan-row:hover::before{transform:translateX(0)}
.industry41-plan-row:hover::after{width:min(58%,620px)}
.industry41-plan-row:hover .industry41-plan-number{
  color:#2f6fed;
  -webkit-text-stroke-color:#2f6fed;
  transform:translateX(10px);
  filter:drop-shadow(0 12px 28px rgba(47,111,237,.13));
}
.industry41-plan-row:hover h4{color:#245fce;transform:translateX(8px);letter-spacing:-.067em}
.industry41-plan-row:hover p{color:#44536a;transform:translateX(6px)}

@media (max-width:1180px){
  .industry41-intro-band{padding:104px 0 68px}
  .industry41-head{gap:52px}
  .industry41-live-inner{grid-template-columns:150px minmax(380px,1fr) minmax(240px,.42fr);min-height:370px}
  .industry41-planned{padding:98px 0 112px}
  .industry41-plan-row{grid-template-columns:136px minmax(0,1fr)}
  .industry41-plan-copy{grid-template-columns:minmax(220px,.68fr) minmax(260px,1fr);gap:44px}
}
@media (max-width:900px){
  .industry41-intro-band{padding:90px 0 58px}
  .industry41-head{grid-template-columns:1fr;gap:26px}
  .industry41-intro{max-width:650px;padding:0}
  .industry41-live-inner{grid-template-columns:120px minmax(0,1fr);gap:24px 32px;min-height:0;padding-top:48px;padding-bottom:50px}
  .industry41-live-number{grid-row:1 / span 2;align-self:start;padding-top:9px;font-size:clamp(96px,17vw,134px)}
  .industry41-live-copy{grid-column:2}
  .industry41-live-action{grid-column:2;justify-self:start;margin-top:4px}
  .industry41-planned{padding:84px 0 94px}
  .industry41-planned-head{grid-template-columns:1fr;gap:22px;padding-bottom:38px}
  .industry41-planned-head p{max-width:680px}
  .industry41-plan-row{grid-template-columns:112px minmax(0,1fr);min-height:146px;padding-left:18px;padding-right:12px}
  .industry41-plan-copy{grid-template-columns:1fr;gap:10px}
  .industry41-plan-copy p{max-width:620px}
}
@media (max-width:640px){
  .industry41-intro-band{padding:72px 0 46px}
  .industry41-kicker{font-size:10px;margin-bottom:15px}
  .industry41-heading h2{font-size:clamp(42px,12.5vw,58px);line-height:.98;letter-spacing:-.058em}
  .industry41-intro p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .industry41-live-inner{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:44px}
  .industry41-live-number{grid-column:1;grid-row:auto;font-size:92px;line-height:.72;padding:0;margin-bottom:3px}
  .industry41-live-copy{grid-column:1}
  .industry41-live-state{font-size:13px}
  .industry41-live-copy h3{font-size:61px;margin:10px 0 13px}
  .industry41-live-description{font-size:13px;line-height:1.64}
  .industry41-live-points{grid-template-columns:1fr;margin-top:24px}
  .industry41-live-points span{padding:12px 0}
  .industry41-live-points span+span{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.17)}
  .industry41-live-points b{font-size:14px}
  .industry41-live-points small{font-size:10px}
  .industry41-live-action{grid-column:1;justify-self:start;gap:14px;margin-top:8px;padding-bottom:10px}
  .industry41-live-action>span{font-size:20px;white-space:normal}
  .industry41-live-action b{font-size:25px}
  .industry41-planned{padding:72px 0 80px}
  .industry41-planned-head{gap:18px;padding-bottom:30px}
  .industry41-planned-head h3{font-size:48px}
  .industry41-planned-head p{font-size:13px;line-height:1.62}
  .industry41-plan-row{grid-template-columns:78px minmax(0,1fr);gap:14px;min-height:126px;padding:18px 4px 18px 12px}
  .industry41-plan-number{font-size:58px}
  .industry41-plan-copy{gap:7px}
  .industry41-plan-copy h4{font-size:34px}
  .industry41-plan-copy p{font-size:12px;line-height:1.55}
  .industry41-plan-row::after{left:12px}
  .industry41-plan-row:hover .industry41-plan-number,.industry41-plan-row:hover h4,.industry41-plan-row:hover p{transform:none}
}
@media (max-width:390px){
  .industry41-intro-band{padding-top:64px}
  .industry41-heading h2{font-size:40px}
  .industry41-live-number{font-size:82px}
  .industry41-live-copy h3{font-size:53px}
  .industry41-planned-head h3{font-size:43px}
  .industry41-plan-row{grid-template-columns:68px minmax(0,1fr);gap:10px}
  .industry41-plan-number{font-size:50px}
  .industry41-plan-copy h4{font-size:29px}
}
@media (hover:none){
  .industry41-live:hover .industry41-live-copy h3,
  .industry41-live:hover .industry41-live-action,
  .industry41-live:hover .industry41-live-action b,
  .industry41-plan-row:hover .industry41-plan-number,
  .industry41-plan-row:hover h4,
  .industry41-plan-row:hover p{transform:none}
  .industry41-plan-row::before,.industry41-plan-row::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .industry41-live,.industry41-live::before,.industry41-live-light,.industry41-live-wave{animation:none!important}
  .industry41-heading,.industry41-intro,.industry41-live-number,.industry41-live-copy,.industry41-live-action,.industry41-planned-head,.industry41-plan-row,.industry41-plan-row::before,.industry41-plan-row::after,.industry41-plan-number,.industry41-plan-copy h4,.industry41-plan-copy p{transition:none!important}
  .industry41-heading,.industry41-intro,.industry41-live-number,.industry41-live-copy,.industry41-live-action,.industry41-planned-head,.industry41-plan-row{opacity:1!important;transform:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.42 — Local business categories
   Scroll handoff: category story -> live Roofer -> future roadmap
   ========================================================= */
.industry42{
  position:relative;
  background:#fff;
  overflow:clip;
}
.industry42-story{
  position:relative;
  height:178svh;
  background:#0d4bc2;
}
.industry42-stage{
  --industry42-intro-opacity:1;
  --industry42-intro-y:0px;
  --industry42-roofer-opacity:0;
  --industry42-roofer-y:34px;
  --industry42-bg-swap:0;
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:linear-gradient(118deg,#073b9f 0%,#0f4fc4 38%,#2f6fed 72%,#78a3f4 100%);
}
.industry42-stage::before,
.industry42-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.industry42-stage::before{
  z-index:-3;
  background:
    radial-gradient(ellipse at 18% 72%,rgba(255,255,255,.11),transparent 34%),
    radial-gradient(ellipse at 84% 18%,rgba(188,218,255,.22),transparent 31%),
    linear-gradient(118deg,#073b9f 0%,#0f4fc4 38%,#2f6fed 72%,#78a3f4 100%);
}
.industry42-stage::after{
  z-index:-2;
  opacity:var(--industry42-bg-swap);
  background:
    radial-gradient(ellipse at 72% 38%,rgba(219,235,255,.25),transparent 28%),
    radial-gradient(ellipse at 18% 16%,rgba(255,255,255,.09),transparent 30%),
    linear-gradient(126deg,#06358e 0%,#0a45b5 28%,#1f5ed6 61%,#6394ef 100%);
}
.industry42-glow{
  position:absolute;
  z-index:-1;
  display:block;
  border-radius:50%;
  filter:blur(34px);
  pointer-events:none;
  opacity:.46;
  will-change:transform;
}
.industry42-glow-a{
  width:48vw;
  height:29vw;
  min-width:520px;
  min-height:320px;
  right:-16vw;
  top:-7vw;
  background:radial-gradient(ellipse,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);
  animation:industry42GlowA 16s ease-in-out infinite alternate;
}
.industry42-glow-b{
  width:38vw;
  height:23vw;
  min-width:440px;
  min-height:270px;
  left:-13vw;
  bottom:-9vw;
  background:radial-gradient(ellipse,rgba(132,183,255,.28),rgba(132,183,255,0) 72%);
  animation:industry42GlowB 19s ease-in-out infinite alternate;
}
@keyframes industry42GlowA{
  from{transform:translate3d(-2%,0,0) rotate(-4deg) scale(.98)}
  to{transform:translate3d(7%,6%,0) rotate(2deg) scale(1.07)}
}
@keyframes industry42GlowB{
  from{transform:translate3d(0,2%,0) rotate(2deg) scale(.98)}
  to{transform:translate3d(8%,-5%,0) rotate(-3deg) scale(1.08)}
}
.industry42-stage-shell{
  position:relative;
  height:100%;
}
.industry42-state{
  position:absolute;
  inset:0;
  display:grid;
  align-items:center;
  width:100%;
  padding-top:clamp(104px,13vh,150px);
  padding-bottom:clamp(68px,9vh,104px);
  will-change:opacity,transform;
}
.industry42-state-intro{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.58fr);
  gap:clamp(64px,8vw,132px);
  opacity:var(--industry42-intro-opacity);
  transform:translate3d(0,var(--industry42-intro-y),0);
  pointer-events:auto;
}
.industry42-stage.is-roofer .industry42-state-intro{pointer-events:none}
.industry42-kicker{
  margin:0 0 28px;
  color:rgba(255,255,255,.82);
  font:650 clamp(18px,1.45vw,23px)/1.25 var(--display);
  letter-spacing:-.02em;
}
.industry42-heading h2{
  margin:0;
  max-width:980px;
  color:#fff;
  font:710 clamp(60px,6.15vw,100px)/.93 var(--display);
  letter-spacing:-.068em;
}
.industry42-heading h2 em{
  display:inline-block;
  color:#cfe0ff;
  font-style:normal;
  font-weight:590;
}
.industry42-intro-copy{
  align-self:end;
  max-width:520px;
  padding-bottom:8px;
}
.industry42-intro-copy p{
  margin:0 0 30px;
  color:rgba(255,255,255,.79);
  font-size:16px;
  line-height:1.75;
}
.industry42-intro-copy a,
.industry42-roofer-link{
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  color:#fff;
  font:720 17px/1.2 var(--display);
  letter-spacing:-.025em;
  border-bottom:1px solid rgba(255,255,255,.66);
  padding-bottom:7px;
  transition:border-color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.industry42-intro-copy a span,
.industry42-roofer-link b{
  font-size:21px;
  line-height:1;
  font-weight:500;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.industry42-intro-copy a:hover,
.industry42-roofer-link:hover{border-color:#fff;transform:translateX(4px)}
.industry42-intro-copy a:hover span,
.industry42-roofer-link:hover b{transform:translate(4px,-4px)}

.industry42-state-roofer{
  grid-template-columns:minmax(180px,.28fr) minmax(450px,1fr) minmax(280px,.42fr);
  gap:clamp(38px,5.6vw,92px);
  opacity:var(--industry42-roofer-opacity);
  transform:translate3d(0,var(--industry42-roofer-y),0);
  pointer-events:none;
}
.industry42-stage.is-roofer .industry42-state-roofer{pointer-events:auto}
.industry42-roofer-number{
  align-self:center;
  color:rgba(255,255,255,.98);
  font:770 clamp(142px,12.4vw,218px)/.68 var(--display);
  letter-spacing:-.1em;
  text-shadow:0 32px 90px rgba(1,31,90,.2);
}
.industry42-roofer-copy{max-width:720px}
.industry42-roofer-now{
  margin:0;
  color:rgba(255,255,255,.77);
  font:640 16px/1.35 var(--display);
}
.industry42-roofer-copy h3{
  margin:12px 0 19px;
  color:#fff;
  font:730 clamp(76px,7.2vw,116px)/.84 var(--display);
  letter-spacing:-.075em;
}
.industry42-roofer-description{
  margin:0;
  max-width:700px;
  color:rgba(255,255,255,.84);
  font-size:16px;
  line-height:1.72;
}
.industry42-roofer-priorities{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:32px;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.22);
}
.industry42-roofer-priorities>div{
  padding:18px 18px 18px 0;
}
.industry42-roofer-priorities>div+div{
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.16);
}
.industry42-roofer-priorities strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font:690 17px/1.15 var(--display);
}
.industry42-roofer-priorities span{
  display:block;
  color:rgba(255,255,255,.66);
  font-size:11px;
  line-height:1.48;
}
.industry42-roofer-link{
  justify-self:end;
  align-self:end;
  margin-bottom:6px;
  font-size:20px;
}
.industry42-roofer-link span{max-width:220px}
.industry42-roofer-link b{font-size:27px}

/* Future roadmap: visibly not live, but designed as a growing editorial library. */
.industry42-planned{
  position:relative;
  overflow:hidden;
  padding:clamp(108px,10vw,154px) 0 clamp(118px,11vw,168px);
  background:
    radial-gradient(ellipse at 88% 0%,rgba(47,111,237,.085),transparent 27%),
    linear-gradient(180deg,#f7faff 0%,#fff 19%,#fff 100%);
}
.industry42-planned::before{
  content:"";
  position:absolute;
  top:-210px;
  left:50%;
  width:min(1320px,94vw);
  height:390px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(47,111,237,.075),transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
.industry42-planned-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.58fr);
  gap:clamp(58px,8vw,130px);
  align-items:end;
  padding-bottom:clamp(58px,5vw,82px);
}
.industry42-planned-title>p{
  margin:0 0 21px;
  color:#2f6fed;
  font:660 clamp(18px,1.4vw,22px)/1.25 var(--display);
  letter-spacing:-.018em;
}
.industry42-planned-title h3{
  margin:0;
  color:#111d32;
  font:720 clamp(58px,5.8vw,92px)/.91 var(--display);
  letter-spacing:-.07em;
}
.industry42-planned-title h3 em{
  color:#2f6fed;
  font-style:normal;
  font-weight:610;
}
.industry42-planned-copy{
  max-width:590px;
  padding-bottom:4px;
}
.industry42-planned-copy p{
  margin:0;
  color:#647287;
  font-size:15px;
  line-height:1.72;
}
.industry42-planned-copy p+p{margin-top:16px}
.industry42-planned-copy strong{color:#17243a;font-weight:740}
.industry42-plan-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #dce5f1;
  border-left:1px solid #dce5f1;
}
.industry42-plan-item,
.industry42-plan-more{
  position:relative;
  min-height:278px;
  padding:34px 38px 38px;
  border-right:1px solid #dce5f1;
  border-bottom:1px solid #dce5f1;
  overflow:hidden;
  isolation:isolate;
  opacity:0;
  transform:translate3d(0,34px,0);
  clip-path:inset(0 0 18% 0);
  transition:
    opacity .8s ease calc(var(--industry42-order) * 55ms),
    transform .95s cubic-bezier(.16,1,.3,1) calc(var(--industry42-order) * 55ms),
    clip-path .95s cubic-bezier(.16,1,.3,1) calc(var(--industry42-order) * 55ms),
    border-color .4s ease;
}
.industry42-plan-item.is-visible,
.industry42-plan-more.is-visible{
  opacity:1;
  transform:none;
  clip-path:inset(0 0 0 0);
}
.industry42-plan-item::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:
    radial-gradient(ellipse at 88% 8%,rgba(47,111,237,.11),transparent 34%),
    linear-gradient(132deg,rgba(47,111,237,.055),rgba(255,255,255,0) 68%);
  transition:opacity .55s ease;
}
.industry42-plan-item::after{
  content:"";
  position:absolute;
  left:38px;
  right:38px;
  bottom:0;
  height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,#2f6fed,#93b6fb,transparent 86%);
  transition:transform .72s cubic-bezier(.16,1,.3,1);
}
.industry42-plan-number{
  display:block;
  margin-bottom:31px;
  width:max-content;
  color:transparent;
  -webkit-text-stroke:1.5px rgba(47,111,237,.30);
  font:770 clamp(82px,7vw,116px)/.69 var(--display);
  letter-spacing:-.1em;
  transition:color .52s ease,-webkit-text-stroke-color .52s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
.industry42-plan-item h4,
.industry42-plan-more h4{
  margin:0;
  color:#162238;
  font:720 clamp(38px,3.5vw,55px)/.92 var(--display);
  letter-spacing:-.061em;
  transition:color .45s ease,transform .65s cubic-bezier(.16,1,.3,1);
}
.industry42-plan-item p,
.industry42-plan-more p{
  margin:17px 0 0;
  max-width:510px;
  color:#6a778a;
  font-size:14px;
  line-height:1.68;
  transition:color .45s ease,transform .65s cubic-bezier(.16,1,.3,1);
}
.industry42-plan-item:hover::before{opacity:1}
.industry42-plan-item:hover::after{transform:scaleX(1)}
.industry42-plan-item:hover .industry42-plan-number{
  color:#2f6fed;
  -webkit-text-stroke-color:#2f6fed;
  transform:translate3d(8px,-4px,0);
}
.industry42-plan-item:hover h4{color:#245fce;transform:translateX(5px)}
.industry42-plan-item:hover p{color:#44536a;transform:translateX(4px)}
.industry42-plan-more{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);
  gap:clamp(38px,5vw,80px);
  align-items:center;
  min-height:300px;
  background:
    radial-gradient(ellipse at 84% 26%,rgba(132,180,255,.22),transparent 32%),
    linear-gradient(116deg,#f2f6ff 0%,#f8faff 44%,#fff 100%);
}
.industry42-plan-plus{
  color:#2f6fed;
  font:560 clamp(118px,10vw,172px)/.65 var(--display);
  letter-spacing:-.08em;
  transition:transform .72s cubic-bezier(.16,1,.3,1);
}
.industry42-plan-more h4{font-size:clamp(44px,4.4vw,70px)}
.industry42-plan-more p{max-width:720px;font-size:15px}
.industry42-plan-more:hover .industry42-plan-plus{transform:rotate(8deg) scale(1.04)}
.industry42-plan-more:hover h4{color:#245fce}

.industry42-planned-head{
  opacity:0;
  transform:translate3d(0,30px,0);
  transition:opacity .82s ease,transform .98s cubic-bezier(.16,1,.3,1);
}
.industry42-planned-head.is-visible{opacity:1;transform:none}

@media (max-width:1180px){
  .industry42-story{height:172svh}
  .industry42-state-intro{grid-template-columns:minmax(0,1fr) minmax(310px,.56fr);gap:54px}
  .industry42-state-roofer{grid-template-columns:150px minmax(390px,1fr) minmax(230px,.38fr);gap:38px}
  .industry42-roofer-link{font-size:18px}
  .industry42-planned-head{grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:60px}
  .industry42-plan-item,.industry42-plan-more{padding-left:32px;padding-right:32px}
  .industry42-plan-item::after{left:32px;right:32px}
}
@media (max-width:900px){
  .industry42-story{height:168svh}
  .industry42-stage{min-height:600px}
  .industry42-state{padding-top:104px;padding-bottom:66px}
  .industry42-state-intro{grid-template-columns:1fr;gap:34px;align-content:center}
  .industry42-intro-copy{align-self:auto;max-width:640px;padding:0}
  .industry42-intro-copy p{max-width:620px}
  .industry42-state-roofer{grid-template-columns:122px minmax(0,1fr);gap:24px 34px;align-content:center}
  .industry42-roofer-number{grid-row:1 / span 2;align-self:start;padding-top:8px;font-size:124px}
  .industry42-roofer-copy{grid-column:2}
  .industry42-roofer-link{grid-column:2;justify-self:start;align-self:auto;margin-top:4px}
  .industry42-planned-head{grid-template-columns:1fr;gap:30px}
  .industry42-planned-copy{max-width:720px}
  .industry42-plan-item{min-height:250px;padding:30px}
  .industry42-plan-item::after{left:30px;right:30px}
  .industry42-plan-more{padding:34px 30px;grid-template-columns:135px minmax(0,1fr)}
}
@media (max-width:700px){
  .industry42-story{height:164svh}
  .industry42-stage{min-height:560px}
  .industry42-state{padding-top:86px;padding-bottom:54px}
  .industry42-kicker{margin-bottom:18px;font-size:16px}
  .industry42-heading h2{font-size:clamp(44px,12.4vw,61px);line-height:.96;letter-spacing:-.06em}
  .industry42-intro-copy{max-width:100%}
  .industry42-intro-copy p{margin-bottom:24px;font-size:14px;line-height:1.66}
  .industry42-intro-copy a{font-size:15px}
  .industry42-state-roofer{grid-template-columns:1fr;gap:16px;align-content:center}
  .industry42-roofer-number{grid-column:1;grid-row:auto;padding:0;font-size:88px;line-height:.7}
  .industry42-roofer-copy{grid-column:1}
  .industry42-roofer-now{font-size:13px}
  .industry42-roofer-copy h3{margin:8px 0 13px;font-size:58px}
  .industry42-roofer-description{font-size:13px;line-height:1.62}
  .industry42-roofer-priorities{grid-template-columns:1fr;margin-top:21px}
  .industry42-roofer-priorities>div{padding:10px 0}
  .industry42-roofer-priorities>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .industry42-roofer-priorities strong{font-size:14px;margin-bottom:2px}
  .industry42-roofer-priorities span{font-size:10px}
  .industry42-roofer-link{grid-column:1;margin-top:5px;font-size:16px}
  .industry42-roofer-link span{max-width:none}
  .industry42-planned{padding:86px 0 96px}
  .industry42-planned-title>p{margin-bottom:16px;font-size:16px}
  .industry42-planned-title h3{font-size:clamp(46px,12vw,60px)}
  .industry42-planned-copy p{font-size:13px;line-height:1.65}
  .industry42-plan-grid{grid-template-columns:1fr}
  .industry42-plan-item{min-height:0;padding:26px 22px 30px}
  .industry42-plan-number{margin-bottom:22px;font-size:74px}
  .industry42-plan-item h4{font-size:40px}
  .industry42-plan-item p{margin-top:12px;font-size:12px;line-height:1.6}
  .industry42-plan-item::after{left:22px;right:22px}
  .industry42-plan-more{grid-column:1;grid-template-columns:1fr;gap:22px;min-height:0;padding:34px 22px 38px}
  .industry42-plan-plus{font-size:104px}
  .industry42-plan-more h4{font-size:43px}
  .industry42-plan-more p{font-size:13px}
}
@media (max-width:390px){
  .industry42-story{height:160svh}
  .industry42-stage{min-height:540px}
  .industry42-state{padding-top:78px;padding-bottom:46px}
  .industry42-heading h2{font-size:42px}
  .industry42-roofer-number{font-size:80px}
  .industry42-roofer-copy h3{font-size:52px}
  .industry42-roofer-priorities>div{padding:8px 0}
  .industry42-plan-item{padding-left:18px;padding-right:18px}
  .industry42-plan-item::after{left:18px;right:18px}
  .industry42-plan-number{font-size:68px}
  .industry42-plan-item h4{font-size:36px}
  .industry42-plan-more{padding-left:18px;padding-right:18px}
}
@media (max-height:620px) and (orientation:landscape){
  .industry42-story{height:auto}
  .industry42-stage{position:relative;height:auto;min-height:0}
  .industry42-stage-shell{height:auto}
  .industry42-state{position:relative;inset:auto;opacity:1!important;transform:none!important;pointer-events:auto!important;padding-top:96px;padding-bottom:72px}
  .industry42-state-roofer{border-top:1px solid rgba(255,255,255,.17)}
  .industry42-state-intro[aria-hidden="true"],.industry42-state-roofer[aria-hidden="true"]{display:grid}
  .industry42-stage::after{opacity:.55}
}
@media (hover:none){
  .industry42-plan-item:hover::before{opacity:0}
  .industry42-plan-item:hover::after{transform:scaleX(0)}
  .industry42-plan-item:hover .industry42-plan-number,
  .industry42-plan-item:hover h4,
  .industry42-plan-item:hover p,
  .industry42-plan-more:hover .industry42-plan-plus{transform:none}
  .industry42-plan-item:hover .industry42-plan-number{color:transparent;-webkit-text-stroke-color:rgba(47,111,237,.30)}
  .industry42-plan-item:hover h4,.industry42-plan-more:hover h4{color:#162238}
  .industry42-plan-item:hover p{color:#6a778a}
}
@media (prefers-reduced-motion:reduce){
  .industry42-glow-a,.industry42-glow-b{animation:none!important}
  .industry42-state,.industry42-intro-copy a,.industry42-roofer-link,.industry42-intro-copy a span,.industry42-roofer-link b,
  .industry42-planned-head,.industry42-plan-item,.industry42-plan-more,.industry42-plan-item::before,.industry42-plan-item::after,
  .industry42-plan-number,.industry42-plan-item h4,.industry42-plan-item p,.industry42-plan-more h4,.industry42-plan-more p,.industry42-plan-plus{transition:none!important}
  .industry42-planned-head,.industry42-plan-item,.industry42-plan-more{opacity:1!important;transform:none!important;clip-path:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.43 — Local business categories
   Blue-to-white handoff -> live Roofer -> editorial roadmap
   ========================================================= */
.industry43{
  position:relative;
  background:#fff;
  overflow:clip;
}
.industry43-intro-track{
  position:relative;
  height:148svh;
  background:#fff;
}
.industry43-intro{
  --industry43-progress:0;
  position:sticky;
  top:0;
  height:100svh;
  min-height:640px;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}
.industry43-intro::before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  opacity:calc(1 - var(--industry43-progress));
  background:
    radial-gradient(ellipse at 16% 78%,rgba(255,255,255,.14),transparent 34%),
    radial-gradient(ellipse at 84% 16%,rgba(188,218,255,.25),transparent 31%),
    linear-gradient(118deg,#073b9f 0%,#0f4fc4 38%,#2f6fed 72%,#78a3f4 100%);
  will-change:opacity;
}
.industry43-intro::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-22%;
  opacity:calc((1 - var(--industry43-progress)) * .72);
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.17) 45%,rgba(255,255,255,.035) 58%,transparent 76%);
  transform:translate3d(-18%,0,0) rotate(-5deg);
  animation:industry43IntroSheen 12s cubic-bezier(.4,0,.2,1) infinite alternate;
  pointer-events:none;
}
@keyframes industry43IntroSheen{
  to{transform:translate3d(18%,0,0) rotate(-5deg)}
}
.industry43-intro-light{
  position:absolute;
  z-index:-1;
  width:56vw;
  height:56vw;
  min-width:620px;
  min-height:620px;
  right:-21vw;
  bottom:-36vw;
  border-radius:50%;
  opacity:calc((1 - var(--industry43-progress)) * .52);
  background:radial-gradient(circle,rgba(204,225,255,.46) 0%,rgba(108,158,242,.12) 38%,transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
.industry43-intro-layout{
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.58fr);
  gap:clamp(58px,7vw,118px);
  align-items:center;
  color:#fff;
  opacity:calc(1 - (var(--industry43-progress) * 1.18));
  transform:translate3d(0,calc(var(--industry43-progress) * -34px),0);
  will-change:opacity,transform;
}
.industry43-kicker{
  margin:0 0 26px;
  color:rgba(255,255,255,.78);
  font:650 clamp(18px,1.4vw,22px)/1.2 var(--display);
  letter-spacing:-.022em;
}
.industry43-heading h2{
  margin:0;
  max-width:930px;
  color:#fff;
  font:720 clamp(62px,6.15vw,102px)/.9 var(--display);
  letter-spacing:-.074em;
}
.industry43-heading h2 em{
  color:#dce9ff;
  font-style:normal;
  font-weight:610;
}
.industry43-intro-copy{
  align-self:end;
  padding-bottom:clamp(72px,8.5vh,118px);
}
.industry43-intro-copy p{
  margin:0 0 31px;
  max-width:590px;
  color:rgba(255,255,255,.8);
  font-size:16px;
  line-height:1.74;
}
.industry43-intro-copy a,
.industry43-roofer-link{
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:#fff;
  font:680 17px/1.2 var(--display);
  text-decoration:none;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.5);
  transition:gap .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.industry43-intro-copy a span,
.industry43-roofer-link span{
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.industry43-intro-copy a:hover,
.industry43-roofer-link:hover{
  gap:22px;
  border-color:#fff;
}
.industry43-intro-copy a:hover span,
.industry43-roofer-link:hover span{transform:translate(3px,-3px)}

/* Live Roofer: the blue story physically arrives after the first panel has returned to white. */
.industry43-roofer{
  position:relative;
  min-height:100svh;
  min-height:max(720px,100svh);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(ellipse at 75% 20%,rgba(202,225,255,.24),transparent 29%),
    radial-gradient(ellipse at 12% 88%,rgba(255,255,255,.11),transparent 34%),
    linear-gradient(124deg,#06358e 0%,#0a45b5 31%,#1f5ed6 63%,#6394ef 100%);
}
.industry43-roofer::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-18%;
  background:linear-gradient(108deg,transparent 20%,rgba(255,255,255,.12) 44%,rgba(255,255,255,.025) 58%,transparent 76%);
  transform:translate3d(-21%,0,0) rotate(-4deg);
  animation:industry43RooferSheen 14s cubic-bezier(.4,0,.2,1) infinite alternate;
  pointer-events:none;
}
@keyframes industry43RooferSheen{
  to{transform:translate3d(20%,0,0) rotate(-4deg)}
}
.industry43-roofer-light{
  position:absolute;
  z-index:-1;
  display:block;
  border-radius:50%;
  filter:blur(14px);
  pointer-events:none;
  opacity:.56;
}
.industry43-roofer-light-a{
  width:45vw;
  height:45vw;
  min-width:560px;
  min-height:560px;
  right:-20vw;
  top:-22vw;
  background:radial-gradient(circle,rgba(201,224,255,.42),rgba(89,145,238,.08) 48%,transparent 72%);
}
.industry43-roofer-light-b{
  width:34vw;
  height:34vw;
  min-width:430px;
  min-height:430px;
  left:-15vw;
  bottom:-22vw;
  background:radial-gradient(circle,rgba(255,255,255,.21),transparent 69%);
}
.industry43-roofer-layout{
  width:100%;
  display:grid;
  grid-template-columns:minmax(170px,.3fr) minmax(0,1fr);
  gap:clamp(56px,7.5vw,126px);
  align-items:center;
  padding-top:clamp(88px,9vh,132px);
  padding-bottom:clamp(88px,9vh,132px);
}
.industry43-roofer-number{
  align-self:start;
  padding-top:18px;
  color:#fff;
  font:780 clamp(154px,13vw,232px)/.67 var(--display);
  letter-spacing:-.105em;
  text-shadow:0 34px 100px rgba(0,30,88,.2);
  opacity:0;
  transform:translate3d(-38px,24px,0);
  transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1);
}
.industry43-roofer-copy{
  max-width:900px;
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:opacity .8s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s;
}
.industry43-roofer.is-visible .industry43-roofer-number,
.industry43-roofer.is-visible .industry43-roofer-copy{
  opacity:1;
  transform:none;
}
.industry43-roofer-now{
  margin:0 0 10px;
  color:rgba(255,255,255,.72);
  font:650 clamp(16px,1.25vw,20px)/1.25 var(--display);
  letter-spacing:-.02em;
}
.industry43-roofer-copy h3{
  margin:0 0 25px;
  color:#fff;
  font:740 clamp(82px,7.8vw,126px)/.83 var(--display);
  letter-spacing:-.078em;
}
.industry43-roofer-description{
  margin:0;
  max-width:780px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.75;
}
.industry43-roofer-priorities{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:38px 0 31px;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.22);
}
.industry43-roofer-priorities>div{padding:20px 22px 20px 0}
.industry43-roofer-priorities>div+div{
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.16);
}
.industry43-roofer-priorities strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font:700 18px/1.15 var(--display);
}
.industry43-roofer-priorities span{
  display:block;
  max-width:240px;
  color:rgba(255,255,255,.65);
  font-size:11px;
  line-height:1.5;
}
.industry43-roofer-link{font-size:19px}

/* Planned roadmap: explicitly future, designed as an editorial release list rather than feature cards. */
.industry43-planned{
  position:relative;
  overflow:hidden;
  padding:clamp(118px,11vw,178px) 0 clamp(126px,12vw,190px);
  background:
    radial-gradient(ellipse at 92% 2%,rgba(47,111,237,.075),transparent 28%),
    linear-gradient(180deg,#f7faff 0%,#fff 17%,#fff 100%);
}
.industry43-planned::before{
  content:"";
  position:absolute;
  top:-170px;
  left:50%;
  width:min(1450px,96vw);
  height:360px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(47,111,237,.065),transparent 70%);
  filter:blur(20px);
  pointer-events:none;
}
.industry43-planned-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.62fr);
  gap:clamp(68px,8vw,132px);
  align-items:end;
  padding-bottom:clamp(70px,6vw,98px);
  opacity:0;
  transform:translate3d(0,32px,0);
  transition:opacity .82s ease,transform 1s cubic-bezier(.16,1,.3,1);
}
.industry43-planned-head.is-visible{opacity:1;transform:none}
.industry43-planned-title>p{
  margin:0 0 23px;
  color:#2f6fed;
  font:670 clamp(18px,1.45vw,23px)/1.2 var(--display);
  letter-spacing:-.02em;
}
.industry43-planned-title h3{
  margin:0;
  color:#111d32;
  font:735 clamp(62px,6.1vw,98px)/.9 var(--display);
  letter-spacing:-.075em;
}
.industry43-planned-title h3 em{
  color:#2f6fed;
  font-style:normal;
  font-weight:610;
}
.industry43-planned-copy{max-width:610px;padding-bottom:5px}
.industry43-planned-copy p{
  margin:0;
  color:#657286;
  font-size:15.5px;
  line-height:1.76;
}
.industry43-planned-copy p+p{margin-top:18px}
.industry43-planned-copy strong{color:#121e32;font-weight:760}
.industry43-roadmap{
  position:relative;
  z-index:1;
  border-top:1px solid #d8e1ed;
}
.industry43-roadmap-row{
  --industry43-order:0;
  position:relative;
  display:grid;
  grid-template-columns:minmax(150px,.24fr) minmax(260px,.52fr) minmax(360px,1fr);
  gap:clamp(34px,4.5vw,76px);
  align-items:center;
  min-height:202px;
  padding:32px 36px 34px 8px;
  border-bottom:1px solid #d8e1ed;
  overflow:hidden;
  isolation:isolate;
  opacity:0;
  transform:translate3d(0,38px,0);
  clip-path:inset(0 0 22% 0);
  transition:
    opacity .75s ease calc(var(--industry43-order) * 55ms),
    transform .95s cubic-bezier(.16,1,.3,1) calc(var(--industry43-order) * 55ms),
    clip-path .95s cubic-bezier(.16,1,.3,1) calc(var(--industry43-order) * 55ms),
    padding .65s cubic-bezier(.16,1,.3,1),
    border-color .35s ease;
}
.industry43-roadmap-row.is-visible{
  opacity:1;
  transform:none;
  clip-path:inset(0 0 0 0);
}
.industry43-roadmap-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:linear-gradient(100deg,rgba(47,111,237,.075) 0%,rgba(104,154,240,.035) 44%,rgba(255,255,255,0) 82%);
  transform:translateX(-7%);
  transition:opacity .5s ease,transform .75s cubic-bezier(.16,1,.3,1);
}
.industry43-roadmap-row::after{
  content:"";
  position:absolute;
  left:8px;
  bottom:-1px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#2f6fed,#8eb2f7,transparent);
  transition:width .8s cubic-bezier(.16,1,.3,1);
}
.industry43-roadmap-number{
  display:block;
  color:#111d32;
  font:790 clamp(92px,8vw,132px)/.7 var(--display);
  letter-spacing:-.105em;
  transition:color .45s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
.industry43-roadmap-row h4{
  margin:0;
  color:#172338;
  font:730 clamp(40px,4vw,62px)/.92 var(--display);
  letter-spacing:-.065em;
  transition:color .45s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
.industry43-roadmap-row p{
  margin:0;
  max-width:650px;
  color:#68768a;
  font-size:15px;
  line-height:1.7;
  transition:color .45s ease,transform .7s cubic-bezier(.16,1,.3,1);
}
.industry43-roadmap-row:hover{
  padding-left:22px;
  border-color:#cad8e9;
}
.industry43-roadmap-row:hover::before{opacity:1;transform:none}
.industry43-roadmap-row:hover::after{width:min(230px,18vw)}
.industry43-roadmap-row:hover .industry43-roadmap-number{color:#245fce;transform:translate3d(6px,-3px,0)}
.industry43-roadmap-row:hover h4{color:#245fce;transform:translateX(5px)}
.industry43-roadmap-row:hover p{color:#44536a;transform:translateX(5px)}
.industry43-roadmap-more{
  min-height:250px;
  background:
    radial-gradient(ellipse at 86% 32%,rgba(108,158,242,.16),transparent 33%),
    linear-gradient(105deg,#f4f7fd 0%,#f9fbff 42%,#fff 100%);
}
.industry43-roadmap-more .industry43-roadmap-number{
  color:#0f1b2d;
  font-size:clamp(82px,7.2vw,120px);
  letter-spacing:-.08em;
}
.industry43-roadmap-more h4{font-size:clamp(46px,4.7vw,72px)}
.industry43-roadmap-more p{font-size:15.5px;max-width:760px}

@media (max-width:1180px){
  .industry43-intro-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);gap:56px}
  .industry43-roofer-layout{grid-template-columns:155px minmax(0,1fr);gap:58px}
  .industry43-roadmap-row{grid-template-columns:130px minmax(230px,.48fr) minmax(320px,1fr);gap:36px;padding-right:22px}
  .industry43-planned-head{grid-template-columns:minmax(0,1fr) minmax(350px,.64fr);gap:62px}
}
@media (max-width:900px){
  .industry43-intro-track{height:140svh}
  .industry43-intro{min-height:600px}
  .industry43-intro-layout{grid-template-columns:1fr;gap:34px;align-content:center;padding-top:80px;padding-bottom:64px}
  .industry43-intro-copy{align-self:auto;max-width:650px;padding-bottom:0}
  .industry43-roofer{min-height:auto}
  .industry43-roofer-layout{grid-template-columns:128px minmax(0,1fr);gap:38px;padding-top:110px;padding-bottom:110px}
  .industry43-roofer-number{font-size:132px}
  .industry43-planned-head{grid-template-columns:1fr;gap:34px}
  .industry43-planned-copy{max-width:720px}
  .industry43-roadmap-row{grid-template-columns:112px minmax(220px,.48fr) minmax(0,1fr);gap:26px;min-height:182px;padding:28px 18px 30px 4px}
  .industry43-roadmap-number{font-size:86px}
  .industry43-roadmap-row h4{font-size:44px}
  .industry43-roadmap-row p{font-size:13.5px}
}
@media (max-width:700px){
  .industry43-intro-track{height:132svh}
  .industry43-intro{min-height:560px}
  .industry43-intro-layout{padding-top:82px;padding-bottom:58px;gap:28px}
  .industry43-kicker{margin-bottom:18px;font-size:16px}
  .industry43-heading h2{font-size:clamp(45px,12.6vw,62px);line-height:.96;letter-spacing:-.06em}
  .industry43-intro-copy p{margin-bottom:24px;font-size:14px;line-height:1.67}
  .industry43-intro-copy a{font-size:15px}
  .industry43-roofer-layout{grid-template-columns:1fr;gap:18px;padding-top:88px;padding-bottom:92px}
  .industry43-roofer-number{padding:0;font-size:92px;line-height:.7}
  .industry43-roofer-now{font-size:14px}
  .industry43-roofer-copy h3{font-size:62px;margin-bottom:17px}
  .industry43-roofer-description{font-size:13.5px;line-height:1.66}
  .industry43-roofer-priorities{grid-template-columns:1fr;margin:26px 0 24px}
  .industry43-roofer-priorities>div{padding:11px 0}
  .industry43-roofer-priorities>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .industry43-roofer-priorities strong{font-size:15px;margin-bottom:3px}
  .industry43-roofer-priorities span{font-size:10.5px;max-width:none}
  .industry43-roofer-link{font-size:16px}
  .industry43-planned{padding:92px 0 104px}
  .industry43-planned-title>p{font-size:16px;margin-bottom:17px}
  .industry43-planned-title h3{font-size:clamp(47px,12vw,61px)}
  .industry43-planned-copy p{font-size:13.5px;line-height:1.68}
  .industry43-roadmap-row{grid-template-columns:1fr;gap:12px;min-height:0;padding:27px 18px 31px 0}
  .industry43-roadmap-number{font-size:76px;margin-bottom:7px}
  .industry43-roadmap-row h4{font-size:41px}
  .industry43-roadmap-row p{font-size:13px;line-height:1.63;max-width:540px}
  .industry43-roadmap-row:hover{padding-left:0}
  .industry43-roadmap-row:hover::after{width:150px}
  .industry43-roadmap-more{padding-top:34px;padding-bottom:38px}
  .industry43-roadmap-more .industry43-roadmap-number{font-size:72px}
  .industry43-roadmap-more h4{font-size:44px}
  .industry43-roadmap-more p{font-size:13px}
}
@media (max-width:390px){
  .industry43-intro-track{height:128svh}
  .industry43-intro{min-height:540px}
  .industry43-heading h2{font-size:42px}
  .industry43-roofer-number{font-size:82px}
  .industry43-roofer-copy h3{font-size:55px}
  .industry43-roadmap-number{font-size:70px}
  .industry43-roadmap-row h4{font-size:37px}
  .industry43-roadmap-more .industry43-roadmap-number{font-size:66px}
  .industry43-roadmap-more h4{font-size:40px}
}
@media (max-height:620px) and (orientation:landscape){
  .industry43-intro-track{height:auto}
  .industry43-intro{position:relative;height:auto;min-height:610px}
  .industry43-intro-layout{min-height:610px;padding-top:82px;padding-bottom:72px}
  .industry43-roofer{min-height:610px}
  .industry43-roofer-layout{padding-top:82px;padding-bottom:82px}
}
@media (hover:none){
  .industry43-roadmap-row:hover{padding-left:8px}
  .industry43-roadmap-row:hover::before{opacity:0}
  .industry43-roadmap-row:hover::after{width:0}
  .industry43-roadmap-row:hover .industry43-roadmap-number,
  .industry43-roadmap-row:hover h4,
  .industry43-roadmap-row:hover p{transform:none}
  .industry43-roadmap-row:hover .industry43-roadmap-number{color:#111d32}
  .industry43-roadmap-row:hover h4{color:#172338}
  .industry43-roadmap-row:hover p{color:#68768a}
}
@media (prefers-reduced-motion:reduce){
  .industry43-intro::after,.industry43-roofer::after{animation:none!important}
  .industry43-intro-layout,.industry43-roofer-number,.industry43-roofer-copy,.industry43-planned-head,
  .industry43-roadmap-row,.industry43-roadmap-row::before,.industry43-roadmap-row::after,
  .industry43-roadmap-number,.industry43-roadmap-row h4,.industry43-roadmap-row p,
  .industry43-intro-copy a,.industry43-roofer-link,.industry43-intro-copy a span,.industry43-roofer-link span{transition:none!important}
  .industry43-roofer-number,.industry43-roofer-copy,.industry43-planned-head,.industry43-roadmap-row{opacity:1!important;transform:none!important;clip-path:none!important}
}


/* =========================================================
   WebsiteGeneratorHub v0.3.44 — approved v0.3.41 category/Roofer design
   with reversible gradient -> white handoff before Roofer.
   Planned industries intentionally unchanged in this release.
   ========================================================= */
.industry44{position:relative;background:#fff;overflow:clip}
.industry44-intro-band{
  --industry44-p:0;
  --industry44-title:#ffffff;
  --industry44-em:#dce9ff;
  --industry44-kicker:rgba(255,255,255,.78);
  --industry44-copy:rgba(255,255,255,.84);
  --industry44-link:#ffffff;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:118px 0 82px;
  background:#fff;
}
.industry44-intro-band::before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  opacity:calc(1 - var(--industry44-p));
  background:
    radial-gradient(ellipse at 16% 76%,rgba(255,255,255,.14),transparent 34%),
    radial-gradient(ellipse at 84% 15%,rgba(194,222,255,.27),transparent 31%),
    linear-gradient(116deg,#083da7 0%,#0d4bc2 24%,#2465df 55%,#4d83ee 80%,#79a5f6 100%);
  background-size:100% 100%,100% 100%,170% 170%;
  background-position:center,center,calc(var(--industry44-p) * 28%) 50%;
  will-change:opacity,background-position;
}
.industry44-intro-band::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  opacity:var(--industry44-p);
  background:
    radial-gradient(ellipse at 50% -18%,rgba(47,111,237,.13) 0%,rgba(91,140,238,.055) 30%,rgba(255,255,255,0) 66%),
    linear-gradient(180deg,#f8faff 0%,#fcfdff 38%,#fff 100%);
  will-change:opacity;
}
.industry44-intro-glow{
  position:absolute;
  z-index:-1;
  top:-46%;
  left:-15%;
  width:52%;
  height:190%;
  opacity:calc((1 - var(--industry44-p)) * .72);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.17),transparent);
  transform:skewX(-14deg) translateX(-125%);
  filter:blur(5px);
  animation:industry44IntroLight 12s cubic-bezier(.45,0,.2,1) infinite;
  pointer-events:none;
}
@keyframes industry44IntroLight{
  0%,46%{transform:skewX(-14deg) translateX(-125%)}
  78%,100%{transform:skewX(-14deg) translateX(330%)}
}
.industry44-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.62fr);
  gap:clamp(58px,7vw,118px);
  align-items:end;
}
.industry44-kicker{
  margin:0 0 20px;
  color:var(--industry44-kicker);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.industry44-heading h2{
  margin:0;
  max-width:900px;
  color:var(--industry44-title);
  font:700 clamp(52px,5vw,80px)/.96 var(--display);
  letter-spacing:-.064em;
}
.industry44-heading h2 em{font-style:normal;color:var(--industry44-em)}
.industry44-intro-copy{max-width:510px;padding-bottom:4px}
.industry44-intro-copy p{margin:0 0 27px;color:var(--industry44-copy);font-size:16px;line-height:1.75}
.industry44-intro-copy a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding-bottom:4px;
  color:var(--industry44-link);
  font-size:14px;
  font-weight:760;
  border-bottom:1px solid currentColor;
}
.industry44-intro-copy a span{transition:transform .34s cubic-bezier(.16,1,.3,1)}
.industry44-intro-copy a:hover span{transform:translate(4px,-4px)}

/* Roofer keeps the approved v0.3.41 presentation. */
.industry44-live{
  --industry44-x:72%;
  --industry44-y:36%;
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(circle at var(--industry44-x) var(--industry44-y),rgba(185,217,255,.30),transparent 31%),
    linear-gradient(116deg,#083da7 0%,#0d4bc2 22%,#2465df 53%,#4d83ee 79%,#79a5f6 100%);
  background-size:100% 100%,180% 180%;
  animation:industry44BlueDrift 18s ease-in-out infinite alternate;
}
.industry44-live::before{
  content:"";position:absolute;z-index:-2;inset:-28% -10%;
  background:radial-gradient(ellipse at 20% 64%,rgba(255,255,255,.12),transparent 31%),radial-gradient(ellipse at 82% 30%,rgba(191,221,255,.18),transparent 29%);
  transform:rotate(-3deg);animation:industry44Aura 15s ease-in-out infinite alternate;
}
.industry44-live-light{position:absolute;z-index:0;top:-34%;left:-15%;width:48%;height:168%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-14deg) translateX(-120%);filter:blur(4px);opacity:0;animation:industry44LightPass 11.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.industry44-live-wave{position:absolute;z-index:0;left:-7%;right:-7%;bottom:-42%;height:78%;border-radius:50%;background:linear-gradient(100deg,rgba(255,255,255,.025),rgba(255,255,255,.15),rgba(255,255,255,.025));filter:blur(20px);transform:rotate(-3deg);animation:industry44Wave 13s ease-in-out infinite alternate;pointer-events:none}
@keyframes industry44BlueDrift{from{background-position:50% 50%,0% 44%}to{background-position:50% 50%,100% 58%}}
@keyframes industry44Aura{from{transform:translate3d(-2%,0,0) rotate(-3deg) scale(.98)}to{transform:translate3d(5%,2%,0) rotate(-1deg) scale(1.04)}}
@keyframes industry44LightPass{0%,48%{transform:skewX(-14deg) translateX(-135%);opacity:0}55%{opacity:.72}76%{transform:skewX(-14deg) translateX(320%);opacity:.35}100%{transform:skewX(-14deg) translateX(320%);opacity:0}}
@keyframes industry44Wave{from{transform:translate3d(-2%,0,0) rotate(-3deg) scaleX(.96);opacity:.62}to{transform:translate3d(4%,-3%,0) rotate(-1deg) scaleX(1.04);opacity:.9}}
.industry44-live-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(170px,.3fr) minmax(430px,1fr) minmax(265px,.44fr);gap:clamp(34px,5vw,86px);align-items:center;min-height:400px;padding-top:64px;padding-bottom:64px}
.industry44-live-number{color:rgba(255,255,255,.97);font:760 clamp(126px,11.2vw,194px)/.70 var(--display);letter-spacing:-.095em;text-shadow:0 28px 80px rgba(3,34,99,.19);opacity:0;transform:translate3d(-18px,20px,0);transition:opacity .82s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s,text-shadow .55s ease}
.industry44-live-copy{max-width:720px;opacity:0;transform:translate3d(0,24px,0);transition:opacity .84s ease .15s,transform 1s cubic-bezier(.16,1,.3,1) .15s}
.industry44-live-state{margin:0;color:rgba(255,255,255,.77);font:650 15px/1.35 var(--display)}
.industry44-live-copy h3{margin:12px 0 18px;color:#fff;font:720 clamp(70px,6.5vw,106px)/.86 var(--display);letter-spacing:-.073em;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.industry44-live-description{margin:0;max-width:680px;color:rgba(255,255,255,.86);font-size:16px;line-height:1.7}
.industry44-live-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border-top:1px solid rgba(255,255,255,.23);border-bottom:1px solid rgba(255,255,255,.23)}
.industry44-live-points span{display:flex;flex-direction:column;gap:5px;min-width:0;padding:17px 18px 17px 0}
.industry44-live-points span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.industry44-live-points b{color:#fff;font:680 17px/1.15 var(--display)}
.industry44-live-points small{color:rgba(255,255,255,.68);font-size:11px;line-height:1.45}
.industry44-live-action{justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:18px;padding:13px 0 12px;color:#fff;border-bottom:2px solid rgba(255,255,255,.72);opacity:0;transform:translate3d(22px,16px,0);transition:opacity .84s ease .23s,transform .95s cubic-bezier(.16,1,.3,1) .23s,border-color .35s ease}
.industry44-live-action>span{font:720 clamp(20px,1.7vw,27px)/1.05 var(--display);letter-spacing:-.035em;white-space:nowrap}
.industry44-live-action b{font-size:30px;line-height:1;font-weight:450;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.industry44-live.is-visible .industry44-live-number,.industry44-live.is-visible .industry44-live-copy,.industry44-live.is-visible .industry44-live-action{opacity:1;transform:none}
.industry44-live:hover .industry44-live-number{text-shadow:0 30px 88px rgba(3,27,84,.27)}
.industry44-live:hover .industry44-live-copy h3{transform:translateX(5px)}
.industry44-live:hover .industry44-live-action{border-color:#fff;transform:translateX(5px)}
.industry44-live:hover .industry44-live-action b{transform:translate(5px,-5px)}

@media (max-width:1180px){
  .industry44-intro-band{padding:104px 0 72px}
  .industry44-head{gap:52px}
  .industry44-live-inner{grid-template-columns:150px minmax(380px,1fr) minmax(240px,.42fr);min-height:370px}
}
@media (max-width:900px){
  .industry44-intro-band{padding:90px 0 62px}
  .industry44-head{grid-template-columns:1fr;gap:26px}
  .industry44-intro-copy{max-width:650px;padding:0}
  .industry44-live-inner{grid-template-columns:120px minmax(0,1fr);gap:24px 32px;min-height:0;padding-top:48px;padding-bottom:50px}
  .industry44-live-number{grid-row:1 / span 2;align-self:start;padding-top:9px;font-size:clamp(96px,17vw,134px)}
  .industry44-live-copy{grid-column:2}
  .industry44-live-action{grid-column:2;justify-self:start;margin-top:4px}
}
@media (max-width:640px){
  .industry44-intro-band{padding:72px 0 50px}
  .industry44-kicker{font-size:10px;margin-bottom:15px}
  .industry44-heading h2{font-size:clamp(42px,12.5vw,58px);line-height:.98;letter-spacing:-.058em}
  .industry44-intro-copy p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .industry44-live-inner{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:44px}
  .industry44-live-number{grid-column:1;grid-row:auto;font-size:92px;line-height:.72;padding:0;margin-bottom:3px}
  .industry44-live-copy{grid-column:1}
  .industry44-live-state{font-size:13px}
  .industry44-live-copy h3{font-size:61px;margin:10px 0 13px}
  .industry44-live-description{font-size:13px;line-height:1.64}
  .industry44-live-points{grid-template-columns:1fr;margin-top:24px}
  .industry44-live-points span{padding:12px 0}
  .industry44-live-points span+span{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.17)}
  .industry44-live-points b{font-size:14px}
  .industry44-live-points small{font-size:10px}
  .industry44-live-action{grid-column:1;justify-self:start;gap:14px;margin-top:8px;padding-bottom:10px}
  .industry44-live-action>span{font-size:20px;white-space:normal}
  .industry44-live-action b{font-size:25px}
}
@media (max-width:390px){
  .industry44-intro-band{padding-top:64px}
  .industry44-heading h2{font-size:40px}
  .industry44-live-number{font-size:82px}
  .industry44-live-copy h3{font-size:53px}
}
@media (hover:none){
  .industry44-live:hover .industry44-live-copy h3,.industry44-live:hover .industry44-live-action,.industry44-live:hover .industry44-live-action b{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .industry44-intro-glow,.industry44-live,.industry44-live::before,.industry44-live-light,.industry44-live-wave{animation:none!important}
  .industry44-intro-copy a span,.industry44-live-number,.industry44-live-copy,.industry44-live-action,.industry44-live-copy h3,.industry44-live-action b{transition:none!important}
  .industry44-live-number,.industry44-live-copy,.industry44-live-action{opacity:1!important;transform:none!important}
}


/* =========================================================
   WebsiteGeneratorHub v0.3.45 — true two-section gradient handoff.
   State A: Local categories = gradient, Roofer = white.
   State B: Local categories = white, Roofer = gradient.
   Planned industries intentionally unchanged.
   ========================================================= */
.industry44-live{
  --industry45-p:0;
  --industry45-roof-ink:#111827;
  --industry45-roof-state:rgba(53,67,91,.82);
  --industry45-roof-copy:rgba(70,84,107,.90);
  --industry45-roof-soft:rgba(86,99,120,.82);
  --industry45-roof-border:rgba(21,41,74,.16);
  --industry45-roof-action:#1a4fb8;
  color:var(--industry45-roof-ink);
  background-color:#fff;
  background-image:
    radial-gradient(circle at var(--industry44-x) var(--industry44-y),rgb(185 217 255 / calc(var(--industry45-p) * .30)),transparent 31%),
    linear-gradient(116deg,
      rgb(8 61 167 / var(--industry45-p)) 0%,
      rgb(13 75 194 / var(--industry45-p)) 22%,
      rgb(36 101 223 / var(--industry45-p)) 53%,
      rgb(77 131 238 / var(--industry45-p)) 79%,
      rgb(121 165 246 / var(--industry45-p)) 100%);
  background-size:100% 100%,180% 180%;
}
.industry44-live::before{opacity:var(--industry45-p)}
.industry44-live-light{opacity:calc(var(--industry45-p) * .72)}
.industry44-live-wave{opacity:var(--industry45-p)}
.industry44-live-number{
  color:var(--industry45-roof-ink);
  text-shadow:0 28px 80px rgb(3 34 99 / calc(var(--industry45-p) * .19));
}
.industry44-live-state{color:var(--industry45-roof-state)}
.industry44-live-copy h3{color:var(--industry45-roof-ink)}
.industry44-live-description{color:var(--industry45-roof-copy)}
.industry44-live-points{
  border-top-color:var(--industry45-roof-border);
  border-bottom-color:var(--industry45-roof-border);
}
.industry44-live-points span+span{border-left-color:var(--industry45-roof-border)}
.industry44-live-points b{color:var(--industry45-roof-ink)}
.industry44-live-points small{color:var(--industry45-roof-soft)}
.industry44-live-action{
  color:var(--industry45-roof-action);
  border-bottom-color:color-mix(in srgb,var(--industry45-roof-action) 72%,transparent);
}
.industry44-live:hover .industry44-live-action{border-color:var(--industry45-roof-action)}

@media (max-width:640px){
  .industry44-live-points span+span{
    border-left:0;
    border-top:1px solid var(--industry45-roof-border);
  }
}
@media (prefers-reduced-motion:reduce){
  .industry44-intro-band::before,.industry44-intro-band::after,.industry44-live{transition:none!important}
}

/* v0.3.45 — keep the decorative motion tied to the Roofer gradient strength. */
.industry44-live-light{animation:industry45LightPass 11.5s cubic-bezier(.45,0,.2,1) infinite}
.industry44-live-wave{animation:industry45Wave 13s ease-in-out infinite alternate}
@keyframes industry45LightPass{
  0%,48%{transform:skewX(-14deg) translateX(-135%);opacity:0}
  55%{opacity:calc(var(--industry45-p) * .72)}
  76%{transform:skewX(-14deg) translateX(320%);opacity:calc(var(--industry45-p) * .35)}
  100%{transform:skewX(-14deg) translateX(320%);opacity:0}
}
@keyframes industry45Wave{
  from{transform:translate3d(-2%,0,0) rotate(-3deg) scaleX(.96);opacity:calc(var(--industry45-p) * .62)}
  to{transform:translate3d(4%,-3%,0) rotate(-1deg) scaleX(1.04);opacity:calc(var(--industry45-p) * .90)}
}


/* =========================================================
   WebsiteGeneratorHub v0.3.46 — single-owner gradient handoff.
   Categories and Roofer may share the viewport, but only one can
   carry the blue gradient. A short white interval separates them.
   ========================================================= */
.industry44-intro-band,.industry44-live{backface-visibility:hidden;transform:translateZ(0)}
.industry44-intro-band::before,.industry44-intro-band::after,.industry44-live{will-change:opacity,background-position}
.industry44-intro-band::before{background-position:center,center,calc(-5% + (var(--industry44-p) * 34%)) 50%}
.industry44-intro-band::after{background:radial-gradient(ellipse at 52% -22%,rgba(47,111,237,.10) 0%,rgba(91,140,238,.045) 31%,rgba(255,255,255,0) 68%),linear-gradient(180deg,#fbfcff 0%,#fefeff 44%,#fff 100%)}
.industry44-live{background-position:50% 50%,calc(6% + (var(--industry45-p) * 46%)) 50%}
@media (prefers-reduced-motion:reduce){.industry44-intro-band,.industry44-live{transform:none}}

/* =========================================================
   WebsiteGeneratorHub v0.3.47 — saturated panel handoff.
   One full-strength gradient moves from Categories to Roofer.
   No pale cross-fade, no split-color strip, no double-blue state.
   ========================================================= */
.industry44{
  background:#fff;
  overflow:clip;
}
.industry44-intro-band{
  min-height:clamp(520px,64svh,680px);
  display:flex;
  align-items:center;
  background:#fff;
}
.industry44-intro-band::before{
  opacity:1!important;
  clip-path:inset(0 0 0 0);
  background:
    radial-gradient(ellipse at 82% 14%,rgba(196,221,255,.24) 0%,rgba(196,221,255,0) 34%),
    radial-gradient(ellipse at 18% 88%,rgba(255,255,255,.11) 0%,rgba(255,255,255,0) 35%),
    linear-gradient(118deg,#0a46b9 0%,#1556cc 31%,#2d72e8 66%,#79a8f8 100%)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  transition:clip-path .92s cubic-bezier(.22,1,.36,1) .16s!important;
  will-change:clip-path;
}
.industry44-intro-band::after{
  opacity:0!important;
  background:none!important;
}
.industry44-intro-glow{display:none!important}

/* Clean white separation makes the two panels read as separate sections
   even when both are visible in the viewport. */
.industry44-live{
  min-height:clamp(520px,64svh,680px);
  display:flex;
  align-items:center;
  border-top:clamp(14px,1.2vw,22px) solid #fff;
  background:#fff!important;
  background-image:none!important;
  animation:none!important;
}
.industry44-live::after{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  clip-path:inset(0 0 100% 0);
  background:
    radial-gradient(circle at var(--industry44-x) var(--industry44-y),rgba(190,220,255,.27),rgba(190,220,255,0) 31%),
    radial-gradient(ellipse at 15% 84%,rgba(255,255,255,.10),rgba(255,255,255,0) 34%),
    linear-gradient(118deg,#0a46b9 0%,#1556cc 31%,#2d72e8 66%,#79a8f8 100%);
  background-size:100% 100%;
  background-position:center;
  transition:clip-path .92s cubic-bezier(.22,1,.36,1) 0s;
  will-change:clip-path;
  pointer-events:none;
}
.industry44-live::before,
.industry44-live-light,
.industry44-live-wave{
  opacity:0!important;
  transition:opacity .46s ease 0s!important;
}

/* Base state: Categories owns blue, Roofer is white. */
.industry44-kicker{color:rgba(255,255,255,.80)!important;transition:color .38s ease .10s}
.industry44-heading h2{color:#fff!important;transition:color .38s ease .10s}
.industry44-heading h2 em{color:#dce9ff!important;transition:color .38s ease .10s}
.industry44-intro-copy p{color:rgba(255,255,255,.86)!important;transition:color .38s ease .10s}
.industry44-intro-copy a{color:#fff!important;transition:color .38s ease .10s,border-color .38s ease .10s}

.industry44-live-number{color:#111827!important;text-shadow:none!important;transition:color .38s ease .06s,text-shadow .38s ease .06s,opacity .82s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s}
.industry44-live-state{color:rgba(53,67,91,.82)!important;transition:color .38s ease .06s}
.industry44-live-copy h3{color:#111827!important;transition:color .38s ease .06s,transform .6s cubic-bezier(.16,1,.3,1)}
.industry44-live-description{color:rgba(70,84,107,.90)!important;transition:color .38s ease .06s}
.industry44-live-points{border-top-color:rgba(21,41,74,.16)!important;border-bottom-color:rgba(21,41,74,.16)!important;transition:border-color .38s ease .06s}
.industry44-live-points span+span{border-left-color:rgba(21,41,74,.16)!important;transition:border-color .38s ease .06s}
.industry44-live-points b{color:#111827!important;transition:color .38s ease .06s}
.industry44-live-points small{color:rgba(86,99,120,.82)!important;transition:color .38s ease .06s}
.industry44-live-action{color:#1a4fb8!important;border-bottom-color:rgba(26,79,184,.72)!important;transition:color .38s ease .06s,border-color .38s ease .06s,opacity .84s ease .23s,transform .95s cubic-bezier(.16,1,.3,1) .23s}

/* Roofer-active state: blue leaves Categories first, then arrives on Roofer. */
.industry44.is-roofer-active .industry44-intro-band::before{
  clip-path:inset(0 0 100% 0);
  transition-delay:0s!important;
}
.industry44.is-roofer-active .industry44-live::after{
  clip-path:inset(0 0 0 0);
  transition-delay:.16s;
}
.industry44.is-roofer-active .industry44-kicker{color:#2f6fed!important;transition-delay:.23s}
.industry44.is-roofer-active .industry44-heading h2{color:#111827!important;transition-delay:.23s}
.industry44.is-roofer-active .industry44-heading h2 em{color:#2f6fed!important;transition-delay:.23s}
.industry44.is-roofer-active .industry44-intro-copy p{color:#5b687d!important;transition-delay:.23s}
.industry44.is-roofer-active .industry44-intro-copy a{color:#17233c!important;transition-delay:.23s}

.industry44.is-roofer-active .industry44-live::before{opacity:1!important;transition-delay:.26s!important}
.industry44.is-roofer-active .industry44-live-light{opacity:.72!important;transition-delay:.28s!important}
.industry44.is-roofer-active .industry44-live-wave{opacity:.82!important;transition-delay:.28s!important}
.industry44.is-roofer-active .industry44-live-number{color:#fff!important;text-shadow:0 28px 80px rgba(3,34,99,.19)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-state{color:rgba(255,255,255,.77)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-copy h3{color:#fff!important;transition-delay:.28s,0s}
.industry44.is-roofer-active .industry44-live-description{color:rgba(255,255,255,.86)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-points{border-top-color:rgba(255,255,255,.23)!important;border-bottom-color:rgba(255,255,255,.23)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-points span+span{border-left-color:rgba(255,255,255,.18)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-points b{color:#fff!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-points small{color:rgba(255,255,255,.68)!important;transition-delay:.28s}
.industry44.is-roofer-active .industry44-live-action{color:#fff!important;border-bottom-color:rgba(255,255,255,.72)!important;transition-delay:.28s,.28s,.23s,.23s}

/* On the way back up: Roofer clears first; Categories regains the gradient
   a fraction later, creating the same handoff in reverse. */
.industry44:not(.is-roofer-active) .industry44-live::after{transition-delay:0s}
.industry44:not(.is-roofer-active) .industry44-intro-band::before{transition-delay:.16s!important}

@media (max-width:900px){
  .industry44-intro-band,.industry44-live{min-height:auto}
  .industry44-live{border-top-width:12px}
}
@media (max-width:640px){
  .industry44-intro-band::before,
  .industry44-live::after{
    background:
      radial-gradient(ellipse at 86% 12%,rgba(196,221,255,.19) 0%,rgba(196,221,255,0) 34%),
      linear-gradient(145deg,#0a46b9 0%,#195bd1 48%,#4f86ef 100%)!important;
    background-size:100% 100%!important;
    background-position:center!important;
  }
  .industry44-live{border-top-width:10px}
}
@media (prefers-reduced-motion:reduce){
  .industry44-intro-band::before,.industry44-live::after,
  .industry44-kicker,.industry44-heading h2,.industry44-heading h2 em,
  .industry44-intro-copy p,.industry44-intro-copy a,
  .industry44-live-number,.industry44-live-state,.industry44-live-copy h3,
  .industry44-live-description,.industry44-live-points,.industry44-live-points span+span,
  .industry44-live-points b,.industry44-live-points small,.industry44-live-action{
    transition:none!important;
  }
}


/* =========================================================
   WebsiteGeneratorHub v0.3.49 — scroll-scrubbed gradient handoff.
   The transfer is driven continuously by scroll position, not a one-shot
   class animation. Downward and upward movement are therefore exact
   reversals of each other, including mid-transition direction changes.
   ========================================================= */
.industry44{
  --industry49-intro-cut:0%;
  --industry49-roofer-cut:100%;
}

/* The gradient remains fully saturated; only the reveal boundary moves. */
.industry44-intro-band::before{
  clip-path:inset(var(--industry49-intro-cut) 0 0 0)!important;
  transition:none!important;
  opacity:1!important;
}
.industry44-live::after{
  clip-path:inset(0 0 var(--industry49-roofer-cut) 0)!important;
  transition:none!important;
  opacity:1!important;
}

/* Text follows the panel with a short, restrained color handoff. */
.industry44.is-intro-neutral .industry44-kicker{color:#2f6fed!important}
.industry44.is-intro-neutral .industry44-heading h2{color:#111827!important}
.industry44.is-intro-neutral .industry44-heading h2 em{color:#2f6fed!important}
.industry44.is-intro-neutral .industry44-intro-copy p{color:#5b687d!important}
.industry44.is-intro-neutral .industry44-intro-copy a{color:#17233c!important}

.industry44.is-roofer-blue .industry44-live::before{opacity:1!important}
.industry44.is-roofer-blue .industry44-live-light{opacity:.72!important}
.industry44.is-roofer-blue .industry44-live-wave{opacity:.82!important}
.industry44.is-roofer-blue .industry44-live-number{color:#fff!important;text-shadow:0 28px 80px rgba(3,34,99,.19)!important}
.industry44.is-roofer-blue .industry44-live-state{color:rgba(255,255,255,.77)!important}
.industry44.is-roofer-blue .industry44-live-copy h3{color:#fff!important}
.industry44.is-roofer-blue .industry44-live-description{color:rgba(255,255,255,.86)!important}
.industry44.is-roofer-blue .industry44-live-points{border-top-color:rgba(255,255,255,.23)!important;border-bottom-color:rgba(255,255,255,.23)!important}
.industry44.is-roofer-blue .industry44-live-points span+span{border-left-color:rgba(255,255,255,.18)!important}
.industry44.is-roofer-blue .industry44-live-points b{color:#fff!important}
.industry44.is-roofer-blue .industry44-live-points small{color:rgba(255,255,255,.68)!important}
.industry44.is-roofer-blue .industry44-live-action{color:#fff!important;border-bottom-color:rgba(255,255,255,.72)!important}

/* Disable the old binary state so it cannot fight the scrubbed handoff. */
.industry44.is-roofer-active .industry44-intro-band::before,
.industry44.is-roofer-active .industry44-live::after{
  transition:none!important;
}

/* Color transitions stay short; the panel motion itself is scroll-linked. */
.industry44-kicker,.industry44-heading h2,.industry44-heading h2 em,
.industry44-intro-copy p,.industry44-intro-copy a,
.industry44-live-number,.industry44-live-state,.industry44-live-copy h3,
.industry44-live-description,.industry44-live-points,.industry44-live-points span+span,
.industry44-live-points b,.industry44-live-points small,.industry44-live-action{
  transition-duration:.28s!important;
  transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
}

@media (prefers-reduced-motion:reduce){
  .industry44-intro-band::before,.industry44-live::after{transition:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.50 — Roofer priority city-link motif.
   Replaces divider rules between Trust / Local / Action with a
   restrained connected-dot route inspired by the hero city points.
   ========================================================= */
.industry50-priority-network{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:34px!important;
  padding:88px 0 4px!important;
  border:0!important;
  overflow:visible;
}
.industry50-priority-network .industry50-priority-item{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:6px!important;
  min-width:0;
  padding:0 20px!important;
  border:0!important;
  text-align:center;
}
.industry50-priority-network .industry50-priority-item+ .industry50-priority-item{
  padding-left:20px!important;
  border:0!important;
}
.industry50-priority-map{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:84px;
  overflow:visible;
  color:#2f6fed;
  pointer-events:none;
  transition:color .62s cubic-bezier(.22,1,.36,1),opacity .62s cubic-bezier(.22,1,.36,1);
}
.industry50-priority-base,
.industry50-priority-flow{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
.industry50-priority-base{
  stroke:currentColor;
  stroke-width:1.15;
  opacity:.14;
}
.industry50-priority-flow{
  stroke:url(#industry50PriorityFlow);
  stroke-width:2.15;
  stroke-dasharray:13 16;
  opacity:.88;
  animation:industry50PriorityTravel 9.5s linear infinite;
}
.industry50-priority-halo{
  fill:currentColor;
  opacity:.10;
  transform-box:fill-box;
  transform-origin:center;
  animation:industry50PriorityHalo 4.8s cubic-bezier(.22,1,.36,1) infinite;
}
.industry50-priority-core{
  fill:currentColor;
  stroke:#fff;
  stroke-width:3;
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 5px 12px rgba(18,72,182,.16));
  animation:industry50PriorityCore 4.8s cubic-bezier(.22,1,.36,1) infinite;
}
.industry50-priority-dot-b .industry50-priority-halo,
.industry50-priority-dot-b .industry50-priority-core{animation-delay:-1.55s}
.industry50-priority-dot-c .industry50-priority-halo,
.industry50-priority-dot-c .industry50-priority-core{animation-delay:-3.1s}
.industry44.is-roofer-blue .industry50-priority-map{
  color:#fff;
  opacity:.94;
}
.industry44.is-roofer-blue .industry50-priority-core{
  stroke:rgba(45,103,220,.28);
  filter:drop-shadow(0 5px 14px rgba(5,36,97,.20));
}
.industry44:not(.is-roofer-blue) .industry50-priority-map{opacity:.82}
.industry50-priority-network b{
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.018em;
}
.industry50-priority-network small{
  max-width:190px!important;
  font-size:11px!important;
  line-height:1.48!important;
}
@keyframes industry50PriorityTravel{
  to{stroke-dashoffset:-116}
}
@keyframes industry50PriorityHalo{
  0%,100%{transform:scale(.76);opacity:.055}
  50%{transform:scale(1.16);opacity:.16}
}
@keyframes industry50PriorityCore{
  0%,100%{transform:scale(.96)}
  50%{transform:scale(1.09)}
}

@media (max-width:640px){
  .industry50-priority-network{
    grid-template-columns:1fr!important;
    gap:26px!important;
    margin-top:28px!important;
    padding:4px 0 4px 42px!important;
  }
  .industry50-priority-map{
    display:none!important;
  }
  .industry50-priority-network::before{
    content:"";
    position:absolute;
    left:11px;
    top:13px;
    bottom:14px;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(47,111,237,.18),rgba(47,111,237,.72),rgba(47,111,237,.18));
  }
  .industry50-priority-network .industry50-priority-item,
  .industry50-priority-network .industry50-priority-item+ .industry50-priority-item{
    align-items:flex-start;
    padding:0!important;
    text-align:left;
    border:0!important;
  }
  .industry50-priority-network .industry50-priority-item::before{
    content:"";
    position:absolute;
    left:-38px;
    top:3px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#2f6fed;
    border:3px solid #fff;
    box-shadow:0 0 0 7px rgba(47,111,237,.09),0 6px 16px rgba(18,72,182,.15);
    transition:background .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);
  }
  .industry44.is-roofer-blue .industry50-priority-network::before{
    background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.78),rgba(255,255,255,.15));
  }
  .industry44.is-roofer-blue .industry50-priority-network .industry50-priority-item::before{
    background:#fff;
    border-color:rgba(45,103,220,.28);
    box-shadow:0 0 0 7px rgba(255,255,255,.10),0 6px 16px rgba(5,36,97,.18);
  }
  .industry50-priority-network small{max-width:260px!important}
}

@media (prefers-reduced-motion:reduce){
  .industry50-priority-flow,
  .industry50-priority-halo,
  .industry50-priority-core{animation:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.52 — repair release.
   Keep the approved v0.3.50 Local Business / Roofer design intact.
   Only transfer background ownership with a staggered opacity handoff.
   Content is never clipped, pinned, translated, or hidden by the transition.
   ========================================================= */
.industry44{
  --industry49-intro-cut:0%;
  --industry49-roofer-cut:100%;
}
.industry44 .industry44-intro-band::before,
.industry44 .industry44-live::after{
  clip-path:none!important;
  will-change:opacity;
}
.industry44 .industry44-intro-band::before{
  opacity:1!important;
  transition:opacity .68s cubic-bezier(.22,1,.36,1)!important;
}
.industry44 .industry44-live::after{
  opacity:0!important;
  transition:opacity .72s cubic-bezier(.22,1,.36,1)!important;
}

/* Downward: Local releases first; Roofer receives blue after a clean white beat. */
.industry44.is-scroll-down.is-roofer-active .industry44-intro-band::before{
  opacity:0!important;
  transition-delay:0s!important;
}
.industry44.is-scroll-down.is-roofer-active .industry44-live::after{
  opacity:1!important;
  transition-delay:.34s!important;
}

/* Upward: Roofer releases first; Local receives blue from below after the same beat. */
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live::after{
  opacity:0!important;
  transition-delay:0s!important;
}
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-intro-band::before{
  opacity:1!important;
  transition-delay:.34s!important;
}

/* Stable resting states. */
.industry44:not(.is-roofer-active):not(.is-scroll-up) .industry44-intro-band::before{opacity:1!important}
.industry44:not(.is-roofer-active) .industry44-live::after{opacity:0!important}
.industry44.is-roofer-active .industry44-intro-band::before{opacity:0!important}
.industry44.is-roofer-active .industry44-live::after{opacity:1!important}

/* Text follows its own section after the background handoff; no partial clipping. */
.industry44 .industry44-kicker,
.industry44 .industry44-heading h2,
.industry44 .industry44-heading h2 em,
.industry44 .industry44-intro-copy p,
.industry44 .industry44-intro-copy a,
.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry44-live-points b,
.industry44 .industry44-live-points small,
.industry44 .industry44-live-action{
  transition-duration:.44s!important;
  transition-timing-function:cubic-bezier(.22,1,.36,1)!important;
}
.industry44.is-scroll-down.is-roofer-active .industry44-kicker,
.industry44.is-scroll-down.is-roofer-active .industry44-heading h2,
.industry44.is-scroll-down.is-roofer-active .industry44-heading h2 em,
.industry44.is-scroll-down.is-roofer-active .industry44-intro-copy p,
.industry44.is-scroll-down.is-roofer-active .industry44-intro-copy a{transition-delay:.10s!important}
.industry44.is-scroll-down.is-roofer-active .industry44-live-number,
.industry44.is-scroll-down.is-roofer-active .industry44-live-state,
.industry44.is-scroll-down.is-roofer-active .industry44-live-copy h3,
.industry44.is-scroll-down.is-roofer-active .industry44-live-description,
.industry44.is-scroll-down.is-roofer-active .industry44-live-points b,
.industry44.is-scroll-down.is-roofer-active .industry44-live-points small,
.industry44.is-scroll-down.is-roofer-active .industry44-live-action{transition-delay:.42s!important}
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-number,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-state,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-copy h3,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-description,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-points b,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-points small,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-action{transition-delay:.10s!important}
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-kicker,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-heading h2,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-heading h2 em,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-intro-copy p,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-intro-copy a{transition-delay:.42s!important}

/* Ensure the old scroll-scrub classes can never fight this repair. */
.industry44.is-intro-neutral .industry44-kicker,
.industry44.is-intro-neutral .industry44-heading h2,
.industry44.is-intro-neutral .industry44-heading h2 em,
.industry44.is-intro-neutral .industry44-intro-copy p,
.industry44.is-intro-neutral .industry44-intro-copy a{transition-delay:0s!important}

@media (prefers-reduced-motion:reduce){
  .industry44 .industry44-intro-band::before,
  .industry44 .industry44-live::after{transition:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.53 — Roofer priorities + synchronized handoff.
   No connector dots/lines. Larger editorial priority typography.
   Roofer text changes color with the gradient, never after it.
   ========================================================= */
.industry53-priorities{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(22px,3.2vw,58px)!important;
  margin-top:clamp(34px,4vw,56px)!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
.industry53-priorities::before,
.industry53-priorities::after,
.industry53-priority::before,
.industry53-priority::after{display:none!important;content:none!important}
.industry53-priority{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  min-width:0;
  transform:translate3d(0,0,0);
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease!important;
}
.industry53-priority + .industry53-priority{
  padding-left:0!important;
  border:0!important;
}
.industry53-priority b{
  display:block;
  font-size:clamp(29px,2.4vw,42px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:760!important;
}
.industry53-priority small{
  display:block;
  max-width:245px!important;
  font-size:clamp(12px,.92vw,15px)!important;
  line-height:1.5!important;
  letter-spacing:-.01em;
}
@media (hover:hover) and (pointer:fine){
  .industry44-live:hover .industry53-priority{transform:translate3d(0,-3px,0)}
  .industry44-live:hover .industry53-priority:nth-child(2){transition-delay:.035s!important}
  .industry44-live:hover .industry53-priority:nth-child(3){transition-delay:.07s!important}
}

/* Roofer background + text now begin together. This removes the brief black-on-blue frame. */
.industry44 .industry44-live::after{
  transition:opacity .82s cubic-bezier(.22,1,.36,1)!important;
}
.industry44.is-scroll-down.is-roofer-active .industry44-live::after{
  opacity:1!important;
  transition-delay:.20s!important;
}
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live::after{
  opacity:0!important;
  transition-delay:0s!important;
}
.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry53-priorities b,
.industry44 .industry53-priorities small,
.industry44 .industry44-live-action{
  transition-duration:.62s!important;
  transition-timing-function:cubic-bezier(.22,1,.36,1)!important;
}
.industry44.is-scroll-down.is-roofer-active .industry44-live-number,
.industry44.is-scroll-down.is-roofer-active .industry44-live-state,
.industry44.is-scroll-down.is-roofer-active .industry44-live-copy h3,
.industry44.is-scroll-down.is-roofer-active .industry44-live-description,
.industry44.is-scroll-down.is-roofer-active .industry53-priorities b,
.industry44.is-scroll-down.is-roofer-active .industry53-priorities small,
.industry44.is-scroll-down.is-roofer-active .industry44-live-action{
  transition-delay:.20s!important;
}
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-number,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-state,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-copy h3,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-description,
.industry44.is-scroll-up:not(.is-roofer-active) .industry53-priorities b,
.industry44.is-scroll-up:not(.is-roofer-active) .industry53-priorities small,
.industry44.is-scroll-up:not(.is-roofer-active) .industry44-live-action{
  transition-delay:0s!important;
}

/* Explicit resting colors so prior connector rules cannot leak through. */
.industry44:not(.is-roofer-active) .industry53-priorities b{color:#111827!important}
.industry44:not(.is-roofer-active) .industry53-priorities small{color:rgba(86,99,120,.82)!important}
.industry44.is-roofer-active .industry53-priorities b{color:#fff!important}
.industry44.is-roofer-active .industry53-priorities small{color:rgba(255,255,255,.72)!important}

@media (max-width:760px){
  .industry53-priorities{
    grid-template-columns:1fr!important;
    gap:22px!important;
    margin-top:30px!important;
  }
  .industry53-priority b{font-size:clamp(30px,9vw,42px)!important}
  .industry53-priority small{max-width:330px!important;font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  .industry53-priority,
  .industry44 .industry44-live::after,
  .industry44 .industry44-live-number,
  .industry44 .industry44-live-state,
  .industry44 .industry44-live-copy h3,
  .industry44 .industry44-live-description,
  .industry44 .industry53-priorities b,
  .industry44 .industry53-priorities small,
  .industry44 .industry44-live-action{transition:none!important}
}


/* =========================================================
   WebsiteGeneratorHub v0.3.54 — Roofer 3-step website process.
   Replaces Trust / Local / Action with the actual customer journey.
   ========================================================= */
.industry54-process{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,3.8vw,68px)!important;
  margin-top:clamp(38px,4.4vw,62px)!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
.industry54-process::before,
.industry54-process::after,
.industry54-step::before,
.industry54-step::after{display:none!important;content:none!important}
.industry54-process .industry54-step,
.industry54-process .industry54-step + .industry54-step{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:11px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  transform:translate3d(0,0,0);
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease!important;
}
.industry54-step b{
  display:block!important;
  max-width:300px;
  font-size:clamp(25px,2.05vw,36px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:760!important;
}
.industry54-step small{
  display:block!important;
  max-width:310px!important;
  font-size:clamp(13px,.94vw,15px)!important;
  line-height:1.55!important;
  letter-spacing:-.01em!important;
}
.industry44:not(.is-roofer-active) .industry54-step b{color:#111827!important}
.industry44:not(.is-roofer-active) .industry54-step small{color:rgba(86,99,120,.84)!important}
.industry44.is-roofer-active .industry54-step b{color:#fff!important}
.industry44.is-roofer-active .industry54-step small{color:rgba(255,255,255,.76)!important}
.industry44 .industry54-step b,
.industry44 .industry54-step small{
  transition:color .62s cubic-bezier(.22,1,.36,1)!important;
}
.industry44.is-scroll-down.is-roofer-active .industry54-step b,
.industry44.is-scroll-down.is-roofer-active .industry54-step small{transition-delay:.20s!important}
.industry44.is-scroll-up:not(.is-roofer-active) .industry54-step b,
.industry44.is-scroll-up:not(.is-roofer-active) .industry54-step small{transition-delay:0s!important}
@media (hover:hover) and (pointer:fine){
  .industry44-live:hover .industry54-step{transform:translate3d(0,-4px,0)}
  .industry44-live:hover .industry54-step:nth-child(2){transition-delay:.035s!important}
  .industry44-live:hover .industry54-step:nth-child(3){transition-delay:.07s!important}
}
@media (max-width:760px){
  .industry54-process{
    grid-template-columns:1fr!important;
    gap:26px!important;
    margin-top:32px!important;
  }
  .industry54-step b{font-size:clamp(27px,8.5vw,38px)!important;max-width:360px!important}
  .industry54-step small{font-size:13px!important;max-width:350px!important}
}
@media (prefers-reduced-motion:reduce){
  .industry54-step,
  .industry54-step b,
  .industry54-step small{transition:none!important}
}


/* =========================================================
   WebsiteGeneratorHub v0.3.55 — compact Roofer process + synced ink handoff.
   Keep the approved Roofer composition. Replace the oversized process copy
   with three short product words and remove the black-on-blue lag by making
   all Roofer ink transition on the same timeline as the blue background.
   ========================================================= */
.industry55-process{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,4vw,70px)!important;
  margin-top:clamp(34px,3.8vw,52px)!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
.industry55-process::before,
.industry55-process::after,
.industry55-step::before,
.industry55-step::after{display:none!important;content:none!important}
.industry55-process .industry55-step,
.industry55-process .industry55-step + .industry55-step{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  transform:none!important;
}
.industry55-step b{
  display:block!important;
  font-size:clamp(18px,1.35vw,24px)!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  font-weight:760!important;
}
.industry55-step small{
  display:block!important;
  max-width:245px!important;
  font-size:clamp(12px,.88vw,14px)!important;
  line-height:1.5!important;
  letter-spacing:-.008em!important;
}

/* Strip every older divider/network treatment from this final 3-word row. */
.industry44-live .industry55-process{
  border-top:0!important;
  border-bottom:0!important;
}
.industry44-live .industry55-process span+span{
  border-left:0!important;
  border-top:0!important;
  padding-left:0!important;
}

/* One timing system only: background and Roofer ink start together.
   This overrides old release delays that could leave black text on blue. */
.industry44 .industry44-live::after{
  opacity:0!important;
  clip-path:none!important;
  transition:opacity .74s cubic-bezier(.22,1,.36,1)!important;
  transition-delay:0s!important;
}
.industry44.is-roofer-active .industry44-live::after{
  opacity:1!important;
  transition-delay:0s!important;
}
.industry44 .industry44-live::before,
.industry44 .industry44-live-light,
.industry44 .industry44-live-wave{
  transition:opacity .46s cubic-bezier(.22,1,.36,1)!important;
  transition-delay:0s!important;
}
.industry44.is-roofer-active .industry44-live::before{opacity:1!important;transition-delay:0s!important}
.industry44.is-roofer-active .industry44-live-light{opacity:.72!important;transition-delay:0s!important}
.industry44.is-roofer-active .industry44-live-wave{opacity:.82!important;transition-delay:0s!important}

.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry55-step b,
.industry44 .industry55-step small,
.industry44 .industry44-live-action{
  transition-property:color,border-color,text-shadow,transform,opacity!important;
  transition-duration:.28s!important;
  transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
  transition-delay:0s!important;
}

.industry44:not(.is-roofer-active) .industry44-live-number{color:#111827!important;text-shadow:none!important}
.industry44:not(.is-roofer-active) .industry44-live-state{color:rgba(53,67,91,.82)!important}
.industry44:not(.is-roofer-active) .industry44-live-copy h3{color:#111827!important}
.industry44:not(.is-roofer-active) .industry44-live-description{color:rgba(70,84,107,.90)!important}
.industry44:not(.is-roofer-active) .industry55-step b{color:#111827!important}
.industry44:not(.is-roofer-active) .industry55-step small{color:rgba(86,99,120,.84)!important}
.industry44:not(.is-roofer-active) .industry44-live-action{color:#1a4fb8!important;border-bottom-color:rgba(26,79,184,.72)!important}

.industry44.is-roofer-active .industry44-live-number{color:#fff!important;text-shadow:0 28px 80px rgba(3,34,99,.19)!important}
.industry44.is-roofer-active .industry44-live-state{color:rgba(255,255,255,.78)!important}
.industry44.is-roofer-active .industry44-live-copy h3{color:#fff!important}
.industry44.is-roofer-active .industry44-live-description{color:rgba(255,255,255,.88)!important}
.industry44.is-roofer-active .industry55-step b{color:#fff!important}
.industry44.is-roofer-active .industry55-step small{color:rgba(255,255,255,.75)!important}
.industry44.is-roofer-active .industry44-live-action{color:#fff!important;border-bottom-color:rgba(255,255,255,.72)!important}

@media (max-width:760px){
  .industry55-process{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    margin-top:28px!important;
  }
  .industry55-step b{font-size:18px!important}
  .industry55-step small{font-size:11px!important;line-height:1.45!important}
}
@media (max-width:520px){
  .industry55-process{
    grid-template-columns:1fr!important;
    gap:17px!important;
  }
  .industry55-step b{font-size:20px!important}
  .industry55-step small{max-width:330px!important;font-size:12px!important}
}
@media (prefers-reduced-motion:reduce){
  .industry44 .industry44-live::after,
  .industry44 .industry44-live::before,
  .industry44 .industry44-live-light,
  .industry44 .industry44-live-wave,
  .industry44 .industry44-live-number,
  .industry44 .industry44-live-state,
  .industry44 .industry44-live-copy h3,
  .industry44 .industry44-live-description,
  .industry44 .industry55-step b,
  .industry44 .industry55-step small,
  .industry44 .industry44-live-action{transition:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.56 — Roofer ink contrast repair.
   Roofer ink is controlled separately from background ownership so dark text
   can never remain over the blue gradient during either scroll direction.
   ========================================================= */
.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry55-step b,
.industry44 .industry55-step small,
.industry44 .industry44-live-action{
  transition-property:color,border-color,text-shadow,transform,opacity!important;
  transition-duration:.09s,.09s,.09s,.28s,.28s!important;
  transition-timing-function:linear,linear,linear,cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1)!important;
  transition-delay:0s!important;
}

/* Light ink wins whenever the Roofer blue surface is visible or fading away. */
.industry44.is-roofer-ink-light .industry44-live-number,
.industry44.is-roofer-active .industry44-live-number{
  color:#fff!important;
  text-shadow:0 28px 80px rgba(3,34,99,.19)!important;
}
.industry44.is-roofer-ink-light .industry44-live-state,
.industry44.is-roofer-active .industry44-live-state{color:rgba(255,255,255,.82)!important}
.industry44.is-roofer-ink-light .industry44-live-copy h3,
.industry44.is-roofer-active .industry44-live-copy h3{color:#fff!important}
.industry44.is-roofer-ink-light .industry44-live-description,
.industry44.is-roofer-active .industry44-live-description{color:rgba(255,255,255,.91)!important}
.industry44.is-roofer-ink-light .industry55-step b,
.industry44.is-roofer-active .industry55-step b{color:#fff!important}
.industry44.is-roofer-ink-light .industry55-step small,
.industry44.is-roofer-active .industry55-step small{color:rgba(255,255,255,.78)!important}
.industry44.is-roofer-ink-light .industry44-live-action,
.industry44.is-roofer-active .industry44-live-action{
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.76)!important;
}

/* Dark ink is restored only after the blue surface has almost completely left. */
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry44-live-number{color:#111827!important;text-shadow:none!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry44-live-state{color:rgba(53,67,91,.82)!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry44-live-copy h3{color:#111827!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry44-live-description{color:rgba(70,84,107,.90)!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry55-step b{color:#111827!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry55-step small{color:rgba(86,99,120,.84)!important}
.industry44:not(.is-roofer-active):not(.is-roofer-ink-light) .industry44-live-action{color:#1a4fb8!important;border-bottom-color:rgba(26,79,184,.72)!important}

@media (prefers-reduced-motion:reduce){
  .industry44 .industry44-live-number,
  .industry44 .industry44-live-state,
  .industry44 .industry44-live-copy h3,
  .industry44 .industry44-live-description,
  .industry44 .industry55-step b,
  .industry44 .industry55-step small,
  .industry44 .industry44-live-action{transition:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.57 — deterministic background/ink sync.
   Both gradient ownership and text contrast use the same scroll progress.
   This intentionally overrides all older class/timer based handoff rules.
   ========================================================= */
.industry44{
  --wgh57-intro-blue:1;
  --wgh57-roofer-blue:0;
}
.industry44 .industry44-intro-band::before{
  opacity:var(--wgh57-intro-blue)!important;
  clip-path:none!important;
  transition:none!important;
  will-change:opacity!important;
}
.industry44 .industry44-live::after{
  opacity:var(--wgh57-roofer-blue)!important;
  clip-path:none!important;
  transition:none!important;
  will-change:opacity!important;
}
.industry44 .industry44-live::before{
  opacity:calc(var(--wgh57-roofer-blue) * 1)!important;
  transition:none!important;
}
.industry44 .industry44-live-light{
  opacity:calc(var(--wgh57-roofer-blue) * .72)!important;
  transition:none!important;
}
.industry44 .industry44-live-wave{
  opacity:calc(var(--wgh57-roofer-blue) * .82)!important;
  transition:none!important;
}

/* Inline !important ink values are written by app.js from the same progress.
   Disable color delays from all earlier releases so nothing can override timing. */
.industry44 .industry44-kicker,
.industry44 .industry44-heading h2,
.industry44 .industry44-heading h2 em,
.industry44 .industry44-intro-copy p,
.industry44 .industry44-intro-copy a,
.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry55-step b,
.industry44 .industry55-step small,
.industry44 .industry44-live-action{
  transition-delay:0s!important;
}


/* =========================================================
   WebsiteGeneratorHub v0.3.58 — Roofer contrast-lock repair only.
   Do not redesign or alter the Local Business → Roofer background handoff.
   The previous dark flash came from inherited color transitions continuing
   after the blue layer had already become visually dominant.
   ========================================================= */
.industry44 .industry44-live-number{
  transition:opacity .82s ease .08s,transform 1s cubic-bezier(.16,1,.3,1) .08s,text-shadow .16s linear!important;
}
.industry44 .industry44-live-state,
.industry44 .industry44-live-description,
.industry44 .industry55-step b,
.industry44 .industry55-step small{
  transition:none!important;
}
.industry44 .industry44-live-copy h3{
  transition:transform .6s cubic-bezier(.16,1,.3,1)!important;
}
.industry44 .industry44-live-action{
  transition:opacity .84s ease .23s,transform .95s cubic-bezier(.16,1,.3,1) .23s!important;
}

/* =========================================================
   WebsiteGeneratorHub v0.3.60 — Local categories readability only.
   Keeps the approved v0.3.58 section design/transition unchanged;
   only increases the supporting copy and Explore industries CTA scale.
   ========================================================= */
.industry44 .industry44-intro-copy{
  max-width:600px!important;
}
.industry44 .industry44-intro-copy p{
  font-size:clamp(18px,1.22vw,21px)!important;
  line-height:1.62!important;
  letter-spacing:-.01em;
  margin-bottom:30px!important;
}
.industry44 .industry44-intro-copy a{
  min-height:56px;
  padding:0 18px!important;
  gap:16px!important;
  border:1.5px solid currentColor!important;
  border-radius:10px;
  font-size:16.5px!important;
  line-height:1!important;
  font-weight:780!important;
  text-decoration:none!important;
}
.industry44 .industry44-intro-copy a span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-right:-7px;
  border-left:1px solid currentColor;
  padding-left:10px;
}
@media (hover:hover) and (pointer:fine){
  .industry44 .industry44-intro-copy a:hover{
    transform:translateY(-2px);
  }
}
@media (max-width:900px){
  .industry44 .industry44-intro-copy{max-width:720px!important}
  .industry44 .industry44-intro-copy p{font-size:18px!important;line-height:1.6!important}
}
@media (max-width:640px){
  .industry44 .industry44-intro-copy p{font-size:16.5px!important;line-height:1.62!important;margin-bottom:24px!important}
  .industry44 .industry44-intro-copy a{min-height:52px;font-size:15.5px!important;padding:0 15px!important}
  .industry44 .industry44-intro-copy a span{width:31px;height:31px}
}
@media (prefers-reduced-motion:reduce){
  .industry44 .industry44-intro-copy a{transform:none!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.62 — Local categories scale-up only.
   Keeps the approved Local Business / Roofer section, colors and
   transition behavior unchanged. Only enlarges the supporting copy
   and the Explore all industries CTA for stronger visual hierarchy.
   ========================================================= */
.industry44 .industry44-intro-copy{
  max-width:650px!important;
}
.industry44 .industry44-intro-copy p{
  font-size:clamp(21px,1.5vw,24px)!important;
  line-height:1.58!important;
  letter-spacing:-.015em!important;
  margin-bottom:34px!important;
}
.industry44 .industry44-intro-copy a{
  min-height:64px!important;
  padding:0 23px!important;
  gap:18px!important;
  border:2px solid currentColor!important;
  border-radius:12px!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:780!important;
  text-decoration:none!important;
}
.industry44 .industry44-intro-copy a span{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  margin-right:-10px!important;
  border-left:1px solid currentColor!important;
  padding-left:12px!important;
  font-size:20px!important;
}
@media (max-width:900px){
  .industry44 .industry44-intro-copy{max-width:740px!important}
  .industry44 .industry44-intro-copy p{font-size:20px!important;line-height:1.6!important}
  .industry44 .industry44-intro-copy a{min-height:60px!important;font-size:18px!important;padding:0 20px!important}
}
@media (max-width:640px){
  .industry44 .industry44-intro-copy p{font-size:18px!important;line-height:1.6!important;margin-bottom:26px!important}
  .industry44 .industry44-intro-copy a{min-height:56px!important;font-size:16.5px!important;padding:0 17px!important;gap:14px!important}
  .industry44 .industry44-intro-copy a span{width:34px!important;height:34px!important;font-size:18px!important;padding-left:10px!important}
}

/* =========================================================
   WebsiteGeneratorHub v0.3.63 — Local categories polish + contrast lock.
   Keeps the approved Local Business → Roofer animation. The CTA is now
   a restrained editorial action instead of a boxed SaaS/AI-style button.
   ========================================================= */
.industry44 .industry44-intro-copy{
  max-width:650px!important;
}
.industry44 .industry44-intro-copy p{
  font-size:clamp(21px,1.42vw,23px)!important;
  line-height:1.6!important;
  letter-spacing:-.014em!important;
  margin-bottom:36px!important;
}

/* Editorial CTA: large, clear and brand-led without a generic rounded box. */
.industry44 .industry44-intro-copy a{
  width:min(100%,560px)!important;
  min-height:72px!important;
  padding:17px 4px 16px!important;
  gap:28px!important;
  justify-content:space-between!important;
  border:0!important;
  border-top:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:clamp(18px,1.3vw,20px)!important;
  line-height:1.08!important;
  font-weight:740!important;
  letter-spacing:-.025em!important;
  text-decoration:none!important;
  transform:none!important;
  transition:padding .34s cubic-bezier(.16,1,.3,1),opacity .2s ease!important;
}
.industry44 .industry44-intro-copy a span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:450!important;
  transition:transform .34s cubic-bezier(.16,1,.3,1)!important;
}
@media (hover:hover) and (pointer:fine){
  .industry44 .industry44-intro-copy a:hover{
    padding-left:10px!important;
    padding-right:10px!important;
    transform:none!important;
  }
  .industry44 .industry44-intro-copy a:hover span{
    transform:translate(5px,-5px)!important;
  }
}
@media (max-width:900px){
  .industry44 .industry44-intro-copy p{font-size:20px!important;line-height:1.62!important}
  .industry44 .industry44-intro-copy a{min-height:68px!important;font-size:18px!important}
}
@media (max-width:640px){
  .industry44 .industry44-intro-copy p{font-size:18px!important;line-height:1.62!important;margin-bottom:28px!important}
  .industry44 .industry44-intro-copy a{width:100%!important;min-height:62px!important;padding:15px 2px 14px!important;font-size:17px!important}
  .industry44 .industry44-intro-copy a span{font-size:22px!important}
}

/* app.js owns the gradient progress. v0.3.63 mirrors that exact progress in
   a tiny contrast-lock helper so dark copy can never linger on a blue panel
   while scrolling upward (or in a fast direction change). */
.industry44.wgh63-contrast-lock .industry44-kicker,
.industry44.wgh63-contrast-lock .industry44-heading h2,
.industry44.wgh63-contrast-lock .industry44-heading h2 em,
.industry44.wgh63-contrast-lock .industry44-intro-copy p,
.industry44.wgh63-contrast-lock .industry44-intro-copy a,
.industry44.wgh63-contrast-lock .industry44-live-number,
.industry44.wgh63-contrast-lock .industry44-live-state,
.industry44.wgh63-contrast-lock .industry44-live-copy h3,
.industry44.wgh63-contrast-lock .industry44-live-description,
.industry44.wgh63-contrast-lock .industry53-priority b,
.industry44.wgh63-contrast-lock .industry53-priority small,
.industry44.wgh63-contrast-lock .industry55-step b,
.industry44.wgh63-contrast-lock .industry55-step small,
.industry44.wgh63-contrast-lock .industry44-live-action{
  transition-property:opacity,transform,text-shadow!important;
  transition-delay:0s!important;
}

/* =========================================================
   WebsiteGeneratorHub v0.3.64 — restore correct Local/Roofer ink ownership.
   v0.3.63 read internal variables that could be out of phase with the layer
   actually being painted. v0.3.64 reads the rendered pseudo-layer opacity
   instead. No layout, CTA, gradient, spacing or section design is changed.
   ========================================================= */
.industry44 .industry44-kicker,
.industry44 .industry44-heading h2,
.industry44 .industry44-heading h2 em,
.industry44 .industry44-intro-copy p,
.industry44 .industry44-intro-copy a,
.industry44 .industry44-live-number,
.industry44 .industry44-live-state,
.industry44 .industry44-live-copy h3,
.industry44 .industry44-live-description,
.industry44 .industry44-live-points b,
.industry44 .industry44-live-points small,
.industry44 .industry53-priority b,
.industry44 .industry53-priority small,
.industry44 .industry54-step b,
.industry44 .industry54-step small,
.industry44 .industry55-step b,
.industry44 .industry55-step small,
.industry44 .industry44-live-action{
  transition-delay:0s!important;
}


/* =========================================================
   WebsiteGeneratorHub v0.3.65 — Local categories headline flash repair only.
   The large "Different services. Different website needs." headline changes
   contrast essentially instantly as the blue layer returns on upward scroll.
   No background, layout, CTA, Roofer or supporting-copy behavior is changed.
   ========================================================= */
.industry44 .industry44-heading h2,
.industry44 .industry44-heading h2 em{
  transition:color .04s linear!important;
  transition-delay:0s!important;
}
@media (prefers-reduced-motion:reduce){
  .industry44 .industry44-heading h2,
  .industry44 .industry44-heading h2 em{transition:none!important}
}


/* Source: wgh79-industry-background-lock.css */
/* =========================================================
   WebsiteGeneratorHub v0.3.79 — v0.3.65 background ownership lock.

   v0.3.46–v0.3.56 left several high-specificity state selectors in app.css.
   The approved v0.3.57/v0.3.58 renderer—and therefore the final v0.3.65
   behavior—writes the two background progress values below. Some older state
   selectors could still win the cascade and prevent that original handoff
   from being painted.

   This isolated layer changes no design, content, layout, text color, curve,
   timing, breakpoint or scroll measurement. It only makes the original
   v0.3.65 progress values authoritative for the five painted background
   surfaces. The deliberate white handoff and exact reverse remain owned by
   the untouched v0.3.65 app.js.
   ========================================================= */

.industry44.industry44.industry44.industry44 .industry44-intro-band::before{
  opacity:var(--wgh57-intro-blue)!important;
  clip-path:none!important;
  transition:none!important;
}

.industry44.industry44.industry44.industry44 .industry44-live::after{
  opacity:var(--wgh57-roofer-blue)!important;
  clip-path:none!important;
  transition:none!important;
}

.industry44.industry44.industry44.industry44 .industry44-live::before{
  opacity:calc(var(--wgh57-roofer-blue) * 1)!important;
  transition:none!important;
}

.industry44.industry44.industry44.industry44 .industry44-live-light{
  opacity:calc(var(--wgh57-roofer-blue) * .72)!important;
  transition:none!important;
}

.industry44.industry44.industry44.industry44 .industry44-live-wave{
  opacity:calc(var(--wgh57-roofer-blue) * .82)!important;
  transition:none!important;
}

@media (prefers-reduced-motion:reduce){
  .industry44.industry44.industry44.industry44 .industry44-intro-band::before,
  .industry44.industry44.industry44.industry44 .industry44-live::after,
  .industry44.industry44.industry44.industry44 .industry44-live::before,
  .industry44.industry44.industry44.industry44 .industry44-live-light,
  .industry44.industry44.industry44.industry44 .industry44-live-wave{
    transition:none!important;
  }
}


/* Source: wgh80-homepage.css */
/* WebsiteGeneratorHub v0.3.80 — complete roofer-first homepage.
   Intentionally isolated from the approved v0.3.65 hero and industry handoff. */

.home-v39{
  --h80-blue:#2f6fed;
  --h80-blue-deep:#174ebc;
  --h80-ink:#101827;
  --h80-muted:#5f6c80;
  --h80-line:#dce3ee;
  --h80-soft:#f3f6fb;
  --h80-white:#fff;
}

.home80-label{
  margin:0;
  color:var(--h80-blue);
  font:750 11px/1.2 "Inter",sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home80-label-light{color:rgba(255,255,255,.72)}

.home80-planned{
  position:relative;
  z-index:5;
  background:#fff;
  border-top:1px solid rgba(18,35,62,.1);
  border-bottom:1px solid rgba(18,35,62,.1);
}
.home80-planned-grid{
  min-height:clamp(420px,48vw,690px);
  display:grid;
  grid-template-columns:minmax(150px,.65fr) minmax(390px,1.55fr) minmax(300px,1fr);
  align-items:center;
  gap:clamp(28px,4vw,72px);
  padding-top:clamp(72px,8vw,130px);
  padding-bottom:clamp(72px,8vw,130px);
}
.home80-planned h3{
  margin:0;
  color:var(--h80-ink);
  font:680 clamp(46px,5.2vw,82px)/.94 "Inter Tight",sans-serif;
  letter-spacing:-.062em;
}
.home80-planned h3 em{color:var(--h80-blue);font-style:normal;font-weight:520}
.home80-planned-copy{max-width:440px;padding-top:6px}
.home80-planned-copy p{margin:0;color:var(--h80-muted);font:450 clamp(15px,1.1vw,18px)/1.66 "Inter",sans-serif}
.home80-planned-copy p+p{margin-top:18px}
.home80-planned-copy strong{color:var(--h80-ink);font-weight:700}

.home80-how{
  position:relative;
  overflow:hidden;
  padding:clamp(110px,12vw,185px) 0 clamp(100px,11vw,170px);
  color:#fff;
  background:
    radial-gradient(circle at 84% 8%,rgba(77,141,255,.3),transparent 30%),
    linear-gradient(135deg,#0b1e43 0%,#153f8c 48%,#1e62dc 100%);
}
.home80-how::before{
  content:"03";
  position:absolute;
  right:-.03em;
  top:-.18em;
  color:rgba(255,255,255,.045);
  font:800 clamp(310px,40vw,680px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.08em;
  pointer-events:none;
}
.home80-section-head{position:relative;max-width:1000px}
.home80-section-head h2,
.home80-output-head h2,
.home80-system-head h2,
.home80-roofing h2,
.home80-outcomes-head h2,
.home80-faq h2{
  margin:18px 0 0;
  font:680 clamp(54px,7vw,112px)/.9 "Inter Tight",sans-serif;
  letter-spacing:-.068em;
}
.home80-section-head h2{color:#fff}
.home80-section-head h2 em{color:#a8c8ff;font-style:normal;font-weight:500}
.home80-section-head>p:last-child{
  max-width:620px;
  margin:34px 0 0 auto;
  color:rgba(255,255,255,.72);
  font:450 clamp(16px,1.35vw,21px)/1.62 "Inter",sans-serif;
}
.home80-steps{position:relative;list-style:none;margin:clamp(72px,8vw,120px) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.22)}
.home80-steps li{
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(0,1.55fr);
  gap:clamp(36px,7vw,110px);
  align-items:start;
  padding:clamp(42px,5vw,74px) 0;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.home80-step-number{
  color:rgba(255,255,255,.95);
  font:650 clamp(90px,12vw,184px)/.72 "Inter Tight",sans-serif;
  letter-spacing:-.08em;
}
.home80-steps li>div{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(270px,.95fr) minmax(230px,.72fr);gap:clamp(24px,4vw,70px);align-items:start;padding-top:8px}
.home80-steps li>div>p:first-child{margin:5px 0 0;color:#98bfff;font:750 11px/1.3 "Inter",sans-serif;letter-spacing:.16em}
.home80-steps h3{margin:0;color:#fff;font:630 clamp(30px,3.3vw,52px)/1 "Inter Tight",sans-serif;letter-spacing:-.045em}
.home80-steps li>div>p:last-child{margin:0;color:rgba(255,255,255,.7);font:450 15px/1.65 "Inter",sans-serif}
.home80-how-cta{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.home80-how-cta p{margin:0;color:rgba(255,255,255,.68);font:450 15px/1.5 "Inter",sans-serif}
.home80-how-cta p strong{color:#fff}
.home80-how-cta a{
  min-height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  padding:0 27px;
  background:#fff;
  color:#163f8f;
  text-decoration:none;
  font:750 14px/1 "Inter",sans-serif;
  transition:transform .25s ease,box-shadow .25s ease;
}

.home80-output{position:relative;overflow:hidden;background:#f7f9fc;padding:clamp(110px,12vw,185px) 0 clamp(110px,12vw,180px)}
.home80-output-head{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:clamp(40px,8vw,130px);align-items:end}
.home80-output-head h2{color:var(--h80-ink);max-width:1000px}
.home80-output-head h2 em{color:var(--h80-blue);font-style:normal;font-weight:500}
.home80-output-head>p{margin:0 0 8px;color:var(--h80-muted);font:450 clamp(16px,1.25vw,20px)/1.65 "Inter",sans-serif}
.home80-device-stage{position:relative;margin-top:clamp(70px,8vw,120px);padding-right:clamp(40px,8vw,130px)}
.home80-browser{overflow:hidden;background:#fff;border:1px solid #ccd6e4;box-shadow:0 42px 100px rgba(19,41,77,.14)}
.home80-browser-bar{height:52px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #dbe2eb;background:#fff;color:#69758a;font:650 10px/1 "Inter",sans-serif;letter-spacing:.08em}
.home80-browser-bar>span{display:flex;gap:7px}.home80-browser-bar i{width:8px;height:8px;border-radius:50%;background:#d2d9e3}.home80-browser-bar i:first-child{background:#78a5fb}
.home80-browser-bar b{justify-self:center;color:#6c7788;font-weight:600;letter-spacing:0}.home80-browser-bar em{justify-self:end;color:#2f6fed;font-style:normal}
.home80-sample-site{background:#fff}
.home80-sample-site>header{height:70px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:38px;padding:0 clamp(24px,3.5vw,54px);border-bottom:1px solid #edf0f4;color:#11203a;font:600 10px/1 "Inter",sans-serif}
.home80-sample-site>header strong{font:800 clamp(15px,1.4vw,22px)/1 "Inter Tight",sans-serif;letter-spacing:.05em}
.home80-sample-site>header nav{color:#667187}
.home80-sample-site>header span{padding:13px 16px;background:#205fd6;color:#fff;text-transform:uppercase;letter-spacing:.08em}
.home80-sample-hero{min-height:clamp(410px,43vw,650px);display:grid;grid-template-columns:1.05fr .95fr}
.home80-sample-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(38px,5.5vw,88px);background:#f0f4f9}
.home80-sample-copy small{color:#2764d8;font:750 9px/1.2 "Inter",sans-serif;letter-spacing:.18em}
.home80-sample-copy h3{max-width:610px;margin:22px 0 20px;color:#101a2b;font:680 clamp(38px,5.2vw,82px)/.9 "Inter Tight",sans-serif;letter-spacing:-.065em}
.home80-sample-copy p{max-width:470px;margin:0;color:#647086;font:450 clamp(12px,1.1vw,17px)/1.6 "Inter",sans-serif}
.home80-sample-copy>b{margin-top:30px;padding:17px 20px;background:#205fd6;color:#fff;font:750 9px/1 "Inter",sans-serif;letter-spacing:.1em}.home80-sample-copy>b span{margin-left:18px}
.home80-sample-image,.home80-phone-image{background:url("roof-house.jpg") center/cover no-repeat}
.home80-sample-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed}
.home80-sample-proof span{padding:clamp(18px,2.3vw,34px);color:#697589;font:500 clamp(9px,.9vw,13px)/1.35 "Inter",sans-serif}.home80-sample-proof span+span{border-left:1px solid #dfe5ed}.home80-sample-proof b{display:block;margin-bottom:6px;color:#111d31;font:720 clamp(18px,2vw,30px)/1 "Inter Tight",sans-serif}
.home80-sample-services{display:grid;grid-template-columns:repeat(3,1fr)}
.home80-sample-services article{display:flex;align-items:center;gap:18px;padding:clamp(20px,2.8vw,42px);color:#16233a}.home80-sample-services article+article{border-left:1px solid #dfe5ed}.home80-sample-services small{color:#2f6fed;font:750 9px/1 "Inter",sans-serif}.home80-sample-services b{font:650 clamp(12px,1.2vw,18px)/1.2 "Inter Tight",sans-serif}
.home80-phone{position:absolute;right:0;bottom:clamp(-45px,-3vw,-20px);width:clamp(190px,20vw,310px);padding:10px;border:1px solid #c8d2e1;border-radius:32px;background:#0e1726;box-shadow:0 38px 80px rgba(10,31,62,.25);transform:rotate(1.8deg)}
.home80-phone-top{position:absolute;z-index:2;top:15px;left:50%;width:36%;height:18px;border-radius:12px;background:#0e1726;transform:translateX(-50%)}
.home80-phone-screen{overflow:hidden;min-height:510px;padding:0 19px 25px;border-radius:23px;background:#f1f4f8}
.home80-phone-screen header{height:55px;display:flex;align-items:center;justify-content:space-between;color:#12203a;font:800 10px/1 "Inter Tight",sans-serif}.home80-phone-screen header i{width:17px;height:10px;border-top:1px solid;border-bottom:1px solid}
.home80-phone-image{height:190px;margin:0 -19px 26px}
.home80-phone-screen>small{color:#2a65d8;font:750 7px/1 "Inter",sans-serif;letter-spacing:.13em}
.home80-phone-screen h3{margin:12px 0;color:#101a2b;font:680 29px/.95 "Inter Tight",sans-serif;letter-spacing:-.05em}.home80-phone-screen p{margin:0;color:#677388;font:450 10px/1.5 "Inter",sans-serif}.home80-phone-screen>b{display:block;margin-top:22px;padding:14px 12px;background:#1f5dd2;color:#fff;text-align:center;font:750 8px/1 "Inter",sans-serif;letter-spacing:.08em}
.home80-includes{margin-top:clamp(85px,9vw,140px)}
.home80-includes-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:28px 0;border-top:1px solid #cdd7e4;border-bottom:1px solid #cdd7e4;color:#17243a;font:630 clamp(17px,1.65vw,26px)/1.1 "Inter Tight",sans-serif;letter-spacing:-.025em}.home80-includes-line i{width:5px;height:5px;border-radius:50%;background:#2f6fed}

.home80-system{position:relative;overflow:hidden;padding:clamp(110px,12vw,185px) 0;background:#0c1422;color:#fff}
.home80-system::before{content:"SYSTEM";position:absolute;left:-.04em;bottom:-.18em;color:rgba(255,255,255,.025);font:800 clamp(160px,25vw,430px)/1 "Inter Tight",sans-serif;letter-spacing:-.08em;pointer-events:none}
.home80-system-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.6fr);gap:clamp(50px,9vw,150px);align-items:end}
.home80-system-head h2{color:#fff}.home80-system-head h2 em{color:#8eb8ff;font-style:normal;font-weight:500}
.home80-system-head>p{margin:0 0 8px;color:rgba(255,255,255,.64);font:450 clamp(16px,1.2vw,19px)/1.66 "Inter",sans-serif}
.home80-design-lab{position:relative;display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);min-height:650px;margin-top:clamp(72px,8vw,120px);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.home80-direction-list{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18)}
.home80-direction-list button{position:relative;flex:1;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;align-content:center;padding:22px 34px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .25s ease,padding-left .25s ease}.home80-direction-list button:last-child{border-bottom:0}.home80-direction-list button span{grid-row:1/3;color:rgba(255,255,255,.36);font:600 13px/1 "Inter",sans-serif}.home80-direction-list button b{font:620 clamp(22px,2vw,31px)/1 "Inter Tight",sans-serif;letter-spacing:-.035em}.home80-direction-list button em{margin-top:8px;color:rgba(255,255,255,.46);font:500 11px/1.3 "Inter",sans-serif;font-style:normal;letter-spacing:.04em}.home80-direction-list button.is-active{background:rgba(47,111,237,.2);padding-left:45px}.home80-direction-list button.is-active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#6fa0ff}.home80-direction-list button.is-active span{color:#8eb8ff}
.home80-design-preview{--preview-bg:#edf3ff;--preview-ink:#0f1a2e;--preview-accent:#2f6fed;display:grid;grid-template-rows:auto 1fr auto;background:var(--preview-bg);color:var(--preview-ink);transition:background .35s ease,color .35s ease}
.home80-design-meta{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;min-height:72px;padding:0 clamp(24px,3vw,48px);border-bottom:1px solid color-mix(in srgb,var(--preview-ink) 16%,transparent);font:700 10px/1 "Inter",sans-serif;letter-spacing:.12em}.home80-design-meta span{color:var(--preview-accent)}.home80-design-meta b{font-weight:700;letter-spacing:0}.home80-design-meta em{font-style:normal;opacity:.52}
.home80-design-canvas{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(50px,7vw,110px)}.home80-design-canvas small{color:var(--preview-accent);font:750 10px/1 "Inter",sans-serif;letter-spacing:.16em}.home80-design-canvas h3{margin:24px 0 22px;color:var(--preview-ink);font:680 clamp(52px,6.3vw,96px)/.87 "Inter Tight",sans-serif;letter-spacing:-.07em}.home80-design-canvas p{max-width:500px;margin:0;color:color-mix(in srgb,var(--preview-ink) 63%,transparent);font:450 16px/1.58 "Inter",sans-serif}.home80-design-canvas>span{margin-top:34px;padding:17px 20px;background:var(--preview-accent);color:#fff;font:750 10px/1 "Inter",sans-serif;letter-spacing:.1em}
.home80-palettes{height:82px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 clamp(24px,3vw,48px);border-top:1px solid color-mix(in srgb,var(--preview-ink) 16%,transparent)}
.home80-palettes button{width:31px;height:31px;border:5px solid transparent;border-radius:50%;background:#2f6fed;box-shadow:0 0 0 1px color-mix(in srgb,var(--preview-ink) 22%,transparent);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.home80-palettes button.is-active{border-color:var(--preview-bg);outline:2px solid var(--preview-accent);transform:scale(1.08)}.home80-palettes [data-home80-palette="slate"]{background:#52657c}.home80-palettes [data-home80-palette="forest"]{background:#1f6b55}.home80-palettes [data-home80-palette="ember"]{background:#ca5d33}.home80-palettes [data-home80-palette="black"]{background:#111}
.home80-design-preview[data-palette="slate"]{--preview-bg:#e9eef3;--preview-ink:#172230;--preview-accent:#52657c}.home80-design-preview[data-palette="forest"]{--preview-bg:#edf1eb;--preview-ink:#17251e;--preview-accent:#1f6b55}.home80-design-preview[data-palette="ember"]{--preview-bg:#f4eee5;--preview-ink:#2e1c17;--preview-accent:#ca5d33}.home80-design-preview[data-palette="black"]{--preview-bg:#eeeae2;--preview-ink:#111;--preview-accent:#111}
.home80-system-statement{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-top:clamp(64px,8vw,115px);padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}.home80-system-statement strong{color:#fff;font:650 clamp(52px,7vw,110px)/.8 "Inter Tight",sans-serif;letter-spacing:-.07em}.home80-system-statement span{max-width:120px;color:rgba(255,255,255,.54);font:600 12px/1.4 "Inter",sans-serif;text-transform:uppercase;letter-spacing:.09em}.home80-system-statement i{color:#6e9bf1;font:400 clamp(30px,4vw,60px)/1 "Inter Tight",sans-serif;font-style:normal}

.home80-roofing{padding:clamp(110px,12vw,185px) 0;background:#fff;color:var(--h80-ink)}
.home80-roofing-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.62fr);gap:clamp(50px,9vw,150px)}
.home80-roofing header{grid-column:1/2}.home80-roofing h2{color:var(--h80-ink)}.home80-roofing h2 em{color:var(--h80-blue);font-style:normal;font-weight:500}
.home80-roofing-intro{grid-column:2/3;align-self:end;padding-bottom:8px}.home80-roofing-intro p{margin:0;color:var(--h80-muted);font:450 clamp(16px,1.2vw,19px)/1.66 "Inter",sans-serif}.home80-roofing-intro p+p{margin-top:20px}
.home80-roofing-points{grid-column:1/-1;margin-top:clamp(65px,8vw,110px);border-top:1px solid var(--h80-line)}
.home80-roofing-points article{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);gap:clamp(36px,8vw,140px);padding:clamp(38px,4vw,62px) 0;border-bottom:1px solid var(--h80-line)}
.home80-roofing-points article>span{color:var(--h80-blue);font:650 clamp(58px,7vw,105px)/.75 "Inter Tight",sans-serif;letter-spacing:-.07em}
.home80-roofing-points article>div{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(260px,.6fr);gap:clamp(36px,7vw,110px);align-items:start}.home80-roofing-points h3{margin:0;color:var(--h80-ink);font:630 clamp(28px,3vw,46px)/1 "Inter Tight",sans-serif;letter-spacing:-.045em}.home80-roofing-points p{margin:0;color:var(--h80-muted);font:450 15px/1.65 "Inter",sans-serif}

.home80-outcomes{padding:clamp(110px,12vw,185px) 0;background:#f2f5f9;color:var(--h80-ink)}
.home80-outcomes-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:clamp(50px,9vw,150px);align-items:end}.home80-outcomes-head .home80-label{grid-column:1/-1}.home80-outcomes-head h2{margin-top:0}.home80-outcomes-head h2 em{color:var(--h80-blue);font-style:normal;font-weight:500}.home80-outcomes-head>p{margin:0 0 8px;color:var(--h80-muted);font:450 clamp(16px,1.2vw,19px)/1.66 "Inter",sans-serif}
.home80-outcome-list{margin-top:clamp(70px,8vw,120px);border-top:1px solid #cbd5e2}
.home80-outcome{position:relative;display:grid;grid-template-columns:minmax(140px,.5fr) minmax(120px,.48fr) minmax(280px,1fr) minmax(260px,.72fr) auto;gap:clamp(24px,4vw,68px);align-items:center;min-height:200px;padding:32px 0;border-bottom:1px solid #cbd5e2;color:inherit;text-decoration:none;transition:padding .3s ease,background .3s ease,color .3s ease}.home80-outcome-number{font:650 clamp(62px,7vw,110px)/.75 "Inter Tight",sans-serif;letter-spacing:-.07em}.home80-outcome small{color:var(--h80-blue);font:750 10px/1.25 "Inter",sans-serif;letter-spacing:.14em}.home80-outcome h3{margin:0;font:630 clamp(28px,3vw,45px)/1 "Inter Tight",sans-serif;letter-spacing:-.045em}.home80-outcome p{margin:0;color:var(--h80-muted);font:450 14px/1.62 "Inter",sans-serif}.home80-outcome>b{font:700 13px/1 "Inter",sans-serif;white-space:nowrap}.home80-outcome-primary{background:var(--h80-blue);color:#fff;padding-left:28px;padding-right:28px;border-color:var(--h80-blue)}.home80-outcome-primary small,.home80-outcome-primary p{color:rgba(255,255,255,.74)}

.home80-faq{padding:clamp(110px,12vw,185px) 0;background:#fff;color:var(--h80-ink)}
.home80-faq-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.15fr);gap:clamp(70px,10vw,175px);align-items:start}.home80-faq h2{font-size:clamp(48px,5.5vw,88px)}.home80-faq h2 em{color:var(--h80-blue);font-style:normal;font-weight:500}.home80-faq header>p:not(.home80-label){max-width:480px;margin:30px 0 0;color:var(--h80-muted);font:450 16px/1.65 "Inter",sans-serif}.home80-faq header>a{display:inline-flex;gap:18px;margin-top:30px;padding-bottom:6px;border-bottom:1px solid #778397;color:#1a2a45;text-decoration:none;font:700 14px/1.2 "Inter",sans-serif}
.home80-faq-list{border-top:1px solid #cbd5e2}.home80-faq-list details{border-bottom:1px solid #cbd5e2}.home80-faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px;padding:24px 0;list-style:none;cursor:pointer;color:#142139;font:620 clamp(19px,1.7vw,27px)/1.18 "Inter Tight",sans-serif;letter-spacing:-.025em}.home80-faq-list summary::-webkit-details-marker{display:none}.home80-faq-list summary span{position:relative;width:20px;height:20px;flex:0 0 20px}.home80-faq-list summary span::before,.home80-faq-list summary span::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1px;background:#1c3358;transform:translate(-50%,-50%);transition:transform .25s ease}.home80-faq-list summary span::after{transform:translate(-50%,-50%) rotate(90deg)}.home80-faq-list details[open] summary span::after{transform:translate(-50%,-50%) rotate(0)}.home80-faq-list details>p{max-width:720px;margin:0;padding:0 58px 30px 0;color:var(--h80-muted);font:450 15px/1.7 "Inter",sans-serif}

.home80-closing{position:relative;overflow:hidden;padding:clamp(110px,12vw,185px) 0;background:linear-gradient(135deg,#235fd5 0%,#2f6fed 50%,#4b8aff 100%);color:#fff}
.home80-closing::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.2),transparent 28%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.06) 35.2%,transparent 35.4%);pointer-events:none}
.home80-closing-inner{position:relative}.home80-closing h2{max-width:1150px;margin:22px 0 0;color:#fff;font:680 clamp(70px,10vw,160px)/.84 "Inter Tight",sans-serif;letter-spacing:-.075em}.home80-closing h2 em{color:#cfe0ff;font-style:normal;font-weight:480}.home80-closing-inner>p:not(.home80-label){max-width:650px;margin:38px 0 0;color:rgba(255,255,255,.76);font:450 clamp(16px,1.3vw,20px)/1.65 "Inter",sans-serif}.home80-closing-inner>div{display:flex;align-items:center;gap:30px;margin-top:40px}.home80-closing-inner>div a:first-child{min-height:64px;display:inline-flex;align-items:center;gap:30px;padding:0 28px;background:#fff;color:#1a4cac;text-decoration:none;font:750 14px/1 "Inter",sans-serif}.home80-closing-inner>div a:last-child{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.65);color:#fff;text-decoration:none;font:650 14px/1.2 "Inter",sans-serif}.home80-closing-mark{position:absolute;right:0;bottom:0;color:rgba(255,255,255,.35);font:700 12px/1 "Inter",sans-serif;letter-spacing:.16em}

@media (hover:hover) and (pointer:fine){
  .home80-how-cta a:hover,.home80-closing-inner>div a:first-child:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(7,25,61,.18)}
  .home80-direction-list button:hover:not(.is-active){background:rgba(255,255,255,.04);padding-left:39px}
  .home80-outcome:not(.home80-outcome-primary):hover{padding-left:28px;padding-right:28px;background:#fff}
}

@media (max-width:1100px){
  .home80-planned-grid{grid-template-columns:1fr 2fr}.home80-planned-copy{grid-column:2}
  .home80-steps li>div{grid-template-columns:120px 1fr}.home80-steps li>div>p:last-child{grid-column:2}
  .home80-output-head,.home80-system-head,.home80-roofing-grid,.home80-outcomes-head{grid-template-columns:1fr}.home80-output-head>p,.home80-system-head>p,.home80-roofing-intro{max-width:680px}.home80-roofing-intro{grid-column:1}.home80-roofing-points{grid-column:1}
  .home80-output-head>p,.home80-system-head>p,.home80-outcomes-head>p{margin-left:auto}
  .home80-outcome{grid-template-columns:110px 110px minmax(240px,1fr);gap:28px}.home80-outcome p{grid-column:3}.home80-outcome>b{grid-column:3}
  .home80-faq-grid{gap:70px}
}

@media (max-width:840px){
  .home80-planned-grid{grid-template-columns:1fr;min-height:auto}.home80-planned-copy{grid-column:1}
  .home80-steps li{grid-template-columns:120px 1fr;gap:30px}.home80-step-number{font-size:88px}.home80-steps li>div{grid-template-columns:1fr}.home80-steps li>div>p:last-child{grid-column:1}
  .home80-how-cta{align-items:flex-start;flex-direction:column}
  .home80-output-head>p,.home80-system-head>p,.home80-outcomes-head>p{margin-left:0}
  .home80-device-stage{padding-right:0}.home80-browser{margin-right:55px}.home80-phone{width:190px;right:0}.home80-phone-screen{min-height:405px}.home80-phone-image{height:140px}.home80-phone-screen h3{font-size:23px}
  .home80-includes-line{flex-wrap:wrap;justify-content:flex-start}.home80-includes-line i{margin:0 4px}
  .home80-design-lab{grid-template-columns:1fr;min-height:auto}.home80-direction-list{display:grid;grid-template-columns:repeat(5,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.home80-direction-list button{display:block;min-height:120px;padding:20px 14px;border-right:1px solid rgba(255,255,255,.14);border-bottom:0}.home80-direction-list button b{display:block;margin-top:12px;font-size:16px}.home80-direction-list button em{display:none}.home80-direction-list button.is-active,.home80-direction-list button:hover:not(.is-active){padding-left:14px}.home80-direction-list button.is-active::before{top:auto;right:0;width:auto;height:4px}.home80-design-preview{min-height:560px}
  .home80-system-statement{flex-wrap:wrap;justify-content:flex-start}.home80-system-statement span{margin-right:28px}
  .home80-roofing-points article{grid-template-columns:100px 1fr}.home80-roofing-points article>div{grid-template-columns:1fr}.home80-roofing-points p{max-width:560px}
  .home80-outcome{grid-template-columns:90px 1fr}.home80-outcome small{grid-column:2}.home80-outcome h3,.home80-outcome p,.home80-outcome>b{grid-column:2}
  .home80-faq-grid{grid-template-columns:1fr}.home80-faq header{max-width:680px}
}

@media (max-width:600px){
  .home80-section-head h2,.home80-output-head h2,.home80-system-head h2,.home80-roofing h2,.home80-outcomes-head h2{font-size:clamp(46px,14vw,67px)}
  .home80-planned h3{font-size:clamp(43px,13vw,62px)}
  .home80-steps li{grid-template-columns:1fr;gap:18px}.home80-step-number{font-size:78px}.home80-steps h3{font-size:32px}.home80-how-cta a{width:100%}
  .home80-browser{margin-right:0}.home80-browser-bar{height:40px;grid-template-columns:1fr auto}.home80-browser-bar b{display:none}.home80-sample-site>header{height:52px;grid-template-columns:1fr auto;padding:0 16px}.home80-sample-site>header nav{display:none}.home80-sample-site>header span{padding:10px;font-size:7px}.home80-sample-hero{min-height:520px;grid-template-columns:1fr}.home80-sample-image{min-height:230px;grid-row:1}.home80-sample-copy{padding:32px 24px}.home80-sample-copy h3{font-size:45px}.home80-sample-proof{grid-template-columns:1fr}.home80-sample-proof span+span{border-left:0;border-top:1px solid #dfe5ed}.home80-sample-services{grid-template-columns:1fr}.home80-sample-services article+article{border-left:0;border-top:1px solid #dfe5ed}.home80-phone{display:none}
  .home80-includes-line{display:grid;grid-template-columns:1fr}.home80-includes-line i{display:none}
  .home80-direction-list{grid-template-columns:1fr 1fr}.home80-direction-list button{min-height:96px;border-bottom:1px solid rgba(255,255,255,.14)}.home80-direction-list button:last-child{grid-column:1/-1}.home80-design-preview{min-height:520px}.home80-design-meta{grid-template-columns:1fr auto}.home80-design-meta span{display:none}.home80-design-canvas{padding:45px 24px}.home80-design-canvas h3{font-size:52px}.home80-palettes{justify-content:flex-start}.home80-system-statement{display:grid;grid-template-columns:auto 1fr}.home80-system-statement i{display:none}.home80-system-statement strong{font-size:62px}
  .home80-roofing-points article{grid-template-columns:1fr;gap:20px}.home80-roofing-points article>span{font-size:72px}.home80-roofing-points h3{font-size:31px}
  .home80-outcome{grid-template-columns:1fr;padding:34px 0;gap:15px}.home80-outcome small,.home80-outcome h3,.home80-outcome p,.home80-outcome>b{grid-column:1}.home80-outcome-number{font-size:74px}.home80-outcome-primary{padding-left:22px;padding-right:22px}
  .home80-faq h2{font-size:52px}.home80-faq-list summary{font-size:20px}.home80-faq-list details>p{padding-right:18px}
  .home80-closing h2{font-size:clamp(70px,20vw,104px)}.home80-closing-inner>div{align-items:flex-start;flex-direction:column}.home80-closing-inner>div a:first-child{width:100%;justify-content:space-between}.home80-closing-mark{position:static;display:block;margin-top:60px}
}

[data-home80-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease,transform .85s cubic-bezier(.2,.8,.2,1);
}
[data-home80-reveal].is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  [data-home80-reveal]{opacity:1;transform:none;transition:none}
  .home80-how-cta a,.home80-closing-inner>div a:first-child,.home80-direction-list button,.home80-design-preview,.home80-palettes button,.home80-outcome,.home80-faq-list summary span::before,.home80-faq-list summary span::after{transition:none!important}
}


/* Source: wgh81-homepage-refinement.css */
/* WebsiteGeneratorHub v0.3.81 — editorial homepage refinement.
   Removes formulaic AI-landing-page patterns and enforces large intentional numbering. */

/* Planned industries: one detailed editorial statement, no roadmap cards. */
.home81-planned{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#f4f7fb;
  border:0;
}
.home81-planned::before{
  content:"EXPANDING";
  position:absolute;
  left:-.035em;
  bottom:-.2em;
  color:rgba(31,86,193,.045);
  font:780 clamp(150px,23vw,390px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.08em;
  pointer-events:none;
}
.home81-planned-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);
  gap:clamp(60px,10vw,170px);
  align-items:end;
  min-height:clamp(650px,64vw,900px);
  padding-top:clamp(110px,12vw,180px);
  padding-bottom:clamp(110px,12vw,180px);
}
.home81-planned-title h3{
  max-width:970px;
  margin:0;
  color:#101827;
  font:680 clamp(72px,9vw,145px)/.82 "Inter Tight",sans-serif;
  letter-spacing:-.078em;
}
.home81-planned-title>p{
  max-width:820px;
  margin:34px 0 0;
  color:#2f6fed;
  font:540 clamp(34px,4.2vw,68px)/.98 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
}
.home81-planned-copy{
  position:relative;
  padding:0 0 8px clamp(30px,4vw,62px);
  border-left:2px solid #2f6fed;
}
.home81-planned-copy p{
  margin:0;
  color:#5d697d;
  font:450 clamp(16px,1.2vw,19px)/1.72 "Inter",sans-serif;
}
.home81-planned-copy p+p{margin-top:22px}
.home81-planned-copy a{
  display:inline-flex;
  align-items:center;
  gap:22px;
  margin-top:34px;
  padding-bottom:8px;
  border-bottom:1px solid #6d7e99;
  color:#142440;
  text-decoration:none;
  font:700 15px/1.2 "Inter",sans-serif;
}

/* How it works: direct language, large steps, no micro-labels. */
.home81-how::before{content:none}
.home81-how-head{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.55fr);
  gap:clamp(50px,9vw,150px);
  align-items:end;
}
.home81-how-head h2{
  max-width:1050px;
  margin:0;
  color:#fff;
  font:680 clamp(62px,7.8vw,124px)/.88 "Inter Tight",sans-serif;
  letter-spacing:-.072em;
}
.home81-how-head>p{
  margin:0 0 8px;
  color:rgba(255,255,255,.72);
  font:450 clamp(16px,1.3vw,20px)/1.68 "Inter",sans-serif;
}
.home81-how .home80-steps{margin-top:clamp(90px,10vw,150px)}
.home81-how .home80-steps li{
  grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);
  gap:clamp(45px,9vw,150px);
  align-items:center;
  padding:clamp(56px,6vw,90px) 0;
}
.home81-how .home80-step-number{
  color:#fff;
  font-size:clamp(130px,16vw,245px);
  line-height:.68;
}
.home81-how .home80-steps li>div{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(260px,.65fr);
  gap:clamp(40px,8vw,130px);
  align-items:start;
  padding:0;
}
.home81-how .home80-steps h3{
  margin:0;
  color:#fff;
  font:630 clamp(35px,4vw,62px)/.98 "Inter Tight",sans-serif;
  letter-spacing:-.052em;
}
.home81-how .home80-steps li>div>p{
  margin:5px 0 0;
  color:rgba(255,255,255,.7);
  font:450 clamp(15px,1.12vw,18px)/1.68 "Inter",sans-serif;
}

/* Generated website: one strong statement and a larger product view. */
.home81-output-head{
  grid-template-columns:minmax(0,1.5fr) minmax(310px,.55fr);
  align-items:end;
}
.home81-output-head h2{
  max-width:1050px;
  margin:0;
  color:#101827;
  font-size:clamp(60px,7.5vw,118px);
  line-height:.88;
}
.home81-output .home80-device-stage{margin-top:clamp(85px,9vw,140px)}
.home81-output .home80-sample-proof b{
  margin-bottom:9px;
  font-size:clamp(34px,4vw,62px);
  letter-spacing:-.05em;
}
.home81-output .home80-sample-proof span{
  font-size:clamp(12px,1vw,15px);
}
.home81-output .home80-sample-services article{
  min-height:110px;
  padding:clamp(24px,3vw,46px);
}
.home81-output .home80-sample-services b{
  font-size:clamp(17px,1.55vw,24px);
}
.home81-includes h3{
  max-width:940px;
  margin:0;
  color:#111d31;
  font:630 clamp(36px,4.3vw,68px)/.96 "Inter Tight",sans-serif;
  letter-spacing:-.052em;
}
.home81-includes .home80-includes-line{margin-top:38px}

/* Design system: the count is a hero element, never a small UI token. */
.home81-system::before{content:none}
.home81-system-head{
  display:grid;
  grid-template-columns:minmax(260px,.48fr) minmax(0,1.25fr);
  gap:clamp(55px,9vw,150px);
  align-items:end;
}
.home81-system-head>span{
  color:#74a3ff;
  font:650 clamp(190px,25vw,390px)/.62 "Inter Tight",sans-serif;
  letter-spacing:-.09em;
}
.home81-system-head h2{
  max-width:1000px;
  margin:0;
  color:#fff;
  font:660 clamp(56px,6.6vw,104px)/.89 "Inter Tight",sans-serif;
  letter-spacing:-.068em;
}
.home81-system-head p{
  max-width:760px;
  margin:34px 0 0;
  color:rgba(255,255,255,.66);
  font:450 clamp(16px,1.22vw,19px)/1.68 "Inter",sans-serif;
}
.home81-system .home80-design-lab{
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  min-height:760px;
}
.home81-system .home80-design-preview{
  grid-column:1;
  grid-row:1;
  grid-template-rows:auto 1fr auto;
}
.home81-design-name{
  min-height:90px;
  display:flex;
  align-items:center;
  padding:0 clamp(30px,4vw,62px);
  border-bottom:1px solid color-mix(in srgb,var(--preview-ink) 16%,transparent);
}
.home81-design-name b{
  color:var(--preview-ink);
  font:650 clamp(25px,2.5vw,40px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.04em;
}
.home81-system .home80-direction-list{
  grid-column:2;
  grid-row:1;
  border-right:0;
  border-left:1px solid rgba(255,255,255,.18);
}
.home81-system .home80-direction-list button{
  grid-template-columns:minmax(76px,.35fr) minmax(0,1fr);
  column-gap:26px;
  padding:24px 34px;
}
.home81-system .home80-direction-list button span{
  color:rgba(255,255,255,.32);
  font:620 clamp(52px,5vw,78px)/.72 "Inter Tight",sans-serif;
  letter-spacing:-.07em;
}
.home81-system .home80-direction-list button b{
  font-size:clamp(22px,2vw,31px);
}
.home81-system .home80-direction-list button em{
  margin-top:10px;
  color:rgba(255,255,255,.54);
  font-size:14px;
  line-height:1.35;
  letter-spacing:0;
}
.home81-system .home80-direction-list button.is-active{
  padding-left:34px;
  background:rgba(47,111,237,.22);
}
.home81-system .home80-direction-list button.is-active span{color:#91b8ff}
.home81-system .home80-design-canvas small{font-size:14px;letter-spacing:.12em}
.home81-system .home80-palettes button{width:43px;height:43px}
.home81-system-statement{
  display:grid;
  grid-template-columns:minmax(280px,.55fr) minmax(320px,1fr);
  gap:clamp(45px,8vw,130px);
  align-items:end;
  justify-content:initial;
}
.home81-system-statement strong{
  font-size:clamp(105px,15vw,230px);
  line-height:.68;
  white-space:nowrap;
}
.home81-system-statement span{
  max-width:680px;
  color:rgba(255,255,255,.68);
  font:500 clamp(22px,2.4vw,38px)/1.16 "Inter Tight",sans-serif;
  letter-spacing:-.03em;
  text-transform:none;
}

/* Roofing decisions: one direct customer insight, followed by large numbered evidence. */
.home81-roofing .home80-roofing-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.55fr)}
.home81-roofing h2{
  margin:0;
  max-width:1100px;
  font-size:clamp(59px,7.2vw,114px);
  line-height:.88;
}
.home81-roofing .home80-roofing-intro{padding-bottom:5px}
.home81-roofing .home80-roofing-points article>span{font-size:clamp(95px,11vw,170px)}

/* Outcomes: plain customer language and large numbering only. */
.home81-outcomes-head{
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);
}
.home81-outcomes-head h2{
  margin:0;
  max-width:1100px;
  font-size:clamp(60px,7.5vw,118px);
  line-height:.88;
}
.home81-outcomes .home80-outcome{
  grid-template-columns:minmax(160px,.4fr) minmax(320px,1fr) minmax(280px,.68fr) auto;
  gap:clamp(28px,4.5vw,74px);
  min-height:240px;
  padding-top:42px;
  padding-bottom:42px;
}
.home81-outcomes .home80-outcome-number{
  font-size:clamp(100px,11vw,175px);
  line-height:.68;
}
.home81-outcomes .home80-outcome h3{font-size:clamp(32px,3.5vw,54px)}
.home81-outcomes .home80-outcome p{font-size:15px}
.home81-outcomes .home80-outcome>b{font-size:14px}

/* Closing: product statement on blue with an architectural image plane. */
.home81-closing{
  min-height:clamp(760px,72vw,1040px);
  display:flex;
  align-items:stretch;
  padding:0;
  background:#235fd5;
}
.home81-closing::before{
  z-index:1;
  background:linear-gradient(90deg,rgba(20,73,177,.08) 0%,rgba(20,73,177,.08) 55%,rgba(10,31,65,.12) 100%);
}
.home81-closing-image{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  width:42%;
  background:
    linear-gradient(90deg,#235fd5 0%,rgba(35,95,213,.72) 16%,rgba(35,95,213,.08) 48%,rgba(11,28,58,.12) 100%),
    url("roof-house.jpg") center/cover no-repeat;
}
.home81-closing-inner{
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:inherit;
  padding-right:42%;
}
.home81-closing h2{
  max-width:930px;
  margin:0;
  font-size:clamp(68px,8.5vw,136px);
  line-height:.84;
}
.home81-closing-inner>p:not(.home80-label){
  max-width:600px;
  margin-top:38px;
}

@media (hover:hover) and (pointer:fine){
  .home81-planned-copy a:hover{color:#2f6fed;border-color:#2f6fed}
  .home81-system .home80-direction-list button:hover:not(.is-active){padding-left:34px}
}

@media (max-width:1100px){
  .home81-planned-layout,.home81-how-head,.home81-output-head,.home81-roofing .home80-roofing-grid,.home81-outcomes-head{grid-template-columns:1fr}
  .home81-planned-copy{max-width:760px;margin-left:auto}
  .home81-how-head>p,.home81-output-head>p,.home81-roofing .home80-roofing-intro,.home81-outcomes-head>p{max-width:700px;margin-left:auto}
  .home81-system-head{grid-template-columns:220px 1fr}
  .home81-system .home80-design-lab{grid-template-columns:minmax(0,1fr) 330px}
  .home81-outcomes .home80-outcome{grid-template-columns:150px 1fr}.home81-outcomes .home80-outcome p,.home81-outcomes .home80-outcome>b{grid-column:2}
}

@media (max-width:840px){
  .home81-planned-layout{min-height:auto}
  .home81-planned-copy{margin-left:0}
  .home81-how-head>p,.home81-output-head>p,.home81-roofing .home80-roofing-intro,.home81-outcomes-head>p{margin-left:0}
  .home81-how .home80-steps li{grid-template-columns:150px 1fr;gap:34px}
  .home81-how .home80-step-number{font-size:120px}
  .home81-how .home80-steps li>div{grid-template-columns:1fr;gap:20px}
  .home81-system-head{grid-template-columns:1fr}.home81-system-head>span{font-size:210px}
  .home81-system .home80-design-lab{display:flex;flex-direction:column}.home81-system .home80-design-preview{order:1;min-height:620px}.home81-system .home80-direction-list{order:2;display:grid;grid-template-columns:1fr;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .home81-system .home80-direction-list button{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto;min-height:150px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.home81-system .home80-direction-list button span{grid-row:1/3}.home81-system .home80-direction-list button b{margin-top:0;font-size:27px}.home81-system .home80-direction-list button em{display:block}.home81-system .home80-direction-list button:last-child{grid-column:auto}
  .home81-system-statement{grid-template-columns:1fr}
  .home81-outcomes .home80-outcome{grid-template-columns:120px 1fr}
  .home81-closing{display:block;padding-top:0}.home81-closing-image{position:relative;width:100%;height:52vw;min-height:320px}.home81-closing-inner{min-height:auto;padding-top:100px;padding-right:24px;padding-bottom:110px}
}

@media (max-width:600px){
  .home81-planned-title h3{font-size:clamp(68px,20vw,94px)}
  .home81-planned-title>p{font-size:clamp(34px,10vw,50px)}
  .home81-planned-copy{padding-left:24px}
  .home81-how-head h2,.home81-output-head h2,.home81-roofing h2,.home81-outcomes-head h2{font-size:clamp(51px,14.5vw,70px)}
  .home81-how .home80-steps li{grid-template-columns:1fr;gap:26px}.home81-how .home80-step-number{font-size:112px}.home81-how .home80-steps h3{font-size:34px}
  .home81-includes h3{font-size:40px}
  .home81-system-head>span{font-size:180px}.home81-system-head h2{font-size:53px}
  .home81-system .home80-design-preview{min-height:560px}.home81-system .home80-direction-list button{grid-template-columns:86px 1fr}.home81-system .home80-direction-list button span{font-size:60px}.home81-system .home80-design-canvas small{font-size:12px}
  .home81-system-statement strong{font-size:96px}.home81-system-statement span{font-size:25px}
  .home81-roofing .home80-roofing-points article>span{font-size:96px}
  .home81-outcomes .home80-outcome{grid-template-columns:1fr;gap:20px}.home81-outcomes .home80-outcome p,.home81-outcomes .home80-outcome>b{grid-column:1}.home81-outcomes .home80-outcome-number{font-size:108px}.home81-outcomes .home80-outcome h3{font-size:35px}
  .home81-closing-image{height:78vw}.home81-closing h2{font-size:clamp(62px,18vw,86px)}
}

@media (prefers-reduced-motion:reduce){
  .home81-planned-copy a{transition:none}
}


/* Source: wgh82-homepage-balance.css */
/* WebsiteGeneratorHub v0.3.82 — balanced typography and true AI-generation positioning. */

/* Wider copy and calmer section typography. The approved opening remains untouched. */
.home81-planned-layout{
  grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);
  gap:clamp(60px,8vw,125px);
  min-height:clamp(610px,58vw,790px);
}
.home81-planned-title h3{
  max-width:760px;
  font-size:clamp(56px,5.8vw,82px);
  line-height:.9;
}
.home81-planned-title>p{
  max-width:720px;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.04;
}
.home81-planned-copy{max-width:690px}
.home81-planned-copy p{font-size:clamp(17px,1.22vw,20px);line-height:1.72}

.home81-how-head{
  grid-template-columns:minmax(0,1.1fr) minmax(440px,.78fr);
  gap:clamp(60px,8vw,125px);
}
.home81-how-head h2{
  max-width:820px;
  font-size:clamp(52px,5vw,72px);
  line-height:.94;
}
.home81-how-head>p{
  max-width:650px;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.72;
}
.home81-how .home80-steps li{
  grid-template-columns:minmax(185px,.4fr) minmax(0,1.6fr);
  gap:clamp(48px,7vw,110px);
  padding:clamp(48px,5vw,72px) 0;
}
.home81-how .home80-step-number{font-size:clamp(105px,12vw,175px)}
.home81-how .home80-steps li>div{
  grid-template-columns:minmax(320px,.82fr) minmax(360px,1fr);
  gap:clamp(45px,7vw,100px);
}
.home81-how .home80-steps h3{font-size:clamp(33px,3vw,44px);line-height:1.04}
.home81-how .home80-steps li>div>p{font-size:clamp(17px,1.2vw,19px);line-height:1.72}

.home81-output-head{
  grid-template-columns:minmax(0,1.15fr) minmax(430px,.75fr);
  gap:clamp(60px,8vw,125px);
}
.home81-output-head h2{
  max-width:850px;
  font-size:clamp(52px,5vw,72px);
  line-height:.94;
}
.home81-output-head>p{
  max-width:680px;
  font-size:clamp(17px,1.28vw,20px);
  line-height:1.72;
}
.home81-includes h3{
  max-width:900px;
  font-size:clamp(34px,3.7vw,52px);
  line-height:1.04;
}

/* A custom-quality generated roofing website, not a generic theme preview. */
.home82-output .home80-browser{
  border:1px solid #bdc8d7;
  border-radius:2px;
  box-shadow:0 48px 110px rgba(15,35,68,.18);
}
.home82-output .home80-browser-bar{
  background:#f7f8fa;
  border-color:#d4dbe5;
}
.home82-roof-site{overflow:hidden;background:#0a1729;color:#fff}
.home82-roof-nav{
  height:86px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:clamp(24px,3.5vw,56px);
  padding:0 clamp(28px,4vw,64px);
  border-bottom:1px solid rgba(255,255,255,.15);
  background:#0a1729;
}
.home82-roof-nav>strong{display:flex;align-items:center;gap:14px;color:#fff}
.home82-roof-nav>strong i{
  width:40px;height:40px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.44);
  color:#ff7435;
  font:800 13px/1 "Inter",sans-serif;
  font-style:normal;
}
.home82-roof-nav>strong span{font:760 12px/1.08 "Inter Tight",sans-serif;letter-spacing:.09em}
.home82-roof-nav nav{color:rgba(255,255,255,.65);font:570 11px/1 "Inter",sans-serif;letter-spacing:.015em}
.home82-roof-nav>b{padding:16px 18px;background:#ff6b2c;color:#fff;font:720 10px/1 "Inter",sans-serif;letter-spacing:.07em;text-transform:uppercase}.home82-roof-nav>b span{margin-left:15px}
.home82-roof-hero{min-height:clamp(520px,46vw,700px);display:grid;grid-template-columns:1.06fr .94fr;background:#0a1729}
.home82-roof-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,7vw,105px) clamp(42px,6vw,92px)}
.home82-roof-copy>p{margin:0;color:#ff8b58;font:720 11px/1.25 "Inter",sans-serif;letter-spacing:.15em}
.home82-roof-copy h3{max-width:720px;margin:28px 0 0;color:#fff;font:650 clamp(50px,6.2vw,96px)/.88 "Inter Tight",sans-serif;letter-spacing:-.066em}
.home82-roof-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.home82-roof-actions>b{padding:18px 20px;background:#ff6b2c;color:#fff;font:720 10px/1 "Inter",sans-serif;letter-spacing:.09em}.home82-roof-actions>b span{margin-left:18px}.home82-roof-actions>span{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.55);color:rgba(255,255,255,.82);font:600 12px/1 "Inter",sans-serif}
.home82-roof-credentials{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.home82-roof-credentials span{position:relative;padding-left:15px;color:rgba(255,255,255,.64);font:550 11px/1.3 "Inter",sans-serif}.home82-roof-credentials span::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#ff6b2c;transform:translateY(-50%)}
.home82-roof-visual{position:relative;min-width:0;background:linear-gradient(180deg,rgba(8,21,40,.08),rgba(8,21,40,.32)),url("roof-house.jpg") center/cover no-repeat;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.home82-roof-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,23,41,.26),transparent 44%)}
.home82-roof-rating,.home82-roof-years{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;padding:17px 19px;backdrop-filter:blur(12px)}
.home82-roof-rating{top:28px;right:28px;background:rgba(255,255,255,.9);color:#0a1729}.home82-roof-years{left:18px;bottom:26px;background:#ff6b2c;color:#fff}
.home82-roof-rating strong,.home82-roof-years strong{font:670 clamp(38px,4vw,62px)/.75 "Inter Tight",sans-serif;letter-spacing:-.06em}.home82-roof-rating span,.home82-roof-years span{font:720 8px/1.25 "Inter",sans-serif;letter-spacing:.1em}
.home82-roof-services{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(32px,5vw,76px);background:#f5f2ea;color:#152136}.home82-roof-services span{font:620 clamp(15px,1.35vw,21px)/1.15 "Inter Tight",sans-serif;letter-spacing:-.02em}.home82-roof-services i{width:5px;height:5px;border-radius:50%;background:#ff6b2c}
.home82-output .home80-phone{background:#071321;border-color:#293a50}
.home82-output .home80-phone-screen{background:#0a1729;color:#fff}.home82-output .home80-phone-screen header,.home82-output .home80-phone-screen h3{color:#fff}.home82-output .home80-phone-screen>small{color:#ff8b58}.home82-output .home80-phone-screen p{color:rgba(255,255,255,.66)}.home82-output .home80-phone-screen>b{background:#ff6b2c}

/* AI generation: one business brief becomes one connected website. */
.home82-generated{
  position:relative;
  overflow:hidden;
  padding:clamp(110px,11vw,170px) 0;
  background:#0c1422;
  color:#fff;
}
.home82-generated::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 12%,rgba(47,111,237,.2),transparent 31%);pointer-events:none}
.home82-generated-head{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(440px,.78fr);gap:clamp(60px,8vw,125px);align-items:end}
.home82-generated-head h2{max-width:870px;margin:0;color:#fff;font:660 clamp(52px,5vw,72px)/.94 "Inter Tight",sans-serif;letter-spacing:-.06em}
.home82-generated-head>p{max-width:690px;margin:0;color:rgba(255,255,255,.68);font:450 clamp(17px,1.28vw,20px)/1.72 "Inter",sans-serif}
.home82-generation-stage{position:relative;display:grid;grid-template-columns:minmax(390px,.7fr) minmax(0,1.3fr);min-height:680px;margin-top:clamp(70px,8vw,115px);border:1px solid rgba(255,255,255,.18)}
.home82-generation-brief{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,5vw,76px);border-right:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.home82-generation-brief>p{margin:0;color:#7aa8ff;font:650 18px/1.2 "Inter",sans-serif}
.home82-generation-brief h3{max-width:540px;margin:25px 0 0;color:#fff;font:620 clamp(34px,3.4vw,51px)/1.02 "Inter Tight",sans-serif;letter-spacing:-.045em}
.home82-generation-brief>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.home82-generation-brief>div span{padding:10px 13px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.72);font:540 13px/1.2 "Inter",sans-serif}
.home82-generation-brief blockquote{margin:42px 0 0;padding:0 0 0 22px;border-left:2px solid #2f6fed;color:rgba(255,255,255,.7);font:500 clamp(17px,1.35vw,21px)/1.58 "Inter",sans-serif}
.home82-generation-page{align-self:center;justify-self:center;width:min(78%,720px);min-height:520px;background:#f0f3f7;box-shadow:0 45px 90px rgba(0,0,0,.3);transform:rotate(1.2deg)}
.home82-generation-page>header{height:64px;display:flex;align-items:center;gap:14px;padding:0 26px;background:#fff;border-bottom:1px solid #dce3ec}.home82-generation-page>header strong{margin-right:auto;color:#111e34;font:760 13px/1 "Inter Tight",sans-serif}.home82-generation-page>header i{width:36px;height:5px;border-radius:3px;background:#c8d0dc}.home82-generation-page>header b{width:84px;height:28px;background:#245fd4}
.home82-generation-hero{height:270px;display:grid;grid-template-columns:1.1fr .9fr;background:#e8edf4}.home82-generation-hero>span{margin:38px;background:linear-gradient(#16233a 0 0) 0 0/78% 15% no-repeat,linear-gradient(#16233a 0 0) 0 28%/96% 15% no-repeat,linear-gradient(#6c7789 0 0) 0 62%/74% 5% no-repeat,linear-gradient(#2f6fed 0 0) 0 88%/38% 12% no-repeat}.home82-generation-hero>div{position:relative;background:url("roof-house.jpg") center/cover no-repeat}.home82-generation-hero>div i{position:absolute;background:#fff}.home82-generation-hero>div i:nth-child(1){left:-18px;bottom:24px;width:72px;height:66px}.home82-generation-hero>div i:nth-child(2){right:18px;top:18px;width:54px;height:42px}.home82-generation-hero>div i:nth-child(3){display:none}
.home82-generation-proof{height:78px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #d9e0e9}.home82-generation-proof b{margin:24px;border-radius:3px;background:#cbd3df}.home82-generation-proof b+b{border-left:1px solid #e0e5ec}
.home82-generation-content{height:108px;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px;background:#f0f3f7}.home82-generation-content span{background:linear-gradient(#1d2a41 0 0) 0 0/62% 10px no-repeat,linear-gradient(#c4ccd7 0 0) 0 27px/100% 6px no-repeat,linear-gradient(#c4ccd7 0 0) 0 43px/82% 6px no-repeat}
.home82-generation-points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.home82-generation-points article{padding:42px clamp(28px,3.5vw,55px)}.home82-generation-points article+article{border-left:1px solid rgba(255,255,255,.18)}.home82-generation-points h3{margin:0;color:#fff;font:620 clamp(25px,2.3vw,34px)/1.05 "Inter Tight",sans-serif;letter-spacing:-.035em}.home82-generation-points p{margin:18px 0 0;color:rgba(255,255,255,.62);font:450 clamp(16px,1.1vw,18px)/1.66 "Inter",sans-serif}

/* Conversion, handoff and FAQ sections: wide readable measures and controlled scale. */
.home81-roofing .home80-roofing-grid{grid-template-columns:minmax(0,1.08fr) minmax(450px,.78fr);gap:clamp(60px,8vw,125px)}
.home81-roofing h2{max-width:860px;font-size:clamp(52px,5vw,72px);line-height:.94}
.home81-roofing .home80-roofing-intro{max-width:680px}
.home81-roofing .home80-roofing-intro p{font-size:clamp(17px,1.22vw,20px);line-height:1.72}
.home81-roofing .home80-roofing-points article{grid-template-columns:minmax(140px,.32fr) minmax(0,1.68fr);gap:clamp(48px,7vw,110px)}
.home81-roofing .home80-roofing-points article>span{font-size:clamp(78px,8.5vw,125px)}
.home81-roofing .home80-roofing-points article>div{grid-template-columns:minmax(320px,.8fr) minmax(360px,1fr);gap:clamp(45px,7vw,100px)}
.home81-roofing .home80-roofing-points h3{font-size:clamp(31px,3vw,43px);line-height:1.05}
.home81-roofing .home80-roofing-points p{font-size:clamp(17px,1.15vw,19px);line-height:1.7}

.home81-outcomes-head{grid-template-columns:minmax(0,1.12fr) minmax(440px,.78fr);gap:clamp(60px,8vw,125px)}
.home81-outcomes-head h2{max-width:850px;font-size:clamp(52px,5vw,72px);line-height:.94}
.home81-outcomes-head>p{max-width:660px;font-size:clamp(17px,1.22vw,20px);line-height:1.72}
.home81-outcomes .home80-outcome{grid-template-columns:minmax(130px,.28fr) minmax(380px,1.05fr) minmax(390px,.95fr) auto;gap:clamp(34px,5vw,76px);min-height:220px}
.home81-outcomes .home80-outcome-number{font-size:clamp(82px,8.8vw,130px)}
.home81-outcomes .home80-outcome h3{font-size:clamp(30px,2.9vw,42px);line-height:1.05}
.home81-outcomes .home80-outcome p{font-size:clamp(16px,1.08vw,18px);line-height:1.68}

.home80-faq h2{font-size:clamp(50px,4.8vw,68px);line-height:.96}
.home80-faq header>p:not(.home80-label){max-width:620px;font-size:18px;line-height:1.72}
.home80-faq-list summary{font-size:clamp(21px,1.75vw,27px)}
.home80-faq-list details>p{max-width:760px;font-size:17px;line-height:1.72}

.home81-closing{min-height:clamp(680px,62vw,880px)}
.home81-closing h2{max-width:770px;font-size:clamp(52px,5.2vw,72px);line-height:.94}
.home81-closing-inner>p:not(.home80-label){max-width:680px;font-size:clamp(17px,1.3vw,20px);line-height:1.7}

@media (max-width:1100px){
  .home81-planned-layout,.home81-how-head,.home81-output-head,.home82-generated-head,.home81-roofing .home80-roofing-grid,.home81-outcomes-head{grid-template-columns:1fr}
  .home81-planned-copy,.home81-how-head>p,.home81-output-head>p,.home82-generated-head>p,.home81-roofing .home80-roofing-intro,.home81-outcomes-head>p{max-width:780px;margin-left:0}
  .home82-generation-stage{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr)}
  .home81-how .home80-steps li>div,.home81-roofing .home80-roofing-points article>div{grid-template-columns:1fr}
  .home81-outcomes .home80-outcome{grid-template-columns:120px 1fr}.home81-outcomes .home80-outcome p,.home81-outcomes .home80-outcome>b{grid-column:2}
}

@media (max-width:840px){
  .home82-roof-nav nav{display:none}.home82-roof-hero{grid-template-columns:1fr;min-height:auto}.home82-roof-copy{min-height:500px}.home82-roof-visual{min-height:460px;clip-path:none}.home82-roof-services{flex-wrap:wrap;justify-content:flex-start;padding-top:26px;padding-bottom:26px}.home82-roof-services span{width:42%}
  .home82-generation-stage{grid-template-columns:1fr}.home82-generation-brief{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.home82-generation-page{margin:70px 0;width:min(82%,650px)}
  .home82-generation-points{grid-template-columns:1fr}.home82-generation-points article+article{border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .home81-how .home80-steps li{grid-template-columns:130px 1fr}
  .home81-roofing .home80-roofing-points article{grid-template-columns:110px 1fr}
  .home81-closing{min-height:auto}
}

@media (max-width:600px){
  .home81-planned-title h3{font-size:56px}.home81-planned-title>p{font-size:34px}
  .home81-how-head h2,.home81-output-head h2,.home82-generated-head h2,.home81-roofing h2,.home81-outcomes-head h2{font-size:44px;line-height:1}
  .home81-how .home80-steps li{grid-template-columns:1fr}.home81-how .home80-step-number{font-size:96px}.home81-how .home80-steps h3{font-size:32px}
  .home82-roof-nav{grid-template-columns:1fr auto;height:76px;padding:0 20px}.home82-roof-nav>b{font-size:0;padding:14px}.home82-roof-nav>b span{margin:0;font-size:14px}.home82-roof-copy{min-height:470px;padding:50px 24px}.home82-roof-copy h3{font-size:52px}.home82-roof-actions{align-items:flex-start;flex-direction:column}.home82-roof-visual{min-height:360px}.home82-roof-rating{top:18px;right:18px}.home82-roof-years{left:18px;bottom:18px}.home82-roof-services{display:grid;grid-template-columns:1fr}.home82-roof-services span{width:auto}.home82-roof-services i{display:none}
  .home81-includes h3{font-size:36px}
  .home82-generation-stage{min-height:auto}.home82-generation-brief{padding:44px 24px}.home82-generation-brief h3{font-size:36px}.home82-generation-page{width:88%;min-height:420px;margin:50px auto}.home82-generation-hero{height:220px}.home82-generation-hero>span{margin:26px}.home82-generation-proof{height:64px}.home82-generation-content{height:92px}
  .home81-roofing .home80-roofing-points article{grid-template-columns:1fr}.home81-roofing .home80-roofing-points article>span{font-size:82px}.home81-roofing .home80-roofing-points h3{font-size:31px}
  .home81-outcomes .home80-outcome{grid-template-columns:1fr}.home81-outcomes .home80-outcome p,.home81-outcomes .home80-outcome>b{grid-column:1}.home81-outcomes .home80-outcome-number{font-size:90px}.home81-outcomes .home80-outcome h3{font-size:32px}
  .home80-faq h2{font-size:44px}
  .home81-closing h2{font-size:48px}
}

@media (prefers-reduced-motion:reduce){
  .home82-generation-page{transform:none}
}


/* Source: wgh83-homepage-business.css */
/* WebsiteGeneratorHub v0.3.83 — product-wide homepage, readable type and purposeful motion.
   The approved Hero and Local Business to Roofer opening remain untouched. */

/* Open, readable typography below the approved Roofer opening. */
.home83-planned :is(h3,p,a),
.home83-how :is(h2,h3,p,a),
.home83-output>.site-shell :is(h2,h3,p),
.home83-generated :is(h2,h3,p,blockquote,span),
.home83-journey :is(h2,h3,p),
.home83-outcomes :is(h2,h3,p,b),
.home80-faq :is(h2,p,summary,a),
.home83-closing :is(h2,p,a){
  font-family:"Wix Madefor Text",Inter,sans-serif;
  font-stretch:normal;
}

.home83-planned h3,
.home83-how :is(h2,h3),
.home83-output>.site-shell :is(h2,h3),
.home83-generated :is(h2,h3),
.home83-journey :is(h2,h3),
.home83-outcomes :is(h2,h3),
.home80-faq h2,
.home83-closing h2{
  font-family:"Wix Madefor Display","Wix Madefor Text",sans-serif;
  font-stretch:normal;
  letter-spacing:-.008em;
  word-spacing:.065em;
}

.home83-planned p,
.home83-how p,
.home83-output>.site-shell p,
.home83-generated p,
.home83-journey p,
.home83-outcomes p,
.home80-faq p,
.home83-closing p{
  letter-spacing:.008em;
  word-spacing:.04em;
}

/* Center the expansion message as one complete composition. */
.home83-planned::before{
  left:50%;
  top:50%;
  bottom:auto;
  transform:translate(-50%,-48%);
  font-family:"Wix Madefor Display",sans-serif;
  font-size:clamp(120px,19vw,300px);
  letter-spacing:-.02em;
  animation:home83-breathe 9s ease-in-out infinite;
}
.home83-planned-layout{
  grid-template-columns:minmax(0,1000px);
  justify-content:center;
  align-content:center;
  gap:clamp(44px,6vw,76px);
  min-height:clamp(680px,70vw,900px);
  padding-top:clamp(105px,11vw,160px);
  padding-bottom:clamp(105px,11vw,160px);
  text-align:center;
}
.home83-planned .home81-planned-title h3{
  max-width:none;
  font-size:clamp(56px,6.4vw,92px);
  line-height:1;
  letter-spacing:-.006em;
}
.home83-planned .home81-planned-title>p{
  max-width:900px;
  margin:24px auto 0;
  font-size:clamp(30px,3.4vw,50px);
  line-height:1.12;
  letter-spacing:0;
}
.home83-planned .home81-planned-copy{
  max-width:820px;
  margin:0 auto;
  padding:0;
  border:0;
}
.home83-planned .home81-planned-copy::before{
  content:"";
  display:block;
  width:84px;
  height:3px;
  margin:0 auto 34px;
  background:#2f6fed;
  transform-origin:center;
  animation:home83-line 4.8s ease-in-out infinite;
}
.home83-planned .home81-planned-copy p{font-size:clamp(17px,1.28vw,20px);line-height:1.78}
.home83-planned .home81-planned-copy a{margin-top:38px}

/* Creation steps become an animated sequence while keeping large intentional numbers. */
.home83-how .home81-how-head h2,
.home83-output .home81-output-head h2,
.home83-generated .home82-generated-head h2,
.home83-journey h2,
.home83-outcomes .home81-outcomes-head h2{
  font-size:clamp(50px,5vw,74px);
  line-height:1;
  letter-spacing:-.008em;
}
.home83-how .home81-how-head>p,
.home83-output .home81-output-head>p,
.home83-generated .home82-generated-head>p,
.home83-journey .home80-roofing-intro p,
.home83-outcomes .home81-outcomes-head>p{font-size:clamp(17px,1.28vw,20px);line-height:1.78}
.home83-how .home80-steps{position:relative}
.home83-how .home80-steps::before{
  content:"";
  position:absolute;
  top:10%;
  bottom:10%;
  left:clamp(82px,9.2vw,134px);
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(116,163,255,.5) 15%,rgba(116,163,255,.5) 85%,transparent);
}
.home83-how .home80-steps li{
  position:relative;
  opacity:.52;
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),background-color .75s ease;
}
.home83-how .home80-steps li::after{
  content:"";
  position:absolute;
  left:clamp(78px,9.2vw,130px);
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#74a3ff;
  box-shadow:0 0 0 0 rgba(116,163,255,.34);
  transform:translate(-4px,-50%) scale(.65);
  transition:transform .6s ease,box-shadow .6s ease;
}
.home83-how .home80-steps li.is-home83-active{opacity:1;transform:translateX(10px)}
.home83-how .home80-steps li.is-home83-active::after{
  transform:translate(-4px,-50%) scale(1);
  box-shadow:0 0 0 14px rgba(116,163,255,.12),0 0 30px rgba(116,163,255,.36);
}
.home83-how .home80-step-number{font-family:"Wix Madefor Display",sans-serif;letter-spacing:-.02em}
.home83-how .home80-steps h3{font-size:clamp(33px,3vw,44px);line-height:1.08;letter-spacing:0}
.home83-how .home80-steps li>div>p{line-height:1.78}

/* Keep the premium custom-looking Roofer preview from v0.3.82. */
.home83-output .home80-device-stage{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.home83-output .home80-device-stage.is-visible{transform:translateY(-8px);filter:drop-shadow(0 30px 48px rgba(19,39,76,.12))}
.home83-output .home81-includes h3{font-size:clamp(34px,3.7vw,52px);line-height:1.08;letter-spacing:0}

/* Business information visibly flows into one connected generated page. */
.home83-generated .home82-generated-head h2{max-width:880px}
.home83-generated .home82-generation-stage{isolation:isolate}
.home83-generated .home82-generation-brief{position:relative;z-index:2;grid-column:1;grid-row:1}
.home83-generated .home82-generation-brief>p{font-size:19px;letter-spacing:.01em}
.home83-generated .home82-generation-brief h3{font-size:clamp(34px,3.4vw,51px);line-height:1.08;letter-spacing:0;word-spacing:.055em}
.home83-generated .home82-generation-brief>div span{letter-spacing:.015em}
.home83-generated .home82-generation-brief blockquote{font-style:normal;letter-spacing:.006em;word-spacing:.035em}
.home83-generated .home82-generation-page{
  position:relative;
  z-index:2;
  grid-column:2;
  grid-row:1;
  opacity:.62;
  transform:rotate(1.2deg) translateY(26px) scale(.96);
  transition:opacity 1s ease,transform 1.15s cubic-bezier(.2,.72,.2,1),box-shadow 1s ease;
}
.home83-generated.is-home83-active .home82-generation-page{
  opacity:1;
  transform:rotate(1.2deg) translateY(0) scale(1);
  box-shadow:0 55px 110px rgba(0,0,0,.36);
}
.home82-generation-flow{
  position:absolute;
  z-index:3;
  left:35%;
  right:35%;
  top:50%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(47,111,237,0),#73a2ff,rgba(47,111,237,0));
  opacity:0;
  transition:opacity .6s ease;
}
.home83-generated.is-home83-active .home82-generation-flow{opacity:1}
.home82-generation-flow i{
  position:absolute;
  top:50%;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#90b7ff;
  box-shadow:0 0 18px rgba(116,163,255,.85);
  transform:translate(-50%,-50%);
  animation:home83-flow 3.4s ease-in-out infinite;
}
.home82-generation-flow i:nth-child(2){animation-delay:-1.1s}.home82-generation-flow i:nth-child(3){animation-delay:-2.2s}
.home83-generated .home82-generation-points h3{letter-spacing:0;word-spacing:.05em;line-height:1.12}
.home83-generated .home82-generation-points p{line-height:1.72}

/* Product-wide local-business journey and clearer post-generation choices. */
.home83-journey .home80-roofing-points h3,
.home83-outcomes .home80-outcome h3{letter-spacing:0;word-spacing:.05em;line-height:1.12}
.home83-journey .home80-roofing-points p,
.home83-outcomes .home80-outcome p{line-height:1.76}
.home83-outcomes .home80-outcome{transition:background-color .4s ease,color .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.home80-faq h2{letter-spacing:-.006em;word-spacing:.06em;line-height:1.02}
.home80-faq-list summary{letter-spacing:0;word-spacing:.045em;line-height:1.35}

/* General product closing: an abstract generated-page composition. */
.home83-closing .home81-closing-image{
  overflow:hidden;
  width:44%;
  background:
    radial-gradient(circle at 70% 28%,rgba(255,255,255,.28),transparent 28%),
    linear-gradient(145deg,#8db4ff 0%,#4a7de1 42%,#174ba9 100%);
}
.home83-closing .home81-closing-image::before{
  content:"";
  position:absolute;
  inset:9% -10% 9% 13%;
  background:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:54px 54px;
  border:1px solid rgba(255,255,255,.42);
  transform:rotate(-5deg);
}
.home83-closing .home81-closing-image::after{
  content:"";
  position:absolute;
  left:18%;
  right:8%;
  top:20%;
  bottom:14%;
  border-radius:2px;
  background:
    linear-gradient(#12233f 0 0) 8% 9%/28% 4% no-repeat,
    linear-gradient(#2f6fed 0 0) 8% 24%/62% 5% no-repeat,
    linear-gradient(#dce6f8 0 0) 8% 36%/78% 2% no-repeat,
    linear-gradient(#dce6f8 0 0) 8% 43%/58% 2% no-repeat,
    linear-gradient(#e9eef8 0 0) 8% 58%/38% 25% no-repeat,
    linear-gradient(#d5e1f5 0 0) 52% 58%/40% 25% no-repeat,
    #fff;
  box-shadow:0 40px 90px rgba(8,29,68,.3);
  transform:rotate(3deg);
  animation:home83-panel 7s ease-in-out infinite;
}
.home83-closing h2{font-size:clamp(52px,5.2vw,76px);line-height:1;letter-spacing:-.008em}
.home83-closing .home81-closing-inner>p:not(.home80-label){line-height:1.76}

@media (hover:hover) and (pointer:fine){
  .home83-outcomes .home80-outcome:hover{transform:translateX(10px)}
}

@keyframes home83-breathe{0%,100%{opacity:.75;transform:translate(-50%,-48%) scale(.98)}50%{opacity:1;transform:translate(-50%,-48%) scale(1.02)}}
@keyframes home83-line{0%,100%{transform:scaleX(.65)}50%{transform:scaleX(1)}}
@keyframes home83-flow{0%{left:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{left:100%;opacity:0}}
@keyframes home83-panel{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}

@media (max-width:1100px){
  .home83-planned-layout{grid-template-columns:minmax(0,900px)}
  .home82-generation-flow{left:32%;right:32%}
}

@media (max-width:840px){
  .home83-planned-layout{min-height:auto}
  .home83-how .home80-steps::before,.home83-how .home80-steps li::after{display:none}
  .home83-how .home80-steps li.is-home83-active{transform:none}
  .home83-generated .home82-generation-brief{grid-column:1;grid-row:1}
  .home83-generated .home82-generation-page{grid-column:1;grid-row:2}
  .home82-generation-flow{display:none}
  .home83-closing .home81-closing-image{width:100%}
}

@media (max-width:600px){
  .home83-planned::before{font-size:42vw}
  .home83-planned .home81-planned-title h3{font-size:clamp(52px,14.5vw,70px)}
  .home83-planned .home81-planned-title>p{font-size:clamp(29px,8.5vw,42px)}
  .home83-how .home81-how-head h2,.home83-output .home81-output-head h2,.home83-generated .home82-generated-head h2,.home83-journey h2,.home83-outcomes .home81-outcomes-head h2{font-size:clamp(43px,11.8vw,58px)}
  .home83-how .home80-steps li{opacity:.72}
  .home83-closing h2{font-size:clamp(46px,12.5vw,62px)}
}

@media (prefers-reduced-motion:reduce){
  .home83-planned::before,.home83-planned .home81-planned-copy::before,.home82-generation-flow i,.home83-closing .home81-closing-image::after{animation:none}
  .home83-how .home80-steps li,.home83-output .home80-device-stage,.home83-generated .home82-generation-page,.home83-outcomes .home80-outcome{transition:none}
}


/* Source: wgh84-homepage-sections.css */
/* WebsiteGeneratorHub v0.3.84 — four rebuilt homepage sections.
   Premium product storytelling with complete desktop, tablet and mobile layouts. */

.home84-how,
.home84-generated,
.home84-customer-path{overflow:hidden}

.home84-how :is(h2,h3,p,strong,b,span),
.home84-anatomy :is(h3,p,strong,span),
.home84-generated :is(h2,h3,p,dt,dd,strong,small,b,span),
.home84-customer-path :is(h2,h3,p,b,span){font-family:"Wix Madefor Text",Inter,sans-serif}

.home84-how :is(h2,h3),
.home84-anatomy h3,
.home84-generated :is(h2,h3),
.home84-customer-path :is(h2,h3){
  font-family:"Wix Madefor Display","Wix Madefor Text",sans-serif;
  letter-spacing:-.006em;
  word-spacing:.065em;
}

/* 1. How the website is created — one continuous visual story. */
.home84-how{
  position:relative;
  padding:clamp(110px,11vw,170px) 0;
  background:
    linear-gradient(135deg,rgba(56,118,239,.12),transparent 38%),
    #081a37;
}
.home84-how::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,#2f6fed,#91b7ff,#2f6fed);
}
.home84-how .home84-how-head{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.62fr);
  gap:clamp(54px,8vw,124px);
  align-items:end;
}
.home84-how .home84-how-head h2{
  max-width:900px;
  margin:0;
  color:#fff;
  font-size:clamp(54px,5.8vw,86px);
  line-height:.98;
}
.home84-how .home84-how-head>p{
  max-width:610px;
  margin:0 0 5px;
  color:rgba(255,255,255,.7);
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.76;
  letter-spacing:.008em;
  word-spacing:.04em;
}
.home84-build-story{
  position:relative;
  margin:clamp(76px,8vw,122px) 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.2);
}
.home84-build-story>li{
  position:relative;
  display:grid;
  grid-template-columns:minmax(130px,.28fr) minmax(310px,.72fr) minmax(430px,1fr);
  gap:clamp(34px,5vw,80px);
  align-items:center;
  min-height:390px;
  padding:clamp(48px,5vw,76px) 0;
  border-bottom:1px solid rgba(255,255,255,.2);
  opacity:.5;
  transform:translateY(22px);
  transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1);
}
.home84-build-story>li.is-home84-active{opacity:1;transform:translateY(0)}
.home84-story-number{
  align-self:start;
  color:#75a5ff;
  font:650 clamp(82px,8.6vw,132px)/.78 "Wix Madefor Display",sans-serif;
  letter-spacing:-.025em;
}
.home84-story-copy{min-width:0}
.home84-story-copy h3{
  max-width:480px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.2vw,48px);
  line-height:1.08;
}
.home84-story-copy p{
  max-width:520px;
  margin:24px 0 0;
  color:rgba(255,255,255,.66);
  font-size:clamp(16px,1.14vw,18px);
  line-height:1.76;
  letter-spacing:.008em;
  word-spacing:.035em;
}
.home84-story-visual{
  position:relative;
  min-width:0;
  min-height:265px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.045);
}
.home84-brief-visual{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3.5vw,52px)}
.home84-brief-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.18)}
.home84-brief-head strong{color:#fff;font-size:clamp(24px,2.1vw,33px);line-height:1.1}.home84-brief-head span{color:#79a8ff;font-size:14px;font-weight:700}
.home84-brief-row{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.home84-brief-row span{color:rgba(255,255,255,.44);font-size:13px}.home84-brief-row b{color:rgba(255,255,255,.84);font-size:15px;line-height:1.45;font-weight:580}
.home84-compose-visual{display:grid;place-items:center;background:linear-gradient(145deg,rgba(47,111,237,.18),rgba(255,255,255,.025))}
.home84-compose-page{position:relative;width:min(72%,430px);height:205px;background:#f8faff;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.home84-compose-page i{position:absolute;left:0;right:0;top:0;height:30px;background:#fff;border-bottom:1px solid #dce4f0}
.home84-compose-page strong{position:absolute;left:9%;top:22%;width:38%;height:19%;background:#11233e}
.home84-compose-page b{position:absolute;left:9%;top:47%;width:28%;height:7%;background:#2f6fed}
.home84-compose-page span{position:absolute;bottom:10%;width:23%;height:24%;background:#dbe5f5}
.home84-compose-page span:nth-of-type(1){left:9%}.home84-compose-page span:nth-of-type(2){left:38.5%;background:#c9d8f0}.home84-compose-page span:nth-of-type(3){right:9%;background:#b5cbed}
.home84-compose-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#7da9ff,transparent);animation:home84-compose-flow 4.8s ease-in-out infinite}
.home84-compose-line-a{left:4%;right:64%;top:37%}.home84-compose-line-b{left:66%;right:4%;bottom:30%;animation-delay:-2.4s}
.home84-ready-visual{min-height:290px;background:linear-gradient(145deg,#f7f9fd,#dce7f8)}
.home84-ready-desktop{position:absolute;left:7%;top:12%;width:72%;height:70%;background:#fff;box-shadow:0 26px 54px rgba(12,39,79,.19)}
.home84-ready-desktop header{height:38px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #dce3ed}.home84-ready-desktop header b{margin-right:auto;color:#172a48;font-size:9px}.home84-ready-desktop header i{width:34px;height:4px;background:#c9d2df}.home84-ready-desktop header span{width:58px;height:19px;background:#2f6fed}
.home84-ready-desktop .home84-ready-content{position:relative;height:calc(100% - 38px);background:linear-gradient(90deg,#0e203b 0 52%,transparent 52%),url("roof-house.jpg") right/48% 100% no-repeat}.home84-ready-desktop .home84-ready-content strong{position:absolute;left:7%;top:20%;width:34%;height:20%;background:#fff}.home84-ready-desktop .home84-ready-content b{position:absolute;left:7%;top:51%;width:22%;height:7%;background:#ff7a3d}.home84-ready-desktop .home84-ready-content i{position:absolute;left:7%;bottom:14%;width:28%;height:4%;background:rgba(255,255,255,.5)}
.home84-ready-phone{position:absolute;z-index:2;right:7%;bottom:7%;width:25%;height:72%;padding:7px;border-radius:24px;background:#08162a;box-shadow:0 24px 54px rgba(8,27,58,.26)}
.home84-ready-phone header{height:9%;border-radius:16px 16px 0 0;background:#fff}.home84-ready-phone .home84-ready-content{position:relative;height:91%;border-radius:0 0 16px 16px;background:linear-gradient(rgba(7,20,38,.18),rgba(7,20,38,.65)),url("roof-house.jpg") center/cover no-repeat}.home84-ready-phone .home84-ready-content i{position:absolute;left:12%;top:12%;width:46%;height:4%;background:#fff}.home84-ready-phone .home84-ready-content strong{position:absolute;left:12%;top:25%;width:72%;height:20%;background:#fff}.home84-ready-phone .home84-ready-content b{position:absolute;left:12%;bottom:13%;width:66%;height:10%;background:#ff7a3d}
.home84-how .home84-how-cta{margin-top:clamp(58px,6vw,88px)}

/* 2. Page anatomy — a shared journey instead of a label row. */
.home84-anatomy{padding-top:clamp(90px,9vw,138px);padding-bottom:clamp(100px,10vw,150px)}
.home84-anatomy-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.68fr);gap:clamp(52px,8vw,120px);align-items:end}
.home84-anatomy-head h3{max-width:820px;margin:0;color:#111d31;font-size:clamp(46px,4.9vw,72px);line-height:1}
.home84-anatomy-head p{max-width:590px;margin:0;color:#5b687c;font-size:clamp(17px,1.22vw,20px);line-height:1.75;letter-spacing:.008em;word-spacing:.04em}
.home84-anatomy-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(60px,7vw,100px);border-top:1px solid #aebbd0;border-bottom:1px solid #aebbd0}
.home84-anatomy-track article{position:relative;min-width:0;min-height:290px;padding:35px clamp(20px,2.6vw,38px) 38px;border-right:1px solid #d4dce8;opacity:.42;transform:translateY(18px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1),background-color .45s ease}
.home84-anatomy-track article:last-child{border-right:0}.home84-anatomy-track article.is-home84-active{opacity:1;transform:translateY(0);background:#f2f6fc}
.home84-anatomy-track article::before{content:"";position:absolute;left:0;right:100%;top:-2px;height:3px;background:#2f6fed;transition:right .75s cubic-bezier(.2,.7,.2,1)}.home84-anatomy-track article.is-home84-active::before{right:0}
.home84-anatomy-track span{display:block;color:#2f6fed;font:650 clamp(54px,5vw,76px)/.78 "Wix Madefor Display",sans-serif;letter-spacing:-.025em}
.home84-anatomy-track strong{display:block;margin-top:34px;color:#14213a;font-size:clamp(22px,1.9vw,29px);line-height:1.1}
.home84-anatomy-track p{margin:18px 0 0;color:#637087;font-size:15px;line-height:1.68;letter-spacing:.006em;word-spacing:.03em}

/* 3. Business brief to a premium, complete generated website. */
.home84-generated{padding:clamp(110px,11vw,170px) 0;background:#091426}
.home84-generated::before{background:radial-gradient(circle at 78% 18%,rgba(47,111,237,.26),transparent 34%)}
.home84-generated .home84-generated-head{grid-template-columns:minmax(0,1.18fr) minmax(390px,.62fr)}
.home84-generated .home84-generated-head h2{max-width:900px;font-size:clamp(52px,5.5vw,82px);line-height:.98}
.home84-generated .home84-generated-head>p{font-size:clamp(17px,1.24vw,20px);line-height:1.76;letter-spacing:.008em;word-spacing:.04em}
.home84-generation-stage{position:relative;display:grid;grid-template-columns:minmax(360px,.66fr) minmax(0,1.34fr);min-height:760px;margin-top:clamp(72px,8vw,116px);border:1px solid rgba(255,255,255,.2);background:#0c1b31}
.home84-generation-brief{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(42px,5vw,72px);border-right:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(47,111,237,.16),rgba(255,255,255,.02))}
.home84-generation-brand{display:flex;align-items:center;gap:18px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.18)}
.home84-generation-brand>span{width:58px;height:58px;display:grid;place-items:center;background:#2f6fed;color:#fff;font-size:18px;font-weight:800}.home84-generation-brand strong{display:block;color:#fff;font-size:clamp(23px,2vw,30px)}.home84-generation-brand small{display:block;margin-top:6px;color:#83adff;font-size:14px}
.home84-generation-brief dl{margin:24px 0 0}.home84-generation-brief dl>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.home84-generation-brief dt{color:rgba(255,255,255,.43);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.home84-generation-brief dd{margin:8px 0 0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.48}
.home84-generation-brief>p{margin:30px 0 0;color:rgba(255,255,255,.64);font-size:16px;line-height:1.68;letter-spacing:.006em;word-spacing:.03em}
.home84-generation-current{position:absolute;z-index:5;left:38%;top:50%;width:80px;height:2px;background:linear-gradient(90deg,transparent,#8db4ff,transparent);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease}
.home84-generation-current i{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:#a8c5ff;box-shadow:0 0 18px rgba(116,163,255,.9);transform:translate(-50%,-50%);animation:home84-current 3.5s ease-in-out infinite}.home84-generation-current i:nth-child(2){animation-delay:-1.15s}.home84-generation-current i:nth-child(3){animation-delay:-2.3s}
.home84-generated.is-home84-active .home84-generation-current{opacity:1}
.home84-generated-browser{align-self:center;justify-self:center;width:min(88%,880px);min-width:0;background:#fff;box-shadow:0 50px 110px rgba(0,0,0,.38);opacity:.58;transform:translateY(30px) scale(.96);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1s ease}
.home84-generated.is-home84-active .home84-generated-browser{opacity:1;transform:translateY(0) scale(1);box-shadow:0 60px 130px rgba(0,0,0,.46)}
.home84-generated-bar{height:44px;display:flex;align-items:center;padding:0 18px;background:#f5f6f8;border-bottom:1px solid #d6dde7}.home84-generated-bar>span{display:flex;gap:6px}.home84-generated-bar i{width:7px;height:7px;border-radius:50%;background:#b9c1cc}.home84-generated-bar>b{margin:auto;color:#748096;font-size:10px;font-weight:600}
.home84-generated-page{overflow:hidden;background:#f7f4ee;color:#0c1b31}
.home84-generated-page>header{height:68px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:0 28px;background:#07172c;color:#fff}.home84-generated-page>header strong{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em}.home84-generated-page>header strong i{width:31px;height:31px;display:grid;place-items:center;background:#2f6fed;font-style:normal}.home84-generated-page>header nav{color:rgba(255,255,255,.58);font-size:9px}.home84-generated-page>header>b{padding:12px 13px;background:#ff7436;color:#fff;font-size:8px;letter-spacing:.06em}
.home84-generated-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:360px;background:#0c1b31}.home84-generated-hero>div{display:flex;flex-direction:column;justify-content:center;padding:42px}.home84-generated-hero small{color:#ff8b58;font-size:9px;font-weight:750;letter-spacing:.12em}.home84-generated-hero h3{max-width:480px;margin:18px 0 0;color:#fff;font-size:clamp(36px,4.2vw,64px);line-height:.93;letter-spacing:-.018em;word-spacing:.02em}.home84-generated-hero p{max-width:410px;margin:20px 0 0;color:rgba(255,255,255,.63);font-size:12px;line-height:1.55}.home84-generated-hero>div>b{align-self:flex-start;margin-top:26px;padding:14px 16px;background:#ff7436;color:#fff;font-size:9px;letter-spacing:.07em}.home84-generated-hero>span{display:block;background:linear-gradient(140deg,rgba(9,25,47,.08),rgba(9,25,47,.36)),url("roof-house.jpg") center/cover no-repeat;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.home84-generated-proof{display:grid;grid-template-columns:repeat(3,1fr);min-height:84px;background:#fff}.home84-generated-proof span{display:flex;align-items:center;gap:10px;padding:18px 24px;color:#657086;font-size:10px;border-right:1px solid #e0e5ec}.home84-generated-proof span:last-child{border-right:0}.home84-generated-proof b{color:#11223d;font-size:27px;line-height:1}
.home84-generated-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d5dde8}.home84-generated-services strong{min-height:82px;display:flex;align-items:center;padding:22px;background:#eef2f7;color:#15233d;font-size:13px}
.home84-generation-result{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:clamp(46px,8vw,120px);align-items:end;padding-top:clamp(68px,8vw,112px)}
.home84-generation-result strong{color:#fff;font:650 clamp(42px,4.5vw,66px)/1 "Wix Madefor Display",sans-serif;letter-spacing:-.006em;word-spacing:.055em}.home84-generation-result span{max-width:760px;color:rgba(255,255,255,.66);font-size:clamp(22px,2.3vw,34px);line-height:1.28;letter-spacing:0;word-spacing:.04em}

/* 4. Customer journey — three connected decisions, not repeated feature rows. */
.home84-customer-path{position:relative;padding:clamp(110px,11vw,170px) 0;background:#f2f6fc;color:#111d31}
.home84-customer-path::before{content:"CLEAR";position:absolute;right:-.03em;top:.02em;color:rgba(47,111,237,.045);font:760 clamp(150px,22vw,360px)/1 "Wix Madefor Display",sans-serif;letter-spacing:-.03em;pointer-events:none}
.home84-customer-head{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.6fr);gap:clamp(54px,8vw,124px);align-items:end}
.home84-customer-head h2{max-width:900px;margin:0;color:#111d31;font-size:clamp(52px,5.4vw,80px);line-height:.99}
.home84-customer-head>p{max-width:610px;margin:0 0 4px;color:#5c697d;font-size:clamp(17px,1.25vw,20px);line-height:1.76;letter-spacing:.008em;word-spacing:.04em}
.home84-customer-journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(70px,8vw,116px);border-top:1px solid #aebbd0;border-bottom:1px solid #aebbd0}
.home84-customer-journey::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:linear-gradient(90deg,#2f6fed,#7faaff,#2f6fed);transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.home84-customer-path.is-home84-active .home84-customer-journey::before{transform:scaleX(1)}
.home84-customer-journey article{position:relative;display:flex;flex-direction:column;min-width:0;min-height:490px;padding:clamp(34px,4vw,62px);border-right:1px solid #cbd5e3;opacity:.45;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),background-color .45s ease}.home84-customer-journey article:last-child{border-right:0}.home84-customer-journey article.is-home84-active{opacity:1;transform:translateY(0);background:#fff}
.home84-customer-journey article>span{color:#2f6fed;font:650 clamp(90px,9vw,138px)/.75 "Wix Madefor Display",sans-serif;letter-spacing:-.025em}
.home84-customer-journey article>div{margin-top:auto;padding-top:64px}.home84-customer-journey h3{max-width:390px;margin:0;color:#15223a;font-size:clamp(31px,3vw,44px);line-height:1.08}.home84-customer-journey p{max-width:420px;margin:22px 0 0;color:#647187;font-size:clamp(16px,1.12vw,18px);line-height:1.72;letter-spacing:.006em;word-spacing:.03em}
.home84-customer-journey article>b{margin-top:38px;padding-top:18px;border-top:1px solid #d6deea;color:#2f6fed;font-size:11px;letter-spacing:.12em}

@media (hover:hover) and (pointer:fine){
  .home84-anatomy-track article:hover,.home84-customer-journey article:hover{background:#fff}
}

@keyframes home84-compose-flow{0%,100%{opacity:.25;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}
@keyframes home84-current{0%{left:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{left:100%;opacity:0}}

@media (max-width:1200px){
  .home84-build-story>li{grid-template-columns:110px minmax(270px,.72fr) minmax(380px,1fr);gap:34px}
  .home84-anatomy-track{grid-template-columns:repeat(3,minmax(0,1fr))}.home84-anatomy-track article:nth-child(3){border-right:0}.home84-anatomy-track article:nth-child(n+4){border-top:1px solid #d4dce8}.home84-anatomy-track article:last-child{border-right:1px solid #d4dce8}
  .home84-generation-stage{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)}
  .home84-generation-current{display:none}
}

@media (max-width:980px){
  .home84-how .home84-how-head,.home84-anatomy-head,.home84-generated .home84-generated-head,.home84-customer-head{grid-template-columns:1fr}
  .home84-how .home84-how-head>p,.home84-anatomy-head p,.home84-generated .home84-generated-head>p,.home84-customer-head>p{max-width:760px;margin-left:0}
  .home84-build-story>li{grid-template-columns:120px 1fr}.home84-story-visual{grid-column:2;margin-top:12px}
  .home84-generation-stage{grid-template-columns:1fr;min-height:auto}.home84-generation-brief{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.home84-generated-browser{width:88%;margin:72px auto}
  .home84-generation-result{grid-template-columns:1fr}
  .home84-customer-journey article{min-height:450px;padding:36px 28px}
}

@media (max-width:760px){
  .home84-build-story>li{grid-template-columns:1fr;gap:24px}.home84-story-number{font-size:94px}.home84-story-visual{grid-column:1;margin-top:12px}
  .home84-anatomy-track{grid-template-columns:1fr}.home84-anatomy-track article{min-height:230px;border-right:0;border-top:1px solid #d4dce8}.home84-anatomy-track article:first-child{border-top:0}.home84-anatomy-track article:nth-child(3){border-right:0}.home84-anatomy-track article:last-child{border-right:0}
  .home84-customer-journey{grid-template-columns:1fr}.home84-customer-journey article{min-height:360px;border-right:0;border-bottom:1px solid #cbd5e3}.home84-customer-journey article:last-child{border-bottom:0}.home84-customer-journey article>div{padding-top:42px}
  .home84-generated-page>header{grid-template-columns:1fr auto}.home84-generated-page>header nav{display:none}
  .home84-generated-hero{grid-template-columns:1fr}.home84-generated-hero>div{min-height:330px}.home84-generated-hero>span{min-height:300px;clip-path:none}.home84-generated-proof{grid-template-columns:1fr}.home84-generated-proof span{border-right:0;border-bottom:1px solid #e0e5ec}.home84-generated-services{grid-template-columns:1fr}
}

@media (max-width:520px){
  .home84-how,.home84-generated,.home84-customer-path{padding-top:96px;padding-bottom:104px}
  .home84-how .home84-how-head h2,.home84-generated .home84-generated-head h2,.home84-customer-head h2{font-size:clamp(43px,12vw,58px)}
  .home84-story-copy h3{font-size:34px}.home84-story-visual{min-height:300px}.home84-brief-visual{padding:24px}.home84-brief-head{align-items:flex-start;flex-direction:column}.home84-brief-row{grid-template-columns:1fr;gap:7px}
  .home84-compose-page{width:84%;height:190px}
  .home84-ready-desktop{left:5%;width:82%;height:60%}.home84-ready-phone{right:5%;width:34%;height:68%}
  .home84-anatomy-head h3{font-size:43px}.home84-anatomy-track article{padding:30px 24px}
  .home84-generation-stage{border-left:0;border-right:0}.home84-generation-brief{padding:36px 24px}.home84-generation-brand{align-items:flex-start}.home84-generated-browser{width:94%;margin:48px auto}.home84-generated-page>header{height:60px;padding:0 15px}.home84-generated-page>header>b{font-size:0}.home84-generated-page>header>b::after{content:"↗";font-size:12px}.home84-generated-hero>div{padding:34px 24px}.home84-generated-hero h3{font-size:43px}.home84-generated-proof span{padding:15px 20px}.home84-generation-result strong{font-size:44px}.home84-generation-result span{font-size:24px}
  .home84-customer-journey article{padding:32px 24px}.home84-customer-journey article>span{font-size:94px}.home84-customer-journey h3{font-size:34px}
}

@media (prefers-reduced-motion:reduce){
  .home84-build-story>li,.home84-anatomy-track article,.home84-generated-browser,.home84-customer-journey article,.home84-customer-journey::before{transition:none}
  .home84-compose-line,.home84-generation-current i{animation:none}
}


/* Source: wgh85-roofers.css */
/* WebsiteGeneratorHub v0.3.85 — dedicated Roofer product page. */

.roofers-v85{background:#fff;color:#111d31}
.roofers-v85 main{overflow:hidden}
.roofers-v85 :is(h1,h2,h3,p,strong,b,span,small,a,summary,blockquote){font-family:"Wix Madefor Text",Inter,sans-serif}
.roofers-v85 :is(h1,h2,h3){font-family:"Wix Madefor Display","Wix Madefor Text",sans-serif;letter-spacing:-.012em;word-spacing:.06em}
.roofers-v85 p{letter-spacing:.006em;word-spacing:.035em}
.roofers-v85 .site-shell{width:min(calc(100vw - 72px),1440px)}

.roofer85-label,.roofer85-kicker{margin:0;color:#2f6fed;font-size:12px;font-weight:800;letter-spacing:.13em!important;word-spacing:.08em!important;text-transform:uppercase}
.roofer85-label-light{color:#8fb5ff}
.roofer85-kicker{display:flex;align-items:center;gap:14px;color:#91b7ff}
.roofer85-kicker span{width:42px;height:2px;background:#679aff}

/* Hero */
.roofer85-hero{position:relative;min-height:920px;padding:clamp(125px,10vw,170px) 0 110px;background:#071a35;color:#fff;isolation:isolate}
.roofer85-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(47,111,237,.22),transparent 42%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.16));z-index:-2}
.roofer85-backdrop{position:absolute;z-index:-1;left:-.035em;bottom:-.12em;color:rgba(255,255,255,.035);font:760 clamp(170px,24vw,390px)/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.055em;white-space:nowrap;pointer-events:none}
.roofer85-hero-grid{display:grid;grid-template-columns:minmax(430px,.78fr) minmax(590px,1.22fr);gap:clamp(44px,6vw,96px);align-items:center}
.roofer85-hero-copy{position:relative;z-index:3;max-width:690px}
.roofer85-hero-copy h1{max-width:680px;margin:28px 0 0;color:#fff;font-size:clamp(62px,6.6vw,100px);line-height:.93}
.roofer85-lead{max-width:640px;margin:30px 0 0;color:rgba(255,255,255,.72);font-size:clamp(17px,1.35vw,21px);line-height:1.72}
.roofer85-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.roofer85-actions a,.roofer85-closing a,.roofer85-process-action a{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:60px;padding:0 25px;text-decoration:none;font-size:14px;font-weight:780;letter-spacing:.015em;transition:transform .25s ease,background-color .25s ease,color .25s ease}
.roofer85-primary{background:#fff;color:#0c2448}.roofer85-secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
.roofer85-actions a span,.roofer85-closing a span,.roofer85-process-action a span{font-size:18px}
.roofer85-hero-notes{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:28px;color:rgba(255,255,255,.52);font-size:12px}
.roofer85-hero-notes span{position:relative;padding-left:16px}.roofer85-hero-notes span::before{content:"";position:absolute;left:0;top:.48em;width:6px;height:6px;background:#75a5ff;border-radius:50%}

.roofer85-hero-product{position:relative;min-width:0;min-height:640px;perspective:1400px}
.roofer85-browser{position:absolute;z-index:1;left:0;top:8%;width:100%;background:#fff;box-shadow:0 55px 130px rgba(0,0,0,.38);transform:rotateY(-4deg) rotateX(1deg);transform-origin:left center}
.roofer85-browser-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 17px;background:#f3f5f8;border-bottom:1px solid #d9e0e9;color:#7a8799}
.roofer85-browser-bar i{width:8px;height:8px;border-radius:50%;background:#b5beca}.roofer85-browser-bar span{margin:auto;font-size:10px;font-weight:650}
.roofer85-demo-site{color:#10203a;background:#f8f4ec}
.roofer85-demo-site>header{height:72px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:26px;padding:0 30px;background:#07172d;color:#fff}
.roofer85-demo-site>header strong{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.07em}.roofer85-demo-site>header strong b{width:34px;height:34px;display:grid;place-items:center;background:#2f6fed}.roofer85-demo-site>header nav{color:rgba(255,255,255,.6);font-size:9px}.roofer85-demo-site>header em{padding:13px 15px;background:#f2bd4e;color:#07172d;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.08em}
.roofer85-demo-site>main{display:grid;grid-template-columns:1.06fr .94fr;min-height:405px;background:#102442}
.roofer85-demo-site>main>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,58px)}
.roofer85-demo-site>main small{color:#f4c75b;font-size:9px;font-weight:800;letter-spacing:.12em}.roofer85-demo-site>main h2{max-width:510px;margin:18px 0 0;color:#fff;font-size:clamp(42px,4vw,64px);line-height:.93}.roofer85-demo-site>main p{max-width:420px;margin:21px 0 0;color:rgba(255,255,255,.64);font-size:13px;line-height:1.58}.roofer85-demo-site>main>div>b{align-self:flex-start;margin-top:28px;padding:15px 17px;background:#f2bd4e;color:#07172d;font-size:9px;letter-spacing:.08em}
.roofer85-demo-site>main figure,.roofer85-page-hero figure{margin:0;background-image:linear-gradient(140deg,rgba(7,23,45,.08),rgba(7,23,45,.34)),url("roof-house.jpg");background-repeat:no-repeat;background-position:right center;background-size:auto 100%}
.roofer85-demo-site>footer{display:grid;grid-template-columns:repeat(3,1fr);min-height:92px;background:#fff}.roofer85-demo-site>footer span{display:flex;align-items:center;gap:11px;padding:18px 22px;border-right:1px solid #e0e5ec;color:#6a7586;font-size:10px}.roofer85-demo-site>footer span:last-child{border-right:0}.roofer85-demo-site>footer b{color:#10213b;font-size:28px;line-height:1}
.roofer85-phone{position:absolute;z-index:3;right:-4%;bottom:0;width:180px;height:370px;padding:10px;border-radius:35px;background:#050e1c;box-shadow:0 40px 85px rgba(0,0,0,.44);transform:rotate(3deg)}
.roofer85-phone>i{position:absolute;z-index:2;left:50%;top:10px;width:58px;height:15px;border-radius:0 0 10px 10px;background:#050e1c;transform:translateX(-50%)}
.roofer85-phone>div{position:relative;height:100%;overflow:hidden;border-radius:26px;padding:30px 18px;background:linear-gradient(180deg,rgba(5,18,35,.28),rgba(5,18,35,.92)),url("roof-house.jpg") right center/auto 100% no-repeat;color:#fff}
.roofer85-phone>div>b{display:grid;place-items:center;width:34px;height:34px;background:#2f6fed;font-size:11px}.roofer85-phone>div>span{display:block;width:58%;height:3px;margin-top:70px;background:#f4c75b}.roofer85-phone h3{margin:17px 0 0;color:#fff;font-size:28px;line-height:1}.roofer85-phone em{position:absolute;left:18px;right:18px;bottom:20px;padding:14px 10px;background:#f4c75b;color:#07172d;text-align:center;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.08em}

/* Proof rail */
.roofer85-proof-rail{background:#fff;border-bottom:1px solid #d8e0ec}
.roofer85-proof-rail .site-shell{display:grid;grid-template-columns:repeat(3,1fr)}
.roofer85-proof-rail p{min-height:126px;display:flex;flex-direction:column;justify-content:center;margin:0;padding:24px clamp(24px,3.5vw,54px);border-right:1px solid #d8e0ec}.roofer85-proof-rail p:first-child{border-left:1px solid #d8e0ec}
.roofer85-proof-rail strong{color:#14213a;font-size:18px}.roofer85-proof-rail span{margin-top:8px;color:#68758a;font-size:13px;line-height:1.45}

/* Shared section headings */
.roofer85-section-head{display:grid;grid-template-columns:minmax(0,.45fr) minmax(520px,1fr);gap:25px clamp(60px,10vw,150px);align-items:start}
.roofer85-section-head .roofer85-label{grid-column:1/-1}
.roofer85-section-head h2,.roofer85-example-head h2,.roofer85-services h2,.roofer85-process h2,.roofer85-original h2,.roofer85-search h2,.roofer85-faq h2,.roofer85-closing h2{margin:0;font-size:clamp(52px,5.6vw,84px);line-height:.98}
.roofer85-section-head>p:last-child{max-width:620px;margin:8px 0 0;color:#627086;font-size:clamp(17px,1.3vw,20px);line-height:1.75}

/* Decision sequence */
.roofer85-decisions{padding:clamp(110px,11vw,175px) 0;background:#fff}
.roofer85-decision-list{margin-top:clamp(70px,8vw,120px);border-top:1px solid #b9c5d6}
.roofer85-decision-list article{display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:clamp(30px,6vw,95px);align-items:center;min-height:260px;padding:42px 0;border-bottom:1px solid #cbd4e1}
.roofer85-decision-list article>span{color:#2f6fed;font:650 clamp(76px,8vw,126px)/.78 "Wix Madefor Display",sans-serif;letter-spacing:-.025em}
.roofer85-decision-list h3{margin:0;color:#14213a;font-size:clamp(32px,3.2vw,48px);line-height:1.08}.roofer85-decision-list p{max-width:740px;margin:18px 0 0;color:#647187;font-size:17px;line-height:1.72}.roofer85-decision-list article>b{justify-self:end;color:#2f6fed;font-size:11px;letter-spacing:.14em}

/* Complete website example */
.roofer85-example{padding:clamp(110px,11vw,175px) 0;background:#08172c;color:#fff}
.roofer85-example-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);gap:clamp(60px,10vw,150px);align-items:end}
.roofer85-example-head h2{max-width:850px;margin-top:18px;color:#fff}.roofer85-example-head>p{max-width:610px;margin:0 0 6px;color:rgba(255,255,255,.67);font-size:clamp(17px,1.3vw,20px);line-height:1.75}
.roofer85-page-stage{margin-top:clamp(72px,8vw,120px)}
.roofer85-page-browser{overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#fff;box-shadow:0 60px 140px rgba(0,0,0,.42)}
.roofer85-page-top{height:52px;display:flex;align-items:center;padding:0 22px;background:#f2f4f7;border-bottom:1px solid #d7dee7;color:#7c8797}.roofer85-page-top>span{display:flex;gap:7px}.roofer85-page-top i{width:8px;height:8px;border-radius:50%;background:#b5beca}.roofer85-page-top>b{margin:auto;font-size:10px}.roofer85-page-top>em{font-size:9px;font-style:normal;font-weight:800;letter-spacing:.12em}
.roofer85-page-canvas{color:#0c1c35;background:#f5f2eb}
.roofer85-page-canvas>header{height:84px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding:0 42px;background:#06162b;color:#fff}.roofer85-page-canvas>header strong{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.07em}.roofer85-page-canvas>header strong i{width:42px;height:42px;display:grid;place-items:center;background:#2f6fed;font-style:normal}.roofer85-page-canvas>header nav{color:rgba(255,255,255,.58);font-size:10px}.roofer85-page-canvas>header>b{padding:15px 17px;background:#f2bd4e;color:#07172d;font-size:9px;letter-spacing:.08em}
.roofer85-page-hero{display:grid;grid-template-columns:1.06fr .94fr;min-height:560px;background:#0d2342}.roofer85-page-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,92px)}.roofer85-page-hero small,.roofer85-page-services small,.roofer85-page-area small,.roofer85-page-contact small{color:#f4c75b;font-size:10px;font-weight:800;letter-spacing:.13em}.roofer85-page-hero h3{max-width:700px;margin:24px 0 0;color:#fff;font-size:clamp(54px,6vw,92px);line-height:.92}.roofer85-page-hero p{max-width:550px;margin:26px 0 0;color:rgba(255,255,255,.65);font-size:15px;line-height:1.65}.roofer85-page-hero>div>b{align-self:flex-start;margin-top:34px;padding:17px 19px;background:#f2bd4e;color:#07172d;font-size:10px;letter-spacing:.09em}
.roofer85-page-stats{display:grid;grid-template-columns:repeat(4,1fr);min-height:130px;background:#fff}.roofer85-page-stats span{display:flex;align-items:center;gap:14px;padding:25px 32px;border-right:1px solid #dce3eb;color:#728094;font-size:10px;font-weight:700;letter-spacing:.04em}.roofer85-page-stats span:last-child{border-right:0}.roofer85-page-stats b{color:#12213a;font-size:36px;letter-spacing:-.03em}
.roofer85-page-services{padding:clamp(60px,7vw,100px);background:#f4f0e8}.roofer85-page-services small{color:#2f6fed}.roofer85-page-services h3{max-width:760px;margin:18px 0 0;font-size:clamp(42px,5vw,72px);line-height:1}.roofer85-page-services>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #aeb9c8;border-bottom:1px solid #aeb9c8}.roofer85-page-services span{min-height:150px;display:flex;align-items:flex-end;padding:28px;border-right:1px solid #c4ccd7;font-size:20px;font-weight:700}.roofer85-page-services span:last-child{border-right:0}
.roofer85-page-area{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;padding:clamp(60px,7vw,100px);background:#2f6fed;color:#fff}.roofer85-page-area small{color:#d9e6ff}.roofer85-page-area h3{max-width:650px;margin:17px 0 0;color:#fff;font-size:clamp(40px,4.5vw,66px);line-height:1}.roofer85-page-area>b{padding-bottom:10px;color:rgba(255,255,255,.73);font-size:13px;line-height:1.7;letter-spacing:.1em}
.roofer85-page-contact{padding:clamp(70px,8vw,120px);background:#07172d;text-align:center}.roofer85-page-contact h3{max-width:900px;margin:20px auto 0;color:#fff;font-size:clamp(48px,5.4vw,80px);line-height:.98}.roofer85-page-contact>b{display:inline-flex;margin-top:35px;padding:17px 21px;background:#f2bd4e;color:#07172d;font-size:10px;letter-spacing:.09em}
.roofer85-example-caption{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,9vw,135px);align-items:start;padding-top:65px}.roofer85-example-caption strong{color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.1}.roofer85-example-caption p{max-width:760px;margin:0;color:rgba(255,255,255,.62);font-size:20px;line-height:1.6}

/* Roofing service coverage */
.roofer85-services{padding:clamp(110px,11vw,175px) 0;background:#fff}
.roofer85-services-grid{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:clamp(70px,10vw,155px);align-items:start}
.roofer85-services header{position:sticky;top:130px}.roofer85-services h2{max-width:650px;margin-top:22px}.roofer85-services header>p:not(.roofer85-label){max-width:600px;margin:28px 0 0;color:#627086;font-size:18px;line-height:1.75}.roofer85-services header>a{display:inline-flex;gap:25px;margin-top:32px;padding-bottom:7px;border-bottom:1px solid #2f6fed;color:#1f5dcc;text-decoration:none;font-size:14px;font-weight:750}
.roofer85-service-lines{border-top:1px solid #b8c4d4}
.roofer85-service-lines article{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:38px 0;border-bottom:1px solid #cbd4e1}.roofer85-service-lines article>span{color:#2f6fed;font:650 44px/1 "Wix Madefor Display",sans-serif}.roofer85-service-lines h3{margin:0;font-size:31px}.roofer85-service-lines p{max-width:640px;margin:12px 0 0;color:#667389;font-size:16px;line-height:1.7}

/* Three-step build path */
.roofer85-process{padding:clamp(110px,11vw,175px) 0;background:#1555c9;color:#fff}
.roofer85-process-head{display:grid;grid-template-columns:.35fr 1fr;gap:clamp(50px,9vw,135px);align-items:start}.roofer85-process h2{max-width:1000px;color:#fff}
.roofer85-process-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(72px,8vw,120px);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.roofer85-process-track::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.roofer85-process.is-roofer85-active .roofer85-process-track::before{transform:scaleX(1)}
.roofer85-process-track article{display:flex;flex-direction:column;min-height:510px;padding:clamp(34px,4vw,62px);border-right:1px solid rgba(255,255,255,.28);opacity:.48;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),background-color .4s ease}.roofer85-process-track article:last-child{border-right:0}.roofer85-process-track article.is-roofer85-active{opacity:1;transform:none;background:rgba(255,255,255,.08)}
.roofer85-process-track article>span{color:#fff;font:650 clamp(88px,8.5vw,132px)/.76 "Wix Madefor Display",sans-serif;letter-spacing:-.03em}.roofer85-process-track article>div{margin-top:auto;padding-top:70px}.roofer85-process-track h3{max-width:390px;margin:0;color:#fff;font-size:clamp(31px,3vw,44px);line-height:1.08}.roofer85-process-track p{max-width:410px;margin:20px 0 0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.7}.roofer85-process-track article>b{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24);color:#d8e6ff;font-size:10px;letter-spacing:.14em}
.roofer85-process-action{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:60px}.roofer85-process-action p{max-width:720px;margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.65}.roofer85-process-action p strong{color:#fff}.roofer85-process-action a{flex:none;background:#fff;color:#1046a7}

/* Original business direction */
.roofer85-original{padding:clamp(110px,11vw,175px) 0;background:#f4f7fb}
.roofer85-original-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,150px);align-items:center}
.roofer85-original-statement{position:relative;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(40px,6vw,82px);overflow:hidden;background:#071a35;color:#fff}
.roofer85-original-statement::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(47,111,237,.48),transparent 58%)}
.roofer85-original-statement::after{content:"";position:absolute;right:-16%;top:9%;width:62%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025)}
.roofer85-original-statement span,.roofer85-original-statement strong{position:relative;z-index:1}.roofer85-original-statement span{color:#93b9ff;font-size:12px;font-weight:800;letter-spacing:.14em}.roofer85-original-statement strong{max-width:520px;margin-top:18px;font:650 clamp(55px,5.6vw,84px)/.95 "Wix Madefor Display",sans-serif;word-spacing:.06em}
.roofer85-original-copy h2{max-width:730px;margin-top:22px}.roofer85-original-copy>p:not(.roofer85-label){max-width:680px;margin:28px 0 0;color:#627086;font-size:18px;line-height:1.75}.roofer85-original blockquote{margin:45px 0 0;padding:28px 0 0;border-top:1px solid #aebbd0;color:#1c5bc9;font-size:clamp(25px,2.5vw,36px);line-height:1.35}

/* Search-ready content */
.roofer85-search{padding:clamp(110px,11vw,175px) 0;background:#eef3fa}
.roofer85-search-grid{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:0 clamp(70px,10vw,150px)}
.roofer85-search header{align-self:start}.roofer85-search h2{max-width:700px;margin-top:22px}
.roofer85-search-answer{padding:40px 0 50px;border-top:3px solid #2f6fed;border-bottom:1px solid #aebbd0}.roofer85-search-answer h3{margin:0;font-size:clamp(29px,3vw,43px);line-height:1.1}.roofer85-search-answer p{margin:24px 0 0;color:#536178;font-size:clamp(17px,1.25vw,20px);line-height:1.8}
.roofer85-search-points{grid-column:2;margin-top:35px;border-top:1px solid #b9c5d4}.roofer85-search-points article{display:grid;grid-template-columns:80px minmax(190px,.7fr) 1fr;gap:30px;align-items:start;padding:32px 0;border-bottom:1px solid #c5cfdd}.roofer85-search-points span{color:#2f6fed;font:650 38px/1 "Wix Madefor Display",sans-serif}.roofer85-search-points h3{margin:2px 0 0;font-size:25px;line-height:1.15}.roofer85-search-points p{margin:0;color:#657287;font-size:15px;line-height:1.68}
.roofer85-search-note{grid-column:2;margin:42px 0 0;padding:26px 0;border-top:1px solid #aebbd0;color:#5d6a7f;font-size:15px;line-height:1.75}.roofer85-search-note strong{color:#15233d}

/* FAQ */
.roofer85-faq{padding:clamp(110px,11vw,175px) 0;background:#fff}
.roofer85-faq-grid{display:grid;grid-template-columns:minmax(330px,.64fr) minmax(0,1.36fr);gap:clamp(70px,10vw,155px);align-items:start}
.roofer85-faq header{position:sticky;top:130px}.roofer85-faq h2{max-width:600px;margin-top:22px}.roofer85-faq header>p:last-child{max-width:520px;margin:26px 0 0;color:#667389;font-size:17px;line-height:1.7}
.roofer85-faq-list{border-top:1px solid #aebbd0}.roofer85-faq-list details{border-bottom:1px solid #c7d0dd}.roofer85-faq-list summary{position:relative;padding:32px 60px 32px 0;color:#17243d;font-size:clamp(20px,1.7vw,27px);font-weight:680;line-height:1.3;cursor:pointer;list-style:none}.roofer85-faq-list summary::-webkit-details-marker{display:none}.roofer85-faq-list summary span{position:absolute;right:0;top:50%;width:28px;height:28px;transform:translateY(-50%)}.roofer85-faq-list summary span::before,.roofer85-faq-list summary span::after{content:"";position:absolute;left:5px;right:5px;top:13px;height:2px;background:#2f6fed}.roofer85-faq-list summary span::after{transform:rotate(90deg);transition:transform .25s ease}.roofer85-faq-list details[open] summary span::after{transform:rotate(0)}.roofer85-faq-list details p{max-width:820px;margin:-8px 70px 32px 0;color:#637087;font-size:16px;line-height:1.76}

/* Closing */
.roofer85-closing{padding:clamp(110px,11vw,175px) 0;background:#071a35;color:#fff}
.roofer85-closing-grid{display:grid;grid-template-columns:1.18fr .62fr;gap:clamp(70px,10vw,155px);align-items:end}.roofer85-closing h2{max-width:950px;margin-top:22px;color:#fff}.roofer85-closing-grid>div:last-child{padding-bottom:7px}.roofer85-closing-grid>div:last-child p{max-width:550px;margin:0;color:rgba(255,255,255,.67);font-size:18px;line-height:1.7}.roofer85-closing a{width:100%;justify-content:space-between;margin-top:30px;background:#fff;color:#0b2346}.roofer85-closing small{display:block;margin-top:17px;color:rgba(255,255,255,.46);font-size:11px;letter-spacing:.05em}

/* Progressive reveal */
.roofer85-js [data-roofer85-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1)}
.roofer85-js [data-roofer85-reveal="visual"]{transform:translateY(34px) scale(.985)}
.roofer85-js [data-roofer85-reveal].is-roofer85-active{opacity:1;transform:none}

@media (hover:hover) and (pointer:fine){
  .roofer85-actions a:hover,.roofer85-process-action a:hover,.roofer85-closing a:hover{transform:translateY(-3px)}
  .roofer85-primary:hover,.roofer85-process-action a:hover,.roofer85-closing a:hover{background:#dfeaff}.roofer85-secondary:hover{background:rgba(255,255,255,.1)}
}

@media (max-width:1180px){
  .roofers-v85 .site-shell{width:min(calc(100vw - 48px),1180px)}
  .roofer85-hero{min-height:auto}.roofer85-hero-grid{grid-template-columns:1fr;gap:70px}.roofer85-hero-copy{max-width:850px}.roofer85-hero-product{min-height:670px}.roofer85-browser{width:94%;left:0}.roofer85-phone{right:0}
  .roofer85-section-head,.roofer85-example-head{grid-template-columns:1fr;gap:28px}.roofer85-section-head>p:last-child,.roofer85-example-head>p{max-width:760px}
  .roofer85-decision-list article{grid-template-columns:150px 1fr 130px;gap:45px}
  .roofer85-page-hero{min-height:500px}.roofer85-page-stats span{padding:22px 18px}
  .roofer85-services-grid,.roofer85-faq-grid{gap:70px}
  .roofer85-process-track article{padding:40px 30px}
  .roofer85-search-grid{gap:0 75px}
}

@media (max-width:900px){
  .roofers-v85 .site-shell{width:calc(100vw - 40px)}
  .roofer85-hero{padding-top:125px}.roofer85-hero-product{min-height:590px}.roofer85-demo-site>main{min-height:350px}.roofer85-phone{width:150px;height:320px}
  .roofer85-proof-rail .site-shell{grid-template-columns:1fr}.roofer85-proof-rail p,.roofer85-proof-rail p:first-child{min-height:100px;border-left:1px solid #d8e0ec;border-right:1px solid #d8e0ec;border-bottom:1px solid #d8e0ec}
  .roofer85-decision-list article{grid-template-columns:120px 1fr;gap:35px}.roofer85-decision-list article>b{grid-column:2;justify-self:start}
  .roofer85-page-canvas>header{grid-template-columns:1fr auto}.roofer85-page-canvas>header nav{display:none}.roofer85-page-hero{grid-template-columns:1fr}.roofer85-page-hero>div{min-height:470px}.roofer85-page-hero figure{min-height:430px}.roofer85-page-stats{grid-template-columns:1fr 1fr}.roofer85-page-stats span:nth-child(2){border-right:0}.roofer85-page-stats span:nth-child(-n+2){border-bottom:1px solid #dce3eb}.roofer85-page-services>div{grid-template-columns:1fr}.roofer85-page-services span{min-height:105px;border-right:0;border-bottom:1px solid #c4ccd7}.roofer85-page-services span:last-child{border-bottom:0}.roofer85-page-area{grid-template-columns:1fr}.roofer85-example-caption{grid-template-columns:1fr}
  .roofer85-services-grid,.roofer85-original-grid,.roofer85-search-grid,.roofer85-faq-grid,.roofer85-closing-grid{grid-template-columns:1fr}.roofer85-services header,.roofer85-faq header{position:relative;top:auto}.roofer85-services header{max-width:760px}.roofer85-original-statement{min-height:500px}.roofer85-search-grid{gap:55px}.roofer85-search-points,.roofer85-search-note{grid-column:1}.roofer85-search-answer{margin-top:0}
  .roofer85-process-head{grid-template-columns:1fr;gap:24px}.roofer85-process-track{grid-template-columns:1fr}.roofer85-process-track article{min-height:390px;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.roofer85-process-track article:last-child{border-bottom:0}.roofer85-process-track article>div{padding-top:40px}.roofer85-process-action{align-items:flex-start;flex-direction:column}.roofer85-closing-grid{align-items:start}.roofer85-closing-grid>div:last-child{max-width:650px}
}

@media (max-width:640px){
  .roofers-v85 .site-shell{width:calc(100vw - 28px)}
  .roofer85-hero{padding:100px 0 80px}.roofer85-hero-copy h1{font-size:clamp(48px,14vw,68px)}.roofer85-lead{font-size:16px}.roofer85-actions{flex-direction:column}.roofer85-actions a{width:100%;justify-content:space-between}.roofer85-hero-notes{flex-direction:column;gap:9px}
  .roofer85-hero-product{min-height:655px;margin-top:0}.roofer85-browser{width:100%;top:0;transform:none}.roofer85-browser-bar{height:40px}.roofer85-demo-site>header{height:58px;grid-template-columns:1fr auto;padding:0 16px}.roofer85-demo-site>header nav{display:none}.roofer85-demo-site>header em{font-size:0;padding:10px}.roofer85-demo-site>header em::after{content:"↗";font-size:11px}.roofer85-demo-site>main{grid-template-columns:1fr;min-height:370px}.roofer85-demo-site>main>div{padding:33px 22px}.roofer85-demo-site>main h2{font-size:39px}.roofer85-demo-site>main figure{display:none}.roofer85-demo-site>footer{grid-template-columns:1fr}.roofer85-demo-site>footer span{min-height:58px;padding:10px 20px;border-right:0;border-bottom:1px solid #e0e5ec}.roofer85-demo-site>footer span:last-child{border-bottom:0}.roofer85-demo-site>footer b{font-size:22px}.roofer85-phone{display:none}
  .roofer85-section-head h2,.roofer85-example-head h2,.roofer85-services h2,.roofer85-process h2,.roofer85-original h2,.roofer85-search h2,.roofer85-faq h2,.roofer85-closing h2{font-size:clamp(43px,12vw,58px)}
  .roofer85-decisions,.roofer85-example,.roofer85-services,.roofer85-process,.roofer85-original,.roofer85-search,.roofer85-faq,.roofer85-closing{padding-top:96px;padding-bottom:104px}
  .roofer85-decision-list article{grid-template-columns:1fr;gap:22px;padding:38px 0}.roofer85-decision-list article>span{font-size:92px}.roofer85-decision-list article>b{grid-column:1}.roofer85-decision-list h3{font-size:34px}.roofer85-decision-list p{font-size:16px}
  .roofer85-page-browser{margin-left:-14px;margin-right:-14px}.roofer85-page-top{height:44px;padding:0 14px}.roofer85-page-top>em{display:none}.roofer85-page-canvas>header{height:62px;padding:0 15px}.roofer85-page-canvas>header>b{font-size:0;padding:11px}.roofer85-page-canvas>header>b::after{content:"↗";font-size:11px}.roofer85-page-canvas>header strong{font-size:9px}.roofer85-page-canvas>header strong i{width:32px;height:32px}.roofer85-page-hero>div{min-height:420px;padding:40px 24px}.roofer85-page-hero h3{font-size:48px}.roofer85-page-hero figure{min-height:310px}.roofer85-page-stats{grid-template-columns:1fr}.roofer85-page-stats span,.roofer85-page-stats span:nth-child(2){min-height:70px;border-right:0;border-bottom:1px solid #dce3eb}.roofer85-page-services,.roofer85-page-area,.roofer85-page-contact{padding:50px 24px}.roofer85-page-services h3,.roofer85-page-area h3,.roofer85-page-contact h3{font-size:41px}.roofer85-page-area{gap:35px}.roofer85-example-caption p{font-size:17px}
  .roofer85-service-lines article{grid-template-columns:65px 1fr;gap:18px}.roofer85-service-lines article>span{font-size:34px}.roofer85-service-lines h3{font-size:26px}
  .roofer85-process-track article{min-height:370px;padding:32px 24px}.roofer85-process-track article>span{font-size:94px}.roofer85-process-track h3{font-size:34px}.roofer85-process-action a{width:100%;justify-content:space-between}
  .roofer85-original-statement{min-height:430px;padding:34px 25px}.roofer85-original-statement strong{font-size:54px}
  .roofer85-search-points article{grid-template-columns:60px 1fr}.roofer85-search-points article p{grid-column:2}.roofer85-search-answer{padding-top:30px}.roofer85-search-answer h3{font-size:33px}
  .roofer85-faq-list summary{padding:27px 48px 27px 0;font-size:20px}.roofer85-faq-list details p{margin-right:15px}
}

@media (max-width:390px){
  .roofer85-hero-copy h1{font-size:46px}.roofer85-demo-site>main h2{font-size:34px}.roofer85-section-head h2,.roofer85-example-head h2,.roofer85-services h2,.roofer85-process h2,.roofer85-original h2,.roofer85-search h2,.roofer85-faq h2,.roofer85-closing h2{font-size:41px}.roofer85-page-hero h3{font-size:41px}.roofer85-original-statement strong{font-size:48px}
}

@media (prefers-reduced-motion:reduce){
  .roofer85-js [data-roofer85-reveal],.roofer85-process-track article,.roofer85-process-track::before{opacity:1!important;transform:none!important;transition:none!important}
}


/* Source: wgh86-roofers-refinement.css */
/* WebsiteGeneratorHub v0.3.86 — Roofer page clarity and visual refinement. */

.roofer85-browser-bar em{
  flex:0 0 auto;
  color:#6f7d91;
  font-size:8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.roofer86-hero-example{
  position:absolute;
  z-index:4;
  left:2%;
  right:11%;
  bottom:-62px;
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:12px;
  line-height:1.55;
}

.roofer85-section-head{
  grid-template-columns:minmax(0,1.15fr) minmax(380px,.65fr);
  align-items:end;
}
.roofer85-section-head h2{max-width:900px}
.roofer85-decision-list article{
  grid-template-columns:minmax(160px,.3fr) minmax(0,1.7fr);
}
.roofer85-decision-list article:nth-child(even){padding-left:clamp(0px,5vw,82px)}

.roofer85-example-head h2{margin-top:0}
.roofer85-example-caption strong{max-width:530px}

.roofer85-process-head{display:block}
.roofer85-process h2{max-width:1180px}
.roofer85-process-track{
  grid-template-columns:1fr;
  border-bottom:0;
}
.roofer85-process-track article{
  display:grid;
  grid-template-columns:minmax(170px,.34fr) minmax(0,1.66fr);
  gap:clamp(42px,8vw,125px);
  align-items:center;
  min-height:285px;
  padding:clamp(42px,5vw,70px) 0;
  border-right:0;
  border-bottom:1px solid rgba(255,255,255,.3);
}
.roofer85-process-track article>div{
  margin-top:0;
  padding-top:0;
}
.roofer85-process-track h3{max-width:700px}
.roofer85-process-track p{max-width:720px}
.roofer85-process-track article.is-roofer85-active{
  padding-left:clamp(0px,3vw,45px);
  background:linear-gradient(90deg,rgba(255,255,255,.09),transparent 72%);
}

.roofer85-search-grid{grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr)}
.roofer85-search header{padding-top:0}
.roofer85-search h2{max-width:760px;margin-top:0}

@media (max-width:1180px){
  .roofer86-hero-example{right:6%;bottom:-48px}
  .roofer85-section-head{grid-template-columns:1fr;align-items:start}
}

@media (max-width:900px){
  .roofer86-hero-example{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px}
  .roofer85-decision-list article:nth-child(even){padding-left:0}
  .roofer85-process-track article{grid-template-columns:135px 1fr;min-height:250px}
  .roofer85-search-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .roofer85-browser-bar em{display:none}
  .roofer86-hero-example{font-size:11px}
  .roofer85-process-track article{grid-template-columns:1fr;gap:28px;min-height:0}
  .roofer85-process-track article.is-roofer85-active{padding-left:24px;padding-right:24px}
}


/* Source: wgh87-roofers-trust.css */
/* WebsiteGeneratorHub v0.3.87 — clear example disclosure and CTA consistency. */

.roofer85-browser-bar .roofer87-example-mark {
    flex: 0 0 auto;
    color: #657287;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.roofer87-example-disclosure {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: 34px;
    margin-bottom: -34px;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.65;
}

.roofer87-example-disclosure strong {
    flex: 0 0 auto;
    color: #fff;
    font-weight: 750;
}

.roofers-v86 .roofer85-actions a,
.roofers-v86 .roofer85-process-action a,
.roofers-v86 .roofer85-closing a {
    min-height: 60px;
}

@media (max-width: 640px) {
    .roofer85-browser-bar .roofer87-example-mark {
        display: none;
    }

    .roofer87-example-disclosure {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        margin-top: 26px;
        margin-bottom: -22px;
        font-size: 13px;
    }
}


/* Source: wgh88-roofers-visual.css */
/* WebsiteGeneratorHub v0.3.88 — visible Roofer product-page redesign. */

.roofers-v88 {
    --r88-ink: #071a35;
    --r88-blue: #2366df;
    --r88-sky: #eaf1fc;
    --r88-line: #b8c6da;
    --r88-muted: #5f6f85;
    --r88-warm: #f2bd4e;
}

.roofers-v88 .roofer85-secondary {
    min-width: 224px;
}

/* One substantial product demonstration, built as a single composition. */
.roofer88-product-proof {
    position: relative;
    padding: clamp(120px, 12vw, 190px) 0;
    overflow: hidden;
    background: #fff;
}

.roofer88-product-proof::before {
    content: "";
    position: absolute;
    top: -24vw;
    right: -22vw;
    width: 62vw;
    aspect-ratio: 1;
    border: 1px solid rgba(35, 102, 223, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 100px rgba(35, 102, 223, .025), 0 0 0 200px rgba(35, 102, 223, .018);
    pointer-events: none;
}

.roofer88-product-intro {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 60px;
    align-items: end;
}

.roofer88-product-intro h2 {
    max-width: 1040px;
    margin: 0;
    color: var(--r88-ink);
    font-size: clamp(56px, 6.5vw, 98px);
    line-height: .94;
}

.roofer88-product-intro p {
    max-width: 780px;
    margin: 30px 0 0;
    color: var(--r88-muted);
    font-size: 19px;
    line-height: 1.78;
}

.roofer88-product-intro > a,
.roofer88-directions-action a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
    min-width: 206px;
    min-height: 62px;
    padding: 0 24px;
    background: var(--r88-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 780;
    text-decoration: none;
}

.roofer88-product-intro > a span,
.roofer88-directions-action a span {
    font-size: 19px;
}

.roofer88-product-stage {
    position: relative;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 250px;
    gap: 0;
    align-items: center;
    margin-top: clamp(78px, 8vw, 125px);
    padding: clamp(42px, 5vw, 76px) 0;
    isolation: isolate;
}

.roofer88-product-stage::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0 70px;
    background: var(--r88-ink);
}

.roofer88-product-stage::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 70px;
    top: 0;
    width: 35%;
    height: 100%;
    background: linear-gradient(135deg, rgba(52, 116, 232, .34), transparent 76%);
}

.roofer88-business-brief,
.roofer88-edit-panel {
    position: relative;
    z-index: 3;
    box-shadow: 0 28px 70px rgba(7, 26, 53, .2);
}

.roofer88-business-brief {
    padding: 34px 30px;
    background: #f5f8fc;
    color: var(--r88-ink);
}

.roofer88-stage-heading > span {
    display: block;
    color: var(--r88-blue);
    font: 680 72px/.78 "Wix Madefor Display", sans-serif;
    letter-spacing: -.04em;
}

.roofer88-stage-heading h3 {
    margin: 28px 0 0;
    color: var(--r88-ink);
    font-size: 28px;
    line-height: 1.08;
}

.roofer88-business-brief dl {
    margin: 32px 0 0;
}

.roofer88-business-brief dl div {
    padding: 17px 0;
    border-top: 1px solid #cbd5e3;
}

.roofer88-business-brief dt {
    color: #728198;
    font-size: 11px;
    font-weight: 700;
}

.roofer88-business-brief dd {
    margin: 6px 0 0;
    color: #182941;
    font-size: 14px;
    line-height: 1.48;
}

.roofer88-generated-page {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #f5f0e7;
    box-shadow: 0 55px 120px rgba(0, 0, 0, .33);
}

.roofer88-generated-page > header {
    min-height: 76px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 28px;
    align-items: center;
    padding: 0 30px;
    background: #fff;
    color: #10213a;
}

.roofer88-generated-page > header strong {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

.roofer88-generated-page > header strong i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    background: var(--r88-ink);
    color: #fff;
    font-style: normal;
}

.roofer88-generated-page > header nav {
    color: #788496;
    font-size: 9px;
}

.roofer88-generated-page > header > a {
    padding: 13px 14px;
    background: var(--r88-ink);
    color: #fff;
    font-size: 9px;
    font-weight: 750;
}

.roofer88-generated-page > main {
    display: grid;
    grid-template-columns: 1.04fr .96fr;
    min-height: 510px;
}

.roofer88-generated-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(40px, 4.5vw, 72px);
}

.roofer88-generated-copy > p {
    margin: 0;
    color: var(--r88-blue);
    font-size: 12px;
    font-weight: 750;
}

.roofer88-generated-copy h3 {
    margin: 20px 0 0;
    color: var(--r88-ink);
    font-size: clamp(48px, 4.8vw, 75px);
    line-height: .92;
}

.roofer88-generated-copy > span {
    max-width: 460px;
    margin-top: 24px;
    color: #647186;
    font-size: 14px;
    line-height: 1.68;
}

.roofer88-generated-copy > a {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
    padding: 15px 17px;
    background: var(--r88-warm);
    color: var(--r88-ink);
    font-size: 11px;
    font-weight: 760;
}

.roofer88-generated-page main figure {
    position: relative;
    margin: 0;
    background: linear-gradient(180deg, transparent 65%, rgba(7, 26, 53, .62)), url("roof-house.jpg") right center/cover no-repeat;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}

.roofer88-generated-page main figure span {
    position: absolute;
    right: 23px;
    bottom: 21px;
    color: rgba(255, 255, 255, .76);
    font-size: 10px;
}

.roofer88-generated-page > footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 76px;
    background: #fff;
}

.roofer88-generated-page > footer p {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 18px 21px;
    border-right: 1px solid #dce3ec;
    color: #526076;
    font-size: 11px;
    font-weight: 700;
}

.roofer88-generated-page > footer p:last-child {
    border-right: 0;
}

.roofer88-edit-panel {
    padding: 32px 28px;
    background: var(--r88-blue);
    color: #fff;
}

.roofer88-edit-panel .roofer88-stage-heading > span,
.roofer88-edit-panel .roofer88-stage-heading h3 {
    color: #fff;
}

.roofer88-edit-panel > p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.6;
}

.roofer88-edit-panel ul {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.roofer88-edit-panel li {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
    font-size: 13px;
}

.roofer88-edit-panel li i {
    width: 17px;
    height: 17px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 50%;
}

.roofer88-product-outcome {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(60px, 9vw, 140px);
    padding-top: 66px;
}

.roofer88-product-outcome strong {
    color: var(--r88-ink);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.16;
}

.roofer88-product-outcome p {
    max-width: 740px;
    margin: 3px 0 0;
    color: var(--r88-muted);
    font-size: 18px;
    line-height: 1.75;
}

/* Homeowner questions: use intentionally large editorial numbers. */
.roofers-v88 .roofer86-answers {
    background: var(--r88-sky);
}

.roofers-v88 .roofer86-answers::before,
.roofers-v88 .roofer86-answer-flow::before {
    display: none;
}

.roofers-v88 .roofer86-answer-flow {
    border-top-color: var(--r88-line);
}

.roofers-v88 .roofer86-answer-flow article {
    grid-template-columns: 132px 1fr;
    gap: 34px;
    min-height: 220px;
    align-items: center;
    padding: 38px 0;
    border-bottom-color: var(--r88-line);
}

.roofers-v88 .roofer86-answer-flow article > span {
    width: auto;
    height: auto;
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--r88-blue);
    font: 670 clamp(72px, 7vw, 108px)/.76 "Wix Madefor Display", sans-serif;
    letter-spacing: -.045em;
}

/* Make the generated website proof feel wider and more cinematic. */
.roofers-v88 .roofer86-site-story {
    margin-left: max(-40px, -3vw);
    margin-right: max(-40px, -3vw);
}

.roofers-v88 .roofer86-story-main {
    border: 1px solid rgba(255, 255, 255, .16);
}

.roofers-v88 .roofer87-example-disclosure {
    margin-bottom: -52px;
}

/* Service coverage now reads as six substantial decisions. */
.roofers-v88 .roofer85-services {
    background: #f7f9fc;
}

.roofers-v88 .roofer85-service-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--r88-line);
    border-left: 1px solid var(--r88-line);
}

.roofers-v88 .roofer85-service-lines article {
    grid-template-columns: 78px 1fr;
    min-height: 220px;
    align-content: center;
    padding: 34px;
    border-right: 1px solid var(--r88-line);
    border-bottom: 1px solid var(--r88-line);
}

.roofers-v88 .roofer85-service-lines article > span {
    font-size: 54px;
    line-height: .8;
}

.roofers-v88 .roofer85-service-lines h3 {
    font-size: 30px;
}

/* Three differentiated template directions, each given a full-width chapter. */
.roofer88-directions {
    padding: clamp(120px, 12vw, 190px) 0;
    background: #fff;
}

.roofer88-directions-intro {
    display: grid;
    grid-template-columns: 1.16fr .58fr;
    gap: clamp(70px, 11vw, 170px);
    align-items: end;
}

.roofer88-directions-intro h2 {
    max-width: 1040px;
    margin: 0;
    color: var(--r88-ink);
    font-size: clamp(54px, 6vw, 92px);
    line-height: .96;
}

.roofer88-directions-intro p {
    max-width: 520px;
    margin: 0 0 8px;
    color: var(--r88-muted);
    font-size: 18px;
    line-height: 1.76;
}

.roofer88-direction-list {
    margin-top: clamp(75px, 8vw, 125px);
    border-top: 1px solid var(--r88-line);
}

.roofer88-direction-list article {
    display: grid;
    grid-template-columns: minmax(330px, .58fr) minmax(560px, 1.42fr);
    gap: clamp(55px, 9vw, 140px);
    align-items: center;
    min-height: 650px;
    padding: clamp(55px, 7vw, 100px) 0;
    border-bottom: 1px solid var(--r88-line);
}

.roofer88-direction-list article:nth-child(even) .roofer88-direction-copy {
    order: 2;
}

.roofer88-direction-list article:nth-child(even) .roofer88-direction-preview {
    order: 1;
}

.roofer88-direction-copy > span {
    display: block;
    color: var(--r88-blue);
    font: 680 clamp(86px, 8vw, 126px)/.76 "Wix Madefor Display", sans-serif;
    letter-spacing: -.05em;
}

.roofer88-direction-copy h3 {
    margin: 40px 0 0;
    color: var(--r88-ink);
    font-size: clamp(42px, 4.4vw, 66px);
    line-height: 1;
}

.roofer88-direction-copy p {
    max-width: 520px;
    margin: 22px 0 0;
    color: var(--r88-muted);
    font-size: 17px;
    line-height: 1.74;
}

.roofer88-direction-preview {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 32px 82px rgba(7, 26, 53, .17);
}

.roofer88-direction-preview > header {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    color: #fff;
}

.roofer88-direction-preview > header b {
    font-size: 13px;
}

.roofer88-direction-preview > header i {
    padding: 11px 13px;
    background: var(--r88-warm);
    color: var(--r88-ink);
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
}

.roofer88-direction-trust > header {
    background: #0c223f;
}

.roofer88-direction-trust main {
    display: grid;
    grid-template-columns: 1fr .76fr;
    min-height: 380px;
    background: #f4f0e8;
}

.roofer88-direction-trust main > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px;
}

.roofer88-direction-preview small {
    color: var(--r88-blue);
    font-size: 10px;
    font-weight: 750;
}

.roofer88-direction-preview main strong {
    display: block;
    margin-top: 15px;
    color: var(--r88-ink);
    font-size: clamp(34px, 3.4vw, 52px);
    line-height: .98;
}

.roofer88-direction-preview main p {
    margin: 18px 0 0;
    color: #657287;
    font-size: 13px;
    line-height: 1.65;
}

.roofer88-direction-trust figure,
.roofer88-direction-work figure {
    margin: 0;
    background: linear-gradient(180deg, transparent 66%, rgba(7, 26, 53, .45)), url("roof-house.jpg") right center/cover no-repeat;
}

.roofer88-direction-trust footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 78px;
}

.roofer88-direction-trust footer span {
    display: flex;
    align-items: center;
    padding: 17px 21px;
    border-right: 1px solid #dce3ec;
    color: #58677d;
    font-size: 11px;
    font-weight: 700;
}

.roofer88-direction-work > header {
    background: #edf3fb;
    color: var(--r88-ink);
}

.roofer88-direction-work main {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    min-height: 435px;
    background: var(--r88-ink);
}

.roofer88-direction-work main > div {
    align-self: end;
    padding: 45px 38px;
}

.roofer88-direction-work main strong,
.roofer88-direction-work main p {
    color: #fff;
}

.roofer88-direction-work main p {
    color: rgba(255, 255, 255, .64);
}

.roofer88-direction-service > header {
    background: #fff;
    color: var(--r88-ink);
    border-bottom: 1px solid #d9e2ee;
}

.roofer88-direction-service main {
    min-height: 430px;
    padding: clamp(48px, 6vw, 82px);
    background: #e9f0fb;
}

.roofer88-direction-service main > strong {
    max-width: 600px;
    margin: 0;
    font-size: clamp(42px, 4.4vw, 66px);
}

.roofer88-direction-service main > div {
    margin-top: 52px;
    border-top: 1px solid #9eacc1;
}

.roofer88-direction-service main span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 73px;
    border-bottom: 1px solid #b8c4d4;
    color: #182942;
    font-size: 18px;
    font-weight: 700;
}

.roofer88-direction-service main span b {
    color: var(--r88-blue);
    font-size: 22px;
}

.roofer88-directions-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding-top: 56px;
}

.roofer88-directions-action p {
    max-width: 720px;
    margin: 0;
    color: var(--r88-muted);
    font-size: 17px;
    line-height: 1.65;
}

.roofer88-directions-action p strong {
    color: var(--r88-ink);
}

/* Four-stage journey on a calmer, premium navy field. */
.roofers-v88 .roofer85-process {
    background: var(--r88-ink);
}

.roofers-v88 .roofer86-process-path::before {
    display: none;
}

.roofers-v88 .roofer86-process-path article {
    grid-template-columns: 230px minmax(360px, 1fr) minmax(210px, .42fr);
    min-height: 300px;
    opacity: .58;
}

.roofers-v88 .roofer86-process-path article > span {
    width: auto;
    height: auto;
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #79a6ff;
    font: 680 clamp(92px, 9vw, 138px)/.76 "Wix Madefor Display", sans-serif;
    letter-spacing: -.05em;
}

.roofers-v88 .roofer86-process-path article.is-roofer85-active {
    padding-left: 34px;
    background: linear-gradient(90deg, rgba(48, 111, 228, .23), transparent 78%);
}

.roofers-v88 .roofer85-process-action a {
    color: var(--r88-ink);
}

/* Search foundation changes from another dark block into a readable light chapter. */
.roofers-v88 .roofer86-search {
    background: #eef4fc;
    color: var(--r88-ink);
}

.roofers-v88 .roofer86-search-intro h2,
.roofers-v88 .roofer86-search-answer h3,
.roofers-v88 .roofer86-search-river h3,
.roofers-v88 .roofer86-search-note strong {
    color: var(--r88-ink);
}

.roofers-v88 .roofer86-search-intro p,
.roofers-v88 .roofer86-search-answer p,
.roofers-v88 .roofer86-search-river p,
.roofers-v88 .roofer86-search-note {
    color: var(--r88-muted);
}

.roofers-v88 .roofer86-search-answer {
    border-top-color: var(--r88-blue);
    border-bottom-color: var(--r88-line);
}

.roofers-v88 .roofer86-search-river {
    border-bottom-color: var(--r88-line);
}

.roofers-v88 .roofer86-search-river article {
    border-right-color: var(--r88-line);
}

.roofers-v88 .roofer86-search-river span {
    color: var(--r88-blue);
    font-size: clamp(62px, 6vw, 94px);
    line-height: .78;
    letter-spacing: -.04em;
}

.roofers-v88 .roofer86-search-river h3 {
    margin-top: 52px;
}

@media (hover: hover) and (pointer: fine) {
    .roofer88-product-intro > a:hover,
    .roofer88-directions-action a:hover {
        transform: translateY(-3px);
        background: #164fae;
    }
}

@media (max-width: 1180px) {
    .roofer88-product-stage {
        grid-template-columns: 210px minmax(0, 1fr) 210px;
    }

    .roofer88-product-stage::before,
    .roofer88-product-stage::after {
        left: 40px;
        right: 40px;
    }

    .roofer88-business-brief,
    .roofer88-edit-panel {
        padding: 28px 24px;
    }

    .roofer88-stage-heading > span {
        font-size: 60px;
    }

    .roofer88-stage-heading h3 {
        font-size: 23px;
    }

    .roofer88-generated-page > main {
        min-height: 470px;
    }

    .roofer88-direction-list article {
        grid-template-columns: minmax(285px, .55fr) minmax(470px, 1.45fr);
        gap: 60px;
    }

    .roofers-v88 .roofer86-process-path article {
        grid-template-columns: 180px 1fr 180px;
    }
}

@media (max-width: 900px) {
    .roofer88-product-intro,
    .roofer88-product-outcome,
    .roofer88-directions-intro {
        grid-template-columns: 1fr;
    }

    .roofer88-product-intro > a {
        justify-self: start;
    }

    .roofer88-product-stage {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        padding: 48px;
        background: var(--r88-ink);
    }

    .roofer88-product-stage::before,
    .roofer88-product-stage::after {
        display: none;
    }

    .roofer88-business-brief,
    .roofer88-edit-panel {
        box-shadow: none;
    }

    .roofer88-generated-page {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .roofer88-business-brief,
    .roofer88-edit-panel {
        grid-row: 2;
    }

    .roofers-v88 .roofer86-answer-flow article {
        grid-template-columns: 110px 1fr;
    }

    .roofers-v88 .roofer86-site-story {
        margin-left: 0;
        margin-right: 0;
    }

    .roofers-v88 .roofer85-services-grid {
        grid-template-columns: 1fr;
    }

    .roofers-v88 .roofer85-services header {
        position: relative;
        top: auto;
        max-width: 780px;
    }

    .roofer88-direction-list article,
    .roofer88-direction-list article:nth-child(even) {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 46px;
    }

    .roofer88-direction-list article:nth-child(even) .roofer88-direction-copy,
    .roofer88-direction-list article:nth-child(even) .roofer88-direction-preview {
        order: initial;
    }

    .roofers-v88 .roofer86-process-path article {
        grid-template-columns: 160px 1fr;
    }

    .roofers-v88 .roofer86-process-path article > i {
        grid-column: 2;
    }
}

@media (max-width: 640px) {
    .roofer88-product-proof,
    .roofer88-directions {
        padding: 96px 0 105px;
    }

    .roofer88-product-intro h2,
    .roofer88-directions-intro h2 {
        font-size: clamp(42px, 12vw, 57px);
    }

    .roofer88-product-intro p,
    .roofer88-directions-intro p {
        font-size: 16px;
    }

    .roofer88-product-intro > a,
    .roofer88-directions-action a {
        width: 100%;
    }

    .roofer88-product-stage {
        grid-template-columns: 1fr;
        margin-left: -14px;
        margin-right: -14px;
        padding: 14px;
    }

    .roofer88-generated-page {
        grid-column: 1;
        grid-row: 1;
    }

    .roofer88-business-brief {
        grid-row: 2;
    }

    .roofer88-edit-panel {
        grid-row: 3;
    }

    .roofer88-generated-page > header {
        min-height: 62px;
        grid-template-columns: 1fr auto;
        padding: 0 16px;
    }

    .roofer88-generated-page > header nav {
        display: none;
    }

    .roofer88-generated-page > header > a {
        font-size: 0;
    }

    .roofer88-generated-page > header > a::after {
        content: "↗";
        font-size: 11px;
    }

    .roofer88-generated-page > main {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .roofer88-generated-copy {
        min-height: 430px;
        padding: 42px 24px;
    }

    .roofer88-generated-copy h3 {
        font-size: 48px;
    }

    .roofer88-generated-page main figure {
        min-height: 330px;
        clip-path: none;
    }

    .roofer88-generated-page > footer {
        grid-template-columns: 1fr;
    }

    .roofer88-generated-page > footer p {
        min-height: 56px;
        border-right: 0;
        border-bottom: 1px solid #dce3ec;
    }

    .roofer88-product-outcome {
        gap: 22px;
        padding-top: 52px;
    }

    .roofers-v88 .roofer86-answer-flow article {
        grid-template-columns: 86px 1fr;
        gap: 18px;
    }

    .roofers-v88 .roofer86-answer-flow article > span {
        font-size: 66px;
    }

    .roofers-v88 .roofer85-service-lines {
        grid-template-columns: 1fr;
    }

    .roofers-v88 .roofer85-service-lines article {
        min-height: 0;
        padding: 30px 22px;
    }

    .roofer88-direction-list article {
        padding: 65px 0;
    }

    .roofer88-direction-copy > span {
        font-size: 86px;
    }

    .roofer88-direction-copy h3 {
        margin-top: 28px;
        font-size: 44px;
    }

    .roofer88-direction-trust main,
    .roofer88-direction-work main {
        grid-template-columns: 1fr;
    }

    .roofer88-direction-trust main > div,
    .roofer88-direction-work main > div,
    .roofer88-direction-service main {
        padding: 38px 24px;
    }

    .roofer88-direction-trust figure,
    .roofer88-direction-work figure {
        min-height: 300px;
    }

    .roofer88-direction-trust footer {
        grid-template-columns: 1fr;
    }

    .roofer88-direction-trust footer span {
        min-height: 54px;
        border-right: 0;
        border-bottom: 1px solid #dce3ec;
    }

    .roofer88-directions-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .roofers-v88 .roofer86-process-path article {
        grid-template-columns: 100px 1fr;
        gap: 18px;
    }

    .roofers-v88 .roofer86-process-path article > span {
        font-size: 72px;
    }

    .roofers-v88 .roofer86-process-path article.is-roofer85-active {
        padding-left: 18px;
    }

    .roofers-v88 .roofer86-search-river span {
        font-size: 67px;
    }
}

@media (max-width: 390px) {
    .roofer88-generated-copy h3,
    .roofer88-direction-preview main strong,
    .roofer88-direction-service main > strong {
        font-size: 40px;
    }

    .roofers-v88 .roofer86-process-path article {
        grid-template-columns: 82px 1fr;
    }

    .roofers-v88 .roofer86-process-path article > span {
        font-size: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .roofer88-product-intro > a,
    .roofer88-directions-action a {
        transition: none;
    }
}


/* Source: wgh90-roofers-master.css */
/* WebsiteGeneratorHub — v0.3.90 Roofers master redesign */
.roofers-v90 {
    --r90-blue:#0757f6;
    --r90-blue-deep:#053eaf;
    --r90-ink:#07111f;
    --r90-navy:#061326;
    --r90-paper:#f3f6fb;
    --r90-line:#cfd9e6;
    --r90-muted:#566579;
    --r90-white:#ffffff;
    background:#fff;
    color:var(--r90-ink);
    font-family:"Inter",sans-serif;
}
.roofers-v90 main{overflow:clip;background:#fff}
.roofers-v90 h1,.roofers-v90 h2,.roofers-v90 h3{font-family:"Inter Tight","Inter",sans-serif;letter-spacing:-.055em}
.roofers-v90 .brand-header{background:rgba(255,255,255,.96)}
.wgh90-shell{width:min(1540px,calc(100% - 80px));max-width:none!important;margin-inline:auto}

.wgh90-primary,.wgh90-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:68px;padding:0 28px;text-decoration:none!important;font-weight:780;font-size:17px;transition:.22s ease}
.wgh90-primary{background:var(--r90-blue);color:#fff!important;box-shadow:0 20px 45px rgba(7,87,246,.19)}
.wgh90-primary:hover{background:var(--r90-blue-deep);transform:translateY(-2px)}
.wgh90-secondary{color:var(--r90-ink)!important;border:1px solid #bfcbd9;background:#fff}
.wgh90-secondary:hover{border-color:var(--r90-ink);transform:translateY(-2px)}
.wgh90-primary span,.wgh90-secondary span{font-size:24px;font-weight:500}

/* HERO — one dominant statement + one dominant visual */
.wgh90-hero{position:relative;min-height:930px;padding:118px 0 115px;background:#fff;isolation:isolate}
.wgh90-hero::before{content:"";position:absolute;inset:0 0 auto auto;width:46%;height:100%;background:var(--r90-paper);z-index:-2}
.wgh90-hero-backdrop{position:absolute;left:-.035em;bottom:-.085em;z-index:-1;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:clamp(210px,24vw,470px);line-height:.72;letter-spacing:-.095em;color:#f0f4f9;white-space:nowrap;pointer-events:none}
.wgh90-hero-grid{display:grid;grid-template-columns:minmax(470px,.82fr) minmax(700px,1.18fr);gap:clamp(55px,6vw,110px);align-items:center}
.wgh90-hero-copy{position:relative;z-index:2;padding:36px 0 80px}
.wgh90-hero h1{max-width:820px;margin:0;font-size:clamp(72px,6.5vw,116px);line-height:.87;font-weight:760}
.wgh90-hero-copy>p{max-width:720px;margin:38px 0 0;font-size:clamp(21px,1.45vw,25px);line-height:1.55;color:var(--r90-muted)}
.wgh90-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:46px}
.wgh90-hero-stage{position:relative;min-height:720px;display:flex;align-items:center}
.wgh90-browser{background:#fff;border:1px solid #cad4df;box-shadow:0 45px 110px rgba(11,38,73,.16)}
.wgh90-browser-main{width:min(960px,100%);transform:translateX(2%)}
.wgh90-browser-bar{height:54px;display:flex;align-items:center;gap:16px;padding:0 19px;border-bottom:1px solid #dce4ec;font-size:13px;color:#758296}
.wgh90-browser-bar>span{display:flex;gap:7px}
.wgh90-browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#c3ceda}
.wgh90-browser-bar b{font-weight:650;color:#68778b}
.wgh90-browser-bar em{margin-left:auto;font-style:normal}
.wgh90-demo-site header{height:78px;display:flex;align-items:center;gap:36px;padding:0 34px;border-bottom:1px solid #e0e6ed;font-size:13px}
.wgh90-demo-site header strong{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:15px}
.wgh90-demo-site header strong i{width:35px;height:35px;display:grid;place-items:center;background:var(--r90-blue);color:#fff;font-size:10px;font-style:normal}
.wgh90-demo-site header nav{color:#657287}
.wgh90-demo-site header a{padding:13px 17px;background:var(--r90-blue);color:#fff;font-weight:750}
.wgh90-demo-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:500px}
.wgh90-demo-copy{padding:72px 42px 58px 52px;display:flex;flex-direction:column;align-items:flex-start}
.wgh90-demo-copy p{margin:0 0 23px;font-size:14px;font-weight:800;color:var(--r90-blue)}
.wgh90-demo-copy h2{margin:0;font-size:clamp(48px,4vw,68px);line-height:.92;font-weight:740}
.wgh90-demo-copy>span{display:block;max-width:430px;margin-top:25px;font-size:17px;line-height:1.6;color:#5b697c}
.wgh90-demo-copy>b{display:inline-block;margin-top:auto;padding:17px 20px;background:var(--r90-navy);color:#fff;font-size:14px}
.wgh90-demo-hero figure{margin:0;background:linear-gradient(180deg,transparent 64%,rgba(4,17,37,.28)),url("roof-house.jpg") center/cover no-repeat}
.wgh90-demo-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e0e6ed}
.wgh90-demo-band span{padding:23px 27px;border-right:1px solid #e0e6ed;font-size:15px;font-weight:750}
.wgh90-demo-band span:last-child{border-right:0}
.wgh90-hero-stamp{position:absolute;right:-42px;bottom:28px;width:155px;height:155px;background:var(--r90-blue);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:18px;box-shadow:0 24px 45px rgba(7,87,246,.24)}
.wgh90-hero-stamp strong{font-family:"Inter Tight",sans-serif;font-size:86px;line-height:.72;letter-spacing:-.09em}
.wgh90-hero-stamp span{font-size:12px;font-weight:800;letter-spacing:.12em}

/* SHARED CHAPTER SYSTEM — numbers are part of the architecture, not labels */
.wgh90-chapter,.wgh90-search{padding:165px 0}
.wgh90-chapter-grid{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:start}
.wgh90-big-number{font-family:"Inter Tight",sans-serif;font-size:clamp(180px,16vw,285px);line-height:.72;font-weight:800;letter-spacing:-.095em;color:#dce5f0;user-select:none}
.wgh90-chapter-copy{padding-top:8px}
.wgh90-chapter-copy h2{max-width:1080px;margin:0;font-size:clamp(68px,6vw,104px);line-height:.9;font-weight:740}
.wgh90-chapter-copy>p{max-width:880px;margin:34px 0 0;font-size:clamp(21px,1.4vw,25px);line-height:1.6;color:var(--r90-muted)}
.wgh90-light-head .wgh90-big-number{color:#243753}
.wgh90-light-head .wgh90-chapter-copy>p{color:#aab9cc}

/* 01 BUSINESS */
.wgh90-business{background:#fff}
.wgh90-transform{margin-top:115px;display:grid;grid-template-columns:minmax(360px,.72fr) 150px minmax(640px,1.28fr);gap:40px;align-items:center}
.wgh90-facts{border-top:3px solid var(--r90-ink)}
.wgh90-facts strong{display:block;padding:30px 0;border-bottom:1px solid var(--r90-line);font-family:"Inter Tight",sans-serif;font-size:clamp(27px,2.2vw,38px);line-height:1.12;letter-spacing:-.035em}
.wgh90-transform-arrow{font-size:86px;font-family:"Inter Tight",sans-serif;color:var(--r90-blue);text-align:center}
.wgh90-transform-browser{overflow:hidden}
.wgh90-transform-site{min-height:560px;padding:78px 60px 290px;background:linear-gradient(180deg,#fff 0%,#fff 51%,rgba(255,255,255,.05) 70%),url("roof-house.jpg") center bottom/100% 53% no-repeat}
.wgh90-transform-site p{margin:0;color:var(--r90-blue);font-size:18px;font-weight:780}
.wgh90-transform-site h3{max-width:720px;margin:24px 0 0;font-size:clamp(52px,4.4vw,76px);line-height:.91}
.wgh90-transform-site a{display:inline-block;margin-top:34px;padding:17px 20px;background:var(--r90-blue);color:#fff;font-size:16px;font-weight:800}

/* 02 QUESTIONS */
.wgh90-finished{padding:165px 0 175px;background:var(--r90-navy);color:#fff}
.wgh90-question-rows{margin-top:105px;border-top:1px solid rgba(255,255,255,.25)}
.wgh90-question-rows article{display:grid;grid-template-columns:190px minmax(330px,.8fr) minmax(420px,1.2fr);gap:45px;align-items:center;padding:54px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.wgh90-question-rows article>span{font-family:"Inter Tight",sans-serif;font-size:clamp(88px,7vw,126px);line-height:.72;font-weight:750;letter-spacing:-.08em;color:#2a456b}
.wgh90-question-rows h3{margin:0;font-size:clamp(36px,3vw,52px);line-height:1}
.wgh90-question-rows p{margin:0;color:#b5c3d5;font-size:clamp(19px,1.3vw,23px);line-height:1.6}

/* 03 MOBILE */
.wgh90-device-section{position:relative;min-height:980px;padding:150px 0;background:var(--r90-blue);color:#fff;overflow:hidden}
.wgh90-device-number{position:absolute;left:-.045em;top:55px;font-family:"Inter Tight",sans-serif;font-size:clamp(280px,28vw,540px);line-height:.72;font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.09);pointer-events:none}
.wgh90-device-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}
.wgh90-device-copy{padding-top:115px}
.wgh90-device-copy h2{max-width:800px;margin:0;font-size:clamp(68px,6vw,104px);line-height:.89;font-weight:740}
.wgh90-device-copy p{max-width:760px;margin:34px 0 0;color:#dbe7ff;font-size:clamp(21px,1.4vw,25px);line-height:1.6}
.wgh90-phone-stage{position:relative;min-height:750px}
.wgh90-phone{position:absolute;width:350px;height:710px;padding:11px;border-radius:50px;background:#0b1420;box-shadow:0 45px 90px rgba(0,0,0,.28)}
.wgh90-phone::before{content:"";position:absolute;top:15px;left:50%;width:105px;height:24px;transform:translateX(-50%);border-radius:0 0 18px 18px;background:#0b1420;z-index:3}
.wgh90-phone>div{height:100%;border-radius:40px;overflow:hidden;background:#fff;color:var(--r90-ink);padding:46px 30px 30px;display:flex;flex-direction:column}
.wgh90-phone b{font-size:17px}
.wgh90-phone small{display:block;margin-top:38px;color:var(--r90-blue);font-size:16px;font-weight:800}
.wgh90-phone figure{height:270px;margin:30px -30px 28px;background:url("roof-house.jpg") center/cover no-repeat}
.wgh90-phone h3{margin:18px 0 0;font-size:40px;line-height:.96}
.wgh90-phone p{margin:20px 0 0;color:#627084;font-size:17px;line-height:1.55}
.wgh90-phone span{display:block;margin-top:auto;padding:17px;background:var(--r90-blue);color:#fff;font-size:15px;font-weight:800;text-align:center}
.wgh90-phone-a{left:2%;top:0;transform:rotate(-6deg)}
.wgh90-phone-b{right:1%;bottom:0;transform:rotate(6deg)}

/* 04 SEARCH */
.wgh90-search{background:#f4f7fb}
.wgh90-search-canvas{margin-top:110px;background:#fff;border:1px solid #d4dee9;box-shadow:0 30px 85px rgba(19,47,83,.09)}
.wgh90-search-query{min-height:160px;display:grid;grid-template-columns:190px 1fr 80px;align-items:center;padding:0 55px;border-bottom:1px solid #d9e2ec}
.wgh90-search-query span{font-size:20px;color:#7a889b}
.wgh90-search-query strong{font-family:"Inter Tight",sans-serif;font-size:clamp(45px,4.3vw,74px);letter-spacing:-.045em}
.wgh90-search-query b{font-size:45px;color:var(--r90-blue);font-weight:500}
.wgh90-search-answer{padding:70px 55px 80px}
.wgh90-search-answer>p{max-width:900px;margin:0;font-family:"Inter Tight",sans-serif;font-size:clamp(40px,3.6vw,60px);line-height:1.02;letter-spacing:-.04em}
.wgh90-search-answer>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:2px solid var(--r90-ink)}
.wgh90-search-answer strong{padding:34px 34px 10px 0;border-right:1px solid #d5deea;font-family:"Inter Tight",sans-serif;font-size:clamp(24px,2vw,33px);line-height:1.15}
.wgh90-search-answer strong+strong{padding-left:34px}
.wgh90-search-answer strong:last-child{border-right:0}
.wgh90-search-answer strong span{display:block;margin-bottom:50px;font-size:72px;line-height:.75;letter-spacing:-.07em;color:#cbd8e8}
.wgh90-ranking-note{margin-top:42px!important;color:#66758a;font-size:18px;line-height:1.65}

/* 05 PROCESS */
.wgh90-process{padding:165px 0 175px;background:var(--r90-navy);color:#fff}
.wgh90-process-rows{margin-top:100px;border-top:2px solid rgba(255,255,255,.75)}
.wgh90-process-rows article{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center;min-height:230px;border-bottom:1px solid rgba(255,255,255,.18)}
.wgh90-process-rows article>span{font-family:"Inter Tight",sans-serif;font-size:clamp(110px,9vw,158px);line-height:.72;font-weight:760;letter-spacing:-.09em;color:#29405f}
.wgh90-process-rows article>div{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);gap:70px;align-items:center}
.wgh90-process-rows h3{margin:0;font-size:clamp(38px,3.2vw,54px);line-height:.98}
.wgh90-process-rows p{margin:0;color:#b8c4d4;font-size:clamp(19px,1.3vw,23px);line-height:1.58}

/* 06 FAQ */
.wgh90-faq{padding:165px 0 175px;background:#fff}
.wgh90-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(80px,9vw,160px);align-items:start}
.wgh90-faq-head{position:sticky;top:120px}
.wgh90-faq-head .wgh90-big-number{font-size:clamp(200px,18vw,320px)}
.wgh90-faq-head h2{max-width:620px;margin:48px 0 0;font-size:clamp(62px,5.4vw,94px);line-height:.91}
.wgh90-faq-list{border-top:3px solid var(--r90-ink)}
.wgh90-faq-list details{border-bottom:1px solid #cbd6e2}
.wgh90-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:36px 70px 36px 0;font-family:"Inter Tight",sans-serif;font-size:clamp(25px,2vw,32px);font-weight:680;letter-spacing:-.035em}
.wgh90-faq-list summary::-webkit-details-marker{display:none}
.wgh90-faq-list summary span::before,.wgh90-faq-list summary span::after{content:"";position:absolute;right:7px;top:50%;width:24px;height:2px;background:#68768a}
.wgh90-faq-list summary span::after{transform:rotate(90deg);transition:.2s ease}
.wgh90-faq-list details[open] summary span::after{transform:rotate(0)}
.wgh90-faq-list details p{max-width:920px;margin:0;padding:0 80px 40px 0;color:var(--r90-muted);font-size:20px;line-height:1.7}

/* CLOSE */
.wgh90-close{position:relative;padding:150px 0 145px;background:var(--r90-blue);color:#fff;overflow:hidden}
.wgh90-close-word{position:absolute;right:-.04em;bottom:-.08em;font-family:"Inter Tight",sans-serif;font-size:clamp(250px,31vw,600px);line-height:.7;font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.08);pointer-events:none}
.wgh90-close-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .55fr;gap:120px;align-items:end}
.wgh90-close h2{max-width:1050px;margin:0;font-size:clamp(72px,6.8vw,118px);line-height:.87;font-weight:750}
.wgh90-close-layout p{max-width:560px;margin:0 0 34px;color:#d9e6ff;font-size:23px;line-height:1.58}
.wgh90-close-layout a{display:flex;align-items:center;justify-content:space-between;gap:55px;padding:24px 26px;background:#fff;color:var(--r90-blue)!important;text-decoration:none!important;font-size:18px;font-weight:820}
.wgh90-close-layout a span{font-size:28px;font-weight:500}

@media(max-width:1260px){
    .wgh90-shell{width:min(100% - 56px,1400px)}
    .wgh90-hero-grid{grid-template-columns:.78fr 1.22fr;gap:45px}
    .wgh90-hero h1{font-size:78px}
    .wgh90-chapter-grid{grid-template-columns:250px 1fr}
    .wgh90-transform{grid-template-columns:330px 90px 1fr}
    .wgh90-device-grid{gap:55px}
    .wgh90-phone{width:310px;height:640px}
    .wgh90-process-rows article>div{grid-template-columns:.8fr 1.2fr;gap:45px}
}

@media(max-width:980px){
    .wgh90-shell{width:calc(100% - 44px)}
    .wgh90-hero{min-height:auto;padding:95px 0 100px}
    .wgh90-hero::before{width:100%;height:46%;top:auto;bottom:0}
    .wgh90-hero-grid{grid-template-columns:1fr}
    .wgh90-hero-copy{padding-bottom:20px}
    .wgh90-hero h1{font-size:clamp(68px,10vw,92px);max-width:920px}
    .wgh90-hero-stage{min-height:auto;margin-top:35px;padding-right:40px}
    .wgh90-browser-main{transform:none}
    .wgh90-hero-stamp{right:0;bottom:-40px}
    .wgh90-chapter,.wgh90-search,.wgh90-finished,.wgh90-process,.wgh90-faq{padding:120px 0}
    .wgh90-chapter-grid{grid-template-columns:1fr;gap:35px}
    .wgh90-big-number{font-size:190px}
    .wgh90-chapter-copy h2{font-size:clamp(62px,9vw,88px)}
    .wgh90-transform{margin-top:75px;grid-template-columns:1fr;gap:30px}
    .wgh90-transform-arrow{transform:rotate(90deg)}
    .wgh90-question-rows{margin-top:70px}
    .wgh90-question-rows article{grid-template-columns:140px 1fr;gap:25px}
    .wgh90-question-rows article p{grid-column:2}
    .wgh90-device-section{min-height:auto;padding:120px 0}
    .wgh90-device-grid{grid-template-columns:1fr}
    .wgh90-device-copy{padding-top:40px}
    .wgh90-device-copy h2{font-size:clamp(62px,9vw,88px)}
    .wgh90-phone-stage{max-width:760px;width:100%;min-height:700px;margin:30px auto 0}
    .wgh90-search-query{grid-template-columns:120px 1fr 55px;padding:0 35px}
    .wgh90-search-answer>div{grid-template-columns:1fr}
    .wgh90-search-answer strong,.wgh90-search-answer strong+strong{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:28px 0;border-right:0;border-bottom:1px solid #d5deea}
    .wgh90-search-answer strong:last-child{border-bottom:0}
    .wgh90-search-answer strong span{margin:0;font-size:58px}
    .wgh90-process-rows article{grid-template-columns:160px 1fr}
    .wgh90-process-rows article>div{grid-template-columns:1fr;gap:16px;padding:34px 0}
    .wgh90-faq-layout{grid-template-columns:1fr;gap:60px}
    .wgh90-faq-head{position:static}
    .wgh90-faq-head .wgh90-big-number{font-size:190px}
    .wgh90-close-layout{grid-template-columns:1fr;gap:55px}
}

@media(max-width:720px){
    .wgh90-shell{width:calc(100% - 32px)}
    .wgh90-primary,.wgh90-secondary{width:100%;min-height:64px;font-size:16px}
    .wgh90-hero{padding:72px 0 82px}
    .wgh90-hero h1{font-size:clamp(56px,15vw,76px);line-height:.88}
    .wgh90-hero-copy>p{font-size:20px;line-height:1.55}
    .wgh90-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:34px}
    .wgh90-hero-stage{padding-right:0;margin-top:25px}
    .wgh90-browser-bar em,.wgh90-demo-site header nav{display:none}
    .wgh90-browser-bar{height:48px;font-size:11px}
    .wgh90-demo-site header{height:62px;padding:0 16px}
    .wgh90-demo-site header a{margin-left:auto;font-size:11px}
    .wgh90-demo-hero{grid-template-columns:1fr}
    .wgh90-demo-copy{padding:45px 25px 42px;min-height:390px}
    .wgh90-demo-copy h2{font-size:48px}
    .wgh90-demo-copy>span{font-size:16px}
    .wgh90-demo-copy>b{margin-top:35px}
    .wgh90-demo-hero figure{min-height:290px}
    .wgh90-demo-band{grid-template-columns:1fr}
    .wgh90-demo-band span{border-right:0;border-bottom:1px solid #e0e6ed;font-size:14px}
    .wgh90-hero-stamp{display:none}
    .wgh90-chapter,.wgh90-search,.wgh90-finished,.wgh90-process,.wgh90-faq{padding:90px 0}
    .wgh90-big-number,.wgh90-faq-head .wgh90-big-number{font-size:145px;line-height:.72}
    .wgh90-chapter-copy h2,.wgh90-faq-head h2{font-size:clamp(52px,13vw,68px)}
    .wgh90-chapter-copy>p{font-size:20px;margin-top:26px}
    .wgh90-transform{margin-top:55px}
    .wgh90-facts strong{font-size:28px;padding:24px 0}
    .wgh90-transform-site{min-height:500px;padding:52px 25px 265px}
    .wgh90-transform-site p{font-size:16px}
    .wgh90-transform-site h3{font-size:48px}
    .wgh90-question-rows{margin-top:55px}
    .wgh90-question-rows article{grid-template-columns:1fr;gap:18px;padding:38px 0}
    .wgh90-question-rows article>span{font-size:92px}
    .wgh90-question-rows article p{grid-column:1;font-size:19px}
    .wgh90-question-rows h3{font-size:38px}
    .wgh90-device-section{padding:95px 0}
    .wgh90-device-number{font-size:300px;top:35px}
    .wgh90-device-copy{padding-top:65px}
    .wgh90-device-copy h2{font-size:clamp(52px,13vw,68px)}
    .wgh90-device-copy p{font-size:20px}
    .wgh90-phone-stage{min-height:660px;transform:scale(.8);transform-origin:center top;margin-bottom:-120px;width:125%;margin-left:-12.5%}
    .wgh90-phone{width:300px;height:620px}
    .wgh90-phone h3{font-size:34px}
    .wgh90-search-canvas{margin-top:60px}
    .wgh90-search-query{min-height:130px;grid-template-columns:1fr auto;padding:24px}
    .wgh90-search-query span{grid-column:1/3;margin-bottom:8px}
    .wgh90-search-query strong{font-size:42px}
    .wgh90-search-query b{font-size:35px}
    .wgh90-search-answer{padding:42px 24px 45px}
    .wgh90-search-answer>p{font-size:38px}
    .wgh90-search-answer>div{margin-top:42px}
    .wgh90-search-answer strong,.wgh90-search-answer strong+strong{grid-template-columns:80px 1fr;font-size:25px}
    .wgh90-search-answer strong span{font-size:50px}
    .wgh90-ranking-note{font-size:17px}
    .wgh90-process-rows{margin-top:55px}
    .wgh90-process-rows article{grid-template-columns:1fr;gap:10px;padding:36px 0}
    .wgh90-process-rows article>span{font-size:100px}
    .wgh90-process-rows article>div{padding:0;gap:14px}
    .wgh90-process-rows h3{font-size:38px}
    .wgh90-process-rows p{font-size:19px}
    .wgh90-faq-head h2{margin-top:28px}
    .wgh90-faq-list summary{padding:30px 55px 30px 0;font-size:25px}
    .wgh90-faq-list details p{padding:0 20px 32px 0;font-size:18px}
    .wgh90-close{padding:95px 0}
    .wgh90-close h2{font-size:clamp(56px,14vw,76px)}
    .wgh90-close-layout p{font-size:20px}
    .wgh90-close-layout a{font-size:16px}
}

@media(max-width:480px){
    .wgh90-hero h1{font-size:54px}
    .wgh90-browser-bar b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .wgh90-phone-stage{transform:scale(.68);width:147%;margin-left:-23.5%;margin-bottom:-205px}
    .wgh90-phone-a{left:0}.wgh90-phone-b{right:0}
    .wgh90-big-number,.wgh90-faq-head .wgh90-big-number{font-size:132px}
}


/* Source: wgh91-roofers-artdirection.css */
body.roofers-v91{background:#f4f5f7;color:#0b0e13;overflow-x:hidden}
body.roofers-v91 main{overflow:hidden}
.roofers-v91 .brand-header{background:rgba(247,248,250,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,14,19,.08)}
.roofers-v91 .brand-footer{position:relative;z-index:3}

.wgh91-hero{position:relative;min-height:calc(100vh - 78px);display:flex;background:#f7f8fa;isolation:isolate}
.wgh91-hero-copy{position:relative;z-index:4;align-self:center;width:42%;padding:8vw 5vw 9vw 6vw}
.wgh91-hero h1{font-family:"Inter Tight",Inter,sans-serif;font-size:96px;font-size:clamp(68px,6.1vw,118px);line-height:.88;letter-spacing:-.067em;font-weight:760;margin:0;max-width:9.4ch}
.wgh91-hero h1 em{font-style:normal;color:#1f5dff}
.wgh91-hero p{font-size:24px;font-size:clamp(21px,1.45vw,27px);line-height:1.45;letter-spacing:-.025em;max-width:620px;margin:38px 0 0;color:#3f4650}
.wgh91-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:44px}
.wgh91-cta-primary,.wgh91-close a{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:255px;padding:20px 22px 20px 25px;background:#0b0e13;color:#fff;text-decoration:none;border-radius:2px;font-size:19px;font-weight:700;letter-spacing:-.025em;transition:transform .25s ease,background .25s ease}
.wgh91-cta-primary:hover,.wgh91-close a:hover{background:#1f5dff;transform:translateY(-3px)}
.wgh91-cta-primary span,.wgh91-close a span{font-size:27px;line-height:1}
.wgh91-cta-text{display:inline-flex;gap:14px;align-items:center;color:#0b0e13;text-decoration:none;font-size:20px;font-weight:650}
.wgh91-hero-photo{position:relative;z-index:2;width:58%;background-image:linear-gradient(180deg,rgba(8,12,18,.05),rgba(8,12,18,.12)),url('/assets/roofers-v91-house.jpg');background-size:cover;background-position:center 42%;min-height:calc(100vh - 78px)}
.wgh91-hero-photo:after{content:"";position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(180deg,transparent,rgba(7,10,15,.55))}
.wgh91-hero-word{position:absolute;z-index:3;right:-.025em;bottom:-.13em;color:#fff;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(150px,20vw,360px);font-weight:800;line-height:.72;letter-spacing:-.08em;opacity:.16;pointer-events:none;white-space:nowrap}
.wgh91-hero-cut{position:absolute;z-index:3;left:42%;top:0;width:10vw;height:100%;background:#f7f8fa;clip-path:polygon(0 0,100% 0,28% 100%,0 100%);transform:translateX(-1px);pointer-events:none}

.wgh91-section{position:relative;padding:clamp(110px,10vw,190px) max(4vw,calc((100vw - 1640px)/2 + 24px));isolation:isolate}
.wgh91-number{position:relative;top:auto;left:auto;right:auto;width:100%;font-family:"Inter Tight",Inter,sans-serif;font-size:320px;font-size:clamp(220px,20vw,390px);line-height:.64;letter-spacing:-.09em;font-weight:800;text-align:right;color:#1f5dff;opacity:1;margin:0 0 -72px;z-index:1;pointer-events:none}
.wgh91-section-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr);gap:clamp(48px,7vw,130px);align-items:end;max-width:1560px;margin-left:auto;margin-right:auto}
.wgh91-section-head h2,.wgh91-local-copy h2,.wgh91-mobile-copy h2,.wgh91-faq-copy h2{font-family:"Inter Tight",Inter,sans-serif;font-size:88px;font-size:clamp(58px,6.2vw,112px);line-height:.91;letter-spacing:-.06em;font-weight:760;margin:0}
.wgh91-section-head p,.wgh91-local-copy p,.wgh91-mobile-copy p{font-size:24px;font-size:clamp(21px,1.5vw,27px);line-height:1.5;letter-spacing:-.025em;margin:0;color:#4a5059}
.wgh91-section-head-wide{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}

.wgh91-first{background:#0a0d12;color:#fff;padding-bottom:clamp(120px,11vw,210px)}
.wgh91-first .wgh91-number{color:#1f5dff;opacity:1}
.wgh91-first .wgh91-section-head p{color:#b7bec9}
.wgh91-browser{position:relative;z-index:1;width:min(1500px,100%);margin:clamp(70px,7vw,120px) auto 0;background:#fff;box-shadow:0 50px 120px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.18)}
.wgh91-browser-top{height:58px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#eef1f5;color:#151922}
.wgh91-browser-top span{width:12px;height:12px;border-radius:50%;background:#c5cad2}
.wgh91-browser-top b{font-size:16px;margin-left:16px;font-weight:650;color:#5b6470}
.wgh91-demo-hero{background:#f7f7f4;color:#0b0e13}
.wgh91-demo-nav{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center;padding:0 clamp(26px,4vw,70px);border-bottom:1px solid #d7d9dd}
.wgh91-demo-nav strong{font-size:25px;letter-spacing:-.04em}
.wgh91-demo-nav div{justify-self:center;font-size:18px;font-weight:600}
.wgh91-demo-nav a{background:#0b0e13;color:#fff;padding:14px 18px;font-size:16px;font-weight:700}
.wgh91-demo-content{display:grid;grid-template-columns:1fr 1.05fr;min-height:610px}
.wgh91-demo-copy{padding:clamp(45px,5vw,82px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.wgh91-demo-copy h3{font-family:"Inter Tight",Inter,sans-serif;font-size:82px;font-size:clamp(62px,5.6vw,102px);line-height:.9;letter-spacing:-.065em;margin:0;max-width:8.8ch}
.wgh91-demo-copy p{font-size:24px;line-height:1.5;max-width:540px;margin:32px 0 0;color:#525862}
.wgh91-demo-copy a{display:inline-block;margin-top:38px;padding:17px 20px;background:#1f5dff;color:#fff;font-size:18px;font-weight:750}
.wgh91-demo-photo{background:url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat;min-height:610px;filter:saturate(.95) contrast(1.08)}

.wgh91-services{background:#f7f8fa;padding-bottom:0}
.wgh91-service-lines{width:min(1640px,100%);margin:clamp(80px,8vw,140px) auto 0;border-top:2px solid #0b0e13}
.wgh91-service-lines>div{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:clamp(120px,10vw,180px);border-bottom:2px solid #0b0e13;transition:padding .25s ease,background .25s ease,color .25s ease}
.wgh91-service-lines>div:hover{padding-left:26px;padding-right:26px;background:#1f5dff;color:#fff}
.wgh91-service-lines span{font-family:"Inter Tight",Inter,sans-serif;font-size:84px;font-size:clamp(48px,6vw,104px);line-height:.95;letter-spacing:-.055em;font-weight:720}
.wgh91-service-lines b{font-size:58px;font-size:clamp(42px,4vw,76px);font-weight:500}

.wgh91-local{background:#1f5dff;color:#fff;padding-top:clamp(130px,12vw,220px);padding-bottom:clamp(130px,12vw,220px)}
.wgh91-local .wgh91-number{color:#fff;opacity:.72}
.wgh91-local-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(60px,9vw,160px);align-items:center;max-width:1640px;margin:0 auto}
.wgh91-local-copy p{color:#e2e9ff;margin-top:40px;max-width:650px}
.wgh91-local-visual{display:flex;flex-direction:column;align-items:flex-start}
.wgh91-local-visual span{font-family:"Inter Tight",Inter,sans-serif;font-size:100px;font-size:clamp(64px,7vw,126px);line-height:.88;letter-spacing:-.06em;font-weight:760;border-bottom:1px solid rgba(255,255,255,.35);width:100%;padding:18px 0 24px}
.wgh91-local-visual span:nth-child(even){padding-left:9vw}

.wgh91-proof{background:#11151b;color:#fff}
.wgh91-proof .wgh91-number{color:#1f5dff;opacity:1}
.wgh91-proof .wgh91-section-head p{color:#b8c0cb}
.wgh91-proof-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0;width:min(1640px,100%);margin:clamp(80px,8vw,140px) auto 0;min-height:760px}
.wgh91-proof-photo{background:url('/assets/roofers-v91-house.jpg') center center/cover no-repeat;min-height:760px;filter:saturate(.86) contrast(1.05)}
.wgh91-proof-words{display:flex;flex-direction:column;justify-content:center;background:#f4f5f7;color:#0b0e13;padding:clamp(38px,5vw,90px)}
.wgh91-proof-words div{font-family:"Inter Tight",Inter,sans-serif;font-size:86px;font-size:clamp(58px,6vw,110px);font-weight:780;letter-spacing:-.06em;line-height:.9;padding:24px 0;border-bottom:1px solid #afb5bf}
.wgh91-proof-words div:first-child{border-top:1px solid #afb5bf}

.wgh91-mobile{background:#eef2ff;min-height:1100px;padding-bottom:0}
.wgh91-mobile-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.68fr);gap:clamp(50px,8vw,145px);align-items:end;max-width:1560px;margin:0 auto}
.wgh91-phones{position:relative;z-index:1;width:min(1320px,92vw);height:790px;margin:90px auto 0}
.wgh91-phone{position:absolute;width:390px;height:770px;border-radius:54px;background:#0a0d12;padding:13px;box-shadow:0 45px 100px rgba(25,38,81,.22);border:2px solid #242a35}
.wgh91-phone:before{content:"";position:absolute;z-index:3;width:118px;height:31px;background:#0a0d12;border-radius:0 0 18px 18px;left:50%;top:10px;transform:translateX(-50%)}
.wgh91-phone-one{left:13%;top:0;transform:rotate(-7deg)}
.wgh91-phone-two{right:13%;top:20px;transform:rotate(7deg)}
.wgh91-phone-screen{height:100%;border-radius:42px;background:#fff;overflow:hidden;padding:26px;display:flex;flex-direction:column;color:#0b0e13}
.wgh91-phone-nav{display:flex;justify-content:space-between;align-items:center;font-size:20px;padding:9px 2px 24px}
.wgh91-phone-nav span{font-size:24px}
.wgh91-phone-photo{height:285px;background:url('/assets/roofers-v91-house.jpg') center 38%/cover no-repeat;margin:0 -26px 32px}
.wgh91-phone h3{font-family:"Inter Tight",Inter,sans-serif;font-size:45px;line-height:.95;letter-spacing:-.055em;margin:0}
.wgh91-phone p{font-size:22px;line-height:1.4;margin:22px 0;color:#565d67}
.wgh91-phone a{margin-top:auto;display:block;background:#1f5dff;color:#fff;text-align:center;padding:18px 15px;font-size:18px;font-weight:750}
.wgh91-phone-block{padding:24px 0;border-top:1px solid #c9ced6;font-size:23px;font-weight:700;letter-spacing:-.03em}
.wgh91-phone-two .wgh91-phone-block:first-of-type{margin-top:40px}

.wgh91-process{background:#f7f8fa}
.wgh91-process-rows{position:relative;z-index:1;width:min(1640px,100%);margin:clamp(80px,8vw,135px) auto 0;border-top:2px solid #0b0e13}
.wgh91-process-rows article{display:grid;grid-template-columns:260px 1fr;gap:clamp(40px,6vw,110px);align-items:center;padding:clamp(45px,5vw,80px) 0;border-bottom:2px solid #0b0e13}
.wgh91-process-rows article>span{font-family:"Inter Tight",Inter,sans-serif;font-size:220px;font-size:clamp(150px,13vw,240px);line-height:.7;letter-spacing:-.08em;font-weight:800;color:#1f5dff}
.wgh91-process-rows article>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(300px,.68fr);gap:clamp(35px,6vw,100px);align-items:end}
.wgh91-process-rows h3{font-family:"Inter Tight",Inter,sans-serif;font-size:66px;font-size:clamp(48px,4.4vw,82px);line-height:.94;letter-spacing:-.055em;margin:0}
.wgh91-process-rows p{font-size:25px;font-size:clamp(22px,1.55vw,27px);line-height:1.5;margin:0;color:#4a5059}

.wgh91-faq{background:#0a0d12;color:#fff}
.wgh91-faq .wgh91-number{color:#1f5dff;opacity:1}
.wgh91-faq-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(70px,9vw,160px);max-width:1640px;margin:0 auto}
.wgh91-faq-list{border-top:1px solid rgba(255,255,255,.45)}
.wgh91-faq-list details{border-bottom:1px solid rgba(255,255,255,.35)}
.wgh91-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:33px 72px 33px 0;font-family:"Inter Tight",Inter,sans-serif;font-size:36px;font-size:clamp(28px,2.4vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:680}
.wgh91-faq-list summary::-webkit-details-marker{display:none}
.wgh91-faq-list summary:after{content:"+";position:absolute;right:0;top:24px;font-size:52px;font-weight:400}
.wgh91-faq-list details[open] summary:after{content:"−"}
.wgh91-faq-list p{font-size:24px;font-size:clamp(21px,1.5vw,26px);line-height:1.55;color:#bbc3ce;max-width:850px;padding:0 60px 34px 0;margin:0}

.wgh91-close{position:relative;min-height:760px;background:#1f5dff;color:#fff;display:flex;align-items:center;padding:120px max(4vw,calc((100vw - 1640px)/2 + 24px));overflow:hidden;isolation:isolate}
.wgh91-close-word{position:absolute;z-index:-1;left:-.03em;bottom:-.16em;font-family:"Inter Tight",Inter,sans-serif;font-size:500px;font-size:clamp(260px,33vw,620px);font-weight:800;line-height:.72;letter-spacing:-.09em;color:rgba(255,255,255,.12);white-space:nowrap}
.wgh91-close-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;width:min(1640px,100%);margin:0 auto}
.wgh91-close h2{font-family:"Inter Tight",Inter,sans-serif;font-size:108px;font-size:clamp(64px,7.2vw,132px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:9.2ch}
.wgh91-close a{background:#fff;color:#0b0e13;min-width:330px}
.wgh91-close a:hover{background:#0b0e13;color:#fff}

@media(max-width:1180px){
  .wgh91-hero{flex-direction:column;min-height:auto}
  .wgh91-hero-copy{width:100%;padding:110px 7vw 70px}
  .wgh91-hero h1{max-width:11ch}
  .wgh91-hero-photo{width:100%;min-height:650px}
  .wgh91-hero-cut{display:none}
  .wgh91-section-head,.wgh91-section-head-wide,.wgh91-mobile-copy{grid-template-columns:1fr;gap:34px}
  .wgh91-section-head p,.wgh91-mobile-copy p{max-width:760px}
  .wgh91-demo-content{grid-template-columns:1fr}
  .wgh91-demo-photo{min-height:500px;order:-1}
  .wgh91-local-grid{grid-template-columns:1fr;gap:70px}
  .wgh91-proof-stage{grid-template-columns:1fr}
  .wgh91-proof-photo{min-height:620px}
  .wgh91-phones{height:760px}
  .wgh91-phone-one{left:6%}.wgh91-phone-two{right:6%}
  .wgh91-process-rows article>div{grid-template-columns:1fr;gap:22px}
  .wgh91-faq-layout{grid-template-columns:1fr;gap:60px}
  .wgh91-close-inner{align-items:flex-start;flex-direction:column}
}

@media(max-width:760px){
  .wgh91-hero-copy{padding:72px 24px 56px}
  .wgh91-hero h1{font-size:clamp(58px,15vw,82px);max-width:10ch}
  .wgh91-hero p{font-size:21px;margin-top:28px}
  .wgh91-hero-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:34px}
  .wgh91-cta-primary{width:100%;min-width:0}
  .wgh91-hero-photo{min-height:520px;background-position:center 40%}
  .wgh91-hero-word{font-size:44vw;bottom:-.08em}
  .wgh91-section{padding:120px 24px 100px}
  .wgh91-number{font-size:145px;line-height:.7;text-align:left;margin:0 0 34px;color:#1f5dff;opacity:1}
  .wgh91-first .wgh91-number,.wgh91-proof .wgh91-number,.wgh91-faq .wgh91-number{color:#1f5dff;opacity:1}.wgh91-local .wgh91-number{color:#fff;opacity:.62}
  .wgh91-section-head,.wgh91-local-grid,.wgh91-faq-layout{display:block}
  .wgh91-section-head h2,.wgh91-local-copy h2,.wgh91-mobile-copy h2,.wgh91-faq-copy h2{font-size:clamp(52px,13.5vw,72px)}
  .wgh91-section-head p,.wgh91-local-copy p,.wgh91-mobile-copy p{font-size:20px;margin-top:28px}
  .wgh91-browser{margin-top:55px;width:calc(100% + 16px);margin-left:-8px}
  .wgh91-browser-top{height:46px;padding:0 13px}
  .wgh91-browser-top span{width:9px;height:9px}
  .wgh91-browser-top b{font-size:12px;margin-left:8px}
  .wgh91-demo-nav{grid-template-columns:1fr auto;min-height:74px;padding:0 18px}
  .wgh91-demo-nav strong{font-size:19px}.wgh91-demo-nav div{display:none}.wgh91-demo-nav a{font-size:13px;padding:11px 12px}
  .wgh91-demo-photo{min-height:330px}
  .wgh91-demo-copy{padding:38px 24px 46px}
  .wgh91-demo-copy h3{font-size:52px}.wgh91-demo-copy p{font-size:19px}.wgh91-demo-copy a{font-size:16px}
  .wgh91-service-lines{margin-top:55px}
  .wgh91-service-lines>div{min-height:118px}
  .wgh91-service-lines span{font-size:clamp(39px,11vw,56px)}
  .wgh91-service-lines b{font-size:38px}
  .wgh91-local{padding-top:110px;padding-bottom:110px}
  .wgh91-local-visual{margin-top:60px}
  .wgh91-local-visual span{font-size:clamp(48px,13vw,66px);padding:18px 0 22px}
  .wgh91-local-visual span:nth-child(even){padding-left:0}
  .wgh91-proof-stage{margin-top:55px}
  .wgh91-proof-photo{min-height:520px}
  .wgh91-proof-words{padding:30px 22px}
  .wgh91-proof-words div{font-size:clamp(48px,12.5vw,68px)}
  .wgh91-mobile{min-height:0;padding-bottom:95px}
  .wgh91-mobile-copy{display:block}
  .wgh91-phones{height:auto;width:100%;margin:70px 0 0;display:flex;flex-direction:column;gap:45px;align-items:center}
  .wgh91-phone{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:min(360px,92vw);height:720px}
  .wgh91-phone-two{height:650px}
  .wgh91-process-rows{margin-top:55px}
  .wgh91-process-rows article{grid-template-columns:1fr;gap:25px;padding:44px 0}
  .wgh91-process-rows article>span{font-size:130px}
  .wgh91-process-rows article>div{display:block}
  .wgh91-process-rows h3{font-size:45px}.wgh91-process-rows p{font-size:19px;margin-top:20px}
  .wgh91-faq-copy{margin-bottom:55px}
  .wgh91-faq-list summary{font-size:28px;padding:28px 50px 28px 0}
  .wgh91-faq-list p{font-size:19px;padding-right:10px}
  .wgh91-close{min-height:680px;padding:95px 24px}
  .wgh91-close h2{font-size:clamp(58px,15vw,80px)}
  .wgh91-close-inner{gap:52px}
  .wgh91-close a{min-width:0;width:100%}
  .wgh91-close-word{font-size:68vw}
}

@media(max-width:430px){
  .wgh91-hero h1{font-size:58px}
  .wgh91-number{font-size:132px}
  .wgh91-section-head h2,.wgh91-local-copy h2,.wgh91-mobile-copy h2,.wgh91-faq-copy h2{font-size:51px}
  .wgh91-phone{width:100%}
}


/* Source: wgh92-roofers-balanced.css */
/* WebsiteGeneratorHub Roofers v0.3.92 — balanced premium art direction */
body.roofers-v92{background:#f6f7f9;color:#0b0e13}
.roofers-v92 .brand-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(11,14,19,.09)}

/* Hero: strong, controlled, image-led */
.roofers-v92 .wgh91-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);background:#f8f9fb}
.roofers-v92 .wgh91-hero-copy{width:auto;align-self:center;padding:clamp(72px,7vw,120px) clamp(44px,5vw,84px) clamp(72px,7vw,120px) max(4vw,calc((100vw - 1540px)/2 + 28px))}
.roofers-v92 .wgh91-hero h1{font-size:clamp(54px,4.8vw,82px);line-height:.96;letter-spacing:-.055em;max-width:10.2ch;font-weight:760}
.roofers-v92 .wgh91-hero p{font-size:clamp(18px,1.25vw,21px);line-height:1.58;max-width:600px;margin-top:30px;color:#4b525d}
.roofers-v92 .wgh91-hero-actions{margin-top:36px;gap:24px}
.roofers-v92 .wgh91-cta-primary,.roofers-v92 .wgh91-close a{min-width:232px;padding:17px 20px;font-size:17px;gap:34px}
.roofers-v92 .wgh91-cta-text{font-size:17px}
.roofers-v92 .wgh91-hero-photo{width:auto;min-height:704px;margin:28px 28px 28px 0;background-position:center 42%;box-shadow:0 28px 70px rgba(14,23,38,.12)}
.roofers-v92 .wgh91-hero-photo:before{content:"";position:absolute;left:0;top:0;width:7px;height:100%;background:#1f5dff;z-index:2}
.roofers-v92 .wgh91-hero-photo:after{height:24%;background:linear-gradient(180deg,transparent,rgba(7,10,15,.35))}
.roofers-v92 .wgh91-hero-word,.roofers-v92 .wgh91-hero-cut{display:none}

/* Global section rhythm */
.roofers-v92 .wgh91-section{padding:clamp(96px,8vw,138px) max(4vw,calc((100vw - 1540px)/2 + 28px))}
.roofers-v92 .wgh91-number{position:relative;top:auto;left:auto;right:auto;width:min(1480px,100%);margin:0 auto 34px;text-align:left;font-size:clamp(120px,10.5vw,184px);line-height:.68;letter-spacing:-.08em;color:#1f5dff;opacity:1;z-index:1}
.roofers-v92 .wgh91-section-head,.roofers-v92 .wgh91-mobile-copy{max-width:1480px;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(48px,6vw,92px);align-items:end}
.roofers-v92 .wgh91-section-head h2,.roofers-v92 .wgh91-local-copy h2,.roofers-v92 .wgh91-mobile-copy h2,.roofers-v92 .wgh91-faq-copy h2{font-size:clamp(44px,4.25vw,68px);line-height:.99;letter-spacing:-.05em;max-width:13ch}
.roofers-v92 .wgh91-section-head p,.roofers-v92 .wgh91-local-copy p,.roofers-v92 .wgh91-mobile-copy p{font-size:clamp(18px,1.25vw,21px);line-height:1.62;letter-spacing:-.012em;color:#515966}

/* Finished website showcase */
.roofers-v92 .wgh91-first{background:#0b0f15;padding-bottom:clamp(105px,8vw,145px)}
.roofers-v92 .wgh91-first .wgh91-number{color:#2e67ff}
.roofers-v92 .wgh91-first .wgh91-section-head p{color:#abb4c1}
.roofers-v92 .wgh91-browser{width:min(1420px,100%);margin:64px auto 0;box-shadow:0 34px 80px rgba(0,0,0,.34)}
.roofers-v92 .wgh91-browser-top{height:48px}
.roofers-v92 .wgh91-browser-top b{font-size:13px}
.roofers-v92 .wgh91-demo-nav{min-height:76px;padding:0 clamp(24px,3vw,48px);gap:24px}
.roofers-v92 .wgh91-demo-nav strong{font-size:21px}
.roofers-v92 .wgh91-demo-nav div{font-size:15px}
.roofers-v92 .wgh91-demo-nav a{font-size:14px;padding:12px 15px}
.roofers-v92 .wgh91-demo-content{min-height:520px;grid-template-columns:.92fr 1.08fr}
.roofers-v92 .wgh91-demo-copy{padding:clamp(38px,4vw,64px)}
.roofers-v92 .wgh91-demo-copy h3{font-size:clamp(44px,4.1vw,66px);line-height:.98;max-width:9.5ch}
.roofers-v92 .wgh91-demo-copy p{font-size:18px;line-height:1.55;margin-top:24px}
.roofers-v92 .wgh91-demo-copy a{font-size:16px;padding:14px 17px;margin-top:28px}
.roofers-v92 .wgh91-demo-photo{min-height:520px}

/* Services: large but readable */
.roofers-v92 .wgh91-services{background:#f8f9fb;padding-bottom:clamp(96px,8vw,138px)}
.roofers-v92 .wgh91-service-lines{width:min(1480px,100%);margin:64px auto 0;border-top:1px solid #8f96a0}
.roofers-v92 .wgh91-service-lines>div{min-height:112px;border-bottom:1px solid #a8aeb7}
.roofers-v92 .wgh91-service-lines>div:hover{padding-left:20px;padding-right:20px}
.roofers-v92 .wgh91-service-lines span{font-size:clamp(38px,3.8vw,58px);line-height:1;letter-spacing:-.045em}
.roofers-v92 .wgh91-service-lines b{font-size:clamp(28px,2.5vw,40px)}

/* Service areas: refined blue composition */
.roofers-v92 .wgh91-local{background:#1f5dff;padding-top:clamp(96px,8vw,138px);padding-bottom:clamp(96px,8vw,138px)}
.roofers-v92 .wgh91-local .wgh91-number{color:#fff;opacity:.95}
.roofers-v92 .wgh91-local-grid{max-width:1480px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(60px,8vw,120px)}
.roofers-v92 .wgh91-local-copy p{font-size:clamp(18px,1.25vw,21px);margin-top:28px;color:#e3e9ff;max-width:600px}
.roofers-v92 .wgh91-local-visual{border-top:1px solid rgba(255,255,255,.55)}
.roofers-v92 .wgh91-local-visual span{font-size:clamp(40px,4.2vw,64px);line-height:1;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.roofers-v92 .wgh91-local-visual span:nth-child(even){padding-left:7vw}

/* Proof: image + understated evidence list */
.roofers-v92 .wgh91-proof{background:#11161e}
.roofers-v92 .wgh91-proof .wgh91-number{color:#2e67ff}
.roofers-v92 .wgh91-proof .wgh91-section-head p{color:#adb6c3}
.roofers-v92 .wgh91-proof-stage{width:min(1480px,100%);min-height:620px;margin:64px auto 0;grid-template-columns:1.08fr .92fr}
.roofers-v92 .wgh91-proof-photo{min-height:620px}
.roofers-v92 .wgh91-proof-words{padding:clamp(38px,4.5vw,72px);background:#f4f6f8}
.roofers-v92 .wgh91-proof-words div{font-size:clamp(34px,3.6vw,54px);line-height:1.02;padding:24px 0;letter-spacing:-.045em;font-weight:720}

/* Mobile presentation */
.roofers-v92 .wgh91-mobile{background:#eef3ff;min-height:980px;padding-bottom:0}
.roofers-v92 .wgh91-phones{width:min(1120px,92vw);height:690px;margin:66px auto 0}
.roofers-v92 .wgh91-phone{width:340px;height:665px;border-radius:47px;padding:11px;box-shadow:0 32px 75px rgba(24,37,78,.2)}
.roofers-v92 .wgh91-phone:before{width:104px;height:26px}
.roofers-v92 .wgh91-phone-one{left:15%;transform:rotate(-5deg)}
.roofers-v92 .wgh91-phone-two{right:15%;transform:rotate(5deg)}
.roofers-v92 .wgh91-phone-screen{border-radius:37px;padding:22px}
.roofers-v92 .wgh91-phone-photo{height:240px;margin:0 -22px 25px}
.roofers-v92 .wgh91-phone-nav{font-size:17px;padding-bottom:19px}
.roofers-v92 .wgh91-phone h3{font-size:37px;line-height:1}
.roofers-v92 .wgh91-phone p{font-size:18px;margin:17px 0;line-height:1.45}
.roofers-v92 .wgh91-phone a{font-size:15px;padding:15px 12px}
.roofers-v92 .wgh91-phone-block{font-size:18px;padding:18px 0}

/* Process: clear hierarchy, no giant competing headings */
.roofers-v92 .wgh91-process{background:#f8f9fb}
.roofers-v92 .wgh91-process-rows{width:min(1480px,100%);margin:64px auto 0;border-top:1px solid #161a21}
.roofers-v92 .wgh91-process-rows article{grid-template-columns:150px 1fr;gap:50px;padding:48px 0;border-bottom:1px solid #7f8791}
.roofers-v92 .wgh91-process-rows article>span{font-size:clamp(82px,7vw,112px);line-height:.75}
.roofers-v92 .wgh91-process-rows article>div{grid-template-columns:minmax(0,.85fr) minmax(280px,.7fr);gap:60px;align-items:center}
.roofers-v92 .wgh91-process-rows h3{font-size:clamp(34px,3vw,46px);line-height:1.04;letter-spacing:-.045em}
.roofers-v92 .wgh91-process-rows p{font-size:clamp(18px,1.15vw,20px);line-height:1.6;color:#535b66}

/* FAQ */
.roofers-v92 .wgh91-faq{background:#0b0f15}
.roofers-v92 .wgh91-faq .wgh91-number{color:#2e67ff}
.roofers-v92 .wgh91-faq-layout{max-width:1480px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(64px,8vw,120px)}
.roofers-v92 .wgh91-faq-list summary{font-size:clamp(23px,1.9vw,30px);line-height:1.24;padding:28px 62px 28px 0}
.roofers-v92 .wgh91-faq-list summary:after{font-size:40px;top:20px}
.roofers-v92 .wgh91-faq-list p{font-size:18px;line-height:1.65;padding-bottom:28px;color:#b5beca}

/* Closing statement */
.roofers-v92 .wgh91-close{min-height:560px;padding:90px max(4vw,calc((100vw - 1540px)/2 + 28px));background:#1f5dff}
.roofers-v92 .wgh91-close h2{font-size:clamp(48px,4.8vw,74px);line-height:.98;max-width:11ch}
.roofers-v92 .wgh91-close-word{font-size:clamp(200px,24vw,420px);opacity:.09}
.roofers-v92 .wgh91-close-inner{width:min(1480px,100%);gap:70px}

@media(max-width:1100px){
  .roofers-v92 .wgh91-hero{grid-template-columns:1fr}
  .roofers-v92 .wgh91-hero-copy{padding:86px 7vw 64px}
  .roofers-v92 .wgh91-hero h1{max-width:12ch}
  .roofers-v92 .wgh91-hero-photo{min-height:560px;margin:0 7vw 48px}
  .roofers-v92 .wgh91-section-head,.roofers-v92 .wgh91-mobile-copy{grid-template-columns:1fr;gap:28px}
  .roofers-v92 .wgh91-section-head h2,.roofers-v92 .wgh91-local-copy h2,.roofers-v92 .wgh91-mobile-copy h2,.roofers-v92 .wgh91-faq-copy h2{max-width:15ch}
  .roofers-v92 .wgh91-local-grid,.roofers-v92 .wgh91-proof-stage{grid-template-columns:1fr}
  .roofers-v92 .wgh91-proof-photo{min-height:500px}
  .roofers-v92 .wgh91-faq-layout{grid-template-columns:1fr;gap:46px}
  .roofers-v92 .wgh91-process-rows article>div{grid-template-columns:1fr;gap:16px}
}

@media(max-width:760px){
  .roofers-v92 .wgh91-hero-copy{padding:64px 24px 48px}
  .roofers-v92 .wgh91-hero h1{font-size:clamp(44px,12vw,58px);line-height:.98}
  .roofers-v92 .wgh91-hero p{font-size:18px;margin-top:24px}
  .roofers-v92 .wgh91-hero-actions{margin-top:30px;gap:18px}
  .roofers-v92 .wgh91-hero-photo{min-height:430px;margin:0 24px 28px}
  .roofers-v92 .wgh91-section{padding:88px 24px}
  .roofers-v92 .wgh91-number{font-size:112px;margin-bottom:26px}
  .roofers-v92 .wgh91-section-head h2,.roofers-v92 .wgh91-local-copy h2,.roofers-v92 .wgh91-mobile-copy h2,.roofers-v92 .wgh91-faq-copy h2{font-size:clamp(38px,10.5vw,48px);line-height:1}
  .roofers-v92 .wgh91-section-head p,.roofers-v92 .wgh91-local-copy p,.roofers-v92 .wgh91-mobile-copy p{font-size:18px;margin-top:22px}
  .roofers-v92 .wgh91-browser{margin-top:44px}
  .roofers-v92 .wgh91-demo-photo{min-height:300px}
  .roofers-v92 .wgh91-demo-copy h3{font-size:42px}
  .roofers-v92 .wgh91-service-lines{margin-top:44px}
  .roofers-v92 .wgh91-service-lines>div{min-height:88px}
  .roofers-v92 .wgh91-service-lines span{font-size:36px}
  .roofers-v92 .wgh91-local-visual{margin-top:44px}
  .roofers-v92 .wgh91-local-visual span{font-size:40px;padding:18px 0}
  .roofers-v92 .wgh91-local-visual span:nth-child(even){padding-left:0}
  .roofers-v92 .wgh91-proof-stage{margin-top:44px}
  .roofers-v92 .wgh91-proof-photo{min-height:390px}
  .roofers-v92 .wgh91-proof-words div{font-size:34px;padding:19px 0}
  .roofers-v92 .wgh91-mobile{min-height:0;padding-bottom:88px}
  .roofers-v92 .wgh91-phones{height:auto;width:100%;margin-top:54px;display:flex;flex-direction:column;gap:36px;align-items:center}
  .roofers-v92 .wgh91-phone{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:min(330px,94vw);height:650px}
  .roofers-v92 .wgh91-phone-two{height:590px}
  .roofers-v92 .wgh91-process-rows{margin-top:44px}
  .roofers-v92 .wgh91-process-rows article{grid-template-columns:92px 1fr;gap:22px;padding:35px 0}
  .roofers-v92 .wgh91-process-rows article>span{font-size:76px}
  .roofers-v92 .wgh91-process-rows h3{font-size:32px}
  .roofers-v92 .wgh91-process-rows p{font-size:17px;margin-top:12px}
  .roofers-v92 .wgh91-faq-list summary{font-size:22px;padding:24px 48px 24px 0}
  .roofers-v92 .wgh91-faq-list p{font-size:17px}
  .roofers-v92 .wgh91-close{min-height:500px;padding:76px 24px}
  .roofers-v92 .wgh91-close h2{font-size:46px}
}

@media(max-width:430px){
  .roofers-v92 .wgh91-number{font-size:104px}
  .roofers-v92 .wgh91-section-head h2,.roofers-v92 .wgh91-local-copy h2,.roofers-v92 .wgh91-mobile-copy h2,.roofers-v92 .wgh91-faq-copy h2{font-size:39px}
  .roofers-v92 .wgh91-process-rows article{grid-template-columns:74px 1fr}
  .roofers-v92 .wgh91-process-rows article>span{font-size:64px}
}


/* Source: wgh93-roofers-premium.css */
/* WebsiteGeneratorHub — Roofers v0.3.93 premium rebuild */
body.roofers-v93{background:#f3f5f7;color:#0c1016;overflow-x:hidden}
body.roofers-v93 main{overflow:hidden}
.roofers-v93 .brand-header{background:rgba(248,249,251,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,15,22,.08)}
.roofers-v93 .brand-footer{position:relative;z-index:5}

.roofers-v93 .wgh93-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#f8f9fb;border-bottom:1px solid #dce1e7}
.roofers-v93 .wgh93-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,8vw,130px) clamp(38px,5vw,82px) clamp(72px,8vw,120px) max(4vw,calc((100vw - 1540px)/2 + 24px))}
.roofers-v93 .wgh93-hero h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(54px,5vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:760;max-width:11.5ch;margin:0}
.roofers-v93 .wgh93-hero p{font-size:clamp(19px,1.35vw,22px);line-height:1.6;letter-spacing:-.015em;color:#4d5662;max-width:640px;margin:30px 0 0}
.roofers-v93 .wgh93-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}
.roofers-v93 .wgh93-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:-.015em;padding:16px 18px 16px 20px;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease}
.roofers-v93 .wgh93-button span{font-size:22px;line-height:1}
.roofers-v93 .wgh93-button:hover{transform:translateY(-2px)}
.roofers-v93 .wgh93-button-dark{background:#0d1117;color:#fff}
.roofers-v93 .wgh93-button-dark:hover{background:#1f5dff}
.roofers-v93 .wgh93-button-light{background:#fff;color:#0c1016}
.roofers-v93 .wgh93-button-light:hover{background:#0c1016;color:#fff}
.roofers-v93 .wgh93-link{display:inline-flex;align-items:center;gap:10px;color:#0c1016;text-decoration:none;font-size:16px;font-weight:700}
.roofers-v93 .wgh93-hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:54px;border-top:1px solid #cfd5dc;max-width:610px}
.roofers-v93 .wgh93-hero-points span{font-size:15px;font-weight:650;color:#4b545f;padding:15px 0;border-bottom:1px solid #d7dce2}
.roofers-v93 .wgh93-hero-points span:nth-child(odd){border-right:1px solid #d7dce2;padding-right:18px}
.roofers-v93 .wgh93-hero-points span:nth-child(even){padding-left:18px}
.roofers-v93 .wgh93-hero-visual{position:relative;min-height:calc(100vh - 78px);overflow:hidden;background:#111821}
.roofers-v93 .wgh93-hero-image{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,17,.04),rgba(7,11,17,.2)),url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat;transform:scale(1.012)}
.roofers-v93 .wgh93-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,15,.06),transparent 42%,rgba(6,10,15,.08));pointer-events:none}
.roofers-v93 .wgh93-hero-caption{position:absolute;z-index:2;left:0;bottom:0;width:48%;min-width:290px;background:#1f5dff;color:#fff;padding:24px 28px;display:flex;flex-direction:column;gap:5px}
.roofers-v93 .wgh93-hero-caption strong{font-size:18px;letter-spacing:-.025em}.roofers-v93 .wgh93-hero-caption span{font-size:14px;opacity:.85}
.roofers-v93 .wgh93-hero-site-card{position:absolute;z-index:3;right:4.5%;bottom:8%;width:min(430px,62%);background:#fff;color:#0b1016;box-shadow:0 30px 80px rgba(5,10,18,.28);border:1px solid rgba(255,255,255,.35)}
.roofers-v93 .wgh93-mini-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e4e8ed;font-size:13px}.roofers-v93 .wgh93-mini-nav span{background:#0c1016;color:#fff;padding:9px 10px;font-weight:700}
.roofers-v93 .wgh93-mini-copy{padding:25px 22px 28px}.roofers-v93 .wgh93-mini-copy strong{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(27px,2.3vw,38px);line-height:1;letter-spacing:-.045em;max-width:10ch}.roofers-v93 .wgh93-mini-copy small{display:block;margin-top:18px;font-size:14px;color:#59616b}

.roofers-v93 .wgh93-chapter{position:relative;padding:clamp(92px,8vw,138px) max(4vw,calc((100vw - 1540px)/2 + 24px))}
.roofers-v93 .wgh93-chapter-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(34px,5vw,78px);align-items:start;max-width:1540px;margin:0 auto 58px}
.roofers-v93 .wgh93-index{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(118px,10vw,170px);line-height:.74;letter-spacing:-.085em;font-weight:800;color:#1f5dff}
.roofers-v93 .wgh93-chapter-head>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(40px,6vw,90px);align-items:end;border-top:1px solid #aab2bd;padding-top:24px}
.roofers-v93 .wgh93-chapter h2,.roofers-v93 .wgh93-local h2,.roofers-v93 .wgh93-mobile h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,4vw,60px);line-height:1.01;letter-spacing:-.048em;font-weight:740;margin:0;max-width:15ch}
.roofers-v93 .wgh93-chapter-head p,.roofers-v93 .wgh93-local p,.roofers-v93 .wgh93-mobile p{font-size:clamp(18px,1.25vw,20px);line-height:1.62;letter-spacing:-.01em;color:#55606c;margin:0;max-width:620px}

.roofers-v93 .wgh93-experience{background:#0b1016;color:#fff}
.roofers-v93 .wgh93-experience .wgh93-chapter-head>div:last-child{border-top-color:#4a5564}.roofers-v93 .wgh93-experience .wgh93-chapter-head p{color:#adb6c2}
.roofers-v93 .wgh93-browser-shell{max-width:1480px;margin:0 auto;background:#f7f8fa;color:#0c1016;box-shadow:0 34px 75px rgba(0,0,0,.32)}
.roofers-v93 .wgh93-browser-bar{height:46px;background:#e8ebef;display:flex;align-items:center;gap:8px;padding:0 18px}.roofers-v93 .wgh93-browser-bar i{width:10px;height:10px;border-radius:50%;background:#b8bec6}.roofers-v93 .wgh93-browser-bar span{font-size:12px;color:#66707c;margin-left:10px}
.roofers-v93 .wgh93-browser-nav{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid #d7dce2}.roofers-v93 .wgh93-browser-nav b{font-size:18px}.roofers-v93 .wgh93-browser-nav div{justify-self:center;display:flex;gap:26px;font-size:13px;font-weight:650;color:#505966}.roofers-v93 .wgh93-browser-nav strong{background:#0c1016;color:#fff;padding:11px 13px;font-size:12px}
.roofers-v93 .wgh93-browser-main{display:grid;grid-template-columns:.92fr 1.08fr;min-height:520px}
.roofers-v93 .wgh93-browser-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(34px,4.5vw,66px)}
.roofers-v93 .wgh93-browser-copy h3{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,4vw,62px);line-height:.99;letter-spacing:-.05em;margin:0;max-width:9ch}.roofers-v93 .wgh93-browser-copy>p{font-size:17px;line-height:1.58;color:#58616b;max-width:520px;margin:22px 0 0}.roofers-v93 .wgh93-browser-copy>a{display:inline-flex;gap:22px;background:#1f5dff;color:#fff;padding:14px 16px;font-size:14px;font-weight:750;margin-top:27px}.roofers-v93 .wgh93-browser-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid #cfd5dc;width:100%}.roofers-v93 .wgh93-browser-proof span{font-size:12px;font-weight:650;color:#59616c}
.roofers-v93 .wgh93-browser-photo{min-height:520px;background:url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat}

.roofers-v93 .wgh93-services{background:#f4f6f8}
.roofers-v93 .wgh93-services-layout{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(44px,6vw,86px);align-items:stretch}
.roofers-v93 .wgh93-service-menu{border-top:1px solid #9da6b2}.roofers-v93 .wgh93-service-menu>div{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid #aeb6c0;color:#69727e;transition:padding .2s ease,color .2s ease}.roofers-v93 .wgh93-service-menu>div.is-active{color:#0c1016}.roofers-v93 .wgh93-service-menu>div:hover{padding-left:10px;color:#1f5dff}.roofers-v93 .wgh93-service-menu span{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(30px,3vw,44px);letter-spacing:-.04em;font-weight:700}.roofers-v93 .wgh93-service-menu em{font-style:normal;font-size:14px;font-weight:800;color:#1f5dff}
.roofers-v93 .wgh93-service-feature{display:grid;grid-template-rows:minmax(340px,1fr) auto;background:#0c1016;color:#fff}.roofers-v93 .wgh93-service-photo{min-height:430px;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12)),url('/assets/roofers-v91-house.jpg') 70% 42%/cover no-repeat}.roofers-v93 .wgh93-service-feature-copy{display:grid;grid-template-columns:.75fr 1.25fr auto;gap:26px;align-items:center;padding:24px 26px}.roofers-v93 .wgh93-service-feature-copy strong{font-size:19px}.roofers-v93 .wgh93-service-feature-copy p{font-size:15px;line-height:1.5;color:#bec6d0;margin:0}.roofers-v93 .wgh93-service-feature-copy span{font-size:13px;font-weight:700;white-space:nowrap}

.roofers-v93 .wgh93-local{background:#1f5dff;color:#fff;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(60px,9vw,150px);align-items:center;padding:clamp(98px,9vw,150px) max(4vw,calc((100vw - 1540px)/2 + 24px))}
.roofers-v93 .wgh93-local-left{max-width:650px}.roofers-v93 .wgh93-local .wgh93-index{color:#fff;margin-bottom:34px}.roofers-v93 .wgh93-local h2{max-width:12ch}.roofers-v93 .wgh93-local p{color:#e3e9ff;margin-top:24px;max-width:520px}.roofers-v93 .wgh93-local .wgh93-button{margin-top:32px}
.roofers-v93 .wgh93-local-right{border-top:1px solid rgba(255,255,255,.6)}.roofers-v93 .wgh93-local-right>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.42);padding:21px 0}.roofers-v93 .wgh93-local-right span{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.045em;font-weight:700}.roofers-v93 .wgh93-local-right em{font-style:normal;font-size:14px;font-weight:800;opacity:.76}

.roofers-v93 .wgh93-proof{background:#fff}
.roofers-v93 .wgh93-proof-layout{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(44px,6vw,90px);align-items:stretch}
.roofers-v93 .wgh93-proof-gallery{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}.roofers-v93 .wgh93-proof-img{background-image:url('/assets/roofers-v91-house.jpg');background-size:cover;background-repeat:no-repeat}.roofers-v93 .wgh93-proof-img-a{grid-row:1/3;background-position:35% 45%}.roofers-v93 .wgh93-proof-img-b{background-position:78% 28%}.roofers-v93 .wgh93-proof-img-c{background-position:68% 74%;filter:saturate(.8) contrast(1.08)}
.roofers-v93 .wgh93-proof-list{border-top:1px solid #9fa8b2}.roofers-v93 .wgh93-proof-list>div{padding:24px 0 25px;border-bottom:1px solid #b8c0c9;display:grid;grid-template-columns:150px 1fr;gap:24px}.roofers-v93 .wgh93-proof-list span{font-family:"Inter Tight",Inter,sans-serif;font-size:24px;font-weight:720;letter-spacing:-.035em}.roofers-v93 .wgh93-proof-list p{font-size:16px;line-height:1.56;color:#5e6772;margin:0}

.roofers-v93 .wgh93-mobile{background:#eaf0ff;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(40px,7vw,110px);align-items:center;min-height:820px;padding:clamp(94px,8vw,130px) max(4vw,calc((100vw - 1540px)/2 + 24px))}
.roofers-v93 .wgh93-mobile-copy{align-self:start;padding-top:18px}.roofers-v93 .wgh93-mobile .wgh93-index{margin-bottom:34px}.roofers-v93 .wgh93-mobile h2{max-width:10ch}.roofers-v93 .wgh93-mobile p{margin-top:24px;max-width:520px}
.roofers-v93 .wgh93-device-stage{position:relative;min-height:650px}.roofers-v93 .wgh93-device-stage:before{content:"";position:absolute;left:7%;right:7%;top:10%;bottom:8%;background:#1f5dff}
.roofers-v93 .wgh93-phone{position:absolute;width:295px;height:600px;border-radius:42px;background:#0b1016;padding:10px;box-shadow:0 30px 75px rgba(25,45,95,.22);border:1px solid #272e39}.roofers-v93 .wgh93-phone:before{content:"";position:absolute;z-index:3;top:8px;left:50%;width:88px;height:22px;border-radius:0 0 14px 14px;background:#0b1016;transform:translateX(-50%)}.roofers-v93 .wgh93-phone-front{left:18%;top:26px;z-index:2;transform:rotate(-4deg)}.roofers-v93 .wgh93-phone-back{right:12%;top:72px;transform:rotate(5deg)}
.roofers-v93 .wgh93-phone-screen{height:100%;border-radius:34px;background:#fff;color:#0c1016;overflow:hidden;padding:20px;display:flex;flex-direction:column}.roofers-v93 .wgh93-phone-nav{display:flex;justify-content:space-between;align-items:center;padding:7px 0 17px;font-size:15px}.roofers-v93 .wgh93-phone-photo{height:215px;background:url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat;margin:0 -20px 22px}.roofers-v93 .wgh93-phone h3{font-family:"Inter Tight",Inter,sans-serif;font-size:31px;line-height:1;letter-spacing:-.04em;margin:0}.roofers-v93 .wgh93-phone p{font-size:15px;line-height:1.5;color:#5a6470;margin:15px 0}.roofers-v93 .wgh93-phone a{margin-top:auto;background:#1f5dff;color:#fff;padding:13px;text-align:center;font-size:13px;font-weight:750}.roofers-v93 .wgh93-phone-screen-alt{background:#f6f7f9}.roofers-v93 .wgh93-phone-screen-alt h3{margin-top:60px}.roofers-v93 .wgh93-phone-row{border-top:1px solid #c9d0d8;padding:18px 0;font-size:15px;font-weight:700}.roofers-v93 .wgh93-phone-row:first-of-type{margin-top:42px}

.roofers-v93 .wgh93-process{background:#f7f8fa}
.roofers-v93 .wgh93-process-line{max-width:1480px;margin:0 auto;border-top:1px solid #929ca8;display:grid;grid-template-columns:repeat(3,1fr)}.roofers-v93 .wgh93-process-line article{padding:34px 32px 28px 0;border-bottom:1px solid #a9b2bd}.roofers-v93 .wgh93-process-line article+article{padding-left:32px;border-left:1px solid #c5cbd2}.roofers-v93 .wgh93-process-line span{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:76px;line-height:.8;letter-spacing:-.07em;color:#1f5dff;font-weight:800;margin-bottom:40px}.roofers-v93 .wgh93-process-line h3{font-family:"Inter Tight",Inter,sans-serif;font-size:32px;line-height:1.08;letter-spacing:-.04em;margin:0;max-width:9ch}.roofers-v93 .wgh93-process-line p{font-size:16px;line-height:1.6;color:#5d6671;margin:18px 0 0;max-width:340px}

.roofers-v93 .wgh93-faq{background:#0b1016;color:#fff;padding:clamp(90px,8vw,128px) max(4vw,calc((100vw - 1540px)/2 + 24px));display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(60px,8vw,130px)}
.roofers-v93 .wgh93-faq-title-wrap h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,4vw,60px);line-height:1;letter-spacing:-.048em;margin:0;max-width:8ch}.roofers-v93 .wgh93-faq-title-wrap p{font-size:18px;color:#9fa9b6;margin:22px 0 0}.roofers-v93 .wgh93-faq-list{border-top:1px solid #596474}.roofers-v93 .wgh93-faq-list details{border-bottom:1px solid #46515f}.roofers-v93 .wgh93-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:25px 48px 25px 0;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(22px,2vw,29px);line-height:1.18;font-weight:680;letter-spacing:-.03em}.roofers-v93 .wgh93-faq-list summary::-webkit-details-marker{display:none}.roofers-v93 .wgh93-faq-list summary:after{content:"+";position:absolute;right:0;top:18px;font-size:36px;font-weight:400}.roofers-v93 .wgh93-faq-list details[open] summary:after{content:"−"}.roofers-v93 .wgh93-faq-list p{font-size:16px;line-height:1.65;color:#b4bdc8;max-width:760px;margin:0;padding:0 40px 25px 0}

.roofers-v93 .wgh93-final{background:#1f5dff;color:#fff;padding:clamp(90px,8vw,132px) max(4vw,calc((100vw - 1540px)/2 + 24px));display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.roofers-v93 .wgh93-final h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(44px,4.4vw,66px);line-height:.99;letter-spacing:-.05em;margin:0;max-width:12ch}.roofers-v93 .wgh93-final p{font-size:18px;line-height:1.55;color:#e5ebff;margin:24px 0 0;max-width:600px}.roofers-v93 .wgh93-final .wgh93-button{min-width:280px}

@media(max-width:1120px){
  .roofers-v93 .wgh93-hero{grid-template-columns:1fr}.roofers-v93 .wgh93-hero-copy{padding:78px 7vw 62px}.roofers-v93 .wgh93-hero h1{max-width:12ch}.roofers-v93 .wgh93-hero-visual{min-height:640px}.roofers-v93 .wgh93-chapter-head{grid-template-columns:140px 1fr}.roofers-v93 .wgh93-chapter-head>div:last-child{grid-template-columns:1fr;gap:22px}.roofers-v93 .wgh93-services-layout,.roofers-v93 .wgh93-proof-layout{grid-template-columns:1fr}.roofers-v93 .wgh93-service-feature{min-height:650px}.roofers-v93 .wgh93-local{grid-template-columns:1fr;gap:60px}.roofers-v93 .wgh93-local-left{max-width:760px}.roofers-v93 .wgh93-mobile{grid-template-columns:1fr}.roofers-v93 .wgh93-mobile-copy{max-width:760px}.roofers-v93 .wgh93-device-stage{min-height:640px}.roofers-v93 .wgh93-faq{grid-template-columns:1fr;gap:50px}.roofers-v93 .wgh93-faq-title-wrap h2{max-width:12ch}
}

@media(max-width:760px){
  .roofers-v93 .wgh93-hero-copy{padding:58px 24px 48px}.roofers-v93 .wgh93-hero h1{font-size:clamp(44px,12vw,56px);line-height:1}.roofers-v93 .wgh93-hero p{font-size:18px;margin-top:23px}.roofers-v93 .wgh93-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}.roofers-v93 .wgh93-button{width:100%}.roofers-v93 .wgh93-hero-points{margin-top:42px}.roofers-v93 .wgh93-hero-visual{min-height:520px}.roofers-v93 .wgh93-hero-caption{width:auto;min-width:0;left:20px;bottom:20px;padding:18px 20px}.roofers-v93 .wgh93-hero-site-card{right:20px;top:24px;bottom:auto;width:72%}.roofers-v93 .wgh93-mini-copy strong{font-size:27px}
  .roofers-v93 .wgh93-chapter{padding:82px 24px}.roofers-v93 .wgh93-chapter-head{display:block;margin-bottom:42px}.roofers-v93 .wgh93-index{font-size:108px;margin-bottom:28px}.roofers-v93 .wgh93-chapter-head>div:last-child{display:block;padding-top:20px}.roofers-v93 .wgh93-chapter h2,.roofers-v93 .wgh93-local h2,.roofers-v93 .wgh93-mobile h2{font-size:clamp(37px,10.3vw,45px);line-height:1.02}.roofers-v93 .wgh93-chapter-head p,.roofers-v93 .wgh93-local p,.roofers-v93 .wgh93-mobile p{font-size:17px;margin-top:20px}
  .roofers-v93 .wgh93-browser-shell{width:calc(100% + 20px);margin-left:-10px}.roofers-v93 .wgh93-browser-nav{grid-template-columns:1fr auto;padding:0 15px}.roofers-v93 .wgh93-browser-nav div{display:none}.roofers-v93 .wgh93-browser-main{grid-template-columns:1fr}.roofers-v93 .wgh93-browser-photo{order:-1;min-height:300px}.roofers-v93 .wgh93-browser-copy{padding:32px 22px 38px}.roofers-v93 .wgh93-browser-copy h3{font-size:39px}
  .roofers-v93 .wgh93-services-layout{gap:36px}.roofers-v93 .wgh93-service-menu>div{min-height:76px}.roofers-v93 .wgh93-service-menu span{font-size:31px}.roofers-v93 .wgh93-service-feature{min-height:0}.roofers-v93 .wgh93-service-photo{min-height:350px}.roofers-v93 .wgh93-service-feature-copy{grid-template-columns:1fr;gap:12px;padding:22px}.roofers-v93 .wgh93-service-feature-copy span{margin-top:8px}
  .roofers-v93 .wgh93-local{padding:82px 24px}.roofers-v93 .wgh93-local-right span{font-size:38px}.roofers-v93 .wgh93-local-right>div{padding:18px 0}
  .roofers-v93 .wgh93-proof-gallery{min-height:500px;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr}.roofers-v93 .wgh93-proof-img-a{grid-column:1/3;grid-row:auto}.roofers-v93 .wgh93-proof-list>div{grid-template-columns:120px 1fr;gap:18px}.roofers-v93 .wgh93-proof-list span{font-size:21px}
  .roofers-v93 .wgh93-mobile{padding:82px 24px}.roofers-v93 .wgh93-device-stage{min-height:700px;margin-top:12px}.roofers-v93 .wgh93-device-stage:before{left:-24px;right:-24px;top:90px;bottom:60px}.roofers-v93 .wgh93-phone{width:min(270px,72vw);height:550px}.roofers-v93 .wgh93-phone-front{left:3%;top:42px}.roofers-v93 .wgh93-phone-back{right:0;top:120px}.roofers-v93 .wgh93-phone-photo{height:190px}.roofers-v93 .wgh93-phone h3{font-size:28px}
  .roofers-v93 .wgh93-process-line{grid-template-columns:1fr}.roofers-v93 .wgh93-process-line article,.roofers-v93 .wgh93-process-line article+article{border-left:0;padding:28px 0}.roofers-v93 .wgh93-process-line span{font-size:66px;margin-bottom:24px}.roofers-v93 .wgh93-process-line h3{font-size:29px;max-width:none}.roofers-v93 .wgh93-process-line p{font-size:16px}
  .roofers-v93 .wgh93-faq{padding:82px 24px}.roofers-v93 .wgh93-faq-title-wrap h2{font-size:42px}.roofers-v93 .wgh93-faq-list summary{font-size:22px}
  .roofers-v93 .wgh93-final{padding:82px 24px;align-items:flex-start;flex-direction:column;gap:36px}.roofers-v93 .wgh93-final h2{font-size:43px}.roofers-v93 .wgh93-final .wgh93-button{min-width:0}
}

@media(max-width:430px){
  .roofers-v93 .wgh93-hero h1{font-size:44px}.roofers-v93 .wgh93-hero-points{grid-template-columns:1fr}.roofers-v93 .wgh93-hero-points span:nth-child(odd){border-right:0}.roofers-v93 .wgh93-hero-points span:nth-child(even){padding-left:0}.roofers-v93 .wgh93-hero-site-card{width:78%}.roofers-v93 .wgh93-index{font-size:100px}.roofers-v93 .wgh93-proof-list>div{grid-template-columns:1fr;gap:8px}.roofers-v93 .wgh93-phone{width:245px;height:520px}.roofers-v93 .wgh93-phone-front{left:-6%}.roofers-v93 .wgh93-phone-back{right:-7%}.roofers-v93 .wgh93-device-stage{min-height:660px}
}


/* Source: wgh94-roofers-signature.css */
/* WebsiteGeneratorHub — Roofers v0.3.94 signature redesign */
body.roofers-v94{--blue:#1f5cff;--ink:#0b1016;--paper:#f5f6f8;--line:#cbd1d8;--muted:#59636e;background:var(--paper);color:var(--ink);overflow-x:hidden}
body.roofers-v94 main{overflow:hidden}.roofers-v94 *{box-sizing:border-box}.roofers-v94 .brand-header{background:rgba(247,248,250,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,16,22,.08)}
.roofers-v94 .wgh94-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);background:#f8f9fb}
.roofers-v94 .wgh94-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(76px,8vw,130px) clamp(42px,5vw,82px) clamp(76px,8vw,120px) max(4vw,calc((100vw - 1540px)/2 + 24px));position:relative;z-index:2}
.roofers-v94 .wgh94-kicker{margin:0 0 24px;font-size:15px;line-height:1;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
.roofers-v94 .wgh94-hero h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(54px,4.7vw,76px);line-height:.98;letter-spacing:-.052em;font-weight:760;max-width:11ch;margin:0}
.roofers-v94 .wgh94-lead{font-size:clamp(18px,1.25vw,21px);line-height:1.6;color:#4f5964;max-width:640px;margin:29px 0 0}
.roofers-v94 .wgh94-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:38px}.roofers-v94 .wgh94-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;text-decoration:none;font-size:16px;font-weight:760;padding:17px 19px 17px 21px;transition:transform .2s ease,background .2s ease,color .2s ease}.roofers-v94 .wgh94-button span{font-size:22px}.roofers-v94 .wgh94-button:hover{transform:translateY(-2px)}.roofers-v94 .wgh94-button-blue{background:var(--blue);color:#fff}.roofers-v94 .wgh94-button-white{background:#fff;color:var(--ink)}.roofers-v94 .wgh94-text-link{display:inline-flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:16px;font-weight:720}
.roofers-v94 .wgh94-hero-image{position:relative;min-height:calc(100vh - 78px);background:linear-gradient(180deg,rgba(5,9,14,.02),rgba(5,9,14,.25)),url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat;overflow:hidden}.roofers-v94 .wgh94-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,15,.03),transparent 42%,rgba(7,10,15,.12))}
.roofers-v94 .wgh94-hero-browser{position:absolute;right:5.5%;bottom:7%;width:min(620px,78%);background:#fff;box-shadow:0 36px 95px rgba(6,11,18,.32);border:1px solid rgba(255,255,255,.6)}
.roofers-v94 .wgh94-browser-top{height:38px;border-bottom:1px solid #e0e4e9;display:flex;align-items:center;gap:7px;padding:0 14px}.roofers-v94 .wgh94-browser-top i{width:7px;height:7px;border-radius:50%;background:#b8c0ca}.roofers-v94 .wgh94-browser-top span{font-size:11px;color:#727c87;margin-left:8px}.roofers-v94 .wgh94-browser-page{padding:18px 20px 24px}.roofers-v94 .wgh94-browser-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.roofers-v94 .wgh94-browser-nav strong{background:var(--ink);color:#fff;padding:9px 11px}.roofers-v94 .wgh94-browser-message{border-top:1px solid #e0e4e9;margin-top:20px;padding-top:24px}.roofers-v94 .wgh94-browser-message span{display:block;font-size:12px;color:#6c7681;margin-bottom:11px}.roofers-v94 .wgh94-browser-message b{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(31px,2.6vw,44px);line-height:.98;letter-spacing:-.045em;max-width:10ch}

.roofers-v94 .wgh94-section{position:relative;padding:clamp(104px,9vw,154px) max(4vw,calc((100vw - 1540px)/2 + 24px))}.roofers-v94 .wgh94-section-intro{max-width:1540px;margin:0 auto 70px;display:grid;grid-template-columns:minmax(260px,.5fr) minmax(0,1.5fr);gap:clamp(54px,7vw,120px);align-items:start}.roofers-v94 .wgh94-number{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(220px,18vw,330px);line-height:.67;letter-spacing:-.105em;font-weight:800;color:var(--blue);white-space:nowrap}.roofers-v94 .wgh94-intro-copy{border-top:1px solid #9fa8b3;padding-top:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:clamp(38px,6vw,90px);align-items:end}.roofers-v94 .wgh94-intro-copy h2,.roofers-v94 .wgh94-local h2,.roofers-v94 .wgh94-mobile h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,3.8vw,58px);line-height:1.01;letter-spacing:-.046em;font-weight:720;margin:0}.roofers-v94 .wgh94-intro-copy p,.roofers-v94 .wgh94-local p,.roofers-v94 .wgh94-mobile p{font-size:clamp(18px,1.2vw,20px);line-height:1.62;color:var(--muted);margin:0;max-width:560px}

.roofers-v94 .wgh94-website{background:#fff}.roofers-v94 .wgh94-site-stage{max-width:1540px;margin:0 auto;position:relative;padding:0 0 64px}.roofers-v94 .wgh94-site-stage:before{content:"";position:absolute;left:-8vw;right:18%;top:14%;bottom:0;background:#dfe8ff}.roofers-v94 .wgh94-site-frame{position:relative;z-index:2;width:92%;margin-left:auto;background:#fff;border:1px solid #aab3bd;box-shadow:0 34px 90px rgba(25,40,70,.14)}.roofers-v94 .wgh94-site-toolbar{height:45px;background:#f0f2f5;border-bottom:1px solid #d9dee4;display:flex;align-items:center;gap:8px;padding:0 16px}.roofers-v94 .wgh94-site-toolbar i{width:8px;height:8px;border-radius:50%;background:#b7bec8}.roofers-v94 .wgh94-site-toolbar span{margin-left:10px;font-size:12px;color:#6a7380}.roofers-v94 .wgh94-site-nav{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;border-bottom:1px solid #e3e6ea;font-size:14px}.roofers-v94 .wgh94-site-nav div{display:flex;gap:30px;color:#56606b}.roofers-v94 .wgh94-site-nav strong{justify-self:end;background:var(--ink);color:#fff;padding:12px 14px}.roofers-v94 .wgh94-site-hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px}.roofers-v94 .wgh94-site-copy{padding:clamp(48px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.roofers-v94 .wgh94-site-copy>span{font-size:14px;color:#65707b;margin-bottom:30px}.roofers-v94 .wgh94-site-copy h3{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(46px,4.3vw,66px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:8ch}.roofers-v94 .wgh94-site-copy p{font-size:18px;line-height:1.55;color:#58626d;max-width:490px;margin:26px 0}.roofers-v94 .wgh94-site-copy b{font-size:15px;color:var(--blue)}.roofers-v94 .wgh94-site-photo{background:url('/assets/roofers-v91-house.jpg') center 45%/cover no-repeat}.roofers-v94 .wgh94-site-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce1e6}.roofers-v94 .wgh94-site-strip span{padding:21px 24px;font-size:15px;font-weight:740;border-right:1px solid #dce1e6}.roofers-v94 .wgh94-site-strip span:last-child{border-right:0}

.roofers-v94 .wgh94-services{background:var(--ink);color:#fff}.roofers-v94 .wgh94-intro-dark .wgh94-intro-copy{border-top-color:#59636f}.roofers-v94 .wgh94-intro-dark .wgh94-intro-copy p{color:#aeb7c1}.roofers-v94 .wgh94-service-composition{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;min-height:720px;border-top:1px solid #424b56}.roofers-v94 .wgh94-service-photo{background:linear-gradient(180deg,rgba(5,8,12,.03),rgba(5,8,12,.22)),url('/assets/roofers-v91-house.jpg') 65% 46%/cover no-repeat;min-height:720px}.roofers-v94 .wgh94-service-list{display:flex;flex-direction:column;border-left:1px solid #424b56}.roofers-v94 .wgh94-service-list>div{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px clamp(30px,4vw,62px);border-bottom:1px solid #424b56;transition:background .2s ease,padding-left .2s ease}.roofers-v94 .wgh94-service-list>div:last-child{border-bottom:0}.roofers-v94 .wgh94-service-list>div:hover,.roofers-v94 .wgh94-service-list>div.is-active{background:var(--blue);padding-left:clamp(38px,5vw,78px)}.roofers-v94 .wgh94-service-list span{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(34px,3.2vw,50px);line-height:1;letter-spacing:-.045em;font-weight:700}.roofers-v94 .wgh94-service-list em{font-style:normal;font-size:16px;line-height:1.5;color:#b7c0cb;margin-top:13px}.roofers-v94 .wgh94-service-list>div:hover em,.roofers-v94 .wgh94-service-list>div.is-active em{color:#edf1ff}

.roofers-v94 .wgh94-local{background:var(--blue);color:#fff;display:grid;grid-template-columns:minmax(250px,.48fr) minmax(0,.72fr) minmax(0,1fr);gap:clamp(48px,6vw,100px);align-items:start;overflow:hidden}.roofers-v94 .wgh94-local .wgh94-number{color:#fff}.roofers-v94 .wgh94-local-copy{padding-top:28px}.roofers-v94 .wgh94-local p{color:#e4eaff;margin:25px 0 34px}.roofers-v94 .wgh94-areas{border-top:1px solid rgba(255,255,255,.62)}.roofers-v94 .wgh94-areas span{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(38px,4.1vw,62px);line-height:1;letter-spacing:-.045em;font-weight:690;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.62)}

.roofers-v94 .wgh94-proof{background:#f2f4f6}.roofers-v94 .wgh94-proof-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:1.15fr .55fr .8fr;grid-template-rows:360px 360px;gap:16px}.roofers-v94 .wgh94-proof-image{background-image:url('/assets/roofers-v91-house.jpg');background-size:cover;background-repeat:no-repeat}.roofers-v94 .wgh94-proof-main{grid-row:1/3;background-position:35% 48%}.roofers-v94 .wgh94-proof-top{background-position:72% 33%}.roofers-v94 .wgh94-proof-bottom{background-position:56% 72%}.roofers-v94 .wgh94-proof-copy{grid-row:1/3;display:flex;flex-direction:column;background:#fff;border-top:4px solid var(--blue);padding:clamp(32px,4vw,58px)}.roofers-v94 .wgh94-proof-copy>div{padding:28px 0;border-bottom:1px solid #cfd5dc}.roofers-v94 .wgh94-proof-copy>div:first-child{padding-top:0}.roofers-v94 .wgh94-proof-copy>div:last-child{border-bottom:0}.roofers-v94 .wgh94-proof-copy strong{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(28px,2.3vw,36px);letter-spacing:-.035em}.roofers-v94 .wgh94-proof-copy p{font-size:16px;line-height:1.6;color:#5c6671;margin:12px 0 0}

.roofers-v94 .wgh94-mobile{background:#e8eeff;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(58px,8vw,124px);align-items:center;min-height:900px}.roofers-v94 .wgh94-mobile-copy .wgh94-number{margin-bottom:58px}.roofers-v94 .wgh94-mobile h2{max-width:10ch}.roofers-v94 .wgh94-mobile p{margin-top:24px;max-width:500px}.roofers-v94 .wgh94-phone-stage{position:relative;min-height:680px}.roofers-v94 .wgh94-phone-stage:before{content:"";position:absolute;inset:7% 3% 3% 8%;background:var(--blue)}.roofers-v94 .wgh94-phone{position:absolute;width:300px;height:610px;border-radius:44px;background:#0a0f15;padding:10px;box-shadow:0 32px 84px rgba(19,37,79,.24);border:1px solid #2b333e}.roofers-v94 .wgh94-phone:before{content:"";position:absolute;z-index:3;top:8px;left:50%;width:90px;height:22px;border-radius:0 0 14px 14px;background:#0a0f15;transform:translateX(-50%)}.roofers-v94 .wgh94-phone-a{left:14%;top:18px;z-index:2;transform:rotate(-3.8deg)}.roofers-v94 .wgh94-phone-b{right:8%;top:78px;transform:rotate(4.5deg)}.roofers-v94 .wgh94-phone-screen{height:100%;border-radius:35px;background:#fff;overflow:hidden;padding:21px;display:flex;flex-direction:column;color:var(--ink)}.roofers-v94 .wgh94-phone-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 18px;font-size:15px}.roofers-v94 .wgh94-phone-photo{height:220px;background:url('/assets/roofers-v91-house.jpg') center 42%/cover no-repeat;margin:0 -21px 24px}.roofers-v94 .wgh94-phone h3{font-family:"Inter Tight",Inter,sans-serif;font-size:31px;line-height:1;letter-spacing:-.04em;margin:0}.roofers-v94 .wgh94-phone p{font-size:15px;line-height:1.55;color:#5b6570;margin:15px 0}.roofers-v94 .wgh94-phone-screen>b{margin-top:auto;background:var(--blue);color:#fff;padding:14px;text-align:center;font-size:13px}.roofers-v94 .wgh94-phone-alt{background:#f7f8fa}.roofers-v94 .wgh94-phone-alt h3{margin-top:72px}.roofers-v94 .wgh94-phone-line{border-top:1px solid #c8cfd7;padding:20px 0;font-size:15px;font-weight:720}.roofers-v94 .wgh94-phone-line:first-of-type{margin-top:46px}

.roofers-v94 .wgh94-process{background:#fff}.roofers-v94 .wgh94-process-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9ba5b0}.roofers-v94 .wgh94-process-grid article{min-height:520px;padding:32px clamp(26px,3vw,48px) 42px 0;display:flex;flex-direction:column;border-bottom:1px solid #9ba5b0}.roofers-v94 .wgh94-process-grid article+article{padding-left:clamp(26px,3vw,48px);border-left:1px solid #c6ccd3}.roofers-v94 .wgh94-step-number{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(170px,14vw,240px);line-height:.68;letter-spacing:-.1em;font-weight:800;color:var(--blue);margin-bottom:auto}.roofers-v94 .wgh94-process-grid h3{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(30px,2.5vw,38px);line-height:1.05;letter-spacing:-.04em;margin:36px 0 0;max-width:9ch}.roofers-v94 .wgh94-process-grid p{font-size:17px;line-height:1.6;color:#5a6470;max-width:340px;margin:18px 0 0}

.roofers-v94 .wgh94-faq{background:var(--ink);color:#fff;padding:clamp(100px,8vw,138px) max(4vw,calc((100vw - 1540px)/2 + 24px));display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(64px,8vw,132px)}.roofers-v94 .wgh94-faq-heading h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(40px,3.7vw,56px);line-height:1.02;letter-spacing:-.046em;margin:0;max-width:8ch}.roofers-v94 .wgh94-faq-heading p{font-size:18px;color:#9ca7b3;margin:22px 0 0}.roofers-v94 .wgh94-faq-list{border-top:1px solid #596470}.roofers-v94 .wgh94-faq-list details{border-bottom:1px solid #46515e}.roofers-v94 .wgh94-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:26px 52px 26px 0;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(22px,1.9vw,28px);line-height:1.2;font-weight:680;letter-spacing:-.028em}.roofers-v94 .wgh94-faq-list summary::-webkit-details-marker{display:none}.roofers-v94 .wgh94-faq-list summary:after{content:"+";position:absolute;right:0;top:18px;font-size:38px;font-weight:400}.roofers-v94 .wgh94-faq-list details[open] summary:after{content:"−"}.roofers-v94 .wgh94-faq-list p{font-size:16px;line-height:1.68;color:#b5bec8;max-width:760px;margin:0;padding:0 44px 26px 0}

.roofers-v94 .wgh94-final{background:var(--blue);color:#fff;padding:clamp(96px,8vw,136px) max(4vw,calc((100vw - 1540px)/2 + 24px));display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.roofers-v94 .wgh94-final h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,4vw,60px);line-height:1;letter-spacing:-.048em;margin:0;max-width:12ch}.roofers-v94 .wgh94-final p{font-size:18px;line-height:1.58;color:#e3eaff;max-width:590px;margin:24px 0 0}.roofers-v94 .wgh94-final .wgh94-button{min-width:290px}

@media(max-width:1180px){
 .roofers-v94 .wgh94-hero{grid-template-columns:1fr}.roofers-v94 .wgh94-hero-copy{padding:80px 7vw 66px}.roofers-v94 .wgh94-hero h1{max-width:12ch}.roofers-v94 .wgh94-hero-image{min-height:680px}.roofers-v94 .wgh94-section-intro{grid-template-columns:220px 1fr}.roofers-v94 .wgh94-intro-copy{grid-template-columns:1fr;gap:22px}.roofers-v94 .wgh94-number{font-size:clamp(190px,21vw,260px)}.roofers-v94 .wgh94-service-composition{grid-template-columns:1fr}.roofers-v94 .wgh94-service-photo{min-height:560px}.roofers-v94 .wgh94-service-list{border-left:0;border-top:1px solid #424b56}.roofers-v94 .wgh94-service-list>div{min-height:150px}.roofers-v94 .wgh94-local{grid-template-columns:220px 1fr}.roofers-v94 .wgh94-areas{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}.roofers-v94 .wgh94-areas span:nth-child(odd){border-right:1px solid rgba(255,255,255,.62);padding-right:28px}.roofers-v94 .wgh94-areas span:nth-child(even){padding-left:28px}.roofers-v94 .wgh94-proof-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px 300px auto}.roofers-v94 .wgh94-proof-main{grid-column:1/3;grid-row:1}.roofers-v94 .wgh94-proof-top{grid-column:1;grid-row:2}.roofers-v94 .wgh94-proof-bottom{grid-column:2;grid-row:2}.roofers-v94 .wgh94-proof-copy{grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.roofers-v94 .wgh94-proof-copy>div{border-bottom:0;border-top:1px solid #cfd5dc;padding:24px 0}.roofers-v94 .wgh94-mobile{grid-template-columns:1fr}.roofers-v94 .wgh94-mobile-copy{max-width:780px}.roofers-v94 .wgh94-faq{grid-template-columns:1fr;gap:54px}.roofers-v94 .wgh94-faq-heading h2{max-width:12ch}
}

@media(max-width:760px){
 .roofers-v94 .wgh94-hero-copy{padding:58px 24px 50px}.roofers-v94 .wgh94-kicker{font-size:13px;margin-bottom:19px}.roofers-v94 .wgh94-hero h1{font-size:clamp(43px,11.7vw,54px);line-height:1}.roofers-v94 .wgh94-lead{font-size:18px;margin-top:22px}.roofers-v94 .wgh94-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}.roofers-v94 .wgh94-button{width:100%}.roofers-v94 .wgh94-hero-image{min-height:560px}.roofers-v94 .wgh94-hero-browser{width:86%;right:7%;bottom:7%}.roofers-v94 .wgh94-browser-message b{font-size:31px}
 .roofers-v94 .wgh94-section{padding:88px 24px}.roofers-v94 .wgh94-section-intro{display:block;margin-bottom:48px}.roofers-v94 .wgh94-number{font-size:clamp(148px,42vw,190px);line-height:.68;margin-bottom:42px}.roofers-v94 .wgh94-intro-copy{display:block;padding-top:23px}.roofers-v94 .wgh94-intro-copy h2,.roofers-v94 .wgh94-local h2,.roofers-v94 .wgh94-mobile h2{font-size:clamp(36px,9.7vw,44px)}.roofers-v94 .wgh94-intro-copy p,.roofers-v94 .wgh94-local p,.roofers-v94 .wgh94-mobile p{font-size:17px;margin-top:20px}
 .roofers-v94 .wgh94-site-stage{padding-bottom:32px}.roofers-v94 .wgh94-site-frame{width:calc(100% + 12px);margin-left:-6px}.roofers-v94 .wgh94-site-nav{grid-template-columns:1fr auto;padding:0 15px}.roofers-v94 .wgh94-site-nav div{display:none}.roofers-v94 .wgh94-site-hero{grid-template-columns:1fr}.roofers-v94 .wgh94-site-photo{order:-1;min-height:310px}.roofers-v94 .wgh94-site-copy{padding:34px 24px 40px}.roofers-v94 .wgh94-site-copy h3{font-size:42px}.roofers-v94 .wgh94-site-copy p{font-size:16px}.roofers-v94 .wgh94-site-strip{grid-template-columns:1fr 1fr}.roofers-v94 .wgh94-site-strip span{border-bottom:1px solid #dce1e6;padding:16px;font-size:13px}
 .roofers-v94 .wgh94-service-photo{min-height:390px}.roofers-v94 .wgh94-service-list>div{min-height:128px;padding:24px 0}.roofers-v94 .wgh94-service-list>div:hover,.roofers-v94 .wgh94-service-list>div.is-active{padding-left:20px;padding-right:20px}.roofers-v94 .wgh94-service-list span{font-size:34px}.roofers-v94 .wgh94-service-list em{font-size:15px}
 .roofers-v94 .wgh94-local{display:block;padding:88px 24px}.roofers-v94 .wgh94-local-copy{padding-top:0}.roofers-v94 .wgh94-local .wgh94-number{margin-bottom:46px}.roofers-v94 .wgh94-areas{display:block;margin-top:54px}.roofers-v94 .wgh94-areas span,.roofers-v94 .wgh94-areas span:nth-child(odd),.roofers-v94 .wgh94-areas span:nth-child(even){font-size:39px;padding:21px 0;border-right:0}
 .roofers-v94 .wgh94-proof-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:390px 220px auto;gap:10px}.roofers-v94 .wgh94-proof-main{grid-column:1/3}.roofers-v94 .wgh94-proof-copy{display:block}.roofers-v94 .wgh94-proof-copy>div{padding:24px 0}.roofers-v94 .wgh94-proof-copy strong{font-size:28px}
 .roofers-v94 .wgh94-mobile{padding:88px 24px}.roofers-v94 .wgh94-mobile-copy .wgh94-number{margin-bottom:44px}.roofers-v94 .wgh94-phone-stage{min-height:700px;margin-top:34px}.roofers-v94 .wgh94-phone-stage:before{left:-24px;right:-24px;top:98px;bottom:62px}.roofers-v94 .wgh94-phone{width:min(268px,72vw);height:548px}.roofers-v94 .wgh94-phone-a{left:1%;top:35px}.roofers-v94 .wgh94-phone-b{right:-1%;top:124px}.roofers-v94 .wgh94-phone-photo{height:185px}.roofers-v94 .wgh94-phone h3{font-size:28px}
 .roofers-v94 .wgh94-process-grid{grid-template-columns:1fr}.roofers-v94 .wgh94-process-grid article,.roofers-v94 .wgh94-process-grid article+article{min-height:420px;border-left:0;padding:28px 0 34px}.roofers-v94 .wgh94-step-number{font-size:clamp(155px,48vw,205px)}.roofers-v94 .wgh94-process-grid h3{font-size:31px;max-width:none}.roofers-v94 .wgh94-process-grid p{font-size:16px}
 .roofers-v94 .wgh94-faq{padding:88px 24px}.roofers-v94 .wgh94-faq-heading h2{font-size:40px}.roofers-v94 .wgh94-faq-list summary{font-size:22px}
 .roofers-v94 .wgh94-final{padding:88px 24px;flex-direction:column;align-items:flex-start;gap:36px}.roofers-v94 .wgh94-final h2{font-size:41px}.roofers-v94 .wgh94-final .wgh94-button{min-width:0}
}

@media(max-width:430px){
 .roofers-v94 .wgh94-hero h1{font-size:43px}.roofers-v94 .wgh94-number{font-size:148px}.roofers-v94 .wgh94-step-number{font-size:155px}.roofers-v94 .wgh94-phone{width:244px;height:520px}.roofers-v94 .wgh94-phone-a{left:-7%}.roofers-v94 .wgh94-phone-b{right:-8%}.roofers-v94 .wgh94-phone-stage{min-height:670px}
}


/* Source: wgh95-roofers-polish.css */
/* WebsiteGeneratorHub — Roofers v0.3.95 polish */
body.roofers-v95{--blue:#315fbd;--blue-dark:#264d9d;--blue-soft:#e9eef6;--blue-mist:#f2f5f9;--ink:#111821;--paper:#f7f7f5;--line:#cfd5dc;--muted:#5c6671;background:var(--paper)!important}

/* Use the same homepage navigation system and scale. */
.roofers-v95 .brand-header{background:#fff!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.roofers-v95 .brand-header .header-row{background:rgba(255,255,255,.82)!important;border:1px solid rgba(47,95,189,.10)!important;box-shadow:0 14px 42px rgba(16,35,68,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;backdrop-filter:blur(26px) saturate(150%)!important;-webkit-backdrop-filter:blur(26px) saturate(150%)!important}
.roofers-v95 .brand-header.is-scrolled .header-row{background:rgba(255,255,255,.9)!important;border-color:rgba(47,95,189,.13)!important;box-shadow:0 16px 46px rgba(16,35,68,.10),inset 0 1px 0 rgba(255,255,255,.98)!important}

/* Calm the saturated blue across the page. */
.roofers-v95 .wgh94-kicker,.roofers-v95 .wgh94-number,.roofers-v95 .wgh94-site-copy b,.roofers-v95 .wgh94-step-number{color:var(--blue)}
.roofers-v95 .wgh94-button-blue,.roofers-v95 .wgh94-phone-screen>b{background:var(--blue)}
.roofers-v95 .wgh94-site-stage:before{background:#e3e8ef}
.roofers-v95 .wgh94-service-list>div:hover,.roofers-v95 .wgh94-service-list>div.is-active{background:#21344f}
.roofers-v95 .wgh94-proof-copy{border-top-color:var(--blue)}
.roofers-v95 .wgh94-mobile{background:#eef1f5}
.roofers-v95 .wgh94-phone-stage:before{background:#cfd8e6}

/* Section 03: proper number/title spacing and a softer surface. */
.roofers-v95 .wgh94-local{background:#e9edf2;color:var(--ink);grid-template-columns:minmax(360px,.56fr) minmax(360px,.72fr) minmax(420px,1fr);column-gap:clamp(78px,7vw,132px);row-gap:40px;align-items:start}
.roofers-v95 .wgh94-local .wgh94-number{color:var(--blue);line-height:.72;letter-spacing:-.085em;width:max-content;min-width:330px}
.roofers-v95 .wgh94-local-copy{padding-top:30px;border-top:1px solid #aeb7c2}
.roofers-v95 .wgh94-local h2{max-width:10ch}
.roofers-v95 .wgh94-local p{color:#56616c;margin:25px 0 34px}
.roofers-v95 .wgh94-local .wgh94-button-white{background:var(--ink);color:#fff}
.roofers-v95 .wgh95-areas{border-top:1px solid #aeb7c2;display:flex;flex-direction:column;gap:0}
.roofers-v95 .wgh95-area{display:block!important;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-.04em;font-weight:690;padding:26px 0;border-bottom:1px solid #aeb7c2;color:#17202a;white-space:normal}

/* Redesigned closing section — no full-field bright blue. */
.roofers-v95 .wgh95-final{background:#f7f7f5;padding:clamp(104px,9vw,150px) max(4vw,calc((100vw - 1540px)/2 + 24px));color:var(--ink)}
.roofers-v95 .wgh95-final-shell{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);gap:clamp(64px,8vw,130px);align-items:center}
.roofers-v95 .wgh95-final-copy{max-width:620px}
.roofers-v95 .wgh95-final-rule{display:block;width:78px;height:7px;background:var(--blue);margin-bottom:38px}
.roofers-v95 .wgh95-final h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(42px,3.7vw,58px);line-height:1.01;letter-spacing:-.046em;font-weight:720;margin:0;max-width:11ch}
.roofers-v95 .wgh95-final p{font-size:clamp(18px,1.2vw,20px);line-height:1.62;color:#5a646f;max-width:560px;margin:26px 0 36px}
.roofers-v95 .wgh95-final-button{background:var(--ink);color:#fff;min-width:286px}
.roofers-v95 .wgh95-final-board{background:#111821;color:#fff;padding:clamp(30px,3vw,46px);box-shadow:0 34px 90px rgba(18,27,39,.14)}
.roofers-v95 .wgh95-final-board-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding-bottom:24px;border-bottom:1px solid #3b4652}
.roofers-v95 .wgh95-final-board-head strong{font-size:17px;letter-spacing:-.02em}.roofers-v95 .wgh95-final-board-head strong:last-child{text-align:right}.roofers-v95 .wgh95-final-board-head span{font-size:13px;color:#8e99a6}
.roofers-v95 .wgh95-final-board-body{display:grid;grid-template-columns:minmax(180px,.72fr) auto minmax(300px,1.28fr);gap:30px;align-items:center;padding-top:34px}
.roofers-v95 .wgh95-final-inputs{display:flex;flex-direction:column;gap:10px}
.roofers-v95 .wgh95-final-inputs span{display:block;padding:14px 16px;border:1px solid #3e4854;background:#18212c;font-size:14px;color:#dce2e8}
.roofers-v95 .wgh95-final-arrow{font-size:46px;color:#8094b4;font-weight:300}
.roofers-v95 .wgh95-final-preview{background:#fff;color:var(--ink);min-height:310px;border:1px solid #d5dae0;display:flex;flex-direction:column}
.roofers-v95 .wgh95-final-preview-nav{height:54px;border-bottom:1px solid #e0e4e8;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px}.roofers-v95 .wgh95-final-preview-nav i{width:44px;height:9px;background:#d8dde3}
.roofers-v95 .wgh95-final-preview-copy{padding:40px 28px 28px;display:flex;flex-direction:column;flex:1}.roofers-v95 .wgh95-final-preview-copy span{font-size:12px;color:#6b7580;margin-bottom:18px}.roofers-v95 .wgh95-final-preview-copy strong{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(30px,2.7vw,44px);line-height:.98;letter-spacing:-.045em;max-width:8ch}.roofers-v95 .wgh95-final-preview-copy em{font-style:normal;margin-top:auto;color:var(--blue);font-size:14px;font-weight:760}

@media(max-width:1280px){
 .roofers-v95 .wgh94-local{grid-template-columns:minmax(300px,.6fr) minmax(0,1fr);column-gap:80px}.roofers-v95 .wgh95-areas{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}.roofers-v95 .wgh95-area:nth-child(odd){padding-right:34px;border-right:1px solid #aeb7c2}.roofers-v95 .wgh95-area:nth-child(even){padding-left:34px}
 .roofers-v95 .wgh95-final-shell{grid-template-columns:1fr;gap:58px}.roofers-v95 .wgh95-final-copy{max-width:760px}.roofers-v95 .wgh95-final h2{max-width:13ch}
}
@media(max-width:760px){
 .roofers-v95 .wgh94-local{display:block;padding:88px 24px}.roofers-v95 .wgh94-local .wgh94-number{min-width:0;width:auto;margin-bottom:50px}.roofers-v95 .wgh94-local-copy{padding-top:24px}.roofers-v95 .wgh95-areas{display:block;margin-top:54px}.roofers-v95 .wgh95-area,.roofers-v95 .wgh95-area:nth-child(odd),.roofers-v95 .wgh95-area:nth-child(even){font-size:39px;padding:22px 0;border-right:0}
 .roofers-v95 .wgh95-final{padding:88px 24px}.roofers-v95 .wgh95-final-shell{display:block}.roofers-v95 .wgh95-final h2{font-size:clamp(37px,9.4vw,44px);max-width:11ch}.roofers-v95 .wgh95-final-board{margin-top:54px;padding:24px 20px}.roofers-v95 .wgh95-final-board-body{grid-template-columns:1fr;gap:22px}.roofers-v95 .wgh95-final-arrow{transform:rotate(90deg);justify-self:start;font-size:38px}.roofers-v95 .wgh95-final-preview{min-height:280px}.roofers-v95 .wgh95-final-button{width:100%;min-width:0}
}


/* Source: wgh96-public-pages.css */
/* WebsiteGeneratorHub v0.3.96 — public pages + Roofer builder */
body.wgh96-page {
  --w96-ink:#111827;
  --w96-muted:#667085;
  --w96-line:#dce1e9;
  --w96-paper:#ffffff;
  --w96-bg:#f5f7fa;
  --w96-soft:#eef2f8;
  --w96-blue:#3157c9;
  --w96-blue-dark:#203d92;
  --w96-dark:#141922;
  --w96-radius:30px;
  background:var(--w96-bg);
  color:var(--w96-ink);
}
body.wgh96-page #main-content{overflow:clip;background:var(--w96-bg)}
body.wgh96-page h1,body.wgh96-page h2,body.wgh96-page h3{font-family:"Wix Madefor Display",Inter,sans-serif;letter-spacing:-.045em;color:var(--w96-ink)}
body.wgh96-page p,body.wgh96-page label,body.wgh96-page input,body.wgh96-page textarea,body.wgh96-page select,body.wgh96-page button{font-family:"Wix Madefor Text",Inter,sans-serif}
.wgh96-back{display:inline-flex;align-items:center;gap:8px;color:var(--w96-muted);font-size:16px;font-weight:700;text-decoration:none;margin-bottom:28px}
.wgh96-back:hover{color:var(--w96-ink)}
.wgh96-inline-link{display:inline-flex;gap:12px;align-items:center;margin-top:26px;color:var(--w96-ink);font-size:18px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--w96-ink);padding-bottom:5px}
.wgh96-inline-link span{transition:transform .2s ease}.wgh96-inline-link:hover span{transform:translate(4px,-2px)}

/* shared heroes */
.wgh96-page-hero,.wgh96-builder-hero,.wgh96-result-hero{padding:150px 0 84px;background:linear-gradient(180deg,#fff 0%,#f7f8fa 100%);border-bottom:1px solid var(--w96-line)}
.wgh96-page-hero-grid,.wgh96-builder-hero-grid,.wgh96-result-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(56px,8vw,140px);align-items:end}
.wgh96-page-hero h1,.wgh96-builder-hero h1,.wgh96-result-hero h1{font-size:clamp(52px,5.5vw,82px);line-height:.98;margin:0;max-width:980px;font-weight:760}
.wgh96-page-hero-grid>div:last-child>p,.wgh96-builder-hero-grid>div:last-child>p,.wgh96-result-head>div:last-child>p{font-size:clamp(18px,1.4vw,22px);line-height:1.55;color:var(--w96-muted);margin:0;max-width:620px}

/* large numbers: never small label numbers */
.wgh96-stepnum{font-family:"Wix Madefor Display",Inter,sans-serif;font-size:clamp(190px,17vw,300px);font-weight:800;line-height:.7;letter-spacing:-.09em;color:rgba(49,87,201,.105);user-select:none;white-space:nowrap}

/* How it works */
.wgh96-how-hero{padding-bottom:0}
.wgh96-how-diagram{margin-top:78px;display:grid;grid-template-columns:1fr auto 1.25fr;gap:30px;align-items:center;padding-bottom:90px}
.wgh96-how-input,.wgh96-how-output{min-height:250px;border:1px solid var(--w96-line);background:#fff;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:13px;box-shadow:0 25px 70px rgba(21,31,48,.07)}
.wgh96-how-input strong,.wgh96-how-output strong{font-size:28px;letter-spacing:-.035em}
.wgh96-how-input span,.wgh96-how-output span{font-size:17px;color:var(--w96-muted)}
.wgh96-how-input span{border-top:1px solid var(--w96-line);padding-top:12px}
.wgh96-how-arrow{font-size:74px;font-weight:300;color:#a5afbf}
.wgh96-mini-browser{height:96px;border:1px solid #cfd6e2;border-radius:17px;background:linear-gradient(160deg,#eef2f7 0 34%,#dfe6ef 34% 58%,#f8fafc 58%);position:relative;margin-bottom:18px;overflow:hidden}
.wgh96-mini-browser:before{content:"";display:block;height:24px;border-bottom:1px solid #d7dde6;background:#fff}
.wgh96-mini-browser i{position:absolute;top:9px;width:6px;height:6px;border-radius:50%;background:#b8c0cc}.wgh96-mini-browser i:nth-child(1){left:12px}.wgh96-mini-browser i:nth-child(2){left:23px}.wgh96-mini-browser i:nth-child(3){left:34px}
.wgh96-how-steps{background:#fff}
.wgh96-how-step{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(260px,390px);gap:70px;align-items:center;min-height:520px;padding:76px 0;border-bottom:1px solid var(--w96-line)}
.wgh96-how-step h2{font-size:clamp(40px,4vw,62px);line-height:1.02;margin:0 0 24px;max-width:820px}
.wgh96-how-step p{font-size:19px;line-height:1.65;color:var(--w96-muted);margin:0;max-width:760px}
.wgh96-how-step-side{border-left:1px solid var(--w96-line);padding-left:30px}.wgh96-how-step-side strong{font-size:21px}.wgh96-how-step-side p{font-size:17px;margin-top:12px}
.wgh96-how-step-soft{background:var(--w96-soft);position:relative;box-shadow:0 0 0 100vmax var(--w96-soft);clip-path:inset(0 -100vmax)}
.wgh96-how-step-dark{background:var(--w96-dark);position:relative;box-shadow:0 0 0 100vmax var(--w96-dark);clip-path:inset(0 -100vmax)}
.wgh96-how-step-dark h2,.wgh96-how-step-dark .wgh96-how-step-side strong{color:#fff}.wgh96-how-step-dark p{color:#b7c0ce}.wgh96-how-step-dark .wgh96-stepnum{color:rgba(255,255,255,.12)}.wgh96-how-step-dark .wgh96-how-step-side{border-color:#343b47}
.wgh96-how-choice-visual{display:flex;flex-direction:column;gap:10px}.wgh96-how-choice-visual span{display:block;background:#fff;border:1px solid #d6dce6;border-radius:14px;padding:17px 19px;font-weight:750}.wgh96-how-choice-visual span:first-child{border-color:#aebce8;box-shadow:0 8px 26px rgba(49,87,201,.1)}
.wgh96-how-stack{display:flex;flex-direction:column;gap:7px}.wgh96-how-stack span{display:block;padding:16px 18px;background:#f6f8fb;border:1px solid var(--w96-line);font-weight:700}.wgh96-how-stack span:nth-child(2){margin-left:18px}.wgh96-how-stack span:nth-child(3){margin-left:36px}.wgh96-how-stack span:nth-child(4){margin-left:54px}.wgh96-how-stack span:nth-child(5){margin-left:72px}

/* About */
.wgh96-about-manifesto{padding:120px 0;background:#fff}.wgh96-about-manifesto-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.wgh96-about-bigword{font-family:"Wix Madefor Display",Inter,sans-serif;font-size:clamp(120px,15vw,250px);font-weight:800;letter-spacing:-.1em;line-height:.7;color:#e8ecf2;transform:translateX(-8px)}
.wgh96-about-copy h2{font-size:clamp(42px,4.5vw,66px);line-height:1.02;margin:0 0 28px}.wgh96-about-copy p{font-size:19px;line-height:1.7;color:var(--w96-muted);margin:0 0 18px;max-width:760px}
.wgh96-about-split{padding:0 0 120px;background:#fff}.wgh96-about-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wgh96-about-panel{padding:55px;border-radius:28px;min-height:460px}.wgh96-about-panel h2{font-size:44px;margin:0 0 48px}.wgh96-about-panel>div{display:flex;flex-direction:column}.wgh96-about-panel span{font-size:22px;font-weight:750;padding:18px 0;border-top:1px solid}.wgh96-about-panel-light{background:var(--w96-soft)}.wgh96-about-panel-light span{border-color:#d8dee8}.wgh96-about-panel-dark{background:var(--w96-dark)}.wgh96-about-panel-dark h2,.wgh96-about-panel-dark span{color:#fff}.wgh96-about-panel-dark span{border-color:#343b47}
.wgh96-about-roofer{padding:125px 0;background:#f3f5f8;border-top:1px solid var(--w96-line);border-bottom:1px solid var(--w96-line)}.wgh96-about-roofer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.wgh96-about-ring{width:min(34vw,430px);aspect-ratio:1;border:1px solid #cfd6e2;border-radius:50%;display:grid;place-items:center;position:relative}.wgh96-about-ring:after{content:"";position:absolute;inset:13%;border:1px solid #dfe4ec;border-radius:50%}.wgh96-about-ring span{font-size:clamp(44px,5vw,76px);font-weight:800;letter-spacing:-.06em}.wgh96-about-roofer h2{font-size:clamp(44px,4.5vw,66px);margin:0 0 24px}.wgh96-about-roofer p{font-size:19px;line-height:1.7;color:var(--w96-muted);margin:0 0 18px}
.wgh96-about-principles{padding:120px 0;background:#fff}.wgh96-about-principles-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:65px}.wgh96-about-principles-head h2{font-size:clamp(42px,4vw,62px);margin:0}.wgh96-about-principles-head p{font-size:19px;line-height:1.6;color:var(--w96-muted);margin:0}.wgh96-about-principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--w96-line);border:1px solid var(--w96-line)}.wgh96-about-principles-grid article{background:#fff;padding:42px;min-height:220px}.wgh96-about-principles-grid strong{display:block;font-size:27px;letter-spacing:-.03em;margin-bottom:15px}.wgh96-about-principles-grid p{font-size:17px;line-height:1.65;color:var(--w96-muted);margin:0}

/* Builder */
.wgh96-builder-note{display:inline-flex;margin-top:26px;padding:12px 16px;border-radius:999px;background:#edf1f7;color:#405069;font-size:15px;font-weight:750}
.wgh96-form-alert{margin-top:28px;background:#fff2f2;border:1px solid #efc7c7;border-radius:18px;padding:20px 24px}.wgh96-form-alert strong{display:block;font-size:18px}.wgh96-form-alert p{margin:6px 0 0;color:#8b3434}
.wgh96-builder-form-section{background:#fff;padding:0 0 110px}.wgh96-builder-form{border-left:1px solid var(--w96-line);border-right:1px solid var(--w96-line)}
.wgh96-form-chapter{display:grid;grid-template-columns:250px 1fr;column-gap:70px;row-gap:38px;padding:90px 70px 100px;border-bottom:1px solid var(--w96-line);position:relative}.wgh96-form-chapter>.wgh96-stepnum{grid-row:1 / span 2;align-self:start}.wgh96-form-chapter-copy{align-self:center}.wgh96-form-chapter-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.04;margin:0 0 16px}.wgh96-form-chapter-copy p{font-size:18px;line-height:1.6;color:var(--w96-muted);margin:0;max-width:720px}
.wgh96-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wgh96-span-2{grid-column:span 2}.wgh96-field{display:flex;flex-direction:column;gap:10px}.wgh96-field>span{font-size:16px;font-weight:800;color:#303a49}.wgh96-field>span small{font-size:13px;color:#8a94a3;font-weight:700}.wgh96-field input,.wgh96-field textarea,.wgh96-field select{width:100%;border:1px solid #cfd6df;background:#fbfcfd;border-radius:14px;padding:16px 17px;font-size:17px;color:var(--w96-ink);outline:none;transition:border .18s ease,box-shadow .18s ease,background .18s ease}.wgh96-field textarea{resize:vertical;min-height:120px;line-height:1.55}.wgh96-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#626d7c 50%),linear-gradient(135deg,#626d7c 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:44px}.wgh96-field input:focus,.wgh96-field textarea:focus,.wgh96-field select:focus{background:#fff;border-color:#8ca1dc;box-shadow:0 0 0 4px rgba(49,87,201,.08)}.wgh96-field>small{font-size:13px;line-height:1.5;color:#7c8797}.wgh96-field em,.wgh96-choice-block em{font-size:13px;color:#a03e3e;font-style:normal;font-weight:700}
.wgh96-choice-block{display:grid;gap:36px}.wgh96-choice-block fieldset{border:0;padding:0;margin:0}.wgh96-choice-block legend{font-size:18px;font-weight:800;margin-bottom:18px}.wgh96-choice-row{display:flex;flex-wrap:wrap;gap:10px}.wgh96-choice-row label input,.wgh96-design-choices label input{position:absolute;opacity:0;pointer-events:none}.wgh96-choice-row label span{display:block;padding:14px 18px;border:1px solid #cfd6df;border-radius:999px;background:#fff;font-weight:750;cursor:pointer}.wgh96-choice-row label input:checked+span{background:var(--w96-dark);border-color:var(--w96-dark);color:#fff}
.wgh96-design-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wgh96-design-choices label span{display:block;min-height:150px;border:1px solid #cfd6df;border-radius:20px;padding:25px;background:#fff;cursor:pointer}.wgh96-design-choices b{display:block;font-size:24px;margin-bottom:10px}.wgh96-design-choices small{font-size:15px;line-height:1.5;color:var(--w96-muted)}.wgh96-design-choices input:checked+span{border-color:#8298da;box-shadow:inset 0 0 0 2px rgba(49,87,201,.2),0 14px 38px rgba(38,54,90,.08);background:#f9faff}
.wgh96-builder-submit{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:55px 70px;background:#f3f5f8}.wgh96-builder-submit strong{font-size:21px}.wgh96-builder-submit p{margin:8px 0 0;color:var(--w96-muted);font-size:16px}.wgh96-builder-submit button,.wgh96-contact-submit button{border:0;border-radius:999px;background:var(--w96-dark);color:#fff;padding:18px 26px;font-weight:800;font-size:17px;cursor:pointer;display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.wgh96-builder-submit button span,.wgh96-contact-submit button span{transition:transform .2s ease}.wgh96-builder-submit button:hover span,.wgh96-contact-submit button:hover span{transform:translate(4px,-2px)}

/* Result / preview */
.wgh96-result-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.wgh96-result-meta span{padding:9px 13px;border:1px solid var(--w96-line);border-radius:999px;background:#fff;color:#526071;font-size:14px;font-weight:750}.wgh96-result-stage{padding:80px 0 105px;background:#e9edf3}.wgh96-result-browser{max-width:1280px;margin:auto;border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(22,31,46,.14);overflow:hidden;border:1px solid #d6dce5}.wgh96-result-toolbar{height:54px;background:#f6f7f9;border-bottom:1px solid #dfe3e9;display:flex;align-items:center;gap:8px;padding:0 20px}.wgh96-result-toolbar i{width:8px;height:8px;border-radius:50%;background:#c3cad4}.wgh96-result-toolbar span{margin-left:16px;color:#8a94a3;font-size:13px}.wgh96-result-site nav{height:86px;display:flex;align-items:center;gap:25px;padding:0 46px;border-bottom:1px solid #eceff3}.wgh96-result-site nav>b{font-size:22px}.wgh96-result-site nav>div{display:flex;gap:22px;margin-left:auto;color:#5d6878}.wgh96-result-site nav>strong{margin-left:10px;background:#111827;color:#fff;padding:12px 16px;border-radius:999px;font-size:14px}.wgh96-result-site-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:470px}.wgh96-result-site-hero>div:first-child{padding:70px 56px;display:flex;flex-direction:column;justify-content:center}.wgh96-result-site-hero small{font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#667085}.wgh96-result-site-hero h2{font-size:clamp(48px,5vw,74px);line-height:.98;margin:20px 0}.wgh96-result-site-hero p{font-size:18px;line-height:1.6;color:#667085;max-width:560px}.wgh96-result-site-hero b{display:inline-flex;align-self:flex-start;margin-top:20px;background:#3157c9;color:#fff;padding:15px 18px;border-radius:999px}.wgh96-result-roof-visual{background:linear-gradient(155deg,#cfd7df 0 43%,#7e8a97 43% 57%,#b7c0c9 57% 100%);position:relative;overflow:hidden}.wgh96-result-roof-visual:before{content:"";position:absolute;width:72%;height:42%;background:#4e5965;clip-path:polygon(50% 0,100% 72%,89% 72%,89% 100%,11% 100%,11% 72%,0 72%);left:14%;top:28%}.wgh96-result-roof-visual:after{content:"";position:absolute;width:38%;height:20%;background:#d8dde2;left:31%;top:54%}.wgh96-result-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6eaf0}.wgh96-result-services article{padding:28px;border-right:1px solid #e6eaf0;min-height:140px}.wgh96-result-services article:last-child{border-right:0}.wgh96-result-services strong{display:block;font-size:18px;margin-bottom:8px}.wgh96-result-services span{font-size:14px;line-height:1.5;color:#768191}.wgh96-result-area{display:flex;justify-content:space-between;gap:25px;padding:28px 40px;background:#171d27;color:#fff}.wgh96-result-area strong{font-size:20px}.wgh96-result-area span{color:#bdc7d4}.wgh96-result-next{background:#fff;padding:100px 0}.wgh96-result-next-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:65px;align-items:center}.wgh96-result-next h2{font-size:clamp(40px,4vw,58px);margin:0 0 18px}.wgh96-result-next p{font-size:18px;line-height:1.65;color:var(--w96-muted);margin:0}.wgh96-result-actions{display:flex;flex-direction:column;gap:10px}.wgh96-result-actions a{padding:14px 18px;border:1px solid var(--w96-line);border-radius:13px;text-decoration:none;color:var(--w96-ink);font-weight:750;background:#fff}.wgh96-result-actions a:last-child{background:var(--w96-dark);color:#fff;border-color:var(--w96-dark)}

/* FAQ */
.wgh96-faq-section{padding:95px 0;background:#fff;border-bottom:1px solid var(--w96-line)}.wgh96-faq-soft{background:#f2f4f7}.wgh96-faq-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:110px}.wgh96-faq-layout aside h2{font-size:34px;margin:0 0 15px}.wgh96-faq-layout aside p{font-size:16px;line-height:1.6;color:var(--w96-muted);margin:0}.wgh96-faq-list{border-top:1px solid #ccd3dc}.wgh96-faq-list details{border-bottom:1px solid #ccd3dc}.wgh96-faq-list summary{list-style:none;cursor:pointer;padding:25px 50px 25px 0;font-size:21px;font-weight:780;letter-spacing:-.015em;position:relative}.wgh96-faq-list summary::-webkit-details-marker{display:none}.wgh96-faq-list summary:after{content:"+";position:absolute;right:7px;top:18px;font-size:33px;font-weight:300;color:#7a8492}.wgh96-faq-list details[open] summary:after{content:"−"}.wgh96-faq-list details p{font-size:17px;line-height:1.7;color:var(--w96-muted);margin:0;padding:0 55px 27px 0;max-width:900px}

/* Contact */
.wgh96-contact-section{padding:100px 0 120px;background:#fff}.wgh96-contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}.wgh96-contact-aside{position:sticky;top:125px}.wgh96-contact-aside h2{font-size:42px;margin:0 0 38px}.wgh96-contact-topics{border-top:1px solid var(--w96-line)}.wgh96-contact-topics>div{padding:21px 0;border-bottom:1px solid var(--w96-line)}.wgh96-contact-topics strong{display:block;font-size:18px;margin-bottom:7px}.wgh96-contact-topics span{display:block;font-size:15px;line-height:1.5;color:var(--w96-muted)}
.wgh96-contact-form-wrap{background:#f5f7fa;border:1px solid var(--w96-line);border-radius:28px;padding:42px}.wgh96-contact-form{display:grid;gap:23px}.wgh96-contact-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wgh96-contact-success,.wgh96-contact-error{padding:18px 20px;border-radius:15px;margin-bottom:24px}.wgh96-contact-success{background:#eef7ef;border:1px solid #bfddc4}.wgh96-contact-error{background:#fff1f1;border:1px solid #e9c4c4}.wgh96-contact-success strong,.wgh96-contact-error strong{display:block;font-size:17px}.wgh96-contact-success p,.wgh96-contact-error p{margin:6px 0 0;font-size:15px}.wgh96-contact-submit{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-top:8px}.wgh96-contact-submit p{font-size:13px;line-height:1.55;color:#7b8695;margin:0;max-width:460px}.wgh96-contact-submit a{color:inherit}.wgh96-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* Legal */
.wgh96-legal-hero{padding:155px 0 78px;background:#fff;border-bottom:1px solid var(--w96-line)}.wgh96-legal-hero>.site-shell{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.wgh96-legal-hero h1{font-size:clamp(54px,6vw,84px);margin:0}.wgh96-legal-hero strong{font-size:15px;color:#465364}.wgh96-legal-hero p{font-size:18px;line-height:1.6;color:var(--w96-muted);margin:15px 0 0;max-width:650px}.wgh96-legal{padding:90px 0 130px;background:#f8f9fb}.wgh96-legal-grid{display:grid;grid-template-columns:260px minmax(0,850px);gap:100px;justify-content:center;align-items:start}.wgh96-legal aside{position:sticky;top:125px}.wgh96-legal nav{display:flex;flex-direction:column;border-top:1px solid #d5dbe4}.wgh96-legal nav a{padding:12px 0;border-bottom:1px solid #d5dbe4;color:#667085;text-decoration:none;font-size:14px;font-weight:700}.wgh96-legal nav a:hover{color:var(--w96-ink)}.wgh96-legal article{background:#fff;border:1px solid var(--w96-line);border-radius:24px;padding:55px 64px}.wgh96-legal article h2{font-size:30px;margin:52px 0 15px;scroll-margin-top:130px}.wgh96-legal article h2:first-child{margin-top:0}.wgh96-legal article p{font-size:17px;line-height:1.78;color:#596576;margin:0 0 17px}

/* Shared CTA */
.wgh96-page-cta{padding:78px 0;background:var(--w96-dark)}.wgh96-page-cta>.site-shell{display:flex;justify-content:space-between;align-items:center;gap:60px}.wgh96-page-cta h2{font-size:clamp(38px,4vw,58px);color:#fff;margin:0 0 8px}.wgh96-page-cta p{font-size:18px;color:#b8c1cd;margin:0}.wgh96-page-cta a{display:inline-flex;gap:14px;align-items:center;background:#fff;color:#151a22;text-decoration:none;padding:18px 24px;border-radius:999px;font-size:17px;font-weight:800;white-space:nowrap}

/* Responsive */
@media (max-width:1100px){
  .wgh96-how-step{grid-template-columns:190px minmax(0,1fr);gap:45px}.wgh96-how-step>div:last-child{grid-column:2}.wgh96-form-chapter{grid-template-columns:190px 1fr;padding-left:45px;padding-right:45px;column-gap:45px}.wgh96-result-next-grid{grid-template-columns:190px minmax(0,1fr);gap:45px}.wgh96-result-actions{grid-column:2}.wgh96-faq-layout{grid-template-columns:260px minmax(0,1fr);gap:65px}.wgh96-contact-grid{gap:55px}.wgh96-stepnum{font-size:clamp(155px,16vw,230px)}
}
@media (max-width:900px){
  .wgh96-page-hero,.wgh96-builder-hero,.wgh96-result-hero{padding-top:125px}.wgh96-page-hero-grid,.wgh96-builder-hero-grid,.wgh96-result-head{grid-template-columns:1fr;gap:34px;align-items:start}.wgh96-page-hero h1,.wgh96-builder-hero h1,.wgh96-result-hero h1{font-size:clamp(48px,8vw,68px)}
  .wgh96-how-diagram{grid-template-columns:1fr;gap:18px}.wgh96-how-arrow{transform:rotate(90deg);justify-self:center;line-height:1}.wgh96-how-step{grid-template-columns:1fr;gap:26px;min-height:0;padding:70px 0}.wgh96-how-step>div:last-child{grid-column:auto}.wgh96-how-step-side{border-left:0;border-top:1px solid var(--w96-line);padding:24px 0 0}.wgh96-how-step-dark .wgh96-how-step-side{border-color:#343b47}
  .wgh96-stepnum{font-size:170px}.wgh96-about-manifesto-grid,.wgh96-about-roofer-grid,.wgh96-about-principles-head{grid-template-columns:1fr;gap:45px}.wgh96-about-bigword{font-size:180px}.wgh96-about-split-grid{grid-template-columns:1fr}.wgh96-about-ring{width:min(70vw,390px)}
  .wgh96-form-chapter{grid-template-columns:1fr;padding:70px 35px}.wgh96-form-chapter>.wgh96-stepnum{grid-row:auto}.wgh96-design-choices{grid-template-columns:1fr}.wgh96-builder-submit{padding:40px 35px;align-items:flex-start;flex-direction:column}.wgh96-result-site nav>div{display:none}.wgh96-result-site-hero{grid-template-columns:1fr}.wgh96-result-roof-visual{min-height:330px}.wgh96-result-services{grid-template-columns:repeat(2,1fr)}.wgh96-result-next-grid{grid-template-columns:1fr}.wgh96-result-actions{grid-column:auto}.wgh96-faq-layout,.wgh96-contact-grid,.wgh96-legal-hero>.site-shell,.wgh96-legal-grid{grid-template-columns:1fr;gap:45px}.wgh96-contact-aside,.wgh96-legal aside{position:static}.wgh96-legal aside nav{display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px}.wgh96-page-cta>.site-shell{align-items:flex-start;flex-direction:column}.wgh96-about-principles-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.wgh96-page{--w96-radius:22px}.wgh96-page-hero,.wgh96-builder-hero,.wgh96-result-hero{padding:112px 0 58px}.wgh96-page-hero h1,.wgh96-builder-hero h1,.wgh96-result-hero h1{font-size:43px;line-height:1.02;letter-spacing:-.04em}.wgh96-page-hero-grid>div:last-child>p,.wgh96-builder-hero-grid>div:last-child>p,.wgh96-result-head>div:last-child>p{font-size:17px}.wgh96-stepnum{font-size:138px;line-height:.72}.wgh96-how-diagram{margin-top:50px;padding-bottom:58px}.wgh96-how-input,.wgh96-how-output{padding:25px;min-height:210px}.wgh96-how-step h2,.wgh96-form-chapter-copy h2,.wgh96-result-next h2{font-size:38px}.wgh96-how-step p,.wgh96-form-chapter-copy p,.wgh96-result-next p{font-size:17px}.wgh96-how-stack span:nth-child(n){margin-left:0}.wgh96-about-manifesto{padding:80px 0}.wgh96-about-bigword{font-size:125px}.wgh96-about-copy h2,.wgh96-about-roofer h2,.wgh96-about-principles-head h2{font-size:39px}.wgh96-about-panel{padding:32px;min-height:0}.wgh96-about-panel h2{font-size:36px;margin-bottom:30px}.wgh96-about-panel span{font-size:19px}.wgh96-about-roofer,.wgh96-about-principles{padding:80px 0}.wgh96-about-principles-grid article{padding:30px}.wgh96-form-chapter{padding:60px 22px}.wgh96-field-grid{grid-template-columns:1fr}.wgh96-span-2{grid-column:auto}.wgh96-choice-row{flex-direction:column}.wgh96-choice-row label span{border-radius:14px}.wgh96-builder-submit{padding:34px 22px}.wgh96-builder-submit button,.wgh96-contact-submit button{width:100%;justify-content:center}.wgh96-result-stage{padding:45px 0 65px}.wgh96-result-site nav{height:70px;padding:0 20px}.wgh96-result-site nav>strong{font-size:11px;padding:10px}.wgh96-result-site-hero>div:first-child{padding:40px 24px}.wgh96-result-site-hero h2{font-size:44px}.wgh96-result-roof-visual{min-height:250px}.wgh96-result-services{grid-template-columns:1fr}.wgh96-result-services article{border-right:0;border-bottom:1px solid #e6eaf0;min-height:0}.wgh96-result-area{flex-direction:column;padding:24px}.wgh96-faq-section{padding:70px 0}.wgh96-faq-layout{gap:28px}.wgh96-faq-layout aside h2{font-size:31px}.wgh96-faq-list summary{font-size:18px;padding-right:42px}.wgh96-contact-section{padding:70px 0 90px}.wgh96-contact-form-wrap{padding:24px 18px;border-radius:20px}.wgh96-contact-two{grid-template-columns:1fr}.wgh96-contact-submit{flex-direction:column;align-items:stretch}.wgh96-legal-hero{padding:120px 0 55px}.wgh96-legal-hero h1{font-size:50px}.wgh96-legal{padding:55px 0 90px}.wgh96-legal aside nav{grid-template-columns:1fr}.wgh96-legal article{padding:30px 22px;border-radius:18px}.wgh96-legal article h2{font-size:27px}.wgh96-page-cta{padding:62px 0}.wgh96-page-cta h2{font-size:39px}.wgh96-page-cta a{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.wgh96-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Source: wgh400-generator.css */
.wgh400-template-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wgh400-template-choice{min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.wgh400-template-choice b{font-size:19px}.wgh400-template-choice small{font-size:14px;line-height:1.55}.wgh400-template-swatch{width:100%;height:58px;border-radius:10px;overflow:hidden;display:grid!important;grid-template-columns:1.4fr 1fr .5fr;gap:0!important;border:1px solid rgba(15,35,50,.1)}.wgh400-template-swatch i:nth-child(1){background:var(--tc1)}.wgh400-template-swatch i:nth-child(2){background:var(--tc2)}.wgh400-template-swatch i:nth-child(3){background:var(--tc3)}
.wgh400-template-response .wgh96-result-site{background:var(--tpl-secondary)}.wgh400-template-response .wgh96-result-site nav strong,.wgh400-template-response .wgh96-result-site-hero b{background:var(--tpl-primary)!important}.wgh400-template-response .wgh96-result-site-hero{grid-template-columns:1.1fr .9fr}.wgh400-template-response .wgh96-result-services article{border-top:3px solid var(--tpl-accent)}
.wgh400-template-premium .wgh96-result-site{background:var(--tpl-secondary)}.wgh400-template-premium .wgh96-result-site-hero{min-height:520px;align-items:end}.wgh400-template-premium .wgh96-result-site-hero h2{font-family:"Wix Madefor Display",sans-serif;letter-spacing:-.045em}.wgh400-template-premium .wgh96-result-roof-visual{border-radius:26px}.wgh400-template-premium .wgh96-result-services{gap:24px}.wgh400-template-premium .wgh96-result-services article{background:transparent;border:1px solid rgba(25,42,54,.16)}
@media(max-width:900px){.wgh400-template-choices{grid-template-columns:1fr!important}.wgh400-template-choice{min-height:0!important}}


/* Source: wgh410-roofer-builder.css */
/* WebsiteGeneratorHub v0.4.1 — industry navigation, Roofer-specific builder and 10 template systems */
:root{--wgh410-ink:#14212b;--wgh410-muted:#667684;--wgh410-line:#dbe3e7;--wgh410-surface:#f4f6f5;--wgh410-navy:#1f3b4d}

/* Industries is a menu trigger, never a dead link. */
.nav-industries{position:relative;display:flex;align-items:center}.nav-industries>button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;padding:10px 0;display:flex;align-items:center;gap:7px;cursor:pointer}.nav-industries>button i{font-style:normal;font-size:11px;transition:transform .2s ease}.nav-industries.is-open>button i,.nav-industries:focus-within>button i{transform:rotate(180deg)}.industry-submenu{position:absolute;left:50%;top:calc(100% + 11px);transform:translateX(-50%) translateY(-7px);width:250px;padding:9px;background:#fff;border:1px solid rgba(20,33,43,.12);border-radius:15px;box-shadow:0 22px 60px rgba(19,40,55,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;z-index:80}.nav-industries:hover .industry-submenu,.nav-industries:focus-within .industry-submenu,.nav-industries.is-open .industry-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.industry-submenu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.industry-submenu a{display:flex!important;align-items:center;justify-content:space-between;padding:13px 14px!important;border-radius:10px;color:#192d3b!important;text-decoration:none;font-size:14px!important}.industry-submenu a:hover,.industry-submenu a.is-active{background:#edf2f4!important}.industry-submenu a span{font-size:11px;color:#718391}.industry-submenu .coming{display:block;padding:9px 14px 11px;border-top:1px solid #edf1f3;color:#8a98a3;font-size:11px;line-height:1.45}

/* Builder outer shell */
.wgh410-roofer-builder-page{background:#f6f7f6;color:var(--wgh410-ink)}.wgh410-builder-head{padding:82px 0 44px;border-bottom:1px solid #e0e5e7;background:#fbfcfb}.wgh410-builder-head-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);gap:70px;align-items:end}.wgh410-back{display:inline-flex;margin-bottom:34px;color:#60727f;text-decoration:none;font-size:13px;font-weight:700}.wgh410-industry{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#71838f;margin-bottom:17px}.wgh410-builder-head h1{max-width:870px;margin:0;font:760 clamp(44px,5.2vw,76px)/.97 "Inter Tight",Inter,sans-serif;letter-spacing:-.055em}.wgh410-builder-head-side{padding:0 0 5px;border-top:1px solid #cfd8dc}.wgh410-builder-head-side strong{display:block;font:720 25px/1.1 "Inter Tight",Inter,sans-serif;margin:17px 0 10px;letter-spacing:-.03em}.wgh410-builder-head-side p{margin:0;color:#667684;line-height:1.65;font-size:15px}.wgh410-alert,.wgh410-saved{margin-top:22px;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.wgh410-alert{background:#fff0f0;border:1px solid #efcaca;color:#8e3333}.wgh410-alert span{margin-left:8px}.wgh410-saved{background:#edf5f0;border:1px solid #cfe2d6}.wgh410-saved div{display:grid;gap:4px}.wgh410-saved span{font-size:12px;color:#65796d}.wgh410-saved a{font-size:12px;font-weight:800;color:#294d3c;text-decoration:none}
.wgh410-workspace{padding:42px 0 110px}.wgh410-workspace-grid{display:grid;grid-template-columns:minmax(440px,.78fr) minmax(620px,1.22fr);gap:38px;align-items:start}.wgh410-builder-form{min-width:0}.wgh410-form-section{position:relative;background:#fff;border:1px solid #dde4e7;border-radius:20px;padding:28px;margin-bottom:18px;overflow:hidden}.wgh410-form-number{font:790 86px/.74 "Inter Tight",Inter,sans-serif;letter-spacing:-.075em;color:#d5dde1;margin:0 0 22px}.wgh410-form-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.68fr);gap:24px;align-items:end;border-bottom:1px solid #e8edef;padding-bottom:20px;margin-bottom:22px}.wgh410-form-copy h2{font:750 29px/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em;margin:0}.wgh410-form-copy p{font-size:12px;line-height:1.5;color:#7b8a94;margin:0}.wgh410-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wgh410-field{display:grid;gap:7px}.wgh410-field.full{grid-column:1/-1}.wgh410-field>span,.wgh410-action-choice legend{font-size:11px;font-weight:800;color:#415766;letter-spacing:.02em}.wgh410-field span em{font-style:normal;color:#94a0a8;font-weight:600}.wgh410-field input,.wgh410-field textarea{width:100%;border:1px solid #ccd8dd;background:#fbfcfc;border-radius:11px;padding:12px 13px;font:500 14px/1.45 Inter,sans-serif;color:#172a37;outline:none;transition:.15s ease}.wgh410-field input:focus,.wgh410-field textarea:focus{border-color:#8299a6;box-shadow:0 0 0 3px rgba(90,120,138,.09)}.wgh410-field textarea{resize:vertical;min-height:112px}.wgh410-field small{font-size:10px;line-height:1.45;color:#87959e}.wgh410-action-choice{border:0;padding:0;margin:18px 0 0}.wgh410-action-choice legend{margin-bottom:9px}.wgh410-action-choice>div{display:flex;flex-wrap:wrap;gap:7px}.wgh410-action-choice label input{position:absolute;opacity:0}.wgh410-action-choice label span{display:block;border:1px solid #d6dfe3;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:720;background:#fff;cursor:pointer}.wgh410-action-choice label input:checked+span{background:#1d3546;color:#fff;border-color:#1d3546}

/* Ten template choices */
.wgh410-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wgh410-template-option input{position:absolute;opacity:0;pointer-events:none}.wgh410-template-card{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:15px 50px 25px auto auto;gap:4px;min-height:180px;border:1px solid #d9e1e5;border-radius:13px;padding:11px;background:#f9faf9;cursor:pointer;overflow:hidden;transition:.18s ease}.wgh410-template-option input:checked+.wgh410-template-card{border-color:#243e4f;box-shadow:0 0 0 2px #243e4f}.wgh410-template-card>i{display:block;background:#d5dfe3;border-radius:3px}.wgh410-mini-nav{grid-column:1/-1!important}.wgh410-mini-copy{background:#c5d1d7!important}.wgh410-mini-visual{background:#8ca1ad!important}.wgh410-mini-bottom{grid-column:1/-1!important;background:#e4e9eb!important}.wgh410-template-card b{grid-column:1/-1;font-size:12px;line-height:1.2;margin-top:7px}.wgh410-template-card small{grid-column:1/-1;font-size:9px;line-height:1.35;color:#76858e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wgh410-template-card[data-mini-template="response"]{background:#273944}.wgh410-template-card[data-mini-template="response"] .wgh410-mini-nav{background:#fff!important}.wgh410-template-card[data-mini-template="response"] .wgh410-mini-copy{background:#f1f3f3!important}.wgh410-template-card[data-mini-template="response"] .wgh410-mini-visual{background:#718997!important}.wgh410-template-card[data-mini-template="response"] b,.wgh410-template-card[data-mini-template="response"] small{color:#fff}.wgh410-template-card[data-mini-template="premium"]{grid-template-rows:15px 82px auto auto;background:#edeae4}.wgh410-template-card[data-mini-template="premium"] .wgh410-mini-copy{grid-column:1/-1;position:relative;z-index:2;width:60%;align-self:end;background:#fff!important}.wgh410-template-card[data-mini-template="premium"] .wgh410-mini-visual{grid-column:1/-1;grid-row:2;min-height:82px;background:#556b75!important}.wgh410-template-card[data-mini-template="local-authority"] .wgh410-mini-copy{grid-column:1/-1}.wgh410-template-card[data-mini-template="local-authority"] .wgh410-mini-visual{grid-column:1/-1;background:repeating-linear-gradient(90deg,#91a5af 0 1px,#dfe6e9 1px 12px)!important}.wgh410-template-card[data-mini-template="modern-craft"]{background:#f0ece4}.wgh410-template-card[data-mini-template="modern-craft"] .wgh410-mini-visual{grid-column:1;grid-row:2;background:#766f63!important}.wgh410-template-card[data-mini-template="modern-craft"] .wgh410-mini-copy{grid-column:2;grid-row:2;background:#c8bca7!important}.wgh410-template-card[data-mini-template="bold-contrast"]{background:#17191a}.wgh410-template-card[data-mini-template="bold-contrast"] .wgh410-mini-nav,.wgh410-template-card[data-mini-template="bold-contrast"] .wgh410-mini-bottom{background:#e9ecec!important}.wgh410-template-card[data-mini-template="bold-contrast"] .wgh410-mini-copy{background:#fff!important}.wgh410-template-card[data-mini-template="bold-contrast"] .wgh410-mini-visual{background:#888!important}.wgh410-template-card[data-mini-template="bold-contrast"] b,.wgh410-template-card[data-mini-template="bold-contrast"] small{color:#fff}.wgh410-template-card[data-mini-template="minimal-studio"]{background:#fff}.wgh410-template-card[data-mini-template="minimal-studio"]>i{height:2px;background:#9ba7ad!important}.wgh410-template-card[data-mini-template="minimal-studio"] .wgh410-mini-copy,.wgh410-template-card[data-mini-template="minimal-studio"] .wgh410-mini-visual{height:45px;border:1px solid #d8dfe2;background:transparent!important}.wgh410-template-card[data-mini-template="heritage"]{background:#eee9df;border-color:#cfc5b6}.wgh410-template-card[data-mini-template="heritage"]>i{border-radius:0}.wgh410-template-card[data-mini-template="heritage"] .wgh410-mini-nav{background:#6f6458!important}.wgh410-template-card[data-mini-template="heritage"] .wgh410-mini-copy{background:#d8cdbd!important}.wgh410-template-card[data-mini-template="heritage"] .wgh410-mini-visual{background:#8f8375!important}.wgh410-template-card[data-mini-template="service-first"]{grid-template-rows:15px 22px 22px 22px auto auto}.wgh410-template-card[data-mini-template="service-first"] .wgh410-mini-copy,.wgh410-template-card[data-mini-template="service-first"] .wgh410-mini-visual,.wgh410-template-card[data-mini-template="service-first"] .wgh410-mini-bottom{grid-column:1/-1}.wgh410-template-card[data-mini-template="architectural-grid"]{background:repeating-linear-gradient(0deg,#f4f6f6 0 16px,#dce3e6 17px),repeating-linear-gradient(90deg,transparent 0 16px,#dce3e6 17px)}.wgh410-template-card[data-mini-template="architectural-grid"]>i{border-radius:0;background:#7e929e!important}

.wgh410-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 24px;border-radius:17px;background:#1b2c38;color:#fff}.wgh410-submit strong{display:block;font-size:14px}.wgh410-submit p{margin:4px 0 0;color:#afbdc6;font-size:10px;line-height:1.5;max-width:250px}.wgh410-submit button{border:0;background:#fff;color:#182b37;border-radius:10px;padding:13px 15px;font:800 12px Inter;cursor:pointer;white-space:nowrap}.wgh410-submit button span{margin-left:8px}

/* Sticky live preview */
.wgh410-preview-column{min-width:0}.wgh410-preview-sticky{position:sticky;top:22px}.wgh410-preview-topbar,.wgh410-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.wgh410-preview-topbar{margin-bottom:10px}.wgh410-preview-topbar>div:first-child{display:grid;gap:2px}.wgh410-preview-topbar span,.wgh410-preview-foot{font-size:10px;color:#758690}.wgh410-preview-topbar strong{font:720 18px/1 "Inter Tight"}.wgh410-device-switch{display:flex;background:#e8edef;border-radius:999px;padding:3px}.wgh410-device-switch button{border:0;background:transparent;padding:7px 10px;border-radius:999px;font:750 10px Inter;color:#667984;cursor:pointer}.wgh410-device-switch button.is-active{background:#fff;color:#1c3342;box-shadow:0 2px 8px rgba(20,40,50,.08)}.wgh410-preview-viewport{background:#e7ebec;border:1px solid #d9e0e3;border-radius:20px;padding:14px;min-height:600px;display:flex;justify-content:center;overflow:auto;transition:.2s ease}.wgh410-preview-foot{padding:9px 4px 0}.wgh410-preview-viewport.is-mobile-preview .roofer-preview-shell{width:390px;max-width:390px}.wgh410-preview-viewport.is-mobile-preview .rp-browser{border-radius:30px;padding:8px;background:#1d272d}.wgh410-preview-viewport.is-mobile-preview .rp-browser-bar{display:none}.wgh410-preview-viewport.is-mobile-preview .rp-site{border-radius:23px;overflow:hidden}.wgh410-preview-viewport.is-mobile-preview .rp-nav-links{display:none}.wgh410-preview-viewport.is-mobile-preview .rp-nav{padding:15px}.wgh410-preview-viewport.is-mobile-preview .rp-hero{grid-template-columns:1fr!important;min-height:0!important}.wgh410-preview-viewport.is-mobile-preview .rp-hero-copy{padding:36px 22px!important}.wgh410-preview-viewport.is-mobile-preview .rp-hero-copy h2{font-size:44px!important;max-width:100%!important}.wgh410-preview-viewport.is-mobile-preview .rp-hero-visual{min-height:250px!important;position:relative!important;inset:auto!important}.wgh410-preview-viewport.is-mobile-preview .rp-services{padding:30px 20px!important}.wgh410-preview-viewport.is-mobile-preview .rp-service-grid{grid-template-columns:1fr!important}.wgh410-preview-viewport.is-mobile-preview .rp-local{grid-template-columns:1fr!important;padding:28px 20px!important}.wgh410-preview-viewport.is-mobile-preview .rp-proof{grid-template-columns:auto 1fr!important;padding:24px 20px!important}.wgh410-preview-viewport.is-mobile-preview .rp-proof-action{grid-column:1/-1!important}.wgh410-preview-viewport.is-mobile-preview .rp-footer{padding:18px 20px!important}

/* Preview base */
.roofer-preview-shell{width:100%;max-width:1120px;transition:width .25s ease}.rp-browser{background:#fff;border:1px solid rgba(22,37,47,.13);border-radius:13px;box-shadow:0 24px 60px rgba(19,35,45,.11);overflow:hidden}.rp-browser-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#f6f7f7;border-bottom:1px solid #e5e9ea}.rp-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c5cdd1}.rp-browser-bar span{margin-left:7px;font-size:8px;color:#8b989f}.rp-site{display:flex;flex-direction:column;background:var(--rp-surface);color:var(--rp-ink);min-height:720px;overflow:hidden}.rp-nav{order:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:17px 25px;background:#fff;border-bottom:1px solid color-mix(in srgb,var(--rp-ink) 11%,transparent)}.rp-brand{font:780 15px/1 "Inter Tight";color:var(--rp-ink);text-decoration:none}.rp-nav-links{display:flex;gap:16px;font-size:8px;font-weight:700;color:color-mix(in srgb,var(--rp-ink) 65%,transparent)}.rp-nav-action,.rp-hero-cta{display:inline-flex;align-items:center;background:var(--rp-primary);color:#fff}.rp-nav-action{padding:8px 10px;border-radius:6px;font-size:8px;font-weight:800}.rp-hero{order:1;display:grid;grid-template-columns:1.05fr .95fr;min-height:410px;background:var(--rp-surface)}.rp-hero-copy{padding:56px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.rp-location{font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:820;color:var(--rp-accent)}.rp-hero-copy h2{font:780 clamp(48px,5vw,72px)/.88 "Inter Tight",Inter,sans-serif;letter-spacing:-.065em;max-width:560px;margin:16px 0 20px}.rp-hero-copy p{font-size:12px;line-height:1.6;max-width:430px;margin:0 0 22px;color:color-mix(in srgb,var(--rp-ink) 70%,transparent)}.rp-hero-cta{gap:22px;padding:11px 12px;border-radius:7px;font-size:9px}.rp-hero-cta em{font-style:normal}.rp-hero-visual{position:relative;min-height:410px;background-image:linear-gradient(180deg,rgba(16,30,38,.02),rgba(16,30,38,.2)),url('/assets/roof-house.jpg');background-size:cover;background-position:center}.rp-visual-tag{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:12px 13px;display:grid;gap:3px;min-width:145px}.rp-visual-tag span{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#687985}.rp-visual-tag strong{font-size:11px}.rp-visual-mark{position:absolute;right:18px;top:18px;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.75)}.rp-services{order:2;padding:38px 30px 42px;background:#fff}.rp-section-heading{display:grid;grid-template-columns:.45fr 1fr;gap:25px;border-top:1px solid color-mix(in srgb,var(--rp-ink) 14%,transparent);padding-top:15px;margin-bottom:25px}.rp-section-heading span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#75838b}.rp-section-heading strong{font:700 25px/1 "Inter Tight";letter-spacing:-.035em;max-width:420px}.rp-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rp-service-grid article{padding:16px;background:var(--rp-surface);min-height:112px}.rp-service-rule{display:block;width:27px;height:2px;background:var(--rp-accent);margin-bottom:25px}.rp-service-grid strong{display:block;font:720 14px/1.1 "Inter Tight"}.rp-service-grid p{font-size:8px;line-height:1.5;color:color-mix(in srgb,var(--rp-ink) 65%,transparent);margin:8px 0 0}.rp-local{order:3;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;padding:42px 30px;background:var(--rp-primary);color:#fff}.rp-local>div:first-child span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:color-mix(in srgb,#fff 65%,transparent)}.rp-local h3{font:730 28px/1 "Inter Tight";letter-spacing:-.04em;margin:9px 0 0}.rp-local-area{display:grid;align-content:center;border-left:1px solid rgba(255,255,255,.25);padding-left:25px}.rp-local-area strong{font:760 28px/1 "Inter Tight"}.rp-local-area span{font-size:9px;margin-top:8px;color:rgba(255,255,255,.7)}.rp-proof{order:4;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:28px 30px;background:var(--rp-secondary)}.rp-proof-number{font:780 62px/.8 "Inter Tight";letter-spacing:-.07em;color:color-mix(in srgb,var(--rp-primary) 25%,transparent)}.rp-proof>div:nth-child(2){display:grid;gap:4px}.rp-proof>div:nth-child(2) span{font-size:7px;text-transform:uppercase;letter-spacing:.12em}.rp-proof>div:nth-child(2) strong{font-size:11px;line-height:1.4}.rp-proof-action{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--rp-ink);padding-bottom:5px;font-size:8px;font-weight:800}.rp-proof-action em{font-style:normal}.rp-footer{order:5;display:flex;justify-content:space-between;align-items:center;padding:17px 30px;background:#fff;border-top:1px solid rgba(30,45,55,.1);font-size:8px}.rp-footer strong{font-size:10px}

/* Template 01: Editorial Trust (base) */
.roofer-preview-shell[data-template="editorial"] .rp-hero-line-b{color:var(--rp-primary)}

/* Template 02: Direct Response */
.roofer-preview-shell[data-template="response"] .rp-site{background:#fff}.roofer-preview-shell[data-template="response"] .rp-nav{background:var(--rp-primary);color:#fff;border:0}.roofer-preview-shell[data-template="response"] .rp-brand,.roofer-preview-shell[data-template="response"] .rp-nav-links{color:#fff}.roofer-preview-shell[data-template="response"] .rp-nav-action{background:#fff;color:var(--rp-primary)}.roofer-preview-shell[data-template="response"] .rp-hero{background:var(--rp-primary);color:#fff;grid-template-columns:1.2fr .8fr;min-height:350px}.roofer-preview-shell[data-template="response"] .rp-location,.roofer-preview-shell[data-template="response"] .rp-hero-copy p{color:rgba(255,255,255,.7)}.roofer-preview-shell[data-template="response"] .rp-hero-copy{padding:43px 34px}.roofer-preview-shell[data-template="response"] .rp-hero-copy h2{font-size:62px}.roofer-preview-shell[data-template="response"] .rp-hero-cta{background:#fff;color:var(--rp-primary)}.roofer-preview-shell[data-template="response"] .rp-hero-visual{margin:20px 20px 20px 0;border-radius:4px;min-height:310px}.roofer-preview-shell[data-template="response"] .rp-service-grid{grid-template-columns:repeat(4,1fr)}.roofer-preview-shell[data-template="response"] .rp-service-grid article{background:#fff;border-top:3px solid var(--rp-accent);padding:13px 8px}.roofer-preview-shell[data-template="response"] .rp-services{background:var(--rp-surface)}.roofer-preview-shell[data-template="response"] .rp-local{background:#fff;color:var(--rp-ink);border-top:1px solid #dfe5e7}.roofer-preview-shell[data-template="response"] .rp-local-area{border-color:#ccd5d9}

/* Template 03: Project Premium */
.roofer-preview-shell[data-template="premium"] .rp-nav{background:var(--rp-surface);border:0;padding:20px 29px}.roofer-preview-shell[data-template="premium"] .rp-nav-action{border-radius:999px;padding:9px 14px}.roofer-preview-shell[data-template="premium"] .rp-hero{position:relative;display:block;min-height:500px;background:#26323a}.roofer-preview-shell[data-template="premium"] .rp-hero-visual{position:absolute;inset:0;min-height:500px;background-position:center 46%;filter:saturate(.75) contrast(.93)}.roofer-preview-shell[data-template="premium"] .rp-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,24,30,.72),rgba(15,24,30,.08) 70%)}.roofer-preview-shell[data-template="premium"] .rp-hero-copy{position:relative;z-index:2;color:#fff;min-height:500px;width:57%;padding:70px 42px;justify-content:flex-end}.roofer-preview-shell[data-template="premium"] .rp-location,.roofer-preview-shell[data-template="premium"] .rp-hero-copy p{color:rgba(255,255,255,.72)}.roofer-preview-shell[data-template="premium"] .rp-visual-tag,.roofer-preview-shell[data-template="premium"] .rp-visual-mark{display:none}.roofer-preview-shell[data-template="premium"] .rp-services{padding:46px 38px;background:var(--rp-surface)}.roofer-preview-shell[data-template="premium"] .rp-service-grid{grid-template-columns:repeat(4,1fr);gap:16px}.roofer-preview-shell[data-template="premium"] .rp-service-grid article{background:transparent;border-top:1px solid var(--rp-ink);padding:18px 0}.roofer-preview-shell[data-template="premium"] .rp-local{background:var(--rp-surface);color:var(--rp-ink);border-top:1px solid color-mix(in srgb,var(--rp-ink) 15%,transparent);padding:48px 38px}.roofer-preview-shell[data-template="premium"] .rp-local-area{border-color:color-mix(in srgb,var(--rp-ink) 18%,transparent)}

/* Template 04: Local Authority */
.roofer-preview-shell[data-template="local-authority"] .rp-nav{background:var(--rp-surface)}.roofer-preview-shell[data-template="local-authority"] .rp-hero{grid-template-columns:.9fr 1.1fr;min-height:360px}.roofer-preview-shell[data-template="local-authority"] .rp-hero-copy{padding:42px 30px}.roofer-preview-shell[data-template="local-authority"] .rp-hero-copy h2{font-size:58px}.roofer-preview-shell[data-template="local-authority"] .rp-hero-visual{background-image:linear-gradient(rgba(244,246,245,.78),rgba(244,246,245,.78)),repeating-linear-gradient(0deg,var(--rp-secondary) 0 1px,transparent 1px 35px),repeating-linear-gradient(90deg,var(--rp-secondary) 0 1px,transparent 1px 35px);min-height:360px}.roofer-preview-shell[data-template="local-authority"] .rp-visual-mark{display:block;width:120px;height:120px;border:18px solid var(--rp-primary);border-radius:50% 50% 50% 0;transform:rotate(-45deg);right:50%;top:28%;margin-right:-60px}.roofer-preview-shell[data-template="local-authority"] .rp-visual-tag{left:50%;bottom:25%;transform:translateX(-50%);text-align:center;background:#fff}.roofer-preview-shell[data-template="local-authority"] .rp-local{order:2;background:var(--rp-primary);padding:34px 30px}.roofer-preview-shell[data-template="local-authority"] .rp-services{order:3}.roofer-preview-shell[data-template="local-authority"] .rp-proof{order:4}

/* Template 05: Modern Craft */
.roofer-preview-shell[data-template="modern-craft"] .rp-site{background:var(--rp-surface)}.roofer-preview-shell[data-template="modern-craft"] .rp-nav{background:var(--rp-surface);border-bottom:2px solid var(--rp-ink)}.roofer-preview-shell[data-template="modern-craft"] .rp-hero{grid-template-columns:.95fr 1.05fr;grid-template-areas:"visual copy";gap:0;padding:28px;min-height:430px}.roofer-preview-shell[data-template="modern-craft"] .rp-hero-copy{grid-area:copy;padding:42px 36px;background:var(--rp-secondary)}.roofer-preview-shell[data-template="modern-craft"] .rp-hero-visual{grid-area:visual;min-height:374px;filter:saturate(.65) sepia(.14)}.roofer-preview-shell[data-template="modern-craft"] .rp-hero-copy h2{font-size:60px}.roofer-preview-shell[data-template="modern-craft"] .rp-hero-cta{border-radius:0}.roofer-preview-shell[data-template="modern-craft"] .rp-services{background:var(--rp-surface);padding:40px 28px}.roofer-preview-shell[data-template="modern-craft"] .rp-service-grid{grid-template-columns:1fr}.roofer-preview-shell[data-template="modern-craft"] .rp-service-grid article{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;min-height:auto;background:transparent;border-top:1px solid var(--rp-ink);padding:16px 0}.roofer-preview-shell[data-template="modern-craft"] .rp-service-rule{margin:0}.roofer-preview-shell[data-template="modern-craft"] .rp-service-grid p{margin:0}

/* Template 06: Bold Contrast */
.roofer-preview-shell[data-template="bold-contrast"] .rp-site{background:var(--rp-primary);color:#fff}.roofer-preview-shell[data-template="bold-contrast"] .rp-nav{background:var(--rp-primary);border-color:rgba(255,255,255,.18)}.roofer-preview-shell[data-template="bold-contrast"] .rp-brand,.roofer-preview-shell[data-template="bold-contrast"] .rp-nav-links{color:#fff}.roofer-preview-shell[data-template="bold-contrast"] .rp-nav-action{background:var(--rp-accent);color:#fff}.roofer-preview-shell[data-template="bold-contrast"] .rp-hero{background:var(--rp-primary);grid-template-columns:1.35fr .65fr}.roofer-preview-shell[data-template="bold-contrast"] .rp-hero-copy{padding:52px 32px}.roofer-preview-shell[data-template="bold-contrast"] .rp-hero-copy h2{font-size:78px;max-width:700px}.roofer-preview-shell[data-template="bold-contrast"] .rp-location,.roofer-preview-shell[data-template="bold-contrast"] .rp-hero-copy p{color:rgba(255,255,255,.67)}.roofer-preview-shell[data-template="bold-contrast"] .rp-hero-cta{background:#fff;color:var(--rp-primary);border-radius:0}.roofer-preview-shell[data-template="bold-contrast"] .rp-hero-visual{margin:30px 25px 30px 0;min-height:350px}.roofer-preview-shell[data-template="bold-contrast"] .rp-services{background:#fff;color:var(--rp-ink)}.roofer-preview-shell[data-template="bold-contrast"] .rp-service-grid article{background:#fff;border:1px solid #dce2e4}.roofer-preview-shell[data-template="bold-contrast"] .rp-local{background:var(--rp-accent)}

/* Template 07: Minimal Studio */
.roofer-preview-shell[data-template="minimal-studio"] .rp-site{background:#fff}.roofer-preview-shell[data-template="minimal-studio"] .rp-nav{padding:22px 30px;border-bottom:1px solid var(--rp-ink)}.roofer-preview-shell[data-template="minimal-studio"] .rp-nav-action{background:transparent;color:var(--rp-ink);border-bottom:1px solid var(--rp-ink);border-radius:0;padding:5px 0}.roofer-preview-shell[data-template="minimal-studio"] .rp-hero{grid-template-columns:1fr .72fr;background:#fff;min-height:420px;border-bottom:1px solid var(--rp-ink)}.roofer-preview-shell[data-template="minimal-studio"] .rp-hero-copy{padding:65px 42px}.roofer-preview-shell[data-template="minimal-studio"] .rp-hero-copy h2{font-size:66px;font-weight:600}.roofer-preview-shell[data-template="minimal-studio"] .rp-hero-visual{margin:35px 35px 35px 0;min-height:350px;background-image:url('/assets/roof-house.jpg');filter:grayscale(1)}.roofer-preview-shell[data-template="minimal-studio"] .rp-visual-tag,.roofer-preview-shell[data-template="minimal-studio"] .rp-visual-mark{display:none}.roofer-preview-shell[data-template="minimal-studio"] .rp-hero-cta{background:transparent;color:var(--rp-ink);border-bottom:1px solid var(--rp-ink);border-radius:0;padding:8px 0}.roofer-preview-shell[data-template="minimal-studio"] .rp-services{padding:48px 40px}.roofer-preview-shell[data-template="minimal-studio"] .rp-service-grid{grid-template-columns:1fr}.roofer-preview-shell[data-template="minimal-studio"] .rp-service-grid article{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid #cfd7da;padding:18px 0;min-height:0}.roofer-preview-shell[data-template="minimal-studio"] .rp-service-rule{display:none}.roofer-preview-shell[data-template="minimal-studio"] .rp-service-grid p{margin:0}.roofer-preview-shell[data-template="minimal-studio"] .rp-local{background:#fff;color:var(--rp-ink);border-top:1px solid var(--rp-ink);border-bottom:1px solid var(--rp-ink)}.roofer-preview-shell[data-template="minimal-studio"] .rp-local-area{border-color:#cbd4d8}

/* Template 08: Heritage Roofing */
.roofer-preview-shell[data-template="heritage"] .rp-site{background:var(--rp-surface);font-family:Georgia,serif}.roofer-preview-shell[data-template="heritage"] .rp-nav{background:var(--rp-surface);border-top:4px solid var(--rp-primary);border-bottom:1px double var(--rp-ink);font-family:Inter,sans-serif}.roofer-preview-shell[data-template="heritage"] .rp-nav-action{border-radius:0}.roofer-preview-shell[data-template="heritage"] .rp-hero{display:block;text-align:center;padding:40px 40px 0;background:var(--rp-surface)}.roofer-preview-shell[data-template="heritage"] .rp-hero-copy{padding:25px 50px 38px;align-items:center}.roofer-preview-shell[data-template="heritage"] .rp-hero-copy h2{font-family:Georgia,serif;font-size:60px;font-weight:500;letter-spacing:-.04em;max-width:700px}.roofer-preview-shell[data-template="heritage"] .rp-hero-copy p{font-family:Inter,sans-serif}.roofer-preview-shell[data-template="heritage"] .rp-hero-visual{min-height:300px;border:1px solid var(--rp-ink);background-position:center}.roofer-preview-shell[data-template="heritage"] .rp-visual-tag{border:1px solid var(--rp-ink);border-radius:0}.roofer-preview-shell[data-template="heritage"] .rp-hero-cta{border-radius:0}.roofer-preview-shell[data-template="heritage"] .rp-services{background:var(--rp-surface)}.roofer-preview-shell[data-template="heritage"] .rp-section-heading strong,.roofer-preview-shell[data-template="heritage"] .rp-service-grid strong,.roofer-preview-shell[data-template="heritage"] .rp-local h3{font-family:Georgia,serif}.roofer-preview-shell[data-template="heritage"] .rp-service-grid article{background:transparent;border:1px solid color-mix(in srgb,var(--rp-ink) 24%,transparent)}

/* Template 09: Service First */
.roofer-preview-shell[data-template="service-first"] .rp-services{order:1;padding:34px 30px;background:#fff}.roofer-preview-shell[data-template="service-first"] .rp-section-heading{grid-template-columns:1fr;border-top:0;border-bottom:1px solid #d6dfe2;padding:0 0 16px}.roofer-preview-shell[data-template="service-first"] .rp-section-heading strong{font-size:34px}.roofer-preview-shell[data-template="service-first"] .rp-service-grid{grid-template-columns:repeat(4,1fr)}.roofer-preview-shell[data-template="service-first"] .rp-service-grid article{background:var(--rp-surface);min-height:135px}.roofer-preview-shell[data-template="service-first"] .rp-hero{order:2;min-height:340px;grid-template-columns:1.2fr .8fr}.roofer-preview-shell[data-template="service-first"] .rp-hero-copy{padding:38px 30px}.roofer-preview-shell[data-template="service-first"] .rp-hero-copy h2{font-size:54px}.roofer-preview-shell[data-template="service-first"] .rp-hero-visual{min-height:340px}.roofer-preview-shell[data-template="service-first"] .rp-local{order:3}.roofer-preview-shell[data-template="service-first"] .rp-proof{order:4}

/* Template 10: Architectural Grid */
.roofer-preview-shell[data-template="architectural-grid"] .rp-site{background:var(--rp-surface);background-image:linear-gradient(color-mix(in srgb,var(--rp-ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--rp-ink) 7%,transparent) 1px,transparent 1px);background-size:32px 32px}.roofer-preview-shell[data-template="architectural-grid"] .rp-nav{background:transparent;border:1px solid var(--rp-ink);margin:18px 18px 0}.roofer-preview-shell[data-template="architectural-grid"] .rp-nav-action{border-radius:0}.roofer-preview-shell[data-template="architectural-grid"] .rp-hero{grid-template-columns:1.2fr .8fr;margin:0 18px;border-left:1px solid var(--rp-ink);border-right:1px solid var(--rp-ink);background:rgba(255,255,255,.78);min-height:430px}.roofer-preview-shell[data-template="architectural-grid"] .rp-hero-copy{padding:46px 30px}.roofer-preview-shell[data-template="architectural-grid"] .rp-hero-copy h2{font-size:68px}.roofer-preview-shell[data-template="architectural-grid"] .rp-hero-visual{margin:28px;border:1px solid var(--rp-ink);min-height:370px}.roofer-preview-shell[data-template="architectural-grid"] .rp-visual-tag{border:1px solid var(--rp-ink);border-radius:0}.roofer-preview-shell[data-template="architectural-grid"] .rp-services{margin:0 18px;background:#fff;border:1px solid var(--rp-ink);padding:34px}.roofer-preview-shell[data-template="architectural-grid"] .rp-service-grid{gap:0;border-top:1px solid var(--rp-ink);border-left:1px solid var(--rp-ink)}.roofer-preview-shell[data-template="architectural-grid"] .rp-service-grid article{border-right:1px solid var(--rp-ink);border-bottom:1px solid var(--rp-ink);background:transparent;border-radius:0}.roofer-preview-shell[data-template="architectural-grid"] .rp-local{margin:0 18px;background:var(--rp-primary)}

@media(max-width:1180px){.wgh410-workspace-grid{grid-template-columns:1fr}.wgh410-preview-column{order:-1}.wgh410-preview-sticky{position:relative;top:auto}.wgh410-builder-head-grid{grid-template-columns:1fr;gap:28px}.wgh410-preview-viewport{min-height:0}.wgh410-template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.industry-submenu{position:static;transform:none!important;width:100%;box-shadow:none;margin-top:5px;display:none;opacity:1;visibility:visible;pointer-events:auto}.nav-industries.is-open .industry-submenu{display:block}.nav-industries{display:block}.nav-industries>button{width:100%;justify-content:space-between}.wgh410-builder-head{padding:50px 0 30px}.wgh410-builder-head h1{font-size:48px}.wgh410-workspace{padding-top:24px}.wgh410-workspace-grid{gap:24px}.wgh410-form-section{padding:20px}.wgh410-form-number{font-size:72px}.wgh410-form-copy{grid-template-columns:1fr;gap:9px}.wgh410-fields{grid-template-columns:1fr}.wgh410-field.full{grid-column:auto}.wgh410-template-grid{grid-template-columns:1fr 1fr}.wgh410-submit{display:grid}.wgh410-submit button{width:100%}.wgh410-preview-viewport{padding:8px;border-radius:14px}.rp-hero{grid-template-columns:1fr}.rp-hero-copy{padding:40px 22px}.rp-hero-copy h2{font-size:48px}.rp-hero-visual{min-height:260px}.rp-service-grid{grid-template-columns:1fr}.rp-local{grid-template-columns:1fr}.rp-proof{grid-template-columns:auto 1fr}.rp-proof-action{grid-column:1/-1}.rp-nav-links{display:none}}
@media(max-width:500px){.wgh410-builder-head h1{font-size:42px}.wgh410-template-grid{grid-template-columns:1fr}.wgh410-preview-topbar{align-items:flex-end}.wgh410-preview-viewport.is-mobile-preview .roofer-preview-shell{width:340px;max-width:340px}.wgh410-saved{align-items:flex-start;display:grid}}

/* v0.4.2 — actual complete HTML template preview */
.wgh420-real-preview{width:100%;max-width:1180px}.wgh420-real-preview .rp-browser{background:#fff}.wgh420-template-frame{display:block;width:100%;height:790px;border:0;background:#fff}.wgh410-preview-viewport.is-mobile-preview .wgh420-real-preview{width:390px;max-width:390px}.wgh410-preview-viewport.is-mobile-preview .wgh420-template-frame{height:760px}.wgh420-imported-badge{display:inline-flex;width:max-content;margin-top:10px;padding:5px 8px;border-radius:999px;background:#e9f0ed;color:#31594b;font:800 9px/1 Inter,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.wgh410-template-card>small{margin-top:8px}.wgh410-preview-viewport.is-mobile-preview .rp-browser-bar{display:none}
@media(max-width:500px){.wgh410-preview-viewport.is-mobile-preview .wgh420-real-preview{width:340px;max-width:340px}.wgh420-template-frame{height:680px}}


/* Source: wgh510-roofer-studio.css */
/* WebsiteGeneratorHub v0.5.1 — premium Roofer builder + editable one-page studio */
:root{--wgh510-ink:#13242f;--wgh510-muted:#667985;--wgh510-line:#d9e2e6;--wgh510-soft:#f3f6f7;--wgh510-paper:#fff;--wgh510-dark:#152f3e;--wgh510-accent:#315f78;--wgh510-good:#315c4b;--wgh510-danger:#8f3d3d}
.wgh510-builder-page,.wgh510-generating-page,.wgh510-workspace-page{background:#f4f7f7;color:var(--wgh510-ink)}
.wgh510-back{display:inline-flex;align-items:center;color:#5f7480;text-decoration:none;font-size:14px;font-weight:760}.wgh510-kicker{margin:0;color:#73848d;font-size:12px;font-weight:820;letter-spacing:.14em;text-transform:uppercase}.wgh510-lead{max-width:760px;margin:24px 0 0;color:var(--wgh510-muted);font-size:18px;line-height:1.65}
/* Builder */
.wgh510-builder-hero{padding:72px 0 52px;background:#fff;border-bottom:1px solid var(--wgh510-line)}.wgh510-builder-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.55fr);gap:72px;align-items:end}.wgh510-builder-hero .wgh510-back{margin-bottom:34px}.wgh510-builder-hero h1{max-width:900px;margin:13px 0 0;font:760 clamp(46px,5.4vw,76px)/.96 "Inter Tight",Inter,sans-serif;letter-spacing:-.055em}.wgh510-build-path{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:4px}.wgh510-build-path>div{display:grid;gap:6px}.wgh510-build-path b{font:780 32px/.9 "Inter Tight",Inter,sans-serif;color:#173746}.wgh510-build-path span{font-size:12px;font-weight:760;color:#758690}.wgh510-build-path i{display:block;width:48px;height:1px;background:#cbd7dc}
.wgh510-alert{margin-top:24px;padding:16px 18px;border:1px solid #eacccc;background:#fff4f4;color:#7b3434;display:flex;gap:10px;align-items:center}
.wgh510-builder-body{padding:54px 0 120px}.wgh510-builder-layout{display:grid;grid-template-columns:230px minmax(0,930px);gap:56px;align-items:start;justify-content:center}.wgh510-builder-rail{position:sticky;top:104px;display:grid;gap:4px;padding-top:12px}.wgh510-builder-rail>p{margin:0 0 14px;color:#82919a;font-size:11px;font-weight:850;letter-spacing:.15em}.wgh510-builder-rail>a{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:11px 0;color:#506773;text-decoration:none;border-bottom:1px solid #dfe6e9}.wgh510-builder-rail>a b{font:770 25px/.9 "Inter Tight",Inter,sans-serif;color:#9babb3}.wgh510-builder-rail>a span{font-size:13px;font-weight:760}.wgh510-required-note{display:grid;gap:5px;margin-top:20px;padding:15px;border-left:2px solid #a8bac3;color:#778791;font-size:12px;line-height:1.5}.wgh510-required-note strong{color:#334e5c}
.wgh510-form{min-width:0}.wgh510-form-section{padding:38px 0 48px;border-bottom:1px solid #d7e1e5}.wgh510-form-section:first-child{padding-top:0}.wgh510-form-section>header{display:grid;grid-template-columns:112px 1fr;gap:32px;align-items:start;margin-bottom:30px}.wgh510-form-section>header>span{font:800 106px/.75 "Inter Tight",Inter,sans-serif;letter-spacing:-.08em;color:#d4dee2}.wgh510-form-section h2{margin:4px 0 10px;font:750 40px/.98 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em}.wgh510-form-section header p{max-width:650px;margin:0;color:var(--wgh510-muted);font-size:15px;line-height:1.6}.wgh510-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wgh510-field{display:grid;gap:8px}.wgh510-field.full{grid-column:1/-1}.wgh510-field>span,.wgh510-captcha-row>span{font-size:13px;font-weight:780;color:#344e5d}.wgh510-field b,.wgh510-captcha-row b,.wgh510-feedback b{color:#a34444}.wgh510-field input,.wgh510-field textarea,.wgh510-field select{width:100%;border:1px solid #cbd7dc;border-radius:4px;background:#fff;padding:14px 14px;color:#162b38;font:500 15px/1.45 Inter,sans-serif;outline:0;transition:border-color .15s,box-shadow .15s}.wgh510-field select{min-height:50px}.wgh510-field input:focus,.wgh510-field textarea:focus,.wgh510-field select:focus{border-color:#6f8c9b;box-shadow:0 0 0 4px rgba(49,95,120,.08)}.wgh510-field small{color:#809099;font-size:12px;line-height:1.45}.wgh510-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wgh510-service-grid input,.wgh510-toggle-grid input,.wgh510-template-choice>input{position:absolute;opacity:0;pointer-events:none}.wgh510-service-grid label span{display:flex;align-items:center;gap:11px;min-height:54px;padding:13px 14px;border:1px solid #d5dfe3;background:#fff;font-size:13px;font-weight:730;cursor:pointer}.wgh510-service-grid label span i{width:16px;height:16px;border:1px solid #aab9c0;background:#fff}.wgh510-service-grid input:checked+span{border-color:#183746;background:#183746;color:#fff}.wgh510-service-grid input:checked+span i{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 4px #183746}.wgh510-other-service{margin-top:18px}
.wgh510-advanced{margin:32px 0;border:1px solid #d5dfe3;background:#fff}.wgh510-advanced summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;cursor:pointer}.wgh510-advanced summary::-webkit-details-marker{display:none}.wgh510-advanced summary>div{display:grid;gap:5px}.wgh510-advanced summary>div>span{width:max-content;padding:5px 7px;background:#eaf0f2;color:#4a6675;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wgh510-advanced summary strong{font:740 27px/1 "Inter Tight",Inter,sans-serif}.wgh510-advanced summary small{color:#74858e;font-size:13px}.wgh510-advanced summary>b{font:400 38px/1 Inter,sans-serif;transition:transform .2s}.wgh510-advanced[open] summary>b{transform:rotate(45deg)}.wgh510-advanced-body{padding:30px;border-top:1px solid #e3eaed}.wgh510-advanced-body>section+section{margin-top:32px;padding-top:29px;border-top:1px solid #e4eaed}.wgh510-advanced-body h3{margin:0 0 9px;font:730 23px/1.05 "Inter Tight",Inter,sans-serif}.wgh510-advanced-body section>p{margin:0 0 18px;color:var(--wgh510-muted);font-size:14px}.wgh510-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wgh510-toggle-grid label span{display:flex;align-items:center;min-height:48px;padding:11px 13px;border:1px solid #d5dfe3;background:#f9fbfb;font-size:13px;font-weight:730;cursor:pointer}.wgh510-toggle-grid input:checked+span{background:#173746;color:#fff;border-color:#173746}.wgh510-fields-top{margin-top:17px}
.wgh510-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wgh510-template-card{display:grid;grid-template-columns:86px 1fr;gap:18px;min-height:210px;padding:23px;border:1px solid #d6dfe3;background:#fff;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.wgh510-template-card>b{font:800 72px/.8 "Inter Tight",Inter,sans-serif;letter-spacing:-.08em;color:#cbd5da}.wgh510-template-card>span{display:flex;flex-direction:column;align-items:flex-start}.wgh510-template-card strong{font:740 24px/1 "Inter Tight",Inter,sans-serif}.wgh510-template-card p{margin:10px 0;color:#667985;font-size:13px;line-height:1.5}.wgh510-template-card em{margin-top:auto;padding:6px 8px;background:#edf2f1;color:#3c6253;font:800 10px/1 Inter,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.wgh510-template-card a{margin-top:13px;color:#244e64;text-decoration:none;font-size:12px;font-weight:800}.wgh510-template-choice>input:checked+.wgh510-template-card{border-color:#173746;box-shadow:0 0 0 2px #173746}.wgh510-template-choice>input:checked+.wgh510-template-card>b{color:#173746}.wgh510-human-check{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;margin-top:28px;padding:22px 0;border-top:1px solid #d7e1e5}.wgh510-human-check>div:first-child{display:grid;gap:5px}.wgh510-human-check strong{font-size:14px}.wgh510-human-check span{color:#788993;font-size:12px}.wgh510-captcha{min-height:78px}.wgh510-generate-bar{position:sticky;bottom:15px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:18px 20px;border:1px solid #becfd7;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(19,48,63,.14);backdrop-filter:blur(12px)}.wgh510-generate-bar strong{font-size:17px}.wgh510-generate-bar p{margin:4px 0 0;color:#73848e;font-size:12px}.wgh510-generate-bar button{border:0;background:#153645;color:#fff;padding:15px 19px;font:760 13px/1 Inter,sans-serif;cursor:pointer}.wgh510-generate-bar button span{margin-left:18px}
/* Generation stage */
.wgh510-generating{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:70px 22px;background:#edf2f3}.wgh510-generation-stage{width:min(980px,100%);padding:62px 64px;background:#fff;border:1px solid #d4dfe3;box-shadow:0 30px 80px rgba(22,48,61,.11)}.wgh510-generation-roof{position:relative;width:110px;height:58px;margin-bottom:28px}.wgh510-generation-roof i{position:absolute;height:4px;background:#173746;transform-origin:left center}.wgh510-generation-roof i:nth-child(1){left:2px;top:38px;width:62px;transform:rotate(-33deg)}.wgh510-generation-roof i:nth-child(2){left:53px;top:4px;width:64px;transform:rotate(33deg)}.wgh510-generation-roof i:nth-child(3){left:53px;top:40px;width:4px;height:18px}.wgh510-generation-stage h1{margin:12px 0 10px;font:770 clamp(48px,7vw,86px)/.9 "Inter Tight",Inter,sans-serif;letter-spacing:-.06em}.wgh510-generation-intro{margin:0;color:#697b85;font-size:17px}.wgh510-generation-progress{height:3px;margin:38px 0 29px;background:#e3e9ec;overflow:hidden}.wgh510-generation-progress span{display:block;width:0;height:100%;background:#173746;animation:wgh510progress 1.9s cubic-bezier(.2,.75,.25,1) forwards}.wgh510-generation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.wgh510-generation-steps div{display:grid;gap:7px;padding-top:14px;border-top:1px solid #dbe3e6}.wgh510-generation-steps b{font:770 29px/.9 "Inter Tight",Inter,sans-serif;color:#9babaf}.wgh510-generation-steps span{font-size:12px;font-weight:760;color:#536b77}@keyframes wgh510progress{to{width:100%}}
/* Website studio */
.wgh510-workspace{min-height:100vh;padding-bottom:80px}.wgh510-studio-top{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);border-bottom:1px solid #d4dfe3;backdrop-filter:blur(14px)}.wgh510-studio-top-inner{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.4fr) auto;gap:24px;align-items:center;min-height:92px}.wgh510-studio-title>a{display:block;margin-bottom:7px;color:#70838d;text-decoration:none;font-size:11px;font-weight:800}.wgh510-studio-title>div{display:grid;gap:2px}.wgh510-studio-title p{margin:0;color:#84939b;font-size:9px;font-weight:850;letter-spacing:.14em}.wgh510-studio-title h1{margin:0;font:750 26px/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.035em}.wgh510-business-strip{display:flex;gap:0;min-width:0;overflow:hidden}.wgh510-business-strip span{display:grid;gap:3px;min-width:0;padding:0 16px;border-left:1px solid #e0e7e9}.wgh510-business-strip small{font-size:9px;font-weight:820;color:#8a999f;text-transform:uppercase;letter-spacing:.09em}.wgh510-business-strip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#415a67}.wgh510-studio-actions{display:flex;gap:7px;justify-content:flex-end}.wgh510-studio-actions button{border:1px solid #c9d5da;background:#fff;color:#183644;padding:11px 12px;font:760 12px/1 Inter,sans-serif;cursor:pointer}.wgh510-studio-actions button span{margin-right:5px}.wgh510-studio-actions button.primary{border-color:#173746;background:#173746;color:#fff}.wgh510-studio-actions button:disabled{opacity:.42;cursor:not-allowed}
.wgh510-studio-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;padding-top:20px}.wgh510-editor-panel{position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto;padding:20px 16px;border:1px solid #d5e0e4;background:#fff}.wgh510-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.wgh510-panel-head>div{display:grid;gap:3px}.wgh510-panel-head small,.wgh510-theme-panel>small,.wgh510-removed-wrap>small{font-size:9px;font-weight:850;letter-spacing:.13em;color:#8b999f}.wgh510-panel-head strong,.wgh510-theme-panel>strong{font:740 22px/1 "Inter Tight",Inter,sans-serif}.wgh510-panel-head>span{padding:5px 7px;background:#eef3f4;color:#5c737f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.wgh510-panel-help{margin:14px 0 16px;color:#788991;font-size:11px;line-height:1.5}.wgh510-section-list{display:grid;gap:6px}.wgh510-section-item{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:9px 8px;border:1px solid #dce4e7;background:#fafcfc}.wgh510-section-item.is-selected{border-color:#315f78;box-shadow:inset 3px 0 0 #315f78;background:#fff}.wgh510-section-item[draggable=true]{cursor:grab}.wgh510-section-item.is-dragging{opacity:.45}.wgh510-drag-handle{color:#9aa8ae;font-size:15px}.wgh510-section-jump{min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.wgh510-section-jump b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#38515e;font-size:11px}.wgh510-section-jump small{display:block;margin-top:2px;color:#98a5ab;font-size:9px}.wgh510-section-delete{display:none;width:24px;height:24px;border:0;background:#f3e9e9;color:#8f4545;cursor:pointer}.is-editing .wgh510-section-delete{display:grid;place-items:center}.wgh510-removed-wrap{display:grid;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #e1e7e9}.wgh510-removed-item{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:8px;background:#f6f8f8;font-size:10px;font-weight:700}.wgh510-removed-item button{border:0;background:#173746;color:#fff;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.wgh510-panel-separator{height:1px;background:#e1e7e9;margin:20px 0}.wgh510-theme-panel{display:grid;gap:11px}.wgh510-theme-panel label{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;color:#546c78;font-size:11px;font-weight:700}.wgh510-theme-panel input[type=color]{width:34px;height:28px;padding:0;border:1px solid #cfdadd;background:#fff}.wgh510-reset-theme{border:1px solid #cad6db;background:#fff;padding:9px;color:#415c69;font-size:10px;font-weight:800;cursor:pointer}
.wgh510-canvas-column{min-width:0}.wgh510-editor-notice{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:12px 14px;border:1px solid #cedee5;background:#eaf2f5;color:#375869}.wgh510-editor-notice>span{font-size:18px}.wgh510-editor-notice p{margin:0;font-size:11px}.wgh510-image-tools{display:flex;gap:9px;align-items:center;margin:0 0 10px;padding:9px 12px;background:#173746;color:#fff}.wgh510-image-tools span{font-size:11px;font-weight:700}.wgh510-image-tools button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.wgh510-save-status{min-height:18px;margin:0 0 8px;color:#3f6b58;font-size:11px}.wgh510-browser-shell{border:1px solid #cad6da;background:#e6edef;box-shadow:0 20px 55px rgba(18,44,57,.12)}.wgh510-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 11px;border-bottom:1px solid #ccd7dc;background:#f5f8f8}.wgh510-browser-left{display:flex;align-items:center;gap:6px;min-width:0}.wgh510-browser-left i{width:8px;height:8px;border-radius:50%;background:#9daeb6}.wgh510-browser-left span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#70818a;font-size:10px}.wgh510-device-switch{display:flex;padding:3px;background:#e3e9eb}.wgh510-device-switch button{border:0;background:transparent;padding:7px 10px;color:#647985;font-size:10px;font-weight:800;cursor:pointer}.wgh510-device-switch button.is-active{background:#fff;color:#193947}.wgh510-preview-canvas{display:grid;place-items:start center;min-height:760px;overflow:auto;background:#cfdadd}.wgh510-preview-canvas iframe{display:block;width:100%;height:920px;border:0;background:#fff;transition:width .25s}.wgh510-preview-canvas.is-mobile iframe{width:390px;max-width:100%}
/* Modal / service funnel */
.wgh510-modal[hidden]{display:none}.wgh510-modal{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:20px;background:rgba(9,24,32,.64);backdrop-filter:blur(7px)}.wgh510-modal-card{position:relative;width:min(980px,100%);max-height:93vh;overflow:auto;padding:38px;background:#fff;box-shadow:0 36px 100px rgba(0,0,0,.3)}.wgh510-modal-close{position:absolute;right:17px;top:17px;width:38px;height:38px;border:1px solid #d9e2e5;background:#fff;font-size:24px;cursor:pointer}.wgh510-modal-head>p{margin:0 0 9px;color:#87969d;font-size:10px;font-weight:850;letter-spacing:.14em}.wgh510-modal-head h2{margin:0;font:770 clamp(36px,5vw,56px)/.94 "Inter Tight",Inter,sans-serif;letter-spacing:-.05em}.wgh510-modal-head>span{display:block;max-width:680px;margin-top:13px;color:#687b85;font-size:14px;line-height:1.55}.wgh510-next-options{display:grid;gap:8px;margin-top:28px}.wgh510-next-options>button{display:grid;grid-template-columns:64px 1fr 36px;gap:18px;align-items:center;width:100%;padding:18px;border:1px solid #d8e1e4;background:#f9fbfb;text-align:left;cursor:pointer;transition:.16s}.wgh510-next-options>button:hover{border-color:#76909d;background:#fff}.wgh510-next-options b{font:780 40px/.8 "Inter Tight",Inter,sans-serif;color:#c5d1d6}.wgh510-next-options strong{font:740 21px/1 "Inter Tight",Inter,sans-serif}.wgh510-next-options p{margin:6px 0 0;color:#71828b;font-size:12px}.wgh510-next-options i{font-style:normal;font-size:22px;color:#496574}.wgh510-request-form{margin-top:26px;padding-top:26px;border-top:1px solid #dfe6e8}.wgh510-form-title{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;margin-bottom:21px}.wgh510-form-title>span{font:790 60px/.8 "Inter Tight",Inter,sans-serif;color:#c7d3d8}.wgh510-form-title h3{margin:0;font:750 28px/1 "Inter Tight",Inter,sans-serif}.wgh510-form-title p{margin:8px 0 0;color:#71818a;font-size:12px}.wgh510-feedback{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0;padding:0;border:0}.wgh510-feedback legend{width:100%;margin-bottom:6px;font-size:13px;font-weight:780;color:#344e5d}.wgh510-feedback input{position:absolute;opacity:0}.wgh510-feedback label span{display:block;padding:10px 12px;border:1px solid #d3dde1;background:#fafcfc;font-size:12px;font-weight:720;cursor:pointer}.wgh510-feedback input:checked+span{background:#173746;color:#fff;border-color:#173746}.wgh510-captcha-row{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start;margin-top:18px;padding-top:17px;border-top:1px solid #e1e8ea}.wgh510-submit{margin-top:18px;border:0;background:#173746;color:#fff;padding:13px 17px;font-size:12px;font-weight:800;cursor:pointer}.wgh510-modal-status{margin-top:10px;color:#3d6a56;font-size:11px}.wgh510-direct-contact-note{margin:12px 0 0;color:#73848d;font-size:11px}.wgh510-direct-contact-note b{color:#a34444}
@media(max-width:1050px){.wgh510-builder-layout{grid-template-columns:1fr}.wgh510-builder-rail{display:none}.wgh510-studio-top-inner{grid-template-columns:1fr auto}.wgh510-business-strip{grid-column:1/-1;order:3;padding-bottom:12px}.wgh510-studio-grid{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:820px){.wgh510-builder-hero-grid{grid-template-columns:1fr;gap:35px}.wgh510-build-path{justify-content:flex-start}.wgh510-service-grid,.wgh510-toggle-grid{grid-template-columns:repeat(2,1fr)}.wgh510-studio-grid{grid-template-columns:1fr}.wgh510-editor-panel{position:static;max-height:none}.wgh510-section-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wgh510-theme-panel{grid-template-columns:1fr 1fr}.wgh510-panel-separator,.wgh510-theme-panel>small,.wgh510-theme-panel>strong{grid-column:1/-1}.wgh510-generation-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wgh510-builder-hero{padding:48px 0 34px}.wgh510-builder-hero h1{font-size:44px}.wgh510-build-path i{width:20px}.wgh510-form-section>header{grid-template-columns:1fr;gap:12px}.wgh510-form-section>header>span{font-size:88px}.wgh510-form-section h2{font-size:34px}.wgh510-fields,.wgh510-service-grid,.wgh510-toggle-grid,.wgh510-template-grid{grid-template-columns:1fr}.wgh510-field.full{grid-column:auto}.wgh510-advanced summary,.wgh510-advanced-body{padding-left:20px;padding-right:20px}.wgh510-template-card{grid-template-columns:64px 1fr}.wgh510-template-card>b{font-size:56px}.wgh510-human-check{grid-template-columns:1fr}.wgh510-generate-bar{position:static;display:grid}.wgh510-generate-bar button{width:100%}.wgh510-generation-stage{padding:36px 26px}.wgh510-generation-steps{grid-template-columns:1fr}.wgh510-studio-top{position:static}.wgh510-studio-top-inner{grid-template-columns:1fr}.wgh510-studio-actions{justify-content:flex-start;flex-wrap:wrap;padding-bottom:12px}.wgh510-business-strip{display:grid;grid-template-columns:1fr 1fr}.wgh510-business-strip span{padding:7px 10px}.wgh510-section-list{grid-template-columns:1fr}.wgh510-preview-canvas iframe{height:760px}.wgh510-preview-canvas.is-mobile iframe{width:340px}.wgh510-modal-card{padding:26px 20px}.wgh510-next-options>button{grid-template-columns:48px 1fr 24px;padding:15px}.wgh510-form-title{grid-template-columns:55px 1fr}.wgh510-form-title>span{font-size:48px}.wgh510-captcha-row{grid-template-columns:1fr}}

/* ========================================================================== 
   WebsiteGeneratorHub v0.5.2 — Builder / Studio visual reset
   Uses the public WebsiteGeneratorHub brand system: navy, blue, white, sky.
   ========================================================================== */
:root{
  --wgh-brand-ink:#101828;
  --wgh-brand-navy:#0b1736;
  --wgh-brand-navy-2:#11244f;
  --wgh-brand-blue:#2f6fed;
  --wgh-brand-blue-2:#1849a9;
  --wgh-brand-blue-soft:#eaf1ff;
  --wgh-brand-sky:#f3f7ff;
  --wgh-brand-paper:#f7f9fc;
  --wgh-brand-line:#dbe4ef;
  --wgh-brand-muted:#667085;
  --wgh-brand-white:#fff;
  --wgh-brand-shadow:0 28px 80px rgba(21,40,80,.12);
}

/* Focused builder routes do not need a marketing footer. */
.wgh510-builder-page .brand-footer,
.wgh510-generating-page .brand-header,
.wgh510-generating-page .brand-footer,
.wgh510-workspace-page .brand-header,
.wgh510-workspace-page .brand-footer{display:none!important}

/* --------------------------------------------------------------------------
   Builder
   -------------------------------------------------------------------------- */
.wgh510-builder-page{background:var(--wgh-brand-paper)!important;color:var(--wgh-brand-ink)!important}
.wgh510-builder-page .brand-header{background:rgba(255,255,255,.94)!important;border-color:rgba(219,228,239,.9)!important;box-shadow:0 10px 35px rgba(21,40,80,.055)!important}
.wgh510-builder-page .wgh510-builder-hero{position:relative;overflow:hidden;padding:86px 0 72px!important;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;border-bottom:1px solid var(--wgh-brand-line)!important}
.wgh510-builder-page .wgh510-builder-hero:before{content:"";position:absolute;right:-8vw;top:-17vw;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(47,111,237,.12),rgba(47,111,237,0) 69%);pointer-events:none}
.wgh510-builder-page .wgh510-builder-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(390px,.55fr)!important;gap:90px!important;align-items:center!important}
.wgh510-builder-page .wgh510-back{margin-bottom:32px!important;color:var(--wgh-brand-blue-2)!important;font-size:15px!important;font-weight:750!important}
.wgh510-builder-page .wgh510-kicker{color:var(--wgh-brand-blue-2)!important;font-size:14px!important;font-weight:800!important;letter-spacing:.12em!important}
.wgh510-builder-page .wgh510-builder-hero h1{max-width:860px!important;margin:16px 0 0!important;color:var(--wgh-brand-ink)!important;font:750 clamp(56px,5.8vw,88px)/.97 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.055em!important}
.wgh510-builder-page .wgh510-lead{max-width:760px!important;margin-top:28px!important;color:#526078!important;font-size:20px!important;line-height:1.68!important}
.wgh510-builder-page .wgh510-build-path{justify-content:flex-start!important;align-items:stretch!important;gap:0!important;padding:0!important;border:1px solid var(--wgh-brand-line);border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 22px 60px rgba(24,73,169,.09);overflow:hidden}
.wgh510-builder-page .wgh510-build-path>div{flex:1;min-width:0;gap:9px!important;padding:24px 22px!important}
.wgh510-builder-page .wgh510-build-path>div+div{border-left:1px solid var(--wgh-brand-line)}
.wgh510-builder-page .wgh510-build-path b{color:var(--wgh-brand-blue)!important;font:800 44px/.85 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.05em}
.wgh510-builder-page .wgh510-build-path span{color:#475467!important;font-size:14px!important;font-weight:750!important}
.wgh510-builder-page .wgh510-build-path i{display:none!important}
.wgh510-builder-page .wgh510-alert{margin-top:26px!important;border:1px solid #f5c7c7!important;border-radius:14px!important;background:#fff7f7!important;padding:18px 20px!important;font-size:15px!important}

.wgh510-builder-page .wgh510-builder-body{padding:64px 0 130px!important;background:var(--wgh-brand-paper)!important}
.wgh510-builder-page .wgh510-builder-layout{grid-template-columns:280px minmax(0,980px)!important;gap:62px!important;justify-content:center!important}
.wgh510-builder-page .wgh510-builder-rail{top:110px!important;gap:9px!important;padding:24px!important;border:1px solid var(--wgh-brand-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 50px rgba(21,40,80,.07)!important}
.wgh510-builder-page .wgh510-builder-rail>p{margin:0 0 10px!important;color:#667085!important;font-size:14px!important;letter-spacing:.08em!important}
.wgh510-builder-page .wgh510-builder-rail>a{grid-template-columns:52px 1fr!important;gap:12px!important;padding:14px 0!important;border-bottom:1px solid #edf1f7!important}
.wgh510-builder-page .wgh510-builder-rail>a b{color:#aec2ee!important;font:800 34px/.88 "Inter Tight",Inter,sans-serif!important}
.wgh510-builder-page .wgh510-builder-rail>a span{color:#344054!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important}
.wgh510-builder-page .wgh510-required-note{margin-top:12px!important;padding:16px 0 0!important;border-left:0!important;border-top:1px solid #edf1f7!important;color:#667085!important;font-size:13px!important;line-height:1.55!important}
.wgh510-builder-page .wgh510-required-note strong{color:var(--wgh-brand-blue-2)!important;font-size:14px!important}

.wgh510-builder-page .wgh510-form{padding:0 46px 38px!important;border:1px solid var(--wgh-brand-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--wgh-brand-shadow)!important;overflow:hidden}
.wgh510-builder-page .wgh510-form-section{padding:54px 0 58px!important;border-bottom:1px solid #e7edf5!important}
.wgh510-builder-page .wgh510-form-section:first-child{padding-top:48px!important}
.wgh510-builder-page .wgh510-form-section>header{grid-template-columns:132px 1fr!important;gap:34px!important;margin-bottom:38px!important;align-items:center!important}
.wgh510-builder-page .wgh510-form-section>header>span{color:#d2dfff!important;font:800 122px/.72 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.09em!important}
.wgh510-builder-page .wgh510-form-section h2{margin:0 0 12px!important;color:var(--wgh-brand-ink)!important;font:750 46px/1 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.04em!important}
.wgh510-builder-page .wgh510-form-section header p{max-width:660px!important;color:#667085!important;font-size:17px!important;line-height:1.65!important}
.wgh510-builder-page .wgh510-fields{gap:20px!important}
.wgh510-builder-page .wgh510-field{gap:10px!important}
.wgh510-builder-page .wgh510-field>span,.wgh510-builder-page .wgh510-captcha-row>span{color:#344054!important;font-size:15px!important;font-weight:750!important}
.wgh510-builder-page .wgh510-field input,.wgh510-builder-page .wgh510-field textarea,.wgh510-builder-page .wgh510-field select{min-height:58px!important;padding:16px 17px!important;border:1px solid #cad5e4!important;border-radius:13px!important;background:#fff!important;color:var(--wgh-brand-ink)!important;font:520 16px/1.45 Inter,sans-serif!important;transition:border-color .18s,box-shadow .18s,background .18s!important}
.wgh510-builder-page .wgh510-field textarea{min-height:116px!important;resize:vertical}
.wgh510-builder-page .wgh510-field input::placeholder,.wgh510-builder-page .wgh510-field textarea::placeholder{color:#98a2b3!important}
.wgh510-builder-page .wgh510-field input:focus,.wgh510-builder-page .wgh510-field textarea:focus,.wgh510-builder-page .wgh510-field select:focus{border-color:var(--wgh-brand-blue)!important;box-shadow:0 0 0 4px rgba(47,111,237,.12)!important;background:#fbfdff!important}
.wgh510-builder-page .wgh510-field small{color:#7b8799!important;font-size:13px!important;line-height:1.5!important}
.wgh510-builder-page .wgh510-field b,.wgh510-builder-page .wgh510-captcha-row b,.wgh510-builder-page .wgh510-feedback b{color:#d92d20!important}

.wgh510-builder-page .wgh510-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.wgh510-builder-page .wgh510-service-grid label span{min-height:62px!important;padding:15px 16px!important;border:1px solid #d5dfec!important;border-radius:13px!important;background:#fafeff!important;color:#344054!important;font-size:15px!important;font-weight:700!important;transition:.18s ease!important}
.wgh510-builder-page .wgh510-service-grid label span i{width:19px!important;height:19px!important;border:1.5px solid #9eabc0!important;border-radius:5px!important}
.wgh510-builder-page .wgh510-service-grid input:checked+span{border-color:var(--wgh-brand-blue)!important;background:var(--wgh-brand-blue-soft)!important;color:var(--wgh-brand-blue-2)!important;box-shadow:inset 0 0 0 1px var(--wgh-brand-blue)!important}
.wgh510-builder-page .wgh510-service-grid input:checked+span i{border-color:var(--wgh-brand-blue)!important;background:var(--wgh-brand-blue)!important;box-shadow:inset 0 0 0 4px var(--wgh-brand-blue)!important}

.wgh510-builder-page .wgh510-advanced{margin:34px 0!important;border:1px solid #cfdbea!important;border-radius:18px!important;background:#f9fbff!important;overflow:hidden!important}
.wgh510-builder-page .wgh510-advanced summary{padding:28px 30px!important}
.wgh510-builder-page .wgh510-advanced summary>div{gap:7px!important}
.wgh510-builder-page .wgh510-advanced summary>div>span{padding:0!important;background:transparent!important;color:var(--wgh-brand-blue)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important}
.wgh510-builder-page .wgh510-advanced summary strong{color:var(--wgh-brand-ink)!important;font:740 30px/1 "Inter Tight",Inter,sans-serif!important}
.wgh510-builder-page .wgh510-advanced summary small{color:#667085!important;font-size:15px!important;line-height:1.5!important}
.wgh510-builder-page .wgh510-advanced summary>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--wgh-brand-blue)!important;box-shadow:0 0 0 1px #d6e1f0;font-size:28px!important}
.wgh510-builder-page .wgh510-advanced-body{padding:34px 30px!important;border-top:1px solid #dce6f3!important;background:#fff!important}
.wgh510-builder-page .wgh510-advanced-body h3{font-size:25px!important;color:var(--wgh-brand-ink)!important}
.wgh510-builder-page .wgh510-advanced-body section>p{font-size:15px!important;line-height:1.55!important}
.wgh510-builder-page .wgh510-toggle-grid label span{min-height:54px!important;padding:13px 15px!important;border-radius:11px!important;background:#f8faff!important;color:#344054!important;font-size:14px!important}
.wgh510-builder-page .wgh510-toggle-grid input:checked+span{background:var(--wgh-brand-blue)!important;border-color:var(--wgh-brand-blue)!important;color:#fff!important}

.wgh510-builder-page .wgh510-template-grid{gap:16px!important}
.wgh510-builder-page .wgh510-template-card{grid-template-columns:98px 1fr!important;min-height:230px!important;padding:28px!important;border:1px solid #d7e1ef!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fbfdff)!important;transition:.2s ease!important}
.wgh510-builder-page .wgh510-template-card:hover{transform:translateY(-3px)!important;border-color:#a9c0ef!important;box-shadow:0 18px 42px rgba(47,111,237,.10)!important}
.wgh510-builder-page .wgh510-template-card>b{color:#cbd9f7!important;font:800 78px/.78 "Inter Tight",Inter,sans-serif!important}
.wgh510-builder-page .wgh510-template-card strong{color:var(--wgh-brand-ink)!important;font-size:27px!important}
.wgh510-builder-page .wgh510-template-card p{margin:13px 0!important;color:#667085!important;font-size:14px!important;line-height:1.6!important}
.wgh510-builder-page .wgh510-template-card em{padding:7px 10px!important;border-radius:999px!important;background:var(--wgh-brand-blue-soft)!important;color:var(--wgh-brand-blue-2)!important;font-size:11px!important}
.wgh510-builder-page .wgh510-template-card a{margin-top:16px!important;color:var(--wgh-brand-blue)!important;font-size:14px!important}
.wgh510-builder-page .wgh510-template-choice>input:checked+.wgh510-template-card{border-color:var(--wgh-brand-blue)!important;box-shadow:0 0 0 3px rgba(47,111,237,.13),0 22px 50px rgba(47,111,237,.12)!important;background:#fff!important}
.wgh510-builder-page .wgh510-template-choice>input:checked+.wgh510-template-card>b{color:var(--wgh-brand-blue)!important}

.wgh510-builder-page .wgh510-human-check{grid-template-columns:280px 1fr!important;gap:30px!important;margin-top:34px!important;padding:26px 0!important;border-top:1px solid #e1e8f2!important}
.wgh510-builder-page .wgh510-human-check strong{color:#344054!important;font-size:15px!important}
.wgh510-builder-page .wgh510-human-check span{color:#667085!important;font-size:13px!important;line-height:1.5!important}
.wgh510-builder-page .wgh510-generate-bar{bottom:20px!important;margin-top:18px!important;padding:20px 22px!important;border:1px solid #c9d7eb!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 60px rgba(24,73,169,.16)!important}
.wgh510-builder-page .wgh510-generate-bar strong{color:var(--wgh-brand-ink)!important;font-size:19px!important}
.wgh510-builder-page .wgh510-generate-bar p{font-size:13px!important;color:#667085!important}
.wgh510-builder-page .wgh510-generate-bar button{min-height:56px!important;padding:0 24px!important;border-radius:13px!important;background:var(--wgh-brand-blue)!important;color:#fff!important;font-size:15px!important;box-shadow:0 12px 30px rgba(47,111,237,.25)!important;transition:.18s ease!important}
.wgh510-builder-page .wgh510-generate-bar button:hover{transform:translateY(-2px);background:#245fd5!important}

/* --------------------------------------------------------------------------
   Gemini-inspired generation transition — no AI icon, only brand motion.
   -------------------------------------------------------------------------- */
.wgh512-generating-page{background:#fff!important;overflow:hidden}
.wgh512-splash{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#f4f8ff 0,#fff 48%,#fbfdff 100%)}
.wgh512-splash:before,.wgh512-splash:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.44;z-index:-1;animation:wgh512-cloud 2.1s ease-in-out infinite alternate}
.wgh512-splash:before{width:44vw;height:44vw;left:-15vw;top:-15vw;background:rgba(47,111,237,.16)}
.wgh512-splash:after{width:38vw;height:38vw;right:-12vw;bottom:-16vw;background:rgba(116,151,255,.16);animation-delay:-.7s}
.wgh512-splash-inner{width:min(900px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;text-align:center}
.wgh512-splash-brand{display:inline-flex;align-items:center;gap:12px;color:var(--wgh-brand-ink);text-decoration:none}
.wgh512-splash-brand strong{font:750 21px/1 Inter,sans-serif;letter-spacing:-.03em}.wgh512-splash-brand strong span{color:var(--wgh-brand-blue)}
.wgh512-splash-symbol{position:relative;width:34px;height:30px;display:block}.wgh512-splash-symbol i{position:absolute;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--wgh-brand-blue),#6e9bff);transform-origin:left center}.wgh512-splash-symbol i:nth-child(1){left:1px;top:21px;width:20px;transform:rotate(-36deg)}.wgh512-splash-symbol i:nth-child(2){left:17px;top:9px;width:20px;transform:rotate(36deg)}.wgh512-splash-symbol i:nth-child(3){left:17px;top:22px;width:5px;height:9px;background:var(--wgh-brand-navy)}
.wgh512-splash-motion{position:relative;width:min(600px,78vw);height:170px;margin:42px 0 28px}
.wgh512-flow{position:absolute;left:50%;top:50%;display:block;width:72%;height:72%;border-radius:50%;border:2px solid transparent;filter:drop-shadow(0 18px 35px rgba(47,111,237,.12));transform:translate(-50%,-50%)}
.wgh512-flow-a{border-top-color:#2f6fed;border-right-color:#a6bfff;animation:wgh512-orbit-a 1.55s cubic-bezier(.55,.05,.25,.95) infinite}
.wgh512-flow-b{width:54%;height:54%;border-left-color:#79a0ff;border-bottom-color:#1849a9;animation:wgh512-orbit-b 1.9s cubic-bezier(.55,.05,.25,.95) infinite}
.wgh512-flow-c{width:36%;height:36%;border-top-color:#d4e1ff;border-left-color:#2f6fed;animation:wgh512-orbit-a 1.25s linear infinite reverse}
.wgh512-flow-core{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#2f6fed,#8cabff);box-shadow:0 0 0 12px rgba(47,111,237,.07),0 0 55px rgba(47,111,237,.30);transform:translate(-50%,-50%);animation:wgh512-core 1.1s ease-in-out infinite alternate}
.wgh512-splash-copy h1{margin:0;color:var(--wgh-brand-ink);font:760 clamp(48px,6.3vw,78px)/.98 "Inter Tight",Inter,sans-serif;letter-spacing:-.055em}
.wgh512-splash-copy p{margin:18px 0 0;color:#667085;font-size:19px;line-height:1.55;transition:opacity .2s,transform .2s}
.wgh512-splash-progress{width:min(580px,78vw);height:4px;margin:34px 0 22px;border-radius:999px;background:#e8eef8;overflow:hidden}.wgh512-splash-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1849a9,#2f6fed,#82a6ff);animation:wgh512-progress 2.05s cubic-bezier(.2,.75,.25,1) forwards}
.wgh512-splash-steps{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:#98a2b3;font-size:14px;font-weight:650}.wgh512-splash-steps span{transition:.2s}.wgh512-splash-steps span.is-active{color:var(--wgh-brand-blue)}
.wgh512-noscript a{color:var(--wgh-brand-blue);font-weight:700}
@keyframes wgh512-orbit-a{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.96)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.04)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.96)}}
@keyframes wgh512-orbit-b{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes wgh512-core{to{transform:translate(-50%,-50%) scale(1.35)}}
@keyframes wgh512-progress{to{width:100%}}
@keyframes wgh512-cloud{to{transform:translate3d(5vw,3vw,0) scale(1.08)}}

/* --------------------------------------------------------------------------
   Website studio / preview
   -------------------------------------------------------------------------- */
.wgh510-workspace-page{background:#eaf1ff!important;color:var(--wgh-brand-ink)!important}
.wgh510-workspace-page .wgh510-workspace{min-height:100vh!important;padding:0 0 36px!important;background:linear-gradient(180deg,#edf3ff 0,#f7f9fc 65%,#f7f9fc 100%)!important}
.wgh510-workspace-page .wgh510-studio-top{position:sticky!important;top:0!important;z-index:120!important;background:rgba(11,23,54,.98)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 45px rgba(11,23,54,.18)!important;backdrop-filter:blur(18px)!important}
.wgh510-workspace-page .wgh510-studio-top-inner{grid-template-columns:minmax(240px,.8fr) minmax(400px,1.5fr) auto!important;gap:26px!important;min-height:88px!important}
.wgh510-workspace-page .wgh510-studio-title>a{margin-bottom:7px!important;color:#9db9ff!important;font-size:13px!important;font-weight:700!important}
.wgh510-workspace-page .wgh510-studio-title p{color:#9db9ff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em!important}
.wgh510-workspace-page .wgh510-studio-title h1{color:#fff!important;font-size:27px!important}
.wgh510-workspace-page .wgh510-business-strip{border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.055);overflow:hidden!important}
.wgh510-workspace-page .wgh510-business-strip span{padding:11px 15px!important;border-left:1px solid rgba(255,255,255,.10)!important}
.wgh510-workspace-page .wgh510-business-strip span:first-child{border-left:0!important}
.wgh510-workspace-page .wgh510-business-strip small{color:#8fa4c8!important;font-size:11px!important}
.wgh510-workspace-page .wgh510-business-strip b{color:#fff!important;font-size:13px!important;font-weight:650!important}
.wgh510-workspace-page .wgh510-studio-actions{gap:9px!important}
.wgh510-workspace-page .wgh510-studio-actions button{min-height:44px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:13px!important;transition:.18s!important}
.wgh510-workspace-page .wgh510-studio-actions button:hover:not(:disabled){background:rgba(255,255,255,.14)!important;transform:translateY(-1px)}
.wgh510-workspace-page .wgh510-studio-actions button.primary{border-color:var(--wgh-brand-blue)!important;background:var(--wgh-brand-blue)!important;box-shadow:0 10px 25px rgba(47,111,237,.28)!important}

.wgh510-workspace-page .wgh510-studio-grid{width:min(1920px,calc(100vw - 30px))!important;max-width:none!important;grid-template-columns:300px minmax(0,1fr)!important;gap:16px!important;padding-top:16px!important}
.wgh510-workspace-page .wgh510-editor-panel{position:sticky!important;top:104px!important;max-height:calc(100vh - 122px)!important;overflow:auto!important;padding:24px!important;border:1px solid #d6e1f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 50px rgba(21,40,80,.08)!important}
.wgh510-workspace-page .wgh510-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.wgh510-workspace-page .wgh510-panel-head small,.wgh510-workspace-page .wgh510-theme-panel>small,.wgh510-workspace-page .wgh510-removed-wrap>small{color:var(--wgh-brand-blue)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.09em!important}
.wgh510-workspace-page .wgh510-panel-head strong{display:block;margin-top:5px;color:var(--wgh-brand-ink)!important;font-size:24px!important;letter-spacing:-.03em}
.wgh510-workspace-page [data-edit-state]{padding:7px 10px;border-radius:999px;background:var(--wgh-brand-blue-soft);color:var(--wgh-brand-blue-2);font-size:12px;font-weight:750}
.wgh510-workspace-page .wgh510-panel-help{margin:0 0 18px!important;color:#667085!important;font-size:14px!important;line-height:1.55!important}
.wgh510-workspace-page .wgh510-section-list{display:grid;gap:8px!important}
.wgh510-workspace-page .wgh510-section-item{border:1px solid #dce5f1!important;border-radius:12px!important;background:#fbfdff!important;overflow:hidden!important}
.wgh510-workspace-page .wgh510-section-item.is-selected{border-color:var(--wgh-brand-blue)!important;box-shadow:0 0 0 2px rgba(47,111,237,.11)!important;background:#fff!important}
.wgh510-workspace-page .wgh510-section-jump{padding:13px 10px!important}.wgh510-workspace-page .wgh510-section-jump b{font-size:14px!important}.wgh510-workspace-page .wgh510-section-jump small{font-size:11px!important;color:#7d8ba3!important}
.wgh510-workspace-page .wgh510-drag-handle{font-size:18px!important;color:#91a0b8!important}.wgh510-workspace-page .wgh510-section-delete{font-size:18px!important;color:#8b4a4a!important}
.wgh510-workspace-page .wgh510-theme-panel strong{font-size:20px!important;color:var(--wgh-brand-ink)!important}.wgh510-workspace-page .wgh510-theme-panel label span{font-size:13px!important;color:#475467!important}.wgh510-workspace-page .wgh510-reset-theme{border-radius:10px!important;color:var(--wgh-brand-blue-2)!important;border-color:#b9caee!important;background:#f5f8ff!important}

.wgh510-workspace-page .wgh510-editor-notice{margin-bottom:12px!important;padding:14px 16px!important;border:1px solid #c9d8f0!important;border-radius:13px!important;background:#f4f8ff!important;color:#344b72!important}.wgh510-workspace-page .wgh510-editor-notice p{font-size:13px!important;line-height:1.45!important}
.wgh510-workspace-page .wgh510-image-tools{border-radius:12px!important;background:var(--wgh-brand-navy)!important;padding:11px 14px!important}.wgh510-workspace-page .wgh510-image-tools span{font-size:13px!important}.wgh510-workspace-page .wgh510-image-tools button{border-radius:9px!important;font-size:12px!important;padding:8px 11px!important}
.wgh510-workspace-page .wgh510-save-status{min-height:20px!important;font-size:13px!important;color:#245a46!important}
.wgh510-workspace-page .wgh510-browser-shell{overflow:hidden!important;border:1px solid #c7d4e7!important;border-radius:20px!important;background:#dce6f4!important;box-shadow:0 30px 80px rgba(21,40,80,.16)!important}
.wgh510-workspace-page .wgh510-browser-bar{min-height:58px!important;padding:10px 16px!important;border-bottom:1px solid #d6e0ec!important;background:#fff!important}
.wgh510-workspace-page .wgh510-browser-left i{width:10px!important;height:10px!important}.wgh510-workspace-page .wgh510-browser-left i:nth-child(1){background:#ff6b6b!important}.wgh510-workspace-page .wgh510-browser-left i:nth-child(2){background:#f7c948!important}.wgh510-workspace-page .wgh510-browser-left i:nth-child(3){background:#58c98b!important}.wgh510-workspace-page .wgh510-browser-left span{margin-left:12px!important;color:#667085!important;font-size:13px!important;font-weight:600!important}
.wgh510-workspace-page .wgh510-device-switch{gap:4px!important;padding:4px!important;border-radius:11px!important;background:#edf2f9!important}.wgh510-workspace-page .wgh510-device-switch button{min-height:36px!important;padding:0 14px!important;border-radius:8px!important;color:#667085!important;font-size:13px!important}.wgh510-workspace-page .wgh510-device-switch button.is-active{background:var(--wgh-brand-blue)!important;color:#fff!important;box-shadow:0 6px 16px rgba(47,111,237,.22)!important}
.wgh510-workspace-page .wgh510-preview-canvas{position:relative!important;display:block!important;min-height:760px!important;height:calc(100vh - 190px)!important;overflow:hidden!important;padding:26px!important;background:linear-gradient(180deg,#dfe8f5,#eef3f9)!important}
.wgh510-workspace-page .wgh510-preview-canvas iframe{position:absolute!important;top:26px!important;left:50%!important;display:block!important;width:1440px!important;max-width:none!important;height:calc(100vh - 240px)!important;min-height:760px!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 18px 55px rgba(18,40,76,.17)!important;transform:translateX(-50%) scale(var(--wgh-preview-scale,1))!important;transform-origin:top center!important;transition:transform .25s ease,width .25s ease!important}
.wgh510-workspace-page .wgh510-preview-canvas.is-mobile iframe{width:390px!important;height:844px!important;min-height:844px!important;border-radius:28px!important;box-shadow:0 22px 55px rgba(18,40,76,.22)!important}

/* Editor affordances use the same product blue. */
.wgh510-workspace-page .wgh510-canvas-column{min-width:0!important}

/* --------------------------------------------------------------------------
   Download / service modal
   -------------------------------------------------------------------------- */
.wgh510-workspace-page .wgh510-modal{padding:28px!important;background:rgba(11,23,54,.72)!important;backdrop-filter:blur(12px)!important}
.wgh510-workspace-page .wgh510-modal-card{width:min(1120px,100%)!important;max-height:92vh!important;padding:46px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 42px 120px rgba(3,13,35,.40)!important}
.wgh510-workspace-page .wgh510-modal-close{right:22px!important;top:22px!important;width:44px!important;height:44px!important;border:1px solid #d9e2ef!important;border-radius:50%!important;color:#344054!important;background:#f8faff!important}
.wgh510-workspace-page .wgh510-modal-head>p{color:var(--wgh-brand-blue)!important;font-size:13px!important;letter-spacing:.09em!important}
.wgh510-workspace-page .wgh510-modal-head h2{max-width:760px!important;color:var(--wgh-brand-ink)!important;font:760 clamp(44px,5vw,66px)/.96 "Inter Tight",Inter,sans-serif!important}
.wgh510-workspace-page .wgh510-modal-head>span{max-width:760px!important;margin-top:17px!important;color:#667085!important;font-size:17px!important;line-height:1.6!important}
.wgh510-workspace-page .wgh510-next-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:34px!important}
.wgh510-workspace-page .wgh510-next-options>button{display:flex!important;min-height:230px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;padding:26px!important;border:1px solid #d5e0f0!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;transition:.2s ease!important}
.wgh510-workspace-page .wgh510-next-options>button:hover{transform:translateY(-4px)!important;border-color:#9fb8ec!important;box-shadow:0 22px 48px rgba(47,111,237,.13)!important}
.wgh510-workspace-page .wgh510-next-options b{color:#b7caf3!important;font:800 54px/.8 "Inter Tight",Inter,sans-serif!important}
.wgh510-workspace-page .wgh510-next-options>button>div{margin-top:28px!important}
.wgh510-workspace-page .wgh510-next-options strong{color:var(--wgh-brand-ink)!important;font-size:24px!important;line-height:1.05!important}
.wgh510-workspace-page .wgh510-next-options p{margin-top:10px!important;color:#667085!important;font-size:14px!important;line-height:1.55!important}
.wgh510-workspace-page .wgh510-next-options i{margin-top:auto!important;padding-top:24px!important;color:var(--wgh-brand-blue)!important;font-size:26px!important}
.wgh510-workspace-page .wgh510-request-form{margin-top:34px!important;padding:30px!important;border:1px solid #dbe4ef!important;border-radius:18px!important;background:#f9fbff!important}
.wgh510-workspace-page .wgh510-form-title{grid-template-columns:88px 1fr!important;gap:22px!important;margin-bottom:28px!important}.wgh510-workspace-page .wgh510-form-title>span{color:#c0d0f3!important;font-size:70px!important}.wgh510-workspace-page .wgh510-form-title h3{color:var(--wgh-brand-ink)!important;font-size:34px!important}.wgh510-workspace-page .wgh510-form-title p{margin-top:10px!important;color:#667085!important;font-size:15px!important;line-height:1.55!important}
.wgh510-workspace-page .wgh510-request-form .wgh510-fields{gap:18px!important}.wgh510-workspace-page .wgh510-request-form .wgh510-field>span{color:#344054!important;font-size:15px!important}.wgh510-workspace-page .wgh510-request-form .wgh510-field input,.wgh510-workspace-page .wgh510-request-form .wgh510-field textarea,.wgh510-workspace-page .wgh510-request-form .wgh510-field select{min-height:56px!important;padding:15px 16px!important;border:1px solid #cad5e4!important;border-radius:12px!important;background:#fff!important;font-size:15px!important}.wgh510-workspace-page .wgh510-request-form .wgh510-field textarea{min-height:115px!important}
.wgh510-workspace-page .wgh510-feedback{gap:10px!important;margin:22px 0!important}.wgh510-workspace-page .wgh510-feedback legend{margin-bottom:9px!important;color:#344054!important;font-size:15px!important}.wgh510-workspace-page .wgh510-feedback label span{padding:12px 15px!important;border-radius:10px!important;background:#fff!important;font-size:14px!important}.wgh510-workspace-page .wgh510-feedback input:checked+span{background:var(--wgh-brand-blue)!important;border-color:var(--wgh-brand-blue)!important;color:#fff!important}
.wgh510-workspace-page .wgh510-captcha-row{grid-template-columns:220px 1fr!important;gap:24px!important;margin-top:24px!important;padding-top:22px!important;border-color:#dce5f1!important}.wgh510-workspace-page .wgh510-captcha-row>span{font-size:15px!important}.wgh510-workspace-page .wgh510-submit{min-height:54px!important;margin-top:22px!important;padding:0 22px!important;border-radius:12px!important;background:var(--wgh-brand-blue)!important;font-size:15px!important;box-shadow:0 10px 24px rgba(47,111,237,.23)!important}.wgh510-workspace-page .wgh510-direct-contact-note,.wgh510-workspace-page .wgh510-modal-status{font-size:13px!important;line-height:1.5!important}

@media(max-width:1220px){
  .wgh510-builder-page .wgh510-builder-layout{grid-template-columns:240px minmax(0,1fr)!important;gap:34px!important}
  .wgh510-workspace-page .wgh510-studio-top-inner{grid-template-columns:1fr auto!important}.wgh510-workspace-page .wgh510-business-strip{grid-column:1/-1!important;order:3!important;margin-bottom:12px!important}.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:270px minmax(0,1fr)!important}
}
@media(max-width:960px){
  .wgh510-builder-page .wgh510-builder-hero-grid{grid-template-columns:1fr!important;gap:38px!important}.wgh510-builder-page .wgh510-build-path{max-width:680px}.wgh510-builder-page .wgh510-builder-layout{grid-template-columns:1fr!important}.wgh510-builder-page .wgh510-builder-rail{display:none!important}.wgh510-builder-page .wgh510-form{padding-inline:34px!important}
  .wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-editor-panel{position:relative!important;top:auto!important;max-height:none!important}.wgh510-workspace-page .wgh510-section-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wgh510-workspace-page .wgh510-preview-canvas{height:720px!important}.wgh510-workspace-page .wgh510-next-options{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-next-options>button{min-height:170px!important}
}
@media(max-width:680px){
  .wgh510-builder-page .wgh510-builder-hero{padding:58px 0 46px!important}.wgh510-builder-page .wgh510-builder-hero h1{font-size:clamp(46px,13vw,64px)!important}.wgh510-builder-page .wgh510-lead{font-size:17px!important}.wgh510-builder-page .wgh510-build-path{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.wgh510-builder-page .wgh510-build-path>div{padding:18px 13px!important}.wgh510-builder-page .wgh510-build-path b{font-size:36px!important}.wgh510-builder-page .wgh510-build-path span{font-size:12px!important}.wgh510-builder-page .wgh510-form{padding:0 20px 24px!important;border-radius:18px!important}.wgh510-builder-page .wgh510-form-section{padding:42px 0!important}.wgh510-builder-page .wgh510-form-section>header{grid-template-columns:1fr!important;gap:12px!important}.wgh510-builder-page .wgh510-form-section>header>span{font-size:96px!important}.wgh510-builder-page .wgh510-form-section h2{font-size:38px!important}.wgh510-builder-page .wgh510-form-section header p{font-size:15px!important}.wgh510-builder-page .wgh510-fields,.wgh510-builder-page .wgh510-service-grid,.wgh510-builder-page .wgh510-toggle-grid,.wgh510-builder-page .wgh510-template-grid{grid-template-columns:1fr!important}.wgh510-builder-page .wgh510-template-card{grid-template-columns:72px 1fr!important;padding:22px!important}.wgh510-builder-page .wgh510-template-card>b{font-size:58px!important}.wgh510-builder-page .wgh510-human-check{grid-template-columns:1fr!important}.wgh510-builder-page .wgh510-generate-bar{position:static!important;display:grid!important}.wgh510-builder-page .wgh510-generate-bar button{width:100%!important}
  .wgh512-splash-inner{width:min(100% - 30px,800px)}.wgh512-splash-motion{height:130px;margin:30px 0 22px}.wgh512-splash-copy h1{font-size:clamp(42px,13vw,60px)}.wgh512-splash-copy p{font-size:16px}.wgh512-splash-steps{gap:12px 18px;font-size:12px}
  .wgh510-workspace-page .wgh510-studio-top{position:relative!important}.wgh510-workspace-page .wgh510-studio-top-inner{grid-template-columns:1fr!important;padding-block:14px!important}.wgh510-workspace-page .wgh510-business-strip{display:grid!important;grid-template-columns:1fr 1fr!important}.wgh510-workspace-page .wgh510-studio-actions{justify-content:flex-start!important;flex-wrap:wrap!important}.wgh510-workspace-page .wgh510-studio-grid{width:calc(100vw - 18px)!important}.wgh510-workspace-page .wgh510-section-list{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-preview-canvas{height:650px!important;padding:14px!important}.wgh510-workspace-page .wgh510-preview-canvas iframe{top:14px!important}.wgh510-workspace-page .wgh510-modal{padding:10px!important}.wgh510-workspace-page .wgh510-modal-card{padding:30px 20px!important;border-radius:18px!important}.wgh510-workspace-page .wgh510-modal-head h2{font-size:42px!important}.wgh510-workspace-page .wgh510-request-form{padding:22px 16px!important}.wgh510-workspace-page .wgh510-form-title{grid-template-columns:58px 1fr!important}.wgh510-workspace-page .wgh510-form-title>span{font-size:52px!important}.wgh510-workspace-page .wgh510-form-title h3{font-size:28px!important}.wgh510-workspace-page .wgh510-captcha-row{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.wgh512-flow,.wgh512-flow-core,.wgh512-splash:before,.wgh512-splash:after,.wgh512-splash-progress span{animation:none!important}.wgh512-splash-progress span{width:100%!important}}

/* ========================================================================== 
   v0.5.3 — clearer actions, section removal and validation feedback
   ========================================================================== */
.wgh510-builder-page .wgh510-field.is-invalid input,
.wgh510-builder-page .wgh510-field.is-invalid textarea,
.wgh510-builder-page .wgh510-field.is-invalid select,
.wgh510-workspace-page .wgh510-field.is-invalid input,
.wgh510-workspace-page .wgh510-field.is-invalid textarea,
.wgh510-workspace-page .wgh510-field.is-invalid select{border-color:#d92d20!important;background:#fff6f6!important;box-shadow:0 0 0 4px rgba(217,45,32,.10)!important}
.wgh510-field-error{display:block!important;margin-top:2px!important;color:#d92d20!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important}
.wgh510-group-error{margin-top:14px;padding:12px 14px;border:1px solid #f0b9b5;border-radius:10px;background:#fff5f4;color:#b42318;font-size:14px;font-weight:700;line-height:1.45}
.wgh510-feedback.is-invalid{padding:14px!important;border:1px solid #f0b9b5!important;border-radius:12px!important;background:#fff7f6!important}
.wgh510-feedback.is-invalid label span{border-color:#e4a29d!important}
.wgh510-captcha-row.is-invalid,.wgh510-human-check.is-invalid{border-color:#e4a29d!important;background:#fff7f6!important}
.wgh510-workspace-page [hidden]{display:none!important}
.wgh510-workspace-page [data-budget-field][hidden]{display:none!important}

/* Primary studio actions must be immediately visible. */
.wgh510-workspace-page .wgh510-studio-actions{gap:12px!important}
.wgh510-workspace-page .wgh510-studio-actions button{min-height:58px!important;padding:0 22px!important;border-radius:13px!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.01em!important}
.wgh510-workspace-page .wgh510-studio-actions button[data-edit-site]{background:#fff!important;color:#0b1736!important;border-color:#d6e0ed!important}
.wgh510-workspace-page .wgh510-studio-actions button[data-save-site]{background:#1849a9!important;color:#fff!important;border-color:#1849a9!important}
.wgh510-workspace-page .wgh510-studio-actions button[data-save-site]:disabled{background:#52637d!important;border-color:#52637d!important;color:#fff!important;opacity:.55!important}
.wgh510-workspace-page .wgh510-studio-actions button.primary{min-height:60px!important;padding-inline:27px!important;background:#2f6fed!important;border-color:#2f6fed!important;color:#fff!important;font-size:16px!important}

/* Section controls: explicit remove action instead of a tiny X. */
.wgh510-workspace-page .wgh510-section-item{grid-template-columns:24px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important}
.wgh510-workspace-page .wgh510-section-jump b{font-size:13px!important;line-height:1.25!important;color:#223b63!important}
.wgh510-workspace-page .wgh510-section-jump small{margin-top:4px!important;font-size:10px!important}
.wgh510-workspace-page .wgh510-section-delete{display:none!important;width:auto!important;height:38px!important;min-width:84px!important;padding:0 12px!important;border:1px solid #f0b9b5!important;border-radius:9px!important;background:#fff4f3!important;color:#b42318!important;font-size:12px!important;font-weight:800!important;line-height:1!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.wgh510-workspace-page.is-editing .wgh510-section-delete{display:inline-flex!important}
.wgh510-workspace-page .wgh510-section-delete:hover{background:#fee4e2!important;border-color:#e78078!important}
.wgh510-workspace-page .wgh510-section-delete span{font-size:17px;line-height:1}

/* Make request form errors as obvious as builder errors. */
.wgh510-workspace-page .wgh510-modal-status{margin-top:14px!important;font-size:14px!important;font-weight:700!important}
.wgh510-workspace-page .wgh510-request-form .wgh510-field>span b,
.wgh510-workspace-page .wgh510-feedback legend b,
.wgh510-workspace-page .wgh510-direct-contact-note b{color:#d92d20!important}

@media(max-width:680px){
  .wgh510-workspace-page .wgh510-studio-actions button{min-height:54px!important;padding-inline:17px!important;font-size:14px!important}
  .wgh510-workspace-page .wgh510-studio-actions button.primary{width:100%!important;min-height:58px!important}
  .wgh510-workspace-page .wgh510-section-item{grid-template-columns:22px minmax(0,1fr)!important}
  .wgh510-workspace-page .wgh510-section-delete{grid-column:2!important;width:100%!important;margin-top:5px!important}
}

/* v0.5.4 — clearer optional builder groups + always-visible section removal */
.wgh510-builder-page .wgh510-collapsible-section{border:1px solid #d7e3f5!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 34px rgba(20,49,98,.06)!important;overflow:hidden!important}
.wgh510-builder-page .wgh510-collapsible-section summary{min-height:118px!important;padding:26px 30px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.wgh510-builder-page .wgh510-collapsible-section summary strong{font-size:24px!important;color:#0b1736!important}
.wgh510-builder-page .wgh510-collapsible-section summary small{margin-top:7px!important;font-size:14px!important;line-height:1.55!important;color:#65758f!important}
.wgh510-builder-page .wgh510-collapsible-section[open] summary{border-bottom:1px solid #e1e9f5!important}
.wgh510-builder-page .wgh510-collapsible-section .wgh510-advanced-body{padding:30px!important}
.wgh510-builder-page .wgh510-collapsible-section .wgh510-form-section{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.wgh510-builder-page .wgh510-collapsible-section .wgh510-form-section>header{margin-bottom:22px!important}
.wgh510-workspace-page .wgh510-section-delete{display:inline-flex!important;width:auto!important;min-width:116px!important;height:40px!important;padding:0 12px!important;border:1px solid #f0b9b5!important;border-radius:9px!important;background:#fff4f3!important;color:#b42318!important;font-size:12px!important;font-weight:850!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important}
.wgh510-workspace-page .wgh510-section-delete:hover{background:#fee4e2!important;border-color:#e78078!important}
.wgh510-workspace-page .wgh510-section-item{grid-template-columns:24px minmax(0,1fr) auto!important}
@media(max-width:620px){.wgh510-builder-page .wgh510-collapsible-section summary{padding:22px 20px!important}.wgh510-builder-page .wgh510-collapsible-section .wgh510-advanced-body{padding:22px 18px!important}.wgh510-workspace-page .wgh510-section-item{grid-template-columns:22px minmax(0,1fr)!important}.wgh510-workspace-page .wgh510-section-delete{grid-column:2!important;width:100%!important;margin-top:5px!important}}

/* v0.6.4 automatic-design builder */
.wgh510-builder-page .wgh510-auto-design{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start;margin:34px 0 10px;padding:28px 30px;border:1px solid #dce5f1;border-radius:18px;background:#f7faff}
.wgh510-builder-page .wgh510-auto-design>div{display:grid;gap:7px}.wgh510-builder-page .wgh510-auto-design small{color:#2f6fed;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.wgh510-builder-page .wgh510-auto-design strong{color:#0b1736;font:760 28px/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em}.wgh510-builder-page .wgh510-auto-design p{margin:0;color:#667085;font-size:15px;line-height:1.65}
@media(max-width:720px){.wgh510-builder-page .wgh510-auto-design{grid-template-columns:1fr;padding:24px 20px}}

/* ========================================================================== 
   v0.6.5 — compact section manager + regenerate action
   ========================================================================== */
.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:330px minmax(0,1fr)!important}
.wgh510-workspace-page .wgh510-editor-panel{padding:24px 20px!important}
.wgh510-workspace-page .wgh510-section-list{gap:10px!important}
.wgh510-workspace-page .wgh510-section-item{grid-template-columns:22px minmax(0,1fr) 36px!important;gap:10px!important;min-height:68px!important;padding:10px 10px 10px 12px!important;overflow:visible!important}
.wgh510-workspace-page .wgh510-section-jump{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 4px!important}
.wgh510-workspace-page .wgh510-section-jump b{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;color:#203a62!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important}
.wgh510-workspace-page .wgh510-section-jump small{margin:0!important;padding:4px 7px!important;border-radius:999px!important;background:#eef4ff!important;color:#5270a8!important;font-size:10px!important;font-weight:800!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.wgh510-workspace-page .wgh510-section-delete{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid #f1b8b2!important;border-radius:9px!important;background:#fff7f6!important;color:#c43228!important;font-size:21px!important;font-weight:650!important;line-height:1!important;cursor:pointer!important}
.wgh510-workspace-page .wgh510-section-delete:hover{background:#fee9e7!important;border-color:#df776f!important;color:#9f251d!important}
.wgh510-workspace-page .wgh510-section-delete span{font-size:21px!important;line-height:1!important;transform:translateY(-1px)}
.wgh510-workspace-page .wgh510-drag-handle{font-size:17px!important;letter-spacing:-5px!important;color:#91a6c8!important}
.wgh510-workspace-page .wgh510-studio-actions .wgh510-regenerate{background:#eef4ff!important;border-color:#89aaf2!important;color:#1849a9!important}
.wgh510-workspace-page .wgh510-studio-actions .wgh510-regenerate span{font-size:20px;line-height:1}
.wgh510-workspace-page .wgh510-studio-actions .wgh510-regenerate:hover:not(:disabled){background:#1b3974!important;border-color:#9fb9f5!important;color:#fff!important}
.wgh510-workspace-page .wgh510-studio-actions button:disabled{cursor:not-allowed!important;opacity:.55!important;transform:none!important}
@media(max-width:1220px){.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:300px minmax(0,1fr)!important}}
@media(max-width:960px){.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-section-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.wgh510-workspace-page .wgh510-section-list{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-section-item{grid-template-columns:22px minmax(0,1fr) 36px!important}.wgh510-workspace-page .wgh510-section-delete{grid-column:auto!important;width:34px!important;margin-top:0!important}}

/* --------------------------------------------------------------------------
   v0.6.6 — website brief completion + responsive hardening
   -------------------------------------------------------------------------- */
.wgh660-brief-score{display:grid;grid-template-columns:116px minmax(0,1fr);gap:24px;align-items:center;margin:0 0 34px;padding:24px 26px;border:1px solid #d9e3f2;border-radius:18px;background:#f7faff}
.wgh660-score-ring{--brief-progress:0deg;position:relative;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2f6fed var(--brief-progress),#dce7f7 0)}
.wgh660-score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.wgh660-score-ring strong,.wgh660-score-ring span{position:relative;z-index:1;text-align:center}.wgh660-score-ring strong{display:block;font:800 27px/1 "Inter Tight",Inter,sans-serif;color:#0b1736}.wgh660-score-ring span{display:block;margin-top:4px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wgh660-brief-score>div:last-child>b{display:block;color:#0b1736;font-size:18px;line-height:1.25}.wgh660-brief-score>div:last-child>p{max-width:620px;margin:8px 0 0;color:#667085;font-size:14px;line-height:1.55}
@media(max-width:1180px){.wgh510-workspace-page .wgh510-studio-top-inner{grid-template-columns:1fr auto!important}.wgh510-workspace-page .wgh510-business-strip{grid-column:1/-1!important;order:3!important;margin-bottom:10px}.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:260px minmax(0,1fr)!important}.wgh510-workspace-page .wgh510-preview-canvas{padding:20px!important}.wgh510-workspace-page .wgh510-preview-canvas iframe{top:20px!important}}
@media(max-width:900px){.wgh660-brief-score{grid-template-columns:94px 1fr;padding:20px}.wgh660-score-ring{width:88px;height:88px}.wgh510-workspace-page .wgh510-studio-grid{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-editor-panel{position:static!important;max-height:none!important}.wgh510-workspace-page .wgh510-section-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wgh510-workspace-page .wgh510-preview-canvas{min-height:560px!important;height:auto!important}.wgh510-workspace-page .wgh510-preview-canvas iframe{position:relative!important;top:auto!important;left:50%!important}.wgh510-workspace-page .wgh510-studio-actions{flex-wrap:wrap!important}}
@media(max-width:620px){.wgh660-brief-score{grid-template-columns:78px 1fr;gap:16px;margin-bottom:20px;padding:18px 16px;border-radius:14px}.wgh660-score-ring{width:72px;height:72px}.wgh660-score-ring:after{inset:7px}.wgh660-score-ring strong{font-size:21px}.wgh660-score-ring span{font-size:9px}.wgh660-brief-score>div:last-child>b{font-size:16px}.wgh660-brief-score>div:last-child>p{font-size:12px}.wgh510-workspace-page .wgh510-section-list{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-preview-canvas{padding:12px!important}.wgh510-workspace-page .wgh510-preview-canvas iframe{top:auto!important}.wgh510-workspace-page .wgh510-studio-actions button{flex:1 1 calc(50% - 8px)!important;min-height:48px!important}.wgh510-workspace-page .wgh510-studio-actions button.primary{flex-basis:100%!important}.wgh510-workspace-page .wgh510-browser-bar{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}.wgh510-workspace-page .wgh510-device-switch{width:100%!important}.wgh510-workspace-page .wgh510-device-switch button{flex:1!important}.wgh510-workspace-page .wgh510-modal{padding:12px!important}.wgh510-workspace-page .wgh510-modal-card{padding:30px 18px!important;border-radius:18px!important}.wgh510-workspace-page .wgh510-modal-head h2{font-size:42px!important}}
@media(max-width:430px){.wgh510-builder-page .wgh510-builder-hero h1{font-size:44px!important}.wgh510-builder-page .wgh510-build-path{gap:6px!important}.wgh510-builder-page .wgh510-build-path>div{padding:14px 10px!important}.wgh510-builder-page .wgh510-build-path b{font-size:31px!important}.wgh510-workspace-page .wgh510-studio-actions button{flex-basis:100%!important}.wgh510-workspace-page .wgh510-business-strip{grid-template-columns:1fr!important}.wgh510-workspace-page .wgh510-preview-canvas.is-mobile iframe{width:360px!important}}


/* Source: wgh660-global-responsive.css */
/* v0.6.6 public responsive safety layer */
html,body{max-width:100%;overflow-x:hidden}img,video,svg,iframe{max-width:100%}.site-shell{max-width:100%}input,textarea,select,button{max-width:100%}
@media(max-width:1024px){.brand-header .header-row{gap:18px}.brand-nav{gap:18px}.brand-footer .footer-top{gap:38px}.wgh96-page-hero-grid,.wgh96-faq-layout{gap:42px}}
@media(max-width:760px){html{-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px}.site-shell{width:calc(100% - 28px)!important}.brand-header{position:relative}.brand-logo32 span b{font-size:18px}.brand-footer .footer-top{grid-template-columns:1fr!important}.brand-footer .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.wgh96-page-hero{padding-top:68px!important;padding-bottom:60px!important}.wgh96-page-hero-grid,.wgh96-faq-layout{grid-template-columns:1fr!important}.wgh96-faq-layout aside{position:static!important}.wgh96-faq-section{padding-top:68px!important;padding-bottom:68px!important}.wgh96-faq-list summary{font-size:17px!important;line-height:1.35!important}.site-dock32{max-width:calc(100vw - 16px);overflow-x:auto;overscroll-behavior-x:contain}.site-dock32 a{flex:0 0 auto}}
@media(max-width:430px){.site-shell{width:calc(100% - 22px)!important}.brand-logo32 img{width:34px;height:34px}.wgh96-page-hero h1{font-size:clamp(42px,13vw,58px)!important}.wgh96-page-hero p{font-size:16px!important}.wgh96-faq-section aside h2{font-size:34px!important}}


/* Source: wgh690-fixes.css */
/* WebsiteGeneratorHub v0.6.9 — targeted corrections only. */

/* 1) Roofer landing: keep the Website Studio preview full-width and properly framed. */
.wgh58-studio-canvas{
  min-width:0;
  overflow:hidden;
}
.wgh58-studio-browser,
.wgh58-studio-browser .wgh57-frame-stage{
  width:100%;
  min-width:0;
}
.wgh58-studio-browser .wgh57-frame-stage{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.wgh58-studio-browser .wgh57-frame-stage iframe{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:1440px!important;
  max-width:none!important;
  min-width:1440px!important;
  border:0!important;
  background:#fff!important;
  transform-origin:top left!important;
}

/* 2) Homepage: replace only the two old template visuals inside their existing sections. */
.wgh690-template-browser{
  overflow:hidden;
  background:#fff;
}
.wgh690-template-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:cover;
  background:#f7f9fc;
}
.home80-device-stage .wgh690-template-browser{
  width:min(1180px,100%);
  margin-inline:auto;
}
.home80-device-stage .wgh690-template-browser .wgh690-template-image{
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:top center;
}
.wgh690-generated-browser{
  overflow:hidden;
}
.wgh690-generated-browser .wgh690-template-image-b{
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:top center;
}

/* 3) Restore the customer-journey section to a stable, readable state. */
.home84-customer-journey article{
  opacity:1!important;
  transform:none!important;
  background:#fff;
}
.home84-customer-journey::before{
  transform:scaleX(1)!important;
}
.home84-customer-journey h3{
  color:#15223a!important;
}
.home84-customer-journey p{
  color:#647187!important;
}

/* 4) Builder brief score: editorial product treatment, not an AI-style dashboard card. */
.wgh510-builder-page .wgh660-brief-score{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:34px;
  align-items:center;
  margin:0 0 42px;
  padding:30px 0;
  border:0;
  border-top:1px solid #cfd9e8;
  border-bottom:1px solid #cfd9e8;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.wgh510-builder-page .wgh660-score-ring{
  position:relative;
  display:block;
  width:auto;
  height:auto;
  padding:4px 30px 4px 0;
  border-right:1px solid #d9e1ec;
  border-radius:0;
  background:none!important;
}
.wgh510-builder-page .wgh660-score-ring::after{
  display:none!important;
}
.wgh510-builder-page .wgh660-score-ring strong,
.wgh510-builder-page .wgh660-score-ring span{
  position:static;
  text-align:left;
}
.wgh510-builder-page .wgh660-score-ring strong{
  display:block;
  font:800 clamp(46px,5vw,68px)/.9 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.055em;
  color:#0b1736;
}
.wgh510-builder-page .wgh660-score-ring span{
  display:block;
  margin-top:10px;
  color:#6d7890;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.wgh510-builder-page .wgh660-brief-score>div:last-child>b{
  display:block;
  max-width:760px;
  color:#0b1736;
  font:750 clamp(20px,2vw,28px)/1.15 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.025em;
}
.wgh510-builder-page .wgh660-brief-score>div:last-child>p{
  max-width:760px;
  margin:10px 0 0;
  color:#657189;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:900px){
  .wgh510-builder-page .wgh660-brief-score{
    grid-template-columns:130px minmax(0,1fr);
    gap:24px;
  }
}
@media(max-width:620px){
  .wgh510-builder-page .wgh660-brief-score{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:28px;
    padding:24px 0;
  }
  .wgh510-builder-page .wgh660-score-ring{
    padding:0 0 18px;
    border-right:0;
    border-bottom:1px solid #d9e1ec;
  }
  .wgh510-builder-page .wgh660-score-ring strong{
    font-size:52px;
  }
}

/* v0.6.10 — Website brief redesigned as an editorial product status, not a score card. */
.wgh510-builder-page .wgh610-brief{
  margin:0 0 48px;
  padding:0;
  border:0;
  background:transparent;
  color:#0b1736;
}
.wgh510-builder-page .wgh610-brief-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 0 16px;
  border-bottom:1px solid #d7dfeb;
  color:#68758d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.wgh510-builder-page .wgh610-brief-topline span:last-child{
  display:flex;
  align-items:baseline;
  gap:6px;
  letter-spacing:.08em;
}
.wgh510-builder-page .wgh610-brief-topline strong{
  color:#0b1736;
  font:800 15px/1 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.02em;
}
.wgh510-builder-page .wgh610-brief-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  gap:44px;
  align-items:end;
  padding:34px 0 30px;
}
.wgh510-builder-page .wgh610-brief-main h2{
  margin:0;
  max-width:780px;
  color:#0a1738;
  font:800 clamp(30px,3.7vw,52px)/.98 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.045em;
}
.wgh510-builder-page .wgh610-brief-main p{
  margin:16px 0 0;
  max-width:720px;
  color:#637087;
  font-size:15px;
  line-height:1.7;
}
.wgh510-builder-page .wgh610-brief-note{
  justify-self:end;
  max-width:250px;
  padding-left:20px;
  border-left:2px solid #2f6fed;
  color:#43516a;
  font-size:13px;
  line-height:1.55;
}
.wgh510-builder-page .wgh610-progress{
  position:relative;
  height:4px;
  overflow:hidden;
  background:#dce4ef;
}
.wgh510-builder-page .wgh610-progress i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--brief-progress,0%);
  background:#2f6fed;
  transition:width .3s ease;
}
.wgh510-builder-page .wgh610-brief-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding-top:13px;
}
.wgh510-builder-page .wgh610-brief-steps span{
  color:#8490a4;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wgh510-builder-page .wgh610-brief-steps span:nth-child(2),
.wgh510-builder-page .wgh610-brief-steps span:nth-child(3){ text-align:center; }
.wgh510-builder-page .wgh610-brief-steps span:last-child{ text-align:right; }
@media(max-width:760px){
  .wgh510-builder-page .wgh610-brief{ margin-bottom:34px; }
  .wgh510-builder-page .wgh610-brief-main{
    grid-template-columns:1fr;
    gap:22px;
    padding:28px 0 24px;
  }
  .wgh510-builder-page .wgh610-brief-main h2{ font-size:clamp(28px,9vw,42px); }
  .wgh510-builder-page .wgh610-brief-note{
    justify-self:start;
    max-width:100%;
  }
}
@media(max-width:520px){
  .wgh510-builder-page .wgh610-brief-topline{ align-items:flex-start; }
  .wgh510-builder-page .wgh610-brief-steps{ grid-template-columns:1fr 1fr; gap:8px 18px; }
  .wgh510-builder-page .wgh610-brief-steps span,
  .wgh510-builder-page .wgh610-brief-steps span:nth-child(2),
  .wgh510-builder-page .wgh610-brief-steps span:nth-child(3),
  .wgh510-builder-page .wgh610-brief-steps span:last-child{ text-align:left; }
}


/* Source: wgh612-public.css */
/* WebsiteGeneratorHub v0.6.13
   Big-brand public pages + Project Brief inspired by supplied reference.
   Standing rule: large typography, large section numbers, generous letter spacing,
   strong descriptions, no tiny dashboard/status UI. */

/* =========================================================
   ROOFER BUILDER — PROJECT BRIEF
   ========================================================= */
.wgh510-builder-page .wgh613-brief-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,.55fr) minmax(360px,1.35fr) minmax(280px,.75fr);
  align-items:center;
  gap:clamp(32px,4vw,64px);
  margin:0 0 64px;
  padding:clamp(38px,4vw,58px) clamp(34px,4vw,64px);
  overflow:hidden;
  border:1px solid #d6dfec;
  border-radius:30px;
  background:linear-gradient(135deg,#ffffff 0%,#fbfdff 62%,#f6f9ff 100%);
  box-shadow:0 26px 80px rgba(19,42,84,.09);
}
.wgh510-builder-page .wgh613-brief-card::after{
  content:"";
  position:absolute;
  inset:auto -100px -130px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,111,237,.08),rgba(47,111,237,0) 68%);
  pointer-events:none;
}
.wgh510-builder-page .wgh613-brief-score{
  display:flex;
  justify-content:center;
  padding-right:clamp(24px,3vw,44px);
  border-right:1px solid #dbe3ef;
}
.wgh510-builder-page .wgh613-ring{
  --brief-value:0;
  position:relative;
  width:clamp(190px,17vw,250px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#2f6fed calc(var(--brief-value) * 1%),#e9eef6 0);
  transform:rotate(-90deg);
}
.wgh510-builder-page .wgh613-ring::before{
  content:"";
  position:absolute;
  inset:17px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px #edf2f8;
}
.wgh510-builder-page .wgh613-ring-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  transform:rotate(90deg);
  text-align:center;
}
.wgh510-builder-page .wgh613-ring-inner strong{
  display:block;
  color:#071a3b;
  font:800 clamp(48px,5.5vw,76px)/.9 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.065em;
}
.wgh510-builder-page .wgh613-ring-inner span{
  color:#64728a;
  font-size:clamp(15px,1.1vw,18px);
  line-height:1.25;
  font-weight:800;
  letter-spacing:.2em;
}
.wgh510-builder-page .wgh613-brief-main{
  position:relative;
  z-index:1;
}
.wgh510-builder-page .wgh613-brief-label{
  margin:0 0 26px;
  color:#66758e;
  font-size:clamp(16px,1.2vw,20px);
  font-weight:800;
  letter-spacing:.30em;
}
.wgh510-builder-page .wgh613-brief-main h2{
  margin:0;
  max-width:760px;
  color:#071a3b;
  font:800 clamp(42px,4.7vw,66px)/.94 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.052em;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:780px;
  margin:26px 0 0;
  color:#5a6880;
  font-size:clamp(19px,1.55vw,24px);
  line-height:1.55;
}
.wgh510-builder-page .wgh613-brief-actions{
  position:relative;
  z-index:1;
  display:grid;
  gap:22px;
  padding-left:clamp(26px,3vw,44px);
  border-left:1px solid #dbe3ef;
}
.wgh510-builder-page .wgh613-proof-item{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf4ff;
  color:#2f6fed;
}
.wgh510-builder-page .wgh613-proof-icon svg{width:31px;height:31px}
.wgh510-builder-page .wgh613-proof-item strong{
  display:block;
  color:#0c1c3e;
  font:750 clamp(19px,1.4vw,23px)/1.15 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.02em;
}
.wgh510-builder-page .wgh613-proof-item p{
  margin:6px 0 0;
  color:#647188;
  font-size:clamp(17px,1.15vw,20px);
  line-height:1.35;
}
.wgh510-builder-page .wgh613-brief-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:70px;
  margin-top:4px;
  padding:0 26px;
  border-radius:14px;
  background:#2f6fed;
  color:#fff;
  font:750 clamp(19px,1.4vw,23px)/1 "Inter Tight",Inter,sans-serif;
  text-decoration:none;
  box-shadow:0 18px 38px rgba(47,111,237,.22);
}
.wgh510-builder-page .wgh613-brief-button span{font-size:30px;font-weight:400}

/* =========================================================
   PUBLIC PAGES — SHARED BIG BRAND SYSTEM
   ========================================================= */
.wgh613-page,
.wgh612-faq-page{
  --w613-ink:#071a3b;
  --w613-blue:#2f6fed;
  --w613-soft:#f3f6fb;
  --w613-muted:#596980;
  --w613-line:#d5deea;
  background:#fff;
  color:var(--w613-ink);
}
.wgh613-page main,
.wgh612-faq-page main{overflow:hidden}
.wgh613-overline{
  margin:0 0 24px;
  color:#6f7f97;
  font-size:clamp(18px,1.25vw,21px);
  font-weight:800;
  letter-spacing:.32em;
  text-transform:uppercase;
}
.wgh613-page-hero{
  padding:clamp(96px,10vw,160px) 0 clamp(80px,8vw,124px);
  background:linear-gradient(180deg,#f6f8fc 0%,#eef3f9 100%);
  border-bottom:1px solid var(--w613-line);
}
.wgh613-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(340px,.62fr);
  gap:clamp(56px,8vw,132px);
  align-items:end;
}
.wgh613-page-hero h1{
  margin:0;
  max-width:1050px;
  color:var(--w613-ink);
  font:800 clamp(66px,8vw,124px)/.86 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.066em;
}
.wgh613-page-intro{
  padding-bottom:8px;
}
.wgh613-page-intro p{
  margin:0;
  color:#52637c;
  font-size:clamp(21px,1.7vw,28px);
  line-height:1.55;
}
.wgh613-page-intro a,
.wgh613-big-link,
.wgh613-closing a{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:34px;
  padding-bottom:8px;
  border-bottom:2px solid currentColor;
  color:var(--w613-ink);
  font-size:clamp(18px,1.35vw,22px);
  font-weight:750;
  text-decoration:none;
}

/* HOW IT WORKS */
.wgh613-process{
  padding:clamp(96px,10vw,156px) 0;
  background:#fff;
  border-bottom:1px solid var(--w613-line);
}
.wgh613-process-dark{
  background:#071a3b;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.14);
}
.wgh613-process-grid{
  display:grid;
  grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);
  gap:clamp(58px,8vw,130px);
  align-items:start;
}
.wgh613-process-number,
.wgh613-faq-number{
  color:#83a8ff;
  font:760 clamp(120px,14vw,220px)/.72 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.085em;
}
.wgh613-process-content{
  padding-top:12px;
}
.wgh613-process-content h2,
.wgh613-next-head h2,
.wgh613-about-block h2,
.wgh613-about-pair-head h2,
.wgh613-principles-head h2{
  margin:0;
  max-width:980px;
  font:800 clamp(54px,6.6vw,96px)/.88 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.062em;
}
.wgh613-process-description,
.wgh613-about-description{
  max-width:900px;
  margin:34px 0 0;
  color:#596980;
  font-size:clamp(21px,1.75vw,28px);
  line-height:1.62;
}
.wgh613-process-dark .wgh613-overline{color:#8fb0ff}
.wgh613-process-dark .wgh613-process-description{color:#b8c4d7}
.wgh613-next{
  padding:clamp(100px,10vw,160px) 0;
  background:linear-gradient(180deg,#f3f6fb 0%,#fff 100%);
}
.wgh613-next-head,
.wgh613-principles-head,
.wgh613-about-pair-head{
  display:grid;
  grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);
  gap:clamp(58px,8vw,130px);
  align-items:start;
}
.wgh613-next-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:78px;
  border-top:1px solid #bfcbd9;
  border-bottom:1px solid #bfcbd9;
}
.wgh613-next-grid article{
  min-height:310px;
  padding:44px 38px 44px 0;
  border-right:1px solid #d3dce7;
}
.wgh613-next-grid article+article{padding-left:38px}
.wgh613-next-grid article:last-child{border-right:0}
.wgh613-next-grid strong{
  display:block;
  font:780 clamp(36px,3.5vw,58px)/.95 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.045em;
}
.wgh613-next-grid p{
  margin:28px 0 0;
  color:#607088;
  font-size:clamp(19px,1.45vw,23px);
  line-height:1.6;
}

/* FAQ */
.wgh613-faq-nav{
  background:#fff;
  border-bottom:1px solid var(--w613-line);
}
.wgh613-faq-nav .site-shell{
  display:flex;
  flex-wrap:wrap;
  gap:12px 34px;
  padding-top:24px;
  padding-bottom:24px;
}
.wgh613-faq-nav a{
  display:inline-flex;
  gap:12px;
  align-items:center;
  color:#394b66;
  font-size:clamp(16px,1.2vw,19px);
  font-weight:750;
  text-decoration:none;
}
.wgh613-faq-nav a span{
  color:#86a8f7;
  font:760 24px/1 "Inter Tight",Inter,sans-serif;
}
.wgh613-faq-section{
  padding:clamp(96px,9vw,146px) 0;
  border-bottom:1px solid var(--w613-line);
}
.wgh613-faq-section:nth-of-type(even){background:#f8fafd}
.wgh613-faq-grid{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:clamp(62px,9vw,144px);
  align-items:start;
}
.wgh613-faq-grid header h2{
  margin:0;
  max-width:560px;
  font:800 clamp(48px,5.6vw,82px)/.9 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.06em;
}
.wgh613-faq-intro{
  max-width:520px;
  margin:28px 0 0;
  color:#5c6b82;
  font-size:clamp(20px,1.5vw,24px);
  line-height:1.6;
}
.wgh613-faq-list{border-top:1px solid #aebdce}
.wgh613-faq-list details{border-bottom:1px solid #cdd7e3}
.wgh613-faq-list summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-height:118px;
  padding:30px 66px 30px 0;
  cursor:pointer;
  list-style:none;
}
.wgh613-faq-list summary::-webkit-details-marker{display:none}
.wgh613-faq-list summary strong{
  font:750 clamp(23px,2vw,31px)/1.25 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.025em;
}
.wgh613-faq-list summary i,
.wgh613-faq-list summary i::after{
  position:absolute;
  right:8px;
  width:28px;
  height:2px;
  background:#1f365b;
  content:"";
}
.wgh613-faq-list summary i::after{right:0;transform:rotate(90deg)}
.wgh613-faq-list details[open] summary i::after{transform:rotate(0)}
.wgh613-faq-list details>p{
  max-width:860px;
  margin:-4px 72px 38px 0;
  color:#5d6d84;
  font-size:clamp(19px,1.45vw,23px);
  line-height:1.68;
}

/* ABOUT */
.wgh613-about-block{
  padding:clamp(100px,10vw,160px) 0;
  border-bottom:1px solid var(--w613-line);
}
.wgh613-about-grid{
  display:grid;
  grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);
  gap:clamp(58px,8vw,130px);
}
.wgh613-about-blue{
  background:#071a3b;
  color:#fff;
}
.wgh613-about-blue .wgh613-overline{color:#8fb0ff}
.wgh613-about-blue .wgh613-about-description{color:#b8c4d7}
.wgh613-about-blue .wgh613-big-link{color:#fff}
.wgh613-about-pair{
  padding:clamp(100px,10vw,160px) 0;
  background:#f3f6fb;
  border-bottom:1px solid var(--w613-line);
}
.wgh613-about-pair-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:78px;
  border-top:1px solid #bdc9d7;
  border-bottom:1px solid #bdc9d7;
}
.wgh613-about-pair-grid article{
  min-height:430px;
  padding:52px 56px 54px 0;
}
.wgh613-about-pair-grid article+article{
  padding-left:56px;
  border-left:1px solid #cfd8e4;
}
.wgh613-about-pair-grid article>strong{
  display:block;
  color:#687990;
  font-size:clamp(16px,1.1vw,19px);
  letter-spacing:.24em;
}
.wgh613-about-pair-grid h3{
  margin:34px 0 0;
  max-width:620px;
  font:780 clamp(40px,4vw,64px)/.94 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.05em;
}
.wgh613-about-pair-grid p{
  margin:28px 0 0;
  max-width:620px;
  color:#5d6d84;
  font-size:clamp(20px,1.5vw,24px);
  line-height:1.62;
}
.wgh613-principles{
  padding:clamp(100px,10vw,160px) 0;
  background:#fff;
}
.wgh613-principles-list{
  margin-top:78px;
  border-top:1px solid #b8c5d5;
}
.wgh613-principles-list article{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:54px;
  padding:52px 0 58px;
  border-bottom:1px solid #d2dbe6;
}
.wgh613-principles-list article>b{
  color:#86a8f7;
  font:760 clamp(78px,7vw,112px)/.84 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.07em;
}
.wgh613-principles-list h3{
  margin:0;
  font:780 clamp(38px,3.6vw,58px)/.96 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.045em;
}
.wgh613-principles-list p{
  max-width:880px;
  margin:22px 0 0;
  color:#5d6d84;
  font-size:clamp(20px,1.45vw,24px);
  line-height:1.62;
}

/* CLOSING */
.wgh613-closing{
  padding:clamp(100px,10vw,160px) 0;
  background:#071a3b;
  color:#fff;
}
.wgh613-closing-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.55fr);
  gap:clamp(56px,8vw,130px);
  align-items:end;
}
.wgh613-closing h2{
  margin:0;
  max-width:950px;
  font:800 clamp(58px,6.8vw,102px)/.87 "Inter Tight",Inter,sans-serif;
  letter-spacing:-.064em;
}
.wgh613-closing p{
  margin:0;
  color:#bbc7d8;
  font-size:clamp(20px,1.55vw,25px);
  line-height:1.6;
}
.wgh613-closing a{color:#fff}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1180px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:200px minmax(0,1fr);
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:1/-1;
    grid-template-columns:1fr 1fr minmax(220px,.75fr);
    padding:30px 0 0;
    border-left:0;
    border-top:1px solid #dbe3ef;
  }
}
@media(max-width:980px){
  .wgh613-page-hero-grid,
  .wgh613-process-grid,
  .wgh613-next-head,
  .wgh613-faq-grid,
  .wgh613-about-grid,
  .wgh613-about-pair-head,
  .wgh613-principles-head,
  .wgh613-closing-grid{grid-template-columns:1fr}
  .wgh613-process-number,
  .wgh613-faq-number{font-size:130px}
  .wgh613-next-grid,
  .wgh613-about-pair-grid{grid-template-columns:1fr}
  .wgh613-next-grid article,
  .wgh613-next-grid article+article,
  .wgh613-about-pair-grid article,
  .wgh613-about-pair-grid article+article{
    min-height:auto;
    padding:38px 0;
    border-right:0;
    border-left:0;
    border-bottom:1px solid #d3dce7;
  }
  .wgh613-next-grid article:last-child,
  .wgh613-about-pair-grid article:last-child{border-bottom:0}
}
@media(max-width:760px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr;
    padding:30px 24px 34px;
    border-radius:24px;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start;
    padding:0 0 28px;
    border-right:0;
    border-bottom:1px solid #dbe3ef;
  }
  .wgh510-builder-page .wgh613-ring{width:190px}
  .wgh510-builder-page .wgh613-brief-main h2{font-size:44px}
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:auto;
    grid-template-columns:1fr;
  }
  .wgh613-page-hero{padding:76px 0 64px}
  .wgh613-page-hero h1{font-size:58px}
  .wgh613-overline{font-size:15px;letter-spacing:.24em}
  .wgh613-page-intro p{font-size:21px}
  .wgh613-process,
  .wgh613-about-block,
  .wgh613-about-pair,
  .wgh613-principles,
  .wgh613-next,
  .wgh613-faq-section,
  .wgh613-closing{padding:76px 0}
  .wgh613-process-number,
  .wgh613-faq-number{font-size:112px}
  .wgh613-process-content h2,
  .wgh613-next-head h2,
  .wgh613-about-block h2,
  .wgh613-about-pair-head h2,
  .wgh613-principles-head h2{font-size:50px}
  .wgh613-process-description,
  .wgh613-about-description{font-size:20px}
  .wgh613-faq-nav .site-shell{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
  .wgh613-faq-nav a{font-size:16px}
  .wgh613-faq-grid header h2{font-size:48px}
  .wgh613-faq-list summary{min-height:96px;padding-right:52px}
  .wgh613-faq-list details>p{margin-right:22px}
  .wgh613-principles-list article{grid-template-columns:96px minmax(0,1fr);gap:26px}
  .wgh613-principles-list article>b{font-size:66px}
  .wgh613-closing h2{font-size:56px}
}
@media(max-width:520px){
  .wgh613-faq-nav .site-shell{grid-template-columns:1fr}
  .wgh613-principles-list article{grid-template-columns:1fr}
  .wgh613-about-pair-grid h3{font-size:42px}
}

/* =========================================================
   v0.6.14 — TYPOGRAPHY + PROJECT BRIEF PROPORTION REFINEMENT
   Removes compressed headline tracking and makes the Project Brief
   hold the supplied horizontal reference more faithfully inside the
   980px builder workspace.
   ========================================================= */

/* Project Brief: use the whole builder workspace, keep two clear headline lines. */
.wgh510-builder-page .wgh613-brief-card{
  container-type:inline-size;
  grid-template-columns:190px minmax(390px,1fr) minmax(225px,270px);
  gap:28px;
  width:calc(100% + 92px);
  margin-left:-46px;
  margin-right:-46px;
  padding:44px 34px;
  border-radius:26px;
}
.wgh510-builder-page .wgh613-brief-score{
  padding-right:26px;
}
.wgh510-builder-page .wgh613-ring{
  width:176px;
}
.wgh510-builder-page .wgh613-ring::before{inset:14px}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-family:"Inter",sans-serif;
  font-size:58px;
  line-height:.92;
  letter-spacing:.005em;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:15px;
  letter-spacing:.24em;
}
.wgh510-builder-page .wgh613-brief-label{
  margin-bottom:22px;
  font-size:18px;
  letter-spacing:.36em;
}
.wgh510-builder-page .wgh613-brief-main h2{
  max-width:none;
  font-family:"Inter",sans-serif;
  font-size:clamp(46px,4.2vw,58px);
  line-height:1.02;
  letter-spacing:.002em;
  word-spacing:.05em;
}
.wgh510-builder-page .wgh613-brief-main h2>span{
  display:block;
  white-space:nowrap;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:650px;
  margin-top:24px;
  font-size:20px;
  line-height:1.58;
}
.wgh510-builder-page .wgh613-brief-actions{
  gap:24px;
  padding-left:26px;
}
.wgh510-builder-page .wgh613-proof-item{
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:58px;
  height:58px;
}
.wgh510-builder-page .wgh613-proof-item strong{
  font-family:"Inter",sans-serif;
  font-size:19px;
  line-height:1.25;
  letter-spacing:.004em;
  word-spacing:.04em;
}
.wgh510-builder-page .wgh613-proof-item p{
  font-size:17px;
  line-height:1.45;
}
.wgh510-builder-page .wgh613-brief-button{
  min-height:66px;
  font-family:"Inter",sans-serif;
  font-size:20px;
  letter-spacing:.003em;
}

/* Public pages: sentence-case headings must read clearly, never look squeezed together. */
.wgh613-page-hero h1,
.wgh613-process-content h2,
.wgh613-next-head h2,
.wgh613-faq-grid header h2,
.wgh613-about-block h2,
.wgh613-about-pair-head h2,
.wgh613-principles-head h2,
.wgh613-about-pair-grid h3,
.wgh613-principles-list h3,
.wgh613-closing h2,
.wgh613-next-grid strong,
.wgh613-faq-list summary strong{
  font-family:"Inter",sans-serif;
  letter-spacing:.006em;
  word-spacing:.07em;
}
.wgh613-page-hero h1{
  max-width:1120px;
  line-height:.96;
}
.wgh613-process-content h2,
.wgh613-next-head h2,
.wgh613-about-block h2,
.wgh613-about-pair-head h2,
.wgh613-principles-head h2{
  line-height:.98;
}
.wgh613-faq-grid header h2{line-height:1}
.wgh613-about-pair-grid h3,
.wgh613-principles-list h3{line-height:1.02}
.wgh613-closing h2{line-height:.98}
.wgh613-next-grid strong{line-height:1.02}
.wgh613-faq-list summary strong{line-height:1.35}

/* Sub-headlines / overlines: stronger visible tracking. */
.wgh613-overline{
  letter-spacing:.40em;
  word-spacing:.12em;
}
.wgh613-about-pair-grid article>strong{
  letter-spacing:.30em;
  word-spacing:.10em;
}

/* Use container width, not browser width, to stop the brief from collapsing/clipping. */
@container (max-width:900px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:176px minmax(0,1fr);
    gap:34px;
    width:calc(100% + 92px);
  }
  .wgh510-builder-page .wgh613-brief-main h2{
    font-size:50px;
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr minmax(210px,.72fr);
    gap:24px;
    padding:28px 0 0;
    border-left:0;
    border-top:1px solid #dbe3ef;
  }
}
@container (max-width:700px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr;
    width:calc(100% + 48px);
    margin-left:-24px;
    margin-right:-24px;
    padding:34px 24px;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start;
    padding:0 0 28px;
    border-right:0;
    border-bottom:1px solid #dbe3ef;
  }
  .wgh510-builder-page .wgh613-brief-main h2{
    font-size:clamp(40px,10vw,52px);
  }
  .wgh510-builder-page .wgh613-brief-main h2>span{
    white-space:normal;
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .wgh613-page-hero h1{
    font-size:clamp(52px,13vw,70px);
    line-height:1;
    letter-spacing:.004em;
    word-spacing:.06em;
  }
  .wgh613-process-content h2,
  .wgh613-next-head h2,
  .wgh613-about-block h2,
  .wgh613-about-pair-head h2,
  .wgh613-principles-head h2,
  .wgh613-faq-grid header h2{
    font-size:clamp(46px,11vw,58px);
    line-height:1.02;
  }
  .wgh613-overline{
    font-size:16px;
    letter-spacing:.34em;
  }
}

/* =========================================================
   v0.6.15 — PROJECT BRIEF FINAL WIDTH FIX
   Match the supplied horizontal reference without clipping or overlap.
   ========================================================= */
.wgh510-builder-page .wgh613-brief-card{
  box-sizing:border-box;
  width:100%;
  margin-left:0;
  margin-right:0;
  grid-template-columns:145px minmax(0,1fr) 210px;
  gap:18px;
  padding:34px 22px;
  border-radius:28px;
  overflow:hidden;
}
.wgh510-builder-page .wgh613-brief-score{
  min-width:0;
  padding-right:18px;
}
.wgh510-builder-page .wgh613-ring{
  width:145px;
}
.wgh510-builder-page .wgh613-ring::before{inset:12px}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-family:"Inter",sans-serif;
  font-size:52px;
  line-height:.92;
  letter-spacing:.01em;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:14px;
  line-height:1.22;
  letter-spacing:.22em;
}
.wgh510-builder-page .wgh613-brief-main{
  min-width:0;
  padding:0 4px;
}
.wgh510-builder-page .wgh613-brief-label{
  margin-bottom:20px;
  font-size:17px;
  line-height:1;
  letter-spacing:.34em;
  word-spacing:.12em;
}
.wgh510-builder-page .wgh613-brief-main h2{
  max-width:none;
  font-family:"Inter Tight","Inter",sans-serif;
  font-size:clamp(40px,4.9cqi,44px);
  line-height:1.02;
  letter-spacing:.006em;
  word-spacing:.055em;
}
.wgh510-builder-page .wgh613-brief-main h2>span{
  display:block;
  white-space:nowrap;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:520px;
  margin-top:22px;
  font-size:18px;
  line-height:1.55;
}
.wgh510-builder-page .wgh613-brief-actions{
  min-width:0;
  gap:20px;
  padding-left:16px;
}
.wgh510-builder-page .wgh613-proof-item{
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:48px;
  height:48px;
}
.wgh510-builder-page .wgh613-proof-icon svg{width:25px;height:25px}
.wgh510-builder-page .wgh613-proof-item strong{
  font-family:"Inter",sans-serif;
  font-size:18px;
  line-height:1.18;
  letter-spacing:.008em;
  word-spacing:.04em;
}
.wgh510-builder-page .wgh613-proof-item p{
  margin-top:5px;
  font-size:16px;
  line-height:1.35;
}
.wgh510-builder-page .wgh613-brief-button{
  min-width:0;
  min-height:62px;
  padding:0 20px;
  font-size:18px;
  border-radius:13px;
}
.wgh510-builder-page .wgh613-brief-button span{font-size:26px}

/* When the form column becomes narrower, put actions on their own row instead of overlapping. */
@container (max-width:780px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:145px minmax(0,1fr);
    gap:24px;
    padding:32px 24px;
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr 200px;
    gap:18px;
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid #dbe3ef;
  }
}
@container (max-width:620px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr;
    gap:26px;
    padding:30px 22px;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start;
    padding:0 0 24px;
    border-right:0;
    border-bottom:1px solid #dbe3ef;
  }
  .wgh510-builder-page .wgh613-brief-main h2{
    font-size:clamp(38px,10cqw,48px);
  }
  .wgh510-builder-page .wgh613-brief-main h2>span{
    white-space:normal;
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-template-columns:1fr;
  }
}

/* Clear older v0.6.14 container overrides when the three-column card fits. */
.wgh510-builder-page .wgh613-brief-actions{
  grid-column:auto;
  grid-template-columns:1fr;
  border-top:0;
  border-left:1px solid #dbe3ef;
}
@container (max-width:840px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:145px minmax(0,1fr);
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:1/-1;
    grid-template-columns:1fr 1fr 200px;
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid #dbe3ef;
  }
}

/* =========================================================
   v0.6.16 — PROJECT BRIEF TRUE REFERENCE LAYOUT
   Fixes the actual headline markup and keeps the supplied three-part
   horizontal composition at normal builder widths.
   ========================================================= */
.wgh510-builder-page .wgh613-brief-card{
  box-sizing:border-box;
  width:100%;
  grid-template-columns:150px minmax(0,1fr) 200px;
  align-items:center;
  gap:16px;
  min-height:304px;
  padding:28px 26px;
  border-radius:28px;
  overflow:hidden;
}
.wgh510-builder-page .wgh613-brief-score{
  min-width:0;
  justify-content:center;
  padding:0 16px 0 0;
  border-right:1px solid #dbe3ef;
  border-bottom:0;
}
.wgh510-builder-page .wgh613-ring{width:150px}
.wgh510-builder-page .wgh613-ring::before{inset:12px}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-size:56px;
  line-height:.9;
  letter-spacing:.005em;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:14px;
  line-height:1.2;
  letter-spacing:.24em;
}
.wgh510-builder-page .wgh613-brief-main{
  min-width:0;
  padding:0 4px;
}
.wgh510-builder-page .wgh613-brief-label{
  margin:0 0 20px;
  font-size:17px;
  line-height:1;
  letter-spacing:.34em;
  word-spacing:.12em;
}
.wgh510-builder-page .wgh613-brief-main h2{
  max-width:none;
  margin:0;
  font-family:"Inter Tight","Inter",sans-serif;
  font-size:clamp(36px,5cqi,42px);
  line-height:1.02;
  letter-spacing:.004em;
  word-spacing:.04em;
}
.wgh510-builder-page .wgh613-brief-main h2>span{
  display:block;
  white-space:nowrap;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:430px;
  margin:20px 0 0;
  font-size:17px;
  line-height:1.48;
}
.wgh510-builder-page .wgh613-brief-actions{
  min-width:0;
  grid-column:auto;
  display:grid;
  grid-template-columns:1fr;
  align-self:stretch;
  align-content:center;
  gap:17px;
  padding:4px 0 4px 18px;
  border-left:1px solid #dbe3ef;
  border-top:0;
}
.wgh510-builder-page .wgh613-proof-item{
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:44px;
  height:44px;
}
.wgh510-builder-page .wgh613-proof-icon svg{width:23px;height:23px}
.wgh510-builder-page .wgh613-proof-item strong{
  font-size:16px;
  line-height:1.15;
  letter-spacing:.005em;
  word-spacing:.025em;
}
.wgh510-builder-page .wgh613-proof-item p{
  margin-top:4px;
  font-size:14px;
  line-height:1.3;
}
.wgh510-builder-page .wgh613-brief-button{
  min-width:0;
  min-height:58px;
  margin-top:1px;
  padding:0 17px;
  border-radius:12px;
  font-size:17px;
}
.wgh510-builder-page .wgh613-brief-button span{font-size:24px}

/* Do not move proof/actions below at ordinary builder widths. */
@container (min-width:721px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:150px minmax(0,1fr) 200px;
    gap:16px;
    padding:28px 26px;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:center;
    padding:0 16px 0 0;
    border-right:1px solid #dbe3ef;
    border-bottom:0;
  }
  .wgh510-builder-page .wgh613-brief-main h2{
    font-size:clamp(36px,5cqi,42px);
  }
  .wgh510-builder-page .wgh613-brief-main h2>span{
    display:block;
    white-space:nowrap;
  }
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:auto;
    grid-template-columns:1fr;
    padding:4px 0 4px 18px;
    border-left:1px solid #dbe3ef;
    border-top:0;
  }
}

/* Only stack after the builder is genuinely narrow. */
@container (max-width:720px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:142px minmax(0,1fr);
    gap:22px;
    padding:28px 24px;
  }
  .wgh510-builder-page .wgh613-ring{width:142px}
  .wgh510-builder-page .wgh613-brief-main h2{
    font-size:clamp(34px,7cqi,40px);
  }
  .wgh510-builder-page .wgh613-brief-main h2>span{white-space:normal}
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:1/-1;
    grid-template-columns:1fr 1fr minmax(180px,.7fr);
    gap:16px;
    padding:22px 0 0;
    border-left:0;
    border-top:1px solid #dbe3ef;
  }
}
@container (max-width:560px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start;
    padding:0 0 22px;
    border-right:0;
    border-bottom:1px solid #dbe3ef;
  }
  .wgh510-builder-page .wgh613-brief-main h2{font-size:clamp(36px,10cqi,44px)}
  .wgh510-builder-page .wgh613-brief-main h2>span{white-space:normal}
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:auto;
    grid-template-columns:1fr;
    padding:22px 0 0;
  }
}

/* =========================================================
   v0.6.17 — PROJECT BRIEF REFERENCE PROPORTIONS
   Long, shallow horizontal composition matching the supplied reference.
   ========================================================= */
.wgh510-builder-page .wgh510-form{container-type:inline-size;}
.wgh510-builder-page .wgh613-brief-card{
  width:100% !important;
  min-height:248px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) 235px !important;
  gap:28px !important;
  align-items:center !important;
  padding:26px 30px !important;
  overflow:hidden !important;
  border-radius:26px !important;
}
.wgh510-builder-page .wgh613-brief-score{
  min-width:0 !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 26px 0 0 !important;
  border-right:1px solid #dbe3ef !important;
  border-bottom:0 !important;
}
.wgh510-builder-page .wgh613-ring{
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
}
.wgh510-builder-page .wgh613-ring::before{inset:12px !important;}
.wgh510-builder-page .wgh613-ring-inner{gap:8px !important;}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-size:54px !important;
  line-height:.88 !important;
  letter-spacing:.005em !important;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:13px !important;
  line-height:1.18 !important;
  letter-spacing:.24em !important;
}
.wgh510-builder-page .wgh613-brief-main{
  min-width:0 !important;
  align-self:center !important;
  padding:0 !important;
}
.wgh510-builder-page .wgh613-brief-label{
  margin:0 0 16px !important;
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:.34em !important;
  word-spacing:.12em !important;
}
.wgh510-builder-page .wgh613-brief-main h2{
  margin:0 !important;
  max-width:none !important;
  font-size:39px !important;
  line-height:1.02 !important;
  letter-spacing:.002em !important;
  word-spacing:.04em !important;
}
.wgh510-builder-page .wgh613-brief-main h2>span{
  display:block !important;
  white-space:nowrap !important;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:520px !important;
  margin:18px 0 0 !important;
  font-size:16.5px !important;
  line-height:1.48 !important;
}
.wgh510-builder-page .wgh613-brief-actions{
  min-width:0 !important;
  grid-column:auto !important;
  align-self:stretch !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:center !important;
  gap:15px !important;
  padding:0 0 0 26px !important;
  border-left:1px solid #dbe3ef !important;
  border-top:0 !important;
}
.wgh510-builder-page .wgh613-proof-item{
  grid-template-columns:50px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:center !important;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:50px !important;
  height:50px !important;
}
.wgh510-builder-page .wgh613-proof-icon svg{width:25px !important;height:25px !important;}
.wgh510-builder-page .wgh613-proof-item strong{
  font-size:17px !important;
  line-height:1.14 !important;
  letter-spacing:.004em !important;
  word-spacing:.025em !important;
}
.wgh510-builder-page .wgh613-proof-item p{
  margin-top:4px !important;
  font-size:14.5px !important;
  line-height:1.28 !important;
}
.wgh510-builder-page .wgh613-brief-button{
  width:100% !important;
  min-height:60px !important;
  margin-top:0 !important;
  padding:0 20px !important;
  border-radius:12px !important;
  font-size:18px !important;
}
.wgh510-builder-page .wgh613-brief-button span{font-size:25px !important;}

@container (max-width:839px) and (min-width:651px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:140px minmax(0,1fr) 205px !important;
    gap:18px !important;
    min-height:238px !important;
    padding:24px 22px !important;
  }
  .wgh510-builder-page .wgh613-brief-score{padding-right:18px !important;}
  .wgh510-builder-page .wgh613-ring{width:124px !important;min-width:124px !important;max-width:124px !important;}
  .wgh510-builder-page .wgh613-ring-inner strong{font-size:47px !important;}
  .wgh510-builder-page .wgh613-ring-inner span{font-size:11px !important;}
  .wgh510-builder-page .wgh613-brief-label{font-size:14px !important;margin-bottom:13px !important;}
  .wgh510-builder-page .wgh613-brief-main h2{font-size:33px !important;}
  .wgh510-builder-page .wgh613-brief-main>p:last-child{font-size:15px !important;margin-top:14px !important;}
  .wgh510-builder-page .wgh613-brief-actions{padding-left:18px !important;gap:12px !important;}
  .wgh510-builder-page .wgh613-proof-item{grid-template-columns:42px minmax(0,1fr) !important;gap:10px !important;}
  .wgh510-builder-page .wgh613-proof-icon{width:42px !important;height:42px !important;}
  .wgh510-builder-page .wgh613-proof-item strong{font-size:15px !important;}
  .wgh510-builder-page .wgh613-proof-item p{font-size:13px !important;}
  .wgh510-builder-page .wgh613-brief-button{min-height:54px !important;font-size:16px !important;padding:0 16px !important;}
}

@container (max-width:650px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr !important;
    gap:24px !important;
    min-height:0 !important;
    padding:28px 22px !important;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start !important;
    padding:0 0 22px !important;
    border-right:0 !important;
    border-bottom:1px solid #dbe3ef !important;
  }
  .wgh510-builder-page .wgh613-ring{width:140px !important;min-width:140px !important;max-width:140px !important;}
  .wgh510-builder-page .wgh613-brief-main h2{font-size:clamp(34px,9cqi,42px) !important;}
  .wgh510-builder-page .wgh613-brief-main h2>span{white-space:normal !important;}
  .wgh510-builder-page .wgh613-brief-actions{
    grid-column:auto !important;
    grid-template-columns:1fr !important;
    padding:22px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid #dbe3ef !important;
  }
}


/* =========================================================
   v0.6.18 — PROJECT BRIEF REFERENCE MATCH + TOP SPACE
   Final proportion correction based on supplied reference.
   ========================================================= */
.wgh510-builder-page .wgh613-brief-card{
  margin:64px 0 72px !important;
  min-height:228px !important;
  grid-template-columns:178px minmax(0,1fr) 252px !important;
  gap:30px !important;
  padding:28px 32px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#fff 0%,#fcfdff 66%,#f7faff 100%) !important;
}
.wgh510-builder-page .wgh613-brief-score{
  padding:0 28px 0 0 !important;
}
.wgh510-builder-page .wgh613-ring{
  width:154px !important;
  min-width:154px !important;
  max-width:154px !important;
}
.wgh510-builder-page .wgh613-ring::before{inset:14px !important;}
.wgh510-builder-page .wgh613-ring-inner{gap:8px !important;}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-size:50px !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:13px !important;
  line-height:1.18 !important;
  letter-spacing:.25em !important;
}
.wgh510-builder-page .wgh613-brief-label{
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:.34em !important;
}
.wgh510-builder-page .wgh613-brief-main h2{
  font-size:40px !important;
  line-height:1.01 !important;
  letter-spacing:0 !important;
  word-spacing:.035em !important;
}
.wgh510-builder-page .wgh613-brief-main h2>span{
  display:block !important;
  white-space:nowrap !important;
}
.wgh510-builder-page .wgh613-brief-main>p:last-child{
  max-width:560px !important;
  margin:18px 0 0 !important;
  font-size:16px !important;
  line-height:1.52 !important;
}
.wgh510-builder-page .wgh613-brief-actions{
  padding:0 0 0 28px !important;
  gap:14px !important;
}
.wgh510-builder-page .wgh613-proof-item{
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:12px !important;
}
.wgh510-builder-page .wgh613-proof-icon{
  width:48px !important;
  height:48px !important;
}
.wgh510-builder-page .wgh613-proof-icon svg{width:24px !important;height:24px !important;}
.wgh510-builder-page .wgh613-proof-item strong{
  font-size:16px !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}
.wgh510-builder-page .wgh613-proof-item p{
  margin-top:4px !important;
  font-size:14px !important;
  line-height:1.28 !important;
}
.wgh510-builder-page .wgh613-brief-button{
  min-height:58px !important;
  padding:0 20px !important;
  border-radius:12px !important;
  font-size:17px !important;
}
.wgh510-builder-page .wgh613-brief-button span{font-size:24px !important;}

/* Keep the horizontal reference layout at normal builder widths instead of shrinking the content. */
@container (max-width:860px) and (min-width:721px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:158px minmax(0,1fr) 224px !important;
    gap:22px !important;
    min-height:220px !important;
    padding:26px 24px !important;
  }
  .wgh510-builder-page .wgh613-brief-score{padding-right:22px !important;}
  .wgh510-builder-page .wgh613-ring{width:142px !important;min-width:142px !important;max-width:142px !important;}
  .wgh510-builder-page .wgh613-ring-inner strong{font-size:46px !important;}
  .wgh510-builder-page .wgh613-brief-label{font-size:14px !important;margin-bottom:12px !important;}
  .wgh510-builder-page .wgh613-brief-main h2{font-size:35px !important;}
  .wgh510-builder-page .wgh613-brief-main>p:last-child{font-size:15px !important;margin-top:15px !important;}
  .wgh510-builder-page .wgh613-brief-actions{padding-left:22px !important;gap:12px !important;}
  .wgh510-builder-page .wgh613-proof-item{grid-template-columns:42px minmax(0,1fr) !important;gap:10px !important;}
  .wgh510-builder-page .wgh613-proof-icon{width:42px !important;height:42px !important;}
  .wgh510-builder-page .wgh613-proof-item strong{font-size:15px !important;}
  .wgh510-builder-page .wgh613-proof-item p{font-size:13px !important;}
  .wgh510-builder-page .wgh613-brief-button{min-height:54px !important;font-size:16px !important;}
}

@container (max-width:720px){
  .wgh510-builder-page .wgh613-brief-card{
    grid-template-columns:1fr !important;
    gap:26px !important;
    min-height:0 !important;
    margin-top:44px !important;
    padding:30px 22px !important;
  }
  .wgh510-builder-page .wgh613-brief-score{
    justify-content:flex-start !important;
    padding:0 0 24px !important;
    border-right:0 !important;
    border-bottom:1px solid #dbe3ef !important;
  }
  .wgh510-builder-page .wgh613-ring{width:154px !important;min-width:154px !important;max-width:154px !important;}
  .wgh510-builder-page .wgh613-brief-main h2{font-size:clamp(34px,9cqi,42px) !important;}
  .wgh510-builder-page .wgh613-brief-main h2>span{white-space:normal !important;}
  .wgh510-builder-page .wgh613-brief-actions{
    grid-template-columns:1fr !important;
    padding:24px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid #dbe3ef !important;
  }
}

/* =========================================================
   v0.6.19 — PROJECT BRIEF CIRCLE TYPE BALANCE
   Keep the ring size; reduce only the percentage + caption.
   ========================================================= */
.wgh510-builder-page .wgh613-ring-inner{
  gap:5px !important;
}
.wgh510-builder-page .wgh613-ring-inner strong{
  font-size:43px !important;
  line-height:.92 !important;
  letter-spacing:0 !important;
}
.wgh510-builder-page .wgh613-ring-inner span{
  font-size:11px !important;
  line-height:1.16 !important;
  letter-spacing:.22em !important;
}

@container (max-width:860px) and (min-width:721px){
  .wgh510-builder-page .wgh613-ring-inner strong{font-size:39px !important;}
  .wgh510-builder-page .wgh613-ring-inner span{font-size:10px !important;letter-spacing:.21em !important;}
}

@container (max-width:720px){
  .wgh510-builder-page .wgh613-ring-inner strong{font-size:42px !important;}
  .wgh510-builder-page .wgh613-ring-inner span{font-size:10.5px !important;letter-spacing:.21em !important;}
}


/* =========================================================
   v0.6.20 — PUBLIC PAGE HEADLINE SCALE REBALANCE
   How It Works / FAQ / About only. Keep descriptions and spacing system.
   ========================================================= */

/* Hero headlines: still bold and premium, but no longer oversized. */
.wgh613-how-page .wgh613-page-hero h1,
.wgh613-faq-page .wgh613-page-hero h1,
.wgh613-about-page .wgh613-page-hero h1{
  font-size:clamp(58px,6.2vw,92px) !important;
  line-height:.98 !important;
  letter-spacing:.004em !important;
  word-spacing:.055em !important;
  max-width:1040px !important;
}

/* Main section headlines. */
.wgh613-how-page .wgh613-process-content h2,
.wgh613-how-page .wgh613-next-head h2,
.wgh613-about-page .wgh613-about-block h2,
.wgh613-about-page .wgh613-about-pair-head h2,
.wgh613-about-page .wgh613-principles-head h2{
  font-size:clamp(44px,4.7vw,70px) !important;
  line-height:1.02 !important;
  letter-spacing:.006em !important;
  word-spacing:.055em !important;
}

/* FAQ section/category headings. */
.wgh613-faq-page .wgh613-faq-grid header h2{
  font-size:clamp(40px,4.2vw,62px) !important;
  line-height:1.04 !important;
  letter-spacing:.006em !important;
  word-spacing:.055em !important;
}

/* Secondary content headings on About / How pages. */
.wgh613-about-page .wgh613-about-pair-grid h3,
.wgh613-about-page .wgh613-principles-list h3,
.wgh613-how-page .wgh613-next-grid strong{
  font-size:clamp(30px,3vw,46px) !important;
  line-height:1.06 !important;
  letter-spacing:.006em !important;
  word-spacing:.05em !important;
}

/* Closing statements remain strong without becoming another giant hero. */
.wgh613-how-page .wgh613-closing h2,
.wgh613-faq-page .wgh613-closing h2,
.wgh613-about-page .wgh613-closing h2{
  font-size:clamp(42px,4.5vw,66px) !important;
  line-height:1.02 !important;
  letter-spacing:.006em !important;
  word-spacing:.055em !important;
}

/* FAQ questions should feel substantial, not headline-sized. */
.wgh613-faq-page .wgh613-faq-list summary strong{
  font-size:clamp(21px,1.7vw,27px) !important;
  line-height:1.35 !important;
  letter-spacing:.004em !important;
  word-spacing:.035em !important;
}

@media (max-width:760px){
  .wgh613-how-page .wgh613-page-hero h1,
  .wgh613-faq-page .wgh613-page-hero h1,
  .wgh613-about-page .wgh613-page-hero h1{
    font-size:clamp(44px,10vw,58px) !important;
    line-height:1.02 !important;
  }

  .wgh613-how-page .wgh613-process-content h2,
  .wgh613-how-page .wgh613-next-head h2,
  .wgh613-about-page .wgh613-about-block h2,
  .wgh613-about-page .wgh613-about-pair-head h2,
  .wgh613-about-page .wgh613-principles-head h2,
  .wgh613-faq-page .wgh613-faq-grid header h2{
    font-size:clamp(36px,8.8vw,48px) !important;
    line-height:1.05 !important;
  }

  .wgh613-about-page .wgh613-about-pair-grid h3,
  .wgh613-about-page .wgh613-principles-list h3,
  .wgh613-how-page .wgh613-next-grid strong{
    font-size:clamp(28px,7.2vw,38px) !important;
  }

  .wgh613-how-page .wgh613-closing h2,
  .wgh613-faq-page .wgh613-closing h2,
  .wgh613-about-page .wgh613-closing h2{
    font-size:clamp(36px,8.7vw,48px) !important;
  }
}


/* v0.6.21 — footer: remove system-status styling and present Roofer as a product link */
.footer-status.footer-roofer-focus{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}
.footer-status.footer-roofer-focus > span{
    margin:0;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.18em;
    color:rgba(255,255,255,.54);
}
.footer-status.footer-roofer-focus > strong{
    display:block;
    margin:0;
    font-family:'Inter Tight','Inter',sans-serif;
    font-size:clamp(1.28rem,1.65vw,1.7rem);
    line-height:1.08;
    letter-spacing:.005em;
    color:#fff;
}
.footer-status.footer-roofer-focus > strong i,
.footer-status.footer-roofer-focus > i{
    display:none !important;
}
.footer-status.footer-roofer-focus > p{
    margin:0;
    max-width:34ch;
    font-size:.98rem;
    line-height:1.6;
    color:rgba(255,255,255,.67);
}
.footer-status.footer-roofer-focus > a{
    display:inline-flex;
    align-items:center;
    margin-top:4px;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,.48);
    color:#fff;
    font-size:.98rem;
    font-weight:700;
    text-decoration:none;
}
.footer-status.footer-roofer-focus > a:hover{
    border-bottom-color:#fff;
}


/* Source: wgh622-footer.css */
/* v0.6.22 — footer attribution + hide sticky bottom navigation over footer */
.wgh-footer-credit a{
    color:inherit;
    font-weight:700;
    text-decoration:none;
}
.wgh-footer-credit a:hover{
    color:#fff;
    text-decoration:underline;
    text-underline-offset:3px;
}
.site-dock32.wgh-footer-hidden{
    display:none !important;
}


/* Source: wgh624-audit-fixes.css */
/* v0.6.25 keeps the approved v0.6.23 visual system. These rules style only
   controls introduced by the security and privacy remediation. */
.wgh510-drag-handle{appearance:none;-webkit-appearance:none;font-family:inherit;line-height:1;padding:0;border:0;background:transparent;color:inherit}
.wgh510-drag-handle:disabled{opacity:.45;cursor:default}
.wgh510-consent{display:flex;align-items:flex-start;gap:10px;grid-column:1/-1;color:#4e6070;font-size:14px;line-height:1.55}
.wgh510-consent input{width:20px;height:20px;margin-top:1px;flex:0 0 auto}
.wgh96-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}


/* Source: wgh627-refinement.css */
/* WebsiteGeneratorHub v0.6.27 — compact homepage roadmap and authored generation stage. */

/* Homepage: keep the live Roofer story, then show only the names of planned website types. */
.wgh627-planned{
  position:relative;
  padding:clamp(82px,8vw,128px) 0 clamp(92px,9vw,142px);
  overflow:hidden;
  background:#fff;
  color:#111d32;
}
.wgh627-planned::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,#cbd9ef 14%,#cbd9ef 86%,transparent);
}
.wgh627-planned-inner{position:relative}
.wgh627-planned-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.45fr);
  gap:clamp(40px,7vw,116px);
  align-items:end;
  padding-bottom:clamp(40px,4vw,62px);
}
.wgh627-planned-head h3{
  max-width:870px;
  margin:0;
  color:#111d32;
  font:720 clamp(46px,5vw,78px)/.98 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.wgh627-planned-head p{
  margin:0 0 7px;
  color:#5d6b82;
  font:600 clamp(16px,1.2vw,19px)/1.55 "Wix Madefor Text",Inter,sans-serif;
}
.wgh627-planned-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #d6dfec;
  border-bottom:1px solid #d6dfec;
}
.wgh627-planned-list li{
  display:flex;
  align-items:flex-end;
  min-height:clamp(112px,10vw,160px);
  padding:26px clamp(18px,2.3vw,36px) 28px 0;
  border-bottom:1px solid #d6dfec;
  color:#16243c;
  font:690 clamp(25px,2.45vw,39px)/1.02 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.026em;
  transition:color .24s ease,background-color .24s ease,padding .35s cubic-bezier(.16,1,.3,1);
}
.wgh627-planned-list li:not(:nth-child(4n+1)){padding-left:clamp(18px,2.3vw,36px);border-left:1px solid #d6dfec}
.wgh627-planned-list li:nth-last-child(-n+3){border-bottom:0}
.wgh627-planned-list li:hover{padding-left:clamp(24px,3vw,46px);color:#245fce;background:#f7faff}

/* Generation stage: business information visibly becomes a finished website. */
.wgh627-generating-page{
  --wgh627-navy:#071630;
  --wgh627-navy-soft:#0b2148;
  --wgh627-blue:#6f9eff;
  --wgh627-blue-strong:#2f6fed;
  --wgh627-line:rgba(188,209,255,.19);
  background:var(--wgh627-navy)!important;
  overflow:hidden;
}
.wgh627-splash{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(ellipse at 82% 18%,rgba(56,112,230,.30),transparent 38%),
    radial-gradient(ellipse at 8% 88%,rgba(42,92,193,.20),transparent 34%),
    linear-gradient(135deg,#071630 0%,#091b3d 52%,#07152e 100%);
}
.wgh627-splash::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30% -12%;
  opacity:.7;
  background:linear-gradient(104deg,transparent 33%,rgba(128,169,255,.10) 47%,rgba(255,255,255,.07) 50%,rgba(128,169,255,.08) 54%,transparent 68%);
  transform:translate3d(-34%,0,0) rotate(-5deg);
  animation:wgh627-light-pass 7.8s cubic-bezier(.45,0,.2,1) infinite;
  pointer-events:none;
}
.wgh627-splash-shell{
  width:min(1440px,calc(100% - 72px));
  min-height:100vh;
  min-height:100svh;
  margin:0 auto;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  padding:34px 0 32px;
}
.wgh627-splash-header{display:flex;align-items:center;justify-content:space-between;gap:28px}
.wgh627-splash-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.wgh627-splash-brand img{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}
.wgh627-splash-brand strong{font:740 20px/1 Inter,sans-serif;letter-spacing:-.025em}
.wgh627-splash-brand em{color:#9dbcff;font-style:normal}
.wgh627-build-state{display:inline-flex;align-items:center;gap:10px;color:#c3d4f7;font:650 13px/1.2 Inter,sans-serif}
.wgh627-build-state i{width:8px;height:8px;border-radius:50%;background:#8db3ff;box-shadow:0 6px 18px rgba(111,158,255,.48);animation:wgh627-status-pulse 1.5s ease-in-out infinite}
.wgh627-splash-main{
  display:grid;
  grid-template-columns:minmax(390px,.72fr) minmax(640px,1.28fr);
  gap:clamp(50px,6vw,100px);
  align-items:center;
  padding:clamp(50px,7vh,92px) 0;
}
.wgh627-splash-copy{position:relative;z-index:3;max-width:620px}
.wgh627-business-name{
  margin:0 0 22px;
  color:#9dbcff;
  font:700 15px/1.3 "Wix Madefor Text",Inter,sans-serif;
  overflow-wrap:anywhere;
}
.wgh627-splash-copy h1{
  max-width:610px;
  margin:0;
  color:#fff;
  font:730 clamp(54px,5.8vw,88px)/.95 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.038em;
  text-wrap:balance;
}
.wgh627-generation-status{
  min-height:2.2em;
  max-width:560px;
  margin:27px 0 0;
  color:#c2d1ef;
  font:520 clamp(17px,1.35vw,20px)/1.55 "Wix Madefor Text",Inter,sans-serif;
  transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1);
}
.wgh627-generation-status.is-changing{opacity:.25;transform:translateY(6px)}
.wgh627-build-visual{
  position:relative;
  display:grid;
  grid-template-columns:128px minmax(120px,.52fr) minmax(360px,1.25fr);
  align-items:center;
  min-height:440px;
}
.wgh627-build-inputs{position:relative;z-index:3;display:grid;gap:0}
.wgh627-build-inputs span{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:12px;
  align-items:center;
  min-height:66px;
  border-bottom:1px solid var(--wgh627-line);
  color:#7588aa;
  transition:color .4s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
.wgh627-build-inputs span:first-child{border-top:1px solid var(--wgh627-line)}
.wgh627-build-inputs i{position:relative;width:9px;height:9px;border-radius:50%;background:#31486f;transition:background .35s ease,box-shadow .35s ease}
.wgh627-build-inputs b{font:660 12px/1.25 Inter,sans-serif}
.wgh627-splash[data-generation-stage="0"] [data-build-input="0"],
.wgh627-splash[data-generation-stage="1"] [data-build-input="0"],
.wgh627-splash[data-generation-stage="1"] [data-build-input="1"],
.wgh627-splash[data-generation-stage="2"] .wgh627-build-inputs span,
.wgh627-splash[data-generation-stage="3"] .wgh627-build-inputs span{color:#d9e5ff;transform:translateX(5px)}
.wgh627-splash[data-generation-stage="0"] [data-build-input="0"] i,
.wgh627-splash[data-generation-stage="1"] [data-build-input="0"] i,
.wgh627-splash[data-generation-stage="1"] [data-build-input="1"] i,
.wgh627-splash[data-generation-stage="2"] .wgh627-build-inputs i,
.wgh627-splash[data-generation-stage="3"] .wgh627-build-inputs i{background:#8db3ff;box-shadow:0 5px 16px rgba(111,158,255,.5)}
.wgh627-build-flow{position:relative;z-index:1;width:calc(100% + 28px);height:250px;margin-left:-2px;overflow:visible}
.wgh627-build-flow path{fill:none;stroke:url(#wgh627Flow);stroke-width:2;stroke-dasharray:10 14;vector-effect:non-scaling-stroke;animation:wgh627-flow-lines 2.1s linear infinite}
.wgh627-build-flow path:nth-of-type(2){animation-delay:-.7s}.wgh627-build-flow path:nth-of-type(3){animation-delay:-1.35s}
.wgh627-flow-dot{fill:#fff;filter:drop-shadow(0 0 7px rgba(141,179,255,.9));offset-rotate:0deg;animation:wgh627-flow-dot 2.7s cubic-bezier(.45,0,.2,1) infinite}
.wgh627-flow-dot-a{offset-path:path("M0 54 C92 54 97 118 176 124 S260 62 350 62")}
.wgh627-flow-dot-b{offset-path:path("M0 124 C78 124 112 124 176 124 S260 124 350 124");animation-delay:-.9s}
.wgh627-flow-dot-c{offset-path:path("M0 196 C92 196 98 132 176 124 S260 188 350 188");animation-delay:-1.8s}
.wgh627-preview-window{
  position:relative;
  z-index:2;
  overflow:hidden;
  min-width:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 38px 96px rgba(0,4,18,.44);
  opacity:.48;
  transform:perspective(1100px) rotateY(-8deg) translateX(18px) scale(.94);
  transform-origin:left center;
  transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),box-shadow .8s ease;
}
.wgh627-splash[data-generation-stage="1"] .wgh627-preview-window{opacity:.68;transform:perspective(1100px) rotateY(-5deg) translateX(10px) scale(.97)}
.wgh627-splash[data-generation-stage="2"] .wgh627-preview-window,
.wgh627-splash[data-generation-stage="3"] .wgh627-preview-window{opacity:1;transform:perspective(1100px) rotateY(0) translateX(0) scale(1)}
.wgh627-splash[data-generation-stage="3"] .wgh627-preview-window{box-shadow:0 40px 110px rgba(31,94,220,.30),0 20px 55px rgba(0,4,18,.38)}
.wgh627-preview-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#e9eef6;color:#7b8798}
.wgh627-preview-bar>span{display:flex;gap:5px}.wgh627-preview-bar i{width:6px;height:6px;border-radius:50%;background:#aeb8c7}.wgh627-preview-bar b{font:650 8px/1 Inter,sans-serif;letter-spacing:.04em}
.wgh627-preview-page{position:relative;height:356px;background:#f5f7fb;overflow:hidden}
.wgh627-preview-page::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.72) 50%,transparent 66%);transform:translateX(-130%);animation:wgh627-preview-sweep 3.2s ease-in-out infinite;pointer-events:none}
.wgh627-preview-nav{height:43px;display:flex;align-items:center;gap:15px;padding:0 18px;background:#fff;border-bottom:1px solid #e5eaf1}
.wgh627-preview-nav strong{width:74px;height:8px;border-radius:3px;background:#102443}.wgh627-preview-nav span{width:36px;height:4px;border-radius:2px;background:#ccd4df}.wgh627-preview-nav span:first-of-type{margin-left:auto}.wgh627-preview-nav i{width:56px;height:18px;border-radius:5px;background:#2f6fed}
.wgh627-preview-hero{height:225px;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(180deg,rgba(6,16,34,.08),rgba(6,16,34,.76)),url('/assets/roofers-hd/roof-01.webp') center/cover no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path 1.35s cubic-bezier(.16,1,.3,1)}
.wgh627-splash[data-generation-stage="2"] .wgh627-preview-hero,.wgh627-splash[data-generation-stage="3"] .wgh627-preview-hero{clip-path:inset(0 0 0 0)}
.wgh627-preview-hero>div{display:grid;gap:10px;width:62%}.wgh627-preview-hero small{width:42%;height:5px;border-radius:2px;background:#8db3ff}.wgh627-preview-hero strong{width:100%;height:22px;border-radius:3px;background:#fff;box-shadow:0 30px 0 rgba(255,255,255,.90)}.wgh627-preview-hero b{width:74%;height:7px;margin-top:24px;border-radius:3px;background:rgba(255,255,255,.65)}.wgh627-preview-hero i{width:84px;height:27px;margin-top:7px;border-radius:5px;background:#2f6fed}
.wgh627-preview-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;height:88px;background:#dfe5ee}.wgh627-preview-proof span{position:relative;background:#fff}.wgh627-preview-proof span::before{content:"";position:absolute;left:16px;right:34%;top:22px;height:8px;border-radius:3px;background:#172c4e;box-shadow:0 20px 0 #c4ccd8}
.wgh627-splash-footer{position:relative;z-index:3}
.wgh627-progress{height:2px;overflow:hidden;background:rgba(205,220,249,.18)}
.wgh627-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#6f9eff,#fff);transform:scaleX(0);transform-origin:left center;will-change:transform}
.wgh627-splash-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:20px 0 0;list-style:none}
.wgh627-splash-steps li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;color:#7184a8;transition:color .35s ease}
.wgh627-splash-steps b{font:700 11px/1 Inter,sans-serif;font-variant-numeric:tabular-nums}.wgh627-splash-steps span{font:620 12px/1.25 Inter,sans-serif}
.wgh627-splash-steps li.is-complete,.wgh627-splash-steps li.is-active{color:#dce7ff}.wgh627-splash-steps li.is-active b{color:#8db3ff}
.wgh627-noscript{margin:18px 0 0}.wgh627-noscript a{color:#fff;text-underline-offset:4px}
.wgh627-splash :focus-visible{outline:3px solid #9dbcff;outline-offset:5px}
.wgh627-splash ::selection{background:#dbe7ff;color:#071630}

@keyframes wgh627-light-pass{0%,28%{transform:translate3d(-42%,0,0) rotate(-5deg)}72%,100%{transform:translate3d(38%,0,0) rotate(-5deg)}}
@keyframes wgh627-status-pulse{50%{opacity:.45;transform:scale(.78)}}
@keyframes wgh627-flow-lines{to{stroke-dashoffset:-48}}
@keyframes wgh627-flow-dot{0%{offset-distance:0%;opacity:0}12%,82%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes wgh627-preview-sweep{0%,32%{transform:translateX(-130%)}72%,100%{transform:translateX(130%)}}

@media(max-width:1120px){
  .wgh627-splash-shell{width:min(100% - 48px,1180px)}
  .wgh627-splash-main{grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);gap:42px}
  .wgh627-build-visual{grid-template-columns:106px minmax(90px,.45fr) minmax(320px,1.2fr)}
}
@media(max-width:900px){
  .wgh627-planned-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wgh627-planned-list li:not(:nth-child(4n+1)){padding-left:0;border-left:0}
  .wgh627-planned-list li:nth-child(even){padding-left:24px;border-left:1px solid #d6dfec}
  .wgh627-planned-list li:nth-last-child(-n+3){border-bottom:1px solid #d6dfec}.wgh627-planned-list li:last-child{border-bottom:0}
  .wgh627-splash-shell{min-height:auto;padding-bottom:26px}
  .wgh627-splash-main{grid-template-columns:1fr;align-content:center;gap:44px;padding:54px 0 48px}
  .wgh627-splash-copy{max-width:720px}.wgh627-splash-copy h1{max-width:720px;font-size:clamp(50px,9vw,76px)}
  .wgh627-build-visual{min-height:360px;grid-template-columns:120px minmax(100px,.48fr) minmax(380px,1.25fr)}
}
@media(max-width:680px){
  .wgh627-planned-head{grid-template-columns:1fr;gap:18px}.wgh627-planned-head h3{font-size:clamp(42px,11vw,58px)}
  .wgh627-planned-list{grid-template-columns:1fr}.wgh627-planned-list li,.wgh627-planned-list li:nth-child(even),.wgh627-planned-list li:not(:nth-child(4n+1)){min-height:82px;padding:22px 0;border-left:0;border-bottom:1px solid #d6dfec}.wgh627-planned-list li:last-child{border-bottom:0}.wgh627-planned-list li:hover{padding-left:12px}
  .wgh627-splash{overflow:auto}
  .wgh627-splash-shell{width:min(100% - 30px,620px);padding:22px 0 24px}
  .wgh627-splash-header{align-items:flex-start}.wgh627-splash-brand img{width:30px;height:30px}.wgh627-splash-brand strong{font-size:17px}.wgh627-build-state{max-width:126px;justify-content:flex-end;text-align:right;font-size:11px;line-height:1.35}
  .wgh627-splash-main{gap:32px;padding:40px 0 36px}.wgh627-business-name{margin-bottom:16px}.wgh627-splash-copy h1{font-size:clamp(46px,13vw,64px);line-height:.98}.wgh627-generation-status{margin-top:20px;font-size:16px}
  .wgh627-build-visual{grid-template-columns:86px minmax(52px,.33fr) minmax(210px,1.2fr);min-height:260px}.wgh627-build-inputs span{grid-template-columns:10px 1fr;gap:7px;min-height:52px}.wgh627-build-inputs i{width:7px;height:7px}.wgh627-build-inputs b{font-size:9px}.wgh627-build-flow{height:180px}.wgh627-preview-window{border-radius:11px}.wgh627-preview-bar{height:28px;padding:0 9px}.wgh627-preview-bar b{font-size:6px}.wgh627-preview-page{height:220px}.wgh627-preview-nav{height:30px;padding:0 9px;gap:7px}.wgh627-preview-nav strong{width:42px;height:5px}.wgh627-preview-nav span{display:none}.wgh627-preview-nav i{margin-left:auto;width:38px;height:13px}.wgh627-preview-hero{height:140px;padding:13px}.wgh627-preview-hero strong{height:13px;box-shadow:0 19px 0 rgba(255,255,255,.9)}.wgh627-preview-hero b{height:4px;margin-top:16px}.wgh627-preview-hero i{width:55px;height:18px}.wgh627-preview-proof{height:50px}.wgh627-preview-proof span::before{left:8px;right:28%;top:12px;height:5px;box-shadow:0 12px 0 #c4ccd8}
  .wgh627-splash-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;padding-top:17px}.wgh627-splash-steps span{font-size:10px}.wgh627-splash-steps b{font-size:9px}
}
@media(max-width:390px){
  .wgh627-build-state{display:none}.wgh627-splash-main{padding-top:34px}.wgh627-build-visual{grid-template-columns:72px 46px minmax(190px,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .wgh627-splash::before,.wgh627-build-state i,.wgh627-build-flow path,.wgh627-flow-dot,.wgh627-preview-page::after{animation:none!important}
  .wgh627-generation-status,.wgh627-build-inputs span,.wgh627-build-inputs i,.wgh627-preview-window,.wgh627-preview-hero,.wgh627-splash-steps li{transition:none!important}
  .wgh627-flow-dot{display:none}.wgh627-preview-page::after{display:none}
}


/* Source: wgh628-homepage-sections.css */
/* WebsiteGeneratorHub v0.6.28 — restored future-industries note and rebuilt creation story. */

/* Restore the earlier compact editorial treatment after the live Roofer section. */
body .wgh628-planned{
  min-height:0!important;
  padding:clamp(72px,7vw,104px) 0!important;
  overflow:hidden;
  background:#f7f9fd!important;
  border-top:0!important;
  border-bottom:1px solid #dce4f0!important;
}
body .wgh628-planned::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  width:min(1400px,92vw)!important;
  height:1px!important;
  opacity:1!important;
  transform:translateX(-50%);
  background:#dce4f0!important;
  filter:none!important;
}
body .wgh628-planned .wgh628-planned-head{
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr)!important;
  gap:clamp(48px,7vw,112px)!important;
  align-items:center!important;
  padding:0!important;
}
body .wgh628-planned .wgh628-planned-title h3{
  max-width:590px!important;
  margin:0!important;
  color:#101c31!important;
  font:720 clamp(45px,4.7vw,72px)/.96 "Wix Madefor Display","Inter Tight",sans-serif!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body .wgh628-planned .wgh628-planned-copy{
  max-width:690px!important;
  padding:0!important;
}
body .wgh628-planned .wgh628-planned-copy p{
  margin:0!important;
  color:#5d6b80!important;
  font:500 clamp(16px,1.18vw,19px)/1.72 "Wix Madefor Text",Inter,sans-serif!important;
  letter-spacing:.004em;
}

/* One continuous editorial process instead of three boxed product mockups. */
.wgh628-how{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(112px,10vw,164px) 0;
  color:#fff;
  background:#071a39;
}
.wgh628-how::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:4px;
  background:#2f6fed;
}
.wgh628-how::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-22%;
  right:-18%;
  width:min(780px,64vw);
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(47,111,237,.14);
  filter:blur(120px);
  pointer-events:none;
}
.wgh628-how-layout{
  display:grid;
  grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);
  gap:clamp(72px,9vw,146px);
  align-items:start;
}
.wgh628-how-intro{
  position:sticky;
  top:118px;
  align-self:start;
}
.wgh628-how-intro h2{
  max-width:650px;
  margin:0;
  color:#fff;
  font:720 clamp(58px,5.7vw,88px)/.96 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.wgh628-how-intro>p{
  max-width:590px;
  margin:32px 0 0;
  color:rgba(255,255,255,.72);
  font:500 clamp(16px,1.22vw,19px)/1.72 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:.004em;
}
.wgh628-how-start{
  max-width:590px;
  margin-top:clamp(42px,5vw,70px);
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.22);
}
.wgh628-how-start p{
  margin:0;
  color:rgba(255,255,255,.68);
  font:500 15px/1.62 "Wix Madefor Text",Inter,sans-serif;
}
.wgh628-how-start strong{color:#fff;font-weight:720}
.wgh628-how-start a{
  display:inline-flex;
  min-height:60px;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  margin-top:26px;
  padding:0 26px;
  background:#2f6fed;
  color:#fff;
  font:720 14px/1 "Wix Madefor Text",Inter,sans-serif;
  text-decoration:none;
  transition:background-color .24s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease;
}
.wgh628-how-start a span{font-size:20px;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.wgh628-how-steps{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.22);
}
.wgh628-how-steps li{
  position:relative;
  display:flex;
  gap:clamp(30px,4vw,64px);
  align-items:start;
  padding:clamp(48px,5vw,68px) 0;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.wgh628-how-steps li::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:100%;
  height:2px;
  background:#74a3ff;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.wgh628-how-steps li.is-visible::before{transform:scaleX(1)}
.wgh628-step-number{
  flex:0 0 clamp(100px,8vw,124px);
  color:#74a3ff;
  font:700 clamp(78px,7.6vw,116px)/.75 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.wgh628-how-steps li>div{flex:1;min-width:0;padding-top:5px}
.wgh628-how-steps h3{
  max-width:560px;
  margin:0;
  color:#fff;
  font:680 clamp(34px,3.1vw,48px)/1.04 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.wgh628-how-steps p{
  max-width:600px;
  margin:22px 0 0;
  color:rgba(255,255,255,.68);
  font:500 clamp(15px,1.12vw,18px)/1.72 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:.004em;
}
.wgh628-how :focus-visible{outline:3px solid #a7c4ff;outline-offset:5px}
.wgh628-how ::selection{background:#dce8ff;color:#071a39}

@media (hover:hover) and (pointer:fine){
  .wgh628-how-start a:hover{
    background:#3d7af1;
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(0,0,0,.24);
  }
  .wgh628-how-start a:hover span{transform:translate(3px,-3px)}
}

@media (max-width:1080px){
  .wgh628-how-layout{grid-template-columns:minmax(330px,.8fr) minmax(470px,1.2fr);gap:60px}
  .wgh628-how-steps li{gap:30px}
  .wgh628-step-number{flex-basis:92px}
}

@media (max-width:860px){
  body .wgh628-planned .wgh628-planned-head{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  body .wgh628-planned .wgh628-planned-title h3{max-width:720px!important}
  body .wgh628-planned .wgh628-planned-copy{max-width:760px!important}
  .wgh628-how-layout{grid-template-columns:1fr;gap:clamp(68px,10vw,92px)}
  .wgh628-how-intro{position:relative;top:auto}
  .wgh628-how-intro h2{max-width:760px}
  .wgh628-how-intro>p,.wgh628-how-start{max-width:690px}
  .wgh628-how-steps li{gap:40px}
  .wgh628-step-number{flex-basis:96px}
}

@media (max-width:560px){
  body .wgh628-planned{padding:68px 0 74px!important}
  body .wgh628-planned .wgh628-planned-head{gap:22px!important}
  body .wgh628-planned .wgh628-planned-title h3{
    font-size:clamp(42px,12vw,56px)!important;
    line-height:.98!important;
  }
  body .wgh628-planned .wgh628-planned-copy p{font-size:15px!important;line-height:1.66!important}
  .wgh628-how{padding:92px 0 102px}
  .wgh628-how-layout{gap:62px}
  .wgh628-how-intro h2{font-size:clamp(45px,12.5vw,58px);line-height:.98}
  .wgh628-how-intro>p{margin-top:24px;font-size:16px;line-height:1.68}
  .wgh628-how-start{margin-top:38px;padding-top:24px}
  .wgh628-how-start a{width:100%;min-height:58px}
  .wgh628-how-steps li{display:block;padding:38px 0 42px}
  .wgh628-step-number{display:block;font-size:76px;line-height:.75}
  .wgh628-how-steps li>div{padding-top:0}
  .wgh628-how-steps h3{font-size:clamp(31px,9vw,39px);line-height:1.06}
  .wgh628-how-steps p{margin-top:17px;font-size:15px;line-height:1.68}
}

@media (prefers-reduced-motion:reduce){
  .wgh628-how-steps li::before,.wgh628-how-start a,.wgh628-how-start a span{transition:none!important}
}


/* Source: wgh629-homepage-generation.css */
/* WebsiteGeneratorHub v0.6.29 — corrected white homepage sections and reference-led generation stage. */

/* The earlier approved availability message, restored as one compact editorial statement. */
body .wgh629-planned{
  position:relative;
  min-height:0!important;
  padding:clamp(86px,8vw,124px) 0!important;
  overflow:hidden;
  color:#101c31;
  background:#fff!important;
  border:0!important;
}
body .wgh629-planned::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  width:min(1400px,calc(100% - 72px));
  height:1px;
  opacity:1;
  transform:translateX(-50%);
  background:#dce4f0;
  border:0;
  border-radius:0;
  filter:none;
  pointer-events:none;
}
body .wgh629-planned::after{display:none!important}
.wgh629-planned-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(340px,.84fr) minmax(470px,1.16fr);
  gap:clamp(56px,8vw,132px);
  align-items:start;
}
.wgh629-planned-title h3{
  max-width:610px;
  margin:0;
  color:#101c31;
  font:730 clamp(48px,4.8vw,74px)/.97 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.032em;
  text-wrap:balance;
}
.wgh629-planned-title>p{
  max-width:590px;
  margin:24px 0 0;
  color:#2f6fed;
  font:650 clamp(23px,2vw,31px)/1.16 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.wgh629-planned-copy{max-width:700px;padding-top:4px}
.wgh629-planned-copy p{
  max-width:68ch;
  margin:0;
  color:#5c6a80;
  font:500 clamp(16px,1.14vw,18px)/1.72 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:.002em;
}
.wgh629-planned-copy p+p{margin-top:17px}
.wgh629-planned-copy a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:30px;
  padding-bottom:7px;
  border-bottom:1px solid #9ab7ee;
  color:#245fce;
  font:700 15px/1.2 "Wix Madefor Text",Inter,sans-serif;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease;
}
.wgh629-planned-copy a span{font-size:18px;transition:transform .28s cubic-bezier(.16,1,.3,1)}

/* A white, continuous process section that belongs to the homepage rather than interrupting it. */
.wgh629-how{
  position:relative;
  overflow:hidden;
  padding:clamp(106px,9vw,148px) 0 clamp(112px,10vw,158px);
  color:#101c31;
  background:#fff;
  border-top:1px solid #dce4f0;
}
.wgh629-how-head{
  display:grid;
  grid-template-columns:minmax(430px,1fr) minmax(390px,.72fr);
  gap:clamp(64px,9vw,144px);
  align-items:end;
  margin-bottom:clamp(66px,7vw,96px);
}
.wgh629-how-head h2{
  max-width:720px;
  margin:0;
  color:#101c31;
  font:730 clamp(54px,5.2vw,78px)/.97 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.034em;
  text-wrap:balance;
}
.wgh629-how-intro{max-width:630px;padding-bottom:4px}
.wgh629-how-intro p{
  max-width:62ch;
  margin:0;
  color:#5c6a80;
  font:500 clamp(16px,1.15vw,18px)/1.72 "Wix Madefor Text",Inter,sans-serif;
}
.wgh629-how-intro a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:29px;
  padding-bottom:7px;
  border-bottom:1px solid #9ab7ee;
  color:#245fce;
  font:700 15px/1.2 "Wix Madefor Text",Inter,sans-serif;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease;
}
.wgh629-how-intro a span{font-size:18px;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.wgh629-how-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #cad6e7;
  border-bottom:1px solid #cad6e7;
}
.wgh629-how-steps li{
  min-width:0;
  padding:clamp(36px,3.6vw,52px) clamp(28px,3.5vw,52px) clamp(40px,4vw,58px);
}
.wgh629-how-steps li:first-child{padding-left:0}
.wgh629-how-steps li:last-child{padding-right:0}
.wgh629-how-steps li+li{border-left:1px solid #d7e0ec}
.wgh629-step-number{
  display:block;
  margin:0 0 clamp(36px,4.2vw,58px);
  color:#2f6fed;
  font:720 clamp(54px,4.8vw,72px)/.82 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.wgh629-how-steps h3{
  max-width:360px;
  margin:0;
  color:#101c31;
  font:690 clamp(29px,2.55vw,39px)/1.05 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.027em;
  text-wrap:balance;
}
.wgh629-how-steps p{
  max-width:42ch;
  margin:20px 0 0;
  color:#637086;
  font:500 clamp(15px,1.04vw,17px)/1.68 "Wix Madefor Text",Inter,sans-serif;
}
.wgh629-how-note{
  max-width:680px;
  margin:28px 0 0;
  color:#657287;
  font:500 14px/1.65 "Wix Madefor Text",Inter,sans-serif;
}
.wgh629-how-note strong{color:#16233a;font-weight:720}
.wgh629-how :focus-visible,.wgh629-planned :focus-visible{outline:3px solid #2f6fed;outline-offset:5px}
.wgh629-how ::selection,.wgh629-planned ::selection{background:#dce8ff;color:#071a39}

@media (hover:hover) and (pointer:fine){
  .wgh629-planned-copy a:hover,.wgh629-how-intro a:hover{color:#174fb8;border-color:#174fb8}
  .wgh629-planned-copy a:hover span,.wgh629-how-intro a:hover span{transform:translate(3px,-3px)}
}

@media (max-width:900px){
  .wgh629-planned-layout,.wgh629-how-head{grid-template-columns:1fr;gap:34px}
  .wgh629-planned-title h3,.wgh629-planned-title>p,.wgh629-planned-copy,.wgh629-how-head h2,.wgh629-how-intro{max-width:760px}
  .wgh629-how-steps{grid-template-columns:1fr}
  .wgh629-how-steps li,.wgh629-how-steps li:first-child,.wgh629-how-steps li:last-child{
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:18px;
    padding:34px 0 38px;
  }
  .wgh629-how-steps li+li{border-left:0;border-top:1px solid #d7e0ec}
  .wgh629-step-number{margin:2px 0 0;font-size:52px;line-height:.86}
  .wgh629-how-steps h3{max-width:560px}
  .wgh629-how-steps p{max-width:62ch}
}

@media (max-width:560px){
  body .wgh629-planned{padding:68px 0 76px!important}
  body .wgh629-planned::before{width:calc(100% - 28px)}
  .wgh629-planned-layout{gap:30px}
  .wgh629-planned-title h3{font-size:clamp(42px,12vw,55px);line-height:.98}
  .wgh629-planned-title>p{margin-top:18px;font-size:23px;line-height:1.18}
  .wgh629-planned-copy p{font-size:15px;line-height:1.68}
  .wgh629-planned-copy a{margin-top:25px}
  .wgh629-how{padding:82px 0 94px}
  .wgh629-how-head{gap:26px;margin-bottom:54px}
  .wgh629-how-head h2{font-size:clamp(43px,12vw,56px);line-height:.99}
  .wgh629-how-intro p{font-size:15px;line-height:1.68}
  .wgh629-how-intro a{margin-top:24px}
  .wgh629-how-steps li,.wgh629-how-steps li:first-child,.wgh629-how-steps li:last-child{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:30px 0 34px}
  .wgh629-step-number{font-size:44px;line-height:.88}
  .wgh629-how-steps h3{font-size:clamp(29px,8.8vw,37px);line-height:1.06}
  .wgh629-how-steps p{margin-top:15px;font-size:14.5px;line-height:1.66}
  .wgh629-how-note{margin-top:23px;font-size:13.5px}
}

/* Minimal cinematic generation stage inspired by the supplied motion references. */
.wgh629-generating-page{
  background:#000001!important;
  color:#fff;
  overflow:hidden;
}
.wgh629-generating-page #main-content{min-height:100vh;min-height:100svh}
.wgh629-splash{
  --wgh629-night:#000001;
  --wgh629-deep:#07145b;
  --wgh629-blue:#1434ce;
  --wgh629-bright:#79c7ff;
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(12,37,162,.38) 0%,rgba(7,20,91,.2) 24%,rgba(0,0,1,0) 57%),
    linear-gradient(180deg,#020309 0%,#000001 100%);
}
.wgh629-splash-shell{
  width:min(1240px,calc(100% - 72px));
  min-height:100vh;
  min-height:100svh;
  margin:0 auto;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  padding:34px 0 32px;
}
.wgh629-splash-brand{
  position:relative;
  z-index:4;
  justify-self:start;
  display:inline-flex;
  align-items:baseline;
  color:#fff;
  font:740 18px/1 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:-.025em;
  text-decoration:none;
}
.wgh629-splash-brand em{color:#84a9ff;font-style:normal}
.wgh629-splash-main{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  align-content:center;
  padding:clamp(30px,4vh,52px) 0;
  text-align:center;
}
.wgh629-loader{
  position:relative;
  width:clamp(300px,31vw,430px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin:0 auto clamp(14px,2vh,24px);
  perspective:900px;
}
.wgh629-loader-aura{
  position:absolute;
  inset:24%;
  border-radius:50%;
  background:rgba(20,52,206,.7);
  filter:blur(54px);
  opacity:.72;
  animation:wgh629-aura 4.8s ease-in-out infinite;
}
.wgh629-loader-orbit{
  position:absolute;
  inset:17%;
  border:1px solid rgba(121,199,255,.24);
  border-top-color:rgba(255,255,255,.88);
  border-right-color:rgba(47,111,237,.75);
  border-radius:50%;
  box-shadow:0 18px 44px rgba(7,20,91,.3);
}
.wgh629-loader-orbit-a{animation:wgh629-orbit-a 6.8s linear infinite}
.wgh629-loader-orbit-b{inset:22% 13%;opacity:.58;animation:wgh629-orbit-b 8.4s linear infinite reverse}
.wgh629-loader-ribbon{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.32));
}
.wgh629-ribbon-glow path{
  fill:none;
  stroke:#245ce2;
  stroke-width:31;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.34;
}
.wgh629-ribbon-core{transform-origin:210px 210px;animation:wgh629-ribbon-turn 9.6s ease-in-out infinite}
.wgh629-ribbon-path{
  fill:none;
  stroke-width:16;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:520 115;
  stroke-dashoffset:0;
  animation:wgh629-ribbon-run 4.6s linear infinite;
}
.wgh629-ribbon-path-b{stroke-dasharray:470 150;animation-duration:5.8s;animation-direction:reverse}
.wgh629-roof-signal{
  fill:none;
  stroke:rgba(255,255,255,.84);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:170;
  stroke-dashoffset:170;
  animation:wgh629-roof-draw 3.2s cubic-bezier(.16,1,.3,1) infinite;
}
.wgh629-loader-light{
  position:absolute;
  z-index:3;
  top:20%;
  left:29%;
  width:18%;
  height:3px;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 26px rgba(121,199,255,.52);
  filter:blur(1px);
  transform:rotate(-24deg);
  animation:wgh629-light 4.6s ease-in-out infinite;
}
.wgh629-splash-copy{position:relative;z-index:3;max-width:760px}
.wgh629-business-name{
  margin:0 0 14px;
  color:#8eafff;
  font:650 clamp(14px,1.1vw,16px)/1.35 "Wix Madefor Text",Inter,sans-serif;
  overflow-wrap:anywhere;
}
.wgh629-splash-copy h1{
  margin:0;
  color:#fff;
  font:710 clamp(39px,4.1vw,60px)/1 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.032em;
  text-wrap:balance;
}
.wgh629-generation-status{
  min-height:1.65em;
  margin:20px 0 0;
  color:rgba(219,229,255,.72);
  font:500 clamp(15px,1.18vw,18px)/1.55 "Wix Madefor Text",Inter,sans-serif;
  transition:opacity .16s ease,transform .28s cubic-bezier(.16,1,.3,1),filter .28s ease;
}
.wgh629-generation-status.is-changing{opacity:.18;transform:translateY(5px);filter:blur(3px)}
.wgh629-splash-footer{position:relative;z-index:4;width:min(720px,100%);margin:0 auto}
.wgh629-progress{height:1px;overflow:hidden;background:rgba(184,204,255,.22)}
.wgh629-progress span{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#1434ce,#79c7ff 72%,#fff);
  box-shadow:0 8px 22px rgba(47,111,237,.42);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
.wgh629-progress-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:14px;
  color:rgba(210,222,253,.58);
  font:560 12px/1.3 "Wix Madefor Text",Inter,sans-serif;
}
.wgh629-progress-copy strong{color:#94b4ff;font-weight:680;font-variant-numeric:tabular-nums}
.wgh629-noscript{margin:16px 0 0;text-align:center}.wgh629-noscript a{color:#fff;text-underline-offset:5px}
.wgh629-splash :focus-visible{outline:3px solid #79c7ff;outline-offset:6px}
.wgh629-splash ::selection{background:#dce8ff;color:#000001}
.wgh629-splash.is-paused *{animation-play-state:paused!important}

@keyframes wgh629-aura{0%,100%{opacity:.58;transform:scale(.82)}50%{opacity:.86;transform:scale(1.06)}}
@keyframes wgh629-orbit-a{from{transform:rotateX(67deg) rotateZ(0)}to{transform:rotateX(67deg) rotateZ(360deg)}}
@keyframes wgh629-orbit-b{from{transform:rotateY(69deg) rotateZ(0)}to{transform:rotateY(69deg) rotateZ(360deg)}}
@keyframes wgh629-ribbon-turn{0%,100%{transform:rotate(-4deg) scale(.94)}50%{transform:rotate(8deg) scale(1.025)}}
@keyframes wgh629-ribbon-run{to{stroke-dashoffset:-635}}
@keyframes wgh629-roof-draw{0%,12%{stroke-dashoffset:170;opacity:0}36%,70%{stroke-dashoffset:0;opacity:1}88%,100%{stroke-dashoffset:-170;opacity:0}}
@keyframes wgh629-light{0%,100%{opacity:.24;transform:translate3d(-12px,14px,0) rotate(-24deg) scaleX(.72)}48%{opacity:1;transform:translate3d(46px,-18px,0) rotate(-24deg) scaleX(1.08)}}

@media (max-height:760px) and (min-width:681px){
  .wgh629-splash-shell{padding-top:25px;padding-bottom:24px}
  .wgh629-loader{width:min(43vh,350px);margin-bottom:8px}
  .wgh629-splash-main{padding:16px 0}
  .wgh629-generation-status{margin-top:14px}
}

@media (max-width:680px){
  .wgh629-splash-shell{width:min(100% - 30px,620px);padding:24px 0 25px}
  .wgh629-splash-brand{font-size:16px}
  .wgh629-splash-main{padding:28px 0 32px}
  .wgh629-loader{width:min(78vw,310px);margin-bottom:8px}
  .wgh629-loader-orbit{inset:18%}.wgh629-loader-orbit-b{inset:23% 15%}
  .wgh629-splash-copy h1{font-size:clamp(38px,11.7vw,52px);line-height:1.02}
  .wgh629-business-name{margin-bottom:11px}
  .wgh629-generation-status{max-width:340px;margin:17px auto 0;font-size:15px}
  .wgh629-progress-copy{font-size:11px}
}

@media (max-width:390px){
  .wgh629-loader{width:min(73vw,270px)}
  .wgh629-splash-main{padding-top:20px}
  .wgh629-progress-copy{gap:14px}.wgh629-progress-copy span{max-width:220px;text-align:left}
}

@media (prefers-reduced-motion:reduce){
  .wgh629-planned-copy a,.wgh629-planned-copy a span,.wgh629-how-intro a,.wgh629-how-intro a span,
  .wgh629-loader-aura,.wgh629-loader-orbit,.wgh629-ribbon-core,.wgh629-ribbon-path,.wgh629-roof-signal,.wgh629-loader-light,
  .wgh629-generation-status{animation:none!important;transition:none!important}
  .wgh629-loader-aura{opacity:.66;transform:none}.wgh629-loader-orbit-a{transform:rotateX(67deg)}.wgh629-loader-orbit-b{transform:rotateY(69deg)}
  .wgh629-ribbon-core{transform:none}.wgh629-roof-signal{stroke-dashoffset:0;opacity:1}.wgh629-loader-light{opacity:.68}
}


/* Source: wgh630-generation.css */
/* WebsiteGeneratorHub v0.6.30 — focused, reference-led generation loader. */
.wgh630-generating-page{
  background:#000106!important;
  color:#fff;
  overflow:hidden;
}
.wgh630-generating-page #main-content{min-height:100vh;min-height:100svh}
.wgh630-splash{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(ellipse 460px 330px at 50% 44%,rgba(12,37,162,.28) 0%,rgba(7,20,91,.14) 40%,rgba(0,1,6,0) 72%),
    #000106;
}
.wgh630-splash-shell{
  width:min(1180px,calc(100% - 64px));
  min-height:100vh;
  min-height:100svh;
  margin:0 auto;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  padding:max(30px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));
}
.wgh630-splash-brand{
  position:relative;
  z-index:3;
  justify-self:start;
  display:inline-flex;
  align-items:baseline;
  color:rgba(255,255,255,.9);
  font:720 16px/1 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:-.025em;
  text-decoration:none;
}
.wgh630-splash-brand em{color:#7da5ff;font-style:normal}
.wgh630-splash-main{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  align-content:center;
  padding:clamp(48px,8vh,88px) 0;
  text-align:center;
}
.wgh630-loader{
  position:relative;
  width:clamp(242px,23vw,310px);
  aspect-ratio:420/260;
  margin:0 auto clamp(46px,6vh,64px);
}
.wgh630-infinity{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 18px 30px rgba(7,20,91,.34));
}
.wgh630-infinity-glow{
  opacity:.38;
  animation:wgh630-glow 3.8s ease-in-out infinite;
}
.wgh630-infinity-body,.wgh630-infinity-edge,.wgh630-infinity-light{fill:none}
.wgh630-infinity-light{
  stroke-dasharray:72 650;
  stroke-dashoffset:0;
  filter:drop-shadow(0 0 7px rgba(202,239,255,.9));
  animation:wgh630-flow 3.15s linear infinite;
  will-change:stroke-dashoffset;
}
.wgh630-splash-copy{max-width:720px}
.wgh630-splash-copy h1{
  margin:0;
  color:#fff;
  font:690 clamp(39px,4vw,56px)/1.02 "Wix Madefor Display","Inter Tight",sans-serif;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.wgh630-business-name{
  max-width:620px;
  margin:17px auto 0;
  color:#8fafff;
  font:620 clamp(15px,1.25vw,18px)/1.4 "Wix Madefor Text",Inter,sans-serif;
  overflow-wrap:anywhere;
}
.wgh630-generation-status{
  min-height:1.5em;
  margin:23px 0 0;
  color:#b5c2df;
  font:500 14px/1.5 "Wix Madefor Text",Inter,sans-serif;
  letter-spacing:.01em;
}
.wgh630-loading-dots{display:inline-flex;width:20px;justify-content:space-between;margin-left:3px}
.wgh630-loading-dots i{
  display:block;
  width:3px;
  height:3px;
  margin-top:.72em;
  border-radius:50%;
  background:#b5c2df;
  opacity:.24;
  animation:wgh630-dot 1.25s ease-in-out infinite;
}
.wgh630-loading-dots i:nth-child(2){animation-delay:.16s}
.wgh630-loading-dots i:nth-child(3){animation-delay:.32s}
.wgh630-splash.is-complete .wgh630-loading-dots{visibility:hidden}
.wgh630-noscript{position:relative;z-index:3;margin:0;text-align:center;font:600 14px/1.4 "Wix Madefor Text",Inter,sans-serif}
.wgh630-noscript a{color:#b8ccff;text-decoration:underline;text-decoration-color:#567ee0;text-underline-offset:5px}
.wgh630-splash :focus-visible{outline:3px solid #79c7ff;outline-offset:6px}
.wgh630-splash ::selection{background:#dce8ff;color:#000106}
.wgh630-splash.is-paused *{animation-play-state:paused!important}

@keyframes wgh630-flow{to{stroke-dashoffset:-722}}
@keyframes wgh630-glow{0%,100%{opacity:.28}50%{opacity:.46}}
@keyframes wgh630-dot{0%,55%,100%{opacity:.22;transform:translateY(0)}25%{opacity:1;transform:translateY(-2px)}}

@media (max-height:700px) and (min-width:681px){
  .wgh630-splash-shell{padding-top:24px;padding-bottom:22px}
  .wgh630-splash-main{padding:26px 0 32px}
  .wgh630-loader{width:min(37vh,260px);margin-bottom:30px}
  .wgh630-generation-status{margin-top:17px}
}

@media (max-width:680px){
  .wgh630-splash-shell{width:min(100% - 34px,620px);padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .wgh630-splash-brand{font-size:15px}
  .wgh630-splash-main{padding:42px 0 58px}
  .wgh630-loader{width:min(68vw,260px);margin-bottom:44px}
  .wgh630-splash-copy h1{font-size:clamp(36px,10.8vw,48px);line-height:1.04}
  .wgh630-business-name{max-width:330px;margin-top:15px;font-size:15px}
  .wgh630-generation-status{margin-top:21px;font-size:13.5px}
}

@media (max-width:390px){
  .wgh630-splash-shell{width:calc(100% - 28px)}
  .wgh630-loader{width:min(66vw,238px);margin-bottom:38px}
  .wgh630-splash-main{padding-top:34px}
}

@media (prefers-reduced-motion:reduce){
  .wgh630-infinity-glow,.wgh630-infinity-light,.wgh630-loading-dots i{animation:none!important}
  .wgh630-infinity-glow{opacity:.36}
  .wgh630-infinity-light{stroke-dasharray:58 664;stroke-dashoffset:-126;opacity:.82}
  .wgh630-loading-dots i{opacity:.68;transform:none}
}


/* Source: wgh631-industry-system.css */
/* WebsiteGeneratorHub v0.6.31 — light industry system and quick start */
:root{
  --w631-ink:#101c31;
  --w631-copy:#52627a;
  --w631-muted:#6b7890;
  --w631-line:#dce4f0;
  --w631-blue:#2f6fed;
  --w631-blue-dark:#245dcc;
  --w631-blue-soft:#f3f7ff;
  --w631-white:#fff;
}

body.wgh631-roofers-page,
body.wgh631-directory-page,
body.wgh631-local-page{background:#fff!important;color:var(--w631-ink)}
body.wgh631-roofers-page main,
body.wgh631-directory-page main,
body.wgh631-local-page main{overflow:hidden;background:#fff}
body.wgh631-roofers-page ::selection,
body.wgh631-directory-page ::selection,
body.wgh631-local-page ::selection{background:#cbdcff;color:#0d1b34}
body.wgh631-roofers-page :focus-visible,
body.wgh631-directory-page :focus-visible,
body.wgh631-local-page :focus-visible,
.wgh631-quick :focus-visible{outline:3px solid rgba(47,111,237,.42);outline-offset:3px}
.wgh631-roofers-page :is(#automatic-design,#what-roofers-need,#editor,#process,#faq),
.wgh631-directory-page :is(#live,#coming,#standards),
.wgh631-local-page :is(#local-needs,#local-process,#local-industries){scroll-margin-top:96px}

.home-v39 .brand-nav .nav-industries>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s ease}
.home-v39 .brand-nav .nav-industries.is-open>button svg{transform:rotate(180deg)}
@media (max-width:1160px) and (min-width:981px){.home-v39 .brand-nav{gap:18px!important;font-size:13px}.home-v39 .brand-logo32{max-width:208px}}

.wgh631-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 38px;color:#708097;font-size:13px;font-weight:650}
.wgh631-breadcrumb a{text-decoration:underline;text-decoration-color:#c5d0df;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}
.wgh631-breadcrumb a:hover{color:var(--w631-blue);text-decoration-color:var(--w631-blue)}
.wgh631-breadcrumb span[aria-hidden]{color:#aab6c8}

.wgh631-hero{padding:60px 0 76px;background:#fff}
.wgh631-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center}
.wgh631-hero-copy h1,
.wgh631-directory-hero h1,
.wgh631-local-hero h1{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:clamp(56px,5.2vw,82px);font-weight:680;line-height:.98;letter-spacing:-.038em;text-wrap:balance;margin:0;color:var(--w631-ink)}
.wgh631-hero-copy>p{max-width:660px;margin:28px 0 0;color:var(--w631-copy);font-size:19px;line-height:1.7}
.wgh631-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}
.wgh631-button-primary,.wgh631-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 21px;border-radius:999px;font-size:14px;font-weight:760;line-height:1;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.wgh631-button-primary{background:var(--w631-blue);color:#fff;box-shadow:0 10px 24px rgba(47,111,237,.2)}
.wgh631-button-primary:hover{background:var(--w631-blue-dark);transform:translateY(-2px);box-shadow:0 14px 30px rgba(47,111,237,.25)}
.wgh631-button-primary span{font-size:17px;transition:transform .2s ease}
.wgh631-button-primary:hover span{transform:translateX(3px)}
.wgh631-button-secondary{border:1px solid #c9d4e4;background:#fff;color:#22324a}
.wgh631-button-secondary:hover{border-color:#8aa9e6;color:var(--w631-blue);transform:translateY(-2px)}
.wgh631-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:26px 0 0;color:#596a82;font-size:13px;font-weight:650}
.wgh631-hero-points li{display:flex;align-items:center;gap:8px}
.wgh631-hero-points li::before{content:"";width:7px;height:7px;border:2px solid var(--w631-blue);border-radius:50%}
.wgh631-hero-media{position:relative;min-width:0}
.wgh631-hero-media img{width:100%;height:520px;object-fit:cover;object-position:center;border-radius:16px}
.wgh631-hero-media figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(16,28,49,.15);backdrop-filter:blur(12px);color:var(--w631-ink)}
.wgh631-hero-media figcaption strong{font-size:14px}
.wgh631-hero-media figcaption span{max-width:300px;color:#5f6e83;font-size:12px;line-height:1.45;text-align:right}

.wgh631-trust-line{border-block:1px solid var(--w631-line);background:#fff}
.wgh631-trust-line .site-shell{min-height:72px;display:flex;align-items:center;justify-content:center;gap:28px;color:#40516a;font-size:13px;font-weight:700}
.wgh631-trust-line i{width:58px;height:1px;background:#b8c8df;position:relative}
.wgh631-trust-line i::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #8aa0be;border-right:1px solid #8aa0be;transform:rotate(45deg)}

.wgh631-section{padding:116px 0;background:#fff}
.wgh631-surface-blue{background:var(--w631-blue-soft)}
.wgh631-section-copy{max-width:650px}
.wgh631-section-copy h2,.wgh631-section-heading h2,.wgh631-final h2,.wgh631-live-statement h2{margin:0;color:var(--w631-ink);font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:clamp(43px,4.3vw,68px);font-weight:680;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.wgh631-section-copy>p,.wgh631-section-heading>p{max-width:680px;margin:23px 0 0;color:var(--w631-copy);font-size:17px;line-height:1.75}
.wgh631-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:70px;align-items:end;margin-bottom:65px}
.wgh631-section-heading>p{margin:0}
.wgh631-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--w631-blue);font-size:14px;font-weight:760;text-decoration:underline;text-decoration-color:#b9ccf5;text-underline-offset:5px}
.wgh631-text-link:hover{text-decoration-color:var(--w631-blue)}

.wgh631-preview-grid{display:grid;grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr);gap:70px;align-items:center}
.wgh631-check-list{margin-top:34px;border-top:1px solid #cfd9e8}
.wgh631-check-list>div{display:grid;gap:5px;padding:18px 0;border-bottom:1px solid #cfd9e8}
.wgh631-check-list strong{font-size:14px;color:#1d2d45}
.wgh631-check-list span{font-size:13px;color:#64748b}
.wgh631-browser{overflow:hidden;background:#fff;border:1px solid #cbd7e7;border-radius:16px}
.wgh631-browser-bar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #d9e2ee;background:#fbfcfe;color:#66768d;font-size:11px}
.wgh631-browser-bar>span{display:flex;gap:6px}
.wgh631-browser-bar i{width:8px;height:8px;border-radius:50%;background:#c4cfdd}
.wgh631-browser-bar i:nth-child(2){background:#aebdd1}.wgh631-browser-bar i:nth-child(3){background:#91a7c4}
.wgh631-browser-bar b{color:#35455d;font-size:11px;font-weight:700;text-align:center}
.wgh631-browser-bar em{font-style:normal;text-align:right}
.wgh631-browser iframe{display:block;width:100%;height:650px;border:0;background:#fff}

.wgh631-needs-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:100px;align-items:start}
.wgh631-sticky-copy{position:sticky;top:110px}
.wgh631-needs-list,.wgh631-process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--w631-line)}
.wgh631-needs-list li{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:36px 0;border-bottom:1px solid var(--w631-line)}
.wgh631-needs-list li>span,.wgh631-process-list li>span{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:32px;font-weight:650;letter-spacing:-.03em;color:#abc0e8;font-variant-numeric:tabular-nums}
.wgh631-needs-list h3,.wgh631-process-list h3{margin:0 0 10px;font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:26px;line-height:1.18;letter-spacing:-.025em;color:#17253b}
.wgh631-needs-list p,.wgh631-process-list p{max-width:680px;margin:0;color:#617087;font-size:15px;line-height:1.7}

.wgh631-editor{background:#fff;border-block:1px solid #e2e8f1}
.wgh631-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:80px;align-items:center}
.wgh631-editor-stage{overflow:hidden;border:1px solid #cbd7e7;border-radius:16px;background:#f7f9fd}
.wgh631-editor-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dce4ef;background:#fff}
.wgh631-editor-header strong{font-size:14px}.wgh631-editor-header span{font-size:11px;color:#64758e}
.wgh631-editor-canvas{display:grid;grid-template-columns:1fr 150px;min-height:460px}
.wgh631-editor-site{padding:78px 54px;background:#fff}
.wgh631-editor-site>span{display:block;color:var(--w631-blue);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wgh631-editor-site h3{max-width:520px;margin:62px 0 18px;font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:47px;line-height:1.02;letter-spacing:-.035em}
.wgh631-editor-site p{max-width:500px;color:#64748a;font-size:14px}
.wgh631-editor-site b{display:inline-flex;margin-top:22px;padding:12px 16px;border-radius:999px;background:var(--w631-blue);color:#fff;font-size:12px}
.wgh631-editor-canvas aside{display:flex;flex-direction:column;padding:22px 16px;border-left:1px solid #dce4ef;background:#f7f9fd}
.wgh631-editor-canvas aside span{padding:12px 11px;border-bottom:1px solid #dde5f0;color:#66758b;font-size:11px;font-weight:650}
.wgh631-editor-canvas aside .is-current{border-radius:9px;border-bottom-color:transparent;background:#e5edff;color:#2057bf}
.wgh631-plain-list{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--w631-line)}
.wgh631-plain-list li{position:relative;padding:15px 0 15px 24px;border-bottom:1px solid var(--w631-line);color:#3f5068;font-size:14px;font-weight:650}
.wgh631-plain-list li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--w631-blue)}

.wgh631-process-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--w631-line)}
.wgh631-process-list li{min-width:0;padding:35px 34px 40px;border-right:1px solid var(--w631-line);border-bottom:1px solid var(--w631-line)}
.wgh631-process-list li>span{display:block;margin-bottom:60px;font-size:44px}
.wgh631-process-list h3{font-size:24px}

.wgh631-faq-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:100px;align-items:start}
.wgh631-faq-list{border-top:1px solid #cbd7e6}
.wgh631-faq-list details{border-bottom:1px solid #cbd7e6}
.wgh631-faq-list summary{list-style:none;display:grid;grid-template-columns:1fr 34px;gap:25px;align-items:center;padding:25px 0;color:#1a2940;font-size:18px;font-weight:680;cursor:pointer}
.wgh631-faq-list summary::-webkit-details-marker{display:none}
.wgh631-faq-list summary span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #b9c7da;border-radius:50%;color:var(--w631-blue);font-size:20px;font-weight:400;transition:transform .25s ease,background .2s ease}
.wgh631-faq-list details[open] summary span{transform:rotate(45deg);background:#fff}
.wgh631-faq-list details p{max-width:690px;margin:-4px 50px 26px 0;color:#5c6d84;font-size:15px;line-height:1.75}

.wgh631-final{padding:90px 0;background:#eef4ff;border-top:1px solid #dce6f5}
.wgh631-final-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}
.wgh631-final h2{max-width:800px;font-size:clamp(42px,4.4vw,66px)}
.wgh631-final p{max-width:650px;margin:18px 0 0;color:#586a83;font-size:17px;line-height:1.65}
.wgh631-final .wgh631-actions{flex:0 0 auto;margin:0}

/* Industries directory */
.wgh631-directory-hero{padding:60px 0 100px;background:#fff;border-bottom:1px solid var(--w631-line)}
.wgh631-directory-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:90px;align-items:end}
.wgh631-directory-hero h1{max-width:900px}
.wgh631-directory-hero-grid>div:last-child>p{max-width:620px;margin:0 0 5px;color:var(--w631-copy);font-size:18px;line-height:1.75}
.wgh631-live{padding:110px 0;background:#fff}
.wgh631-live-statement{max-width:1080px;margin:0 0 64px}
.wgh631-live-statement h2{font-size:clamp(48px,5.1vw,78px)}
.wgh631-live-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border-block:1px solid var(--w631-line)}
.wgh631-live-image{min-height:520px;padding:26px 32px 26px 0}
.wgh631-live-image img{width:100%;height:100%;min-height:468px;object-fit:cover;border-radius:16px}
.wgh631-live-copy{display:flex;flex-direction:column;justify-content:center;padding:50px 0 50px 58px;border-left:1px solid var(--w631-line)}
.wgh631-live-copy>div:first-child{display:flex;align-items:center;gap:14px}
.wgh631-live-copy>div:first-child span{padding:7px 10px;border-radius:999px;background:#e8f7ef;color:#187446;font-size:11px;font-weight:800}
.wgh631-live-copy>div:first-child b{font-size:14px;color:#526178}
.wgh631-live-copy h3{max-width:560px;margin:42px 0 20px;font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:38px;line-height:1.09;letter-spacing:-.032em}
.wgh631-live-copy>p{max-width:560px;margin:0;color:var(--w631-copy);font-size:16px;line-height:1.72}
.wgh631-coming{border-top:1px solid #e3e9f2}
.wgh631-coming-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:100px;align-items:start}
.wgh631-name-list{border-top:1px solid var(--w631-line)}
.wgh631-name-list>div{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid var(--w631-line)}
.wgh631-name-list span{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:25px;font-weight:650;letter-spacing:-.025em}
.wgh631-name-list em{font-style:normal;color:#77859a;font-size:12px;font-weight:700}
.wgh631-standard-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd7e7;border-left:1px solid #cbd7e7}
.wgh631-standard-list>div{min-height:230px;padding:30px;border-right:1px solid #cbd7e7;border-bottom:1px solid #cbd7e7}
.wgh631-standard-list strong{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:24px;letter-spacing:-.025em}
.wgh631-standard-list p{margin:55px 0 0;color:#5e6f86;font-size:14px;line-height:1.65}

/* Local-business page */
.wgh631-local-hero{padding:60px 0 88px;background:#fff}
.wgh631-local-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.68fr);gap:90px;align-items:end}
.wgh631-local-hero h1{font-size:clamp(54px,5.2vw,82px)}
.wgh631-local-hero-grid>div:last-child>p{max-width:590px;margin:0;color:var(--w631-copy);font-size:18px;line-height:1.75}
.wgh631-local-banner{display:grid;grid-template-columns:210px 1fr auto;gap:40px;align-items:center;margin-top:76px;padding:30px 34px;border:1px solid #cfdcf0;border-radius:16px;background:var(--w631-blue-soft)}
.wgh631-local-banner>div{display:grid;gap:5px}.wgh631-local-banner>div span{color:var(--w631-blue);font-size:11px;font-weight:800}.wgh631-local-banner>div strong{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:28px}
.wgh631-local-banner p{margin:0;color:#53647c;font-size:14px;line-height:1.65}
.wgh631-local-banner>a{display:inline-flex;gap:8px;color:var(--w631-blue);font-size:13px;font-weight:760;white-space:nowrap}
.wgh631-local-needs{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:100px;align-items:start}
.wgh631-local-job-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--w631-line);border-left:1px solid var(--w631-line)}
.wgh631-local-job-list article{min-height:280px;padding:30px;border-right:1px solid var(--w631-line);border-bottom:1px solid var(--w631-line)}
.wgh631-local-job-list article>span{color:var(--w631-blue);font-size:12px;font-weight:780}
.wgh631-local-job-list h3{margin:68px 0 13px;font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:26px;line-height:1.15;letter-spacing:-.025em}
.wgh631-local-job-list p{margin:0;color:#607188;font-size:14px;line-height:1.65}
.wgh631-local-industries-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:100px;align-items:center}
.wgh631-industry-status{border-top:1px solid var(--w631-line)}
.wgh631-industry-status>div{display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--w631-line)}
.wgh631-industry-status span{color:#6a7890;font-size:12px;font-weight:700}.wgh631-industry-status strong{font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:32px}.wgh631-industry-status a{color:var(--w631-blue);font-size:13px;font-weight:760}.wgh631-industry-status p{grid-column:2/4;margin:0;color:#52637a;line-height:1.7}

/* Quick-start dialog */
body.quick-start-open{overflow:hidden}
.wgh631-quick{width:min(760px,calc(100vw - 32px));max-width:none;max-height:min(880px,calc(100dvh - 34px));padding:0;border:0;border-radius:16px;background:#fff;color:var(--w631-ink);box-shadow:0 35px 100px rgba(8,20,45,.34);overflow:auto}
.wgh631-quick::backdrop{background:rgba(13,25,45,.55);backdrop-filter:blur(5px)}
.wgh631-quick[open]{animation:wgh631-dialog-in .42s cubic-bezier(.16,1,.3,1) both}
@keyframes wgh631-dialog-in{from{opacity:0;transform:translateY(18px) scale(.975);clip-path:inset(0 0 18% 0 round 16px)}to{opacity:1;transform:none;clip-path:inset(0 round 16px)}}
.wgh631-quick-panel{position:relative;padding:38px 40px 32px}
.wgh631-quick-close{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d7e0ec;border-radius:50%;background:#fff;color:#52627a;transition:background .2s ease,color .2s ease,transform .2s ease}
.wgh631-quick-close:hover{background:#f1f5fb;color:#14243c;transform:rotate(4deg)}
.wgh631-quick-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.wgh631-quick-intro{display:grid;grid-template-columns:52px 1fr;gap:18px;padding-right:46px;align-items:start}
.wgh631-quick-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--w631-blue);color:#fff;font-family:"Wix Madefor Display",sans-serif;font-size:24px;font-weight:760}
.wgh631-quick-intro h2{margin:0;font-family:"Wix Madefor Display",var(--display),sans-serif;font-size:32px;line-height:1.08;letter-spacing:-.032em}
.wgh631-quick-intro p{max-width:570px;margin:9px 0 0;color:#607087;font-size:14px;line-height:1.6}
.wgh631-quick-error{display:grid;gap:3px;margin-top:20px;padding:13px 15px;border-radius:12px;background:#fff1f1;color:#8f2525;font-size:13px}
.wgh631-quick-error span{color:#9c4141}
.wgh631-quick-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:28px}
.wgh631-quick-field{display:grid;gap:8px;min-width:0}
.wgh631-quick-field>span{color:#26364e;font-size:12px;font-weight:760}
.wgh631-quick-field small{color:#758298;font-size:11px}
.wgh631-quick-field input,.wgh631-quick-field select,.wgh631-quick-field textarea{width:100%;min-height:48px;border:1px solid #c9d4e3;border-radius:11px;background:#fff;color:#14233a;padding:11px 13px;font-size:14px;line-height:1.45;caret-color:var(--w631-blue);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.wgh631-quick-field textarea{min-height:98px;resize:vertical}
.wgh631-quick-field input::placeholder,.wgh631-quick-field textarea::placeholder{color:#8290a4;opacity:1}
.wgh631-quick-field input:hover,.wgh631-quick-field select:hover,.wgh631-quick-field textarea:hover{border-color:#9baec8}
.wgh631-quick-field input:focus,.wgh631-quick-field select:focus,.wgh631-quick-field textarea:focus{outline:0;border-color:var(--w631-blue);box-shadow:0 0 0 3px rgba(47,111,237,.13)}
.wgh631-quick-field input:invalid:not(:placeholder-shown),.wgh631-quick-field textarea:invalid:not(:placeholder-shown){border-color:#c65b5b;background:#fffafa}
.wgh631-quick-wide,.wgh631-quick-captcha,.wgh631-quick-actions,.wgh631-quick-note{grid-column:1/-1}
.wgh631-quick-captcha{min-height:1px}
.wgh631-quick-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:3px}
.wgh631-quick-actions button{min-height:50px;padding:0 19px;border-radius:999px;font-size:13px;font-weight:760;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.wgh631-quick-secondary{border:1px solid #c8d3e2;background:#fff;color:#24354e}
.wgh631-quick-secondary:hover{border-color:#8eaae0;color:var(--w631-blue);transform:translateY(-1px)}
.wgh631-quick-primary{border:1px solid var(--w631-blue);background:var(--w631-blue);color:#fff;box-shadow:0 9px 22px rgba(47,111,237,.2)}
.wgh631-quick-primary:hover{border-color:var(--w631-blue-dark);background:var(--w631-blue-dark);transform:translateY(-1px)}
.wgh631-quick-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.wgh631-quick-note{margin:0;color:#718096;font-size:11px;line-height:1.55;text-align:right}
.wgh631-quick-note strong{color:#465871}

@media (max-width:1100px){
  .wgh631-hero-grid{grid-template-columns:1fr;gap:48px}.wgh631-hero-copy{max-width:850px}.wgh631-hero-media img{height:min(56vw,560px)}
  .wgh631-preview-grid,.wgh631-editor-grid{grid-template-columns:1fr;gap:55px}.wgh631-preview-grid .wgh631-section-copy,.wgh631-editor-grid .wgh631-section-copy{max-width:780px}
  .wgh631-needs-layout,.wgh631-faq-grid,.wgh631-coming-grid,.wgh631-local-needs,.wgh631-local-industries-grid{gap:60px}
  .wgh631-directory-hero-grid,.wgh631-local-hero-grid{grid-template-columns:1fr;gap:36px}.wgh631-directory-hero-grid>div:last-child>p,.wgh631-local-hero-grid>div:last-child>p{max-width:760px}
  .wgh631-live-feature{grid-template-columns:1fr}.wgh631-live-image{padding:25px 0}.wgh631-live-copy{padding:50px 0;border-left:0;border-top:1px solid var(--w631-line)}
  .wgh631-standard-list{grid-template-columns:1fr 1fr}
  .wgh631-local-banner{grid-template-columns:170px 1fr}.wgh631-local-banner>a{grid-column:2}
}

@media (max-width:820px){
  .wgh631-hero,.wgh631-directory-hero,.wgh631-local-hero{padding-top:40px}
  .wgh631-hero-copy h1,.wgh631-directory-hero h1,.wgh631-local-hero h1{font-size:clamp(47px,9vw,65px)}
  .wgh631-section{padding:88px 0}.wgh631-final{padding:75px 0}
  .wgh631-needs-layout,.wgh631-faq-grid,.wgh631-coming-grid,.wgh631-local-needs,.wgh631-local-industries-grid{grid-template-columns:1fr;gap:50px}
  .wgh631-sticky-copy{position:relative;top:auto}
  .wgh631-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.wgh631-section-heading>p{margin:0}
  .wgh631-process-list{grid-template-columns:1fr}.wgh631-process-list li>span{margin-bottom:25px}
  .wgh631-editor-canvas{grid-template-columns:1fr 125px}.wgh631-editor-site{padding:60px 35px}.wgh631-editor-site h3{font-size:40px}
  .wgh631-final-inner{align-items:flex-start;flex-direction:column;gap:35px}.wgh631-final .wgh631-actions{margin:0}
  .wgh631-live{padding:85px 0}
  .wgh631-local-banner{margin-top:55px}
}

@media (max-width:600px){
  .wgh631-breadcrumb{margin-bottom:28px;gap:7px;font-size:11px}
  .wgh631-hero{padding-bottom:60px}.wgh631-hero-copy h1,.wgh631-directory-hero h1,.wgh631-local-hero h1{font-size:clamp(40px,12.5vw,54px);line-height:1}.wgh631-hero-copy>p,.wgh631-directory-hero-grid>div:last-child>p,.wgh631-local-hero-grid>div:last-child>p{font-size:16px;line-height:1.65;margin-top:22px}
  .wgh631-actions{align-items:stretch;flex-direction:column}.wgh631-actions a{width:100%}.wgh631-hero-points{align-items:flex-start;flex-direction:column}
  .wgh631-hero-media img{height:370px;object-position:62% center}.wgh631-hero-media figcaption{left:12px;right:12px;bottom:12px;align-items:flex-start;flex-direction:column;gap:5px;padding:14px}.wgh631-hero-media figcaption span{text-align:left}
  .wgh631-trust-line .site-shell{align-items:flex-start;flex-direction:column;gap:12px;padding:22px 0}.wgh631-trust-line i{display:none}
  .wgh631-section{padding:74px 0}.wgh631-section-copy h2,.wgh631-section-heading h2,.wgh631-final h2,.wgh631-live-statement h2{font-size:39px}.wgh631-section-copy>p,.wgh631-section-heading>p{font-size:15px}
  .wgh631-preview-grid,.wgh631-editor-grid{gap:40px}.wgh631-browser-bar{grid-template-columns:1fr auto}.wgh631-browser-bar em{display:none}.wgh631-browser iframe{height:520px}
  .wgh631-needs-list li{grid-template-columns:54px 1fr;gap:15px;padding:27px 0}.wgh631-needs-list li>span{font-size:24px}.wgh631-needs-list h3{font-size:22px}
  .wgh631-editor-canvas{grid-template-columns:1fr;min-height:0}.wgh631-editor-site{padding:45px 24px 52px}.wgh631-editor-site h3{margin-top:44px;font-size:34px}.wgh631-editor-canvas aside{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce4ef;border-left:0}.wgh631-editor-canvas aside span:nth-child(n+4){display:none}
  .wgh631-process-list{border-left:0}.wgh631-process-list li{padding:28px 0;border-right:0}.wgh631-process-list li>span{font-size:34px}.wgh631-process-list h3{font-size:22px}
  .wgh631-faq-list summary{font-size:16px;gap:15px}.wgh631-faq-list details p{margin-right:0}
  .wgh631-final{padding:65px 0}.wgh631-final p{font-size:15px}
  .wgh631-directory-hero{padding-bottom:72px}.wgh631-live{padding:72px 0}.wgh631-live-statement{margin-bottom:42px}.wgh631-live-image{min-height:0;padding:16px 0}.wgh631-live-image img{min-height:320px}.wgh631-live-copy{padding:38px 0}.wgh631-live-copy h3{margin-top:32px;font-size:32px}
  .wgh631-name-list>div{min-height:68px}.wgh631-name-list span{font-size:21px}.wgh631-standard-list{grid-template-columns:1fr}.wgh631-standard-list>div{min-height:190px}.wgh631-standard-list p{margin-top:36px}
  .wgh631-local-banner{grid-template-columns:1fr;gap:15px;padding:25px 22px}.wgh631-local-banner>a{grid-column:auto;white-space:normal}.wgh631-local-job-list{grid-template-columns:1fr}.wgh631-local-job-list article{min-height:230px}.wgh631-local-job-list h3{margin-top:48px}
  .wgh631-industry-status>div{grid-template-columns:1fr;gap:10px}.wgh631-industry-status p{grid-column:auto}
  .wgh631-quick{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:14px}.wgh631-quick-panel{padding:28px 20px 24px}.wgh631-quick-close{right:14px;top:14px}.wgh631-quick-intro{grid-template-columns:42px 1fr;gap:12px;padding-right:30px}.wgh631-quick-mark{width:42px;height:42px;border-radius:11px;font-size:20px}.wgh631-quick-intro h2{font-size:26px}.wgh631-quick-intro p{font-size:13px}.wgh631-quick-form{grid-template-columns:1fr;gap:15px;margin-top:22px}.wgh631-quick-wide,.wgh631-quick-captcha,.wgh631-quick-actions,.wgh631-quick-note{grid-column:auto}.wgh631-quick-actions{align-items:stretch;flex-direction:column-reverse}.wgh631-quick-actions button{width:100%}.wgh631-quick-note{text-align:left}
}

@media (prefers-reduced-motion:reduce){
  .wgh631-button-primary,.wgh631-button-secondary,.wgh631-faq-list summary span,.wgh631-quick[open],.wgh631-quick-close,.wgh631-quick-actions button{animation:none!important;transition:none!important}
}


/* Source: wgh632-roofers-light.css */
/* v0.6.32: preserve the established Roofer composition; lighten its surfaces. */
.roofers-v632 { background: #fff; color: #10213f; }
.roofers-v632 .wgh62-film,
.roofers-v632 .wgh62-film-media { background: #fff; color: #10213f; }
.roofers-v632 .wgh62-film-wash,
.roofers-v632 .wgh62-film[data-film-scene] .wgh62-film-wash {
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 32%, rgba(255,255,255,.72) 58%, rgba(255,255,255,.1) 100%);
}
.roofers-v632 .wgh62-film-sweep { display: none; }
.roofers-v632 .wgh62-film-copy h1,
.roofers-v632 .wgh62-film-story span { color: #10213f; text-shadow: none; }
.roofers-v632 .wgh62-film-copy > p { color: #40516b; }
.roofers-v632 .wgh62-film-secondary { color: #174eae; border-color: #174eae; }
.roofers-v632 .wgh62-film-footer { background: #fff; border-color: #d9e3f0; backdrop-filter: none; }
.roofers-v632 .wgh62-film-progress button { color: #465b78; border-color: #d9e3f0; }
.roofers-v632 .wgh62-film-progress button.is-active { color: #174eae; background: #eef4ff; }
.roofers-v632 .wgh62-film-toggle { color: #174eae; background: #fff; }
.roofers-v632 .wgh62-film[data-film-scene="2"] .wgh62-film-story span,
.roofers-v632 .wgh62-film[data-film-scene="3"] .wgh62-film-story span {
  background: #fff; color: #10213f; border: 0; box-shadow: 0 18px 44px rgba(25,50,86,.12);
}
.roofers-v632 .wgh62-film-browser { border: 0; box-shadow: 0 30px 70px rgba(25,50,86,.16); }
.roofers-v632 .wgh61-hero { background: #f3f7fd; color: #10213f; }
.roofers-v632 .wgh61-hero::before { display: none; }
.roofers-v632 .wgh61-hero-main h2 { color: #10213f; }
.roofers-v632 .wgh61-hero-main p,
.roofers-v632 .wgh61-proof { color: #40516b; }
.roofers-v632 .wgh61-cinema { background: #fff; border-color: #d9e3f0; box-shadow: none; }
.roofers-v632 .wgh61-cinema-top,
.roofers-v632 .wgh61-timeline { background: #fff; border-color: #d9e3f0; }
.roofers-v632 .wgh61-cinema-brand,
.roofers-v632 .wgh61-motion-toggle { color: #10213f; }
.roofers-v632 .wgh61-timeline button { color: #465b78; border-color: #d9e3f0; }
.roofers-v632 .wgh61-timeline button:is(:hover,.is-active) { background: #eef4ff; color: #174eae; }
.roofers-v632 .wgh61-progress { background: #d9e3f0; }
.roofers-v632 .wgh61-map-copy,
.roofers-v632 .wgh61-editor aside { background: #fff; color: #10213f; box-shadow: 0 18px 44px rgba(25,50,86,.12); }
.roofers-v632 .wgh61-map-copy span { color: #40516b; }
.roofers-v632 .wgh61-map-label { background: #eef4ff; color: #174eae; }
.roofers-v632 .wgh61-editor aside button { color: #40516b; border-color: #d9e3f0; background: #fff; }
.roofers-v632 .wgh61-editor aside button:first-of-type { color: #174eae; background: #eef4ff; }
.roofers-v632 .wgh64-auto-row.is-result { background: #eef4ff; }
.roofers-v632 .wgh64-auto-row.is-result strong { color: #10213f; }
.roofers-v632 .wgh64-auto-row.is-result span { color: #40516b; }
.roofers-v632 .wgh58-studio-toolbar { background: #fff; color: #10213f; border-bottom: 1px solid #d9e3f0; }
.roofers-v632 .wgh58-studio-toolbar span { color: #40516b; }
.roofers-v632 .wgh58-studio-toolbar b { color: #fff; }
.roofers-v632 .wgh58-process { background: #fff; color: #10213f; }
.roofers-v632 .wgh58-process-head p,
.roofers-v632 .wgh58-process-track p { color: #40516b; }
.roofers-v632 .wgh58-process-track h3 { color: #10213f; }
.roofers-v632 .wgh58-process-track,
.roofers-v632 .wgh58-process-track article { border-color: #d9e3f0; }
.roofers-v632 .wgh58-question-number,
.roofers-v632 .wgh58-process-track b { color: #2f6fed; }
.roofers-v632 .wgh57-final { background: #eef4ff; color: #10213f; }
.roofers-v632 .wgh57-final p { color: #40516b; }
.roofers-v632 .wgh57-btn-white { background: #2f6fed; color: #fff; box-shadow: none; }
.roofers-v632 .wgh57-btn-white:hover { background: #1849a9; }

/* A short form with the same photography, type and blue as the product. */
.wgh631-quick { width: min(980px, calc(100vw - 40px)); max-height: calc(100dvh - 40px); border-radius: 16px; }
.wgh631-quick::backdrop { background: rgba(16,33,63,.48); backdrop-filter: none; }
.wgh631-quick-panel { display: grid; grid-template-columns: .8fr 1.2fr; padding: 0; }
.wgh632-quick-photo { min-width: 0; overflow: hidden; background: #eef4ff; }
.wgh632-quick-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.wgh632-quick-content { min-width: 0; padding: 38px 36px 28px; }
.wgh632-quick-content h2 { margin: 0; padding-right: 40px; color: #10213f; font-family: "Wix Madefor Display", var(--display), sans-serif; font-size: 34px; font-weight: 760; line-height: 1.12; letter-spacing: -.03em; }
.wgh631-quick-close { z-index: 2; width: 44px; height: 44px; top: 14px; right: 14px; }
.wgh631-quick-form { gap: 18px 16px; margin-top: 28px; }
.wgh631-quick-field > span { font-size: 14px; font-weight: 650; }
.wgh631-quick-field input,
.wgh631-quick-field select,
.wgh631-quick-field textarea { border-radius: 8px; font-size: 16px; }
.wgh631-quick-field input::placeholder,
.wgh631-quick-field textarea::placeholder { color: #657187; }
.wgh631-quick-actions { flex-direction: column-reverse; align-items: stretch; gap: 10px; margin-top: 6px; }
.wgh631-quick-actions button { border-radius: 8px; font-size: 15px; min-height: 50px; }
.wgh631-quick-secondary { border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 4px; }
.wgh631-quick-primary { box-shadow: none; }
.wgh631-quick :focus-visible { outline: 3px solid #174eae; outline-offset: 3px; }
.wgh631-quick ::selection { background: #dbe8ff; color: #10213f; }
@media (max-width: 900px) {
  .roofers-v632 .wgh62-film-wash,
  .roofers-v632 .wgh62-film[data-film-scene] .wgh62-film-wash {
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,.96) 36%, rgba(255,255,255,.8) 64%, rgba(255,255,255,.55) 100%);
  }
  .wgh631-quick-panel { grid-template-columns: .55fr 1fr; }
  .wgh632-quick-content { padding: 32px 24px 22px; }
}
@media (max-width: 680px) {
  .wgh631-quick { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .wgh631-quick-panel { display: block; padding: 0; }
  .wgh632-quick-photo { height: 108px; }
  .wgh632-quick-photo img { object-position: center 45%; }
  .wgh632-quick-content { padding: 24px 20px 18px; }
  .wgh632-quick-content h2 { font-size: 28px; padding-right: 0; }
  .wgh631-quick-form { margin-top: 22px; gap: 16px; }
  .roofers-v632 .wgh58-question-number { font-size: 48px; }
}


/* Source: wgh661-fixes.css */
/* Contrast in every interactive state; avoid the general blue-link hover rule. */
body.wgh660-faq .wgh660-faq-nav a.wgh660-faq-start,
body.wgh660-faq .wgh660-faq-nav a.wgh660-faq-start:is(:hover,:focus,:focus-visible,:active,:visited){color:#fff!important;background:#174fbe!important;opacity:1;-webkit-text-fill-color:#fff}
body.wgh660-faq .wgh660-faq-nav a.wgh660-faq-start:hover{background:#103d96!important}
body.wgh660-faq .wgh660-faq-nav a.wgh660-faq-start span{color:inherit}
body.wgh660-faq:not(.quick-start-open):not(.menu-open){overflow:visible}
html:has(body.wgh660-faq){overflow-x:clip}
body.wgh660-faq #main-content{overflow:visible}
.wgh660-faq-layout{overflow:visible;align-items:start}
body.wgh660-faq .wgh660-faq-nav{position:sticky;top:110px;align-self:start;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;padding-right:5px}
.roofers-v632 .wgh660-final #wgh57-final-title{color:#fff!important}
.roofers-v632 .wgh660-final p{color:#fff}
.roofers-v632 .wgh660-final a.wgh57-btn-white,.roofers-v632 .wgh660-final a.wgh57-btn-white:is(:hover,:focus,:active,:visited){background:#fff!important;color:#12408c!important;opacity:1}
.wgh660-how .wgh660-step-nav a{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 22px 12px 0;font-size:clamp(54px,5vw,80px);line-height:1;letter-spacing:-.045em}
.wgh660-how .wgh660-step-nav a span{font-family:"Wix Madefor Display",sans-serif;font-size:clamp(22px,2vw,30px);font-weight:650;line-height:1.2;letter-spacing:-.025em;color:#173764}
.wgh660-how .wgh660-step-nav a:is(:hover,:focus-visible) span{color:#1352c0}
.wgh661-quick{width:min(680px,calc(100vw - 28px))!important;border-radius:12px}
.wgh661-quick .wgh631-quick-panel{display:block!important;padding:58px 44px 40px!important}
.wgh661-quick [hidden]{display:none!important}
.wgh661-quick h2{font:700 clamp(30px,4vw,42px)/1.12 "Wix Madefor Display",sans-serif;letter-spacing:-.035em;color:#15345e;margin:0 0 30px;max-width:13ch}
.wgh661-quick .wgh631-quick-close{z-index:2;right:16px;top:16px}
.wgh661-industry-label{display:grid;gap:10px;font-size:17px;color:#304d71}
.wgh661-industry-label select{min-height:58px;width:100%;border:1px solid #b9cbe3;border-radius:5px;padding:12px 16px;background:#fff;color:#183d70;font-size:20px}
.wgh661-continue{display:flex;justify-content:space-between;width:100%;padding:17px 21px;min-height:56px;color:#fff;background:#174fbe;border:0;border-radius:5px;font-size:18px;font-weight:650}
.wgh661-continue:is(:hover,:focus-visible){color:#fff;background:#103c96}
.wgh661-back{padding:0;border:0;background:none;color:#245699;font-size:15px;min-height:44px;margin-bottom:15px}
.wgh661-methods{display:grid;gap:16px}.wgh661-methods > :is(a,button){display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:25px;border:1px solid #c1d0e6;border-radius:7px;text-decoration:none;background:#f6f8fc;color:#163e78}
.wgh661-methods strong{font:650 25px/1.2 "Wix Madefor Display",sans-serif;letter-spacing:-.025em}.wgh661-methods span{grid-column:1;color:#536883;font-size:16px;line-height:1.5}.wgh661-methods b{grid-column:2;grid-row:1/3;align-self:center;font-size:29px;font-weight:400}.wgh661-methods > :is(a,button):hover{background:#eaf1fc;border-color:#6490d7;color:#103b83}
.wgh661-chooser-error{color:#982c2c;font-size:16px;margin:16px 0}
.wgh661-quick :focus-visible{outline:3px solid #3c7ae1;outline-offset:4px}
.wgh661-maps-progress{color:#164eb3;font-size:17px;line-height:1.5}
@media(max-width:720px){body.wgh660-faq .wgh660-faq-nav{top:0;z-index:5;background:#fff;flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;padding:12px 0;gap:10px;margin-bottom:35px;box-shadow:0 8px 15px #16345508}body.wgh660-faq .wgh660-faq-nav a{flex:none;white-space:nowrap}.wgh660-how .wgh660-step-nav a{font-size:54px;gap:14px;padding-top:22px}.wgh660-how .wgh660-step-nav a span{font-size:23px}.wgh661-quick .wgh631-quick-panel{padding:56px 22px 28px!important}.wgh661-methods > :is(a,button){padding:22px 18px}.wgh661-methods strong{font-size:23px}}

.wgh661-methods [data-method-maps]{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:25px;border:1px solid #c1d0e6;border-radius:7px;text-decoration:none;background:#f6f8fc;color:#163e78;text-align:left;cursor:pointer;font:inherit}.wgh661-methods [data-method-maps]:hover{background:#eaf1fc;border-color:#6490d7;color:#103b83}.wgh666-maps-intro{color:#536883;font-size:16px;line-height:1.6;margin:0 0 24px}.wgh666-maps-field{display:grid;gap:9px;margin:20px 0;font-size:16px;font-weight:600;color:#304d71}.wgh666-maps-field input,.wgh666-maps-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #b9cbe3;border-radius:5px;padding:14px;font:400 16px/1.5 "Wix Madefor Text",sans-serif;color:#183d70;background:white}.wgh666-maps-field small,.wgh666-maps-credit{font-size:12px;line-height:1.6;font-weight:400;color:#536883}.wgh666-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wgh666-maps-errors{background:#fff4f3;padding:15px;color:#9c3231;font-size:14px}.wgh661-continue:disabled{opacity:.65;cursor:wait}[data-quick-maps-status]{font-size:14px;line-height:1.5;color:#304d71}@media(max-width:720px){.wgh661-methods [data-method-maps]{padding:22px 18px}}

/* v0.6.67: popup spacing is owned by the popup, independent of landing-page type. */
dialog.wgh661-quick{box-sizing:border-box;max-height:calc(100dvh - 32px);margin:auto;overscroll-behavior:contain;scroll-padding:24px;overflow-x:hidden;overflow-y:auto}
dialog.wgh661-quick .wgh631-quick-panel{padding:62px 36px 32px!important;min-width:0}
dialog.wgh661-quick :is([data-start-industry],[data-start-method],[data-start-design],[data-start-maps]){display:grid;gap:24px;min-width:0}
dialog.wgh661-quick h2{font:700 clamp(30px,4vw,40px)/1.12 "Wix Madefor Display",sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:100%;margin:0;color:#15345e}
dialog.wgh661-quick .wgh661-back{justify-self:start;margin:0;min-height:44px;text-align:left}
dialog.wgh661-quick .wgh661-industry-label{gap:12px;margin:0;min-width:0}
dialog.wgh661-quick :is(input,select,button){box-sizing:border-box;max-width:100%}
dialog.wgh661-quick .wgh661-chooser-error{margin:0;font:400 14px/1.5 "Wix Madefor Text",sans-serif;color:#982c2c}
dialog.wgh661-quick :is(.wgh661-chooser-error,[data-quick-maps-status]):empty{display:none}
dialog.wgh661-quick .wgh666-maps-intro{margin:0;font:400 16px/1.6 "Wix Madefor Text",sans-serif;color:#536883}
dialog.wgh661-quick [data-quick-maps-form]{display:grid;gap:22px;min-width:0;margin:0}
dialog.wgh661-quick .wgh666-maps-field{margin:0;gap:10px;min-width:0}
dialog.wgh661-quick .wgh666-maps-field small{font:400 12px/1.5 "Wix Madefor Text",sans-serif;color:#536883}
dialog.wgh661-quick [data-generation-captcha]{margin:0;padding:0;border:0;background:none;display:grid;gap:10px;min-width:0;max-width:100%}
dialog.wgh661-quick [data-turnstile-status],dialog.wgh661-quick [data-quick-maps-status]{margin:0;font:400 14px/1.5 "Wix Madefor Text",sans-serif;color:#536883}
dialog.wgh661-quick .wgh661-continue{margin:0;align-items:center;gap:20px;cursor:pointer;font:650 17px/1.4 "Wix Madefor Text",sans-serif}
dialog.wgh661-quick .wgh666-maps-credit{margin:0;font:400 12px/1.6 "Wix Madefor Text",sans-serif;color:#536883}
dialog.wgh661-quick .wgh666-maps-credit a{color:#245699;text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){dialog.wgh661-quick{max-height:calc(100dvh - 24px)}dialog.wgh661-quick .wgh631-quick-panel{padding:62px 22px 28px!important}dialog.wgh661-quick h2{font-size:30px}dialog.wgh661-quick :is([data-start-industry],[data-start-method],[data-start-design],[data-start-maps]){gap:22px}}

/* All start choices are buttons; labels and descriptions must occupy separate rows. */
dialog.wgh661-quick .wgh661-methods>button{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;
 display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:auto auto;
 column-gap:20px;row-gap:9px;align-items:start;align-content:center;
 padding:24px!important;min-height:120px!important;margin:0;
 border:1px solid #bfcee2;border-radius:8px;background:#f6f8fc;color:#163e78;
 text-align:left;white-space:normal;cursor:pointer;font:inherit;box-shadow:none;
 transition:background-color .15s,border-color .15s;
}
dialog.wgh661-quick .wgh661-methods>button>strong{
 display:block;grid-column:1;grid-row:1;min-width:0;margin:0;
 font:650 24px/1.25 "Wix Madefor Display",Arial,sans-serif!important;
 letter-spacing:-.025em;color:inherit;overflow-wrap:break-word;
}
dialog.wgh661-quick .wgh661-methods>button>span{
 display:block;grid-column:1;grid-row:2;min-width:0;margin:0;
 font:400 16px/1.5 "Wix Madefor Text",Arial,sans-serif!important;
 letter-spacing:normal;color:#4f6683;overflow-wrap:break-word;
}
dialog.wgh661-quick .wgh661-methods>button>b{
 display:block;grid-column:2;grid-row:1/3;align-self:center;justify-self:end;
 margin:0;font:400 27px/1 Arial,sans-serif!important;color:inherit;
}
dialog.wgh661-quick .wgh661-methods>button:is(:hover,:active){background:#eaf1fc;border-color:#6490d7;color:#103b83}
dialog.wgh661-quick .wgh661-methods>button:focus-visible{outline:3px solid #3c7ae1;outline-offset:3px}
dialog.wgh661-quick .wgh661-methods>button[hidden]{display:none!important}
@media(max-width:540px){
 dialog.wgh661-quick .wgh661-methods>button{padding:20px 18px!important;min-height:118px!important;column-gap:14px;grid-template-columns:minmax(0,1fr) 24px}
 dialog.wgh661-quick .wgh661-methods>button>strong{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){dialog.wgh661-quick .wgh661-methods>button{transition:none}}

.wgh666-maps-field textarea{min-height:112px;resize:vertical}.wgh666-maps-field details summary,.wgh666-maps-field summary{min-height:44px;cursor:pointer}.wgh666-maps-field label{display:grid;gap:10px}


/* Source: wgh662-industries.css */

.wgh662-hero{padding-block:46px 88px}.wgh662-overline{display:flex;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #d9e2ef;font-size:14px;color:#4a5e77}.wgh662-overline span:first-child{color:#175ee7;font-weight:750}.wgh662-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:64px}.wgh662-local h1,.wgh662-industries h1{font:750 clamp(52px,6.2vw,94px)/.98 "Inter Tight",Inter,sans-serif;letter-spacing:-.045em;margin:0 0 28px;color:#14253e}.wgh662-local h1 em,.wgh662-industries h1 em{font-style:normal;color:#2465e9}.wgh662-local p,.wgh662-industries p{font-size:18px;line-height:1.7;color:#51627b;max-width:640px}.wgh662-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.wgh662-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 24px;min-height:58px;background:#175ee7;color:#fff!important;border-radius:9px;text-decoration:none;font-weight:750;font-size:16px;transition:background .2s,transform .2s}.wgh662-button:hover,.wgh662-button:focus-visible{background:#1048b6;color:#fff!important;transform:translateY(-2px)}.wgh662-link{color:#174b9f!important;font-size:16px;font-weight:700;text-decoration:none}.wgh662-link:hover{text-decoration:underline}.wgh662-note{font-size:13px!important;margin-top:24px!important}.wgh662-showcase{padding:14px;background:#edf2fb;border:1px solid #d8e2f4;border-radius:16px;box-shadow:0 24px 65px #18396916;transform:rotate(1deg)}.wgh662-browser{display:flex;align-items:center;gap:5px;padding:0 3px 13px}.wgh662-browser>span{width:7px;height:7px;background:#acbdd4;border-radius:50%}.wgh662-browser small{margin-left:auto;color:#63738c;font-size:11px}.wgh662-demo{position:relative;padding:24px;background:#edecda;color:#263b2c;overflow:hidden;border-radius:7px}.wgh662-demo-nav{display:flex;justify-content:space-between;font-size:12px;font-weight:800;gap:20px}.wgh662-demo-nav span{font-size:10px;font-weight:500}.wgh662-demo-copy{position:relative;z-index:2;max-width:68%;padding:42px 0}.wgh662-demo h2{font:600 clamp(28px,3.5vw,50px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}.wgh662-demo p{font-size:12px;line-height:1.6;color:#40533e}.wgh662-demo-cta{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:25px;background:#294b34;color:white;font-size:11px}.wgh662-cup{position:absolute;right:3%;top:40%;width:27%;aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#a96c3f 0 33%,#d8ad79 34% 40%,#fffbed 41% 57%,#d1c9a6 58% 61%,transparent 62%),#bfc9a5;border-radius:50%;box-shadow:0 20px 32px #303f2c22;transform:rotate(-12deg)}.wgh662-demo-foot{display:flex;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #aab49b;font-size:10px;text-transform:uppercase}.wgh662-style-strip{display:flex;flex-wrap:wrap;gap:7px;padding-top:14px}.wgh662-style-strip span{padding:6px 9px;font-size:10px;background:white;border-radius:4px;color:#3e5370}.wgh662-example{font-size:11px!important;line-height:1.4!important;margin:12px 2px 0!important;color:#5b6c86!important}.wgh662-blue{position:relative;isolation:isolate;overflow:hidden;background:#155ae0;padding:86px 0;color:white}.wgh662-blue>.site-shell{position:relative;z-index:2}.wgh662-blue h2,.wgh662-blue h3,.wgh662-blue p,.wgh662-blue .wgh662-kicker{color:white!important}.wgh662-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.wgh662-local h2,.wgh662-industries h2{font:740 clamp(36px,4.1vw,62px)/1.06 "Inter Tight",Inter,sans-serif;letter-spacing:-.035em;margin:0 0 24px}.wgh662-demo h2{font:600 clamp(28px,3.5vw,50px)/1.05 Georgia,serif;letter-spacing:-.04em}.wgh662-kicker{display:block;font-size:13px;font-weight:700;margin-bottom:25px;color:#165de4}.wgh662-business-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.wgh662-business-types span{border:1px solid #ffffff60;border-radius:30px;padding:11px 15px;font-size:14px}.wgh662-section{padding-block:90px}.wgh662-section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;margin-bottom:30px}.wgh662-section-head>span{padding-top:8px;font-size:13px;font-weight:750;color:#165de4}.wgh662-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wgh662-entry-grid>a{padding:42px;background:#f1f5fc;border:1px solid #d8e4f6;border-radius:14px;text-decoration:none;color:#14253e;transition:background .2s}.wgh662-entry-grid>a:hover{background:#e6effe}.wgh662-entry-number{display:block;font-size:50px;line-height:1;margin-bottom:34px;color:#1e60d8}.wgh662-local h3,.wgh662-industries h3{font:720 30px/1.15 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;margin:0 0 15px}.wgh662-entry-grid strong{display:block;margin-top:28px;color:#164eae}.wgh662-soft{background:#f4f7fc;padding:90px 0}.wgh662-editor-illustration{background:white;padding:25px;border:1px solid #d7e2f2;border-radius:14px;box-shadow:0 18px 55px #173d7220}.wgh662-editor-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#597494;padding-bottom:22px}.wgh662-editor-illustration>div:not(:first-child){display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #e5ebf5}.wgh662-editor-illustration>div>span{color:#7290b8}.wgh662-editor-illustration section{flex:1}.wgh662-editor-illustration h3{font-size:22px;margin:0 0 6px}.wgh662-editor-illustration p{font-size:14px;margin:0}.wgh662-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.wgh662-outcomes article{border-top:2px solid #2365e5;padding-top:25px}.wgh662-outcomes b{display:block;color:#8ca9db;font-size:46px;font-weight:500;margin-bottom:35px}.wgh662-final h2{font-size:clamp(46px,6vw,88px)}.wgh662-button-light{background:white;color:#154cb1!important}.wgh662-button-light:hover{background:#e9f1ff;color:#154cb1!important}.wgh662-directory-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;padding-top:65px}.wgh662-directory{padding-bottom:80px}.wgh662-industry-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #d7e1f0;padding:64px 0;align-items:center}.wgh662-industry-copy ul{padding-left:20px;color:#465d7c;font-size:16px;line-height:1.8}.wgh662-live{display:block;color:#226341;font-size:12px;font-weight:800;margin-bottom:25px}.wgh662-industry-visual{overflow:hidden;border-radius:14px;background:#eef2f8;padding:15px}.wgh662-industry-visual img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.wgh662-local-poster{min-height:355px;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:#164ede;color:white;border-radius:8px}.wgh662-local-poster>span{font-size:11px;letter-spacing:.06em}.wgh662-local-poster>strong{font:730 clamp(32px,3.6vw,52px)/1.05 "Inter Tight",sans-serif;letter-spacing:-.035em}.wgh662-local-poster>div{border-top:1px solid #ffffff66;padding-top:22px;display:grid;gap:7px;font-size:11px}.wgh662-steps{list-style:none;margin:0;padding:0}.wgh662-steps li{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid #ffffff55}.wgh662-steps li:first-child{padding-top:0}.wgh662-steps b{font-size:42px;font-weight:500}.wgh662-steps h3{font-size:24px}.wgh662-steps p{margin:0;font-size:16px}.wgh662-brief-mark{padding:40px;border-radius:15px;background:#1d5ee7;color:white;font:700 46px/1.06 "Inter Tight",sans-serif;letter-spacing:-.03em;margin:28px 0}.wgh662-local a:focus-visible,.wgh662-industries a:focus-visible{outline:3px solid #f5b21b;outline-offset:5px}
@media(max-width:1000px){.wgh662-hero-grid,.wgh662-directory-intro{gap:32px}.wgh662-split,.wgh662-industry-row{gap:36px}.wgh662-demo-copy{max-width:76%}.wgh662-section-head{grid-template-columns:1fr 2.3fr;gap:24px}.wgh662-outcomes{gap:24px}.wgh662-local h3,.wgh662-industries h3{font-size:26px}}
@media(max-width:720px){.wgh662-hero{padding-block:30px 50px}.wgh662-overline{font-size:11px;gap:15px}.wgh662-hero-grid,.wgh662-directory-intro,.wgh662-split,.wgh662-industry-row,.wgh662-section-head,.wgh662-entry-grid,.wgh662-outcomes{grid-template-columns:1fr;gap:30px}.wgh662-hero-grid,.wgh662-directory-intro{padding-top:38px}.wgh662-showcase{transform:none}.wgh662-local h1,.wgh662-industries h1{font-size:clamp(46px,10vw,68px)}.wgh662-blue,.wgh662-soft{padding:58px 0}.wgh662-section{padding-block:58px}.wgh662-entry-grid>a{padding:28px}.wgh662-actions{gap:18px}.wgh662-local p,.wgh662-industries p{font-size:16px}.wgh662-industry-row{padding:42px 0}.wgh662-industry-visual{order:-1}.wgh662-directory{padding-bottom:25px}.wgh662-editor-illustration{padding:18px}.wgh662-editor-illustration h3{font-size:21px}.wgh662-editor-illustration p{font-size:13px}.wgh662-outcomes article{padding-bottom:15px}.wgh662-outcomes b{margin-bottom:20px}.wgh662-demo h2{font-size:40px}.wgh662-demo p{font-size:12px}.wgh662-demo-copy{padding:35px 0}.wgh662-button{font-size:15px;padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.wgh662-button{transition:none!important;transform:none!important}}


/* Source: wgh670-hvac.css */
/* HVAC marketing: trade-specific content in the approved blue-and-white visual system. */
.wgh670-hvac .wgh670-hero{padding-block:clamp(58px,7vw,100px) 0}.wgh670-hvac main .wgh670-eyebrow{font-size:14px;font-weight:700;letter-spacing:.045em;color:#245fce;margin-bottom:27px}.wgh670-hvac .wgh670-hero h1{font-size:clamp(58px,7.6vw,116px);line-height:.98;font-weight:730;letter-spacing:-.065em;color:#122b4c}.wgh670-hvac .wgh670-hero h1 em{color:#245fce;font-style:normal}.wgh670-hero-bottom{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;margin-top:38px}.wgh670-hvac .wgh670-hero-bottom p{max-width:640px;font-size:clamp(18px,1.6vw,22px);line-height:1.6}.wgh670-hero-bottom small{display:block;font-size:13px;line-height:1.6;color:#56677e;margin-top:15px}.wgh670-showcase{margin:64px 0 0;padding:clamp(18px,3vw,44px) clamp(18px,3vw,44px) 20px;background:#eaf0f8;border-radius:12px 12px 0 0}.wgh670-showcase img{width:100%;height:auto;display:block;box-shadow:0 16px 48px #0f285e1f;border-radius:7px}.wgh670-showcase figcaption{color:#516277;font-size:13px;line-height:1.6;text-align:center;margin-top:18px}.wgh670-statement{padding-block:clamp(88px,9vw,145px)}.wgh670-statement>.site-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.wgh670-hvac main .wgh670-statement h2{font-size:clamp(62px,7.5vw,110px);line-height:1.01;letter-spacing:-.06em}.wgh670-statement h2 span{color:#cce0ff}.wgh670-statement>.site-shell>div{padding-bottom:5px}.wgh670-statement p{max-width:440px}.wgh670-service-list{border-top:1px solid #cbd6e7}.wgh670-service-list article{display:grid;grid-template-columns:clamp(96px,11vw,164px) 1fr 1.05fr;align-items:center;gap:35px;border-bottom:1px solid #cbd6e7;padding-block:38px}.wgh670-service-list article>span{font:710 clamp(72px,7.5vw,116px)/1 "Wix Madefor Display",sans-serif;color:#245fce;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.wgh670-hvac main .wgh670-service-list h3{font-size:clamp(30px,3vw,46px);line-height:1.05;max-width:380px}.wgh670-editor{padding-block:clamp(88px,8vw,130px)}.wgh670-editor>.site-shell{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.wgh670-editor-copy p{margin-block:28px 34px;max-width:500px}.wgh670-editor-board{background:#fff;color:#182f4d;padding:clamp(23px,3vw,43px);border-radius:8px;transform:rotate(2deg);box-shadow:0 20px 50px #10317229}.wgh670-board-heading{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d6dee8;padding-bottom:20px;font-size:14px;font-weight:700}.wgh670-board-heading>span+span{font-size:12px;font-weight:500;color:#596b82}.wgh670-board-feature{margin-block:24px;padding:28px;background:#eaf3f9;border-radius:4px}.wgh670-board-feature>span:first-child{color:#386177;font-size:13px}.wgh670-board-feature strong{display:block;font:650 clamp(30px,3.2vw,48px)/1.05 "Wix Madefor Display",sans-serif;letter-spacing:-.04em;padding-block:19px 25px}.wgh670-board-action{display:inline-flex;gap:40px;align-items:center;background:#173f57;color:#fff;padding:11px 18px;border-radius:3px;font-size:13px;font-weight:600}.wgh670-board-action>b{font-size:22px;font-weight:400}.wgh670-board-row{display:grid;grid-template-columns:25px 1fr 20px;gap:16px;align-items:center;border-top:1px solid #d6dee8;padding-block:18px;font-size:16px;font-weight:600}.wgh670-board-row>b{font-size:24px;color:#75869c}.wgh670-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.wgh670-detail-grid article{padding-block:30px;border-top:1px solid #cbd6e7}.wgh670-detail-grid h3{margin-bottom:20px}.wgh670-detail-grid p{max-width:510px}.wgh670-home-hvac{display:block!important;padding-block:clamp(65px,7vw,105px);background:#f2f6fc;color:#142c4a!important;text-decoration:none!important}.wgh670-home-hvac-inner{display:grid;grid-template-columns:clamp(130px,16vw,220px) minmax(0,1fr) auto;gap:60px;align-items:center}.wgh670-home-number{font:750 clamp(110px,14vw,200px)/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.075em;color:#245fce;font-variant-numeric:tabular-nums}.wgh670-home-hvac h3{font:720 clamp(62px,6vw,98px)/1 "Wix Madefor Display",sans-serif;letter-spacing:-.055em;margin:20px 0!important;color:#142c4a}.wgh670-home-hvac p{font:500 18px/1.7 "Wix Madefor Text",sans-serif;color:#53667d;margin:0;max-width:630px}.wgh670-home-hvac p:first-child{font-size:15px;color:#245fce}.wgh670-home-action{display:flex;align-items:center;gap:25px;font-size:16px;font-weight:700;color:#245fce}.wgh670-home-action b{font-size:36px;font-weight:400;transition:transform .2s}.wgh670-home-hvac:hover .wgh670-home-action b{transform:translate(4px,-4px)}.wgh670-home-hvac:focus-visible{outline:4px solid #245fce;outline-offset:-8px}.wgh664-generator.is-hvac{background-image:linear-gradient(116deg,#114799,#1c58bd 45%,#266bd4)}
@media(max-width:1100px){.wgh670-hero-bottom,.wgh670-statement>.site-shell,.wgh670-editor>.site-shell{gap:45px}.wgh670-home-hvac-inner{grid-template-columns:150px minmax(0,1fr);gap:40px}.wgh670-home-action{grid-column:2}.wgh670-home-number{grid-row:1/3;font-size:140px}.wgh670-hvac main .wgh670-statement h2{font-size:clamp(59px,8vw,87px)}.wgh670-editor-board{transform:rotate(1deg)}}
@media(max-width:800px){.wgh670-hvac .wgh670-hero{padding-top:56px}.wgh670-hvac .wgh670-hero h1{font-size:clamp(52px,8.9vw,80px)}.wgh670-hero-bottom{grid-template-columns:1fr;gap:28px;margin-top:30px}.wgh670-showcase{margin-top:42px;padding:16px 16px 19px}.wgh670-statement>.site-shell,.wgh670-editor>.site-shell{grid-template-columns:1fr;gap:44px}.wgh670-hvac main .wgh670-statement h2{font-size:clamp(57px,10vw,79px)}.wgh670-statement p{max-width:600px}.wgh670-statement .wgh664-white-link{margin-top:27px}.wgh670-service-list article{grid-template-columns:105px minmax(0,1fr);gap:17px 29px;align-items:start;padding-block:31px}.wgh670-service-list article>span{font-size:88px;grid-row:1/3}.wgh670-service-list article>p{grid-column:2}.wgh670-editor-board{max-width:610px;width:100%;box-sizing:border-box;transform:none}.wgh670-board-feature strong{font-size:45px}.wgh670-detail-grid{gap:0 40px}.wgh670-home-hvac-inner{grid-template-columns:120px minmax(0,1fr);gap:28px}.wgh670-home-number{font-size:115px}.wgh670-home-hvac h3{font-size:65px}.wgh670-home-hvac p{font-size:16px}.wgh670-home-hvac p:first-child{font-size:14px}.wgh670-home-action{font-size:16px}.wgh670-home-hvac{padding-block:70px}}
@media(max-width:520px){.wgh670-hvac .wgh670-hero{padding-top:43px}.wgh670-hvac .wgh670-hero h1{font-size:clamp(44px,11.4vw,58px);line-height:1.03}.wgh670-hvac main .wgh670-eyebrow{font-size:12px;margin-bottom:24px}.wgh670-hvac .wgh670-hero-bottom p{font-size:18px}.wgh670-hero-bottom .wgh664-button{width:100%;box-sizing:border-box}.wgh670-showcase{padding:10px 10px 15px;border-radius:5px 5px 0 0}.wgh670-showcase figcaption{font-size:11px;max-width:270px;margin:12px auto 0}.wgh670-statement,.wgh670-editor{padding-block:74px}.wgh670-hvac main .wgh670-statement h2{font-size:clamp(47px,12vw,64px)}.wgh670-service-list article{grid-template-columns:79px minmax(0,1fr);gap:16px 22px}.wgh670-service-list article>span{font-size:69px}.wgh670-hvac main .wgh670-service-list h3{font-size:31px}.wgh670-service-list article>p{font-size:15px}.wgh670-editor-board{padding:21px}.wgh670-board-heading{font-size:12px;gap:12px}.wgh670-board-heading>span+span{font-size:11px;text-align:right}.wgh670-board-feature{padding:23px}.wgh670-board-feature strong{font-size:37px}.wgh670-board-row{font-size:14px;gap:11px}.wgh670-detail-grid{grid-template-columns:1fr}.wgh670-home-hvac-inner{grid-template-columns:82px minmax(0,1fr);gap:25px 23px}.wgh670-home-number{font-size:82px;grid-row:1;align-self:start;padding-top:12px}.wgh670-home-hvac h3{font-size:56px;margin:15px 0!important}.wgh670-home-action{grid-column:1/-1;padding-top:20px;border-top:1px solid #c9d6e7}.wgh670-home-hvac p:first-child{font-size:12px}.wgh670-home-hvac{padding-block:54px}}
@media(max-width:360px){.wgh670-service-list article{grid-template-columns:1fr;gap:21px}.wgh670-service-list article>span{grid-row:auto;font-size:80px}.wgh670-service-list article>p{grid-column:auto}.wgh670-board-feature{padding:20px}.wgh670-board-feature strong{font-size:32px}.wgh670-home-hvac-inner{grid-template-columns:1fr}.wgh670-home-number{font-size:95px}.wgh670-home-hvac h3{font-size:60px}}
@media(prefers-reduced-motion:reduce){.wgh670-home-action b{transition:none}.wgh670-home-hvac:hover .wgh670-home-action b{transform:none}}