:root{--navy:#101F33;--text:#475569;--accent:#A58B65;--line:#E2E8F0;--surface:#F5F7FA;--background:#FFFFFF}.premium-home{background:var(--background);color:var(--text)}.premium-home h1,.premium-home h2,.premium-home h3,.premium-home h4{color:var(--navy)}.premium-home p,.premium-home .referencehero p,.premium-home .referencecard p,.premium-home .referencefeatures p{color:var(--text)}.premium-home .header,.premium-home .footer{background:#fff;border-color:var(--line)}.premium-home .button{background:var(--navy);color:#fff;box-shadow:none;border-color:var(--navy)}.premium-home .button.outline{background:#fff;color:var(--navy);border-color:var(--line)}.premium-home .button.outline span,.premium-home .referencehero h1 em,.premium-home .referencecard div>a,.premium-home .eyebrow{color:var(--navy)}.premium-home .eyebrow>span{background:var(--accent)}.premium-home .referencecard,.premium-home .works,.premium-home .contact,.premium-home .personicon,.premium-home .roundlink{background:#F5F7FA}.premium-home .referencecard{border:1px solid var(--line);box-shadow:0 10px 30px #101f3305}.premium-home .referencecard>.reficon,.premium-home .referencefeatures>div+div:before{border-color:var(--line);background-color:transparent}.premium-home .reficon{filter:grayscale(1)}.premium-home .personicon,.premium-home .roundlink{color:var(--navy)}.premium-home .referencehero{grid-template-columns:46% 54%;column-gap:0;padding-bottom:45px;min-height:610px}.premium-home .herocopy{padding-right:20px}.premium-home .referencehero h1{white-space:normal;font-size:clamp(44px,4.8vw,76px)}.premium-home .actions{flex-wrap:wrap;gap:12px}.premium-home .herovisual{margin-top:-15px;min-width:0}.premium-home .preview-stage{height:500px;margin:0 0 0 30px}.premium-home .preview-frame:not(.preview-phone){width:75%;height:375px;border-color:var(--line);box-shadow:0 20px 45px #101f331a;background:#fff}.premium-home .preview-front{left:0;top:65px;transform:rotate(-4deg)}.premium-home .preview-back{right:3%;top:15px;transform:rotate(5deg);opacity:.7}.premium-home .preview-frame.is-selected{z-index:3;opacity:1}.premium-home .fixed-browserbar{background:#F5F7FA;border-color:var(--line);color:var(--text)}.premium-home .browser-dots{color:var(--accent)}.premium-home .preview-phone{display:block;z-index:4;width:185px;height:380px;right:0;top:120px;transform:none;border:7px solid #101F33;border-radius:32px;background:#fff;box-shadow:0 18px 36px #101f3320}.premium-home .phone-status{background:#fff}.premium-home .phone-home,.premium-home .phone-island{background:#101F33}.premium-home .preview-phone .preview-viewport{height:calc(100% - 39px);border-radius:0 0 22px 22px}.premium-home .preview-phone .preview-select{display:none}.premium-home .preview-controls{gap:9px;margin-top:16px}.premium-home .preview-controls button{background:#fff;border-color:var(--line);color:var(--navy)}.premium-home .preview-controls button[aria-pressed=true]{background:var(--navy);color:#fff}.premium-home .preview-controls button:focus-visible,.premium-home .preview-select:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.premium-home .motion-description{color:var(--text)}.premium-home .preview-document,.premium-home .preview-document.bistro,.premium-home .demo-final,.premium-home .garden .demo-final{background:#fff}.premium-home .demo-gallery,.premium-home .garden .demo-gallery{background:#F5F7FA}.premium-home .preview-document h3,.premium-home .preview-document h4{color:inherit}.premium-home .demo-hero h3,.premium-home .demo-hero p{color:#fff}.premium-home .demo-cta{background:#101F33}.premium-home .herocontact{margin-top:12px}.premium-home .formnotice{background:#F5F7FA;border-color:var(--line)}
@media(min-width:1451px){.premium-home .preview-stage{height:545px}.premium-home .preview-frame:not(.preview-phone){height:420px}.premium-home .preview-phone{height:410px;width:200px;top:130px}}
@media(max-width:1100px){.premium-home .referencehero{display:flex;flex-direction:column;gap:25px;min-height:0!important}.premium-home .herocopy{width:100%;padding:0}.premium-home .referencehero h1{max-width:850px;font-size:clamp(45px,6vw,68px)}.premium-home .herovisual{width:100%;max-width:760px;margin:0 auto}.premium-home .preview-stage{margin-left:0;height:510px}.premium-home .preview-frame:not(.preview-phone){width:76%;height:390px}.premium-home .preview-phone{width:200px;height:410px;top:100px}.premium-home .actions{flex-direction:row;align-items:stretch}.premium-home .preview-controls{margin-top:16px}.premium-home .referencehero .herocopy h1{white-space:normal}}
@media(max-width:600px){.premium-home .preview-stage{height:510px;max-width:290px;margin:0 auto}.premium-home .preview-frame:not(.preview-phone){display:none!important}.premium-home .preview-phone{width:270px;height:510px;left:10px;right:auto;top:0;border-radius:38px}.premium-home .preview-phone .preview-document{font-size:13px}.premium-home .preview-phone .preview-document h3{font-size:29px}.premium-home .preview-phone .demo-hero-copy p{font-size:13px}.premium-home .preview-phone .demo-nav{padding:16px}.premium-home .preview-phone .demo-nav b{font-size:16px}.premium-home .preview-phone .demo-section{padding:30px 22px}.premium-home .preview-phone .demo-hero{min-height:330px;padding:22px}.premium-home .preview-phone .demo-photo{height:190px}.premium-home .demo-columns p,.premium-home .demo-gallery p{font-size:12px}.premium-home .preview-controls{flex-wrap:wrap}.premium-home .referencehero h1{font-size:clamp(36px,8vw,48px)}.premium-home .actions{flex-direction:column}.premium-home .herocontact{justify-content:center;padding:0}.premium-home .referencebrand{max-width:calc(100vw - 100px)}}

.premium-home .demo-longshot{display:block;width:100%;height:auto;max-width:100%}.premium-home .preview-document{line-height:0;background:#fff}.premium-home .preview-document img{vertical-align:top}

.premium-home .repair-service-icon{background:#F5F7FA;color:#101F33}.premium-home .hosting,.premium-home .process,.premium-home .faq,.premium-home .benefits{background:#fff}.premium-home .workcard,.premium-home .step,.premium-home .form{background:#F5F7FA;border-color:#E2E8F0}.premium-home .footnav a,.premium-home .navlinks a{color:#101F33}@media(max-width:600px){.premium-home .nav{flex-wrap:nowrap;justify-content:space-between}.premium-home .referencebrand{width:calc(100vw - 135px);height:50px}.premium-home .brandcrop{transform:scale(.56)}.premium-home .menu{flex-shrink:0}}

.premium-home .section.dark{background:#F5F7FA;color:#475569}.premium-home .section.dark h2,.premium-home .section.dark h3{color:#101F33}.premium-home .section.dark p{color:#475569}.premium-home .section.dark .eyebrow{color:#101F33}

.premium-home .navlinks a.button{color:#fff}.premium-home .button:hover{background:#172D49;color:#fff}.premium-home .button.outline:hover{background:#F5F7FA;color:#101F33}

.live-project .browser{border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 35px #101f330a}.live-project .browserbar{height:34px;background:#F5F7FA;color:#475569}.work-screen{height:350px;overflow:hidden;position:relative;contain:paint}.work-document{display:block;width:100%;height:auto;will-change:transform}.work-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.work-toggle{border:1px solid #E2E8F0;border-radius:20px;background:#fff;color:#101F33;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer}.work-toggle:focus-visible{outline:2px solid #101F33;outline-offset:3px}.live-project .projectinfo{gap:16px;align-items:start}.live-project .demotag{background:#fff;border-color:#E2E8F0;color:#475569}@media(max-width:760px){.work-screen{height:290px}.live-project .projectinfo{flex-wrap:wrap}.work-actions{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.work-document{will-change:auto}}

.live-project{position:relative;padding-bottom:0}.live-project>.browser{width:88%}.live-project .work-screen{height:370px}.work-phone{position:absolute;right:0;top:90px;width:155px;height:325px;border:6px solid #101F33;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 16px 30px #101f3324;z-index:2}.work-phone-status{height:24px;padding:0 8px;font:8px Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;background:#fff}.work-island{width:42px;height:12px;background:#101F33;border-radius:12px}.work-phone-screen{height:calc(100% - 35px);overflow:hidden;contain:paint}.work-home{height:3px;position:absolute;bottom:4px;width:38%;left:31%;background:#101F33;border-radius:8px}.live-project .projectinfo{margin-top:28px}@media(max-width:1000px) and (min-width:761px){.work-phone{width:125px;height:275px;top:110px}}@media(max-width:760px){.live-project>.browser{width:85%}.work-phone{width:145px;height:310px;top:95px}.live-project .work-screen{height:350px}.live-project .projectinfo{margin-top:35px}}@media(max-width:430px){.live-project>.browser{display:none}.work-phone{position:relative;width:250px;height:480px;top:auto;right:auto;margin:0 auto;border-radius:34px}.live-project .projectinfo{margin-top:22px}.work-phone-status{height:28px;font-size:10px}.work-phone-screen{height:calc(100% - 39px)}}
.premium-home .brandcrop img{filter:brightness(1.06)}

/* Device presentations: upright screens keep raster text crisp while scrolling. */
.premium-home .preview-frame:not(.preview-phone){transform:none!important;border-radius:12px;box-shadow:0 18px 36px #101f3314}
.premium-home .preview-front{top:65px}.premium-home .preview-back{top:15px}
.premium-home .preview-frame .preview-document{backface-visibility:hidden}
.premium-home .preview-frame:not(.preview-phone) .demo-longshot{width:120%;max-width:none}
.premium-home .preview-phone .demo-longshot{width:100%;max-width:100%}
.work-devices{position:relative;padding:8px 0 0;min-height:395px}
.work-laptop{width:88%;padding:0 12px 22px;position:relative}
.live-project .work-laptop .browser{width:100%;border:8px solid #17202d;border-top-width:18px;border-bottom-width:15px;border-radius:15px 15px 7px 7px;box-shadow:0 18px 32px #101f3318;position:relative;overflow:visible}
.laptop-camera{position:absolute;width:5px;height:5px;background:#45546a;border-radius:50%;top:-12px;left:calc(50% - 2px)}
.live-project .work-laptop .browserbar{height:25px;border-radius:0;font-size:9px;overflow:hidden}
.live-project .work-laptop .work-screen{height:auto;aspect-ratio:16/10;background:#fff}
.laptop-base{position:absolute;bottom:5px;left:0;width:100%;height:17px;background:linear-gradient(#e4e7eb 0%,#b8bdc5 55%,#9299a2 100%);border:1px solid #a1a8b0;border-radius:2px 2px 45% 45%;box-shadow:0 10px 15px #101f3312}
.laptop-base:before{content:'';position:absolute;top:0;left:40%;width:20%;height:5px;border-radius:0 0 8px 8px;background:#9099a5}
.live-project .work-phone{top:80px;right:0;width:140px;height:295px}
.live-project .projectinfo{margin-top:15px;flex-wrap:wrap;gap:12px}
.work-grid .live-project:last-child{grid-column:1 / -1;width:calc(50% - 15px);justify-self:center}
@media(min-width:1500px){.work-devices{min-height:430px}.live-project .work-phone{width:155px;height:325px}}
@media(max-width:1000px){.work-devices{min-height:345px}.live-project .work-phone{width:120px;height:255px;top:65px}}
@media(max-width:760px){.work-grid .live-project:last-child{grid-column:auto;width:100%}.work-devices{min-height:390px}.live-project .work-phone{width:140px;height:295px;top:75px}}
@media(max-width:430px){.work-devices{min-height:300px}.work-laptop{width:86%;padding-inline:6px}.live-project .work-laptop .browser{display:block;border-width:5px;border-top-width:14px;border-bottom-width:10px;border-radius:10px 10px 4px 4px}.laptop-camera{top:-10px}.live-project .work-laptop .browserbar{height:18px;font-size:7px}.live-project .work-phone{position:absolute;width:105px;height:225px;top:65px;right:0;margin:0;border-width:4px;border-radius:22px}.work-phone-status{height:20px;font-size:7px;padding-inline:6px}.work-island{width:30px;height:9px}.work-phone-screen{height:calc(100% - 31px)}.live-project .projectinfo{margin-top:12px}}

/* Compact price card from the supplied mock-up; only on the homepage hero. */
.premium-home .herovisual{position:relative}.hero-price-banner{position:absolute;left:18px;top:345px;z-index:6;width:185px;padding:19px 21px 17px;background:#fff;border:1px solid #A58B65;border-radius:10px;box-shadow:0 12px 26px #101f331c;color:#101F33;display:flex;flex-direction:column;align-items:flex-start}.hero-price-eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#785f3f;margin-bottom:9px}.hero-price-banner strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.1;letter-spacing:-1px;white-space:nowrap}.hero-price-note{font-size:12px;margin-top:4px}.hero-price-banner a{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #E2E8F0;font-size:12px;font-weight:600;color:#101F33;text-decoration:underline;text-underline-offset:4px}.hero-price-banner a:focus-visible{outline:2px solid #101F33;outline-offset:4px}@media(min-width:1451px){.hero-price-banner{top:410px;left:25px}}@media(max-width:1100px) and (min-width:601px){.hero-price-banner{top:365px;left:12px}}@media(max-width:600px){.hero-price-banner{position:relative;top:auto;left:auto;width:270px;margin:20px auto 0;padding:18px 22px}.hero-price-banner strong{font-size:30px}.hero-price-banner a{font-size:14px}.hero-price-eyebrow{font-size:10px}}
/* Readable typography, same official artwork in smaller crops. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/dm-sans-latin.woff2') format('woff2')}
.premium-home{font-family:'DM Sans',Arial,sans-serif}
.premium-home h1,.premium-home h2,.premium-home h3,.premium-home h4{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.premium-home .referencehero h1{font-weight:600;letter-spacing:-.03em;line-height:1.12;font-size:clamp(40px,4.35vw,69px)}
.premium-home .brandcrop img{width:430px;height:80px;left:0;top:0;filter:none}
.premium-home .reficon img{width:100%;height:100%;left:0;top:0;transform:none;object-fit:contain}
.premium-home .step>span{color:var(--navy)}
.premium-home .referencecard h2{white-space:normal;line-height:1.2}
.premium-home .hero-price-card strong{letter-spacing:-.025em}
@media(max-width:600px){.premium-home .referencehero h1{font-size:clamp(36px,8vw,48px)} }
.premium-home h1,.premium-home h2,.premium-home h3,.premium-home h4,.premium-home .referencehero h1{font-weight:400}

.work-document>img{display:block;width:100%;height:auto}.premium-home .repair-upload small{color:var(--text)}.premium-home .proposal-badge{color:var(--navy);background:var(--surface)}.premium-home .repair-package-list>li>span{color:var(--navy)}
.premium-home h1,.premium-home h2,.premium-home h3{overflow-wrap:break-word;hyphens:auto}

/* Compact project presentations; retain responsive mobile devices. */
.more-projects{justify-content:center;margin-top:36px}.work-grid{align-items:start}.work-grid>.live-project{min-width:0}
@media(min-width:1100px){body.premium-home .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}body.projects-page .work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}body.premium-home .work-grid .live-project:last-child{grid-column:auto;width:auto;justify-self:stretch}body.premium-home .work-grid .work-devices{min-height:285px}body.premium-home .work-grid .work-laptop{width:88%;padding-inline:8px}body.premium-home .work-grid .work-phone{width:100px;height:214px;top:55px;border-width:4px;border-radius:22px}body.premium-home .work-grid .work-phone-status{height:20px;font-size:7px;padding-inline:5px}body.premium-home .work-grid .work-phone-screen{height:calc(100% - 31px)}body.premium-home .work-grid .work-island{width:30px;height:9px}body.premium-home .work-grid .work-laptop .browser{border-width:6px;border-top-width:15px;border-bottom-width:12px;border-radius:12px 12px 5px 5px}body.premium-home .work-grid .work-laptop .browserbar{height:21px;font-size:8px}body.premium-home .work-grid .projectinfo{gap:10px}body.premium-home .work-grid .work-actions{width:100%;justify-content:space-between;gap:8px}body.projects-page .work-grid .work-devices{min-height:230px}body.projects-page .work-grid .work-phone{width:76px;height:166px;top:45px;border-radius:18px}body.projects-page .work-grid .work-phone-status{font-size:6px;padding-inline:3px}body.projects-page .work-grid .work-laptop .browserbar{font-size:7px;height:18px}body.projects-page .work-grid .projectinfo h2{font-size:23px}body.projects-page .work-grid .projectinfo p{font-size:14px}body.projects-page .work-grid .work-actions{flex-wrap:wrap;font-size:13px}body.projects-page .work-grid .project-overview-story h3{font-size:23px}}

.premium-home .brandcrop img{filter:none}.premium-home .menu{width:44px;height:44px;padding:11px;border-color:#E2E8F0;color:#101F33}.menu-lines{display:flex;flex-direction:column;gap:5px}.menu-lines i{display:block;height:2px;width:20px;background:currentColor}.premium-home .hosting .button{background:#101F33;color:#fff;border-color:#101F33}.premium-home .hosting .button:hover{background:#233852}