/* HAOLLA v10.1 — visual intelligence system
   Purposeful motion, iconography and data texture across the global platform. */

:root{
  --v9-night:#060817;
  --v9-panel:rgba(13,18,43,.76);
  --v9-line:rgba(188,211,255,.16);
  --v9-mint:#9df5cd;
  --v9-cyan:#74e7f3;
  --v9-violet:#a98dff;
  --v9-pink:#ff91c8;
  --v9-gold:#ffe59b;
  --v9-holo:linear-gradient(118deg,var(--v9-mint),var(--v9-cyan) 30%,#d7d0ff 52%,var(--v9-violet) 68%,var(--v9-pink) 86%,var(--v9-gold));
  --v9-shadow:0 34px 100px rgba(0,0,0,.34);
}

html{background:var(--v9-night)}
body{position:relative;isolation:isolate}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1}
body:before{inset:0;background:
  radial-gradient(900px 600px at 9% 12%,rgba(98,235,228,.08),transparent 64%),
  radial-gradient(820px 620px at 94% 35%,rgba(169,141,255,.09),transparent 66%),
  radial-gradient(760px 540px at 48% 92%,rgba(255,145,200,.045),transparent 68%)}
body:after{inset:0;opacity:.11;background-image:radial-gradient(rgba(255,255,255,.55) .55px,transparent .7px);background-size:9px 9px;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 72%)}

.v9ScrollProgress{position:fixed;z-index:150;left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left center;background:var(--v9-holo);box-shadow:0 0 18px rgba(116,231,243,.55);pointer-events:none;will-change:transform}
[dir="rtl"] .v9ScrollProgress{transform-origin:right center}

/* Global rhythm and branded dividers */
main>section{isolation:isolate}
main>.section{position:relative}
main>.section:not(.lightSection):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 300px at 92% 12%,rgba(120,221,244,.035),transparent 70%)}
.sectionHead{position:relative}
.sectionHead>div:first-child{position:relative;z-index:1}
.sectionHead h2{text-wrap:balance}
.sectionLabel{position:relative;width:max-content;max-width:100%}
.sectionLabel:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--v9-cyan);box-shadow:0 0 18px rgba(116,231,243,.75)}
.v9NodeSignal{position:absolute;inset-inline-end:0;top:-22px;width:112px;height:44px;opacity:.72;pointer-events:none}
.v9NodeSignal:before,.v9NodeSignal:after{content:"";position:absolute;top:21px;width:88px;height:1px;inset-inline-end:10px;background:linear-gradient(90deg,transparent,rgba(126,232,243,.34),rgba(169,141,255,.4),transparent);transform:rotate(-8deg)}
.v9NodeSignal:after{transform:rotate(12deg);opacity:.5}
.v9NodeSignal i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--v9-cyan);box-shadow:0 0 15px rgba(116,231,243,.55)}
.v9NodeSignal i:nth-child(1){inset-inline-start:7px;top:25px}
.v9NodeSignal i:nth-child(2){inset-inline-start:38px;top:12px;background:var(--v9-mint)}
.v9NodeSignal i:nth-child(3){inset-inline-start:72px;top:27px;background:var(--v9-violet)}
.v9NodeSignal i:nth-child(4){inset-inline-start:101px;top:8px;background:var(--v9-pink)}

/* Unified global mission badge — luminous, premium and readable */
.methodPill{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:40px!important;
  padding:0 16px!important;
  margin-bottom:16px!important;
  gap:10px!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:none!important;
  border:1px solid rgba(137,241,239,.4)!important;
  background:
    linear-gradient(112deg,rgba(157,245,205,.15),rgba(116,231,243,.105) 40%,rgba(169,141,255,.13) 73%,rgba(255,145,200,.09))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(116,231,243,.14),
    0 0 0 1px rgba(157,245,205,.035),
    0 12px 38px rgba(0,0,0,.18),
    0 0 30px rgba(116,231,243,.1)!important;
  color:#bffcf0!important;
  white-space:nowrap;
}
.methodPill::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-40% -12%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 50%,rgba(157,245,205,.18),transparent 34%),
    linear-gradient(100deg,transparent 20%,rgba(116,231,243,.08) 48%,rgba(169,141,255,.09) 62%,transparent 82%);
}
.methodPill::before{
  position:relative;
  z-index:1;
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border:1px solid rgba(235,255,251,.92)!important;
  background:radial-gradient(circle at 35% 30%,#fff 0 14%,#9df5cd 20% 42%,#74e7f3 67%,#a98dff 100%)!important;
  box-shadow:0 0 8px rgba(157,245,205,.85),0 0 22px rgba(116,231,243,.7)!important;
}
.methodPill span{
  position:relative;
  z-index:1;
  display:inline-block;
  font-weight:900;
  background:linear-gradient(96deg,#d5ffe8 0%,#82f4f5 34%,#c8b8ff 69%,#ffb8df 100%);
  background-size:140% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 7px rgba(116,231,243,.22));
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .methodPill span{background:none;color:#bffcf0}
}
@media(forced-colors:active){
  .methodPill{border-color:CanvasText!important;background:Canvas!important;box-shadow:none!important}
  .methodPill span{background:none;color:CanvasText;filter:none}
  .methodPill::after{display:none}
}

/* Premium image treatment */
.mediaFrame,.premiumHeroVisual,.productStage,.visualPanel{box-shadow:var(--v9-shadow)}
.mediaFrame{isolation:isolate}
.mediaFrame:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;padding:1px;background:var(--v9-holo);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.34;pointer-events:none}
.mediaFrame img{filter:saturate(.98) contrast(1.025);transition:filter .5s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.mediaFrame:hover img{filter:saturate(1.06) contrast(1.035);transform:scale(1.018)}
.premiumHeroVisual,.productStage{position:relative;overflow:visible!important}
.premiumHeroImage{position:relative}
.premiumHeroImage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(116,231,243,.04),transparent 44%,rgba(169,141,255,.08));mix-blend-mode:screen}
.premiumHeroImage img{width:100%;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center 45%!important}
.premiumHeroCaption{position:relative}
.premiumHeroCaption:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,rgba(116,231,243,.55),rgba(169,141,255,.34),transparent)}

/* Generated 3D companion: restrained, single hero touchpoint */
.v9Companion{position:absolute;z-index:8;width:clamp(94px,9.5vw,140px);aspect-ratio:2/3;inset-inline-start:-40px;bottom:-54px;margin:0;pointer-events:none;filter:drop-shadow(0 24px 34px rgba(0,0,0,.36))}
.v9Companion:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(116,231,243,.26),rgba(169,141,255,.14) 44%,transparent 70%);filter:blur(16px)}
.v9Companion:after{content:"HUMAN × INTELLIGENCE";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:max-content;padding:6px 9px;border-radius:999px;border:1px solid rgba(195,215,255,.16);background:rgba(8,12,31,.82);backdrop-filter:blur(12px);color:#c9d5e8;font-size:8px;font-weight:900;letter-spacing:.12em}
.v9Companion img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;animation:v9-float 6.6s ease-in-out infinite}
.productStage .v9Companion{inset-inline-start:-30px;inset-inline-end:auto;bottom:-45px;width:112px}

