/* Alan Pusulasi public home — Mobile Premium V3 */
.hp-mobile-menu-toggle,.hp-mobile-only{display:none!important}
.ap-preview-origin-badge{
  position:fixed;z-index:2147482500;left:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:56vw;
  padding:7px 10px;border:1px solid rgba(255,216,137,.45);border-radius:999px;background:rgba(8,47,40,.94);color:#ffe3a8;
  box-shadow:0 8px 24px rgba(8,47,40,.18);font:800 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none
}
@media(max-width:760px){
  body.hp-mobile-menu-open{overflow:hidden}
  .site-header{position:sticky!important;top:0;z-index:2147482000!important;background:rgba(255,253,247,.97)!important;backdrop-filter:blur(12px)}
  .header-inner{position:relative;min-height:64px!important;gap:10px!important}
  .brand{min-width:0}.brand>span:last-child{min-width:0}.brand strong{font-size:.94rem!important}.brand small{display:none!important}
  .header-actions{display:none!important}
  .hp-mobile-menu-toggle{
    appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center;gap:7px;min-height:42px;padding:7px 10px;
    border:1px solid rgba(18,63,54,.18);border-radius:12px;background:#fff;color:#123f36;font:inherit;font-size:.74rem;font-weight:900;cursor:pointer;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation
  }
  .hp-mobile-menu-icon{width:18px;display:grid;gap:3px}.hp-mobile-menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor}
  .main-nav{display:none!important}
  .site-header.is-mobile-menu-open .main-nav{
    display:grid!important;position:absolute;left:10px;right:10px;top:calc(100% + 7px);z-index:2147482400;gap:4px;padding:8px;
    border:1px solid #dce8e4;border-radius:17px;background:#fff;box-shadow:0 24px 70px rgba(8,47,40,.24)
  }
  .site-header.is-mobile-menu-open .main-nav a{
    min-height:46px;padding:10px 12px;border-radius:11px;display:flex!important;align-items:center;color:#123f36!important;text-decoration:none!important;font-size:.86rem!important;font-weight:850!important
  }
  .site-header.is-mobile-menu-open .main-nav a:hover,.site-header.is-mobile-menu-open .main-nav a:focus-visible{background:#f0f7f4}
  .site-header.is-mobile-menu-open .main-nav .hp-mobile-only{display:flex!important}
  .site-header.is-mobile-menu-open .main-nav .hp-mobile-login{margin-top:4px;border-top:1px solid #e4ece9;border-radius:0;padding-top:13px}
  .site-header.is-mobile-menu-open .main-nav .hp-mobile-register{justify-content:center;background:#123f36;color:#fff!important}

  .hp-hero-grid{padding-block:44px!important;gap:26px!important}.hp-hero-copy h1{font-size:clamp(2.45rem,12vw,3.25rem)!important;line-height:.99!important}
  .hp-hero-copy>p{font-size:1rem!important;line-height:1.65!important}.hp-hero-actions{display:grid!important;gap:10px!important}.hp-hero-actions .button{width:100%!important}
  .hp-assurances{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.hp-assurances span{justify-content:flex-start!important}
  .hp-roadmap,.hero-map{margin-top:4px!important}
  .hp-tools,.hp-development,.hp-approach{padding:58px 0!important}.hp-section-head h2,.hp-development-copy h2{font-size:2.2rem!important;line-height:1.05!important}
  .hp-tool-card{min-height:0!important;padding:22px!important}.hp-tool-card h3{font-size:1.25rem!important}.hp-tool-card p{line-height:1.55!important}
  .hp-development-list article,.hp-principles article{padding:20px!important;border-radius:16px!important}.hp-expert-strip{border-radius:18px!important}
  .hp-final-cta{padding:44px 0!important}.hp-final-cta h2{font-size:2rem!important}
  .ap-preview-origin-badge{left:9px;bottom:max(9px,env(safe-area-inset-bottom));max-width:48vw}
}
@media(max-width:430px){
  .shell{width:min(100% - 20px,1220px)!important}.header-inner{min-height:60px!important}.brand-mark{width:36px!important;height:36px!important}
  .hp-mobile-menu-toggle{min-height:40px;padding:6px 9px}.hp-hero-grid{padding-block:36px!important}.hp-hero-copy h1{font-size:2.35rem!important}
}
@media(prefers-reduced-motion:reduce){.site-header,.main-nav{scroll-behavior:auto}}
@media print{.hp-mobile-menu-toggle,.ap-preview-origin-badge{display:none!important}}