:root{--navy:#142220;--midnight:#18232d;--ink:#172128;--blue:#70b7ff;--ice:#e5f3fa;--powder:#ddecf3;--grey:#e9eff2;--white:#fff;--warm:#fafbf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.pad{padding:12vh 6vw}.header{position:fixed;z-index:30;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;transition:.35s}.header.scrolled{background:rgba(250,251,249,.95);color:var(--navy);box-shadow:0 1px rgba(20,34,32,.1);backdrop-filter:blur(12px)}.logo{text-decoration:none;font-size:1.08rem;font-weight:900;letter-spacing:.04em;line-height:.9}.logo span{display:block;font-size:.43rem;letter-spacing:.28em;margin-top:6px}.header nav{display:flex;gap:27px;align-items:center}.header nav a{text-decoration:none;font-size:.68rem;font-weight:900;letter-spacing:.1em}.nav-cta{border-bottom:2px solid currentColor;padding-bottom:7px}.menu{display:none;border:0;background:none;color:inherit;font-weight:900}.opening{position:relative;min-height:100svh;padding:14vh 5vw 8vh;display:flex;align-items:center;background:var(--navy);color:white;overflow:hidden}.opening:after{content:"";position:absolute;right:-20vw;top:-25vh;width:46vw;height:150vh;background:var(--blue);opacity:.09;transform:rotate(15deg)}.opening-inner{position:relative;z-index:1;width:100%}.opening-kicker{margin:0 0 4vh;color:var(--blue);font-weight:800;font-size:clamp(1rem,1.7vw,1.4rem)}.opening h1{margin:0}.opening h1 span{display:block;font-weight:900;line-height:.74;letter-spacing:-.085em}.be{font-size:clamp(5rem,11vw,11rem);color:var(--blue)}.brand{font-size:clamp(4.2rem,14vw,14rem);white-space:nowrap}.about-line{height:clamp(4.8rem,9vw,9rem);display:flex;gap:.25em;align-items:baseline;margin-top:4vh;font-size:clamp(3.2rem,7.4vw,7.4rem);line-height:.88;font-weight:900;letter-spacing:-.07em;transition:height .8s cubic-bezier(.76,0,.24,1),margin .8s,opacity .4s,transform .8s}.word-viewport{display:block;overflow:hidden;color:var(--blue)}.word-viewport b{display:block}.word-viewport b.enter{animation:wordIn .5s cubic-bezier(.22,.8,.25,1)}.word-viewport b.exit{animation:wordOut .3s ease-in}.about-line.complete{height:0;margin:0;opacity:0;transform:translateY(50%)}.continue,.replay{position:absolute;z-index:2;bottom:4vh;color:white;font-size:.66rem;font-weight:900;letter-spacing:.13em}.continue{left:5vw;text-decoration:none;opacity:0;transform:translateY(10px);transition:.45s}.continue.ready{opacity:1;transform:none}.continue span{color:var(--blue);font-size:1.1rem;margin-left:8px}.replay{right:5vw;background:none;border:0;border-bottom:1px solid #ffffff80;padding:0 0 5px;cursor:pointer}@keyframes wordIn{from{opacity:0;transform:translateY(80%)}to{opacity:1;transform:none}}@keyframes wordOut{to{opacity:0;transform:translateY(-60%)}}
.label{font-size:.7rem;font-weight:900;letter-spacing:.17em;color:#617077}.label-light{color:var(--blue)}.intro{background:var(--warm)}.intro-grid,.section-head,.about-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:10vw;margin-top:8vh}.intro h2,.section-head h2,.value>h2,.about h2,.faq>h2{margin:0;font-size:clamp(3.3rem,7vw,7rem);line-height:.89;letter-spacing:-.07em}.intro h2 em{font-style:normal;color:var(--blue)}.lead-copy{font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.65}.lead-copy p{margin:0 0 1.4em}.text-link{display:inline-block;margin-top:18px;text-decoration:none;font-size:.74rem;font-weight:900;letter-spacing:.11em;border-bottom:2px solid var(--blue);padding-bottom:7px}.services,.process{background:var(--navy);color:white}.section-head h2{color:inherit}.section-head>p{align-self:end;font-size:1.15rem;line-height:1.55;color:var(--powder)}.service-list{margin-top:10vh;border-top:1px solid #ffffff40}.service-list article{display:grid;grid-template-columns:10vw 1fr;padding:36px 0;border-bottom:1px solid #ffffff40}.service-num{color:var(--blue);font-size:.8rem;font-weight:900}.service-list article>div:nth-child(2){display:grid;grid-template-columns:.8fr 1fr .9fr;gap:5vw;align-items:start}.service-list h3{font-size:clamp(2rem,3.4vw,3.5rem);margin:0;letter-spacing:-.05em}.service-list p{margin:0;color:var(--powder);line-height:1.55}.service-list ul{margin:0;padding:0;list-style:none;color:var(--powder);font-size:.9rem}.service-list li{padding:4px 0}.value{background:var(--blue);color:var(--navy)}.value>h2{margin-top:8vh}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:9vh;border-top:1px solid #14222080}.value-grid article{padding:35px 8vw 45px 0;border-bottom:1px solid #14222080}.value-grid article:nth-child(odd){border-right:1px solid #14222080}.value-grid article:nth-child(even){padding-left:5vw}.value-grid span{font-size:.7rem;font-weight:900}.value-grid h3{font-size:1.6rem;max-width:420px;margin:45px 0 15px}.value-grid p{line-height:1.55;max-width:400px}.work{padding-left:0;padding-right:0;background:var(--warm)}.work>.label,.work>.section-head{margin-left:6vw;margin-right:6vw}.section-head.dark>p{color:#56636b}.project{min-height:90vh;margin-top:11vh;padding:7vw 6vw;display:grid;grid-template-columns:.55fr 1.3fr;gap:6vw;align-items:center;overflow:hidden}.project-blue{background:var(--blue);color:var(--navy)}.project-light{background:var(--ice);color:var(--navy)}.project-navy{background:var(--midnight);color:white}.project-count{font-size:.65rem;font-weight:900;letter-spacing:.12em;opacity:.7}.project h3{font-size:clamp(3.2rem,6.7vw,6.8rem);line-height:.83;letter-spacing:-.075em;margin:6vh 0 3vh}.project .tags{font-size:.75rem;font-weight:900;letter-spacing:.06em}.project-copy>p:not(.tags){line-height:1.55;max-width:430px}.project-copy>a{display:inline-block;margin-top:35px;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:6px}.project-media{position:relative;min-height:540px;display:flex;align-items:center}.browser{position:relative;width:92%;background:white;box-shadow:0 28px 80px #0003;overflow:hidden}.browser-top{height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;color:var(--ink);font-size:.55rem;font-weight:900;letter-spacing:.12em}.browser-top i{width:7px;height:7px;border-radius:50%;background:var(--grey)}.browser-top span{margin-left:auto}.browser img{display:block;width:100%;height:390px;object-fit:cover}.screen-copy{position:absolute;left:30px;bottom:30px;color:white}.screen-copy small{display:block;font-size:.55rem;font-weight:900;letter-spacing:.17em}.screen-copy strong{display:block;font-size:clamp(1.7rem,3vw,3rem);margin-top:8px}.dark-copy{color:var(--navy)}.phone,.social-card{position:absolute;right:0;bottom:0;width:155px;height:300px;border:7px solid var(--ink);border-radius:22px;background:var(--navy);color:white;padding:25px 14px;box-shadow:0 18px 50px #0004}.phone span{color:var(--blue);font-weight:900}.phone p{position:absolute;left:14px;bottom:15px;font-size:1.25rem;font-weight:900;line-height:.95}.social-card{border:0;border-radius:0;background:var(--blue);color:var(--navy);display:flex;flex-direction:column;justify-content:space-between;font-size:1.6rem;font-weight:900}.social-card b{text-align:right;font-size:4rem}.coffee-phone{background:var(--blue);color:var(--navy)}.coffee-phone span{color:var(--navy)}
.process .section-head{margin-bottom:10vh}.steps{border-top:1px solid #ffffff40}.steps article{display:grid;grid-template-columns:12vw 1fr;padding:36px 0;border-bottom:1px solid #ffffff40}.steps article>span{color:var(--blue);font-size:1.1rem;font-weight:900}.steps h3{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 12px}.steps p{max-width:690px;color:var(--powder);line-height:1.55;margin:0}.steps .highlight{background:var(--blue);color:var(--navy);margin:0 -6vw;padding:44px 6vw}.steps .highlight>span,.steps .highlight p{color:var(--navy)}.steps .highlight b{display:block;margin-top:25px;font-size:.7rem;letter-spacing:.13em}.about{background:var(--warm)}.about h2{font-size:clamp(3.2rem,6.4vw,6.4rem)}.about-grid>div{font-size:1.1rem;line-height:1.65}.about-grid p{margin:0 0 1.5em}.belief{background:var(--blue);color:var(--navy);min-height:90vh;display:flex;flex-direction:column;justify-content:center}.belief blockquote{font-size:clamp(2.8rem,6.5vw,6.5rem);line-height:.96;letter-spacing:-.06em;font-weight:900;margin:7vh 0 5vh;max-width:1370px}.belief>p{font-size:1.25rem;font-weight:900}.faq{background:var(--ice)}.faq>h2{margin-top:7vh}.questions{margin-top:8vh;border-top:1px solid #14222080}.questions details{border-bottom:1px solid #14222080}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:1.25rem;font-weight:800;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--blue);font-size:1.6rem}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{max-width:700px;line-height:1.6;margin:0 0 30px}.contact{background:var(--blue);color:var(--navy);min-height:100vh;display:grid;grid-template-columns:1.2fr .5fr;gap:8vw;align-items:center}.contact>div>p{font-weight:800}.contact h2{font-size:clamp(4.5rem,12vw,12rem);line-height:.78;letter-spacing:-.085em;margin:4vh 0}.contact h2 span{display:block;color:white}.contact-side p{font-size:1.15rem;line-height:1.55}.contact-side>a{display:block;width:max-content;text-decoration:none}.contact-side>a:first-of-type{margin-top:40px;font-size:.78rem;font-weight:900;letter-spacing:.1em;border-bottom:2px solid var(--navy);padding-bottom:7px}.contact-side .email{margin-top:32px}footer{padding:45px 5vw;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:end;gap:30px}footer p{font-size:.72rem;margin:0;color:var(--powder)}
@media(max-width:850px){.header{height:68px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--warm);color:var(--navy);padding:30px 5vw;flex-direction:column;align-items:flex-start}.header nav.open{display:flex}.menu{display:block}.opening{padding-top:14vh}.opening-kicker{max-width:300px;line-height:1.4}.be{font-size:clamp(4.8rem,25vw,8rem)}.brand{font-size:clamp(3.45rem,15.6vw,6rem)}.about-line{font-size:clamp(2.35rem,10.7vw,4.2rem);flex-wrap:wrap;height:clamp(7rem,24vw,10rem)}.intro-grid,.section-head,.about-grid,.contact{grid-template-columns:1fr;gap:6vh}.service-list article{grid-template-columns:55px 1fr}.service-list article>div:nth-child(2){grid-template-columns:1fr;gap:20px}.value-grid{grid-template-columns:1fr}.value-grid article:nth-child(odd){border-right:0}.value-grid article:nth-child(even){padding-left:0}.project{grid-template-columns:1fr;padding:10vh 6vw}.project-media{min-height:390px}.browser{width:100%}.browser img{height:300px}.phone,.social-card{width:115px;height:220px}.phone p{font-size:.85rem}.project h3{margin:4vh 0 2vh}.contact{padding-top:12vh;padding-bottom:12vh}footer{align-items:flex-start;flex-direction:column}.pad{padding:10vh 6vw}}@media(max-width:520px){.project-media{min-height:320px}.browser img{height:240px}.phone,.social-card{display:none}.screen-copy{left:20px;bottom:20px}.work .section-head{grid-template-columns:1fr}.belief{min-height:75vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.word-viewport b.enter,.word-viewport b.exit{animation:none}.about-line,.continue{transition:none}}

/* CUSTOMER PORTAL NAVIGATION */
.header nav a.portal-link{color:#2878FF;font-weight:900}
.header.scrolled nav a.portal-link{color:#2878FF}
.header nav a.portal-link:hover{color:#70B7FF}