@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#101e2e;--text:#142335;--muted:#697583;--bronze:#ad8960;--bronze-dark:#94734f;--pale:#f8f9fb;--line:#e8ecf0;--white:#fff;--container:1700px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:white;color:var(--text);font:400 15px/1.65 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - clamp(40px,6vw,176px)));margin:0 auto}::selection{background:#d1b08b;color:#101e2e}:focus-visible{outline:3px solid #b89469;outline-offset:4px}.skip-link{position:fixed;top:-60px;left:16px;background:white;color:var(--ink);padding:12px 18px;z-index:200}.skip-link:focus{top:10px}
/* NAV */
.site-header{position:sticky;top:0;z-index:90;margin-bottom:-77px;height:77px;background:rgba(8,19,29,.87);color:white;border-bottom:1px solid rgba(255,255,255,.17);backdrop-filter:blur(15px)}.site-header.solid{margin-bottom:0}.header-row{min-height:77px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;flex-direction:column;min-width:185px;line-height:1.03}.brand-main{font-size:33px;letter-spacing:-.085em;font-weight:800;white-space:nowrap}.brand-main .raised{font-size:17px;position:relative;top:-10px;letter-spacing:-.02em}.brand-sub{font-size:8px;text-transform:uppercase;letter-spacing:.38em;font-weight:700;margin-top:6px;white-space:nowrap;color:#e1e6eb}.primary-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.primary-nav>a,.nav-link{font-size:15.5px;color:#f5f7fb;font-weight:650;white-space:nowrap;position:relative;transition:color .2s}.primary-nav>a:hover,.nav-link:hover{color:#d8b48b}.primary-nav a.active:after{position:absolute;content:'';bottom:-23px;left:0;right:0;background:var(--bronze);height:2px}.header-cta{margin-left:15px;border-radius:99px;padding:11px 20px;background:var(--bronze);color:white;font-size:14px;line-height:1.4;font-weight:700;white-space:nowrap;display:inline-flex;gap:12px;align-items:center;transition:background .2s,transform .2s}.header-cta:hover,.btn-gold:hover{background:var(--bronze-dark);transform:translateY(-2px)}.header-cta .arrow{font-size:19px}.nav-group{display:flex;align-items:center;gap:3px;position:relative}.nav-arrow{border:0;color:#f5f7fb;background:transparent;font-size:17px;padding:6px 1px 6px 0}.nav-dropdown{position:absolute;z-index:100;left:-38px;top:calc(100% + 28px);width:270px;background:white;color:var(--text);border:1px solid #edf0f3;box-shadow:0 16px 50px #0a1b2a2a;border-radius:15px;display:none;padding:10px}.nav-dropdown:before{content:'';position:absolute;top:-32px;left:0;right:0;height:32px}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.open .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:11px 13px;border-radius:9px;font-weight:650;font-size:13px}.nav-dropdown a:hover{background:#f7f3ed;color:#86643c}.menu-toggle{display:none;border:1px solid #ffffff77;background:transparent;color:white;border-radius:9px;width:44px;height:42px;align-items:center;justify-content:center;font-size:26px}.mobile-nav{display:none}
/* PHOTO HERO */
.hero{position:relative;min-height:clamp(590px,38vw,800px);background:#101e2c;overflow:hidden;color:white}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 51%}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,28,.95) 0%,rgba(6,18,30,.80) 27%,rgba(8,18,29,.45) 54%,rgba(8,18,29,.06) 83%),linear-gradient(0deg,rgba(6,15,26,.43),transparent 36%)}.hero-body{position:relative;z-index:2;min-height:clamp(590px,38vw,800px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:100px;padding-bottom:76px;pointer-events:none}.hero-body>*{pointer-events:auto}.eyebrow{letter-spacing:.27em;text-transform:uppercase;font-size:10px;font-weight:750}.hero-eyebrow{margin:0 0 17px;color:#ede6dc}.hero h1{font-size:clamp(40px,3.3vw,69px);line-height:1.14;max-width:860px;letter-spacing:-.055em;font-weight:750;margin:0 0 18px}.hero-lead{font-size:clamp(16px,1.05vw,19px);line-height:1.76;max-width:710px;color:#f3f5f6;margin:0}.hero-actions{margin:24px 0 26px;display:flex;flex-wrap:wrap;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:750;border-radius:99px;padding:13px 22px;min-height:48px;border:1px solid transparent;transition:background .2s,transform .2s}.btn-gold{background:var(--bronze);color:white}.btn-outline{color:white;border-color:#e8edf3;background:#0e19291a}.btn-outline:hover{background:#ffffff2a}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#25364a}.benefits{display:flex;gap:31px;flex-wrap:wrap}.benefits span{font-size:12px;font-weight:500;white-space:nowrap;display:flex;gap:10px;align-items:center;color:#e7ebee}.benefits svg{width:20px;height:20px;color:white}.hero-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:10px}.hero-dots button{width:8px;height:8px;border:1px solid #ffffffaa;background:#ffffff40;padding:0;border-radius:50%;transition:background .2s,transform .2s}.hero-dots button[aria-current=true]{background:white;border-color:white;transform:scale(1.18)}.slider-arrows{position:absolute;bottom:21px;right:clamp(30px,4vw,66px);display:flex;gap:13px;z-index:4}.slider-arrows button{width:42px;height:42px;color:white;border:1px solid #ffffff75;background:#0c1b2c4d;border-radius:50%;font-size:24px;line-height:1}.slider-arrows button:hover{background:#ffffff38}
/* SERVICES */
.section{padding:72px 0}.services{background:#fff;padding:28px 0 37px}.heading-row{display:flex;align-items:flex-end;gap:25px;justify-content:space-between;margin-bottom:22px}.label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-weight:800;color:var(--bronze-dark);margin:0 0 8px}.heading-row h2,.section h2{font-size:clamp(29px,2.4vw,44px);line-height:1.2;letter-spacing:-.053em;margin:0;font-weight:750}.plain-link{font-size:13px;font-weight:700;white-space:nowrap;display:inline-flex;gap:10px;align-items:center;padding-bottom:4px}.plain-link:hover{color:var(--bronze-dark)}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.service-card{display:block;overflow:hidden;background:#f8f9fa;border:1px solid #ebedf0;border-radius:14px;box-shadow:0 6px 21px #1d2a370b;transition:transform .23s,box-shadow .23s}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 29px #1d2a3720}.service-photo{height:clamp(135px,9.7vw,196px);position:relative;background:#d3d9de}.service-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.service-icon{width:50px;height:48px;position:absolute;left:16px;bottom:-10px;background:#fff;box-shadow:0 4px 14px #1a24391b;border-radius:11px;display:grid;place-items:center;color:var(--ink)}.service-icon svg{width:23px;height:23px}.service-body{min-height:150px;padding:25px 20px 20px;position:relative}.service-body h3{font-weight:750;font-size:clamp(16px,1.06vw,19px);letter-spacing:-.035em;margin:0 35px 4px 0}.service-body p{color:#445266;font-size:clamp(13px,.87vw,15px);line-height:1.54;margin:0 20px 0 0;max-width:290px}.circle-arrow{position:absolute;right:14px;top:46px;display:grid;place-items:center;width:33px;height:33px;background:white;box-shadow:0 2px 8px #0c1a2517;border-radius:50%;font-size:18px}
/* WHY, PROCESS, FAQ, CTA */
.why{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);background:#fafbfc;min-height:440px;align-items:stretch}.why-photo{min-height:440px;max-height:700px;overflow:hidden}.why-photo img{height:100%;width:100%;object-fit:cover;object-position:center;filter:brightness(.86)}.why-copy{padding:clamp(46px,4vw,100px) clamp(38px,4.4vw,120px);width:100%;min-width:0;max-width:none;align-self:center}.why-copy h2{max-width:820px;font-size:clamp(29px,2.4vw,45px);line-height:1.23}.why-copy .desc{font-size:clamp(14px,1.05vw,17px);color:var(--muted);margin:21px 0 26px;max-width:720px}.why-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 26px;max-width:800px}.why-feature{display:flex;gap:13px;align-items:flex-start;font-size:clamp(12px,.95vw,15px);line-height:1.5;font-weight:650}.why-feature svg{width:26px;height:26px;flex-shrink:0;color:#a78257}.why-feature small{display:block;color:#677482;font-size:clamp(11px,.82vw,13px);font-weight:400;margin-top:5px}.process{background:#fff}.process-top{max-width:850px}.process-top p:last-child{color:var(--muted);max-width:690px;margin:15px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin-top:35px}.step{padding:22px 0 10px;border-top:1px solid #d9dee3}.step .num{font-size:12px;font-weight:800;color:var(--bronze-dark)}.step h3{font-size:17px;letter-spacing:-.03em;margin:20px 0 8px}.step p{font-size:13px;color:var(--muted);margin:0}.faq{background:#f7f8fa}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro{margin-top:16px;color:var(--muted);font-size:14px}.faq-list details{border-bottom:1px solid #dde3e8;padding:17px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;line-height:1;color:var(--bronze-dark)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:13px;margin:15px 40px 5px 0}.contact{background:var(--ink);color:white;padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:clamp(30px,3vw,44px);margin:0 0 12px;letter-spacing:-.05em;line-height:1.2}.contact p{color:#c4d0d9;font-size:14px;max-width:600px;margin:0}.footer{background:#0b1623;color:#c6d0d8;padding:46px 0 20px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:50px}.footer-brand p{max-width:380px;color:#99aaba;font-size:13px}.footer h3{font-size:14px;color:white;margin:9px 0 15px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:#d8b48b}.footer-bottom{border-top:1px solid #ffffff20;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#90a3b4}
/* SERVICE PAGES */
.interior-hero{position:relative;min-height:380px;color:white;overflow:hidden;background:var(--ink)}.interior-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.interior-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081927e8,#081927ab 55%,#08192740)}.interior-hero .container{position:relative;z-index:2;padding-top:86px;padding-bottom:70px}.breadcrumbs{display:flex;gap:8px;color:#e9d8c4;font-size:12px;margin-bottom:22px;align-items:center}.breadcrumbs a:hover{text-decoration:underline}.interior-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.16;max-width:780px;letter-spacing:-.055em;margin:0 0 19px}.interior-hero p{font-size:15px;max-width:700px;color:#e9edef;margin:0}.inner-intro{max-width:800px;margin-bottom:26px;color:var(--muted)}.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.feature-card{padding:27px;background:#f8f9fa;border:1px solid var(--line);border-radius:15px}.feature-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.025em}.feature-card p{margin:0;color:var(--muted);font-size:14px}.cta-row{margin-top:30px}
@media(max-width:1350px){.primary-nav{gap:17px}.primary-nav>a,.nav-link{font-size:14px}.header-cta{margin-left:12px}.brand{min-width:150px}.brand-main{font-size:30px}.brand-sub{font-size:7px}}
@media(max-width:1120px){.primary-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto}.mobile-nav{position:absolute;top:77px;left:0;right:0;background:#0e1d2c;padding:12px 36px 22px;border-top:1px solid #ffffff19;box-shadow:0 15px 30px #0715234d;max-height:calc(100dvh - 77px);overflow-y:auto}.mobile-nav.open{display:grid}.mobile-nav a{display:block;padding:12px 0;font-size:15px;font-weight:650;border-bottom:1px solid #ffffff16}.mobile-nav .mob-sub{padding-left:18px;color:#c7d1dd;font-size:14px}.why-copy{padding:40px 38px}.service-grid{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:minmax(0,44%) minmax(0,56%)}.hero h1{max-width:650px}}
@media(max-width:720px){.container{width:min(100% - 36px,var(--container))}.header-row{min-height:71px}.site-header{height:71px;margin-bottom:-71px}.site-header.solid{margin-bottom:0}.mobile-nav{top:71px;padding:12px 18px 22px}.brand-main{font-size:27px}.brand-sub{font-size:6px}.hero,.hero-body{min-height:650px}.hero-body{padding-top:125px;padding-bottom:85px;justify-content:center}.hero h1{font-size:clamp(32px,8vw,45px)}.hero-lead{font-size:14px;line-height:1.65}.hero-slide img{object-position:63% center}.hero-slide:after{background:linear-gradient(90deg,#071624e6 0%,#071624bb 58%,#07162470),linear-gradient(0deg,#0716248c,transparent 35%)}.benefits{gap:13px 21px}.benefits span{font-size:10px}.hero-actions{gap:9px}.btn{padding:11px 15px;font-size:12px}.slider-arrows{bottom:16px;right:18px}.slider-arrows button{height:36px;width:36px}.hero-dots{bottom:28px;left:31%;transform:none}.heading-row{align-items:flex-start}.heading-row .plain-link{display:none}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-body{padding:22px 12px 14px;min-height:135px}.service-body p{font-size:11.5px;margin-right:0}.service-body h3{font-size:14px;margin-right:0}.circle-arrow{display:none}.service-icon{width:40px;height:40px;left:10px}.service-photo{height:100px}.section{padding:56px 0}.why{grid-template-columns:1fr}.why-photo{min-height:230px;max-height:260px}.why-copy{padding:40px 25px 48px}.why-features{gap:22px}.steps{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr;gap:26px}.contact-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.feature-cards{grid-template-columns:1fr}.interior-hero .container{padding-top:65px;padding-bottom:65px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-photo{height:160px}.service-body{min-height:100px}.steps{grid-template-columns:1fr}.why-features{grid-template-columns:1fr}.hero{min-height:700px}.hero-body{min-height:700px}.hero-dots{left:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V5.1 — fluid desktop / ultrawide layout. Do not calculate section padding from viewport width. */
@media (min-width:1600px){
 .header-row{gap:32px}.primary-nav{gap:clamp(18px,1.35vw,29px)}
 .primary-nav>a,.nav-link{font-size:16px}.header-cta{font-size:15px;padding:13px 22px}
 .brand-main{font-size:36px}.brand{min-width:205px}.brand-sub{font-size:8px}
 .services{padding:44px 0 58px}.heading-row{margin-bottom:27px}.label{font-size:11px}
 .service-body{min-height:162px}.benefits span{font-size:14px}
 .why-photo{min-height:520px}
}
@media (min-width:2200px){
 :root{--container:2050px}
 .site-header,.header-row{height:92px;min-height:92px}.site-header{margin-bottom:-92px}
 .site-header.solid{margin-bottom:0}.primary-nav>a,.nav-link{font-size:17px}
 .brand-main{font-size:40px}.brand{min-width:226px}.brand-sub{font-size:9px}
 .hero,.hero-body{min-height:810px}.hero h1{font-size:73px;max-width:960px}
 .hero-lead{font-size:21px;max-width:790px}.hero .eyebrow{font-size:13px}
 .services{padding:50px 0 65px}.heading-row h2,.section h2{font-size:47px}
 .service-body h3{font-size:21px}.service-body p{font-size:16px}.service-photo{height:215px}
 .service-body{min-height:172px}.service-icon{height:55px;width:55px}
 .why-copy h2{font-size:50px}.why-copy .desc{font-size:18px}
 .why-feature{font-size:16px}.why-feature small{font-size:14px}.why-photo{min-height:560px}
 .header-cta{font-size:16px}.btn{font-size:16px}
 .plain-link{font-size:16px}.contact p{font-size:17px}
}
@media (min-width:2900px){:root{--container:2320px}.hero,.hero-body{min-height:850px}}
@media (min-width:1121px) and (max-width:1599px){
 .site-header .header-row{gap:18px}.primary-nav{gap:clamp(12px,1.3vw,22px)}
 .brand{min-width:168px}.header-cta{margin-left:8px}
}
@media (min-width:721px) and (max-width:1060px){
 .why{grid-template-columns:1fr}
 .why-photo{min-height:330px;max-height:390px}
 .why-copy{padding:44px max(36px,5vw) 55px}
 .why-copy h2{max-width:700px}
}
@media (max-width:720px){
 .container{width:min(100% - 36px,var(--container))}
 .hero,.hero-body{min-height:650px}.hero h1{font-size:clamp(32px,8vw,45px)}
 .hero-lead{font-size:14px}.service-photo{height:118px}.service-body{min-height:145px}
 .service-body h3{font-size:15px}.service-body p{font-size:12px}
 .why{grid-template-columns:1fr}
 .why-photo{min-height:230px;max-height:300px}
 .why-copy{padding:40px 25px 48px}.why-copy h2{font-size:clamp(28px,6.2vw,36px)}
 .why-copy .desc{font-size:14px}.why-feature{font-size:12px}.why-feature small{font-size:11px}
}
@media (max-width:390px){.service-grid{grid-template-columns:1fr}.service-photo{height:160px}.service-body{min-height:105px}}

/* V5.2 — grouped Internet services navigation */
.primary-nav .nav-trigger{background:none;border:0;color:#f5f7fb;font-size:16px;font-weight:650;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:color .2s;padding:11px 0;position:relative;line-height:1.4}
.primary-nav .nav-trigger:hover,.primary-nav .nav-trigger.active,.primary-nav .nav-trigger[aria-expanded="true"]{color:#e3c5a2}
.chevron{display:inline-block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-trigger[aria-expanded="true"] .chevron,.mobile-submenu-toggle[aria-expanded="true"] .chevron{transform:translateY(2px) rotate(225deg)}
.primary-nav .nav-trigger.active:after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:2px;background:var(--bronze)}
.nav-group{gap:0}.nav-dropdown{top:calc(100% + 17px);left:-16px;width:276px;padding:9px;border-radius:11px}
.nav-dropdown:before{top:-20px;height:20px}
.nav-dropdown a{font-size:15px;padding:11px 14px}.nav-dropdown a.current-page{color:#946c42;background:#faf5ee}
.mobile-nav .mobile-nav-group{border-bottom:1px solid #ffffff16}.mobile-nav .mobile-submenu-toggle{width:100%;background:none;border:0;color:white;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:15px;font-weight:650}
.mobile-nav .mobile-submenu{display:none;padding:0 0 10px 12px}.mobile-nav .mobile-submenu.open{display:grid}.mobile-nav .mobile-submenu a{font-size:14px;color:#d7dee7;padding:9px 0 9px 16px;border-left:1px solid #a78c6b;border-bottom:0}
.mobile-nav .mobile-submenu a[aria-current="page"],.mobile-nav a[aria-current="page"],.mobile-nav .mobile-submenu-toggle.current-section{color:#e8c8a0}
.mobile-nav .mobile-contact-cta{margin:10px 0 3px;background:var(--bronze);border-radius:10px;text-align:center;color:white;padding:10px 16px;border-bottom:0;font-weight:750}
.additional-services{margin:38px auto 2px;padding:24px 27px;border-radius:17px;background:linear-gradient(110deg,#f7f7f8 0%,#f2f4f6 100%);border:1px solid #e7ebee;display:flex;align-items:center;gap:25px}
.additional-icon{flex:none;border-radius:13px;width:58px;height:58px;display:grid;place-items:center;background:#fff;color:#a27c52;box-shadow:0 2px 8px #121e3010}.additional-icon svg{width:29px;height:29px}
.additional-text{flex:1;min-width:0}.additional-text .label{display:block;margin:0 0 3px}.additional-text h3{font-size:20px;font-weight:750;margin:0 0 4px;letter-spacing:-.04em}.additional-text p{font-size:13px;color:#606c79;margin:0;line-height:1.65;max-width:920px}
.additional-link{flex:none;display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:750;color:#8a6844;white-space:nowrap}.additional-link:hover{color:#4c3825}
.development-note{margin:24px 0 0;border-left:3px solid var(--bronze);padding:13px 17px;background:#fbf9f6;font-size:13px;color:#556274;max-width:900px}
@media(min-width:1600px){.primary-nav .nav-trigger{font-size:17px}}
@media(min-width:2200px){.primary-nav .nav-trigger{font-size:18px}.nav-dropdown a{font-size:16px}}
@media(max-width:1350px){.primary-nav .nav-trigger{font-size:14px}}
@media(max-width:1120px){.additional-services{align-items:flex-start;flex-wrap:wrap}.additional-link{margin-left:82px}}
@media(max-width:720px){.additional-services{padding:20px;gap:14px;margin-top:24px}.additional-icon{width:42px;height:42px}.additional-icon svg{width:23px;height:23px}.additional-text{flex-basis:calc(100% - 60px)}.additional-text h3{font-size:17px}.additional-text p{font-size:12px}.additional-link{margin:0 0 0 55px;font-size:13px}}