:root{color:#17211b;background:#f8faf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.topbar{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1160px;padding:22px 24px;position:relative;z-index:2}.brand,.topbar nav,.hero-actions,.footer div,.guide-meta span{align-items:center;display:flex}.brand{font-size:.98rem;font-weight:800;gap:10px}.brand-mark{align-items:center;background:#17211b;border-radius:8px;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.topbar nav{color:#445049;flex-wrap:wrap;font-size:.94rem;gap:18px;justify-content:flex-end}.topbar a:hover,.footer a:hover{color:#0f766e}.topbar nav a[aria-current=page]{color:#111814;font-weight:800}.hero{display:grid;gap:56px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);margin:0 auto;max-width:1160px;min-height:calc(100vh - 192px);padding:72px 24px 82px}.hero-copy{align-self:center}.eyebrow{color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1,h2,p{margin-top:0}.hero h1{color:#111814;font-size:clamp(3.3rem,9vw,6.8rem);line-height:.95;margin-bottom:26px;max-width:720px}.lead{color:#445049;font-size:1.13rem;line-height:1.85;max-width:660px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.primary-link,.secondary-link{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;min-height:46px;padding:12px 17px}.primary-link{background:#111814;color:#fff}.secondary-link{border:1px solid #cfd8d2;color:#1f2a24}.primary-link:hover{background:#0f766e}.secondary-link:hover{border-color:#0f766e;color:#0f766e}.hero-visual{align-self:center}.browser-frame{background:linear-gradient(135deg,#0f766e24,#f1f5f9d6),#fff;border:1px solid #dbe4dd;border-radius:8px;box-shadow:0 28px 80px #1220191f;min-height:430px;padding:18px}.browser-dots{display:flex;gap:7px;margin-bottom:42px}.browser-dots span{background:#a7b4ad;border-radius:50%;height:10px;width:10px}.preview-panel,.preview-grid div{background:#ffffffc7;border:1px solid rgba(207,216,210,.9);border-radius:8px}.preview-panel-main{color:#17211b;margin:0 auto 18px;max-width:360px;padding:34px}.preview-panel-main svg{color:#0f766e;margin-bottom:18px}.preview-panel-main strong{display:block;font-size:1.8rem;line-height:1.12;margin-bottom:14px}.preview-panel-main p{color:#5f6b64;margin-bottom:0}.preview-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:360px}.preview-grid div{align-items:center;color:#324039;display:flex;font-weight:800;gap:10px;min-height:78px;padding:18px}.preview-grid svg{color:#2563eb;flex:0 0 auto}.content-band,.principles-band,.contact-band{margin:0 auto;max-width:1160px;padding:76px 24px}.page-content,.article-content{margin:0 auto;max-width:1160px;padding:72px 24px 86px}.article-content{max-width:860px}.page-hero{display:grid;gap:36px;grid-template-columns:minmax(0,1fr) 340px;margin-bottom:58px}.page-hero.narrow{display:block;max-width:820px}.page-hero h1,.article-header h1{color:#111814;font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;margin-bottom:22px;max-width:860px}.page-hero p,.article-header p{color:#4c5952;font-size:1.08rem;line-height:1.82;max-width:760px}.service-summary{align-self:start;background:#fff;border:1px solid #dde6e0;border-radius:8px;padding:28px}.service-summary svg{color:#0f766e;margin-bottom:22px}.service-summary strong{display:block;font-size:1.35rem;line-height:1.25;margin-bottom:14px}.service-summary p{color:#5d6962;font-size:1rem;line-height:1.72;margin-bottom:0}.section-heading{max-width:720px}.section-heading h2,.contact-band h2{color:#111814;font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin-bottom:16px}.section-heading p,.contact-band p{color:#58655d;line-height:1.8}.service-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.service-card{background:#fff;border:1px solid #dde6e0;border-radius:8px;min-height:240px;padding:26px;position:relative}.service-card span{display:block;font-size:1.25rem;font-weight:900;margin-bottom:18px}.service-card p{color:#5d6962;line-height:1.72}.service-card svg{bottom:24px;color:#0f766e;position:absolute;right:24px}.service-card:hover{border-color:#0f766e;transform:translateY(-2px)}.info-grid,.guide-list{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-list{grid-template-columns:1fr;margin-top:20px}.guide-list.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.info-grid article,.guide-card,.article-cta{background:#fff;border:1px solid #dde6e0;border-radius:8px;padding:26px}.info-grid h2,.guide-card h2,.guide-card h3,.article-section h2,.article-cta h2{color:#111814;font-size:1.28rem;line-height:1.28;margin-bottom:14px}.info-grid p,.guide-card p,.article-section p,.article-cta p{color:#4e5b54;line-height:1.82}.guide-card h2,.guide-card h3{font-size:1.35rem}.guide-meta,.article-meta{align-items:center;color:#657269;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:800;gap:12px;margin-bottom:16px}.guide-meta span{gap:5px}.text-link{align-items:center;color:#0f766e;display:inline-flex;font-weight:900;gap:6px}.section-link{margin-top:22px}.article-header{margin-bottom:34px}.article-header p{max-width:none}.article-section{border-top:1px solid #dde6e0;padding:30px 0}.article-section p:last-child{margin-bottom:0}.article-cta{margin-top:20px}.check-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.check-list li{align-items:flex-start;display:flex;gap:10px}.check-list svg{color:#0f766e;flex:0 0 auto;margin-top:3px}.principles-band{border-bottom:1px solid #dde6e0;border-top:1px solid #dde6e0}.principle-list{display:grid;gap:12px;list-style:none;margin:34px 0 0;padding:0}.principle-list li{align-items:center;background:#fff;border:1px solid #dde6e0;border-radius:8px;display:flex;gap:12px;min-height:58px;padding:15px 18px}.principle-list svg{color:#0f766e;flex:0 0 auto}.contact-band{align-items:center;display:grid;gap:32px;grid-template-columns:.85fr 1.15fr auto}.contact-band p{margin-bottom:0}.footer{align-items:center;color:#5f6b64;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1160px;padding:30px 24px 42px}.footer div{gap:16px}.policy-content h1{color:#111814;font-size:clamp(2.6rem,7vw,4.8rem);line-height:1.02;margin-bottom:20px}.policy-description{color:#58655d;font-size:1.08rem;line-height:1.8;margin-bottom:42px}.policy-content section{border-top:1px solid #dde6e0;padding:28px 0}.policy-content h2{font-size:1.18rem;margin-bottom:12px}.policy-content p{color:#4e5b54;line-height:1.82}.policy-contact{border-top:1px solid #dde6e0;padding-top:24px}@media(max-width:880px){.topbar{align-items:flex-start;flex-direction:column}.hero{gap:36px;grid-template-columns:1fr;min-height:0;padding-top:44px}.hero-visual{max-width:520px;width:100%}.service-grid,.guide-list.compact,.info-grid,.page-hero,.contact-band{grid-template-columns:1fr}.contact-band{align-items:start}}@media(max-width:560px){.topbar{padding:22px 18px 16px}.topbar nav{gap:12px}.hero,.content-band,.principles-band,.contact-band,.page-content,.article-content{padding-left:18px;padding-right:18px}.hero{gap:28px;padding-bottom:16px;padding-top:34px}.hero h1{font-size:2.95rem;margin-bottom:22px}.lead{font-size:1rem;line-height:1.72}.hero-actions{margin-top:28px}.hero-actions,.primary-link,.secondary-link,.footer{width:100%}.primary-link,.secondary-link{justify-content:center}.browser-frame{min-height:250px;padding:14px}.browser-dots{margin-bottom:18px}.preview-panel-main{padding:20px 24px}.preview-panel-main strong{font-size:1.45rem}.preview-grid{display:none}.content-band{padding-top:18px}.page-content,.article-content{padding-bottom:60px;padding-top:48px}.page-hero h1,.article-header h1{font-size:2.55rem}.page-hero p,.article-header p{font-size:1rem;line-height:1.72}.footer,.footer div{align-items:flex-start;flex-direction:column}}