@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--primary:#f47716;--green:#075b50;--ink:#2d3432;--muted:#6c7773;--bg:#f4f6f5;--line:#e7e9e8;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:"DM Sans",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.stage{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:32px 14px}.digital-card{width:100%;max-width:448px;min-height:calc(100vh - 64px);background:#fff;box-shadow:0 20px 50px #00000015;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e9e9e9;border-radius:28px}
.corner{position:absolute;width:42px;height:42px;border-color:var(--primary);border-style:solid;z-index:5;pointer-events:none}.tl{top:0;left:0;border-width:7px 0 0 7px;border-radius:26px 0 0}.tr{top:0;right:0;border-width:7px 7px 0 0;border-radius:0 26px 0 0}.bl{bottom:0;left:0;border-width:0 0 7px 7px;border-radius:0 0 0 26px}.br{bottom:0;right:0;border-width:0 7px 7px 0;border-radius:0 0 26px 0}
.topnav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;padding:12px 12px}.navscroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.navscroll::-webkit-scrollbar{display:none}.navpill{white-space:nowrap;padding:8px 13px;border-radius:999px;background:#f2f3f3;color:#6b7370;font-size:11px;font-weight:800}.navpill.active{background:var(--primary);color:white;box-shadow:0 4px 12px #f4771630}
main{flex:1;width:100%;padding-bottom:22px}.home-main{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:22px}.views{font-size:10px;color:#7a8581;background:#f6f7f7;border-radius:30px;padding:5px 10px}.logo-frame{margin:18px 0 16px;padding:4px;border:2px solid var(--primary);border-radius:17px;box-shadow:0 2px 5px #0000000a}.logo-frame img{width:112px;height:112px;object-fit:contain;border-radius:12px;display:block}.home-title{font-size:23px;line-height:1.18;letter-spacing:.025em;text-transform:uppercase;font-weight:800;margin:0 20px 12px}.underline{width:100px;height:4px;background:var(--primary);border-radius:8px;margin:10px auto 0}.tagline{font-size:12px;line-height:1.7;color:var(--muted);max-width:330px;margin:18px auto 0;padding:0 22px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:22px 20px 18px;width:100%}.action{background:var(--green);color:#fff;border-radius:14px;padding:14px 5px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;font-size:10px;font-weight:800;box-shadow:0 5px 12px #075b501a}.action .ico{font-size:20px;line-height:1}.action:hover{background:var(--primary)}.section-pad{padding:25px 25px 32px}.page-title{font-size:22px;line-height:1.2;font-weight:800;text-transform:uppercase;margin:0 0 22px;display:flex;gap:10px;align-items:center}.page-title:before{content:"";display:inline-block;width:8px;height:28px;border-radius:5px;background:var(--primary)}.leadbox{padding:17px;background:#f4f6f5;border-radius:16px;font-size:13px;line-height:1.8;margin-bottom:20px}.content-block{margin:20px 0}.content-block h3{font-size:15px;color:var(--primary);margin:0 0 8px}.content-block p,.content-block li{font-size:13px;line-height:1.8;color:#626e69}.content-block ul{padding-left:20px}.detailrow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:11px 0;font-size:12px}.detailrow span{color:#77817d}.detailrow strong{text-align:right}.service-list{display:grid;gap:10px}.service-item{padding:14px;border-radius:14px;background:#f6f7f6;border:1px solid #ecefed}.service-item strong{display:block;font-size:13px;margin-bottom:5px;color:var(--green)}.service-item p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.contact-section{background:var(--primary);color:white;padding:38px 26px 27px;margin-top:auto;position:relative}.contact-section:before{content:"";position:absolute;top:-15px;left:-5%;width:110%;height:30px;background:#fff;border-radius:0 0 50% 50%}.contact-section h3{font-size:18px;border-bottom:1px solid #ffffff50;padding-bottom:12px;margin:0 0 16px}.contactline{display:flex;gap:12px;align-items:flex-start;margin:14px 0;font-size:12px;line-height:1.65}.contactline .bubble{background:#ffffff30;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.contactline a{overflow-wrap:anywhere}.bottom-nav{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee;box-shadow:0 -7px 20px #00000008;z-index:10}.footer-logo{display:flex;justify-content:center;border-bottom:1px solid #f4f4f4;padding:7px}.footer-logo img{height:27px;width:70px;object-fit:contain;opacity:.9}.footlinks{display:flex;overflow-x:auto;gap:3px;padding:7px 8px;scrollbar-width:none}.footlinks a{min-width:57px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:12px;color:#77817d;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap}.footlinks a.active{background:#fff0e4;color:var(--primary)}.footlinks .ico{font-size:17px}.formlabel{font-size:12px;font-weight:800;display:block;margin:12px 0 6px}input,select,textarea{width:100%;font:inherit;font-size:13px;border:1px solid #dce2df;border-radius:10px;padding:12px;background:#fff;margin-bottom:4px}textarea{min-height:110px;resize:vertical}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:#fff;border:0;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:800;cursor:pointer}.btn.full{width:100%;margin-top:12px}.btn.orange{background:var(--primary)}.notice{font-size:12px;padding:12px;background:#fff5eb;border-radius:10px;color:#8b4b12;line-height:1.7}.link-list{display:grid;gap:10px}.link-card{padding:14px;border:1px solid #edf0ee;border-radius:13px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.link-card .bubble{width:35px;height:35px;border-radius:11px;background:#eaf5f1;display:grid;place-items:center;font-size:17px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-tile{min-height:120px;border-radius:14px;padding:15px;background:linear-gradient(135deg,#e6f4ef,#fff0df);display:flex;flex-direction:column;justify-content:end;font-size:12px;font-weight:800}.muted{color:var(--muted);font-size:12px;line-height:1.8}.center{text-align:center}.sharebox{background:#f4f6f5;padding:15px;border-radius:12px;font-size:12px;overflow-wrap:anywhere}
@media(max-width:520px){.stage{padding:0}.digital-card{min-height:100vh;border-radius:0;border:0}.tl,.tr,.bl,.br{border-radius:0}.home-title{font-size:22px}.section-pad{padding:24px 22px 30px}.contact-section{padding-left:24px;padding-right:24px}.action-grid{padding-left:18px;padding-right:18px}.logo-frame img{width:108px;height:108px}}