@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap');
:root{--navy:#173b69;--navy-dark:#102e55;--ink:#182b43;--paper:#fffdfa;--sky:#eaf8fb;--coral:#ff9c9b;--yellow:#ffd95a;--cyan:#67d3e2;--pink:#f6c6df;--muted:#66758a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,6vw,96px)}.brand{width:155px;display:block}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:30px;color:var(--navy);font-size:.85rem;font-weight:700}.nav-cta{padding:12px 18px;border:1px solid rgba(23,59,105,.2);border-radius:999px;background:#fff}.nav-cta span,.button span{margin-left:10px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:800px;gap:clamp(35px,7vw,110px);padding:145px clamp(22px,8vw,140px) 100px;overflow:hidden;background:linear-gradient(135deg,#fffdfa 0%,#fffdfa 56%,#f1fbfc 100%)}.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ee4b9b,#ffd523,#37bce0)}h1,h2{font-family:Sora,Arial,sans-serif;letter-spacing:-.055em}h1{max-width:710px;font-size:clamp(3.7rem,6.8vw,7.4rem);line-height:.94;margin:27px 0 28px;color:var(--navy);font-weight:700}h1 em,h2 em{font-style:normal;background:linear-gradient(100deg,#ec559f,#f6b33a 45%,#2fc8db);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:540px;font-size:1.15rem;line-height:1.7;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;border-radius:999px;padding:15px 21px;font-size:.88rem;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,59,105,.12)}.button.primary{background:var(--navy);color:#fff}.button.ghost{border:1px solid #ccdae5;color:var(--navy);background:#fff}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:62px;color:var(--muted)}.hero-proof strong{font-size:2.6rem;line-height:1;color:var(--navy)}.hero-proof span{font-size:.78rem;line-height:1.4;border-left:1px solid #d5dde6;padding-left:12px}.hero-visual{position:relative;z-index:2;min-height:540px;display:flex;align-items:center;justify-content:center}.cover-reference{background-image:url('assets/cover-reference.png');background-size:275% auto;background-position:88% 42%}.portrait{width:min(100%,475px);height:550px;border-radius:52% 48% 46% 54% / 38% 42% 58% 62%;border:9px solid #fff;box-shadow:0 24px 50px rgba(35,74,108,.15);transform:rotate(4deg)}.visual-caption{position:absolute;right:3%;bottom:7%;display:flex;gap:10px;align-items:center;padding:13px 17px;background:#fff;border-radius:18px;box-shadow:0 15px 34px rgba(35,74,108,.12);color:var(--muted);font-size:.7rem;line-height:1.35}.visual-caption strong{color:var(--navy);font-size:.8rem}.caption-dot{width:10px;height:10px;border-radius:50%;background:var(--coral)}.scribble{position:absolute;top:4%;right:5%;font-size:5rem;color:#f4b52c;transform:rotate(18deg)}.hero-shape{position:absolute;border-radius:50%;z-index:-1}.shape-one{width:240px;height:240px;background:var(--yellow);left:-120px;top:25%}.shape-two{width:110px;height:110px;background:var(--pink);right:32%;top:13%}.shape-three{width:330px;height:330px;border:2px solid var(--cyan);right:-170px;bottom:-150px}.section{padding:clamp(85px,10vw,150px) clamp(22px,8vw,140px)}.intro{display:grid;grid-template-columns:.4fr 1.6fr;gap:50px;background:#fff}.intro-tag{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-top:9px}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.section h2{color:var(--navy);font-size:clamp(2.8rem,5vw,5.7rem);line-height:1.02;margin:0;font-weight:700}.intro-copy{font-size:1.06rem;line-height:1.75;color:var(--muted)}.intro-copy p{margin:0 0 22px}.arrow-link{display:inline-flex;gap:12px;color:var(--navy);font-weight:800;border-bottom:2px solid var(--yellow);padding-bottom:4px}.arrow-link span{font-size:1.3rem}.service-section{background:#f6fbfc}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-note{max-width:330px;color:var(--muted);line-height:1.6;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.service-card{position:relative;min-height:350px;padding:28px;border-radius:28px;overflow:hidden;color:var(--navy)}.service-card.coral{background:var(--coral)}.service-card.yellow{background:var(--yellow)}.service-card.cyan{background:var(--cyan)}.service-card .number{font-size:.75rem;font-weight:800;opacity:.65}.service-icon{position:absolute;right:27px;top:18px;font-size:3rem;font-weight:500}.service-card h3{max-width:260px;font-size:1.5rem;line-height:1.12;margin:82px 0 15px;letter-spacing:-.04em}.service-card p{max-width:300px;line-height:1.6;margin:0;color:rgba(24,43,67,.78)}.service-card a{position:absolute;bottom:28px;font-weight:800;font-size:.82rem}.service-card a span{margin-left:9px}.approach{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,9vw,150px);align-items:center;background:#fff}.approach-art{position:relative;min-height:450px}.art-circle{position:absolute;width:340px;height:340px;left:12%;top:7%;border-radius:50%;background:linear-gradient(140deg,#f4c2df,#fff0a1 45%,#78dbe5)}.art-card{position:absolute;left:25%;top:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:270px;border-radius:30px;background:#fff;box-shadow:0 24px 45px rgba(35,74,108,.15);color:var(--navy);font-weight:700;text-transform:uppercase;letter-spacing:.13em}.art-card strong{font-family:Sora;font-size:4rem;line-height:.8;margin:10px 0;color:#f08bb0}.approach-copy h2{margin-top:26px}.steps{display:grid;gap:22px;margin-top:42px}.steps>div{display:grid;grid-template-columns:48px 1fr;gap:18px;border-top:1px solid #e4e9ef;padding-top:18px}.steps span{color:var(--cyan);font-weight:800}.steps p{margin:0;color:var(--muted);line-height:1.55}.steps strong{color:var(--navy)}.quote-section{background:var(--navy);color:#fff;text-align:center;padding-block:120px}.quote-mark{font-family:Georgia,serif;font-size:7rem;line-height:.3;color:var(--yellow)}blockquote{max-width:950px;margin:30px auto 22px;font-family:Sora;font-size:clamp(2.1rem,4.3vw,4.8rem);font-weight:700;line-height:1.05;letter-spacing:-.06em}blockquote em{font-style:normal;color:var(--yellow)}.quote-section>p{color:#b9d6e7;font-size:.85rem}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;background:#fff9ee}.contact-copy h2{margin:26px 0}.contact-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);line-height:1.7;margin:28px 0}.contact-card{display:grid;gap:13px;padding:33px;border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(35,74,108,.1);color:var(--navy)}.contact-card img{width:210px;max-width:100%;margin-bottom:18px}.contact-card div{display:grid;gap:3px;padding-bottom:14px;border-bottom:1px solid #e7edf2}.contact-card div span{font-size:1.3rem;font-weight:800}.contact-card div strong{font-size:.8rem;color:var(--muted)}.contact-card a{font-weight:600}.contact-card span:last-child{color:var(--muted);font-size:.88rem}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(22px,8vw,140px);background:var(--navy-dark);color:#c5d8e8;font-size:.78rem}@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-visual{min-height:500px}.intro,.intro-content,.approach,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.section-top{display:block}.section-note{margin-top:22px}.approach-art{min-height:410px}.contact{gap:45px}}@media(max-width:560px){.site-header{padding:15px 20px}.brand{width:122px}.nav-cta{padding:10px 13px;font-size:.74rem}.hero{padding-inline:20px}.hero h1{font-size:3.55rem}.hero-lead{font-size:1rem}.hero-visual{min-height:410px}.portrait{height:410px}.visual-caption{right:0;bottom:3%}.scribble{font-size:3.5rem}.section{padding-inline:20px}.section h2{font-size:3rem}.service-card{min-height:315px}.art-circle{width:280px;height:280px;left:2%}.art-card{left:18%;width:190px;height:240px}.quote-section{padding-block:90px}.contact-copy h2{font-size:3.3rem}footer{flex-direction:column}}