/* OPEN FRAME V1.8.5 | Case Study 03 | Pure content and presentation layer.
   No booking scripts, Cloudflare/D1 configuration or client-identifying data. */
:root{--ops-green:#103E30;--ops-gold:#AA8238;--ops-cream:#F7F4EE;--ops-line:#dce2d8;--ops-ink:#14291f}
html{scroll-padding-top:106px}
/* Executive dashboard: semantic HTML visualization with no fictitious financial metrics. */
.ops-ui{width:100%;min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr);overflow:hidden;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(14,43,33,.12);border:1px solid #d9e5df;color:#21382e;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:10px;line-height:1.4}
.ops-ui-side{background:#0B3B2E;color:#cde3d9;display:flex;flex-direction:column;gap:13px;padding:14px 8px;font-size:8px}
.ops-ui-side span{white-space:nowrap}.ops-ui-side .ops-ui-mark{font:700 23px/1 Georgia,serif;color:#d0aa65}.ops-ui-side .ops-ui-active{background:#236b52;padding:7px 6px;border-radius:4px;color:white;margin:0 -3px}
.ops-ui-main{padding:15px 14px 12px;min-width:0}.ops-ui-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0eb;padding-bottom:10px}.ops-ui-top strong{font-size:12px;color:#173e31}.ops-ui-top>span{font-size:7px;letter-spacing:.06em;color:#6b8176;text-transform:uppercase}
.ops-ui-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.ops-ui-kpis>div{background:#f4f7f2;border:1px solid #edf0eb;border-radius:5px;padding:9px 8px;min-width:0}.ops-ui-kpis small,.ops-ui-kpis b,.ops-ui-kpis span{display:block}.ops-ui-kpis small{font-size:8px;color:#5e746b}.ops-ui-kpis b{font-size:12px;color:#125442;margin:5px 0}.ops-ui-kpis span{font-size:7px;color:#72877d}
.ops-ui-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:11px}.ops-ui-chart,.ops-ui-status{border:1px solid #e3e9e3;background:#fff;border-radius:6px;padding:10px;min-width:0}.ops-ui-chart>b,.ops-ui-status>b{font-size:9px;color:#214a3b}.ops-ui-bars{height:88px;margin-top:12px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #d7e5dc;background:repeating-linear-gradient(to top,#f3f7f3 0,#f3f7f3 1px,transparent 1px,transparent 22px)}.ops-ui-bars i{flex:1;max-width:17px;min-width:4px;background:linear-gradient(180deg,#74bea8,#17664c);border-radius:3px 3px 0 0}.ops-ui-chart small{font-size:6px;color:#7b8c80;display:block;margin-top:8px}.ops-ui-status p{margin:9px 0 4px!important;display:grid;gap:4px;color:#5e7569;font-size:8px!important;line-height:1.3!important}.ops-ui-status p span{display:block}.ops-ui-status p i{height:5px;max-width:100%;display:block;background:linear-gradient(90deg,#145e47,#8fc3ac);border-radius:99px}.ops-ui-bottom{margin-top:8px;padding:9px 10px;background:#eaf2eb;border-radius:4px;color:#285645;font-size:8px;font-weight:700;text-align:center}
/* Homepage: prominent but contained case 03, retain existing case 01 and 02. */
.ops-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:32px;padding:35px;background:linear-gradient(125deg,#f6f3ec,#e7eee6);border:1px solid var(--ops-line);border-radius:13px;margin-bottom:24px;align-items:center}.ops-featured h3{font:500 clamp(28px,3.1vw,42px)/1.23 'Roboto Serif',Georgia,serif;letter-spacing:-.03em;color:var(--ops-green);margin:15px 0}.ops-featured h3 em{color:#98712e;font-style:normal}.ops-featured p{font-size:13px;line-height:1.8;color:#496255;margin:0 0 17px;max-width:460px}.ops-featured .case-number{color:#946b25}.ops-value-chips{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.ops-value-chips span{font-size:10px;font-weight:700;padding:7px 9px;background:white;color:#245844;border:1px solid #d7e5db;border-radius:4px}.ops-featured .ops-progress-mini{font-size:10px;color:#687b70;border-left:2px solid var(--ops-gold);padding-left:9px;margin:16px 0 19px}.ops-featured-action{background:var(--ops-green);color:white!important;text-decoration:none;padding:12px 16px;min-height:44px;border-radius:5px;display:inline-flex;align-items:center;gap:14px;justify-content:space-between;font-size:12px;font-weight:700}.ops-featured-action:hover{background:#1A5A43}.ops-featured-visual{min-width:0}.ops-featured-visual .ops-ui{box-shadow:0 16px 38px rgba(10,41,32,.14)}.ops-visual-caption{font-size:10px;color:#63776b;text-align:right;margin-top:10px}
/* Library: first tile spans two columns and keeps an obvious destination. */
.ops-library-hero{grid-column:1/-1;display:grid!important;grid-template-columns:0.82fr 1.18fr;min-height:350px;background:linear-gradient(140deg,#faf8f3,#e7eee7)!important}.ops-library-hero .copy{padding:36px 30px;align-self:center}.ops-library-hero .copy h2{font-size:clamp(28px,3vw,37px);line-height:1.22;color:var(--ops-green)}.ops-library-hero .copy p{max-width:390px}.ops-library-hero .visual{background:transparent!important;padding:30px 32px;min-height:0;display:block}.ops-library-hero .ops-ui{max-width:680px}.ops-library-hero .ops-library-status{font-size:11px;color:#84662e;margin:16px 0}.ops-library-hero .visual .notice{margin:10px 0 0;text-align:center}
/* Single case page */
.ops-detail-page{background:var(--ops-cream)}.ops-detail-page .header{z-index:20}.ops-detail-hero{padding:82px 0 70px;background:radial-gradient(circle at 84% 18%,#f9e8ce 0,transparent 34%),linear-gradient(135deg,#faf8f3,#eff2eb)}.ops-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%;align-items:center}.ops-hero-copy{min-width:0}.ops-hero-copy h1{font-size:clamp(36px,4vw,53px);line-height:1.12;margin:21px 0}.ops-hero-copy h1 em{display:block;font-style:normal;color:var(--ops-gold)}.ops-context{font-size:11px;color:#6c796f;margin:12px 0 0}.ops-claim{font:600 clamp(16px,1.7vw,22px)/1.5 'Be Vietnam Pro',sans-serif;color:#996d24;text-transform:uppercase;letter-spacing:.015em;margin:19px 0 16px}.ops-hero-copy .lead{font-size:15px;color:#435d51}.ops-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}.ops-hero-actions .btn{font-size:12px}.ops-inline-link{font-weight:700;color:#194d3d;font-size:12px;text-underline-offset:5px}.ops-proof{font-size:11px;line-height:1.8;color:#4f6559;border-left:2px solid var(--ops-gold);padding:5px 12px;background:#f7f7f0;margin-top:25px}.ops-hero-dashboard{min-width:0}.ops-browser{background:#fcfdfb;border:1px solid #d8e2d7;border-radius:17px;padding:12px;box-shadow:0 22px 45px rgba(19,50,38,.13)}.ops-browser-top{display:flex;justify-content:space-between;align-items:center;padding:1px 4px 10px;color:#688074;font-size:8px;letter-spacing:.10em;font-weight:700}.ops-browser-dots{color:#be9861;letter-spacing:.18em;font-size:12px}.ops-browser .ops-ui{box-shadow:none}.ops-hero-dashboard .notice{margin:15px 4px 0;line-height:1.7;color:#65796f}
.ops-detail-section{padding:76px 0;scroll-margin-top:80px}.ops-section-warm{background:#f1eee7}.ops-section-head{display:flex;gap:17px;align-items:center;margin-bottom:28px}.ops-section-head>span{background:#103e30;color:#d8bb81;padding:9px 14px;border-radius:6px;font:500 28px/1 'Roboto Serif',serif}.ops-section-head h2{font-size:clamp(25px,3.1vw,37px);margin:7px 0 0}.ops-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ops-benefits article{background:white;border:1px solid var(--ops-line);border-radius:10px;padding:23px;box-shadow:0 6px 22px rgba(17,54,39,.03)}.ops-benefit-symbol{width:45px;height:45px;border-radius:100%;display:grid;place-items:center;background:#e8f1e9;color:var(--ops-green);font-size:26px;font-weight:700}.ops-benefits h3{font:700 17px/1.3 'Be Vietnam Pro',sans-serif;color:var(--ops-green);text-transform:uppercase;letter-spacing:-.02em;margin:18px 0 9px}.ops-benefits p{font-size:12px;line-height:1.85;color:#4a6256;margin:0}
.ops-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin:20px 0 22px}.ops-flow div{background:var(--ops-green);color:white;min-height:65px;display:grid;place-items:center;text-align:center;padding:14px 9px;border-radius:7px;font-size:13px;font-weight:700}.ops-flow>span{align-self:center;color:var(--ops-gold);font-size:22px}.ops-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-modules article{background:#fff;border:1px solid #e0e4dd;border-radius:8px;padding:21px 18px;min-height:140px}.ops-modules span{color:#a17b33;font:600 16px/1 'Roboto Serif',serif}.ops-modules h3{font:700 14px/1.4 'Be Vietnam Pro',sans-serif;color:#143c2e;margin:13px 0 8px;letter-spacing:-.01em}.ops-modules p{font-size:12px;color:#54695e;line-height:1.7;margin:0}
.ops-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.ops-evidence-story p{font-size:14px;line-height:1.9;color:#425e50;margin:0 0 19px}.ops-evidence-story .ops-evidence-foot{font-size:11px;border-left:2px solid #b9934a;padding-left:12px;color:#65796d}.ops-evidence-panel{background:white;border:1px solid var(--ops-line);border-radius:12px;padding:26px}.ops-evidence-panel ol{list-style:none;padding:0;margin:20px 0}.ops-evidence-panel li{display:flex;gap:14px;border-bottom:1px solid #e7eae3;padding:11px 0}.ops-evidence-panel li span{font-size:12px;font-weight:700;color:#9b742d}.ops-evidence-panel li strong{font-size:13px;color:#193d30}.ops-evidence-panel li p{font-size:11px;line-height:1.7;color:#63776b;margin:5px 0 0}.ops-status{background:#e6f0e8;padding:16px 18px;border-radius:7px}.ops-status strong{font-size:13px;color:#124b37}.ops-status p{font-size:12px;line-height:1.8;margin:7px 0 0;color:#3f5c4d}
.ops-takeaway{background:#0b372c;color:white;padding:76px 0}.ops-takeaway .section-label{color:#d7b570}.ops-takeaway h2{font-size:clamp(27px,3.4vw,43px);max-width:850px;margin:14px 0}.ops-takeaway p{font:500 clamp(16px,2.1vw,25px)/1.65 'Roboto Serif',serif;color:#e1c48a;max-width:890px;margin:0}.ops-related{padding:70px 0 85px}.ops-related h2{font-size:clamp(25px,3vw,36px);margin:10px 0 25px}.ops-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-related-grid>a{border:1px solid var(--ops-line);border-radius:9px;background:white;padding:25px;text-decoration:none;display:flex;flex-direction:column;gap:9px}.ops-related-grid>a:hover{border-color:#a88b50;box-shadow:0 9px 25px rgba(18,60,45,.08)}.ops-related-grid span{font-size:9px;font-weight:700;letter-spacing:.13em;color:#977334}.ops-related-grid strong{font:600 18px/1.4 'Roboto Serif',serif;color:var(--ops-green)}.ops-related-grid em{font-size:11px;font-style:normal;font-weight:700;color:#496353}.ops-related-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}.ops-related-actions>a:first-child{font-size:12px;font-weight:700;text-underline-offset:5px}.ops-related-actions .btn{font-size:12px}
@media(max-width:950px){.ops-featured{grid-template-columns:1fr;gap:22px}.ops-featured-copy{max-width:680px}.ops-library-hero{grid-template-columns:1fr}.ops-hero-grid{grid-template-columns:1fr;gap:26px}.ops-hero-copy .lead{max-width:800px}.ops-hero-dashboard{max-width:780px;margin:auto;width:100%}}
@media(max-width:650px){html{scroll-padding-top:70px}.ops-featured{padding:22px 17px;margin-bottom:18px}.ops-featured h3{font-size:30px}.ops-featured p{font-size:12px}.ops-featured-action{font-size:11px;width:100%}.ops-ui{grid-template-columns:65px minmax(0,1fr);font-size:8px}.ops-ui-side{font-size:6px;padding:9px 4px;gap:10px}.ops-ui-side .ops-ui-mark{font-size:18px}.ops-ui-main{padding:8px 7px}.ops-ui-top strong{font-size:9px}.ops-ui-top>span{font-size:5px}.ops-ui-kpis{gap:4px;margin-top:7px}.ops-ui-kpis>div{padding:6px 4px}.ops-ui-kpis small{font-size:6px}.ops-ui-kpis b{font-size:9px;margin:3px 0}.ops-ui-kpis span{font-size:5px}.ops-ui-charts{gap:5px;margin-top:7px}.ops-ui-chart,.ops-ui-status{padding:6px}.ops-ui-chart>b,.ops-ui-status>b{font-size:7px}.ops-ui-bars{height:52px;gap:4px;margin-top:7px}.ops-ui-chart small{font-size:5px}.ops-ui-status p{font-size:6px!important;margin:6px 0 3px!important}.ops-ui-status p i{height:4px}.ops-ui-bottom{font-size:6px;padding:7px 2px}.ops-library-hero .copy{padding:24px 18px}.ops-library-hero .visual{padding:0 13px 19px}.ops-detail-hero{padding:43px 0 45px}.ops-hero-copy h1{font-size:clamp(34px,9vw,45px)}.ops-claim{font-size:15px}.ops-hero-copy .lead{font-size:13px}.ops-hero-actions{gap:15px}.ops-hero-actions .btn{font-size:11px}.ops-browser{padding:7px}.ops-browser-top{font-size:6px}.ops-detail-section{padding:49px 0}.ops-section-head{align-items:start;gap:12px}.ops-section-head>span{font-size:22px;padding:8px 11px}.ops-section-head h2{font-size:25px}.ops-benefits,.ops-modules,.ops-evidence-grid,.ops-related-grid{grid-template-columns:1fr}.ops-benefits article{padding:21px}.ops-benefits h3{font-size:15px}.ops-benefits p,.ops-modules p{font-size:12px}.ops-flow{grid-template-columns:1fr;gap:4px}.ops-flow>span{line-height:1;justify-self:center;transform:rotate(90deg)}.ops-flow div{min-height:52px}.ops-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-modules article{padding:14px;min-height:127px}.ops-modules h3{font-size:12px}.ops-evidence-grid{gap:12px}.ops-evidence-story p{font-size:13px}.ops-evidence-panel{padding:18px}.ops-takeaway{padding:52px 0}.ops-related{padding:50px 0}.ops-related-actions .btn{width:100%}}
@media(max-width:355px){.ops-modules{grid-template-columns:1fr}.ops-featured .ops-ui-side{font-size:5px}.ops-ui{grid-template-columns:58px minmax(0,1fr)}.ops-ui-kpis span{display:none}.ops-ui-charts{grid-template-columns:1fr}.ops-ui-status{display:none}}
@media(prefers-reduced-motion:reduce){.ops-detail-page *, .ops-featured *{animation:none!important;transition:none!important}}
/* Cross-case journey: one restrained link, no competing conversion funnel. */
.ops-discover-next{padding:10px 0 52px}.ops-discover-next .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ops-line);padding-top:22px}.ops-discover-next span{font-size:10px;color:#8c6e2e;letter-spacing:.12em;font-weight:700}.ops-discover-next a{font-size:13px;font-weight:700;color:#124632;text-underline-offset:4px}
@media(max-width:650px){.ops-discover-next .shell{align-items:flex-start;flex-direction:column;gap:9px}}