
:root{--dark:#262626;--graphite:#55565a;--blue:#4db4e2;--cyan:#70c7d4;--coral:#ef5358;--soft:#f5f8fb;--line:#e6edf3;--text:#3f4248;--white:#fff;--shadow:0 22px 60px rgba(15,23,42,.12);--radius:28px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--container),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,237,243,.86);transition:.3s}.site-header.scrolled{box-shadow:0 10px 30px rgba(15,23,42,.08)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:210px;height:auto}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{font-weight:700;font-size:.94rem;color:#555;padding:10px 14px;border-radius:999px;transition:.25s}.main-nav a:hover{background:rgba(77,180,226,.12);color:var(--dark);transform:translateY(-1px)}.menu-toggle{display:none;background:transparent;border:0;gap:5px;flex-direction:column}.menu-toggle span{width:28px;height:3px;background:var(--dark);border-radius:4px}.hero{position:relative;overflow:hidden;padding:86px 0 70px;background:radial-gradient(circle at 10% 20%,rgba(112,199,212,.24),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fbff 65%,#eef8fb 100%)}.hero:after{content:"";position:absolute;right:-100px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgba(239,83,88,.12)}.hero-grid,.split{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.eyebrow:before{content:"";width:28px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--coral),var(--blue))}h1,h2,h3{color:var(--dark);line-height:1.08;margin:0 0 18px}h1{font-size:clamp(2.2rem,5vw,4.45rem);letter-spacing:-.055em}h2{font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.04em}h3{font-size:1.26rem;letter-spacing:-.02em}p{margin:0 0 18px}.hero-copy p,.page-hero p{font-size:1.08rem;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 22px;font-weight:800;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--coral),#f76b70);color:#fff;box-shadow:0 14px 28px rgba(239,83,88,.24)}.btn-secondary{background:#fff;color:var(--dark);border:1px solid var(--line)}.btn-soft{background:rgba(77,180,226,.12);color:#235e77}.btn-light{background:#fff;color:var(--dark)}.hero-visual img,.rounded-img{border-radius:var(--radius);box-shadow:var(--shadow)}.trust-strip{padding:22px 0;background:var(--dark);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics div{padding:12px 18px;border-left:1px solid rgba(255,255,255,.14)}.metrics strong{display:block;font-size:1.55rem;color:var(--cyan)}.metrics span{font-size:.9rem;color:rgba(255,255,255,.72)}.section{padding:86px 0}.section.muted{background:var(--soft)}.section-heading{max-width:760px;margin:0 auto 38px;text-align:center}.feature-panel,.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.check-list{padding:0;margin:18px 0 0;list-style:none}.check-list li{position:relative;padding-left:30px;margin:12px 0}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:900}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid.large{align-items:stretch}.service-card,.blog-card,.value-card,.benefit,.step{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.07);transition:.28s}.service-card:hover,.blog-card:hover,.value-card:hover,.benefit:hover,.step:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card img,.blog-card img{width:100%;height:210px;object-fit:cover}.service-card div,.blog-card div{padding:24px}.service-card span,.blog-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--blue)}.text-link{display:inline-flex;margin-top:6px;font-weight:900;color:var(--coral)}.cta-band{padding:78px 0;background:linear-gradient(135deg,var(--dark),#3f4147 48%,#305b69);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-band h2{color:#fff}.cta-content{max-width:760px}.page-hero{padding:88px 0 62px;background:linear-gradient(135deg,#f8fbff,#eef8fb);border-bottom:1px solid var(--line)}.page-hero h1{max-width:920px;font-size:clamp(2.1rem,4vw,3.8rem)}.values-grid,.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.value-card,.benefit,.step{padding:26px}.value-card span,.step b{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.contact-card img{border-radius:22px;margin-bottom:22px}.contact-note{display:grid;gap:4px;padding:16px;border-radius:18px;background:var(--soft)}.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);display:grid;gap:16px}.contact-form label{font-weight:800;color:var(--dark);display:grid;gap:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;color:var(--text);background:#fbfdff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(77,180,226,.16);border-color:var(--blue)}.form-help{font-size:.86rem;color:#69717c}.article-hero{padding:72px 0 38px;background:linear-gradient(135deg,#fff,#f1fbfd)}.article-hero h1{font-size:clamp(2rem,4vw,3.7rem);max-width:980px}.article-hero img{border-radius:var(--radius);box-shadow:var(--shadow);margin-top:30px}.narrow{max-width:840px}.article-body{padding:64px 0}.article-body p{font-size:1.06rem;margin-bottom:20px}.article-body h3{margin-top:34px}.article-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.site-footer{background:#202124;color:rgba(255,255,255,.72);padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:38px}.footer-logo{width:190px;filter:brightness(1.2);margin-bottom:14px}.site-footer h3{color:#fff;font-size:1rem}.site-footer a{display:block;margin:9px 0;color:rgba(255,255,255,.72)}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:32px;font-size:.86rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:980px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.service-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.values-grid,.steps,.benefit-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:54px}.nav-shell{height:76px}.brand img{width:178px}.main-nav{position:fixed;left:18px;right:18px;top:82px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:16px;display:grid;gap:4px;transform:translateY(-18px);opacity:0;pointer-events:none;transition:.25s}.main-nav.is-open{transform:none;opacity:1;pointer-events:auto}.menu-toggle{display:flex}}@media(max-width:640px){.container{width:min(100% - 28px,var(--container))}h1{font-size:2.2rem}h2{font-size:1.72rem}.section{padding:62px 0}.service-grid,.blog-grid,.values-grid,.steps,.benefit-grid,.metrics,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.service-card img,.blog-card img{height:190px}.hero-actions,.article-nav{align-items:stretch}.btn{width:100%}.brand img{width:160px}}
