@font-face{font-family:DM Sans;src:url("assets/fonts/dm-sans-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url("assets/fonts/dm-sans-latin-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url("assets/fonts/dm-sans-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:DM Sans;src:url("assets/fonts/dm-sans-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#17212a;--yellow:#f5d44d;--sky:#739bc3;--paper:#f4f6f4;--muted:#52606a;--line:#c9d0d1;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-60px;z-index:50;background:#fff;padding:12px 18px}.skip-link:focus{top:16px}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;min-height:90px;padding:24px clamp(24px,4.2vw,68px);display:flex;align-items:center;gap:4vw;color:#fff}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font-weight:700;font-size:18px;letter-spacing:.095em}.brand-light{font-weight:400}.brand-period{color:var(--yellow)}.brand-mark{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;position:relative;border:2px solid currentColor;border-radius:7px;transform:rotate(-8deg)}.brand-mark i{position:absolute;width:11px;height:2px;background:currentColor;transform:rotate(-35deg)}.brand-mark i:first-child{top:9px;left:5px}.brand-mark i:last-child{top:15px;left:10px}.desktop-nav{display:flex;gap:clamp(22px,2.8vw,46px);margin-left:auto}.desktop-nav a,.nav-contact{font-size:14px;text-decoration:none;transition:opacity .2s}.desktop-nav a:hover,.nav-contact:hover{opacity:.7}.nav-contact{margin-left:3vw;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:12px 18px;white-space:nowrap}.nav-contact span{padding-left:16px}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:900px;height:100svh;position:relative;overflow:hidden;color:#fff;background:#749ccc}.hero-image,.hero-tint{position:absolute;inset:0}.hero-image{background:url('assets/metro-manila-workspace.png') center 49%/cover no-repeat}.hero-tint{background:linear-gradient(to bottom,rgba(20,39,71,.23) 0%,rgba(31,48,82,.04) 46%,rgba(9,25,48,.14) 72%,rgba(7,19,32,.49) 100%)}.hero-copy{position:relative;z-index:3;width:min(760px,80%);margin:0 auto;text-align:center;padding-top:clamp(142px,16.5vh,190px)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:12px;margin:0}.eyebrow-line{width:24px;height:2px;background:var(--yellow);display:inline-block}.eyebrow.light{justify-content:center;color:#fff}.hero h1{font-size:clamp(56px,5.2vw,82px);line-height:1.04;letter-spacing:-.057em;font-weight:500;margin:24px 0 20px;text-shadow:0 2px 25px rgba(20,38,68,.16)}h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-subtitle{font-size:clamp(17px,1.5vw,21px);line-height:1.5;margin:0 auto 25px;max-width:570px;text-shadow:0 2px 15px rgba(20,38,68,.4)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font-weight:700;font-size:14px;border-radius:999px;min-height:46px;padding:4px 5px 4px 18px;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button-dark{background:var(--ink);color:#fff;box-shadow:0 10px 25px rgba(15,28,45,.2)}.button-arrow{display:grid;place-items:center;background:var(--yellow);color:var(--ink);border-radius:50%;width:36px;height:36px;font-size:18px;line-height:1}.hero-note{font-size:12px;letter-spacing:.025em;margin:13px 0 0;color:rgba(255,255,255,.87)}
.glass-card{position:absolute;z-index:4;color:#fff;background:linear-gradient(140deg,rgba(67,83,126,.56),rgba(66,82,125,.28));border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 56px rgba(17,31,58,.16),inset 0 1px rgba(255,255,255,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px}.inquiry-card{left:clamp(28px,5vw,82px);top:49%;width:300px;padding:19px}.glass-top{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.mini-mark{width:17px;height:17px;background:var(--yellow);border-radius:5px;display:inline-block;transform:rotate(-9deg)}.card-time{margin-left:auto;opacity:.65;font-weight:400}.glass-message{font-size:17px;line-height:1.45;margin:22px 2px 26px}.glass-footer{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.25);padding-top:14px;font-size:11px}.tiny-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#d3e0e8;color:var(--ink);font-weight:700}.card-check{margin-left:auto;background:rgba(245,212,77,.9);color:var(--ink);border-radius:50%;width:19px;height:19px;text-align:center;line-height:19px}.crm-card{right:clamp(29px,5.5vw,90px);top:55%;width:338px;padding:20px 21px 22px}.panel-kicker{font-size:10px;letter-spacing:.16em;opacity:.76}.glass-dots{margin-left:auto;font-size:15px;letter-spacing:2px}.flow-row{display:flex;align-items:center;gap:11px;margin-top:21px}.flow-icon{display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);border-radius:10px;width:38px;height:38px;flex:0 0 38px;font-size:18px}.flow-icon.amber{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.flow-row strong,.books-card strong{display:block;font-size:13px;font-weight:600}.flow-row small,.books-card small{display:block;font-size:11px;opacity:.76;margin-top:4px}.flow-row b{font-size:11px;font-weight:400;opacity:.7;margin-left:auto}.flow-connector{height:18px;border-left:1px dashed rgba(255,255,255,.45);margin-left:19px}.flow-row+.flow-connector+.flow-row{margin-top:0}.books-card{left:27%;bottom:-18px;min-width:295px;padding:17px;display:flex;align-items:center;gap:11px}.books-symbol{width:37px;height:37px;border-radius:10px;background:rgba(255,255,255,.15);display:grid;place-items:center;color:var(--yellow);font-size:20px}.scene-disclaimer{position:absolute;z-index:5;bottom:24px;right:clamp(24px,5vw,80px);font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.72);margin:0}.scroll-cue{position:absolute;z-index:5;left:clamp(24px,5vw,80px);bottom:28px;display:flex;align-items:center;gap:22px;text-decoration:none;color:#fff;font-size:12px;letter-spacing:.04em}.scroll-cue span{border:1px solid rgba(255,255,255,.55);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.section-wrap{max-width:1360px;margin:auto;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}.intro-section,.process-section{padding-top:112px;padding-bottom:135px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-index{font-size:12px;letter-spacing:.12em;color:#65737e}.intro-grid{display:grid;grid-template-columns:1fr .7fr;gap:10%;margin-top:64px;align-items:start}h2{font-weight:500;font-size:clamp(48px,5.2vw,79px);line-height:1.08;letter-spacing:-.06em;margin:0}h2 em{color:#c5a71a}.intro-right{padding-top:5px}.intro-right .lead{font-size:clamp(22px,2vw,29px);line-height:1.35;letter-spacing:-.035em;color:var(--ink);margin:0 0 24px}.intro-right p:not(.lead){font-size:16px;line-height:1.8;color:var(--muted);max-width:500px;margin:0 0 30px}.text-link{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-flex;gap:34px}.text-link:hover{color:#9c8112;border-color:#9c8112}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:120px}.service-list>div{border-top:1px solid #aeb8bb;padding-top:20px}.service-list span,.step>span{font-size:13px;font-weight:700;color:#9c8112}.service-list h3{font-weight:500;letter-spacing:-.03em;font-size:24px;line-height:1.2;max-width:260px;margin:32px 0 14px}.service-list p{font-size:14px;color:var(--muted);line-height:1.65;max-width:290px;margin:0}
.connection-section{background:var(--ink);color:#fff;overflow:hidden}.connection-wrap{padding-top:115px;padding-bottom:124px}.connection-section .section-index{color:#aeb8bb}.connection-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;margin-top:60px}.connection-grid h2{font-size:clamp(47px,4.8vw,72px)}.connection-grid>div:first-child>p{font-size:18px;line-height:1.7;color:#cbd3d7;max-width:480px;margin:30px 0 0}.connection-grid .connection-note{font-size:13px!important;border-left:2px solid var(--yellow);padding-left:16px;color:#aeb8bb!important;margin-top:37px!important}.connection-demo{border:1px solid rgba(255,255,255,.22);background:#25323c;border-radius:20px;padding:28px 34px;box-shadow:0 30px 60px rgba(0,0,0,.16)}.demo-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;color:#b8c6cb;border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:23px}.demo-label span{font-size:18px;color:var(--yellow)}.demo-step{display:flex;align-items:center;gap:18px;margin-top:22px}.demo-number{width:44px;height:44px;border:1px solid #667680;display:grid;place-items:center;border-radius:12px;font-size:12px;color:var(--yellow)}.demo-step strong{display:block;font-size:16px;font-weight:600}.demo-step small{display:block;color:#aebcc2;font-size:12px;margin-top:4px}.demo-status{margin-left:auto;color:var(--yellow);font-size:11px}.demo-line{border-left:1px dashed #62727b;height:24px;margin:10px 0 0 22px}.connection-demo p{border-top:1px solid rgba(255,255,255,.17);padding-top:18px;margin:28px 0 0;color:#9eacb3;font-size:11px}
.process-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;margin-top:65px}.process-grid>div:first-child p{font-size:18px;color:var(--muted);line-height:1.7;max-width:430px;margin-top:30px}.steps{border-top:1px solid #aeb8bb}.step{display:grid;grid-template-columns:60px 1fr;padding:22px 0 24px;border-bottom:1px solid #cbd1d1}.step h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:0 0 8px}.step p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}
.contact-section{background:var(--yellow);text-align:center}.contact-inner{padding-top:115px;padding-bottom:110px}.contact-inner .eyebrow{justify-content:center}.contact-inner .eyebrow-line{background:var(--ink)}.contact-inner h2{margin:31px auto 24px}.contact-inner h2 em{color:var(--ink)}.contact-inner>p:not(.eyebrow):not(.contact-small){font-size:18px;line-height:1.6;max-width:510px;margin:0 auto 25px}.button-yellow{background:var(--ink);color:#fff}.button-yellow .button-arrow{background:#fff;color:var(--ink)}.contact-small{font-size:13px;line-height:1.8;margin:25px auto 0;color:#39434a}.contact-small a{text-underline-offset:3px}.site-footer{background:var(--ink);color:#c4cdd1;min-height:135px;padding:38px clamp(24px,5vw,80px);display:flex;align-items:center;gap:5vw;font-size:12px}.brand-footer{color:#fff;margin-right:auto}.site-footer>a:last-child{text-decoration:none}.site-footer>a:last-child:hover{text-decoration:underline}
@media(max-width:1100px){.inquiry-card{left:24px;width:262px}.crm-card{right:24px;width:290px}.hero-copy{padding-top:145px}.hero{min-height:790px}.books-card{right:6%}.intro-grid,.connection-grid,.process-grid{gap:6%}}
@media(max-width:760px){.site-header{min-height:74px;padding:19px 22px}.brand{font-size:16px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:rgba(19,33,49,.32);border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff}.menu-toggle span{width:17px;height:2px;background:currentColor}.mobile-nav:not([hidden]){display:flex;position:absolute;top:73px;left:18px;right:18px;flex-direction:column;background:#17212a;border:1px solid rgba(255,255,255,.2);border-radius:17px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.mobile-nav a{padding:14px 12px;text-decoration:none;font-size:15px}.hero{height:auto;min-height:840px}.hero-image{background-position:55% center}.hero-tint{background:linear-gradient(to bottom,rgba(23,40,68,.24),rgba(22,39,68,.06) 50%,rgba(9,24,44,.6))}.hero-copy{padding-top:119px;width:calc(100% - 38px)}.hero h1{font-size:clamp(41px,10vw,60px);margin:19px 0 15px}.hero-subtitle{font-size:16px;max-width:330px;margin-bottom:20px}.hero-note{font-size:11px}.inquiry-card{top:auto;bottom:115px;left:21px;width:min(270px,62%);padding:14px;border-radius:16px}.glass-message{font-size:14px;margin:15px 0}.glass-footer,.glass-top{font-size:10px}.crm-card{top:auto;right:16px;bottom:245px;width:min(245px,58%);padding:14px;border-radius:16px}.flow-row{gap:6px;margin-top:13px}.flow-row strong{font-size:11px}.flow-row small{font-size:9px}.flow-icon{width:28px;height:28px;flex-basis:28px;font-size:14px}.flow-connector{height:10px;margin-left:14px}.books-card{left:auto;right:18px;bottom:77px;min-width:0;width:190px;padding:10px;border-radius:14px}.books-card strong{font-size:10px}.books-card small{font-size:9px}.books-symbol{width:28px;height:28px;flex:0 0 28px;font-size:15px}.scene-disclaimer{right:20px;bottom:24px;font-size:9px}.scroll-cue{display:none}.intro-section,.process-section{padding-top:80px;padding-bottom:85px}.section-index{font-size:11px}.intro-grid,.connection-grid,.process-grid{display:block;margin-top:48px}.intro-right{padding-top:28px}.intro-right .lead{font-size:22px}.service-list{grid-template-columns:1fr;margin-top:70px;gap:26px}.service-list h3{font-size:22px;margin:22px 0 10px;max-width:none}.service-list p{max-width:540px}.connection-wrap{padding-top:80px;padding-bottom:85px}.connection-grid>div:first-child>p{font-size:16px}.connection-demo{margin-top:55px;padding:20px}.process-grid>div:first-child p{font-size:16px}.steps{margin-top:45px}.contact-inner{padding-top:85px;padding-bottom:85px}.contact-inner>p:not(.eyebrow):not(.contact-small){font-size:16px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:38px 24px}.brand-footer{grid-column:1/-1}}
@media(max-width:420px){.hero{min-height:790px}.hero-image{background-position:54% center}.hero h1{font-size:40px}.hero-subtitle{font-size:15px}.inquiry-card{width:59%;left:14px;bottom:120px}.crm-card{width:58%;right:13px;bottom:250px}.books-card{right:13px;bottom:86px;width:178px}.scene-disclaimer{bottom:21px;right:14px}.glass-message{font-size:13px}.flow-row b{display:none}.service-list{margin-top:60px}.contact-inner h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Round two: stronger scene and a consistent consultation action. */
.hero-image{background-image:url('assets/metro-manila-workspace-v2.png');background-position:center center;background-size:cover}
.nav-contact{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:700}
.nav-contact:hover{background:#ffe373;opacity:1}
.button-dark,.button-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 10px 28px rgba(16,31,52,.2)}
.button-dark:hover,.button-yellow:hover{background:#ffe373}
.button-dark .button-arrow,.button-yellow .button-arrow{background:var(--ink);color:#fff}
.demo-line{border-color:var(--yellow);border-left-width:2px;opacity:.9}
.demo-number{border-color:var(--yellow)}
@media(min-width:761px){
  .hero-copy{padding-top:115px}
  .hero h1{margin-bottom:12px}
  .hero-subtitle{margin-bottom:18px}
  .inquiry-card{left:5.5%;top:48%;width:340px;padding:23px}
  .glass-message{font-size:19px;margin:28px 2px 31px}
  .glass-footer{padding-top:17px}
  .crm-card{right:5.5%;top:53%;width:380px;padding:25px}
  .flow-row{margin-top:25px}
  .flow-connector{height:23px}
  .books-card{left:27%;bottom:-17px}
}

.process-visual{height:150px;max-width:440px;margin-top:50px;padding:22px 25px;display:flex;align-items:flex-end;gap:14px;position:relative;overflow:hidden;border-radius:17px;color:#fff;background:linear-gradient(90deg,rgba(17,30,45,.62),rgba(17,30,45,.24)),url('assets/metro-manila-workspace-v2.png') center 68%/cover;font-size:10px;letter-spacing:.14em;font-weight:700}
.process-visual-line{height:2px;flex:1;background:var(--yellow);margin-bottom:5px;position:relative}
.process-visual-line:after{content:'';position:absolute;right:0;top:-4px;width:10px;height:10px;background:var(--yellow);border-radius:50%}
.contact-section{background:#263846;color:#fff;text-align:left;position:relative;overflow:hidden}
.contact-section:before{content:'';position:absolute;width:620px;height:620px;border:1px solid rgba(245,212,77,.2);border-radius:50%;right:-170px;top:-260px;box-shadow:0 0 0 78px rgba(245,212,77,.025),0 0 0 156px rgba(245,212,77,.025)}
.contact-inner{display:grid;grid-template-columns:1.2fr .72fr;align-items:center;gap:8%;padding-top:125px;padding-bottom:125px;position:relative}
.contact-inner .eyebrow{justify-content:flex-start}
.contact-inner .eyebrow-line{background:var(--yellow)}
.contact-inner h2{margin:31px 0 24px;font-size:clamp(47px,5vw,76px)}
.contact-inner h2 em{color:var(--yellow)}
.contact-copy>p:not(.eyebrow):not(.contact-small){font-size:18px;line-height:1.6;max-width:475px;margin:0 0 26px;color:#d1dbe0}
.contact-small{color:#b8c6cc;margin:20px 0 0}
.contact-panel{border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));backdrop-filter:blur(14px);border-radius:19px;min-height:340px;padding:29px 30px;color:#fff;box-shadow:0 25px 45px rgba(10,25,37,.18)}
.contact-panel-label{font-size:11px;letter-spacing:.16em;font-weight:700;color:#d4e0e5;margin:0 0 16px}
.contact-panel-number{font-size:75px;font-weight:500;letter-spacing:-.07em;line-height:1;color:var(--yellow)}
.contact-panel-number span{font-size:18px;letter-spacing:0;color:#d4e0e5}
.contact-panel-rule{height:2px;background:var(--yellow);margin:22px 0}
.contact-panel>p:not(.contact-panel-label){font-size:19px;line-height:1.35;max-width:250px;margin:0 0 24px}
.contact-panel-bottom{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}
.contact-panel-bottom span{font-size:10px;white-space:nowrap;padding:7px 9px;border:1px solid rgba(255,255,255,.35);border-radius:99px}
.contact-panel small{font-size:10px;color:#bfccd2;line-height:1.5}
@media(max-width:760px){
  .hero-image{background-size:auto 100%;background-position:52% bottom}
  .inquiry-card{left:15px;top:auto;width:59%;padding:14px}
  .glass-message{font-size:14px;margin:15px 0}
  .crm-card{right:15px;top:auto;width:58%;padding:14px}
  .flow-row{margin-top:13px}
  .flow-connector{height:10px}
  .contact-inner{display:block;padding-top:84px;padding-bottom:90px}
  .contact-inner h2{font-size:clamp(44px,10vw,58px)}
  .contact-copy>p:not(.eyebrow):not(.contact-small){font-size:16px}
  .contact-panel{margin-top:48px;min-height:0;padding:24px}
  .contact-panel-number{font-size:65px}
  .process-visual{margin-top:34px;height:140px}
}

/* Round three: quieter hero and a photographic bridge through the middle. */
.hero h1 em{color:#fff;font-weight:400}
.nav-contact{background:transparent;border:0;color:#fff;padding:12px 0;font-weight:600}
.nav-contact span{color:var(--yellow);padding-left:8px}
.nav-contact:hover{background:transparent;color:var(--yellow)}
.ledger-card{display:none}
.service-scene{height:430px;margin:92px 0 0;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(13,30,49,.04),rgba(13,30,49,.1)),url('assets/metro-manila-detail.png') center 53%/cover no-repeat}
.service-scene-panel{position:absolute;right:35px;bottom:35px;width:340px;min-height:235px;border:1px solid rgba(255,255,255,.38);border-radius:18px;padding:25px 26px;color:#fff;background:linear-gradient(150deg,rgba(44,59,94,.72),rgba(33,53,84,.52));backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(16,30,53,.19);display:flex;flex-direction:column}
.service-scene-panel span{font-size:10px;letter-spacing:.15em;font-weight:700;opacity:.85}
.service-scene-panel strong{font-size:29px;letter-spacing:-.04em;line-height:1.17;font-weight:500;margin-top:23px}
.service-scene-panel small{font-size:12px;line-height:1.5;opacity:.88;margin-top:auto}
.service-list{margin-top:76px}
@media(min-width:761px){
  .inquiry-card{left:4.5%;width:380px}
  .crm-card{right:4.5%;width:425px}
  .books-card{display:none}
  .ledger-card{display:block;left:17%;bottom:-40px;width:470px;padding:18px 22px 22px}
  .ledger-head,.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
  .ledger-head{font-size:10px;letter-spacing:.12em;font-weight:700;opacity:.75;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.3)}
  .ledger-row{font-size:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}
  .ledger-row span:nth-child(2){opacity:.75}
  .ledger-row b{color:var(--yellow);font-size:16px}
}
@media(max-width:760px){
  .hero h1 em{color:#fff}
  .ledger-card{display:none}
  .service-scene{height:340px;margin-top:54px;background-position:34% center;border-radius:16px}
  .service-scene-panel{right:14px;left:14px;bottom:14px;width:auto;min-height:0;padding:16px 18px;border-radius:13px}
  .service-scene-panel strong{font-size:21px;margin-top:8px}
  .service-scene-panel small{font-size:11px;margin-top:9px}
  .service-list{margin-top:55px}
}

/* Round four: richer illustrative panels and a photo-grounded hero CTA. */
.hero .button-dark{background:var(--ink);color:#fff}
.hero .button-dark:hover{background:#263846}
.hero .button-dark .button-arrow{background:var(--yellow);color:var(--ink)}
.glass-detail{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;border-top:1px solid rgba(255,255,255,.22);padding:10px 0}
.glass-detail span{letter-spacing:.1em;font-size:9px;opacity:.72}
.glass-detail strong{font-weight:600;font-size:11px}
.glass-detail small{font-size:9px;font-weight:400;opacity:.7}
.inquiry-card .glass-footer{margin-top:4px}
.glass-pill{position:absolute;z-index:4;top:48%;right:6%;border:1px solid rgba(255,255,255,.4);background:rgba(56,76,112,.46);backdrop-filter:blur(12px);border-radius:999px;padding:11px 15px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}
.glass-pill span{color:var(--yellow);font-size:15px;margin-left:13px}
.crm-person{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.24);padding:17px 0 16px}
.crm-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#d2dce7;color:#27394a;font-weight:700;font-size:13px}
.crm-person strong{display:block;font-size:12px}
.crm-person small{display:block;font-size:10px;opacity:.75;margin-top:3px}
.crm-badge{margin-left:auto;white-space:nowrap;border:1px solid rgba(245,212,77,.68);color:var(--yellow);border-radius:99px;padding:5px 8px;font-size:9px}
.crm-card .flow-row{margin-top:16px}
.crm-card .flow-connector{height:13px}
.crm-card .flow-row+.flow-connector+.flow-row{margin-top:0}
.crm-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.24);margin-top:17px;padding-top:13px;font-size:10px}
.crm-footer span:first-child{letter-spacing:.12em;opacity:.72}
.crm-footer strong{font-size:11px;font-weight:600}
.crm-footer span:last-child{font-size:16px;color:var(--yellow)}
@media(max-width:760px){
  .glass-pill,.glass-detail,.crm-person,.crm-footer{display:none}
  .contact-inner{padding-bottom:160px}
  .inquiry-card .glass-footer{margin-top:0}
  .crm-card .flow-row{margin-top:13px}
  .crm-card .flow-connector{height:10px}
}

/* Round five: foreground portrait, support clarity, and persistent mobile action. */
.hero-image{background-image:url('assets/metro-manila-portrait.png')}
.crm-card{background:linear-gradient(145deg,rgba(52,73,113,.67),rgba(52,70,108,.43))}
.inquiry-card{background:linear-gradient(145deg,rgba(98,105,151,.53),rgba(67,85,130,.33))}
@media(min-width:761px){.crm-card{right:9%}}
.mobile-cta{display:none}
@media(max-width:760px){
  .site-header{position:fixed;background:rgba(21,42,69,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:8px;padding:14px 18px;min-height:68px}
  .brand{font-size:13px;letter-spacing:.045em;gap:7px}
  .brand-mark{width:25px;height:25px}
  .mobile-cta{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:var(--yellow);color:var(--ink);text-decoration:none;border-radius:999px;min-height:36px;padding:0 11px;font-size:10px;font-weight:700;white-space:nowrap}
  .menu-toggle{margin-left:0;flex:0 0 40px;width:40px;height:40px}
  .mobile-nav:not([hidden]){top:68px}
  .hero-image{background-image:url('assets/metro-manila-workspace-v2.png')}
  section[id]{scroll-margin-top:68px}
}
@media(max-width:360px){.site-header .brand>span:last-child{display:none}}

/* Round six: readable glass content and layered workflow scenes. */
.hero h1{font-weight:400}
@media(min-width:761px){
  .inquiry-card{width:450px;left:4.5%;padding:24px 27px}
  .inquiry-card .glass-message{font-size:21px;line-height:1.38;margin:27px 0 23px}
  .inquiry-card .glass-top{font-size:13px}
  .inquiry-card .glass-detail{padding:11px 0}
  .inquiry-card .glass-detail span{font-size:11px}
  .inquiry-card .glass-detail strong{font-size:13px}
  .inquiry-card .glass-footer{font-size:12px;padding-top:14px}
  .crm-card{right:15%;width:500px;padding:24px 27px}
  .crm-card .glass-top,.crm-person strong{font-size:13px}
  .crm-person small,.crm-badge{font-size:11px}
  .crm-card .flow-row strong{font-size:15px}
  .crm-card .flow-row small{font-size:12px}
  .crm-footer strong{font-size:13px}
  .glass-pill{right:15%;font-size:11px}
  .ledger-card{width:580px;left:17%;bottom:-11px}
  .ledger-head{font-size:11px}
  .ledger-row{font-size:13px}
}
.connection-demo{min-height:510px;padding:24px 25px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:linear-gradient(110deg,rgba(21,37,64,.63),rgba(21,37,64,.4)),url('assets/metro-manila-detail.png') 79% center/cover no-repeat;box-shadow:0 30px 60px rgba(0,0,0,.17);position:relative;overflow:hidden}
.scene-kicker{display:flex;justify-content:space-between;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em}
.scene-kicker span:last-child{color:var(--yellow)}
.mini-flow{position:relative;height:400px;margin-top:20px}
.mini-flow:before{content:'';position:absolute;left:50%;top:23px;bottom:24px;border-left:2px dashed rgba(245,212,77,.68)}
.mini-flow-card{position:absolute;z-index:1;width:78%;padding:17px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.38);background:linear-gradient(135deg,rgba(68,81,124,.79),rgba(36,56,91,.65));backdrop-filter:blur(13px);box-shadow:0 14px 28px rgba(12,23,42,.15);color:#fff}
.mini-flow-card:nth-child(1){top:8px;left:0}
.mini-flow-card:nth-child(2){top:139px;right:0}
.mini-flow-card:nth-child(3){top:270px;left:3%}
.mini-flow-card span{display:block;font-size:10px;color:var(--yellow);letter-spacing:.13em;font-weight:700;margin-bottom:8px}
.mini-flow-card strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.03em}
.mini-flow-card small{display:block;font-size:12px;color:#e1e9ef;margin-top:5px}
.connection-demo .scene-bottom{border:0;padding:0;margin:5px 0 0;color:#e3eaf0;font-size:11px}
.process-visual{height:300px;background-position:center 56%}
@media(max-width:760px){
  .inquiry-card{display:none}
  .crm-card{right:18px;left:18px;bottom:144px;width:auto;padding:18px;border-radius:17px}
  .crm-person{display:flex;padding:12px 0}
  .crm-person strong{font-size:13px}
  .crm-person small,.crm-badge{font-size:10px}
  .crm-card .flow-row strong{font-size:13px}
  .crm-card .flow-row small{font-size:11px}
  .crm-card .glass-top{font-size:12px}
  .crm-footer{display:none}
  .books-card{right:18px;bottom:73px;width:200px}
  .connection-demo{min-height:455px;padding:18px;margin-top:47px;background-position:75% center}
  .scene-kicker{font-size:10px}
  .mini-flow{height:355px}
  .mini-flow-card{width:84%;padding:13px 15px}
  .mini-flow-card:nth-child(1){top:6px}
  .mini-flow-card:nth-child(2){top:122px}
  .mini-flow-card:nth-child(3){top:238px}
  .mini-flow-card strong{font-size:16px}
  .mini-flow-card small{font-size:11px}
  .connection-demo .scene-bottom{font-size:10px}
  .process-visual{height:210px;background-position:center 57%}
}

@media(min-width:761px){
  .hero-copy{padding-top:100px}
  .hero h1{font-size:64px}
  .inquiry-card{width:370px;padding:22px 24px}
  .inquiry-card .glass-top{font-size:12px}
  .inquiry-card .glass-message{font-size:18px;margin:24px 0 21px}
  .inquiry-card .glass-detail span{font-size:10px}
  .inquiry-card .glass-detail strong{font-size:12px}
  .inquiry-card .glass-footer{font-size:11px}
  .crm-card{width:420px;right:9%;padding:22px 24px}
  .crm-card .glass-top,.crm-person strong{font-size:12px}
  .crm-person small,.crm-badge{font-size:10px}
  .crm-card .flow-row strong{font-size:14px}
  .crm-card .flow-row small{font-size:11px}
  .crm-footer strong{font-size:12px}
  .glass-pill{right:9%;font-size:10px}
  .ledger-card{width:470px;bottom:-11px}
  .ledger-head{font-size:10px}
  .ledger-row{font-size:12px}
  .process-visual{max-width:520px;height:340px}
}

/* Round seven: let the photography carry the page, with lighter interface layers. */
body{overflow-x:clip}
@media(min-width:761px){
  .inquiry-card{width:335px;left:3.7%;top:49%;background:linear-gradient(145deg,rgba(92,101,145,.42),rgba(48,68,112,.25));border-color:rgba(255,255,255,.46);backdrop-filter:blur(13px);box-shadow:0 18px 48px rgba(8,24,47,.12),inset 0 1px rgba(255,255,255,.28)}
  .inquiry-card .glass-message{font-size:17px;margin:20px 0 16px}
  .inquiry-card .glass-detail{padding:9px 0}
  .crm-card{width:380px;right:4.5%;top:55%;background:linear-gradient(145deg,rgba(53,74,118,.48),rgba(40,57,99,.28));border-color:rgba(255,255,255,.45);backdrop-filter:blur(13px);box-shadow:0 18px 48px rgba(8,24,47,.12),inset 0 1px rgba(255,255,255,.25)}
  .crm-card .flow-row{margin-top:13px}
  .ledger-card{left:12%;width:430px;background:linear-gradient(145deg,rgba(47,59,91,.48),rgba(28,43,73,.25));border-color:rgba(255,255,255,.44);backdrop-filter:blur(13px)}
  .intro-section{padding-bottom:95px}
  .service-scene{width:100vw;max-width:none;left:50%;transform:translateX(-50%);height:560px;margin-top:85px;border-radius:0;background-position:center 52%}
  .service-scene-panel{top:40px;bottom:auto;right:8%;width:305px;min-height:190px;background:linear-gradient(145deg,rgba(48,63,103,.48),rgba(31,48,80,.25));border-color:rgba(255,255,255,.44)}
  .service-scene-panel strong{font-size:25px;margin-top:18px}
  .service-list{position:relative;z-index:2;margin-top:-160px;gap:14px}
  .service-list>div{border:1px solid rgba(255,255,255,.32);border-radius:16px;padding:17px 20px 21px;min-height:175px;color:#fff;background:linear-gradient(140deg,rgba(33,52,82,.74),rgba(31,50,80,.5));backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(10,27,46,.12)}
  .service-list span{color:var(--yellow)}
  .service-list h3{font-size:21px;margin:15px 0 8px;max-width:none}
  .service-list p{font-size:18px;line-height:1.42;color:#f3f6f9;max-width:none}
  .connection-section{position:relative;background:linear-gradient(90deg,#17212a 0%,rgba(23,33,42,.96) 38%,rgba(23,33,42,.55) 100%),url('assets/metro-manila-detail.png') right center/cover no-repeat}
  .connection-wrap{position:relative;z-index:1}
  .connection-demo{background:none;border:0;box-shadow:none;padding:0 10px 0 0;min-height:480px;overflow:visible}
  .mini-flow-card{background:linear-gradient(145deg,rgba(43,59,94,.74),rgba(39,55,88,.52));border-color:rgba(255,255,255,.42);backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(10,25,44,.15)}
  .process-section{padding-bottom:95px}
  .process-grid{grid-template-columns:1.1fr .9fr;gap:0;position:relative}
  .process-visual{max-width:none;width:calc(100% + 130px);height:425px;margin-top:35px;background-position:center 55%;z-index:0}
  .steps{position:relative;z-index:2;align-self:end;margin-left:-75px;margin-bottom:28px;padding:19px 28px 12px;background:rgba(250,252,252,.88);border:1px solid rgba(184,197,203,.7);border-radius:18px;backdrop-filter:blur(15px);box-shadow:0 18px 45px rgba(14,36,51,.14)}
  .step{padding:18px 0 20px}
  .contact-section{background:linear-gradient(90deg,#203343 0%,rgba(32,51,67,.97) 36%,rgba(32,51,67,.74) 66%,rgba(32,51,67,.3) 100%),url('assets/metro-manila-portrait.png') center 60%/cover no-repeat}
  .contact-section:before{display:none}
  .contact-inner{min-height:670px}
  .contact-panel{background:linear-gradient(145deg,rgba(69,85,120,.53),rgba(42,62,99,.34));border-color:rgba(255,255,255,.45);box-shadow:0 20px 50px rgba(8,22,39,.12)}
}

/* Round eight: distinct scenes and a quieter connected hero. */
@media(min-width:761px){
  .glass-pill,.ledger-card{display:none}
  .inquiry-card{left:4%;width:310px;top:51%;padding:20px;background:linear-gradient(145deg,rgba(92,101,145,.36),rgba(48,68,112,.19))}
  .inquiry-card .glass-message{margin:17px 0 14px;font-size:16px}
  .inquiry-card .glass-detail:nth-of-type(3){display:none}
  .inquiry-card .glass-footer{font-size:10px}
  .crm-card{right:4%;width:350px;top:56%;padding:19px;background:linear-gradient(145deg,rgba(53,74,118,.42),rgba(40,57,99,.22))}
  .crm-card .crm-footer{display:none}
  .hero-link{position:absolute;z-index:4;left:23.5%;right:26.5%;bottom:145px;height:20px;display:flex;align-items:center;gap:0;filter:drop-shadow(0 2px 3px rgba(5,18,29,.38))}
  .hero-link span{width:9px;height:9px;border:1px solid #ffe066;border-radius:50%;background:#ffe066;box-shadow:0 0 0 5px rgba(255,224,102,.12)}
  .hero-link i{height:1px;flex:1;border-top:1px dashed rgba(255,224,102,.78);position:relative}
  .hero-link i:after{content:'›';position:absolute;right:-3px;top:-13px;color:#ffe066;font-size:23px;font-style:normal}
  .connection-section{background:linear-gradient(90deg,#17212a 0%,rgba(23,33,42,.94) 38%,rgba(23,33,42,.47) 100%),url('assets/connected-workdesk.png') right center/cover no-repeat}
  .mini-flow:before{border-left:2px solid rgba(255,218,80,.84)}
  .process-visual{background-image:linear-gradient(90deg,rgba(17,30,45,.14),rgba(17,30,45,.04)),url('assets/planning-conversation.png');background-position:center 52%}
  .contact-section{background:linear-gradient(90deg,#203343 0%,rgba(32,51,67,.95) 37%,rgba(32,51,67,.64) 67%,rgba(32,51,67,.22) 100%),url('assets/manila-skyline.png') center 53%/cover no-repeat}
}
@media(max-width:760px){
  .hero-link{display:none}
  .connection-demo{background-image:linear-gradient(110deg,rgba(21,37,64,.68),rgba(21,37,64,.48)),url('assets/connected-workdesk.png')}
  .process-visual{background-image:linear-gradient(90deg,rgba(17,30,45,.28),rgba(17,30,45,.12)),url('assets/planning-conversation.png');background-position:center 52%}
  .contact-section{background:linear-gradient(180deg,rgba(32,51,67,.96),rgba(32,51,67,.76)),url('assets/manila-skyline.png') center/cover no-repeat}
}

/* Round nine: one editorial services scene, a connected plan, and an open close. */
@media(min-width:761px){
  .hero-image{background-size:110% auto;background-position:center 50%}
  .intro-section{position:relative;max-width:none;min-height:950px;padding:85px clamp(40px,7.3vw,106px) 110px;background:#1b344e;color:#fff;overflow:hidden}
  .intro-section .section-head{position:relative;z-index:2}
  .intro-section .section-index{color:#e8edf1}
  .intro-grid{display:block;position:relative;z-index:2;width:48%;margin:60px 0 0 auto}
  .intro-grid h2{font-size:clamp(53px,4.6vw,70px)}
  .intro-grid h2 em{color:var(--yellow)}
  .intro-right{padding-top:22px}
  .intro-right .lead{font-size:22px;line-height:1.42;color:#fff;margin-bottom:14px}
  .intro-right p:not(.lead){font-size:16px;line-height:1.55;color:#e8edf1;margin-bottom:20px}
  .intro-right .text-link{color:#fff;border-color:rgba(255,255,255,.7)}
  .service-scene{position:absolute;inset:0;width:100%;height:100%;margin:0;left:0;transform:none;border-radius:0;background-image:linear-gradient(90deg,rgba(14,29,53,.06) 0%,rgba(14,29,53,.26) 38%,rgba(13,29,53,.78) 100%),linear-gradient(0deg,rgba(11,25,45,.8),rgba(11,25,45,0) 43%),url('assets/metro-manila-detail.png');background-position:center 48%;background-size:cover}
  .service-scene-panel{display:none}
  .service-list{position:relative;z-index:2;margin-top:105px;gap:15px;align-items:start}
  .service-list>div{background:linear-gradient(145deg,rgba(38,57,90,.56),rgba(29,50,82,.31));backdrop-filter:blur(13px);border-color:rgba(255,255,255,.45);min-height:185px}
  .service-list>div:nth-child(2){transform:translateY(30px)}
  .service-list>div:nth-child(3){transform:translateY(60px)}
  .steps:before{content:'';position:absolute;left:45px;top:45px;bottom:55px;width:2px;background:linear-gradient(var(--yellow),rgba(197,167,26,.26))}
  .step>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:11px;position:relative;z-index:1}
  .step{grid-template-columns:60px 1fr;align-items:start}
  .contact-panel{background:none;border:0;border-left:2px solid var(--yellow);border-radius:0;backdrop-filter:none;box-shadow:none;padding:8px 0 8px 32px;min-height:0}
  .contact-panel-number{font-size:105px}
  .contact-panel-rule{max-width:315px}
}

/* Round ten: layered interface proportions and more varied content blocks. */
.chat-reply{display:none}
.hero-rail{display:none}
@media(min-width:761px){
  .hero-image{background-size:118% auto;background-position:center 49%}
  .inquiry-card{left:2.2%;top:46%;width:360px;min-height:292px;padding:20px 18px;background:linear-gradient(145deg,rgba(103,112,163,.3),rgba(67,86,136,.19));backdrop-filter:blur(10px)}
  .inquiry-card .glass-message{font-size:16px;line-height:1.48;margin:22px 0 13px}
  .inquiry-card .glass-detail:nth-of-type(3){display:flex}
  .inquiry-card .glass-detail{padding:8px 0}
  .chat-reply{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.08);font-size:11px;line-height:1.3}
  .chat-reply b{color:var(--yellow);font-weight:400;font-size:17px}
  .crm-card{right:4.5%;top:58%;width:405px;min-height:277px;padding:20px 22px;background:linear-gradient(145deg,rgba(83,98,148,.33),rgba(48,71,119,.2));backdrop-filter:blur(10px)}
  .crm-card .crm-footer{display:flex}
  .hero-rail{display:flex;position:absolute;z-index:4;top:54%;left:29%;flex-direction:column;gap:0;padding:10px 9px;border:1px solid rgba(255,255,255,.39);border-radius:18px;background:linear-gradient(145deg,rgba(78,94,145,.31),rgba(61,78,128,.18));backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(10,22,41,.08)}
  .hero-rail span{width:26px;height:34px;display:grid;place-items:center;color:#fff;font-size:17px}
  .ledger-card{display:block;left:11%;bottom:-91px;width:470px;padding:17px 20px 23px;min-height:195px;background:linear-gradient(145deg,rgba(62,80,126,.29),rgba(42,62,106,.17));backdrop-filter:blur(10px);border-color:rgba(255,255,255,.45)}
  .hero-link{bottom:127px;left:27%;right:29%;opacity:.72}
  .service-list{grid-template-columns:1.13fr .84fr 1fr;gap:23px}
  .service-list>div:first-child{min-height:210px;transform:translateY(-12px)}
  .service-list>div:nth-child(2),.service-list>div:nth-child(3){background:none;backdrop-filter:none;box-shadow:none;border:0;border-top:1px solid rgba(255,255,255,.72);border-radius:0;padding-left:0;padding-right:0}
  .service-list>div:nth-child(2){transform:translateY(14px)}
  .service-list>div:nth-child(3){transform:translateY(69px)}
  .mini-flow-card:nth-child(1){width:67%}
  .mini-flow-card:nth-child(2){width:83%;top:136px}
  .mini-flow-card:nth-child(3){width:70%;top:274px}
  .steps{background:linear-gradient(145deg,rgba(27,47,73,.84),rgba(33,58,88,.73));color:#fff;border-color:rgba(255,255,255,.66);backdrop-filter:blur(17px)}
  .step{border-bottom-color:rgba(255,255,255,.3)}
  .step p{color:#e0e8ef}
}

/* Round eleven: remove collisions and let the process photograph lead. */
@media(min-width:761px){
  .inquiry-card{left:2.8%;top:47%;width:325px;min-height:270px}
  .inquiry-card .glass-message{margin:18px 0 11px}
  .crm-card{right:4%;top:57%;width:365px;min-height:260px;padding:19px}
  .hero-rail{left:28%;top:54%}
  .ledger-card{display:none}
  .hero-link{z-index:3;left:27%;right:29%;bottom:73px;opacity:.67}
  .steps{width:500px;margin-left:-170px;margin-bottom:18px;padding:15px 22px 10px;background:linear-gradient(145deg,rgba(27,47,73,.72),rgba(33,58,88,.59));backdrop-filter:blur(11px);box-shadow:0 18px 42px rgba(14,36,51,.12)}
  .steps:before{left:39px;top:39px;bottom:43px}
  .step{padding:15px 0 17px}
  .step h3{font-size:21px}
  .step p{font-size:13px}
}

/* Round twelve: staggered transparent interface and balanced process frame. */
@media(min-width:761px){
  .inquiry-card{left:2.5%;top:48%;width:304px;min-height:0;padding:16px 17px 17px;background:rgba(104,115,164,.25);border-color:rgba(255,255,255,.52);backdrop-filter:blur(8px);box-shadow:0 12px 27px rgba(13,24,43,.08),inset 0 1px rgba(255,255,255,.22)}
  .inquiry-card .glass-message{font-size:15px;margin:18px 0 11px}
  .inquiry-card .glass-detail:nth-of-type(3){display:none}
  .inquiry-card .glass-footer{padding-top:10px}
  .chat-reply{font-size:10px;padding:7px 9px;margin-bottom:7px}
  .crm-card{right:4%;top:62%;width:348px;min-height:0;padding:17px 18px;background:rgba(76,95,145,.27);border-color:rgba(255,255,255,.52);backdrop-filter:blur(8px);box-shadow:0 12px 27px rgba(13,24,43,.08),inset 0 1px rgba(255,255,255,.22)}
  .crm-card .flow-row{margin-top:12px}
  .crm-card .crm-footer{display:none}
  .hero-rail{left:27%;top:56%;background:rgba(80,96,146,.21);backdrop-filter:blur(8px);box-shadow:none}
  .ledger-card{display:block;left:17%;bottom:-153px;width:420px;min-height:190px;padding:16px 20px;background:rgba(69,88,137,.19);border-color:rgba(255,255,255,.48);backdrop-filter:blur(8px);box-shadow:none}
  .hero-link{bottom:93px;left:26%;right:28%;z-index:3;opacity:.42}
  .steps{align-self:start;margin-top:125px;margin-bottom:0}
}

/* Round thirteen: open the hero and let the process become one photographed scene. */
@media(min-width:761px){
  .glass-pill{display:flex;position:absolute;z-index:4;right:4%;top:53%;background:rgba(101,116,165,.24);border-color:rgba(255,255,255,.5);backdrop-filter:blur(8px)}
  .crm-card{top:62%;width:326px;right:4%;background:rgba(117,126,169,.21);border-color:rgba(255,255,255,.5)}
  .process-section{position:relative;max-width:none;min-height:1000px;overflow:hidden;padding:90px clamp(40px,7.3vw,106px) 0}
  .process-grid{display:block;position:static;margin-top:65px}
  .process-grid>div:first-child{position:static}
  .process-grid h2,.process-grid>div:first-child p{position:relative;z-index:2}
  .process-grid>div:first-child p{max-width:520px}
  .process-visual{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;height:520px;margin:0;border-radius:0;background-image:linear-gradient(90deg,rgba(13,30,50,.12),rgba(13,30,50,.04)),url('assets/planning-conversation.png');background-position:center 51%;padding-left:clamp(40px,7.3vw,106px);padding-right:clamp(40px,7.3vw,106px)}
  .steps{position:absolute;z-index:3;right:6%;bottom:85px;width:470px;margin:0;padding:20px 25px 14px;background:linear-gradient(145deg,rgba(33,52,77,.61),rgba(38,63,93,.51));border-color:rgba(255,255,255,.58);backdrop-filter:blur(13px)}
  .steps:before{left:42px;top:47px;bottom:51px}
  .step{padding:17px 0 20px}
  .step h3{font-size:22px}
  .step p{font-size:13px}
}

/* Round fourteen: one clear hero action and one continuous process scene. */
@media(min-width:761px){
  .hero-rail,.glass-pill,.ledger-card,.scroll-cue,.scene-disclaimer{display:none}
  .inquiry-card{left:3%;top:50%;width:310px;background:rgba(106,117,164,.24)}
  .inquiry-card .glass-detail:nth-of-type(3){display:none}
  .crm-card{right:4%;top:61%;width:335px;background:rgba(117,127,173,.22)}
  .hero-link{bottom:87px;left:26%;right:27%;opacity:.48}
  .process-section{background:linear-gradient(90deg,rgba(21,42,72,.32),rgba(21,42,72,0) 62%),url('assets/planning-scene-wide.png') center 49%/cover no-repeat;color:#fff;min-height:900px;padding-top:93px}
  .process-section .section-index{color:#e1eaf0}
  .process-grid{margin-top:72px}
  .process-grid h2{color:#fff;max-width:570px}
  .process-grid h2 em{color:var(--yellow)}
  .process-grid>div:first-child p{color:#e9f0f4;max-width:515px}
  .process-visual{display:none}
  .steps{left:7.3%;right:auto;bottom:63px;width:485px;background:linear-gradient(145deg,rgba(32,53,84,.55),rgba(36,58,91,.37));border-color:rgba(255,255,255,.44);backdrop-filter:blur(11px)}
}

/* Round fifteen: lit central portrait and a coherent mobile process. */
@media(min-width:761px){
  .hero-image{background-image:url('assets/metro-manila-portrait-lit.png');background-size:125% auto;background-position:center 49%}
  .site-footer{min-height:180px}
}
@media(max-width:760px){
  .process-section{position:relative;background:linear-gradient(180deg,rgba(23,44,76,.88),rgba(23,44,76,.48)),url('assets/planning-scene-wide.png') 64% center/cover no-repeat;color:#fff}
  .process-section .section-index{color:#e2eaf0}
  .process-section h2{color:#fff}
  .process-section h2 em{color:var(--yellow)}
  .process-grid>div:first-child p{color:#eef4f7}
  .process-visual{display:none}
  .process-section .steps{margin-top:45px;padding:15px 19px 5px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:rgba(30,51,83,.7);backdrop-filter:blur(12px)}
  .process-section .step{border-bottom-color:rgba(255,255,255,.32)}
  .process-section .step h3{color:#fff}
  .process-section .step p{color:#e4edf2}
  .process-section .step>span{color:var(--yellow)}
}

/* Round sixteen: remove dashboard weight from illustrative panels. */
@media(min-width:761px){
  .inquiry-card{width:270px;top:52%;padding:15px 17px;background:rgba(83,97,154,.21);border-color:rgba(255,255,255,.46);backdrop-filter:blur(7px);box-shadow:none}
  .inquiry-card .glass-message{font-size:15px;line-height:1.48;margin:17px 0 4px}
  .inquiry-card .chat-reply,.inquiry-card .glass-detail,.inquiry-card .glass-footer{display:none}
  .crm-card{width:292px;top:64%;padding:16px 17px;background:rgba(71,91,151,.2);border-color:rgba(255,255,255,.46);backdrop-filter:blur(7px);box-shadow:none}
  .crm-card .crm-person,.crm-card .crm-footer{display:none}
  .crm-card .flow-row{margin-top:16px}
  .crm-card .flow-row strong{font-size:13px}
  .crm-card .flow-row small{font-size:10px}
  .ledger-card{display:block;left:18%;bottom:-172px;width:410px;height:200px;min-height:0;background:rgba(70,87,145,.18);border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px);box-shadow:none}
  .steps{background:rgba(54,73,113,.28);border-color:rgba(255,255,255,.43);backdrop-filter:blur(7px);box-shadow:none}
}
@media(max-width:760px){
  .process-section .steps{background:rgba(30,51,83,.46);border-color:rgba(255,255,255,.42);backdrop-filter:blur(7px)}
  .contact-panel{background:none;border:0;border-left:1px solid var(--yellow);border-radius:0;box-shadow:none;backdrop-filter:none;padding:0 0 0 18px}
}

/* Round seventeen: a visible working setting and open, legible discovery detail. */
@media(min-width:761px){
  .hero-image{background-image:url('assets/metro-manila-workspace-lit.png')}
  .glass-pill{display:flex;right:4%;top:55%;width:auto;padding:11px 15px;background:rgba(105,121,167,.18);border-color:rgba(255,255,255,.42);backdrop-filter:blur(6px);font-size:9px}
  .ledger-card{bottom:-130px;background:rgba(70,87,145,.16)}
  .hero-link{opacity:.72}
  .process-section .steps{background:none;border:0;box-shadow:none;backdrop-filter:none;padding-left:0;padding-right:0}
  .process-section .steps:before{left:17px}
  .contact-inner{grid-template-columns:1fr 1fr;gap:7%}
  .contact-panel{padding-left:42px}
  .contact-panel-number{font-size:118px}
  .contact-panel>p:not(.contact-panel-label){font-size:23px;max-width:370px}
  .contact-panel-bottom span{font-size:12px;padding:8px 11px}
  .contact-panel small{font-size:12px}
}
@media(max-width:760px){
  .contact-panel-number{font-size:76px}
  .contact-panel>p:not(.contact-panel-label){font-size:20px}
  .contact-panel-bottom span{font-size:11px}
  .contact-panel small{font-size:11px}
}

/* Round eighteen: give the subject and staggered examples reference-level scale. */
@media(min-width:761px){
  .hero-image{background-image:url('assets/metro-manila-workspace-calm.png');background-size:155% auto;background-position:center 42%;filter:none}
  .hero-tint{background:linear-gradient(to bottom,rgba(28,54,112,.08) 0%,rgba(38,66,132,.12) 48%,rgba(29,54,116,.2) 73%,rgba(12,30,68,.48) 100%)}
  .inquiry-card{top:46%;width:300px;padding:18px 18px 19px}
  .inquiry-card .glass-detail:nth-of-type(3){display:flex;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.25);margin-top:14px}
  .crm-card{top:64%;width:318px}
  .glass-pill{top:53%;right:5%}
  .ledger-card{bottom:-124px}
}

/* Mobile hero: keep the person visible between the message and workflow. */
@media(max-width:760px){
  .hero{min-height:max(790px,100svh)}
  .hero-image{background-image:url('assets/metro-manila-workspace-mobile.png');background-size:auto 115%;background-position:center 40%}
  .crm-card{left:12px;right:auto;bottom:82px;width:205px;padding:14px}
  .crm-card .crm-person{display:none}
  .crm-card .flow-row{margin-top:14px}
  .books-card{display:none}
  .hero-link{position:absolute;display:flex;align-items:center;left:58%;right:8%;bottom:174px;height:20px;z-index:5;opacity:.9;filter:drop-shadow(0 2px 3px rgba(5,18,29,.45))}
  .hero-link span{display:block;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(255,224,102,.13)}
  .hero-link i{flex:1;border-top:1px dashed var(--yellow);position:relative}
  .hero-link i:after{content:'›';position:absolute;right:-3px;top:-13px;color:var(--yellow);font-size:23px;font-style:normal}
  .scene-disclaimer{left:16px;right:auto;bottom:21px;max-width:none;line-height:1.45}
}

/* Final desktop depth: readable example work surrounds the portrait. */
@media(min-width:761px){
  .inquiry-card{width:280px;background:rgba(85,101,169,.28);border-color:rgba(255,255,255,.48);backdrop-filter:blur(7px);text-shadow:0 1px 5px rgba(21,36,70,.35)}
  .inquiry-card .chat-reply{display:flex}
  .inquiry-card .glass-footer{display:none}
  .crm-card{width:320px;right:5%;background:rgba(83,105,158,.11);border-color:rgba(255,255,255,.48);backdrop-filter:blur(7px);text-shadow:0 1px 5px rgba(21,36,70,.35)}
  .crm-card .crm-person{display:flex}
  .ledger-card{bottom:-65px;background:rgba(87,108,158,.12);border-color:rgba(255,255,255,.48);backdrop-filter:blur(7px);text-shadow:0 1px 5px rgba(21,36,70,.35)}
  .ledger-head{font-size:11px;opacity:1}
  .ledger-row{font-size:14px}
  .ledger-row span:nth-child(2){opacity:1}
}
@media(max-width:760px){
  .crm-card{background:rgba(79,103,158,.2);border-color:rgba(255,255,255,.52);backdrop-filter:blur(7px);text-shadow:0 1px 5px rgba(21,36,70,.4)}
  .crm-card .flow-row strong{font-size:14px}
  .crm-card .flow-row small{font-size:11px;opacity:1}
  .mobile-cta{background:none;color:#fff;min-height:36px;padding:0 3px;font-weight:600}
  .mobile-cta:after{content:'↗';color:var(--yellow);font-size:13px;margin-left:6px}
}
@media(min-width:761px){
  .inquiry-card,.crm-card,.ledger-card{background:linear-gradient(135deg,rgba(104,119,178,.28),rgba(72,96,155,.16));border:1px solid rgba(255,255,255,.52);box-shadow:0 18px 42px rgba(16,32,73,.13),inset 0 1px rgba(255,255,255,.23);backdrop-filter:blur(10px) saturate(1.08)}
}

/* Shared reading frame and outcome-led sections. */
:root{--site-frame:1080px;--site-gutter:clamp(24px,5vw,80px)}
.intro-section,.connection-wrap,.contact-inner{width:min(var(--site-frame),calc(100% - 2*var(--site-gutter)));max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.intro-section{background:var(--paper);color:var(--ink);overflow:visible}
.intro-grid h2,.contact-inner h2{letter-spacing:-.04em}
.intro-grid h2 em{color:#a18100}
.service-list>div{color:var(--ink);background:none;border:0;border-top:1px solid #aebbc0;border-radius:0;box-shadow:none;backdrop-filter:none;min-height:0;transform:none}
.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){color:var(--ink);background:none;border:0;border-top:1px solid #aebbc0;border-radius:0;box-shadow:none;backdrop-filter:none;min-height:0;transform:none}
.service-list h3{max-width:none;font-size:25px;line-height:1.18;margin:22px 0 13px}
.service-list p{color:#4b5a63;font-size:16px;line-height:1.6;max-width:310px}
.connection-section{background:#192a39}
.connection-demo{background:none;border:0;box-shadow:none}
.contact-section{background:var(--yellow);color:var(--ink);text-align:left}
.contact-inner{min-height:0}
.contact-inner .eyebrow{color:var(--ink);justify-content:flex-start}
.contact-inner .eyebrow-line{background:var(--ink)}
.contact-copy h2,.contact-copy h2 em{color:var(--ink)}
.contact-copy>p:not(.eyebrow):not(.contact-small){color:#34414a;max-width:510px}
.contact-small{color:#34414a}
.contact-panel{color:var(--ink);background:none;border:0;border-left:1px solid rgba(23,33,42,.38);border-radius:0;box-shadow:none;backdrop-filter:none;min-height:0}
.contact-panel-label{color:#3b4850;font-size:11px;letter-spacing:.13em;margin:0 0 25px}
.contact-panel h3{font-weight:500;font-size:clamp(28px,2.5vw,36px);line-height:1.2;letter-spacing:-.035em;margin:0 0 26px;max-width:340px}
.contact-panel ul{list-style:none;margin:0 0 26px;padding:0}
.contact-panel li{padding:13px 0;border-top:1px solid rgba(23,33,42,.27);font-size:16px;line-height:1.4}
.contact-panel small{color:#4b5355;font-size:12px;line-height:1.5;display:block;max-width:340px}
.button-yellow{background:var(--ink);color:#fff}
.button-yellow:hover{background:#263846}
.button-yellow .button-arrow{background:var(--yellow);color:var(--ink)}

@media(min-width:761px){
  .hero-image{background-position:center 35%}
  .hero-copy{width:min(900px,82%);padding-top:clamp(102px,11.5vh,135px)}
  .hero h1{font-size:clamp(64px,5.8vw,86px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 14px}
  .hero-subtitle{font-size:clamp(18px,1.45vw,21px);line-height:1.4;max-width:635px;margin-bottom:18px}
  .inquiry-card{left:max(40px,calc((100% - var(--site-frame))/2));top:52%;width:280px;min-height:0}
  .crm-card{right:max(40px,calc((100% - var(--site-frame))/2));top:56%;width:320px;min-height:0}
  .glass-pill,.ledger-card,.hero-rail,.hero-link,.books-card{display:none}
  .scene-disclaimer{display:block;left:max(40px,calc((100% - var(--site-frame))/2));right:auto;bottom:25px;font-size:11px}
  .intro-section{min-height:0;padding-top:115px;padding-bottom:118px}
  .intro-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:9%;width:auto;margin:60px 0 0}
  .intro-grid h2{font-size:clamp(54px,5.1vw,74px)}
  .intro-right{padding-top:7px}
  .intro-right .lead{color:var(--ink);font-size:25px;line-height:1.4}
  .intro-right p:not(.lead){color:#506069;font-size:16px;line-height:1.7}
  .intro-right .text-link{color:var(--ink);border-color:var(--ink)}
  .service-list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:100px;align-items:start}
  .service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){padding:22px 0 0}
  .connection-wrap{padding-top:115px;padding-bottom:120px}
  .connection-grid{grid-template-columns:.9fr 1.1fr;gap:8%;margin-top:66px}
  .connection-demo{padding:0;min-height:480px}
  .process-section{padding-left:max(var(--site-gutter),calc((100% - var(--site-frame))/2));padding-right:max(var(--site-gutter),calc((100% - var(--site-frame))/2))}
  .process-section .steps{left:max(var(--site-gutter),calc((100% - var(--site-frame))/2));width:min(470px,42%)}
  .contact-inner{grid-template-columns:1.06fr .94fr;gap:9%;padding-top:120px;padding-bottom:120px}
  .contact-inner h2{font-size:clamp(54px,5vw,73px);margin:26px 0 24px}
  .contact-panel{padding:10px 0 8px 38px}
}

@media(max-width:760px){
  .hero-copy{padding-top:118px;width:calc(100% - 38px)}
  .hero h1{font-size:clamp(40px,11vw,46px);line-height:1.03;letter-spacing:-.04em}
  .hero-subtitle{font-size:15.5px;line-height:1.45;max-width:345px}
  .intro-section{padding-top:82px;padding-bottom:90px}
  .intro-grid{display:block;width:auto;margin-top:42px}
  .intro-grid h2{color:var(--ink);font-size:clamp(42px,10vw,54px)}
  .intro-right{padding-top:28px}
  .intro-right .lead{color:var(--ink);font-size:22px}
  .intro-right p:not(.lead){color:#506069;font-size:15px;line-height:1.7}
  .intro-right .text-link{color:var(--ink);border-color:var(--ink)}
  .service-list{display:grid;grid-template-columns:1fr;gap:25px;margin-top:68px}
  .service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){padding:21px 0 0}
  .service-list h3{font-size:23px;margin:0 0 10px}
  .service-list p{font-size:15px;max-width:none}
  .connection-wrap{padding-top:84px;padding-bottom:95px}
  .connection-demo{background:none;min-height:455px;padding:0;margin-top:50px}
  .process-section{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  .contact-inner{display:block;padding-top:74px;padding-bottom:76px}
  .contact-inner h2{font-size:clamp(43px,10vw,57px);margin:25px 0 21px}
  .contact-copy>p:not(.eyebrow):not(.contact-small){font-size:16px;color:#34414a}
  .contact-panel{margin-top:48px;padding:28px 0 0;border:0;border-top:1px solid rgba(23,33,42,.38)}
  .contact-panel h3{font-size:30px;max-width:none}
}

/* Depth hierarchy: lifted actions and content, recessed supporting surfaces. */
:root{
  --depth-paper:#edf1f0;
  --depth-surface:#f9fbfa;
  --depth-ink:#10202d;
  --depth-shadow:rgba(31,53,62,.16);
  --depth-shadow-strong:rgba(12,31,48,.27);
  background:var(--depth-paper);
}
.intro-section{background:transparent}
.service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){
  background:linear-gradient(165deg,#fff,var(--depth-surface));
  border:1px solid #e1e9e7;
  border-top-color:#fff;
  border-radius:16px;
  padding:24px 25px 27px;
  min-height:218px;
  box-shadow:inset 0 2px 0 #fff,0 14px 22px -19px var(--depth-shadow-strong),0 3px 8px -5px var(--depth-shadow);
}
.service-list h3{margin:0 0 13px}
.button,.nav-contact{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),0 12px 20px -13px rgba(4,20,34,.55),0 3px 7px rgba(7,22,35,.2);
}
.hero .button-dark,.button-yellow{
  background:linear-gradient(180deg,#293a46,var(--depth-ink));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 16px 25px -15px rgba(5,20,35,.75),0 4px 9px rgba(5,20,35,.25);
}
.hero .button-dark:hover,.button-yellow:hover{background:linear-gradient(180deg,#344957,#192d3b)}
.button-arrow{box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.2)}
.hero .glass-card{
  border-color:rgba(255,255,255,.48);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 22px 30px -20px rgba(5,22,45,.52),0 5px 12px rgba(8,24,50,.15);
}
.chat-reply,.crm-person{
  box-shadow:inset 0 2px 4px rgba(10,27,55,.13),inset 0 -1px 0 rgba(255,255,255,.1);
}
.connection-demo{
  background:linear-gradient(145deg,#172838,#122330);
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  box-shadow:inset 0 4px 9px rgba(2,11,20,.3),inset 0 -2px 0 rgba(255,255,255,.05);
}
.mini-flow-card{
  border-color:rgba(255,255,255,.44);
  background:linear-gradient(155deg,rgba(73,93,134,.92),rgba(34,57,88,.87));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.19),0 17px 23px -16px rgba(0,9,23,.8),0 4px 10px rgba(0,10,25,.24);
}
.contact-panel{
  background:linear-gradient(160deg,#efd04e,#ebc83d);
  border:1px solid rgba(113,86,9,.13);
  border-radius:18px;
  box-shadow:inset 0 4px 8px rgba(109,80,0,.12),inset 0 -2px 0 rgba(255,248,173,.55);
}
.button:focus-visible,.nav-contact:focus-visible,.text-link:focus-visible,.mobile-nav a:focus-visible,.menu-toggle:focus-visible{
  outline:3px solid #fff;
  outline-offset:4px;
}
.contact-section .button:focus-visible,.intro-section .text-link:focus-visible{outline-color:var(--depth-ink)}
@media(min-width:761px){
  .service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){padding:25px 25px 29px}
  .connection-demo{padding:20px 23px;min-height:500px}
  .contact-panel{padding:30px 31px 29px;border:1px solid rgba(113,86,9,.13)}
}
@media(max-width:760px){
  .service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){min-height:0;padding:23px 24px 25px}
  .connection-demo{padding:20px 17px;min-height:455px}
  .contact-panel{padding:27px 24px;margin-top:42px;border:1px solid rgba(113,86,9,.13)}
  .nav-contact{box-shadow:none}
}

/* NSOS identity: approved raster mark with the proposed supporting palette. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{
  --ink:#242424;
  --yellow:#fe9306;
  --paper:#fbfaf7;
  --muted:#5c5954;
  --line:#d9d4cc;
  --depth-paper:#f1eee8;
  --depth-surface:#fbfaf7;
  --depth-ink:#242424;
  --depth-shadow:rgba(36,30,23,.12);
  --depth-shadow-strong:rgba(36,30,23,.22);
  font-family:Manrope,Arial,sans-serif;
  background-color:var(--depth-paper);
  background-image:radial-gradient(circle at 4% 29%,rgba(254,147,6,.055),transparent 32%),repeating-linear-gradient(90deg,rgba(36,36,36,.017) 0 1px,transparent 1px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.27) 0 1px,transparent 1px 10px);
}
.brand{gap:14px;font-size:15px;letter-spacing:0;text-transform:none}
.brand-tile{display:grid;place-items:center;flex:none;padding:7px;background:#fbfaf7;border:1px solid rgba(36,36,36,.12);border-radius:9px}
.brand-tile img{display:block;width:52px;height:52px;object-fit:contain}
.brand-name{display:block;font-weight:800;line-height:1.1;letter-spacing:-.025em}
.brand-name span{display:block;margin-top:4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.site-header{min-height:96px;padding-top:13px;padding-bottom:13px}
.site-header .brand-name{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.site-footer .brand-name{color:#fbfaf7}
.brand:hover .brand-tile{border-color:var(--yellow)}
.nav-contact{background:var(--yellow);border-color:var(--yellow);color:var(--ink);border-radius:10px;box-shadow:0 5px 12px rgba(29,19,7,.2)}
.nav-contact:hover{background:#ffad35;color:var(--ink)}
.hero-tint{background:linear-gradient(to bottom,rgba(28,27,25,.44) 0%,rgba(30,29,28,.04) 42%,rgba(27,26,24,.08) 72%,rgba(20,19,18,.58) 100%)}
.hero h1{font-weight:750}
.hero .button-dark,.button-yellow{background:var(--yellow);color:var(--ink);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 19px -12px rgba(20,15,8,.65),0 2px 6px rgba(20,15,8,.18)}
.hero .button-dark:hover,.button-yellow:hover{background:#ffad35}
.hero .button-dark .button-arrow,.button-yellow .button-arrow{background:#242424;color:#fbfaf7}
.hero .glass-card{background:linear-gradient(145deg,rgba(58,56,54,.73),rgba(38,37,35,.53));border-color:rgba(255,255,255,.37);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 25px -19px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.12)}
.service-list>div,.service-list>div:first-child,.service-list>div:nth-child(2),.service-list>div:nth-child(3){background:#fbfaf7;border-color:#e3ded5;border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 9px 16px -15px rgba(36,30,23,.4),0 2px 5px rgba(36,30,23,.05)}
.intro-grid h2 em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.08em;text-underline-offset:.09em}
.service-list p,.intro-right p:not(.lead){color:var(--muted)}
.connection-section{background-color:#242424;background-image:radial-gradient(circle at 82% 14%,rgba(254,147,6,.09),transparent 37%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 48px)}
.connection-grid h2 em{color:var(--yellow)}
.connection-demo{background:linear-gradient(145deg,#22211f,#181817);border-color:rgba(255,255,255,.12);box-shadow:inset 0 3px 8px rgba(0,0,0,.3),inset 0 -1px 0 rgba(255,255,255,.05)}
.mini-flow-card{background:linear-gradient(150deg,rgba(69,66,61,.97),rgba(43,42,40,.96));border-color:rgba(255,255,255,.31);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 17px -13px rgba(0,0,0,.85),0 3px 7px rgba(0,0,0,.24)}
.process-section{background:linear-gradient(90deg,rgba(28,27,25,.76),rgba(28,27,25,.26) 64%,rgba(28,27,25,.08)),url('assets/planning-scene-wide.png') center 49%/cover no-repeat}
.contact-section{background-color:#fbfaf7;background-image:radial-gradient(circle at 95% 8%,rgba(254,147,6,.12),transparent 40%),repeating-linear-gradient(135deg,rgba(36,36,36,.018) 0 1px,transparent 1px 16px);color:var(--ink)}
.contact-panel{background:#f1eee8;border-color:#d9d4cc;box-shadow:inset 0 3px 6px rgba(58,45,27,.08),inset 0 -1px 0 #fff}
.contact-copy>p:not(.eyebrow):not(.contact-small),.contact-small,.contact-panel small{color:var(--muted)}
.site-footer{background:#242424}
.site-footer .brand-tile{padding:6px}
.site-footer .brand-tile img{width:48px;height:48px}
.button:focus-visible,.nav-contact:focus-visible,.menu-toggle:focus-visible{outline-color:var(--yellow)}
@media(max-width:1100px){.site-header .brand-name{display:none}}
@media(max-width:760px){
  .site-header{min-height:78px;padding-top:10px;padding-bottom:10px;gap:9px}
  .site-header .brand-tile{padding:6px}
  .site-header .brand-tile img{width:48px;height:48px}
  .mobile-cta{color:#fff}
  .menu-toggle{background:rgba(36,36,36,.45);border-color:rgba(255,255,255,.65)}
  .mobile-nav:not([hidden]){background:#242424}
  .hero-tint{background:linear-gradient(to bottom,rgba(28,27,25,.46),rgba(28,27,25,.05) 48%,rgba(28,27,25,.63))}
  .process-section{background:linear-gradient(180deg,rgba(36,36,36,.87),rgba(36,36,36,.43)),url('assets/planning-scene-wide.png') 64% center/cover no-repeat}
  .contact-panel{border-color:#d9d4cc}
  .site-footer .brand-name{display:block}
}

/* Motion pass: the existing page, with scrollcraft-style one-time entry cues. */
:root{font-family:'DM Sans',Arial,sans-serif}
h1,h2,.contact-panel h3{font-weight:500}
.hero h1{font-weight:500;letter-spacing:-.052em}
.hero h1 em,h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.055em}
.intro-grid h2 em{text-decoration:none}
.brand-name{font-family:'DM Sans',Arial,sans-serif;font-weight:700}
.brand-name span{font-weight:500}
.button,.nav-contact{font-weight:600}
.service-list h3,.step h3{font-weight:500}

.desktop-nav{position:relative;align-items:center}
.desktop-nav a{position:relative;z-index:1}
.nav-indicator{position:absolute;left:0;bottom:-9px;width:100px;height:2px;background:var(--yellow);border-radius:2px;opacity:0;transform-origin:left center;transform:translateX(var(--nav-x,0px)) scaleX(var(--nav-scale,1));transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .2s}
.desktop-nav.has-current .nav-indicator{opacity:1}
.desktop-nav a[aria-current="location"]{color:#fff}
.mobile-nav a[aria-current="location"]{border-left:2px solid var(--yellow);padding-left:10px}
.button .button-arrow{transition:transform .26s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.button:hover .button-arrow{transform:translate(2px,-2px)}}

/* Only a ready JS runtime hides content; no-script and old browsers stay readable. */
html.motion-ready [data-sc-in],html.motion-ready [data-sc-stagger]>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}
html.motion-ready [data-sc-in].sc-in,html.motion-ready [data-sc-stagger]>.sc-in{opacity:1;transform:none}
html.motion-ready .inquiry-card[data-sc-in]{transform:translate3d(-28px,18px,0) rotate(-2deg);transition-duration:.78s}
html.motion-ready .crm-card[data-sc-in]{transform:translate3d(24px,16px,0);transition-duration:.78s;transition-delay:.22s}
html.motion-ready .inquiry-card[data-sc-in].sc-in,html.motion-ready .crm-card[data-sc-in].sc-in{transform:none}
.inquiry-card.sc-in .mini-mark{animation:inquiry-pulse .8s .75s both}
@keyframes inquiry-pulse{0%{box-shadow:0 0 0 0 rgba(254,147,6,.62)}100%{box-shadow:0 0 0 9px rgba(254,147,6,0)}}
.crm-card .flow-connector{position:relative}
.crm-card .flow-connector::after{content:"";position:absolute;left:-3px;top:0;width:5px;height:5px;border-radius:50%;background:var(--yellow);opacity:0;transform:translateY(0)}
.crm-card.sc-in .flow-connector::after{animation:handoff-drop .82s 1.05s cubic-bezier(.22,1,.36,1) both}
.crm-card.sc-in .flow-icon.amber{animation:handoff-confirm .5s 1.72s both}
@keyframes handoff-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:1;transform:translateY(15px)}}
@keyframes handoff-confirm{50%{transform:scale(1.13);box-shadow:0 0 0 6px rgba(254,147,6,.14)}100%{transform:scale(1);box-shadow:none}}

html.motion-ready .section-head .eyebrow-line{transform:scaleX(0);transform-origin:left center;transition:transform .66s cubic-bezier(.22,1,.36,1) .12s}
html.motion-ready .section-head.sc-in .eyebrow-line{transform:scaleX(1)}
html.motion-ready .connection-demo .mini-flow-card{opacity:0;transform:translateY(16px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}
html.motion-ready .connection-demo.sc-in .mini-flow-card{opacity:1;transform:none}
.connection-demo.sc-in .mini-flow-card:nth-child(1){transition-delay:.18s}
.connection-demo.sc-in .mini-flow-card:nth-child(2){transition-delay:.42s}
.connection-demo.sc-in .mini-flow-card:nth-child(3){transition-delay:.66s}
html.motion-ready .mini-flow::before{transform:scaleY(0);transform-origin:top center;transition:transform 1.3s cubic-bezier(.22,1,.36,1) .35s}
html.motion-ready .connection-demo.sc-in .mini-flow::before{transform:scaleY(1)}

html.motion-ready .steps .step{opacity:0;transform:translateY(12px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}
html.motion-ready .steps.sc-in .step{opacity:1;transform:none}
.steps.sc-in .step:nth-child(1){transition-delay:.18s}
.steps.sc-in .step:nth-child(2){transition-delay:.48s}
.steps.sc-in .step:nth-child(3){transition-delay:.78s}
html.motion-ready .steps::before{transform:scaleY(0);transform-origin:top center;transition:transform 1.2s cubic-bezier(.22,1,.36,1) .18s}
html.motion-ready .steps.sc-in::before{transform:scaleY(1)}
html.motion-ready .contact-panel[data-sc-in]{clip-path:inset(0 0 82% 0 round 18px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),clip-path .86s cubic-bezier(.22,1,.36,1)}
html.motion-ready .contact-panel[data-sc-in].sc-in{clip-path:inset(0 0 0 0 round 18px)}
@media(max-width:760px){.hero h1 em{font-size:.93em}.nav-indicator{display:none}}
@media(prefers-reduced-motion:reduce){
  html.motion-ready [data-sc-in],html.motion-ready [data-sc-stagger]>*{transform:none!important;transition-duration:.2s!important;transition-delay:0s!important}
  html.motion-ready .inquiry-card[data-sc-in],html.motion-ready .crm-card[data-sc-in],html.motion-ready .connection-demo .mini-flow-card,html.motion-ready .steps .step{transform:none!important}
  html.motion-ready .contact-panel[data-sc-in]{clip-path:none!important}
  html.motion-ready .mini-flow::before,html.motion-ready .steps::before,html.motion-ready .section-head .eyebrow-line{transform:none!important}
  .inquiry-card.sc-in .mini-mark,.crm-card.sc-in .flow-connector::after,.crm-card.sc-in .flow-icon.amber{animation:none!important}
  .nav-indicator,.button .button-arrow{transition-duration:.01ms!important}
}

/* Approved hero composition: centered message, complete outpaint, fixed subject crop. */
.site-header{height:76px;min-height:76px;padding:12px clamp(20px,3.1vw,40px)}
.brand-tile{width:54px;height:54px;padding:5px;border-radius:50%;overflow:hidden;box-shadow:0 3px 14px rgba(23,36,58,.22)}
.brand-tile img{width:42px;height:42px;border-radius:50%}
.nav-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-width:183px;height:44px;margin-left:18px;padding:0 15px 0 18px;line-height:1.1;white-space:nowrap;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#fe9306;color:#242424;box-shadow:inset 0 1px rgba(255,255,255,.37),0 5px 16px rgba(16,34,58,.18)}
.nav-contact span{padding-left:0;color:#242424;font-size:17px;line-height:1}
.hero{min-height:738px;height:100dvh;background:#355f9b}
.hero-image{background-image:url('assets/metro-manila-hero-laptop-aligned.png');background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(.8)}
.hero-tint{background:linear-gradient(180deg,rgba(17,36,62,.29),rgba(17,36,62,.04) 34%,rgba(11,26,44,.08) 65%,rgba(11,26,44,.34))}
.hero-copy{width:min(900px,calc(100% - 80px));padding-top:clamp(105px,12vw,220px);text-align:center}
.hero .eyebrow{justify-content:center}
.hero h1{font-size:clamp(55px,5.25vw,74px);line-height:1.02;margin:0 0 17px;letter-spacing:-.055em}
.hero h1 em{display:block;line-height:1.12;padding-bottom:.09em}
.hero-subtitle{max-width:590px;margin:0 auto 22px;font-size:18px;line-height:1.45}
.hero .button-dark{min-height:46px;padding:4px 5px 4px 17px;gap:18px;border-radius:999px}
.hero .button-dark .button-arrow{width:36px;height:36px;border-radius:50%}
@media(min-width:1450px){
  .hero-image{background-size:max(110%, 178dvh) auto;background-position:10% bottom}
}
@media(min-width:2048px){
  .hero-image{background-size:cover;background-position:center bottom}
}
@media(max-width:760px){
  .site-header{height:70px;min-height:70px;padding:10px 18px}
  .nav-contact{display:none}
  .site-header .brand-tile{width:48px;height:48px;padding:5px}
  .site-header .brand-tile img{width:38px;height:38px}
  .mobile-cta{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;margin-left:auto;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#fe9306;color:#242424;font-size:0;box-shadow:inset 0 1px rgba(255,255,255,.37),0 5px 16px rgba(16,34,58,.18)}
  .mobile-cta:after{content:'↗';margin:0;color:#242424;font-size:20px;line-height:1}
  .hero{min-height:844px;height:100dvh}
  .hero-image{background-image:url('assets/metro-manila-hero-laptop-mobile-aligned.png');background-size:630px 1120px;background-position:-242px -110px}
  .hero-tint{background:linear-gradient(180deg,rgba(13,35,68,.42),rgba(13,35,68,.16) 45%,rgba(10,24,44,.12) 80%)}
  .hero-copy{width:calc(100% - 40px);padding-top:112px}
  .hero .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:14px}
  .hero h1{font-size:43px;line-height:1.03;margin:0 0 12px}
  .hero h1 em{font-size:.92em;white-space:nowrap}
  .hero-subtitle{max-width:330px;margin:0 auto 16px;font-size:15px;line-height:1.45}
  .hero .button-dark{min-height:48px;padding-left:14px;gap:13px;font-size:13px}
  .hero .button-dark .button-arrow{width:38px;height:38px}
}
@media(min-width:391px) and (max-width:430px){
  .hero-image{background-size:700px 1244px;background-position:-270px -125px}
}
@media(min-width:431px) and (max-width:760px){
  .hero-image{background-image:url('assets/metro-manila-hero-laptop-aligned.png');background-size:1865px 1050px;background-position:-345px -150px}
}
@media(min-width:431px) and (max-width:760px) and (min-height:901px){
  .hero-image{background-size:auto 100%;background-position:30% center}
}

/* Keep the footer mark centered within its round tile. */
.site-footer .brand-tile img{width:40px;height:40px}
@media(max-width:760px){
  .site-footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding-bottom:110px}
  .site-footer .brand-footer{grid-column:auto;margin-right:0}
}