:root{--ink:#071426;--body:#172b43;--muted:#34465d;--blue:#185be4;--line:#dbe7f7;--bg:#fcfdff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,.brand{font-family:Delius,cursive;line-height:1.15;letter-spacing:-.02em}h1,h2,h3,p{margin-top:0}.wrap{width:min(100%,1440px);margin:auto;padding-inline:clamp(24px,4.5vw,90px)}
.site-header{position:absolute;inset:0 0 auto;z-index:20;padding-top:18px}.nav{width:min(calc(100% - 36px),1180px);height:62px;margin:auto;padding:0 12px 0 26px;border:1px solid var(--line);border-radius:999px;background:rgba(252,253,255,.86);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 36px -28px #325a94}.brand{font-size:1.45rem;font-weight:700;white-space:nowrap}.brand span{color:#336cff}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-weight:500}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-links .nav-cta{background:#2460ee;color:#fff;padding:11px 22px;border-radius:999px;font-weight:600}.nav-links .nav-cta:hover{background:#104bc9;color:#fff}.menu-btn{display:none;background:transparent;border:0;width:44px;height:44px;cursor:pointer}.menu-btn span{display:block;width:23px;height:2px;margin:5px auto;background:var(--ink)}
.about-hero{position:relative;overflow:hidden;padding:150px 0 92px;background:radial-gradient(circle at 8% 20%,#ced4ff 0,transparent 32%),radial-gradient(circle at 95% 23%,#bfddff 0,transparent 32%),radial-gradient(circle at 42% 90%,#e3deff 0,transparent 36%),linear-gradient(180deg,#fcfdff,#edf4ff 82%,#f7f9ff)}.about-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#678ad70b 1px,transparent 1px),linear-gradient(90deg,#678ad70b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 2%,#000 45%,transparent 100%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.8fr);gap:clamp(36px,6vw,100px);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.79rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#1754bf}.eyebrow:before{content:"";width:28px;height:2px;background:#1754bf}.about-hero h1{font-size:clamp(2.65rem,4.35vw,4.8rem);max-width:820px;margin-bottom:24px}.about-hero h1 em{font-style:normal;color:#103e82}.lead{max-width:650px;font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.75;color:var(--body)}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{color:#fff;background:linear-gradient(105deg,#185bee,#276df6);box-shadow:0 15px 25px -15px #1754bf}.button.outline{border:1.5px solid #14375f;background:#fff;color:#0d284c}.hero-photo{position:relative;width:min(100%,355px);justify-self:center;padding:10px;border:1px solid #fff;border-radius:30px;background:#fff;box-shadow:0 26px 70px -35px #27568b;transform:rotate(2deg)}.hero-photo img{width:100%;height:410px;object-fit:cover;object-position:center 29%;border-radius:22px}.photo-label{position:absolute;left:-18px;bottom:24px;padding:16px 20px;border-radius:17px;background:#071b3c;color:#fff;box-shadow:0 16px 30px -20px #061936;transform:rotate(-2deg)}.photo-label strong{display:block;font-size:1.05rem}.photo-label small{display:block;margin-top:2px;color:#d2ddf3}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.proof div{padding:19px 22px;border:1px solid #dbe7f7;border-radius:19px;background:#ffffffb8;box-shadow:0 12px 28px -26px #244472}.proof strong{display:block;font-family:Delius,cursive;font-size:1.55rem;color:#0b397b}.proof span{font-size:.85rem;color:var(--muted)}
.section{padding:90px 0}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2{font-size:clamp(2.15rem,3.3vw,3.45rem);margin-bottom:16px}.section-heading p{font-size:1.05rem;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;min-height:210px;padding:26px;border:1px solid var(--border);border-bottom:4px solid var(--accent);border-radius:22px;background:linear-gradient(145deg,var(--tint),#fff 75%);box-shadow:0 18px 34px -30px var(--accent);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 24px 40px -28px var(--accent)}.service-card h3{font-size:1.38rem;margin:0 0 10px}.service-card p{color:var(--body);margin-bottom:16px}.service-card span{margin-top:auto;color:var(--accent);font-weight:700}.service-card:nth-child(1){--accent:#175dd6;--tint:#eef5ff;--border:#cbdefb}.service-card:nth-child(2){--accent:#7839c7;--tint:#f6efff;--border:#e4d5f8}.service-card:nth-child(3){--accent:#087985;--tint:#eafaf8;--border:#c7ece8}.service-card:nth-child(4){--accent:#c05012;--tint:#fff3e9;--border:#f3d9c8}.service-card:nth-child(5){--accent:#0e8a53;--tint:#eafaf2;--border:#c8ebd8}.service-card:nth-child(6){--accent:#b92679;--tint:#fff0f8;--border:#f4cde4}
.work-section{background:linear-gradient(130deg,#edf5ff,#f7f0ff 60%,#edfaf5)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-card{padding:34px;border:1px solid #d9e6f7;border-radius:25px;background:#fff;box-shadow:0 18px 38px -32px #284e7f}.work-card .num{font-family:Delius,cursive;color:#175dd6;font-size:1.5rem}.work-card h3{margin:14px 0;font-size:1.55rem}.work-card p{color:var(--body);line-height:1.8;margin-bottom:0}.work-card a,.contact-note a{color:#1558ce;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.contact-section{padding:82px 0}.contact-box{padding:clamp(30px,5vw,60px);border-radius:30px;background:radial-gradient(circle at 65% 0,#183e91,transparent 42%),#071b3c;color:#fff}.contact-box h2{font-size:clamp(2.1rem,3.4vw,3.5rem);color:#fff;margin-bottom:16px}.contact-box p{max-width:680px;color:#d4dff1;font-size:1.07rem}.contact-box .button.primary{background:#05c95a;color:#fff;box-shadow:none}.contact-box .button.outline{background:transparent;color:#fff;border-color:#8291b0}.contact-note{margin-top:24px;color:#c9d6ea;font-size:.92rem}.contact-note a{color:#c9d6ea}
.footer{border-top:1px solid #dbe7f7;padding:45px 0 30px;background:#f8fbff}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.footer p{color:var(--muted);max-width:450px;margin:12px 0}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footer-links a{font-weight:500}.footer-links a:hover{color:var(--blue)}.copyright{margin-top:32px;color:#61718a;font-size:.85rem}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-photo{width:min(100%,315px)}.proof{margin-top:45px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header{padding-top:16px}.nav{width:calc(100% - 32px);height:62px;padding-left:22px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 35px -25px #274d81}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-links .nav-cta{text-align:center;margin-top:5px}.about-hero{padding:120px 0 58px}.about-hero h1{font-size:clamp(2.45rem,9.5vw,3.5rem)}.hero-photo img{height:340px}.proof{grid-template-columns:repeat(3,1fr);gap:8px}.proof div{padding:13px 10px}.proof strong{font-size:1.2rem}.proof span{font-size:.72rem;line-height:1.35;display:block}.section{padding:65px 0}.service-grid,.work-grid,.footer-grid{grid-template-columns:1fr}.service-card{min-height:175px}.contact-section{padding:58px 0}.contact-box{border-radius:24px}.cta-actions .button{width:100%}.footer-links{gap:14px}.footer-links a{overflow-wrap:break-word}}
@media(max-width:360px){.proof{grid-template-columns:1fr 1fr}.hero-photo{width:260px}.photo-label{left:-8px;padding:12px}}