:root{
  --ink:#1d2330; --muted:#626a78; --paper:#fffdf9; --line:#e9e7e2;
  --blue:#19aee5; --yellow:#ffd936; --pink:#c744e9; --green:#61c85b; --orange:#ff9f19;
  --radius:24px; --shadow:0 18px 50px rgba(30,40,55,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(233,231,226,.8)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:auto;display:block}.nav{display:flex;gap:25px;align-items:center;font-size:.92rem;font-weight:700}.nav a:not(.nav-cta){color:#3f4652}.nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--ink);color:white;padding:10px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:28px}
.hero{position:relative;overflow:hidden;padding:88px 0 70px;background:linear-gradient(180deg,#fff 0%,#fffdf9 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#6c7480;margin-bottom:13px}.hero h1{font-size:clamp(2.6rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:760px}.hero h1 span,.section-heading h2 span,.method h2 span,.about h2 span,.contact h2 span{position:relative;z-index:1}.hero h1 span:after,.section-heading h2 span:after,.method h2 span:after,.about h2 span:after,.contact h2 span:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:10px;border-radius:20px;background:var(--yellow);z-index:-1;opacity:.8}.hero-text{font-size:1.15rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:999px;font-weight:800;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,40,55,.12)}.primary{background:var(--blue);color:white}.secondary{background:white;border:1px solid var(--line)}.light{background:white;color:var(--ink)}.trust-row{display:flex;gap:28px;margin-top:35px}.trust-row div{display:flex;flex-direction:column;font-size:.78rem}.trust-row strong{font-size:.9rem}.trust-row span{color:var(--muted)}
.hero-art{display:flex;justify-content:center}.art-card{width:min(430px,100%);aspect-ratio:1/1;position:relative;background:#f3f7f8;border-radius:48% 52% 50% 50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);overflow:hidden;border:9px solid white}.hero-logo{width:78%;height:auto;position:relative;z-index:2}.circle{position:absolute;border-radius:50%;filter:blur(1px)}.c1{width:150px;height:150px;background:var(--yellow);top:-30px;right:-15px}.c2{width:110px;height:110px;background:var(--pink);bottom:5px;left:-25px}.c3{width:80px;height:80px;background:var(--blue);top:35px;left:25px}.art-caption{position:absolute;bottom:23px;right:25px;display:flex;flex-direction:column;align-items:flex-end;font-weight:900;z-index:3}.art-caption span{font-size:.85rem}.art-caption small{font-size:.62rem;color:var(--muted)}.hero-puzzle{position:absolute;font-weight:900;opacity:.18}.puzzle-one{font-size:80px;color:var(--blue);left:3%;top:10%}.puzzle-two{font-size:50px;color:var(--pink);right:6%;bottom:12%}
.section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:48px}.section-heading h2,.method h2,.about h2,.contact h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 17px}.section-heading p,.lead,.about-box p,.contact-copy>p{color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px 23px;min-height:215px;transition:.2s transform,.2s box-shadow}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#f1f7f7;font-size:26px;margin-bottom:19px}.service-card:nth-child(2n) .icon{background:#fff6d2}.service-card:nth-child(3n) .icon{background:#fbe7ff}.service-card h3{margin:0 0 8px;font-size:1.05rem}.service-card p{margin:0;color:var(--muted);font-size:.9rem}
.method{background:#f1f7f8}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.steps{display:grid;gap:13px}.step{display:grid;grid-template-columns:60px 1fr;gap:17px;background:white;padding:20px;border-radius:20px;border:1px solid rgba(0,0,0,.04)}.step>b{font-size:1.1rem;color:var(--blue)}.step h3{margin:0 0 4px}.step p{margin:0;color:var(--muted);font-size:.9rem}.text-link{display:inline-block;font-weight:900;margin-top:20px;border-bottom:3px solid var(--yellow)}
.about-box{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center;background:white;border:1px solid var(--line);border-radius:36px;padding:55px;box-shadow:var(--shadow)}.about-logo{display:grid;place-items:center;background:#f8faf8;border-radius:30px;padding:35px;min-height:300px}.about-logo img{max-width:100%;max-height:240px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:stretch}.contact-actions{display:grid;gap:12px;margin-top:28px}.contact-item{display:flex;gap:15px;align-items:center;background:#f8f8f5;border-radius:18px;padding:16px}.contact-item>span{font-size:25px}.contact-item small,.contact-item strong{display:block}.contact-item small{color:var(--muted);font-size:.72rem}.contact-item strong{font-size:.95rem;overflow-wrap:anywhere}.location-card{border-radius:32px;background:#eaf6f7;min-height:390px;padding:12px}.map-placeholder{height:100%;min-height:365px;border-radius:25px;background:radial-gradient(circle at 20% 25%,rgba(255,217,54,.8) 0 9%,transparent 10%),radial-gradient(circle at 80% 70%,rgba(199,68,233,.18) 0 15%,transparent 16%),linear-gradient(145deg,#f7fbfa,#eaf5f3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.map-pin{font-size:56px;color:var(--blue);line-height:1;margin-bottom:12px}.map-placeholder strong{font-size:1.4rem}.map-placeholder p{color:var(--muted);margin:9px 0 22px}
.final-cta{background:var(--ink);color:white;padding:55px 0}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-inner .eyebrow{color:#b9c0ca}.final-inner h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;max-width:720px;margin:0}
footer{background:#151a23;color:white;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:45px}.footer-logo{width:180px;filter:brightness(0) invert(1);margin-bottom:8px}.footer-grid p,.footer-grid a{color:#aeb5c0;font-size:.9rem}.footer-grid h3{font-size:.9rem;margin:0 0 15px}.footer-grid a{display:block;margin:7px 0}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #303641;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#8e96a2;font-size:.76rem}
@media(max-width:900px){.nav{gap:13px}.nav a:not(.nav-cta){display:none}.menu-toggle{display:block}.nav{position:absolute;right:20px;top:70px;background:white;border:1px solid var(--line);border-radius:18px;padding:10px;display:none;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;min-width:210px}.nav.open{display:flex}.nav.open a:not(.nav-cta){display:block;padding:9px 12px}.nav-cta{text-align:center}.hero-grid,.method-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:55px}.hero-art{order:-1}.art-card{width:min(350px,85vw)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-box{grid-template-columns:1fr;padding:35px}.final-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 28px,1120px)}.nav-wrap{height:70px}.brand img{width:150px}.hero{padding:42px 0 55px}.hero h1{font-size:2.65rem}.hero-text{font-size:1rem}.hero-actions{flex-direction:column}.button{width:100%}.trust-row{gap:12px;justify-content:space-between}.trust-row div{font-size:.68rem}.section{padding:70px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.about-box{border-radius:25px}.contact-grid{gap:25px}.location-card{min-height:330px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}}