/* Gaya dasar Avalon (disalin dari <style> beranda) */
.avalon-page{--av-blue:#164293;--av-ink:#17304d;--av-green:#087a45;--av-bg:#fff;--av-soft:#f0f5fa;--av-line:#dce5ee;box-sizing:border-box;background:var(--av-bg);color:var(--av-ink);font-family:"Mosk 400",Arial,sans-serif;font-size:16px;line-height:1.55}
.avalon-page *{box-sizing:border-box}
.avalon-page a{color:inherit;text-decoration:none}
.avalon-page a:focus-visible{outline:3px solid var(--av-green);outline-offset:4px}
.avalon-shell{width:min(100% - 48px,1180px);margin-inline:auto}
.avalon-skip{position:absolute;top:-100px;left:16px;padding:12px 16px;background:#fff;z-index:30}
.avalon-skip:focus{top:12px}
.avalon-header{background:#fff;border-bottom:1px solid var(--av-line)}
.avalon-header-inner{min-height:92px;display:flex;align-items:center;gap:34px;justify-content:space-between}
.avalon-brand{display:inline-flex;align-items:center;flex:none}
.avalon-brand img{display:block;width:192px;height:auto}
.avalon-nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.avalon-nav a{font-size:15px;font-family:"Mosk 500",Arial,sans-serif}
.avalon-nav a:hover,.avalon-text-link:hover,.avalon-service a:hover,.avalon-contact-details a:hover{text-decoration:underline;text-underline-offset:4px}
.avalon-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:7px;background:var(--av-green);color:#fff!important;font-family:"Mosk 700",Arial,sans-serif;text-align:center;line-height:1.3}
.avalon-button:hover{background:#066337}
.avalon-button-small{min-height:44px;padding:10px 16px;font-size:14px;white-space:nowrap}
.avalon-hero{background:#f2f7fb;padding:80px 0 88px}
.avalon-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:64px;align-items:center}
.avalon-place{margin:0 0 20px;color:var(--av-blue);font-family:"Mosk 700",Arial,sans-serif;font-size:15px}
.avalon-hero h1{max-width:660px;margin:0 0 24px;color:var(--av-ink);font-family:"Mosk 700",Arial,sans-serif;font-size:clamp(42px,4.5vw,68px);line-height:1.06;letter-spacing:-.035em}
.avalon-lead{max-width:590px;margin:0;color:#42566c;font-size:19px;line-height:1.62}
.avalon-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:32px}
.avalon-text-link{min-height:44px;display:inline-flex;align-items:center;color:var(--av-blue)!important;font-family:"Mosk 700",Arial,sans-serif}
.avalon-hero-note{margin:17px 0 0;color:#536579;font-size:14px}
.avalon-hero-visual{position:relative;align-self:stretch;min-height:440px;background:#dbe6f2;overflow:hidden;border-radius:6px}
.avalon-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.avalon-visual-caption{position:absolute;left:20px;bottom:20px;width:min(82%,335px);padding:17px 20px;background:#fff;color:var(--av-ink);font-family:"Mosk 700",Arial,sans-serif;line-height:1.38;border-left:5px solid var(--av-green)}
.avalon-services{padding:92px 0}
.avalon-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}
.avalon-section-heading h2,.avalon-conditions h2,.avalon-contact h2{margin:0;color:var(--av-ink);font-family:"Mosk 700",Arial,sans-serif;font-size:clamp(32px,3vw,44px);line-height:1.16;letter-spacing:-.02em}
.avalon-section-heading p{max-width:400px;margin:0;color:#52657a}
.avalon-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.avalon-service{padding:28px 0 20px;border-top:1px solid var(--av-line)}
.avalon-service-line{width:42px;height:4px;background:var(--av-green);margin-bottom:28px}
.avalon-service h3{margin:0 0 13px;font-family:"Mosk 700",Arial,sans-serif;font-size:25px;line-height:1.2}
.avalon-service p{max-width:280px;margin:0 0 22px;color:#52657a}
.avalon-service a,.avalon-contact-details a{color:var(--av-blue);font-family:"Mosk 700",Arial,sans-serif}
.avalon-conditions{padding:88px 0;background:var(--av-soft)}
.avalon-conditions-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}
.avalon-conditions-intro p{max-width:350px;color:#52657a;margin:21px 0 20px}
.avalon-condition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.avalon-condition-list a{min-height:76px;padding:18px 0;border-bottom:1px solid #c8d7e5;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:"Mosk 700",Arial,sans-serif;font-size:19px}
.avalon-condition-list a:hover{color:var(--av-blue)}
.avalon-condition-list span{color:var(--av-green)}
.avalon-contact{padding:94px 0}
.avalon-contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px}
.avalon-contact-grid>div:first-child>p{max-width:490px;margin:21px 0 27px;color:#52657a}
.avalon-contact-details{display:grid;gap:28px}
.avalon-contact-details>div{padding-bottom:20px;border-bottom:1px solid var(--av-line)}
.avalon-contact-details h3{margin:0 0 8px;font-family:"Mosk 700",Arial,sans-serif;font-size:18px}
.avalon-contact-details p{margin:0 0 9px;color:#52657a}
.avalon-footer{padding:43px 0 22px;background:#12335a;color:#fff}
.avalon-footer-top,.avalon-footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:start}
.avalon-footer-top img{display:block;max-width:170px;height:auto;padding:5px;background:#fff;border-radius:4px}
.avalon-footer-top p{margin:0 0 5px}
.avalon-footer-bottom{margin-top:43px;padding-top:20px;border-top:1px solid #49627c;font-size:13px;color:#d5dfe9}
.avalon-footer-bottom p{margin:0}
@media(max-width:980px){.avalon-header-inner{flex-wrap:wrap;gap:15px;padding:18px 0}.avalon-nav{order:3;width:100%;gap:18px}.avalon-hero-grid{gap:28px}.avalon-hero-visual{min-height:360px}.avalon-contact-grid{gap:40px}}
@media(max-width:760px){.avalon-shell{width:min(100% - 36px,1180px)}.avalon-header-inner{min-height:0}.avalon-brand img{width:160px}.avalon-button-small{font-size:13px;padding:9px 12px}.avalon-nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}.avalon-hero{padding:45px 0 58px}.avalon-hero-grid,.avalon-conditions-grid,.avalon-contact-grid{grid-template-columns:1fr}.avalon-hero-grid{gap:35px}.avalon-hero h1{font-size:clamp(37px,9vw,56px)}.avalon-lead{font-size:17px}.avalon-hero-visual{min-height:380px;max-height:460px}.avalon-services,.avalon-conditions,.avalon-contact{padding:64px 0}.avalon-section-heading{display:block;margin-bottom:22px}.avalon-section-heading p{margin-top:15px}.avalon-service-grid{grid-template-columns:1fr;gap:0}.avalon-service{padding:22px 0}.avalon-service-line{margin-bottom:20px}.avalon-conditions-grid{gap:24px}.avalon-contact-grid{gap:35px}.avalon-footer-bottom{display:block}.avalon-footer-bottom p+ p{margin-top:8px}}
@media(max-width:480px){.avalon-header-inner{justify-content:center}.avalon-brand,.avalon-header .avalon-button{flex:1}.avalon-header .avalon-button{max-width:170px}.avalon-nav{justify-content:start}.avalon-hero-actions{align-items:stretch;gap:10px}.avalon-hero-actions .avalon-button{width:100%}.avalon-hero-visual{min-height:290px}.avalon-visual-caption{font-size:14px;padding:12px 14px}.avalon-condition-list{grid-template-columns:1fr}.avalon-condition-list a{min-height:64px}.avalon-footer-top{display:block}.avalon-footer-top>div{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.avalon-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