/* Reusable 3D learning-intelligence object */
.v9OrbObject{position:absolute;z-index:1;right:-18px;top:-22px;width:min(58%,300px);height:auto;filter:drop-shadow(0 26px 46px rgba(68,80,180,.28));opacity:.86;pointer-events:none;animation:v9-orbit-breathe 8s ease-in-out infinite}
[dir="rtl"] .v9OrbObject{right:auto;left:-18px}
.visualPanel .v9OrbObject{right:-48px;top:-44px;width:330px;opacity:.66}
.visualPanel .moduleStack{z-index:2;inset-inline-start:34px;inset-inline-end:72px}
.visualPanel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,232,243,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(126,232,243,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(145deg,#000,transparent 78%);pointer-events:none}
.v9OrbAccent{position:absolute;z-index:5;top:-18px;right:-14px;width:112px;height:112px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 26px rgba(54,69,165,.28));animation:v9-orbit-breathe 7.4s ease-in-out infinite}
[dir="rtl"] .v9OrbAccent{right:auto;left:-14px}
.moneyHeroVisual .v9OrbAccent{right:4px;top:-24px}

/* Card icon system — code-native geometry, consistent across every locale */
:where(.glassCard,.methodCard,.audienceCard,.workflowCard,.answerCard,.priceCard,.pilotStep,.protocolCard,.metricCard,.trustMetric,.loopStep,.statementCard,.dashCard,.contactType,.proofItem){position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}
:where(.glassCard,.methodCard,.audienceCard,.workflowCard,.answerCard,.priceCard,.pilotStep,.protocolCard,.metricCard,.trustMetric,.loopStep,.statementCard,.dashCard,.contactType):hover{transform:translateY(-5px);border-color:rgba(158,229,245,.28);box-shadow:0 26px 62px rgba(0,0,0,.2)}
.lightSection :where(.answerCard,.workflowCard,.trustMetric,.metricCard,.protocolCard,.pilotStep):hover{box-shadow:0 24px 60px rgba(44,57,115,.12)}
.v9CardIcon{position:absolute;z-index:2;top:18px;inset-inline-end:18px;width:44px;height:44px;border-radius:15px;border:1px solid rgba(188,211,255,.17);background:linear-gradient(145deg,rgba(126,232,243,.09),rgba(169,141,255,.12),rgba(255,145,200,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.14);pointer-events:none}
.v9CardIcon:before,.v9CardIcon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.v9Icon0:before{width:18px;height:18px;border:1.5px solid var(--v9-cyan);border-radius:50%}
.v9Icon0:after{width:6px;height:6px;border-radius:50%;background:var(--v9-mint);box-shadow:0 0 13px rgba(157,245,205,.7)}
.v9Icon1:before{width:15px;height:15px;border:1.5px solid var(--v9-violet);transform:translate(-50%,-50%) rotate(45deg);border-radius:4px}
.v9Icon1:after{width:4px;height:4px;background:var(--v9-cyan);border-radius:50%}
.v9Icon2:before{width:22px;height:15px;background:linear-gradient(to top,rgba(116,231,243,.86) 0 100%) 1px 8px/4px 7px no-repeat,linear-gradient(to top,rgba(169,141,255,.9) 0 100%) 9px 3px/4px 12px no-repeat,linear-gradient(to top,rgba(255,145,200,.85) 0 100%) 17px 0/4px 15px no-repeat}
.v9Icon3:before{width:22px;height:22px;background:radial-gradient(circle at 15% 70%,var(--v9-cyan) 0 2px,transparent 3px),radial-gradient(circle at 50% 20%,var(--v9-mint) 0 2px,transparent 3px),radial-gradient(circle at 85% 68%,var(--v9-pink) 0 2px,transparent 3px)}
.v9Icon3:after{width:20px;height:13px;border-top:1px solid rgba(149,226,243,.72);border-bottom:1px solid rgba(177,155,255,.65);transform:translate(-50%,-50%) rotate(-12deg)}
.v9Icon4:before{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--v9-mint)}
.v9Icon4:after{width:8px;height:5px;border-left:1.5px solid var(--v9-cyan);border-bottom:1.5px solid var(--v9-cyan);transform:translate(-50%,-61%) rotate(-45deg)}
.v9Icon5:before{width:21px;height:12px;border:1.5px solid var(--v9-violet);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}
.v9Icon5:after{width:5px;height:5px;border-radius:50%;background:var(--v9-pink);box-shadow:0 0 11px rgba(255,145,200,.6)}
.v9Icon6:before{width:18px;height:18px;border-left:1.5px solid var(--v9-cyan);border-bottom:1.5px solid var(--v9-cyan);border-radius:0 0 0 5px}
.v9Icon6:after{width:14px;height:8px;border-top:1.5px solid var(--v9-mint);border-right:1.5px solid var(--v9-mint);transform:translate(-44%,-70%) rotate(-20deg)}
.v9Icon7:before{width:18px;height:18px;background:conic-gradient(var(--v9-cyan) 0 28%,transparent 28% 38%,var(--v9-violet) 38% 66%,transparent 66% 76%,var(--v9-pink) 76%);border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 0 45%,#000 47%);mask:radial-gradient(circle,transparent 0 45%,#000 47%)}
.v9Icon7:after{width:5px;height:5px;border-radius:50%;background:var(--v9-mint)}
.lightSection .v9CardIcon{border-color:rgba(52,72,142,.12);background:linear-gradient(145deg,rgba(109,222,224,.16),rgba(148,122,255,.12),rgba(255,127,186,.1));box-shadow:0 10px 28px rgba(55,67,125,.09)}
.metricCard>small:first-of-type,.trustMetric>em:first-of-type,.pilotStep>small:first-of-type,.workflowCard>span:first-of-type,.answerCard>.tag:first-of-type,.protocolCard>strong:first-of-type,.contactType>b:first-of-type,.dashCard>b:first-of-type,.statementCard>h3:first-of-type{padding-inline-end:58px}
.proofItem>b{padding-inline-end:38px}

/* Micro data visualizations turn steps and evidence into scan-friendly signals */
.v9MiniViz{height:30px;display:flex;align-items:flex-end;gap:4px;margin-top:18px;padding-top:8px;border-top:1px solid rgba(190,205,255,.09);opacity:.7}
.v9MiniViz i{display:block;width:5px;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--v9-cyan),rgba(169,141,255,.35));transform-origin:bottom;transform:scaleY(.18);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.v9In .v9MiniViz i{transform:scaleY(1)}
.v9MiniViz i:nth-child(4n+2){background:linear-gradient(180deg,var(--v9-violet),rgba(116,231,243,.28))}
.v9MiniViz i:nth-child(4n+3){background:linear-gradient(180deg,var(--v9-pink),rgba(169,141,255,.25))}
.lightSection .v9MiniViz{border-top-color:rgba(35,48,96,.09)}
.workflowCard .v9MiniViz,.protocolCard .v9MiniViz,.pilotStep .v9MiniViz{margin-top:auto}
.workflowCard{display:flex;flex-direction:column}
.workflowCard strong{margin-top:58px}

/* Proof rail becomes a compact visual dashboard */
.proofItem{min-height:145px;padding-top:29px}
.proofItem .v9CardIcon{width:34px;height:34px;border-radius:12px;top:18px}
.proofItem small{padding-inline-end:42px}
.trustBarInner{position:relative}
.trustCell{position:relative;padding-inline-start:22px}
.trustCell:before{content:"";position:absolute;inset-inline-start:0;top:5px;width:10px;height:10px;border:2px solid var(--v9-cyan);border-radius:50%;box-shadow:0 0 16px rgba(116,231,243,.32)}

/* Existing visual primitives receive higher-end material depth */
.graphCanvas,.engineStage,.demoWorkspace,.feedbackPreview,.sampleAnswer,.quickMission,.quickStart,.conversionBand{position:relative;isolation:isolate}
.graphCanvas:after,.engineStage:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(126,232,243,.2) .7px,transparent .8px);background-size:15px 15px;mask-image:linear-gradient(135deg,#000,transparent 70%);opacity:.18}
.quickMission:after,.quickStart:after,.conversionBand:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-55px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(116,231,243,.13),rgba(169,141,255,.07) 45%,transparent 70%)}
[dir="rtl"] .quickMission:after,[dir="rtl"] .quickStart:after,[dir="rtl"] .conversionBand:after{right:auto;left:-55px}
.metricCard .progressBar{box-shadow:0 0 22px rgba(116,231,243,.08)}
.faqItem{transition:border-color .25s ease,background .25s ease,transform .25s ease}
.faqItem:hover{border-color:rgba(158,229,245,.24);background:rgba(255,255,255,.035);transform:translateX(3px)}
[dir="rtl"] .faqItem:hover{transform:translateX(-3px)}

/* Motion is ambient, never required to understand the content */
@keyframes v9-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-9px,0) rotate(1.2deg)}}
@keyframes v9-orbit-breathe{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-7px,0) rotate(1deg)}}

@media(max-width:1180px){
  .v9Companion{inset-inline-start:-18px;bottom:-36px;width:112px}
  .productStage .v9Companion{inset-inline-start:-8px;inset-inline-end:auto;width:98px}
  .visualPanel .v9OrbObject{width:280px;opacity:.52}
}

@media(max-width:900px){
  .v9NodeSignal{display:none}
  .premiumHeroVisual,.productStage{overflow:hidden!important}
  .v9Companion{inset-inline-start:auto;inset-inline-end:10px;bottom:8px;width:100px}
  .productStage .v9Companion{inset-inline-start:8px;inset-inline-end:auto;bottom:8px;width:82px}
  .v9Companion:after{display:none}
  .v9OrbAccent{top:4px;right:4px;width:88px}
  .moneyHeroVisual .v9OrbAccent{right:8px;top:0}
}

@media(max-width:680px){
  body:after{opacity:.07}
  .methodPill{font-size:11px!important;min-height:36px!important;white-space:normal;text-align:start}
  .sectionLabel{letter-spacing:.14em}
  .premiumHeroImage img{aspect-ratio:4/3!important}
  .v9Companion{width:78px;inset-inline-start:auto;inset-inline-end:8px;bottom:7px}
  .v9CardIcon{width:38px;height:38px;top:15px;inset-inline-end:15px;border-radius:13px}
  .visualPanel .v9OrbObject{right:-60px;top:-30px;width:250px;opacity:.44}
  .visualPanel .moduleStack{inset-inline-start:18px;inset-inline-end:30px}
  .v9OrbAccent{width:72px}
  .proofItem{min-height:124px}
}

