:root { --sample:#294e59;--wash:#f0f4f3;--button-bg:#294e59;--button-ink:#fff; }
body { background:#fff;color:#15272d; }.sample-preview-bar { padding:12px 4%;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#f2e8d8;color:#322a22;font-size:12px; }.sample-preview-bar label { display:flex;align-items:center;gap:8px; }.sample-preview-bar select { padding:7px;border:1px solid #caba9e;border-radius:5px;background:#fff;color:#252525; }.sample-nav { padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e4e8e7; }.sample-brand { display:flex;align-items:center;gap:10px;font-size:18px;font-weight:bold; }.sample-brand>span { background:var(--sample);color:white;border-radius:8px;padding:8px;font-size:13px; }.sample-nav nav { display:flex;align-items:center;gap:25px;font-size:13px; }.sample-nav .button { font-size:12px; }
.sample-hero { display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding:90px 6%;align-items:center; }.sample-hero h1 { font-size:clamp(38px,4.7vw,70px);letter-spacing:-3px;line-height:1.06;margin:20px 0 25px;max-width:680px; }.sample-hero p { max-width:570px;color:#3f535a; }.sample-hero .button { margin-top:28px; }.sample-small { display:block;font-size:11px;margin-top:18px;color:#536169; }.public-feature { position:relative;padding:32px 40px 40px;background:var(--wash);border:1px solid #dbe4e1;border-radius:20px;min-height:430px;overflow:hidden; }.public-feature::after { content:'';width:230px;height:230px;border:45px solid #e0e9e5;border-radius:50%;position:absolute;right:-100px;top:-80px; }.feature-label { font-size:11px;letter-spacing:2px;position:relative;z-index:1; }.feature-number { font-size:90px;letter-spacing:-7px;font-weight:bold;color:#79958e;line-height:1.6; }.public-feature h2 { font-size:33px;letter-spacing:-1px;max-width:340px; }.public-feature p { font-size:14px; }.feature-line { height:1px;background:#c5d4ce;margin:20px 0; }.mini-public-steps { display:flex;gap:8px;margin-top:30px; }.mini-public-steps span { background:white;border:1px solid #dce4df;padding:7px 10px;border-radius:5px;font-size:10px; }
.sample-services { padding:70px 6%;background:#f9faf9; }.sample-services h2 { margin:15px 0 32px;font-size:35px;letter-spacing:-1px; }.sample-services>div { display:grid;grid-template-columns:repeat(3,1fr);gap:25px; }.sample-services article { padding:25px;background:#fff;border:1px solid #dde5e1;border-radius:10px; }.sample-services article>span { font-size:12px;color:#527269; }.sample-services h3 { font-size:23px;margin:15px 0; }.sample-services p { font-size:14px; }.sample-questions { padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%; }.sample-questions h2 { font-size:38px;margin-top:15px; }.sample-questions h3 { font-size:24px;margin-bottom:20px; }.sample-contact { padding:70px 6%;background:var(--wash);display:grid;grid-template-columns:1fr 1fr;gap:8%; }.sample-contact h2 { font-size:40px;margin:15px 0 25px; }.sample-contact label { display:block;font-size:12px;font-weight:bold;margin-bottom:15px; }.sample-contact input,.sample-contact textarea { display:block;width:100%;padding:12px;background:white;color:#213137;border:1px solid #c7d6d0;border-radius:6px;margin-top:5px; }.sample-contact textarea { min-height:100px;resize:vertical; }.sample-contact form>p { margin-top:20px;font-size:12px; }.sample-contact p a { display:block;font-weight:bold;text-decoration:underline;margin-top:12px; }.sample-footer { padding:35px 6%;display:flex;justify-content:space-between;gap:20px;font-size:12px; }
@media(max-width:800px){.sample-preview-bar span { display:none; }.sample-nav { flex-direction:column;align-items:start; }.sample-nav nav { flex-wrap:wrap;gap:15px; }.sample-hero { grid-template-columns:1fr;padding:50px 6%;gap:30px; }.sample-hero h1 { font-size:48px;letter-spacing:-2px; }.public-feature { min-height:350px;padding:25px; }.sample-services>div,.sample-questions,.sample-contact { grid-template-columns:1fr;gap:25px; }.sample-services,.sample-questions,.sample-contact { padding:45px 6%; }.sample-footer { flex-wrap:wrap; }}