/* Direction 3: mobile-first illustrated narrative, with business-blue stickers. */
:root{--ink:#08234b;--blue:#067eaf;--deep:#062351;--accent:#93e9fa;--paper:#effaff}
html{background:#deeff7}body{max-width:900px;margin-inline:auto;background:#fff;box-shadow:0 0 90px #084b7a22;overflow-x:hidden}.site-header,.site-header.scrolled{transform:none;visibility:visible;max-width:900px;margin:auto;background:#ffffffed}.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-toggle{display:block}.header-inner{height:70px}.mobile-nav{max-width:900px;left:50%;right:auto;width:min(100%,900px);transform:translateX(-50%);top:70px}
.feature-hero{position:relative;text-align:center;overflow:hidden;padding:132px 7% 80px;background:radial-gradient(circle at 50% 45%,#d9f8ff 0,#f9fdff 48%,#eaf8ff 100%);min-height:780px}.feature-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#3ac6ed5c 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#0008,transparent);pointer-events:none}.story-stars i{position:absolute;color:#00afd8;font-size:50px;font-style:normal;animation:twinkle 3s ease-in-out infinite}.story-stars i:nth-child(1){top:15%;left:7%}.story-stars i:nth-child(2){top:25%;right:10%;animation-delay:.7s}.story-stars i:nth-child(3){top:57%;left:6%;animation-delay:1.1s}.story-stars i:nth-child(4){top:70%;right:6%;animation-delay:1.6s}.hero-kicker{display:inline-block;background:#062351;color:white;padding:9px 17px;border-radius:99px;font-size:14px;font-weight:900;box-shadow:5px 5px 0 #8fdef3;margin-bottom:25px;position:relative}.feature-hero h1{position:relative;line-height:1.16;letter-spacing:-.07em;filter:drop-shadow(5px 7px 0 #ffffff)}.feature-hero h1 span{display:block;font-size:clamp(35px,5vw,52px);font-weight:900;color:#062351}.feature-hero h1 strong{display:block;font-size:clamp(65px,9vw,105px);font-weight:900;color:#05a6d6;-webkit-text-stroke:2px #062351;text-shadow:5px 6px 0 #062351;animation:pop .85s .1s both}.story-sub{font-size:19px;font-weight:800;line-height:1.75;margin:26px auto 0;position:relative;color:#153d68}.story-desk{height:260px;max-width:680px;margin:35px auto 20px;position:relative;filter:drop-shadow(0 16px 20px #0c477e25)}.story-core{width:210px;height:210px;border-radius:50%;background:#062351;color:#fff;position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;font-size:49px;font-weight:900;border:9px solid #b9effe;box-shadow:0 0 0 6px #062351,0 0 0 13px #ffffff}.story-core b{font-size:24px;color:#78e6ff}.story-core span:last-child{color:#8fe9fc}.story-bubble{position:absolute;background:#fff;border:3px solid #062351;border-radius:18px;padding:10px 14px;font-size:15px;font-weight:900;box-shadow:6px 6px 0 #2aabda;white-space:nowrap;animation:float-card 3.5s ease-in-out infinite}.bubble-one{top:8px;left:5%;transform:rotate(-8deg)}.bubble-two{bottom:33px;left:0;transform:rotate(7deg);animation-delay:.5s}.bubble-three{top:8px;right:2%;transform:rotate(7deg);animation-delay:.9s}.bubble-four{bottom:32px;right:0;transform:rotate(-7deg);animation-delay:1.4s}.hero-cta{position:relative;display:inline-flex;justify-content:space-between;align-items:center;gap:40px;background:#062351;color:white;border-radius:12px;min-width:360px;padding:17px 25px;font-size:17px;font-weight:900;box-shadow:7px 7px 0 #44bee2;transition:transform .25s,box-shadow .25s}.hero-cta:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 #44bee2}.hero-cta span{font-size:27px}.hero-caption{font-size:13px;font-weight:700;margin-top:15px}.story-down{display:block;margin:26px auto 0;border:2px solid #062351;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:27px;background:#fff;animation:bounce 2s infinite}
.feature-hero h1 strong{line-height:1.25;text-shadow:2px 3px 0 #062351;-webkit-text-stroke:1px #062351}
.feature-hero h1{filter:none}.feature-hero h1 strong{line-height:1.38;text-shadow:none;-webkit-text-stroke:1px #062351}
.container{width:min(760px,86%)}.section{padding-block:90px}.section-heading{text-align:center}.section-heading h2{font-size:clamp(38px,6vw,58px);line-height:1.3}.eyebrow{justify-content:center}.section-lead{margin-inline:auto}.concerns{background:#f4fbff}.concern-grid{display:block}.concern-item{background:white;margin:14px 0;border:2px solid #d3eaf5;border-radius:18px;padding:24px;box-shadow:6px 6px 0 #cceffc}.concern-answer{justify-content:center;text-align:center}.concern-answer svg{display:none}.approach-grid,.team-grid{grid-template-columns:1fr;gap:40px}.approach-grid .section-heading,.team .section-heading{text-align:left}.approach-grid .eyebrow,.team .eyebrow{justify-content:flex-start}.approach-board{transform:rotate(2deg);max-width:600px;margin:auto;border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 #ade2f5}.outcomes{display:block}.outcome,.outcome:first-child,.outcome:last-child{display:grid;grid-template-columns:50px 1fr;column-gap:17px;padding:22px 0;border-left:0;border-bottom:1px solid #b8ddec}.outcome-icon{grid-row:1/3}.outcome h3{margin-bottom:6px;font-size:25px}.outcome>p{grid-column:2}.services{background:#062351}.service-row{grid-template-columns:30px 40px 1fr;gap:10px 14px}.service-row h3{font-size:22px}.service-row>p{grid-row:2;grid-column:3}.service-tag{grid-column:3;grid-row:3;justify-self:start;margin:0}.service-note{display:block}.service-note>p:last-child{margin-top:12px}.example-workspace{grid-template-columns:1fr}.example-menu{border-right:0;border-bottom:1px solid #d9e1ee}.example-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.example-panel{padding:30px}.works{background:#effaff}.works-grid{grid-template-columns:1fr;gap:60px}.work-item{background:white;border-radius:18px;padding:20px;box-shadow:8px 8px 0 #ccebf8}.work-image{padding:12px 12px 0}.work-copy{padding-top:18px}.team-graphic{max-width:600px;margin:auto}.process{background:#e9f8ff}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li{background:white;border:2px solid #cae7f4;border-radius:17px;padding:20px;box-shadow:5px 5px 0 #c2e8f7}.process-grid li::after{display:none}.pricing-note{grid-template-columns:1fr;border-radius:17px}.faq .container{max-width:760px}.consultation{background:#0b3970;text-align:center}.consultation .eyebrow{justify-content:center}.consultation h2{font-size:clamp(40px,6vw,60px)}.consultation-bottom{grid-template-columns:1fr;gap:30px}.final-action{margin:auto;width:min(100%,430px)}.footer-main{gap:30px}.site-footer{background:white}
@keyframes pop{from{opacity:0;transform:scale(.7) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes twinkle{50%{transform:scale(.5) rotate(25deg);opacity:.35}}@keyframes float-card{50%{translate:0 -9px}}@keyframes bounce{50%{transform:translateY(7px)}}
@media(max-width:600px){.site-header .header-inner{height:68px}.feature-hero{padding:105px 5% 70px;min-height:720px}.hero-kicker{font-size:11px;margin-bottom:28px}.feature-hero h1 span{font-size:clamp(28px,7.5vw,41px)}.feature-hero h1 strong{font-size:clamp(56px,14vw,79px);-webkit-text-stroke:1px #062351;text-shadow:3px 4px 0 #062351}.story-sub{font-size:14px;line-height:1.9;margin-top:22px}.story-sub br{display:none}.story-desk{height:210px;margin:30px auto 15px}.story-core{width:150px;height:150px;font-size:38px;top:26px;border-width:6px;box-shadow:0 0 0 4px #062351,0 0 0 8px #fff}.story-core b{font-size:18px}.story-bubble{font-size:10px;padding:7px 8px;border-width:2px;border-radius:10px;box-shadow:3px 3px 0 #2aabda}.bubble-one{top:3px;left:0}.bubble-two{bottom:12px;left:0}.bubble-three{top:4px;right:0}.bubble-four{bottom:10px;right:0}.hero-cta{min-width:0;width:100%;font-size:15px;gap:5px;padding:16px 18px}.story-stars i{font-size:28px}.section{padding-block:72px}.container{width:88%}.section-heading h2{font-size:clamp(31px,8vw,40px)}.concern-item{padding:19px;box-shadow:4px 4px 0 #cceffc}.concern-answer{display:block}.concern-answer strong{display:block}.approach-grid h2,.team .section-heading h2{font-size:clamp(31px,8vw,40px)}.outcome,.outcome:first-child,.outcome:last-child{display:block;padding:24px 0 24px 53px}.outcome-icon{position:absolute;left:0;top:27px}.outcome>p{font-size:14px}.example-tabs{grid-template-columns:repeat(2,1fr)}.work-item{padding:12px;box-shadow:5px 5px 0 #ccebf8}.process-grid{display:block}.process-grid li{margin-bottom:12px;min-height:0;padding:20px 20px 20px 70px}.step-num{left:18px}.service-row{grid-template-columns:20px 28px 1fr}.service-row>p{grid-column:2/4}.service-tag{grid-column:2/4}.consultation h2{font-size:clamp(34px,8.5vw,44px)}}
@media(max-width:600px){.feature-hero h1 strong{text-shadow:none;line-height:1.42}}
@media(prefers-reduced-motion:reduce){.story-stars i,.feature-hero h1 strong,.story-bubble,.story-down{animation:none!important}}