@media(prefers-reduced-motion:reduce){
  .v9Companion img,.v9OrbObject,.v9OrbAccent{animation:none!important}
  .v9MiniViz i{transform:scaleY(1)!important}
  :where(.glassCard,.methodCard,.audienceCard,.workflowCard,.answerCard,.priceCard,.pilotStep,.protocolCard,.metricCard,.trustMetric,.loopStep,.statementCard,.dashCard,.contactType):hover{transform:none}
}

/* v9.1 — one product story in every language.
   The learning graph is code-native, resolution independent and intentionally
   direction-isolated so RTL locales receive the same product visualization. */
.premiumHeroGrid{
  grid-template-columns:minmax(0,1.03fr) minmax(500px,.97fr);
  gap:clamp(44px,5vw,72px);
  align-items:center;
}
.productStage{
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
  position:relative;
  min-height:655px;
  perspective:1200px;
  box-shadow:none;
}
.productStage:before{
  content:"";
  position:absolute;
  inset:8% 2% 5%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,231,243,.14),rgba(169,141,255,.09) 34%,transparent 69%);
  filter:blur(30px);
  pointer-events:none;
}
.productShell{
  position:absolute;
  inset:34px 0 45px 22px;
  border:1px solid rgba(210,220,255,.18);
  border-radius:34px;
  background:linear-gradient(155deg,rgba(19,25,57,.95),rgba(8,12,31,.93));
  box-shadow:0 55px 140px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07);
  overflow:hidden;
  transform:rotateY(-3deg) rotateX(1deg);
}
.productTop{
  height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 20px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.productDots{display:flex;gap:6px;flex:0 0 auto}
.productDots i{display:block;width:7px;height:7px;border-radius:50%;background:#3b4564}
.productDots i:first-child{background:var(--v9-pink)}
.productDots i:nth-child(2){background:var(--v9-gold)}
.productDots i:last-child{background:var(--v9-mint)}
.productTop>b{font-size:12px;letter-spacing:-.01em;color:#f4f7ff}
.productStatus{display:flex;gap:7px;align-items:center;color:#9fb0ce;font-size:10px;white-space:nowrap}
.productStatus:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v9-mint);box-shadow:0 0 10px rgba(157,245,205,.8)}
.productBody{display:grid;grid-template-columns:132px minmax(0,1fr);height:calc(100% - 62px)}
.productSide{padding:17px 11px;border-right:1px solid rgba(255,255,255,.06);background:rgba(1,3,14,.23)}
.productSide span{display:block;padding:10px 9px;border-radius:10px;font-size:10px;color:#7f8ca8;margin-bottom:5px}
.productSide span.active{color:#eff7ff;background:linear-gradient(100deg,rgba(116,231,243,.11),rgba(169,141,255,.1));border:1px solid rgba(160,205,255,.11)}
.productMain{min-width:0;padding:22px;overflow:hidden}
.productKpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.productKpi>div{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.028)}
.productKpi small{display:block;color:#7785a3;font-size:9px;text-transform:uppercase;letter-spacing:.02em}
.productKpi b{display:block;margin-top:7px;font-size:18px;color:#f3f6ff}
.productKpi b em{font-size:9px;font-style:normal;color:var(--v9-mint);margin-left:4px}
.graphPanel{height:204px;margin-top:10px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(2,5,20,.36);position:relative;overflow:hidden}
.graphTitle{position:relative;z-index:3;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8190ad}
.graphTitle b{color:#edf3ff;font-size:12px}
.graphCanvas{position:absolute;inset:51px 17px 18px;overflow:hidden}
.graphCanvas:after{z-index:0}
.graphLine{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,rgba(116,231,243,.13),rgba(169,141,255,.42));transform-origin:left}
.graphLine.l1{width:46%;left:10%;top:34%;transform:rotate(12deg)}
.graphLine.l2{width:37%;left:45%;top:43%;transform:rotate(-22deg)}
.graphLine.l3{width:35%;left:27%;top:68%;transform:rotate(-25deg)}
.graphLine.l4{width:30%;left:57%;top:67%;transform:rotate(18deg)}
.graphNode{position:absolute;z-index:2;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;padding:3px;font-size:8px;font-weight:900;letter-spacing:.025em;color:#f4f7ff;border:1px solid rgba(200,220,255,.2);background:linear-gradient(145deg,#172447,#121631);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.graphNode.n1{left:3%;top:8%}
.graphNode.n2{left:36%;top:29%;background:linear-gradient(145deg,rgba(116,231,243,.32),rgba(169,141,255,.25))}
.graphNode.n3{right:5%;top:2%}
.graphNode.n4{left:21%;bottom:0}
.graphNode.n5{right:15%;bottom:0}
.insightQueue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.insightCard{min-width:0;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.028)}
.insightCard small{font-size:8px;color:var(--v9-cyan)}
.insightCard b{display:block;font-size:11px;margin:5px 0;color:#f0f4ff}
.insightCard p{font-size:9px;line-height:1.45;color:#8190ad;margin:0}
.floatSignal{position:absolute;z-index:6;right:-25px;bottom:18px;width:238px;padding:17px;border-radius:20px;border:1px solid rgba(210,220,255,.19);background:rgba(10,14,35,.86);backdrop-filter:blur(22px);box-shadow:0 25px 70px rgba(0,0,0,.45);animation:floatV91 5s ease-in-out infinite}
.floatSignal small{color:var(--v9-cyan);font-size:9px;letter-spacing:.05em}
.floatSignal b{display:block;font-size:14px;line-height:1.35;margin:7px 0;color:#f4f7ff}
.floatSignal p{font-size:10px;line-height:1.5;color:#91a0bc;margin:0}
@keyframes floatV91{50%{transform:translateY(-9px)}}

@media(max-width:1180px){
  .premiumHeroGrid{grid-template-columns:1fr;gap:34px}
  .productStage{width:100%;max-width:780px;min-height:640px;margin:0 auto}
}

@media(max-width:900px){
  .productStage{overflow:visible!important}
  .productStage .v9Companion{display:none!important}
}

@media(max-width:680px){
  .premiumHeroGrid{gap:28px}
  .productStage{min-height:0;max-width:100%;margin:8px auto 0;padding:0;perspective:none;overflow:visible!important}
  .productStage:before{inset:4% 3% 16%;filter:blur(24px)}
  .productShell{position:relative;inset:auto;height:auto;border-radius:26px;transform:none;overflow:hidden}
  .productTop{height:auto;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:initial;gap:5px 12px;padding:12px 14px}
  .productTop>b{font-size:12px}
  .productStatus{grid-column:1/-1;justify-self:end;font-size:9px}
  .productBody{display:block;height:auto}
  .productSide{display:none}
  .productMain{padding:14px;overflow:visible}
  .productKpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .productKpi>div{padding:12px;min-height:66px}
  .productKpi>div:first-child{grid-column:1/3}
  .productKpi b{font-size:15px}
  .graphPanel{height:auto;min-height:236px;margin-top:9px;padding:14px;overflow:hidden}
  .graphTitle{align-items:flex-start;flex-wrap:wrap;line-height:1.35}
  .graphTitle span{margin-left:auto}
  .graphCanvas{position:relative;inset:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,52px);gap:14px 7px;align-items:center;height:auto;min-height:118px;margin-top:18px;overflow:visible}
  .graphCanvas:before{content:"";position:absolute;z-index:0;inset:18px 8% 20px;background:linear-gradient(18deg,transparent 49.2%,rgba(116,231,243,.23) 49.7% 50.3%,transparent 50.8%),linear-gradient(-18deg,transparent 49.2%,rgba(169,141,255,.26) 49.7% 50.3%,transparent 50.8%);pointer-events:none}
  .graphLine{display:none}
  .graphNode{position:relative!important;inset:auto!important;width:auto;height:48px;border-radius:14px;font-size:8px;line-height:1;padding:4px}
  .graphNode.n1{grid-column:1/3;grid-row:1}
  .graphNode.n2{grid-column:3/5;grid-row:1}
  .graphNode.n3{grid-column:5/7;grid-row:1}
  .graphNode.n4{grid-column:2/4;grid-row:2}
  .graphNode.n5{grid-column:4/6;grid-row:2}
  .insightQueue{grid-template-columns:1fr;gap:8px;margin-top:9px}
  .insightCard{padding:13px}
  .floatSignal{position:relative;right:auto;bottom:auto;width:auto;margin:10px 0 0;padding:16px;border-radius:18px;animation:none;transform:none}
  .floatSignal b{font-size:14px}
}

@media(max-width:380px){
  .productMain{padding:11px}
  .productKpi>div{padding:10px}
  .graphPanel{padding:12px}
  .graphNode{font-size:7px}
}

@media(prefers-reduced-motion:reduce){
  .floatSignal{animation:none!important}
}

/* v9.2 — mobile viewport containment.
   This layer removes the causes of root-level horizontal scroll instead of
   relying on a single body overflow declaration. It is shared by all routes,
   languages and RTL variants. */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}
@supports(overflow:clip){
  html,body{overflow-x:clip}
}
body{min-width:0;position:relative}
:where(main,header,footer,nav,section,article,aside,form,figure,div){min-width:0}
:where(main,.siteHeader,footer,.mobileNav,.languagePanel,.modal){max-width:100%}
:where(img,svg,video,canvas,iframe){max-width:100%}
:where(h1,h2,h3,h4,p,li,figcaption,pre,.langOption span,.moduleStack b,.messageOption b){overflow-wrap:anywhere}
pre{max-width:100%;white-space:pre-wrap;word-break:break-word}
.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;left:0}
.quickMission,.quickStart,.conversionBand{overflow:hidden;overflow:clip}

@media(max-width:900px){
  body{touch-action:pan-y pinch-zoom}
  .productStage{overflow:hidden!important;overflow:clip!important}
  .productStage .floatSignal{right:0}
  .v9OrbAccent{right:4px;left:auto}
  [dir="rtl"] .v9OrbAccent{right:auto;left:4px}
  .pageVisualPhoto,.moneyHeroVisual,.cleanPageVisual{max-width:100%}
  .faqItem:hover{transform:none}
}

@media(max-width:680px){
  .wrap{max-width:calc(100% - 24px)}
  .nav{gap:8px;min-width:0}
  .brand{flex:0 0 auto;min-width:0}
  .navActions{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:6px}
  .navActions .langBtn{min-width:0;max-width:min(132px,34vw);padding-inline:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .navActions .menuBtn{flex:0 0 auto;max-width:88px;padding-inline:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .navActions .koQuick{flex:0 0 auto;max-width:78px;padding-inline:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .languageCard{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:18px}
  .languageHead{gap:12px}
  .languageHead>*{min-width:0}
  .langGrid,.langOption{min-width:0}
  .langOption{gap:8px}
  .langOption span{min-width:0}
  .conversionActions,.quickActions{min-width:0;max-width:100%}
  main :where(.primaryBtn,.ghostBtn,.softBtn),footer :where(.primaryBtn,.ghostBtn,.softBtn),.modal :where(.primaryBtn,.ghostBtn,.softBtn),.messagePanel :where(.primaryBtn,.ghostBtn,.softBtn){max-width:100%;height:auto;min-height:44px;padding-block:9px;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .heroTagline,.intentChip,.fakeChip{max-width:100%;white-space:normal;flex-wrap:wrap}
  .demoOutputTop,.fakeTop,.resultHeader{flex-wrap:wrap;gap:8px}
  .productStage .floatSignal{right:auto}
}

@media(max-width:420px){
  .langGrid{grid-template-columns:1fr}
  .languageCard{padding:15px;border-radius:22px}
  .languageHead{align-items:flex-start}
}

/* v9.3 — human collaboration bridge.
   The same authentic learning scene now follows the product hero in every
   locale, creating a visual breath before the deeper product narrative. */
.v93VisualProof{
  padding:clamp(34px,4.2vw,64px) 0;
  border-block:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(720px 360px at 12% 10%,rgba(116,231,243,.075),transparent 67%),
    radial-gradient(620px 360px at 90% 88%,rgba(169,141,255,.08),transparent 70%),
    rgba(255,255,255,.012);
}
.v93ProofLayout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:18px;
  align-items:stretch;
}
.v93CollabVisual{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:480px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(199,217,255,.2);
  border-radius:32px;
  background:#0c122c;
  box-shadow:0 34px 100px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.08);
}
.v93CollabVisual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset 0 0 50px rgba(6,8,23,.14);
}
.v93CollabVisual:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 51%,rgba(5,8,24,.16) 70%,rgba(5,8,24,.72));
}
.v93CollabVisual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(1.04) contrast(1.02);
  transform:scale(1.002);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}
.v93CollabVisual:hover img{transform:scale(1.025);filter:saturate(1.09) contrast(1.025)}
.v93CollabVisual figcaption{
  position:absolute;
  z-index:3;
  inset-inline:20px;
  bottom:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.v93CollabVisual figcaption span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(202,219,255,.23);
  border-radius:999px;
  background:rgba(6,9,27,.64);
  color:#eef6ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  backdrop-filter:blur(14px);
}
.v93CollabVisual figcaption b{display:flex;gap:6px;align-items:center}
.v93CollabVisual figcaption i{
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--v9-mint);
  box-shadow:0 0 16px rgba(157,245,205,.65);
}
.v93CollabVisual figcaption i:nth-child(2){background:var(--v9-cyan);box-shadow:0 0 16px rgba(116,231,243,.65)}
.v93CollabVisual figcaption i:nth-child(3){background:var(--v9-violet);box-shadow:0 0 16px rgba(169,141,255,.65)}
.v93VisualProof .proofRailGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.v93VisualProof .proofItem{
  min-height:0;
  padding:22px!important;
  border:1px solid rgba(205,220,255,.13)!important;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(22,29,61,.72),rgba(10,14,35,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.v93VisualProof .proofItem .v9CardIcon{top:16px;inset-inline-end:16px}
.v93VisualProof .proofItem small{padding-inline-end:38px;font-size:9px}
.v93VisualProof .proofItem b{font-size:16px;line-height:1.3;padding-inline-end:0}
.v93VisualProof .proofItem span{display:block;font-size:11px;line-height:1.45}
.v93VisualOnly .v93ProofLayout{grid-template-columns:1fr}
.v93VisualOnly .v93CollabVisual{min-height:clamp(390px,43vw,610px)}

/* v9.3 — mobile graph re-composition.
   Keep the desktop information density while restoring whitespace and a
   clearly connected five-node topology on narrow viewports. */
.productStage .v9Companion{inset-inline-start:8px;inset-inline-end:auto;bottom:8px;width:104px}

@media(max-width:1050px){
  .v93ProofLayout{grid-template-columns:1fr}
  .v93CollabVisual{min-height:clamp(340px,56vw,520px)}
}

@media(max-width:900px){
  .productStage .v9Companion{display:none!important}
}

@media(max-width:680px){
  .v93VisualProof{padding:22px 0 30px}
  .v93ProofLayout{gap:10px}
  .v93CollabVisual,
  .v93VisualOnly .v93CollabVisual{
    min-height:0;
    aspect-ratio:16/10;
    border-radius:24px;
  }
  .v93CollabVisual:before{inset:7px;border-radius:18px}
  .v93CollabVisual img{object-position:center 50%}
  .v93CollabVisual figcaption{inset-inline:12px;bottom:11px}
  .v93CollabVisual figcaption span{min-height:25px;padding:4px 8px;font-size:8px;letter-spacing:.1em}
  .v93CollabVisual figcaption b{gap:5px}
  .v93CollabVisual figcaption i{width:7px;height:7px}
  .v93VisualProof .proofRailGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .v93VisualProof .proofItem{
    min-height:118px!important;
    padding:14px!important;
    border:1px solid rgba(205,220,255,.13)!important;
  }
  .v93VisualProof .proofItem .v9CardIcon{width:30px;height:30px;top:10px;inset-inline-end:10px;border-radius:10px}
  .v93VisualProof .proofItem small{padding-inline-end:30px;font-size:8px;letter-spacing:.09em}
  .v93VisualProof .proofItem b{margin-top:9px;font-size:14px;line-height:1.28}
  .v93VisualProof .proofItem span{font-size:10px;line-height:1.4}

  .productTop{
    min-height:64px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    padding:10px 12px;
  }
  .productTop>b{font-size:11px;white-space:nowrap}
  .productStatus{grid-column:auto;justify-self:end;font-size:8px}
  .productMain{padding:14px}
  .productKpi{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .productKpi>div,
  .productKpi>div:first-child{
    grid-column:auto;
    min-height:84px;
    padding:10px 8px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .productKpi small{font-size:7px;line-height:1.25}
  .productKpi b{margin-top:8px;font-size:clamp(12px,3.5vw,15px);line-height:1.12;overflow-wrap:anywhere}
  .productKpi b em{display:block;margin:3px 0 0;font-size:8px}
  .graphPanel{min-height:330px;margin-top:14px;padding:14px}
  .graphCanvas{
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-template-rows:repeat(3,54px);
    gap:20px 8px;
    min-height:202px;
    margin-top:22px;
  }
  .graphCanvas:before{
    inset:13px 9% 13px;
    opacity:.7;
    background:
      linear-gradient(27deg,transparent 49.3%,rgba(116,231,243,.2) 49.7% 50.3%,transparent 50.7%),
      linear-gradient(-27deg,transparent 49.3%,rgba(169,141,255,.23) 49.7% 50.3%,transparent 50.7%);
  }
  .graphNode{
    width:100%;
    max-width:145px;
    height:54px;
    justify-self:center;
    font-size:8px;
  }
  .graphNode.n1{grid-column:1/3;grid-row:1}
  .graphNode.n2{grid-column:2/5;grid-row:2}
  .graphNode.n3{grid-column:4/6;grid-row:1}
  .graphNode.n4{grid-column:1/3;grid-row:3}
  .graphNode.n5{grid-column:4/6;grid-row:3}
  .insightQueue{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .insightCard{min-height:146px;padding:12px;display:flex;flex-direction:column}
  .insightCard b{font-size:12px;line-height:1.35}
  .insightCard p{margin-top:auto;font-size:10px;line-height:1.5}
  .floatSignal{margin-top:12px}
}

@media(max-width:360px){
  .productTop{gap:6px;padding-inline:10px}
  .productTop>b{font-size:10px}
  .productStatus{gap:4px;font-size:7px}
  .productMain{padding:10px}
  .productKpi>div,.productKpi>div:first-child{padding:8px 6px}
  .graphPanel{padding:11px}
  .graphNode{font-size:7px}
  .insightCard{padding:10px}
}

/* v9.5 — unmistakable global-mission emphasis.
   Saturated color stops and a real luminous underline remain visibly distinct
   from white even when the page is zoomed out or rendered on a dense display. */
.premiumHero .methodPill{
  min-height:42px!important;
  padding-inline:17px!important;
  font-size:13px!important;
  letter-spacing:.045em!important;
  border-color:rgba(80,239,233,.62)!important;
  background:
    linear-gradient(112deg,rgba(40,224,180,.2),rgba(31,187,235,.14) 42%,rgba(123,78,232,.17) 72%,rgba(235,62,160,.12))!important;
  box-shadow:
    inset 0 1px 0 rgba(224,255,248,.18),
    inset 0 -1px 0 rgba(53,229,255,.22),
    0 0 0 1px rgba(105,255,209,.07),
    0 12px 34px rgba(0,0,0,.22),
    0 0 22px rgba(53,229,255,.18)!important;
}
.premiumHero .methodPill span{
  position:relative;
  padding-bottom:3px;
  font-weight:950;
  background:linear-gradient(90deg,#69ffd1 0%,#35e5ff 35%,#9e72ff 69%,#ff62bd 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 5px rgba(53,229,255,.46));
}
.premiumHero .methodPill span::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#69ffd1 0%,#35e5ff 35%,#9e72ff 69%,#ff62bd 100%);
  box-shadow:0 0 6px rgba(53,229,255,.72),0 0 13px rgba(158,114,255,.38);
  opacity:.96;
}
.premiumHero .methodPill::before{
  box-shadow:0 0 7px rgba(105,255,209,.95),0 0 20px rgba(53,229,255,.88)!important;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .premiumHero .methodPill span{
    background:none!important;
    color:#55f2dc!important;
    -webkit-text-fill-color:currentColor;
    text-shadow:0 0 8px rgba(53,229,255,.42);
  }
}
@media(forced-colors:active){
  .premiumHero .methodPill{border-color:CanvasText!important;background:Canvas!important;box-shadow:none!important}
  .premiumHero .methodPill span{background:none!important;color:CanvasText!important;-webkit-text-fill-color:currentColor;filter:none}
  .premiumHero .methodPill span::after{background:CanvasText;box-shadow:none}
}
@media(max-width:680px){
  .premiumHero .methodPill{min-height:40px!important;padding-inline:14px!important;font-size:12px!important}
  .premiumHero .methodPill span::after{bottom:-2px}
}

/* v9.6 — direct neon-sign treatment with inline-safe fallbacks. */
.premiumHero .missionNeonV96{
  border-color:#35e5ff!important;
  background:linear-gradient(115deg,rgba(5,61,70,.97),rgba(10,25,67,.97) 52%,rgba(51,18,79,.97))!important;
  box-shadow:inset 0 0 16px rgba(53,229,255,.16),0 0 8px rgba(53,229,255,.52),0 0 24px rgba(53,229,255,.3),0 0 42px rgba(158,114,255,.18)!important;
}
.premiumHero .missionNeonV96 .missionNeonText{
  background:none!important;
  color:#42f5ff!important;
  -webkit-text-fill-color:#42f5ff!important;
  text-shadow:0 0 2px #42f5ff,0 0 7px rgba(66,245,255,.92),0 0 15px rgba(53,229,255,.72),0 0 28px rgba(158,114,255,.5)!important;
}
.premiumHero .missionNeonV96 .missionNeonText em{
  color:#ff5fc6!important;
  -webkit-text-fill-color:#ff5fc6!important;
  text-shadow:0 0 2px #ff5fc6,0 0 8px rgba(255,95,198,.95),0 0 18px rgba(158,114,255,.75)!important;
}
.premiumHero .missionNeonV96 .missionNeonText::after{display:none!important}
.premiumHero .missionNeonV96 .missionNeonBeam{
  display:block!important;
  background:linear-gradient(90deg,#49ffd5 0%,#2de7ff 38%,#966bff 70%,#ff58bd 100%)!important;
  box-shadow:0 0 6px #2de7ff,0 0 14px rgba(150,107,255,.92),0 0 22px rgba(255,88,189,.5)!important;
}
@media(max-width:680px){
  .premiumHero .missionNeonV96{max-width:100%;font-size:13px!important}
}

/* v9.7 — self-contained SVG neon badge; independent of cached color rules. */
.missionNeonBadgeV97{position:relative;isolation:isolate}
.missionNeonBadgeV97 svg{font-synthesis:none;text-rendering:geometricPrecision}
@media(max-width:680px){
  .missionNeonBadgeV97{width:min(390px,100%)!important;margin-bottom:16px!important}
}

/* v9.8 — compact, balanced mission signature.
   The whole statement shares one mint–cyan–violet palette: no isolated word,
   no red/pink emphasis, and no oversized glow competing with the hero title. */
.missionNeonBadgeV98{position:relative;isolation:isolate}
.missionNeonBadgeV98 svg{font-synthesis:none;text-rendering:geometricPrecision}
@media(max-width:680px){
  .missionNeonBadgeV98{width:min(310px,100%)!important;margin-bottom:14px!important}
}

/* v9.9 — one global hero idea, expressed naturally in every language.
   The final compounding idea inherits the exact English holographic treatment
   and receives its own line so the hierarchy survives localization. */
.premiumHeroTitleV99{text-wrap:balance}
.premiumHeroTitleV99 .gradientWordV99{
  display:block;
  max-width:100%;
  padding-bottom:.035em;
  background:var(--v8-holo);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.premiumHeroLeadV99{max-width:720px;text-wrap:pretty}

:lang(ko) .premiumHeroTitleV99{
  max-width:13.5ch;
  font-size:clamp(48px,5.35vw,80px);
  line-height:1.02;
  letter-spacing:-.06em;
}
:lang(ja) .premiumHeroTitleV99,
:lang(zh) .premiumHeroTitleV99{
  max-width:14.5ch;
  font-size:clamp(46px,5.15vw,78px);
  line-height:1.04;
  letter-spacing:-.055em;
}
:lang(es) .premiumHeroTitleV99,
:lang(pt) .premiumHeroTitleV99,
:lang(fr) .premiumHeroTitleV99,
:lang(de) .premiumHeroTitleV99,
:lang(id) .premiumHeroTitleV99,
:lang(vi) .premiumHeroTitleV99,
:lang(tr) .premiumHeroTitleV99{
  max-width:17ch;
  font-size:clamp(42px,4.6vw,70px);
  line-height:1;
  letter-spacing:-.048em;
}
:lang(ar) .premiumHeroTitleV99,
:lang(ur) .premiumHeroTitleV99,
:lang(hi) .premiumHeroTitleV99,
:lang(bn) .premiumHeroTitleV99,
:lang(th) .premiumHeroTitleV99{
  max-width:16ch;
  font-size:clamp(40px,4.45vw,68px);
  line-height:1.08;
  letter-spacing:-.025em;
}

@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .premiumHeroTitleV99 .gradientWordV99{background:none;color:var(--v9-cyan)}
}
@media(forced-colors:active){
  .premiumHeroTitleV99 .gradientWordV99{background:none;color:CanvasText}
}
@media(max-width:680px){
  .premiumHeroTitleV99{max-width:100%;font-size:clamp(39px,12.2vw,49px)}
  :lang(ko) .premiumHeroTitleV99,
  :lang(ja) .premiumHeroTitleV99,
  :lang(zh) .premiumHeroTitleV99{max-width:100%;font-size:clamp(38px,11.5vw,47px);line-height:1.04}
  :lang(es) .premiumHeroTitleV99,
  :lang(pt) .premiumHeroTitleV99,
  :lang(fr) .premiumHeroTitleV99,
  :lang(de) .premiumHeroTitleV99,
  :lang(id) .premiumHeroTitleV99,
  :lang(vi) .premiumHeroTitleV99,
  :lang(tr) .premiumHeroTitleV99{max-width:100%;font-size:clamp(34px,9.8vw,43px);line-height:1.03}
  :lang(ar) .premiumHeroTitleV99,
  :lang(ur) .premiumHeroTitleV99,
  :lang(hi) .premiumHeroTitleV99,
  :lang(bn) .premiumHeroTitleV99,
  :lang(th) .premiumHeroTitleV99{max-width:100%;font-size:clamp(33px,9.5vw,42px);line-height:1.12}
  .premiumHeroLeadV99{font-size:15px;line-height:1.72}
}

/* v10.0 — borderless mission signature.
   Only the type and a restrained light point remain; there is no frame,
   container fill, underline or pill silhouette competing with the hero. */
.missionSignatureV100{position:relative;isolation:isolate}
.missionSignatureV100 svg{font-synthesis:none;text-rendering:geometricPrecision}
@media(max-width:680px){
  .missionSignatureV100{width:min(280px,100%)!important;margin-bottom:15px!important}
}

/* v10.0 — fail-safe holographic headline.
   A visible cyan base is always rendered. The gradient is a progressive
   overlay, so a delayed or unsupported text-clipping layer can never erase
   the Korean phrase—or any other localized compounding phrase. */
.premiumHeroTitleV99 .gradientWordV100{
  position:relative;
  isolation:isolate;
  display:block;
  max-width:100%;
  padding-bottom:.035em;
  background:none!important;
  color:#70dfea!important;
  -webkit-text-fill-color:#70dfea!important;
  text-shadow:0 0 18px rgba(92,218,237,.16);
}
.premiumHeroTitleV99 .gradientWordV100::after{
  content:attr(data-text);
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  max-width:100%;
  pointer-events:none;
  background:var(--v8-holo);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .premiumHeroTitleV99 .gradientWordV100::after{display:none}
}
@media(forced-colors:active){
  .premiumHeroTitleV99 .gradientWordV100{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;text-shadow:none}
  .premiumHeroTitleV99 .gradientWordV100::after{display:none}
}

/* v10.1 — exact English compound palette for every writing system.
   English keeps the original continuous gradient untouched. Localized words
   receive the same sampled color progression directly on each grapheme, so
   mint, cyan, violet and pink remain identical across wrapping and scripts. */
.premiumHeroTitleV99 .gradientWordV101English{
  display:block;
  max-width:100%;
  padding-bottom:.035em;
}
.premiumHeroTitleV99 .gradientWordV101{
  display:block;
  max-width:100%;
  padding-bottom:.035em;
  background:none!important;
  color:inherit!important;
  -webkit-text-fill-color:initial!important;
  text-shadow:none!important;
}
.gradientGlyphRunV101{display:inline;background:none!important;color:inherit;-webkit-text-fill-color:initial}
.gradientTokenV101{display:inline-block;white-space:nowrap}
.gradientGlyphV101{display:inline;background:none!important;text-shadow:none}
@media(forced-colors:active){
  .premiumHeroTitleV99 .gradientWordV101English{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
  .gradientGlyphV101{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
}

/* v10.2 — collision-proof, optically balanced Learning Graph.
   The node coordinates are owned by this component and every edge terminates
   at a node centre. The same topology is preserved on desktop, mobile and RTL
   pages without leaking the generic n1–n5 orbit coordinates into the graph. */
.productStage [data-v102-graph="balanced"]{
  position:absolute;
  inset:51px 17px 18px;
  display:block;
  height:auto;
  min-height:0;
  margin:0;
  overflow:hidden;
  isolation:isolate;
}
.productStage [data-v102-graph="balanced"]:before{display:none!important}
.productStage [data-v102-graph="balanced"]:after{z-index:0}
.graphEdgesV102{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  filter:drop-shadow(0 0 5px rgba(117,230,242,.14));
}
.graphEdgeV102{
  fill:none;
  stroke:url(#graphEdgeGradientV102);
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:.72;
}
.productStage [data-v102-graph="balanced"] .graphLine{display:none!important}
.productStage [data-v102-graph="balanced"] .graphNode{
  position:absolute!important;
  z-index:2;
  left:var(--graph-x)!important;
  top:var(--graph-y)!important;
  right:auto!important;
  bottom:auto!important;
  width:52px;
  height:52px;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
  text-align:center;
}
.productStage [data-v102-graph="balanced"] .graphNode.n1{--graph-x:18%;--graph-y:20%}
.productStage [data-v102-graph="balanced"] .graphNode.n2{--graph-x:50%;--graph-y:50%}
.productStage [data-v102-graph="balanced"] .graphNode.n3{--graph-x:82%;--graph-y:20%}
.productStage [data-v102-graph="balanced"] .graphNode.n4{--graph-x:31%;--graph-y:80%}
.productStage [data-v102-graph="balanced"] .graphNode.n5{--graph-x:69%;--graph-y:80%}

@media(max-width:680px){
  .productStage[data-v91-diagram="learning-graph"] .graphPanel{
    height:auto;
    min-height:294px;
  }
  .productStage [data-v102-graph="balanced"]{
    position:relative;
    inset:auto;
    height:218px;
    min-height:218px;
    margin-top:16px;
    overflow:hidden;
  }
  .productStage [data-v102-graph="balanced"] .graphNode{
    width:clamp(80px,26vw,112px);
    max-width:112px;
    height:50px;
    border-radius:14px;
    font-size:8px;
  }
}

@media(max-width:380px){
  .productStage[data-v91-diagram="learning-graph"] .graphPanel{min-height:280px}
  .productStage [data-v102-graph="balanced"]{height:205px;min-height:205px;margin-top:13px}
  .productStage [data-v102-graph="balanced"] .graphNode{width:clamp(72px,25vw,88px);height:46px;font-size:7px}
}

@media(forced-colors:active){
  .graphEdgeV102{stroke:CanvasText;filter:none}
}

/* v10.3 — distributed 3D brand signature.
   Public pages receive one composed companion/orb signature, media-rich pages
   receive one additional orb pin, and mobile Learning Graphs receive a
   dedicated in-flow guide strip. Decorations never carry required content. */
.v103SignatureHost{
  position:relative!important;
  isolation:isolate;
}
.v103SignatureHost:is(.quickMission,.quickStart,.conversionBand){
  min-height:210px;
  padding-inline-end:clamp(178px,17vw,236px)!important;
  overflow:hidden!important;
  overflow:clip!important;
}
.v103SignatureHost > :not(.v103VisualSignature){position:relative;z-index:2}
.v103VisualSignature{
  position:absolute;
  z-index:1;
  inset-inline-end:18px;
  bottom:-9px;
  width:184px;
  height:190px;
  margin:0;
  pointer-events:none;
  direction:ltr;
}
.v103VisualSignature:before{
  content:"";
  position:absolute;
  inset:22% 4% 3% 3%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(117,230,242,.19),rgba(165,139,255,.12) 44%,transparent 72%);
  filter:blur(15px);
}
.v103SignatureOrb{
  position:absolute;
  z-index:1;
  top:-3px;
  right:-2px;
  width:112px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 16px 28px rgba(69,81,181,.27));
  opacity:.92;
  animation:v9-orbit-breathe 8s ease-in-out infinite;
}
.v103SignatureCompanion{
  position:absolute;
  z-index:2;
  left:2px;
  bottom:2px;
  width:96px;
  height:144px;
  object-fit:contain;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.3));
  animation:v9-float 6.8s ease-in-out infinite;
}
.v103VisualSignature figcaption{
  position:absolute;
  z-index:3;
  right:0;
  bottom:13px;
  display:flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:4px 8px;
  border:1px solid rgba(195,215,255,.16);
  border-radius:999px;
  background:rgba(8,12,31,.8);
  backdrop-filter:blur(12px);
  color:#cbd8eb;
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
  white-space:nowrap;
}
.v103VisualSignature figcaption i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--v9-mint);
  box-shadow:0 0 10px rgba(157,245,205,.7);
}
.lightSection .v103VisualSignature figcaption{
  border-color:rgba(42,57,106,.12);
  background:rgba(248,250,255,.84);
  color:#28344f;
  box-shadow:0 10px 26px rgba(52,65,115,.08);
}
.v103SignatureOnMedia{padding:0!important}
.v103SignatureOnMedia .v103VisualSignature{
  z-index:7;
  inset-inline-start:8px;
  inset-inline-end:auto;
  bottom:8px;
  width:142px;
  height:164px;
}
.v103SignatureOnMedia .v103SignatureOrb{width:88px;height:88px;right:0}
.v103SignatureOnMedia .v103SignatureCompanion{width:78px;height:117px}
.v103SignatureOnMedia .v103VisualSignature figcaption{bottom:5px;font-size:6px}

.v103OrbPinHost{position:relative!important;isolation:isolate}
.v103OrbPin{
  position:absolute!important;
  z-index:8!important;
  top:-18px!important;
  right:-16px!important;
  left:auto!important;
  bottom:auto!important;
  display:block!important;
  width:112px!important;
  height:112px!important;
  max-width:none!important;
  object-fit:contain!important;
  pointer-events:none;
  opacity:.94;
  filter:drop-shadow(0 18px 30px rgba(59,74,171,.3))!important;
  transform:none!important;
  animation:v9-orbit-breathe 7.6s ease-in-out infinite;
}
[dir="rtl"] .v103OrbPin{right:auto!important;left:-16px!important}

.v103MobileGuide{display:none}

@media(max-width:900px){
  .productStage .v103MobileGuide{
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:76px minmax(0,1fr) 64px;
    align-items:center;
    gap:10px;
    min-height:126px;
    margin:12px 0 10px;
    padding:10px 16px;
    overflow:hidden;
    border:1px solid rgba(198,216,255,.14);
    border-radius:22px;
    background:
      radial-gradient(circle at 12% 50%,rgba(117,230,242,.15),transparent 35%),
      radial-gradient(circle at 88% 40%,rgba(165,139,255,.15),transparent 37%),
      linear-gradient(135deg,rgba(17,24,55,.92),rgba(8,12,31,.94));
    box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,0,0,.22);
  }
  .v103GuideOrb{
    width:82px;
    height:82px;
    object-fit:contain;
    transform:translateX(-8px);
    filter:drop-shadow(0 14px 24px rgba(62,78,180,.26));
    animation:v9-orbit-breathe 7.6s ease-in-out infinite;
  }
  .v103MobileGuide span{position:relative;z-index:2;display:block;min-width:0}
  .v103MobileGuide small{display:block;color:var(--v9-cyan);font-size:8px;font-weight:900;letter-spacing:.12em}
  .v103MobileGuide b{display:block;margin-top:6px;color:#eff6ff;font-size:14px;line-height:1.2}
  .v103GuideCompanion{
    align-self:end;
    width:62px;
    height:94px;
    object-fit:contain;
    filter:drop-shadow(0 15px 24px rgba(0,0,0,.28));
    animation:v9-float 6.5s ease-in-out infinite;
  }
}

@media(max-width:680px){
  .v103SignatureHost:is(.quickMission,.quickStart,.conversionBand){
    min-height:0;
    padding-inline:23px!important;
    padding-bottom:142px!important;
  }
  .v103VisualSignature{
    inset-inline-end:10px;
    bottom:0;
    width:158px;
    height:137px;
  }
  .v103SignatureOrb{top:0;right:0;width:88px;height:88px}
  .v103SignatureCompanion{left:14px;bottom:0;width:70px;height:105px}
  .v103VisualSignature figcaption{right:0;bottom:9px;font-size:6px}
  .v103SignatureOnMedia .v103VisualSignature{width:120px;height:138px;inset-inline-start:5px;bottom:5px}
  .v103SignatureOnMedia .v103SignatureOrb{width:72px;height:72px}
  .v103SignatureOnMedia .v103SignatureCompanion{width:62px;height:94px}
  .v103SignatureOnMedia .v103VisualSignature figcaption{display:none}
  .v103OrbPin{top:-8px!important;right:-7px!important;width:72px!important;height:72px!important}
  [dir="rtl"] .v103OrbPin{right:auto!important;left:-7px!important}
  .productStage .v103MobileGuide{
    grid-template-columns:64px minmax(0,1fr) 54px;
    min-height:116px;
    gap:7px;
    padding:8px 11px;
    border-radius:19px;
  }
  .v103GuideOrb{width:70px;height:70px;transform:translateX(-7px)}
  .v103GuideCompanion{width:53px;height:81px}
  .v103MobileGuide small{font-size:7px;letter-spacing:.09em}
  .v103MobileGuide b{font-size:12px}
}

@media(max-width:380px){
  .v103SignatureHost:is(.quickMission,.quickStart,.conversionBand){padding-bottom:128px!important}
  .v103VisualSignature{width:144px;height:126px}
  .v103SignatureOrb{width:80px;height:80px}
  .v103SignatureCompanion{width:64px;height:96px}
  .productStage .v103MobileGuide{grid-template-columns:54px minmax(0,1fr) 47px;padding-inline:8px}
  .v103GuideOrb{width:60px;height:60px}
  .v103GuideCompanion{width:46px;height:72px}
  .v103MobileGuide b{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .v103SignatureOrb,.v103SignatureCompanion,.v103OrbPin,.v103GuideOrb,.v103GuideCompanion{animation:none!important}
}

@media print{
  .v103VisualSignature,.v103OrbPin,.v103MobileGuide{display:none!important}
}

/* v10.6 — premium editorial card imagery and collision-free hero signal.
   Shared by every localized homepage, including the legacy compact layouts. */
main[data-intent="homepage"] .missionSignatureV100{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:14px;
  font-weight:760;
  line-height:1.2;
  letter-spacing:.012em;
  filter:none!important;
  text-shadow:none!important;
}
main[data-intent="homepage"] .missionSignatureV100 svg{max-width:290px;filter:none!important}
main[data-intent="homepage"] .missionSignatureV100 svg circle{display:none}
main[data-intent="homepage"] .missionSignatureV100 svg text{fill:#fff!important;filter:none!important}

@media(min-width:681px){
  main[data-intent="homepage"] .productStage{min-height:760px}
  main[data-intent="homepage"] .productStage .productShell{
    inset:34px 0 152px 22px;
    transform:rotateY(-1.6deg) rotateX(.55deg);
  }
  main[data-intent="homepage"] .productStage .floatSignal{
    right:0;
    bottom:0;
    width:calc(100% - 22px);
    min-height:112px;
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    grid-template-areas:"label title" "label copy";
    align-items:center;
    gap:4px 20px;
    padding:20px 24px;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(15,22,51,.94),rgba(10,14,35,.96));
    animation:none;
    box-shadow:0 24px 64px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.055);
  }
  main[data-intent="homepage"] .productStage .floatSignal:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    border-radius:24px 0 0 24px;
    background:var(--v9-holo);
    opacity:.9;
  }
  main[data-intent="homepage"] .productStage .floatSignal small{
    grid-area:label;
    align-self:center;
    font-size:9px;
    letter-spacing:.12em;
  }
  main[data-intent="homepage"] .productStage .floatSignal b{
    grid-area:title;
    margin:0;
    font-size:15px;
  }
  main[data-intent="homepage"] .productStage .floatSignal p{
    grid-area:copy;
    margin:0;
    font-size:10px;
  }
}

main[data-intent="homepage"] .v104Visual{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid rgba(190,211,255,.13);
  background:#080c20;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 16px 42px rgba(0,0,0,.16);
}
main[data-intent="homepage"] .v104Visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(157,245,205,.03),transparent 42%,rgba(169,141,255,.08));
}
main[data-intent="homepage"] .v104Visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s ease;
}
main[data-intent="homepage"] .v104Visual:hover img{transform:scale(1.025);filter:saturate(1.06)}

main[data-intent="homepage"] .demoInput .v104DemoVisual{
  height:150px;
  margin:18px 0 14px;
  border-radius:18px;
}
main[data-intent="homepage"] .demoInput .v104DemoVisual img{object-position:center 58%}
main[data-intent="homepage"] .demoInput textarea{
  height:194px;
  margin:0 0 14px;
  background:linear-gradient(145deg,rgba(2,5,20,.68),rgba(9,14,34,.74));
}
main[data-intent="homepage"] .demoAnalyze.is-loading{
  pointer-events:none;
  filter:saturate(.75);
  opacity:.86;
}

main[data-intent="homepage"] .methodCard{
  min-height:445px;
  padding:20px;
  border-radius:28px;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}
main[data-intent="homepage"] .methodCard>.v9CardIcon{display:none}
main[data-intent="homepage"] .methodCard .v104MethodVisual{
  height:182px;
  margin:16px 0 20px;
  border-radius:20px;
}
main[data-intent="homepage"] .methodCard .v104MethodVisual img{object-position:center 50%}
main[data-intent="homepage"] .methodCard h3{margin:0 0 12px;font-size:22px}

main[data-intent="homepage"] .audienceCard{
  min-height:430px;
  padding:24px;
  border-radius:30px;
  background:rgba(12,17,40,.88);
}
main[data-intent="homepage"] .audienceCard>.v9CardIcon{display:none}
main[data-intent="homepage"] .audienceCard>.v104AudienceBackdrop{
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  width:100%;
  height:250px;
  object-fit:cover;
  object-position:center 42%;
  opacity:.78;
  filter:saturate(.9) contrast(1.04);
  transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .35s ease;
}
main[data-intent="homepage"] .audienceCard:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,10,27,.02) 0,rgba(7,10,27,.22) 38%,rgba(8,11,29,.94) 65%,rgba(8,11,29,.98) 100%);
}
main[data-intent="homepage"] .audienceCard:hover>.v104AudienceBackdrop{transform:scale(1.035);opacity:.88}
main[data-intent="homepage"] .audienceCard>*:not(.v104AudienceBackdrop){position:relative;z-index:2}
main[data-intent="homepage"] .audienceCard h3{margin:205px 0 12px;font-size:23px}
main[data-intent="homepage"] .audienceCard p{font-size:14px;line-height:1.65}

