.demo-site{--demo-bg:#f7f4ef;--demo-surface:#fffdf9;--demo-ink:#2f201b;--demo-muted:#725f56;--demo-accent:#873d2c;--demo-accent-contrast:#fff;--demo-dark:#3a201a;--demo-line:#2f201b29;background:var(--demo-bg);min-height:100vh;color:var(--demo-ink);font-size:16px;overflow:hidden}.demo-site-builder{--demo-bg:#f0f2f4;--demo-surface:#fff;--demo-ink:#071524;--demo-muted:#536273;--demo-accent:#f28c00;--demo-accent-contrast:#071524;--demo-dark:#071524;--demo-line:#0715242b}.demo-site-auto{--demo-bg:#e9edf0;--demo-surface:#f9fafb;--demo-ink:#11151a;--demo-muted:#56616b;--demo-accent:#f36f00;--demo-accent-contrast:#11151a;--demo-dark:#11151a;--demo-line:#11151a30}.demo-skip-link{z-index:100;color:#111;background:#fff;border:2px solid #111;padding:12px 16px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.demo-skip-link:focus{transform:translateY(0)}.demo-notice{z-index:40;color:#fff;letter-spacing:.12em;background:#020812;justify-content:space-between;align-items:center;gap:20px;min-height:42px;padding:9px clamp(18px,4.5vw,76px);font-size:10px;font-weight:900;display:flex;position:sticky;top:0}.demo-notice span{color:#ffad2f}.demo-notice a{text-underline-offset:3px;align-items:center;min-height:24px;text-decoration:underline;display:inline-flex}.demo-header{background:color-mix(in srgb, var(--demo-surface) 94%, transparent);border-bottom:1px solid var(--demo-line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:86px;padding:0 clamp(20px,5vw,86px);display:grid}.demo-logo{letter-spacing:-.035em;justify-self:start;align-items:center;gap:11px;font-size:19px;font-weight:900;display:inline-flex}.demo-logo i{background:var(--demo-accent);border-radius:50% 50% 8%;width:17px;height:17px;display:block;transform:rotate(45deg)}.demo-header nav{color:var(--demo-muted);align-items:center;gap:clamp(18px,2.6vw,42px);font-size:13px;font-weight:700;display:flex}.demo-header nav a,.demo-back-link{text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.demo-header nav a:hover,.demo-back-link:hover{color:var(--demo-accent);text-decoration-color:currentColor}.demo-header nav a:focus-visible{color:var(--demo-accent);text-decoration-color:currentColor}.demo-back-link:focus-visible{color:var(--demo-accent);text-decoration-color:currentColor}.demo-header-cta{min-height:44px;color:var(--demo-accent-contrast);background:var(--demo-accent);letter-spacing:.07em;text-transform:uppercase;justify-content:center;justify-self:end;align-items:center;padding:11px 19px;font-size:11px;font-weight:900;display:inline-flex}.demo-site a:focus-visible{outline:3px solid var(--demo-accent);outline-offset:4px}.demo-hero{background:var(--demo-surface);grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:clamp(55px,8vw,140px);min-height:690px;padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px);display:grid;position:relative}.demo-hero:before{content:"";border:1px solid var(--demo-line);border-radius:50%;width:420px;height:420px;position:absolute;top:80px;left:-250px}.demo-hero-copy{z-index:2;max-width:850px;position:relative}.demo-eyebrow,.demo-section-label{color:var(--demo-accent);letter-spacing:.18em;margin:0 0 24px;font-size:10px;font-weight:900;line-height:1.5}.demo-hero h1{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(50px,6vw,94px);line-height:.95}.demo-site-beauty .demo-hero h1,.demo-site-beauty .demo-section-heading h2,.demo-site-beauty .demo-feature h2,.demo-site-beauty .demo-contact h2{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:500}.demo-site-builder .demo-hero h1,.demo-site-builder .demo-section-heading h2,.demo-site-builder .demo-feature h2,.demo-site-builder .demo-contact h2{text-transform:uppercase}.demo-site-auto .demo-hero h1{text-transform:uppercase;font-style:italic}.demo-lead{max-width:700px;color:var(--demo-muted);margin:29px 0 0;font-size:clamp(18px,1.55vw,23px);line-height:1.6}.demo-actions{flex-wrap:wrap;gap:12px;margin-top:37px;display:flex}.demo-button{border:1px solid var(--demo-ink);letter-spacing:.07em;text-transform:uppercase;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:14px 20px;font-size:11px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.demo-button:hover{transform:translateY(-2px)}.demo-button-primary{background:var(--demo-accent);border-color:var(--demo-accent);color:var(--demo-accent-contrast);box-shadow:0 12px 34px color-mix(in srgb, var(--demo-accent) 22%, transparent)}.demo-button-secondary{color:var(--demo-ink);background:0 0}.demo-hero-visual{background:var(--demo-dark);color:#fff;min-height:480px;box-shadow:0 38px 85px color-mix(in srgb, var(--demo-dark) 24%, transparent);justify-content:space-between;align-items:flex-end;padding:32px;display:flex;position:relative;overflow:hidden}.demo-hero-visual:before,.demo-hero-visual:after{content:"";border:1px solid color-mix(in srgb, var(--demo-accent) 65%, transparent);border-radius:50%;position:absolute}.demo-hero-visual:before{width:360px;height:360px;top:-45px;right:-105px}.demo-hero-visual:after{width:260px;height:260px;bottom:-100px;left:-95px}.demo-site-beauty .demo-hero-visual{background:linear-gradient(145deg,#e9c5b0,#8f4b3b)}.demo-site-builder .demo-hero-visual{background:linear-gradient(145deg,#0b1f33,#173650)}.demo-site-auto .demo-hero-visual{background:linear-gradient(145deg,#151a20,#39434d)}.demo-hero-visual>span,.demo-hero-visual>b{z-index:2;position:relative}.demo-hero-visual>span{color:var(--demo-accent);letter-spacing:.15em;align-self:flex-start;font-size:11px;font-weight:900}.demo-hero-visual>b{letter-spacing:-.045em;font-size:clamp(24px,2.5vw,38px)}.demo-hero-visual>div{z-index:2;gap:10px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.demo-hero-visual>div i{background:var(--demo-accent);width:18px;height:135px;display:block}.demo-hero-visual>div i:nth-child(2){opacity:.72;height:185px;margin-top:-25px}.demo-hero-visual>div i:nth-child(3){opacity:.38}.demo-intro,.demo-services,.demo-feature,.demo-process,.demo-contact{scroll-margin-top:70px}.demo-intro{background:var(--demo-bg);padding:clamp(75px,8vw,120px) clamp(22px,10vw,180px)}.demo-intro>p:not(.demo-section-label){letter-spacing:-.045em;max-width:1080px;margin:0;font-size:clamp(26px,3.1vw,47px);line-height:1.22}.demo-trust-row{border-top:1px solid var(--demo-line);border-left:1px solid var(--demo-line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.demo-trust-row span{border-right:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);align-items:center;min-height:84px;padding:20px 24px;font-size:13px;font-weight:850;display:flex}.demo-trust-row span:before{content:"✓";background:var(--demo-accent);width:25px;height:25px;color:var(--demo-accent-contrast);border-radius:50%;flex:none;place-items:center;margin-right:13px;font-size:11px;display:grid}.demo-services{background:var(--demo-surface);padding:clamp(85px,9vw,145px) clamp(22px,7vw,120px)}.demo-section-heading{max-width:880px}.demo-section-heading h2,.demo-feature h2,.demo-contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,72px);line-height:1}.demo-section-heading>p:last-child,.demo-feature-copy>p:last-child,.demo-contact>div>p:last-child{max-width:720px;color:var(--demo-muted);margin:24px 0 0;font-size:17px;line-height:1.72}.demo-service-grid{border-top:1px solid var(--demo-line);border-left:1px solid var(--demo-line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:58px;display:grid}.demo-site-auto .demo-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-service-grid article{border-right:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);flex-direction:column;min-height:330px;padding:clamp(25px,3vw,40px);display:flex}.demo-service-grid article>span{color:var(--demo-accent);letter-spacing:.12em;font-size:10px;font-weight:900}.demo-service-grid h3{letter-spacing:-.04em;margin:65px 0 17px;font-size:clamp(22px,2vw,30px);line-height:1.08}.demo-service-grid p{color:var(--demo-muted);margin:0;font-size:15px;line-height:1.65}.demo-service-grid strong{color:var(--demo-accent);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:24px;font-size:11px}.demo-price-note{max-width:780px;color:var(--demo-muted);margin:24px 0 0;font-size:12px;line-height:1.6}.demo-feature{background:var(--demo-dark);color:#fff;padding:clamp(85px,9vw,145px) clamp(22px,7vw,120px)}.demo-feature-copy{max-width:900px}.demo-feature-copy>p:last-child{color:color-mix(in srgb, white 66%, var(--demo-dark))}.demo-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:60px;display:grid}.demo-feature-grid article{background:color-mix(in srgb, white 7%, var(--demo-dark));border:1px solid color-mix(in srgb, white 15%, var(--demo-dark));min-width:0;padding:13px 13px 31px}.demo-feature-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--demo-accent) 55%, var(--demo-dark)), color-mix(in srgb, white 7%, var(--demo-dark)));align-items:flex-end;min-height:245px;padding:22px;display:flex;position:relative;overflow:hidden}.demo-feature-visual:before{content:"";border:1px solid #ffffff4d;border-radius:50%;width:220px;height:220px;position:absolute;top:-65px;right:-75px}.demo-feature-visual span{color:#fff;letter-spacing:.12em;font-size:11px;font-weight:900}.demo-feature-visual i{background:var(--demo-accent);width:44%;height:1px;position:absolute;bottom:31%;right:12%;transform:rotate(-33deg)}.demo-feature-grid small{color:var(--demo-accent);letter-spacing:.12em;margin:24px 13px 0;font-size:9px;font-weight:900;display:block}.demo-feature-grid h3{letter-spacing:-.04em;margin:10px 13px 12px;font-size:clamp(23px,2.1vw,31px);line-height:1.1}.demo-feature-grid p{color:color-mix(in srgb, white 65%, var(--demo-dark));margin:0 13px;font-size:14px;line-height:1.65}.demo-process{background:var(--demo-bg);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(50px,9vw,150px);padding:clamp(85px,9vw,145px) clamp(22px,7vw,120px);display:grid}.demo-process ol{border-top:1px solid var(--demo-line);margin:0;padding:0;list-style:none}.demo-process li{border-bottom:1px solid var(--demo-line);grid-template-columns:56px 1fr;align-items:center;gap:18px;min-height:92px;display:grid}.demo-process li span{color:var(--demo-accent);letter-spacing:.12em;font-size:10px;font-weight:900}.demo-process li strong{letter-spacing:-.03em;font-size:clamp(18px,1.8vw,27px)}.demo-contact{background:var(--demo-accent);color:var(--demo-accent-contrast);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;padding:clamp(80px,9vw,135px) clamp(22px,7vw,120px);display:grid}.demo-contact .demo-section-label{color:currentColor;opacity:.72}.demo-contact>div>p:last-child{color:currentColor;opacity:.8}.demo-contact-actions{flex-direction:column;align-items:stretch;gap:17px;min-width:300px;display:flex}.demo-contact .demo-button-primary{background:var(--demo-dark);border-color:var(--demo-dark);color:#fff;box-shadow:none}.demo-back-link{justify-content:center;align-items:center;min-height:44px;font-size:12px;font-weight:850;display:inline-flex}.demo-footer{color:#bdc5ce;letter-spacing:.09em;background:#020812;justify-content:space-between;align-items:center;gap:20px;min-height:95px;padding:24px clamp(22px,7vw,120px);font-size:10px;font-weight:800;display:flex}.demo-footer a{color:#ffad2f}@media (max-width:1100px){.demo-header{grid-template-columns:1fr auto}.demo-header nav{display:none}.demo-hero{grid-template-columns:1fr}.demo-hero-copy{max-width:950px}.demo-hero-visual{width:min(100%,760px);min-height:390px}.demo-service-grid,.demo-site-auto .demo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-process,.demo-contact{grid-template-columns:1fr;align-items:start}.demo-contact-actions{width:min(100%,420px)}}@media (max-width:720px){.demo-notice{letter-spacing:.08em;flex-direction:column;align-items:flex-start;gap:5px;padding-block:11px;font-size:9px;position:relative}.demo-header{min-height:72px;padding-inline:18px}.demo-logo{font-size:16px}.demo-header-cta{padding-inline:14px}.demo-hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding:72px 18px}.demo-hero h1{overflow-wrap:anywhere;font-size:clamp(44px,13vw,63px)}.demo-lead{font-size:17px}.demo-actions{flex-direction:column;align-items:stretch}.demo-button{width:100%}.demo-hero-visual{min-height:315px;padding:23px}.demo-intro,.demo-services,.demo-feature,.demo-process,.demo-contact{padding:72px 18px}.demo-intro>p:not(.demo-section-label){font-size:clamp(27px,8.5vw,38px)}.demo-trust-row,.demo-service-grid,.demo-feature-grid,.demo-site-auto .demo-service-grid{grid-template-columns:1fr}.demo-trust-row{margin-top:38px}.demo-section-heading h2,.demo-feature h2,.demo-contact h2{overflow-wrap:anywhere;font-size:clamp(38px,11vw,52px)}.demo-section-heading>p:last-child,.demo-feature-copy>p:last-child,.demo-contact>div>p:last-child{font-size:16px}.demo-service-grid{margin-top:38px}.demo-service-grid article{min-height:auto}.demo-service-grid h3{margin-top:43px}.demo-service-grid strong{margin-top:25px}.demo-feature-grid{margin-top:38px}.demo-process{gap:37px}.demo-process li{grid-template-columns:40px 1fr;min-height:80px}.demo-contact{gap:35px}.demo-contact-actions{width:100%;min-width:0}.demo-footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:120px}}@media (prefers-reduced-motion:reduce){.web-demo-card,.demo-button{transition:none}}