@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0d3478;--navy2:#08265b;--green:#10a879;--green2:#dff8ef;--text:#17345d;--muted:#68768d;--line:#e3e9f0;--soft:#f5f9fd;--white:#fff;--red:#ef666d;--orange:#f2a927;--shadow:0 8px 28px rgba(22,50,91,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
.site-header{height:76px;border-bottom:1px solid #edf1f5;background:#fff;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;min-width:210px}.brand-mark{width:42px;height:42px;border:3px solid var(--navy);border-radius:12px;display:grid;place-items:center;color:var(--green);font-size:22px}.brand b{color:var(--navy);font-size:21px}.brand strong{color:var(--green);font-size:21px}.brand small{display:block;font-size:9px;color:#7a8796;letter-spacing:.2px}.nav nav{display:flex;gap:25px;align-items:center;flex:1;justify-content:center}.nav nav a{font-size:13px;font-weight:600;color:#3e4c61}.nav nav a:hover{color:var(--green)}.wa-top{background:#12ae7b;color:white;padding:11px 16px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{padding:70px 0 45px;background:linear-gradient(180deg,#fff 0,#fbfdff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{display:inline-block;background:#e5f8f1;color:#11a377;border-radius:30px;padding:6px 12px;font-size:11px;font-weight:800}.hero h1{font-size:48px;line-height:1.08;margin:18px 0 14px;color:var(--navy2)}.hero h1 span{color:var(--green)}.hero-copy{font-size:17px;color:#596a80;max-width:570px}.hero-copy strong{color:#17345d}.hero-actions{display:flex;gap:16px;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;border-radius:7px;font-weight:700;font-size:13px;border:1px solid transparent}.btn-primary{background:var(--navy);color:white}.btn-outline{border-color:#31588e;color:var(--navy);background:#fff}.btn-wa{background:#11ad7b;color:#fff}.btn-small{padding:9px 12px;font-size:11px}.trust-row{display:flex;gap:11px;color:#6d7888;font-size:11px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.clipboard{width:245px;height:290px;border:9px solid var(--navy);border-radius:17px;position:relative;background:white;box-shadow:var(--shadow);padding:54px 20px}.clip{position:absolute;width:90px;height:34px;border-radius:9px;background:var(--navy);top:-24px;left:68px}.check-list{display:grid;grid-template-columns:34px 1fr 54px;gap:20px 10px;align-items:center}.person{width:28px;height:28px;border-radius:50%;display:block;background:#dff0ff}.blue{box-shadow:inset 0 0 0 8px #bfe0ff}.green{background:#dff8ef;box-shadow:inset 0 0 0 8px #bdebd9}.orange{background:#fff0cf;box-shadow:inset 0 0 0 8px #ffd37a}.line{height:5px;border-radius:5px}.blue-line{background:#3c88d7}.green-line{background:#10a879}.orange-line{background:#f2a927}.check-list em{font-style:normal;font-size:9px;background:#e8f8f1;color:#10a879;padding:3px 5px;border-radius:8px;text-align:center}.hand-heart{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:90px;color:#f14b51;text-shadow:0 16px 0 rgba(13,52,120,.9)}.leaf{position:absolute;width:70px;height:35px;border-radius:100% 0;background:#e6f3f7;transform:rotate(45deg)}.leaf-a{left:10%;top:38%}.leaf-b{right:7%;top:50%;transform:rotate(-35deg)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;background:white}.stats div{padding:22px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:24px;color:var(--navy)}.stats span{font-size:11px;color:#6e7c90}
.section{padding:58px 0}.section-soft{background:#f8fbfe}.section-title{text-align:center;margin-bottom:28px}.section-title h2,.section-head h2{font-size:25px;margin:0;color:var(--navy2)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head a{font-size:12px;color:var(--navy);font-weight:700}.steps{display:grid;gap:18px}.steps.four{grid-template-columns:repeat(4,1fr)}.steps div{border:1px solid var(--line);border-radius:12px;padding:25px;background:white;text-align:center}.steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green2);color:var(--green);margin:0 auto 12px}.steps h3{font-size:15px;margin:5px}.steps p{font-size:12px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case-card,.completed-card{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 3px 14px rgba(20,45,80,.04)}.case-top{display:flex;justify-content:space-between;align-items:center}.case-top small{font-size:9px;color:#78879a}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;background:#e6f8f1;color:#0c9d70}.badge.urgent{background:#ffe8ea;color:#e34d58}.badge.reserved{background:#fff2d8;color:#d58b11}.badge.completed{background:#e6f8f1;color:#0c9d70}.badge.rejected{background:#ffe8ea;color:#d84e59}.case-meta{font-size:10px;color:#6c7a8e;margin-top:11px}.case-card h3{font-size:14px;line-height:1.35;margin:9px 0;color:var(--navy2)}.case-card p{font-size:10px;color:#6e7b8c;min-height:33px}.case-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #eef2f5;padding-top:11px;margin-top:10px}.case-bottom small,.case-bottom span{display:block;font-size:9px;color:#7d8897}.case-bottom strong{display:block;color:var(--green);font-size:13px}.card-actions{display:flex;gap:6px;margin-top:13px}.card-actions .btn{flex:1}.completed-preview{grid-template-columns:repeat(3,1fr)}.completed-card{display:flex;justify-content:space-between;gap:14px}.completed-card h3{font-size:13px;margin:12px 0}.completed-card small{display:block;font-size:9px;color:#7a8796}.completed-card strong{color:var(--green);font-size:14px}.receipt-icon{width:62px;height:78px;border:1px solid #ccd5df;border-radius:4px;display:grid;place-items:center;font-size:7px;color:#798799;transform:rotate(2deg)}.cta{background:#eff6fd;border:1px solid #dce8f5;border-radius:10px;padding:25px 35px;display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.cta h2{margin:0 0 5px;font-size:20px}.cta p{margin:0;color:#65748a;font-size:12px}
.page-hero{padding:55px 0 35px;background:#f4fbf8;text-align:center}.page-hero h1{font-size:43px;margin:0;color:var(--navy2)}.page-hero h1 span{color:var(--green)}.page-hero p{color:#647389}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin:30px 0 18px}.input,.select,textarea{width:100%;border:1px solid #d7e0e9;border-radius:7px;padding:11px 12px;font:inherit;font-size:12px;background:white;color:#31445f}.filter-pills{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.pill{border:1px solid #d9e1ea;border-radius:20px;padding:7px 13px;font-size:11px}.pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.case-detail{padding:55px 0}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.panel{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fff;box-shadow:var(--shadow)}.panel h2{margin-top:0}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.detail-meta div{background:var(--soft);padding:14px;border-radius:8px}.detail-meta small{display:block;color:#748196;font-size:10px}.detail-meta strong{font-size:15px;color:var(--navy)}.help-box{background:#ecfaf5;border:1px solid #cdeee1}.help-box h3{margin-top:0}.help-box p{font-size:12px;color:#59697e}
.form-page{padding:45px 0}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.form-panel{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fff;box-shadow:var(--shadow)}.form-panel h2{margin-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:15px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.field small{color:#7a8797}.checkbox{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#627187;margin:10px 0}.checkbox input{margin-top:3px}.side-list{display:grid;gap:10px}.side-list div{display:flex;gap:12px;align-items:flex-start}.side-icon{width:35px;height:35px;border-radius:50%;background:#e5f8f1;display:grid;place-items:center;color:var(--green);flex:none}.side-list h4{margin:0;font-size:12px}.side-list p{margin:2px 0;color:#6c788b;font-size:10px}.notice{padding:13px;border-radius:8px;background:#fff8e7;border:1px solid #f5e3b6;font-size:11px;color:#765e22;margin-bottom:15px}
.how{padding:55px 0}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:35px 0}.process div{text-align:center}.process .num{width:34px;height:34px;border-radius:50%;background:#e8f8f1;color:var(--green);display:grid;place-items:center;margin:0 auto 8px;font-weight:800}.process h3{font-size:12px}.process p{font-size:10px;color:#69778b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-panel{padding:25px;border-radius:12px}.green-bg{background:#effaf5}.blue-bg{background:#f0f7ff}.rules{margin-top:25px;background:#fff9ea;padding:30px;border-radius:12px}.rules-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:center}.rules-grid h4{font-size:11px}.rules-grid p{font-size:9px;color:#6d7787}
.footer{background:#fbfcfe;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;padding:40px 0}.footer h4{margin:0 0 12px;font-size:12px}.footer a,.footer p{display:block;font-size:10px;color:#69778a;margin:6px 0}.footer-brand{min-width:auto}.copyright{background:var(--navy);color:#fff;text-align:center;padding:10px;font-size:9px}
.pagination{display:flex;justify-content:center;gap:5px;margin:25px 0}.pagination a{border:1px solid #dce4ec;padding:8px 11px;border-radius:6px;font-size:11px}.pagination .active{background:var(--navy);color:#fff}
@media(max-width:900px){.nav nav{display:none}.menu-toggle{display:block}.wa-top{margin-left:auto}.hero-grid,.detail-grid,.form-grid,.two-col{grid-template-columns:1fr}.hero-art{display:none}.cards{grid-template-columns:repeat(2,1fr)}.steps.four{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.filters{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(3,1fr)}.rules-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.site-header{height:66px}.brand small{display:none}.brand b,.brand strong{font-size:17px}.wa-top{display:none}.nav nav{position:absolute;top:66px;left:0;right:0;background:#fff;padding:15px;box-shadow:var(--shadow);flex-direction:column;gap:12px}.menu-open .nav nav{display:flex}.hero{padding:40px 0}.hero h1,.page-hero h1{font-size:34px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.stats div{padding:15px}.stats strong{font-size:18px}.cards,.steps.four,.completed-preview{grid-template-columns:1fr}.filters,.form-row{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.footer-grid{grid-template-columns:1fr 1fr}}