/* ShopWordWeb unified premium brand system. Single grayscale palette, original custom components. */
:root{--sww5-ink:#101112;--sww5-surface:#191b1b;--sww5-stone:#f3f3f1;--sww5-line:rgba(255,255,255,.14);--sww5-mute:#adb0ad;--sww5-radius:24px}
html{scroll-behavior:smooth;scroll-padding-top:105px}
a,button{-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #929c99!important;outline-offset:4px}
:where(button,a){touch-action:manipulation}
.navin{max-width:1290px}.navCtas a,.swwHeroBPrimary,.swwHeroBSecondary{transition:background .2s,transform .2s,border-color .2s}.navCtas a:hover,.swwHeroBPrimary:hover,.swwHeroBSecondary:hover{transform:translateY(-2px)}
.nav .links{gap:clamp(12px,1.3vw,23px)}.nav .links a{white-space:nowrap}
.nav .links a:hover,.nav .links a.active{color:#fff}
.footer{background:#101112;border-top:1px solid #323534}.footer a{transition:color .2s,opacity .2s}.footer a:hover{color:#fff;opacity:1}
.display{letter-spacing:-.055em}.eyebrow,.mono{letter-spacing:.1em}
.detailHero{background:radial-gradient(ellipse at 83% 24%,#2d3030,transparent 43%),linear-gradient(135deg,#151616,#0d0e0e 70%);color:#f6f6f4;overflow:hidden}
.detailHero .display{color:#f7f7f6;line-height:1.05}.detailHero .lead{color:#b9bfba;line-height:1.85}.detailHero .eyebrow{color:#b4bcb6}.detailHero .crumb{color:#e4eae4}
.section .display{line-height:1.11}.section p{line-height:1.85}
.serviceGrid{gap:19px}.serviceGrid .service{transition:transform .28s,border-color .28s,box-shadow .28s;min-width:0}.serviceGrid .service:hover{transform:translateY(-4px);box-shadow:0 27px 60px rgba(0,0,0,.09)}
.sww5Eyebrow{font:800 10px ui-monospace,monospace;letter-spacing:.17em;color:#949e98;text-transform:uppercase}
.sww5Spotlight{padding:32px 0 50px;background:#f5f6f3;color:#111518}
.sww5SpotGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sww5SpotCard{position:relative;min-width:0;display:grid;grid-template-columns:1fr minmax(150px,.75fr);min-height:220px;padding:26px;border-radius:24px;overflow:hidden;gap:14px;text-decoration:none;background:linear-gradient(145deg,#1b1f20,#303534);border:1px solid #404745;color:#f7f7f5;transition:transform .26s,box-shadow .26s}
.sww5SpotCard:nth-child(2){background:linear-gradient(130deg,#252828,#121415)}
.sww5SpotCard:hover{transform:translateY(-4px);box-shadow:0 24px 45px #171c1829}
.sww5SpotCard .sww5SpotCopy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
.sww5SpotCard small{font:800 10px ui-monospace,monospace;letter-spacing:.08em;color:#afb9b2}
.sww5SpotCard h3{font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:-.046em;margin:14px 0 9px;color:#fff}
.sww5SpotCard p{font-size:12px;line-height:1.66;color:#b7c0ba;margin:0 0 13px}
.sww5SpotCard .sww5SpotExplore{font:800 11px ui-monospace,monospace;color:#fff}
.sww5SpotVisual{display:grid;place-items:center;min-width:0}
.sww5SpotThumb{width:100%;border-radius:14px;max-width:350px;aspect-ratio:1.17;background:#12221e;border:1px solid #617068;box-shadow:12px 18px 35px rgba(0,0,0,.32);transform:perspective(850px) rotateY(-9deg) rotateX(4deg);overflow:hidden;transition:transform .3s}.sww5SpotCard:hover .sww5SpotThumb{transform:none}.sww5SpotThumb img{width:100%;height:100%;object-fit:contain;background:#173127}
.sww5SpotStore{padding:11px;background:#e6ece4;color:#152b22;font-size:12px;min-height:100%;display:flex;flex-direction:column;gap:12px}
.sww5SpotStore b{font-weight:900;letter-spacing:-.04em;color:#28473f;font-size:19px}.sww5SpotStore>span{display:block;height:30px;border-radius:8px;background:#f8faf7;border:1px solid #d2dbd4}
.sww5SpotProducts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sww5SpotProducts i{height:62px;background:#b8c7b9;border:1px solid #94a99b;border-radius:8px}
.sww5ServiceIntro{background:#f2f3ef;padding:clamp(65px,8vw,112px) 0;color:#151b16}
.sww5ServiceGrid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(28px,5vw,75px);align-items:center;margin:22px 0 39px}
.sww5ServiceGrid h2{font-size:clamp(38px,5.7vw,76px);line-height:1.05;letter-spacing:-.063em;color:#1a2320;margin:0 0 18px}
.sww5ServiceGrid p{font-size:clamp(14px,1.4vw,16px);line-height:1.85;color:#64716a;max-width:670px;margin:0}
.sww5ServiceLinks{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.sww5ServiceLinks a{display:inline-flex;align-items:center;padding:13px 18px;border-radius:50px;background:#1d2421;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:transform .2s}.sww5ServiceLinks a+a{background:transparent;border:1px solid #9ca9a1;color:#24362b}.sww5ServiceLinks a:hover{transform:translateY(-2px)}
.sww5ServiceVisual{perspective:950px;min-width:0}.sww5Window{border-radius:24px;overflow:hidden;border:1px solid #3d4a45;background:#151b19;box-shadow:25px 35px 70px #0e1d1333;transform:rotateY(-5deg) rotateX(3deg);transition:transform .4s}
.sww5Window:hover{transform:rotateY(0) rotateX(0)}
.sww5WindowTop{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#b1bdb2;background:#262c29;gap:8px;font:700 10px ui-monospace,monospace}.sww5Lights{display:flex;gap:5px}.sww5Lights i{width:7px;height:7px;border-radius:50%;background:#718278}.sww5WindowBody{min-height:265px;background:radial-gradient(ellipse at 85% 9%,#434a45,transparent 60%),#1c2420;padding:32px 26px 24px;display:flex;flex-direction:column;gap:14px}
.sww5WindowBody small{font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#bac6bd}.sww5WindowBody strong{font-size:clamp(29px,3.2vw,46px);letter-spacing:-.05em;line-height:1.08;color:#f8f8f5;font-weight:750;max-width:480px}
.sww5WindowChips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.sww5WindowChips span{font-size:11px;padding:8px 10px;border:1px solid #647369;color:#dce4dc;border-radius:40px}
.sww5Progress{display:flex;gap:6px;margin-top:16px}.sww5Progress i{height:3px;flex:1;border-radius:5px;background:#6d8174}.sww5Progress i:last-child{background:#374c40}
.sww5ServiceSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sww5ServiceStep{padding:clamp(20px,2.7vw,37px);border:1px solid #d9e0d9;border-radius:23px;background:#fff}
.sww5ServiceStep span{font:800 10px ui-monospace,monospace;color:#839288;letter-spacing:.09em}.sww5ServiceStep h3{color:#1d2b22;font-size:clamp(20px,2vw,26px);letter-spacing:-.04em;margin:22px 0 11px}.sww5ServiceStep p{color:#6a766e;font-size:13px;line-height:1.76;margin:0}
.sww5ProofLink{margin-top:15px;border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:15px;justify-content:space-between;text-decoration:none;background:#e0e8df;color:#283b2d}.sww5ProofLink span{font:750 10px ui-monospace,monospace;letter-spacing:.08em}.sww5ProofLink b{margin-right:auto;font-size:15px}.sww5ProofLink i{font-size:23px;font-style:normal}
.sww5ServiceHub{padding:clamp(52px,7vw,100px) 0;background:#101112;color:#fff}.sww5ServiceHub h2{font-size:clamp(32px,5vw,68px);letter-spacing:-.055em;line-height:1.08;color:#f6f6f3;margin:18px 0 25px}.sww5ServiceHubGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sww5ServiceHubGrid a{display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:1px solid #464b48;border-radius:21px;background:linear-gradient(130deg,#252728,#181a1b);padding:32px;text-decoration:none;color:#f7f7f5;min-height:255px;transition:transform .24s}.sww5ServiceHubGrid a:hover{transform:translateY(-4px);border-color:#aeb4b0}.sww5ServiceHubGrid a small{font:700 10px ui-monospace,monospace;color:#abb5ab}.sww5ServiceHubGrid a h3{font-size:clamp(23px,2.6vw,35px);letter-spacing:-.05em;line-height:1.14;color:#fff;margin:15px 0}.sww5ServiceHubGrid a p{font-size:13px;line-height:1.75;color:#aeb9ae}.sww5ServiceHubGrid a span{font:800 11px ui-monospace,monospace;color:#f4f4f0}
.sww5GlobalCTA{padding:clamp(50px,7vw,100px) 0;background:#ecefeb;color:#15231a}.sww5GlobalCTAGrid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.sww5GlobalCTA h2{font-size:clamp(34px,5.6vw,72px);line-height:1.08;letter-spacing:-.063em;color:#17221b;margin:15px 0}.sww5GlobalCTA p{font-size:15px;color:#667269;line-height:1.8;max-width:610px}.sww5GlobalCTA .sww5CTAActions{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.sww5GlobalCTA a{display:inline-flex;text-align:center;min-width:200px;justify-content:center;align-items:center;text-decoration:none;border:1px solid #19221c;padding:16px 20px;border-radius:999px;font-size:12px;font-weight:800;background:#1a1c1b;color:#fff}.sww5GlobalCTA a+a{background:transparent;color:#1a1c1b}
.sww5BackTop{position:fixed;bottom:22px;right:20px;z-index:95;background:rgba(29,34,32,.86);color:#fff;border:1px solid #8c928f;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:0 12px 30px #0003;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;font-size:20px}.sww5BackTop.is-visible{opacity:1;visibility:visible;transform:none}.sww5BackTop:hover{background:#050605}
.swwV4WorkIndex{margin:24px 0 35px}.swwV4WorkIndexLinks a{min-height:43px;display:inline-flex;align-items:center}
#leadForm input,#leadForm select,#leadForm textarea{min-height:48px}#leadForm textarea{min-height:135px}
#leadForm label{font-weight:700}#leadForm input:focus,#leadForm select:focus,#leadForm textarea:focus{border-color:#333f38;box-shadow:0 0 0 3px #80888026}
#swwProjectPlanner label{min-height:52px;display:flex;align-items:center;gap:9px}#swwProjectPlanner input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#202322}
.swwJourneyStep,.swwWorkProject{contain:layout style}
@media(max-width:1180px){.nav .links{gap:9px}.nav .links a{font-size:12px}.sww5SpotGrid{grid-template-columns:1fr}.sww5ServiceGrid{grid-template-columns:1fr}.sww5Window{max-width:800px;transform:none}.sww5ServiceHubGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.nav .links{display:none}.mobileMenuPanel.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.mobileMenuPanel.open a{min-height:44px;display:flex;align-items:center}.sww5GlobalCTAGrid{grid-template-columns:1fr}.sww5GlobalCTA .sww5CTAActions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:720px){.sww5SpotCard{grid-template-columns:1fr;gap:10px;min-height:0}.sww5SpotVisual{min-height:175px}.sww5SpotThumb{max-width:280px}.sww5ServiceSteps{grid-template-columns:1fr}.sww5ServiceHubGrid{grid-template-columns:1fr}.sww5ServiceHubGrid a{min-height:205px}.sww5ServiceGrid h2{font-size:clamp(34px,9vw,52px)}.sww5ServiceGrid{gap:30px}.sww5WindowBody{min-height:230px;padding:23px}.sww5GlobalCTAGrid{gap:12px}.sww5GlobalCTA .sww5CTAActions{flex-direction:column;align-items:stretch}.sww5BackTop{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.sww5ProofLink{display:block}.sww5ProofLink b{display:block;margin:12px 0}.sww5ProofLink i{position:absolute;right:20px}.sww5ProofLink{position:relative}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sww5SpotCard,.sww5SpotThumb,.sww5Window,.sww5ServiceLinks a,.sww5ServiceHubGrid a{transition:none!important;transform:none!important}}