/* HAOLLA v1.26.3 — evidence-led visual system + multilingual overflow safety */

:root{
  --v1263-ink:#0b1f3a;
  --v1263-muted:#5c6b7d;
  --v1263-line:rgba(11,31,58,.12);
  --v1263-soft:#f5f8fc;
}

/* Language-safe text containment. Avoid clipping by making grid/flex children shrinkable. */
main :where(section,article,div,figure,figcaption),
footer :where(div,section){min-width:0}
main :where(h1,h2,h3,h4,p,li,a,span,small,b,strong,button,label,summary),
footer :where(p,a,span,b,strong){overflow-wrap:anywhere;word-break:normal}
html[lang="ja"] main :where(h1,h2,h3,h4,p,li,a,span,small,b,strong),
html[lang^="zh"] main :where(h1,h2,h3,h4,p,li,a,span,small,b,strong){line-break:strict;word-break:normal}
main img, main video, main svg{max-width:100%}

/* Evidence-led homepage gallery */
.v1263EvidenceSection{position:relative;overflow:hidden}
.v1263EvidenceHead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:42px;align-items:end;margin-bottom:30px}
.v1263EvidenceHead h2{margin:0;font-size:clamp(2rem,4.2vw,4.45rem);line-height:1.02;letter-spacing:-.045em;max-width:15ch}
.v1263EvidenceHead p{margin:0;color:var(--v1263-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.75;max-width:58ch}
.v1263EvidenceKicker{font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#45658a;margin-bottom:12px}
.v1263VisualGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.v1263VisualCard{grid-column:span 3;border:1px solid var(--v1263-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(15,34,58,.07);display:flex;flex-direction:column;min-height:100%}
.v1263VisualCard.isWide{grid-column:span 7}
.v1263VisualCard.isMedium{grid-column:span 5}
.v1263VisualMedia{position:relative;overflow:hidden;background:#edf2f7;aspect-ratio:4/3}
.v1263VisualCard.isWide .v1263VisualMedia,.v1263VisualCard.isMedium .v1263VisualMedia{aspect-ratio:16/10}
.v1263VisualMedia img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
@media (hover:hover) and (pointer:fine){.v1263VisualCard:hover .v1263VisualMedia img{transform:scale(1.018)}}
.v1263VisualCopy{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.v1263VisualCopy small{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#547093;font-weight:800}
.v1263VisualCopy h3{margin:0;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.25;letter-spacing:-.02em;color:var(--v1263-ink)}
.v1263VisualCopy p{margin:0;color:var(--v1263-muted);line-height:1.62;font-size:.93rem}
.v1263VisualCard :where(h2,h3,h4,b,strong){color:var(--v1263-ink)}
.v1263ProofVisual figcaption :where(b,strong){color:var(--v1263-ink)}
.v1263EvidenceNote{margin-top:18px;color:#6a7785;font-size:.82rem;line-height:1.65}

/* Reusable two-column visual proof module */
.v1263ProofModule{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
.v1263ProofCopy h2{font-size:clamp(2rem,3.8vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px;max-width:14ch}
.v1263ProofCopy p{font-size:1.02rem;line-height:1.75;color:var(--v1263-muted);margin:0 0 18px;max-width:58ch}
.v1263ProofPoints{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.v1263ProofPoints li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;line-height:1.55}
.v1263ProofPoints li::before{content:"";width:8px;height:8px;border-radius:999px;background:#2459a8;margin-top:.5em;box-shadow:0 0 0 5px rgba(36,89,168,.09)}
.v1263ProofVisual{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;min-width:0}
.v1263ProofVisual figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--v1263-line);background:#fff;box-shadow:0 18px 50px rgba(15,34,58,.08);display:flex;flex-direction:column}
.v1263ProofVisual figure:first-child{grid-row:span 2}
.v1263ProofVisual img{display:block;width:100%;height:auto;aspect-ratio:4/3;min-height:210px;object-fit:cover;flex:1 1 auto}
.v1263ProofVisual figure:first-child img{aspect-ratio:4/5}
/* Product UI screenshots must be legible in full. Do not crop dashboard/report edges. */
.v1263ProofVisual figure:not(:first-child){background:#fff}
.v1263ProofVisual figure:not(:first-child) img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:contain;object-position:center;background:#f7f9fc;padding:10px;flex:1 1 auto}
.v1263ProofVisual figcaption{padding:12px 14px 14px;font-size:.82rem;color:var(--v1263-muted);line-height:1.45;background:#fff}

/* Founder trust section */
.v1263Founder{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:42px;align-items:stretch}
.v1263FounderPortrait{margin:0;border-radius:28px;overflow:hidden;position:relative;background:#e8edf2;min-height:540px;box-shadow:0 24px 70px rgba(10,29,54,.12)}
.v1263FounderPortrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}
.v1263FounderCopy{border:1px solid var(--v1263-line);border-radius:28px;padding:clamp(26px,4vw,52px);background:linear-gradient(145deg,#fff,#f7f9fc);display:flex;flex-direction:column;justify-content:center}
.v1263FounderCopy h2{margin:0 0 12px;font-size:clamp(2rem,4vw,4.1rem);line-height:1.03;letter-spacing:-.04em;max-width:15ch}
.v1263FounderCopy .v1263FounderRole{font-size:1rem;color:#345a89;font-weight:800;margin-bottom:22px}
.v1263FounderCopy p{margin:0 0 24px;color:var(--v1263-muted);line-height:1.72;font-size:1.02rem;max-width:68ch}
.v1263CredentialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v1263Credential{padding:16px 17px;border-radius:16px;background:#fff;border:1px solid var(--v1263-line);font-size:.92rem;line-height:1.48;font-weight:700;color:#24364c}
.v1263FounderMedia{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--v1263-line)}
.v1263FounderMedia img{width:180px;height:128px;object-fit:cover;border-radius:16px;display:block}
.v1263FounderMedia b{display:block;margin-bottom:6px}
.v1263FounderMedia span{font-size:.88rem;color:var(--v1263-muted);line-height:1.55}

/* Elevate the existing proof rail with a real service image. */
.v93CollabVisual img{object-fit:cover;object-position:center}

/* Extra long-word safety in existing multilingual cards and CTAs */
:where(.v122SolutionLink,.v122MiniCard,.v122FaqItem,.trustMetric,.proofItem,.heroActions,.footerCol,.v122LeadForm,.premiumDirect,.v122Device,.v122PilotStep,.moneyCard,.pageHeroV4,.moneyHero) *{min-width:0;max-width:100%}
:where(.v122SolutionLink,.v122MiniCard,.v122FaqItem,.trustMetric,.proofItem,.footerCol,.v122Device,.v122PilotStep) :where(b,span,p,a,h3,h4){overflow-wrap:anywhere}

@media(max-width:1100px){
  .v1263VisualCard{grid-column:span 6}.v1263VisualCard.isWide,.v1263VisualCard.isMedium{grid-column:span 6}
  .v1263ProofModule{grid-template-columns:1fr}.v1263ProofCopy h2{max-width:18ch}
  .v1263Founder{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:24px}.v1263CredentialGrid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v1263EvidenceHead{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.v1263EvidenceHead h2{max-width:18ch}
  .v1263VisualGrid{grid-template-columns:1fr;gap:14px}.v1263VisualCard,.v1263VisualCard.isWide,.v1263VisualCard.isMedium{grid-column:1}
  .v1263VisualMedia,.v1263VisualCard.isWide .v1263VisualMedia,.v1263VisualCard.isMedium .v1263VisualMedia{aspect-ratio:4/3}
  .v1263VisualCopy{padding:17px 17px 19px}
  .v1263ProofVisual{grid-template-columns:1fr}.v1263ProofVisual figure:first-child{grid-row:auto}.v1263ProofVisual img{min-height:0;aspect-ratio:4/3}.v1263ProofVisual figure:first-child img{aspect-ratio:4/3}
  .v1263ProofVisual figure:not(:first-child) img{aspect-ratio:16/10;object-fit:contain;padding:8px}
  .v1263Founder{grid-template-columns:1fr}.v1263FounderPortrait{min-height:0;aspect-ratio:4/5}.v1263FounderCopy{padding:24px 20px}
  .v1263FounderMedia{grid-template-columns:1fr}.v1263FounderMedia img{width:100%;height:auto;aspect-ratio:16/10}
}
@media(max-width:420px){
  .v1263EvidenceHead h2,.v1263ProofCopy h2,.v1263FounderCopy h2{letter-spacing:-.025em}
  .v1263VisualCard,.v1263FounderCopy,.v1263FounderPortrait,.v1263ProofVisual figure{border-radius:20px}
}

/* HAOLLA_LOGO_CIRCLE_FIX_V1_START */
/* The source PNG has navy pixels outside the decorative circular ring.
   Clip the shared HAOLLA mark to the ring edge so every header and brand surface
   renders a clean circle without a navy square/halo. */
img[src*="haolla-mark.png"]{
  border-radius:50%;
  -webkit-clip-path:circle(43% at 50% 50%);
  clip-path:circle(43% at 50% 50%);
  background:transparent!important;
  overflow:hidden;
}
/* HAOLLA_LOGO_CIRCLE_FIX_V1_END */

/* HAOLLA_LOGO_CIRCLE_FIX_V1_START */
/* The source PNG artwork is slightly right/down of the image canvas center.
   Center the clip on the actual decorative ring and expose the full double outline
   while still removing the navy square/halo outside the circular mark. */
img[src*="haolla-mark.png"]{
  border-radius:50%;
  -webkit-clip-path:circle(44% at 52% 52%);
  clip-path:circle(44% at 52% 52%);
  background:transparent!important;
  overflow:hidden;
}
/* HAOLLA_LOGO_CIRCLE_FIX_V1_END */

/* Institutions page Quiet Precision v1.0.0
   Page-scoped with the existing institutions visual marker. */
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4{background:radial-gradient(circle at 80% 8%,rgba(131,194,216,.14),transparent 28%),linear-gradient(180deg,#173653 0%,#214463 100%);color:#f8fbfd}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .pageHeroV4Grid{align-items:center;gap:clamp(36px,5vw,76px)}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .kicker{color:#b9cedb;letter-spacing:.12em}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 h1{max-width:14ch;color:#f8fbfd;font-size:clamp(44px,5.2vw,70px);line-height:1.04;letter-spacing:-.045em}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .pageHeroV4Grid>div:first-child>p{max-width:40ch;color:#d2dee6;font-size:17px;line-height:1.72}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .heroActions{gap:10px;margin-top:28px}
body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .heroActions a{min-height:46px;border-radius:999px;padding-inline:20px}
body:has(main [data-v1263="institutions-visual"]) .cleanPageVisual .mediaFrame{overflow:hidden;border-radius:28px;border:1px solid rgba(229,241,248,.18);box-shadow:0 28px 68px rgba(7,27,44,.22)}
body:has(main [data-v1263="institutions-visual"]) .cleanPageVisual .visualCaption{margin-top:14px;color:#c7d6df;font-size:13px;line-height:1.6}
body:has(main [data-v1263="institutions-visual"]) .cleanPageVisual .visualCaption b{color:#f5f9fb}

body:has(main [data-v1263="institutions-visual"]) main>.section{padding-top:90px;padding-bottom:90px}
body:has(main [data-v1263="institutions-visual"]) main>.lightSection{background:#f4f8fb;color:#11263b}
body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead{gap:28px;margin-bottom:34px}
body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead h2{max-width:18ch;color:#11263b;letter-spacing:-.035em}
body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead>p{max-width:50ch;color:#647789;line-height:1.72}
body:has(main [data-v1263="institutions-visual"]) .sectionLabel{color:#6f8394;letter-spacing:.11em}
body:has(main [data-v1263="institutions-visual"]) .workflowGrid{gap:14px}
body:has(main [data-v1263="institutions-visual"]) .workflowCard{min-height:100%;border:1px solid #dce6ed;border-radius:20px;background:#fff;box-shadow:none;color:#11263b}
body:has(main [data-v1263="institutions-visual"]) .workflowCard.hot{border-color:#c8ddd9;background:#f5fbf9}
body:has(main [data-v1263="institutions-visual"]) .workflowCard span{color:#718696}
body:has(main [data-v1263="institutions-visual"]) .workflowCard strong{color:#163049;letter-spacing:-.02em}
body:has(main [data-v1263="institutions-visual"]) .workflowCard p{margin-top:10px;color:#657889;line-height:1.65}
body:has(main [data-v1263="institutions-visual"]) .workflowCard p:empty{display:none}

body:has(main [data-v1263="institutions-visual"]) .v1263ProofModule{gap:clamp(32px,5vw,70px)}
body:has(main [data-v1263="institutions-visual"]) .v1263ProofCopy h2{max-width:15ch;color:#11263b;letter-spacing:-.035em}
body:has(main [data-v1263="institutions-visual"]) .v1263ProofCopy>p,body:has(main [data-v1263="institutions-visual"]) .v1263ProofPoints{color:#617586}
body:has(main [data-v1263="institutions-visual"]) .v1263ProofVisual figure{border-radius:20px;box-shadow:0 12px 32px rgba(28,58,83,.06)}
body:has(main [data-v1263="institutions-visual"]) .splitMedia{gap:clamp(34px,5vw,72px);align-items:center}
body:has(main [data-v1263="institutions-visual"]) .splitMedia .mediaFrame{overflow:hidden;border-radius:24px;border:1px solid #dbe5ec;box-shadow:0 16px 42px rgba(26,55,80,.07)}
body:has(main [data-v1263="institutions-visual"]) .splitCopy h2{color:#11263b;letter-spacing:-.035em}
body:has(main [data-v1263="institutions-visual"]) .splitCopy p{color:#627687;line-height:1.72}
body:has(main [data-v1263="institutions-visual"]) .checkItem{border-color:#dbe5ec;background:#fff;color:#1b354d}

body:has(main [data-v1263="institutions-visual"]) .quickStart{gap:28px;border:1px solid #d9e5ec;border-radius:26px;background:#f7fafc;box-shadow:none}
body:has(main [data-v1263="institutions-visual"]) .quickStart h3{color:#11263b;letter-spacing:-.03em}
body:has(main [data-v1263="institutions-visual"]) .quickStart p{max-width:48ch;color:#627687;line-height:1.68}
body:has(main [data-v1263="institutions-visual"]) .quickActions{gap:10px;flex-wrap:wrap}
body:has(main [data-v1263="institutions-visual"]) .quickActions a{min-height:46px;border-radius:999px}

body:has(main [data-v1263="institutions-visual"]) .haollaPolicySection{background:#eef5f8}
body:has(main [data-v1263="institutions-visual"]) .haollaPolicyGrid{gap:14px}
body:has(main [data-v1263="institutions-visual"]) .haollaPolicyCard{border:1px solid #dbe5ec;border-radius:20px;background:#fff;box-shadow:none}
body:has(main [data-v1263="institutions-visual"]) .haollaPolicyCard h3{color:#11263b;letter-spacing:-.025em}
body:has(main [data-v1263="institutions-visual"]) .haollaPolicyCard li,body:has(main [data-v1263="institutions-visual"]) .haollaPolicyNote{color:#627687;line-height:1.62}
body:has(main [data-v1263="institutions-visual"]) [data-high-value-specificity="institutions-v1"]{background:#f7fafc;border-top:1px solid #e1e8ed}
body:has(main [data-v1263="institutions-visual"]) [data-high-value-specificity="institutions-v1"] .splitCopy{max-width:820px;margin-top:28px;padding-top:26px;border-top:1px solid #dce6ed}

@media(max-width:820px){
  body:has(main [data-v1263="institutions-visual"]) .bottomBar{display:none!important}
  body:has(main [data-v1263="institutions-visual"]) .v122ActionRail{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:90;grid-template-columns:1fr 1fr;gap:8px;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));background:rgba(247,250,252,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(157,177,191,.28)}
  body:has(main [data-v1263="institutions-visual"]) .v122ActionRail a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;text-align:center}
}

@media(max-width:720px){
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4{padding-top:72px;padding-bottom:66px}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .pageHeroV4Grid{gap:28px}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 h1{max-width:15ch;font-size:clamp(39px,11.2vw,53px);line-height:1.06}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .pageHeroV4Grid>div:first-child>p{font-size:16px;line-height:1.68}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .heroActions{display:grid;grid-template-columns:1fr;gap:9px}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 .heroActions a{width:100%;justify-content:center;text-align:center}
  body:has(main [data-v1263="institutions-visual"]) .cleanPageVisual .mediaFrame{border-radius:22px}
  body:has(main [data-v1263="institutions-visual"]) main>.section{padding-top:72px;padding-bottom:72px}
  body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead{display:block;margin-bottom:26px}
  body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead>p{margin-top:12px}
  body:has(main [data-v1263="institutions-visual"]) .workflowGrid{grid-template-columns:1fr!important;gap:10px}
  body:has(main [data-v1263="institutions-visual"]) .workflowCard{border-radius:17px;padding:19px}
  body:has(main [data-v1263="institutions-visual"]) .v1263ProofVisual{gap:10px}
  body:has(main [data-v1263="institutions-visual"]) .v1263ProofVisual figure{border-radius:17px}
  body:has(main [data-v1263="institutions-visual"]) .splitMedia{gap:26px}
  body:has(main [data-v1263="institutions-visual"]) .splitMedia .mediaFrame{border-radius:20px}
  body:has(main [data-v1263="institutions-visual"]) .quickStart{padding:22px;border-radius:20px}
  body:has(main [data-v1263="institutions-visual"]) .quickActions{display:grid;grid-template-columns:1fr;width:100%}
  body:has(main [data-v1263="institutions-visual"]) .quickActions a{width:100%;justify-content:center;text-align:center}
  body:has(main [data-v1263="institutions-visual"]) .haollaPolicyGrid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4{padding-top:62px}
  body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 h1{font-size:clamp(37px,11.5vw,48px)}
  body:has(main [data-v1263="institutions-visual"]) main>.section{padding-top:64px;padding-bottom:64px}
  body:has(main [data-v1263="institutions-visual"]) main>.section .sectionHead h2,body:has(main [data-v1263="institutions-visual"]) .splitCopy h2,body:has(main [data-v1263="institutions-visual"]) .v1263ProofCopy h2{font-size:clamp(30px,8.4vw,39px)}
}

@media(max-width:390px){body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 h1{font-size:clamp(35px,11.3vw,45px)}body:has(main [data-v1263="institutions-visual"]) .workflowCard{padding:18px}}
@media(max-width:360px){body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 h1{font-size:40px}body:has(main [data-v1263="institutions-visual"]) .v122ActionRail{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body:has(main [data-v1263="institutions-visual"]) .pageHeroV4 *,body:has(main [data-v1263="institutions-visual"]) .workflowCard,body:has(main [data-v1263="institutions-visual"]) .quickStart{scroll-behavior:auto;transition:none!important}}

/* HAOLLA_LOGO_CIRCLE_FIX_V1_START */
/* The source PNG artwork is slightly right/down of the image canvas center.
   Center the clip on the actual decorative ring and expose the full double outline
   while still removing the navy square/halo outside the circular mark. */
img[src*="haolla-mark.png"]{
  border-radius:50%;
  -webkit-clip-path:circle(44% at 52% 52%);
  clip-path:circle(44% at 52% 52%);
  background:transparent!important;
  overflow:hidden;
}
/* HAOLLA_LOGO_CIRCLE_FIX_V1_END */