
:root{--sky:#EEF6F9;--white:#fff;--ocean:#0B4F6C;--deep:#073A52;--deeper:#052B3D;--coral:#FF6B57;--coral2:#FF8A78;--coral-ink:#B3341F;--sand:#FFEBE1;
--text:#123A4D;--mut:#3F6477;--line:#cfe2ea;--r:16px;--hf:'Outfit','Trebuchet MS',sans-serif;--bf:'DM Sans','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.7 var(--bf);color:var(--text);background:var(--sky);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--ocean)}
h1,h2,h3{font-family:var(--hf);font-weight:700;color:var(--ocean);line-height:1.12;margin:0}
.wuk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wuk-skip{position:absolute;left:12px;top:-60px;background:#fff;color:var(--ocean);padding:10px 16px;border-radius:999px;z-index:100;font-weight:700}.wuk-skip:focus{top:12px}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.wuk-in{max-width:1160px;margin:0 auto;padding:0 24px}.wuk-in--narrow{max-width:800px}.wuk-center{text-align:center}

/* floating pill header */
.wuk-hd{position:absolute;left:0;right:0;top:16px;z-index:50;padding:0 16px}
.wuk-hd__pill{position:relative;max-width:1180px;margin:0 auto;background:#fff;border-radius:999px;box-shadow:0 10px 34px rgba(5,43,61,.22);display:flex;align-items:center;gap:18px;padding:9px 12px 9px 24px}
.wuk-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ocean);flex:none}
.wuk-mark{width:46px;height:33px;color:var(--ocean)}
.wuk-logo__t{display:flex;flex-direction:column;line-height:1}.wuk-logo__a{font:700 .72rem var(--hf);letter-spacing:.2em;text-transform:uppercase;color:var(--coral-ink)}
.wuk-logo__b{font:700 1.5rem var(--hf);color:var(--ocean);margin-top:3px}
.wuk-nav{margin-left:auto;display:flex;align-items:center;gap:14px}
.wuk-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}.wuk-nav li{position:relative}
.wuk-nav>ul>li>a{display:block;padding:9px 13px;border-radius:999px;text-decoration:none;color:var(--text);font-weight:500;font-size:.96rem;white-space:nowrap}
.wuk-nav>ul>li>a:hover{background:var(--sky);color:var(--ocean)}
.wuk-has>ul{display:none;position:absolute;left:0;top:calc(100% + 8px);background:#fff;border-radius:var(--r);box-shadow:0 18px 40px rgba(5,43,61,.2);list-style:none;margin:0;padding:10px;min-width:290px}
.wuk-has:hover>ul,.wuk-has:focus-within>ul{display:block}.wuk-has>ul a{display:block;padding:8px 14px;border-radius:12px;text-decoration:none;color:var(--text);font-size:.95rem}
.wuk-has>ul a:hover{background:var(--sky)}
.wuk-hd__tel{font:700 1rem var(--hf);color:var(--ocean);text-decoration:none;white-space:nowrap}
.wuk-hd__burger{display:none}

/* buttons */
.wuk-btn{display:inline-flex;align-items:center;justify-content:center;font:700 1rem/1.1 var(--hf);padding:15px 26px;border-radius:999px;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s,background .15s}
.wuk-btn:hover{transform:translateY(-2px)}
.wuk-btn--coral{background:var(--coral);color:var(--deeper)}.wuk-btn--coral:hover{background:var(--coral2)}
.wuk-btn--white{background:#fff;color:var(--ocean)}.wuk-btn--white:hover{background:var(--sky)}
.wuk-btn--ghost{background:rgba(5,43,61,.32);border-color:rgba(255,255,255,.85);color:#fff}.wuk-btn--ghost:hover{background:rgba(255,255,255,.14)}
.wuk-btn--sm{padding:11px 20px;font-size:.95rem;white-space:nowrap}.wuk-btn--wide{width:100%}
.wuk-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

/* hero */
.wuk-hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:150px 0 130px;
 background:radial-gradient(ellipse 70% 38% at 50% 100%,rgba(255,138,110,.95),rgba(255,138,110,0) 72%),linear-gradient(180deg,#073A52 0%,#0B5778 48%,#2C8397 78%,#F4A58B 100%);background-size:cover}
.wuk-hero--ph{background:linear-gradient(180deg,rgba(5,43,61,.62),rgba(5,43,61,.4) 60%,rgba(5,43,61,.55)),var(--wuk-photo) center/cover no-repeat}
.wuk-hero--ph .wuk-scene{display:none}
.wuk-hero--big{padding:170px 0 150px}
.wuk-scene{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;pointer-events:none}
.wuk-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:54px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23EEF6F9' d='M0 60V34C120 6 240 6 360 28S600 58 720 38 960 6 1080 16s240 30 360 10V60Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.wuk-hero__in{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 24px}
.wuk-chip{display:inline-block;margin:0 0 18px;padding:7px 18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);font:500 .88rem var(--bf);letter-spacing:.06em}
.wuk-hero h1{color:#fff;font-size:clamp(2.1rem,5.2vw,3.75rem);text-wrap:balance;text-shadow:0 2px 24px rgba(5,43,61,.35)}
.wuk-hero__lead{font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:60ch;margin:20px auto 0;color:#eaf5f9}

/* sections */
.wuk-sec{position:relative;padding:92px 0}
.wuk-sec--white,.wuk-sec--deep,.wuk-sec--sand{margin-top:0}
.wuk-sec--white{background:#fff}.wuk-sec--sand{background:var(--sand)}.wuk-sec--deep{background:var(--deep);color:#d8eaf1}
.wuk-sec--white::before,.wuk-sec--deep::before,.wuk-sec--sand::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
.wuk-sec--white::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M0 60V34C120 6 240 6 360 28S600 58 720 38 960 6 1080 16s240 30 360 10V60Z'/%3E%3C/svg%3E")}.wuk-sec--deep::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23073A52' d='M0 60V34C120 6 240 6 360 28S600 58 720 38 960 6 1080 16s240 30 360 10V60Z'/%3E%3C/svg%3E")}.wuk-sec--sand::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23FFEBE1' d='M0 60V34C120 6 240 6 360 28S600 58 720 38 960 6 1080 16s240 30 360 10V60Z'/%3E%3C/svg%3E")}
.wuk-sec--deep h2,.wuk-sec--deep h3{color:#fff}.wuk-sec--deep .wuk-form h2{color:var(--ocean)}.wuk-sec--deep a:not(.wuk-btn){color:#ffd2c8}
.wuk-h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:18px}
.wuk-lede{max-width:64ch;margin:0 auto 38px;font-size:1.1rem;color:var(--mut)}.wuk-sec--deep .wuk-lede{color:#c6dfe9}
.wuk-center .wuk-lede{margin-left:auto;margin-right:auto}
.wuk-card{background:#fff;border-radius:var(--r);padding:36px;box-shadow:0 8px 30px rgba(11,79,108,.09)}.wuk-card--sand{background:var(--sand);box-shadow:none}
.wuk-sec--white .wuk-card{box-shadow:0 8px 30px rgba(11,79,108,.12)}
.wuk-duo{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}
.wuk-prose p,.wuk-prose li{max-width:72ch}.wuk-prose h3{font-size:1.25rem;margin:1.6em 0 .4em}.wuk-prose h2{margin-bottom:.6em}
.wuk-prose ul{padding-left:1.25em}.wuk-prose li::marker{color:var(--coral)}.wuk-prose a{color:var(--coral-ink);font-weight:500}
.wuk-sec--deep .wuk-prose a:not(.wuk-btn){color:#ffd2c8}
.wuk-more-link{font-weight:700;color:var(--coral-ink);text-decoration:none;border-bottom:2px solid var(--coral)}.wuk-more-link:hover{background:var(--sand)}
.wuk-more{margin:44px 0 0}

/* problems as chat bubbles */
.wuk-bub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.wuk-bub a{display:block;height:100%;position:relative;background:#fff;border-radius:var(--r) var(--r) var(--r) 4px;padding:26px 26px 28px;text-decoration:none;color:var(--text);box-shadow:0 8px 26px rgba(11,79,108,.1);transition:transform .15s}
.wuk-bub a:hover{transform:translateY(-4px)}.wuk-bub a::after{content:"";position:absolute;left:0;bottom:-14px;border:14px solid transparent;border-top-color:#fff;border-left-width:0;border-bottom-width:0;border-right-width:18px}
.wuk-bub h3{font-size:1.2rem;margin-bottom:10px}.wuk-bub p{margin:0;color:var(--mut);font-size:.98rem}

/* services */
.wuk-svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wuk-svc a{display:grid;gap:10px;align-content:start;height:100%;padding:28px 28px 30px;border-radius:var(--r);background:var(--sky);text-decoration:none;color:var(--text);border:2px solid transparent;transition:border-color .15s,transform .15s}
.wuk-svc a:hover{border-color:var(--coral);transform:translateY(-3px)}
.wuk-svc__n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--coral);color:var(--deeper);font:700 1rem var(--hf)}
.wuk-svc strong{font:700 1.2rem var(--hf);color:var(--ocean)}.wuk-svc__d{font-size:.97rem;color:var(--mut)}

/* AI band */
.wuk-ai{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center}
.wuk-ai__art{display:grid;place-items:center;aspect-ratio:1;max-width:340px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 70%,rgba(255,107,87,.5),rgba(255,107,87,0) 65%),rgba(255,255,255,.07);border:2px dashed rgba(255,255,255,.3)}
.wuk-ai__mark{width:62%;color:#fff}

/* climbing steps */
.wuk-climb{list-style:none;margin:54px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}
.wuk-climb--3{grid-template-columns:repeat(3,1fr)}
.wuk-climb li{background:#fff;border-radius:var(--r);padding:30px 24px 28px;box-shadow:0 8px 28px rgba(11,79,108,.1);position:relative}
.wuk-sec--white .wuk-climb li{background:var(--sky);box-shadow:none}
.wuk-climb li:nth-child(1){margin-top:108px}.wuk-climb li:nth-child(2){margin-top:72px}.wuk-climb li:nth-child(3){margin-top:36px}
.wuk-climb--3 li:nth-child(1){margin-top:72px}.wuk-climb--3 li:nth-child(2){margin-top:36px}.wuk-climb--3 li:nth-child(3){margin-top:0}
.wuk-climb__n{position:absolute;top:-22px;left:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--coral);color:var(--deeper);font:700 1.15rem var(--hf)}
.wuk-climb h3{font-size:1.2rem;margin:6px 0 8px}.wuk-climb p{margin:0;color:var(--mut);font-size:.98rem}

/* industries */
.wuk-ind{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wuk-ind li{padding:24px 26px;border-radius:var(--r);background:var(--sky);border-left:6px solid var(--coral)}
.wuk-ind h3{font-size:1.15rem;margin-bottom:6px}.wuk-ind p{margin:0;color:var(--mut);font-size:.97rem}

/* areas, pills */
.wuk-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px 30px}
.wuk-area h3{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--coral-ink);margin-bottom:10px}
.wuk-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.wuk-pills--c{justify-content:center}
.wuk-pills a{display:block;padding:9px 18px;border-radius:999px;background:#fff;color:var(--ocean);font-weight:500;font-size:.96rem;text-decoration:none;border:1.5px solid var(--line)}
.wuk-pills a:hover{border-color:var(--coral);background:#fff;color:var(--coral-ink)}
.wuk-sec--white .wuk-pills a{background:var(--sky)}

/* how we work */
.wuk-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.wuk-how__n{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--ocean);color:#fff;font:700 1.35rem var(--hf)}
.wuk-how h3{font-size:1.15rem;margin-bottom:8px}.wuk-how p{margin:0;color:var(--mut);font-size:.97rem}

/* faq */
.wuk-qa{background:var(--sky);border-radius:var(--r);margin-bottom:12px;padding:0 24px}
.wuk-qa summary{list-style:none;cursor:pointer;padding:20px 38px 20px 0;font:700 1.1rem var(--hf);color:var(--ocean);position:relative}
.wuk-qa summary::-webkit-details-marker{display:none}
.wuk-qa summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coral);color:var(--deeper);font:700 1.2rem/1 var(--hf)}
.wuk-qa[open] summary::after{content:"\2212"}.wuk-qa>div{padding:0 0 22px;color:var(--text);max-width:68ch}

/* cta */
.wuk-cta{padding:100px 0 110px}.wuk-cta .wuk-acts{margin-bottom:46px}
.wuk-cta__card{max-width:640px;margin:0 auto;text-align:left}
.wuk-form{background:#fff;color:var(--text);border-radius:24px;padding:34px;box-shadow:0 22px 60px rgba(0,0,0,.22);text-align:left}
.wuk-form__t{font-size:1.5rem;color:var(--ocean);margin:0 0 6px}.wuk-form__i{margin:0 0 18px;color:var(--mut);font-size:.98rem}
.wuk-form__g{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.wuk-fld--wide{grid-column:1/-1}
.wuk-fld label{display:block;font-weight:700;font-size:.88rem;margin-bottom:5px;color:var(--ocean)}
.wuk-fld input,.wuk-fld textarea{width:100%;font:inherit;color:var(--text);border:1.5px solid #b4cfda;border-radius:14px;padding:12px 16px;background:#fff}
.wuk-fld input:focus,.wuk-fld textarea:focus{outline:3px solid var(--coral);border-color:var(--coral)}
.wuk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wuk-form .wuk-btn{margin-top:20px}.wuk-form__err{color:#a31d12;font-weight:700;margin:12px 0 0}.wuk-form__n{margin:14px 0 0;font-size:.85rem;color:var(--mut)}

.wuk-jump{padding:40px 0 20px}.wuk-jump__t{font:700 .85rem var(--hf);letter-spacing:.18em;text-transform:uppercase;color:var(--coral-ink);margin:0 0 14px}
.wuk-src{font-size:.88rem;color:var(--mut);margin-top:26px}

/* footer */
.wuk-ft{position:relative;background:var(--deeper);color:#bcd6e1;padding:90px 0 60px;margin-top:0;font-size:.96rem}
.wuk-ft::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23052B3D' d='M0 60V34C120 6 240 6 360 28S600 58 720 38 960 6 1080 16s240 30 360 10V60Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.wuk-ft a{color:#e6f1f6;text-decoration:none}.wuk-ft a:hover{text-decoration:underline}
.wuk-ft__top{text-align:center;max-width:620px;margin:0 auto 52px}.wuk-logo--ft{color:#fff}.wuk-logo--ft .wuk-mark,.wuk-logo--ft .wuk-logo__b{color:#fff}.wuk-logo--ft .wuk-logo__a{color:var(--coral2)}
.wuk-ft__tag{font:700 1.15rem var(--hf);color:#fff;margin:18px 0 8px}.wuk-ft__p{margin:0}
.wuk-ft__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:40px 0;border-top:1px solid #1d4a60;border-bottom:1px solid #1d4a60}
.wuk-ft ul{list-style:none;margin:0;padding:0;line-height:2}.wuk-ft__h{font:700 .85rem var(--hf);letter-spacing:.18em;text-transform:uppercase;color:var(--coral2);margin:0 0 8px}
.wuk-ft__fine{text-align:center;font-size:.88rem;padding-top:26px}.wuk-ft__fine p{margin:0 0 6px}
.wuk-stk{display:none}

@media (max-width:1120px){
 .wuk-hd__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:46px;height:46px;border:0;border-radius:50%;background:var(--sky);cursor:pointer;align-items:center;padding:0}
 .wuk-hd__burger i{display:block;width:20px;height:2.5px;background:var(--ocean);border-radius:2px}
 .wuk-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:24px;box-shadow:0 18px 44px rgba(5,43,61,.28);padding:16px 18px 20px;flex-direction:column;align-items:stretch;gap:12px;max-height:75vh;overflow:auto;margin:0}
 .wuk-nav.wuk-open{display:flex}.wuk-nav>ul{flex-direction:column}.wuk-has>ul{display:block;position:static;box-shadow:none;min-width:0;padding:0 0 4px 12px}
 .wuk-nav .wuk-btn{width:100%}.wuk-hd__tel{text-align:center;font-size:1.15rem}
}
@media (max-width:960px){
 .wuk-bub,.wuk-svc,.wuk-ind{grid-template-columns:repeat(2,1fr)}.wuk-climb,.wuk-climb--3,.wuk-how{grid-template-columns:repeat(2,1fr)}
 .wuk-climb li,.wuk-climb--3 li{margin-top:0!important}.wuk-climb{margin-top:34px;row-gap:38px}
 .wuk-duo,.wuk-ai{grid-template-columns:1fr}.wuk-ai__art{max-width:240px}.wuk-ft__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 body{font-size:16px}.wuk-hd{top:10px;padding:0 10px}.wuk-hd__pill{padding:7px 8px 7px 16px}.wuk-mark{width:38px;height:28px}.wuk-logo__b{font-size:1.25rem}
 .wuk-sec{padding:64px 0}.wuk-in{padding:0 18px}
 .wuk-hero,.wuk-hero--big{padding:104px 0 96px}.wuk-chip{margin-bottom:12px;font-size:.8rem;padding:5px 14px}
 .wuk-hero h1{font-size:clamp(1.85rem,8.4vw,2.4rem)}.wuk-hero__lead{font-size:.98rem;margin-top:14px;line-height:1.55}
 .wuk-acts{flex-direction:column;align-items:stretch;gap:9px;margin-top:20px}.wuk-acts .wuk-btn{padding:13px 20px}
 .wuk-bub,.wuk-svc,.wuk-ind,.wuk-climb,.wuk-climb--3,.wuk-how,.wuk-ft__cols,.wuk-form__g{grid-template-columns:1fr}
 .wuk-card{padding:24px 20px}.wuk-form{padding:24px 18px}.wuk-cta{padding:70px 0 80px}
 .wuk-ft{padding-bottom:110px}
 .wuk-stk{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--deeper);border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
 .wuk-stk a,.wuk-stk button{flex:1;text-align:center;padding:12px 6px;border-radius:999px;font:700 .95rem var(--hf);text-decoration:none;border:0;cursor:pointer;background:#fff;color:var(--ocean)}
 .wuk-stk .wuk-stk__c{background:var(--coral);color:var(--deeper)}.wuk-stk .wuk-stk__f{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* hover bridge: the dropdown sits a few px below its button; this invisible strip keeps it open while the mouse crosses the gap */
@media (min-width:1121px){.wuk-has>ul::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:16px}}

@media (max-width:480px){main a[href^="tel:"],main button[data-wukt],main a[data-wukt]{white-space:nowrap}}
main p a:not([class]),footer p a:not([class]){text-decoration:underline;text-underline-offset:2px}