main[data-intent="homepage"] .sampleAnswer{min-height:610px;padding:24px}
main[data-intent="homepage"] .sampleAnswer .v104SampleVisual{
  height:205px;
  margin:18px 0;
  border-radius:20px;
}
main[data-intent="homepage"] .sampleAnswer .v104SampleVisual img{object-position:center 54%}
main[data-intent="homepage"] .sampleAnswer .sampleText{margin-top:0;font-size:17px;line-height:1.72}

main[data-intent="homepage"] .loopV4 .loopUnit{
  min-height:286px;
  padding:14px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
}
main[data-intent="homepage"] .loopUnit .v104LoopVisual{
  height:128px;
  margin:12px 0 17px;
  border-radius:17px;
}
main[data-intent="homepage"] .loopUnit .v104LoopVisual img{object-position:center 50%}
main[data-intent="homepage"] .loopUnit strong{margin-top:0;font-size:19px}

main[data-intent="homepage"] .offerCard:nth-child(2)>figure img{object-position:center 38%}
main[data-intent="homepage"] .offerCard:nth-child(3)>figure img{object-position:center 52%}
main[data-intent="homepage"] .splitMedia .mediaFrame img{object-position:center 34%}

.app .handoffNotice{
  margin:18px 0 22px;
  padding:15px 16px;
  border:1px solid rgba(116,231,243,.2);
  border-radius:16px;
  background:linear-gradient(125deg,rgba(116,231,243,.08),rgba(169,141,255,.07),rgba(255,145,200,.045));
  color:#dce8fa;
  font-size:13px;
  line-height:1.6;
}
.app .handoffNotice b{display:block;margin-bottom:3px;color:#f6f8ff}

@media(max-width:1050px){
  main[data-intent="homepage"] .methodCard{min-height:430px}
  main[data-intent="homepage"] .audienceCard{min-height:410px}
}
@media(max-width:680px){
  main[data-intent="homepage"] .productStage{min-height:0}
  main[data-intent="homepage"] .productStage .floatSignal{
    position:relative;
    right:auto;
    bottom:auto;
    width:auto;
    margin:12px 0 0;
    padding:16px;
    border-radius:18px;
    animation:none;
  }
  main[data-intent="homepage"] .demoInput .v104DemoVisual{height:142px}
  main[data-intent="homepage"] .demoInput textarea{height:220px}
  main[data-intent="homepage"] .methodCard{min-height:auto;padding:18px}
  main[data-intent="homepage"] .methodCard .v104MethodVisual{height:210px;margin-top:14px}
  main[data-intent="homepage"] .audienceCard{min-height:380px;padding:20px}
  main[data-intent="homepage"] .audienceCard>.v104AudienceBackdrop{height:220px}
  main[data-intent="homepage"] .audienceCard h3{margin-top:178px}
  main[data-intent="homepage"] .sampleAnswer{min-height:590px;padding:20px}
  main[data-intent="homepage"] .sampleAnswer .v104SampleVisual{height:175px}
  main[data-intent="homepage"] .loopV4 .loopUnit{min-height:auto;padding:16px}
  main[data-intent="homepage"] .loopUnit .v104LoopVisual{height:174px}
}

/* v10.6 — visual parity for compact localized homepage card systems. */
main[data-intent="homepage"] .cardGrid3 .glassCard{
  min-height:490px;
  padding:20px;
  border-radius:28px;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}
main[data-intent="homepage"] .cardGrid3 .glassCard>*{position:relative;z-index:1}
main[data-intent="homepage"] .cardGrid3 .glassCard .v106ValueVisual{
  height:210px;
  margin:16px 0 18px;
  border-radius:20px;
}
main[data-intent="homepage"] .cardGrid3 .glassCard .v106ValueVisual img{object-position:center 48%}
main[data-intent="homepage"] .cardGrid3 .glassCard h3{margin:0 0 12px;font-size:23px}
main[data-intent="homepage"] .cardGrid3 .glassCard p{font-size:14px;line-height:1.65}
main[data-intent="homepage"] .cardGrid3 .glassCard .cardLink{inset:auto 20px 20px}

main[data-intent="homepage"] .loopRail .loopStep{
  min-height:320px;
  padding:14px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
}
main[data-intent="homepage"] .loopRail .loopStep .v106LegacyLoopVisual{
  height:132px;
  margin:12px 0 17px;
  border-radius:17px;
}
main[data-intent="homepage"] .loopRail .loopStep strong{margin-top:0;font-size:19px}
main[data-intent="homepage"] .loopRail .loopStep p{line-height:1.55}

main[data-intent="homepage"] .humanGrid .statementCard:first-child{min-height:590px;padding:24px}
main[data-intent="homepage"] .humanGrid .statementCard .v106HumanVisual{
  height:285px;
  margin:18px 0 20px;
  border-radius:22px;
}
main[data-intent="homepage"] .humanGrid .statementCard .v106HumanVisual img{object-position:center 30%}
main[data-intent="homepage"] .humanGrid .statementCard .v106HumanVisual~h3{
  margin-top:0;
  font-size:clamp(31px,3.4vw,48px);
}

@media(max-width:1050px){
  main[data-intent="homepage"] .cardGrid3 .glassCard{min-height:470px}
  main[data-intent="homepage"] .loopRail .loopStep{min-height:305px}
}

@media(max-width:680px){
  main[data-intent="homepage"] .cardGrid3 .glassCard{min-height:445px;padding:18px}
  main[data-intent="homepage"] .cardGrid3 .glassCard .v106ValueVisual{height:205px;margin-top:14px}
  main[data-intent="homepage"] .loopRail .loopStep{min-height:auto;padding:16px}
  main[data-intent="homepage"] .loopRail .loopStep .v106LegacyLoopVisual{height:190px}
  main[data-intent="homepage"] .humanGrid .statementCard:first-child{min-height:auto;padding:20px}
  main[data-intent="homepage"] .humanGrid .statementCard .v106HumanVisual{height:230px;margin-top:14px}
}


/* v11.4 — Korean hero copy lock + reduced Korean typography. */
:lang(ko) .premiumHeroTitleV99.koHeroTitleV114{
  max-width:100%;
  font-size:clamp(40px,3.5vw,52px);
  line-height:1.085;
  letter-spacing:-.052em;
  text-wrap:balance;
}
:lang(ko) .premiumHeroTitleV99.koHeroTitleV114>span,
:lang(ko) .premiumHeroTitleV99.koHeroTitleV114>strong{display:block;white-space:nowrap}
:lang(ko) .koHeroTitleV114 .koHeroEmphasisV114{
  font:inherit;
  font-weight:950;
  background:linear-gradient(112deg,#9df5cd 0%,#75e6f2 38%,#a58bff 72%,#ff8fc6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:#75e6f2;
  -webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  :lang(ko) .koHeroTitleV114 .koHeroEmphasisV114{background:none;color:#75e6f2;-webkit-text-fill-color:currentColor}
}
@media(forced-colors:active){
  :lang(ko) .koHeroTitleV114 .koHeroEmphasisV114{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
}
@media(max-width:680px){
  :lang(ko) .premiumHeroTitleV99.koHeroTitleV114{
    font-size:clamp(25px,8.2vw,34px);
    line-height:1.105;
    letter-spacing:-.046em;
  }
}


/* === v122.2 hero overlap fixes === */
.productStage .v9Companion{inset-inline-start:-58px;bottom:-78px;width:96px;z-index:4}
.productStage .floatSignal{right:6px;bottom:10px;width:268px;padding-left:22px;z-index:6}
.productStage .floatSignal b{max-width:26ch}
@media(max-width:1400px){.productStage .floatSignal{right:0;width:252px}}
@media(max-width:1180px){.productStage .v9Companion{inset-inline-start:-36px;bottom:-54px;width:88px}}
@media(max-width:900px){.productStage .floatSignal{right:0;bottom:0;width:min(92%,260px)}}