:root{
    --bg:#050505;
    --ink:#f4f4f2;
    --ml:#ffe600;
    --shopee:#ee4d2d;
    --tiktok-cyan:#25F4EE;
    --tiktok-pink:#FE2C55;
    --orb:min(72vw, 48svh, 420px);
    --ease:cubic-bezier(.22,.72,.12,.98);
  }
  *{box-sizing:border-box}
  html,body{min-height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;overflow-y:auto}
  a,button{font:inherit;color:inherit}
  a{text-decoration:none}
  button{background:none;border:none;padding:0;cursor:pointer}
  img{display:block;max-width:100%}
  body{
    background:
      radial-gradient(circle at 50% 28%, rgba(255,255,255,.06), transparent 30%),
      radial-gradient(circle at 50% 60%, rgba(255,255,255,.018), transparent 38%),
      radial-gradient(circle at 22% 16%, rgba(255,255,255,.045), transparent 20%),
      radial-gradient(circle at 80% 85%, rgba(255,255,255,.03), transparent 20%),
      linear-gradient(180deg, #080808 0%, #050505 100%);
  }
  .page{position:relative;min-height:100svh;isolation:isolate;overflow-x:hidden;overflow-y:visible;}
  .page::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center, #000 10%, transparent 76%)}
  .page::after{content:"";display:none;}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}
  .wrap{position:relative;z-index:1;min-height:100svh;display:grid;place-items:center;padding:clamp(18px,3vh,28px) 18px clamp(22px,3vh,32px);}
  .stack{width:min(100%, 820px);max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,18px);}
  .orbital-zone{position:relative;width:100%;display:grid;place-items:center;min-height:clamp(330px,56svh,620px);perspective:1600px;}
  .orbital-halo, .orbital-halo::before{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;pointer-events:none;}
  .orbital-halo{width:calc(var(--orb) * 1.34);height:calc(var(--orb) * 1.10);border:1px solid rgba(255,255,255,.055);opacity:.62;box-shadow:0 0 24px rgba(255,255,255,.012);}
  .orbital-halo::before{display:none;}
  .orbit-field{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .45s ease, transform .6s var(--ease);}
  .page.is-back .orbit-field{opacity:0;transform:scale(.92);}
  .orbit-item{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;pointer-events:auto;}
  .orbit-node{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:24px;background:transparent;border:none;box-shadow:none;overflow:visible;transition:transform .25s ease, filter .25s ease;}
  .orbit-node img{width:100%;height:100%;object-fit:contain;border-radius:22px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.42));}
  .orbit-item--ml .orbit-node img{transform:scale(1.02);}
  .orbit-item--shopee .orbit-node img{transform:scale(1.02);}
  .orbit-item--tiktok .orbit-node img{transform:scale(1.12);}
  .orbit-item:hover .orbit-node{transform:scale(1.10) translateY(-1px);filter:brightness(1.06);} 
  .orbit-label{position:absolute;left:50%;top:calc(100% + 10px);translate:-50% 0;padding:6px 10px;border-radius:999px;background:rgba(8,8,10,.88);border:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d8d9d7;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .24s ease, transform .24s ease;pointer-events:none;}
  .orbit-item:hover .orbit-label{opacity:1;transform:translateY(0)}
  .center-stage{position:relative;display:grid;place-items:center;}
  .orb-shell{position:relative;width:var(--orb);aspect-ratio:1;transform-style:preserve-3d;filter:drop-shadow(0 30px 70px rgba(0,0,0,.45));transition:transform .55s var(--ease);}
  .orb-shell.is-pressing{transform:scale(.985)}
  .logo-plate{position:absolute;inset:0;display:grid;place-items:center;z-index:5;transition:transform .85s var(--ease), opacity .48s ease, filter .48s ease;transform-style:preserve-3d;}
  .logo-plate img{width:118%;max-width:none;height:auto;transform:translateX(6%);filter:brightness(.82) contrast(1.08) drop-shadow(0 20px 42px rgba(0,0,0,.45));user-select:none;pointer-events:none;}
  .sphere-core{position:absolute;inset:5.5%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 24%, rgba(255,255,255,.16), transparent 18%),radial-gradient(circle at 68% 72%, rgba(183,255,37,.10), transparent 25%),linear-gradient(160deg, rgba(20,20,24,.96), rgba(6,6,8,.98));border:1px solid rgba(255,255,255,.18);box-shadow:inset -38px -24px 70px rgba(0,0,0,.72),inset 24px 16px 42px rgba(255,255,255,.04),0 22px 64px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.03);opacity:.34;transform:scale(.86) translateZ(0);transition:transform .9s var(--ease), opacity .55s ease, box-shadow .6s ease;}
  .sphere-core::before{content:"";position:absolute;inset:5%;border-radius:50%;border:2px solid rgba(255,255,255,.86);opacity:.9;}
  .sphere-core::after{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle at 34% 20%, rgba(255,255,255,.18), transparent 22%), radial-gradient(circle at 72% 82%, rgba(183,255,37,.12), transparent 28%);mix-blend-mode:screen;animation:sphereLight 7s ease-in-out infinite alternate;opacity:.7;}
  @keyframes sphereLight{to{transform:translate(7%,-4%) rotate(10deg)}}
  .sphere-back{position:absolute;inset:0;display:grid;place-items:center;z-index:6;padding:16% 13%;opacity:0;transform:scale(.92);transition:opacity .45s ease .18s, transform .7s var(--ease) .08s;pointer-events:none;}
  .sphere-copy{text-align:center;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:12px;}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#dfe1dc;}
  .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#b7ff25;box-shadow:0 0 12px rgba(183,255,37,.7);}
  .sphere-copy p{margin:0;color:#e9ebe7;font-size:clamp(12px, 1.5vw, 16px);line-height:1.62;}
  .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:2px;}
  .stat-card{padding:12px 10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
  .stat-card strong{display:block;font-size:clamp(21px, 3vw, 28px);line-height:1;color:#fff;font-weight:900;letter-spacing:-.04em;}
  .stat-card span{display:block;margin-top:6px;color:#cfd1cc;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;}
  .sphere-hint{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bfc1bd;opacity:.86;}
  .page.is-back .logo-plate{opacity:0;transform:scale(.78) rotateY(110deg);filter:blur(10px)}
  .page.is-back .sphere-core{opacity:1;transform:scale(1);box-shadow:inset -46px -28px 78px rgba(0,0,0,.76), inset 26px 18px 46px rgba(255,255,255,.05), 0 28px 82px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.04);}
  .page.is-back .sphere-back{opacity:1;transform:scale(1);pointer-events:auto;}
  .tap-note{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:#d2d4d1;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s ease, transform .3s ease;}
  .tap-note__dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(183,255,37,.65);position:relative;}
  .tap-note__dot::after{content:"";position:absolute;inset:1px;border-radius:50%;background:#b7ff25;animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{transform:scale(.5);opacity:.35}50%{transform:scale(1);opacity:1}}
  .page.is-back .tap-note{opacity:0;transform:translateY(-8px);pointer-events:none;}
  .links-panel{width:min(100%, 460px);max-width:calc(100vw - 28px);display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);pointer-events:none;transition:max-height .58s var(--ease),opacity .42s ease,transform .6s var(--ease);}
  .page.is-back .links-panel{max-height:260px;overflow:visible;opacity:1;transform:translateY(0);pointer-events:auto;}
  .link-btn{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;padding:14px 18px;border-radius:20px;background:rgba(10,10,12,.8);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;isolation:isolate;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
  .link-btn::before{content:"";position:absolute;inset:0;z-index:-2;transform:scaleX(0);transform-origin:left center;transition:transform .38s var(--ease), opacity .25s ease;opacity:.96;}
  .link-btn::after{content:"";position:absolute;inset:1px;border-radius:19px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));z-index:-1;pointer-events:none;}
  .link-btn[data-brand="ml"]::before{background:linear-gradient(90deg, rgba(255,230,0,1), rgba(255,230,0,.92));}
  .link-btn[data-brand="shopee"]::before{background:linear-gradient(90deg, rgba(238,77,45,1), rgba(255,104,75,.95));}
  .link-btn[data-brand="tiktok"]::before{background:linear-gradient(90deg, rgba(18,18,22,.96), rgba(18,18,22,.98));opacity:1;}
  .link-btn[data-brand="tiktok"] .tt-ring{position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(90deg, var(--tiktok-cyan), rgba(255,255,255,.0) 32%, rgba(255,255,255,.0) 68%, var(--tiktok-pink));mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .28s ease;pointer-events:none;}
  .link-btn:hover, .link-btn:focus-visible, .link-btn.is-active{transform:translateY(-2px) scale(1.01);border-color:rgba(255,255,255,.20);box-shadow:0 18px 42px rgba(0,0,0,.32), 0 0 28px rgba(255,255,255,.05);outline:none;}
  .link-btn:hover::before, .link-btn:focus-visible::before, .link-btn.is-active::before{transform:scaleX(1);}
  .link-btn[data-brand="tiktok"]:hover .tt-ring, .link-btn[data-brand="tiktok"]:focus-visible .tt-ring, .link-btn[data-brand="tiktok"].is-active .tt-ring{opacity:1;}
  .link-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;overflow:hidden;flex:none;}
  .link-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
  .link-name{font-size:clamp(18px, 2.2vw, 20px);font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .link-arrow{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);transition:transform .28s ease, background .28s ease, border-color .28s ease;}
  .link-arrow svg{width:18px;height:18px}
  .link-chip{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .24s ease, transform .3s var(--ease);pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
  .link-chip::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.95}
  .link-btn:hover .link-chip, .link-btn:focus-visible .link-chip, .link-btn.is-active .link-chip{opacity:1;transform:translate(-50%,-50%) scale(1);}
  .link-btn:hover .link-arrow, .link-btn:focus-visible .link-arrow, .link-btn.is-active .link-arrow{transform:translateX(3px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
  .link-btn[data-brand="ml"]:hover .link-name, .link-btn[data-brand="ml"].is-active .link-name, .link-btn[data-brand="ml"]:focus-visible .link-name,
  .link-btn[data-brand="ml"]:hover .link-chip, .link-btn[data-brand="ml"].is-active .link-chip{color:#111}
  .link-btn[data-brand="shopee"]:hover .link-name, .link-btn[data-brand="shopee"].is-active .link-name, .link-btn[data-brand="shopee"]:focus-visible .link-name,
  .link-btn[data-brand="shopee"]:hover .link-chip, .link-btn[data-brand="shopee"].is-active .link-chip{color:#fff}
  .link-btn[data-brand="tiktok"] .link-chip{background:rgba(255,255,255,.04);color:#fff}
  .footer-tip{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b7b9b5;opacity:.9;text-align:center;padding-top:4px;}
  /* V9: intrinsic content sizing; one DOM, two compositions. */
  :root{--orb:min(72vw,460px);--node:72px;--ease:cubic-bezier(.16,1,.3,1)}
  html,body{overflow-x:clip}
  .page{overflow:clip;min-height:100svh}
  .wrap{padding:32px 24px;min-height:100svh}
  .stack{width:min(100%,860px);gap:18px}
  .orbital-zone{min-height:0;height:auto;padding:54px 0;width:100%;flex:none}
  .center-stage{width:var(--orb);min-height:var(--orb);perspective:1400px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--ease)}
  .orb-shell{width:var(--orb);height:var(--orb);aspect-ratio:1;transform:rotateY(0deg);transition:transform 1.1s var(--ease);filter:drop-shadow(0 26px 56px #0008)}
  .orb-shell.is-pressing{scale:.985}
  .page.is-back .orb-shell{transform:rotateY(-180deg)}
  .logo-plate{backface-visibility:hidden;transition:opacity .35s ease}
  .page.is-back .logo-plate{transform:none;filter:none;opacity:0}
  .sphere-core{transition:opacity .5s ease,transform 1.1s var(--ease);inset:0}
  .sphere-core::before{border-width:1px;opacity:.35}
  .sphere-core::after{animation:none}
  .sphere-back{width:100%;min-width:0;padding:clamp(24px,calc(var(--orb) * .13),68px);transition:opacity .45s ease .2s,transform .85s var(--ease);transform:rotateY(38deg) scale(.96);visibility:hidden;pointer-events:none}
  .page.is-back .sphere-back{visibility:visible;pointer-events:auto;transform:rotateY(0deg) scale(1)}
  .sphere-copy{width:100%;max-width:none;min-width:0;gap:clamp(10px,calc(var(--orb) * .028),16px)}
  .sphere-copy p{font-size:clamp(13px,calc(var(--orb) * .034),17px);line-height:1.6;overflow-wrap:break-word}
  .eyebrow{font-size:clamp(9px,calc(var(--orb) * .023),11px);letter-spacing:.12em;max-width:100%;padding:7px 10px}
  .eyebrow::before{flex:none}
  .sphere-hint{font-size:10px;line-height:1.5;letter-spacing:.10em;padding:8px 4px}
  .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px;margin:0;align-items:stretch;container-type:inline-size}
  .stat-card{min-width:0;display:grid;grid-template-rows:auto 1fr;align-items:start;gap:8px;padding:14px 10px;border-radius:16px;text-align:left;background:linear-gradient(145deg,#ffffff0c,#ffffff03);backdrop-filter:none}
  .stat-card strong{font-size:clamp(22px,calc(var(--orb) * .067),34px);line-height:1.15;letter-spacing:-.045em;white-space:nowrap}
  .stat-card span{font-size:clamp(10px,calc(var(--orb) * .025),12px);line-height:1.5;letter-spacing:.025em;margin:0;overflow-wrap:break-word;text-wrap:balance}
  .details-panel{width:min(100%,480px);min-width:0;display:grid;gap:18px}
  .desktop-intro{display:none}
  .company-slot:empty,.stats-slot:empty{display:none}
  .stats-slot,.company-slot{min-width:0}
  .stats-slot{display:none}
  .page.is-back .stats-slot:not(:empty){display:block}
  .links-panel,.page.is-back .links-panel{width:100%;max-width:none;max-height:none;min-width:0;gap:10px;overflow:visible;transform:none;transition:none}
  .links-panel{display:none}
  .page.is-back .links-panel{display:flex}
  .link-btn{min-height:66px;opacity:1;transform:none}
  .page.is-back .link-btn{animation:linkReveal .75s var(--ease) both;animation-delay:calc(.16s + var(--i) * .08s)}
  .link-btn:nth-child(1){--i:0}.link-btn:nth-child(2){--i:1}.link-btn:nth-child(3){--i:2}
  @keyframes linkReveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
  .link-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;font-size:clamp(17px,1.5vw,21px)}
  .link-btn:focus-visible,.orb-shell:focus-visible,.orbit-item:focus-visible,.sphere-hint:focus-visible{outline:2px solid #b7ff25;outline-offset:5px}
  .orb-shell:focus-visible{border-radius:50%}
  .page.is-back .tap-note{display:none}
  .tap-note__dot::after{animation:none}
  .orbit-item{width:var(--node);height:var(--node);margin:calc(var(--node) / -2) 0 0 calc(var(--node) / -2);border-radius:22px}
  .orbit-field{transform:none;transition:opacity .4s ease}
  .page.is-back .orbit-field{transform:none;pointer-events:none}
  .page.is-back .orbit-item{pointer-events:none}
  .orbital-halo{width:var(--orbit-width,calc(var(--orb) * 1.25));height:var(--orbit-height,calc(var(--orb) * 1.07));opacity:.6}
  .orbit-label{letter-spacing:.04em}
  .orbit-item:focus-visible .orbit-label{opacity:1;transform:none}
  .footer-tip{font-size:10px;line-height:1.6;letter-spacing:.12em;max-width:100%;padding:0}
  /* Two deliberate moments: a quiet arrival and the sphere-to-stores reveal. */
  .orbital-zone{animation:arrival 1.35s var(--ease) both}
  @keyframes arrival{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
  /* JS measures the circle, moves the same cards, and falls back for zoom/long copy. */
  .page.cards-external .sphere-back{padding:clamp(26px,calc(var(--orb) * .14),64px)}
  .page.copy-external .sphere-back{display:none}
  .page.copy-external:not(.desktop-mode) .company-slot{display:none}
  .page.copy-external.is-back:not(.desktop-mode) .company-slot{display:block}
  .page.copy-external:not(.desktop-mode) .company-slot .sphere-copy{padding:22px;border:1px solid #ffffff18;border-radius:24px;background:#111;align-items:flex-start;text-align:left}
  .stats-slot .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr))}
  @media (max-width:860px){
    :root{--orb:min(76vw,430px);--node:64px}
    .wrap{padding:26px 22px}.stack{gap:16px}
    .stats-grid{gap:8px}.stat-card{padding:12px 9px}
  }
  @media (max-width:640px){
    :root{--orb:min(76vw,350px);--node:56px}
    .wrap{padding:22px 18px 28px}.orbital-zone{padding:44px 0}
    .stack{gap:14px}.details-panel{gap:14px}
    .link-btn{min-height:62px;padding:12px 15px;border-radius:18px;gap:11px}
    .link-icon{width:32px;height:32px}.link-arrow{width:34px;height:34px}
    .tap-note{font-size:10px;letter-spacing:.1em;padding:10px 12px}
    .stats-slot .stats-grid{grid-template-columns:1fr;gap:8px}
    .stats-slot .stat-card{grid-template-columns:minmax(72px,.65fr) minmax(0,1.35fr);grid-template-rows:auto;align-items:center;gap:14px;padding:12px 16px}
    .stats-slot .stat-card strong{font-size:25px}
    .stats-slot .stat-card span{font-size:12px;text-wrap:wrap}
  }
  @media (max-width:430px){
    :root{--orb:min(76vw,316px);--node:50px}
    .wrap{padding-inline:16px}.sphere-copy p{font-size:13px;line-height:1.5}
    .sphere-copy{gap:9px}.eyebrow{font-size:9px;letter-spacing:.07em;padding:6px 8px}
    .sphere-hint{font-size:9px;letter-spacing:.04em;padding:6px 0}
    .footer-tip{font-size:9px}
  }
  @media (max-height:820px){
    :root{--orb:min(76vw,340px)}
    .wrap{padding-block:20px}.orbital-zone{padding-block:42px}
    .stack{gap:12px}
  }
  @media (max-height:699px){
    :root{--orb:min(70vw,280px);--node:50px}
    .stats-slot .stats-grid{grid-template-columns:1fr}
    .stats-slot .stat-card{grid-template-columns:minmax(72px,.65fr) minmax(0,1.35fr);grid-template-rows:auto;align-items:center;gap:14px}
  }
  @media (min-width:1024px) and (min-height:700px){
    :root{--orb:min(36vw,57svh,580px);--node:76px}
    .wrap{padding:36px clamp(32px,4vw,96px)}
    .stack{width:min(100%,1440px);display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);column-gap:clamp(36px,5vw,100px);row-gap:20px;align-items:center}
    .orbital-zone{grid-column:1;grid-row:1;align-self:center;padding:58px 0}
    .details-panel{grid-column:2;grid-row:1;width:100%;max-width:540px;gap:clamp(16px,2.3svh,26px)}
    .desktop-intro{display:block;animation:arrival 1.1s .12s var(--ease) both}
    .intro-kicker{font-size:10px;font-weight:600;letter-spacing:.19em;color:#bfc0b9}
    h1{font-size:clamp(54px,5.4vw,88px);line-height:.99;letter-spacing:-.065em;font-weight:800;margin:20px 0 16px}
    h1 em{font-style:normal;color:#b7ff25}
    .desktop-intro p{font-size:clamp(13px,1.1vw,16px);line-height:1.5;color:#a6a8a1;margin:0}
    .company-slot{display:none}
    .page.is-back .company-slot{display:block}
    .company-slot .sphere-copy{align-items:flex-start;text-align:left;gap:12px}
    .company-slot .sphere-copy p{font-size:14px;max-width:48ch}
    .company-slot .eyebrow{display:none}
    .company-slot .sphere-hint{position:absolute;left:0;bottom:0}
    .company-slot .stats-grid{margin-top:4px;gap:10px}
    .company-slot .stat-card strong{font-size:clamp(25px,2.2vw,36px)}
    .company-slot .stat-card span{font-size:11px}
    .tap-note{grid-column:1;grid-row:2;justify-self:center}
    .footer-tip{grid-column:2;grid-row:2;text-align:left}
    .page.is-back .sphere-back{display:grid;pointer-events:none}
    .page.is-back .sphere-back::after{content:"Seu lar.\A Nossa conexão.";white-space:pre-line;text-align:center;font-size:clamp(30px,3.6vw,58px);font-weight:750;line-height:1.1;letter-spacing:-.05em;color:#e8ece1}
    .page.is-back .orb-shell{cursor:pointer}
    .page.is-back .details-panel{position:relative;padding-bottom:34px}
    .page.is-back .tap-note{display:flex;visibility:hidden}
  }
  @media (min-width:1024px) and (min-height:700px) and (max-height:820px){
    .wrap{padding-block:24px}.details-panel{gap:16px}
    h1{font-size:clamp(50px,4.6vw,70px);margin:14px 0 10px}
    .company-slot .sphere-copy{gap:10px}.company-slot .sphere-copy p{font-size:13px}
    .company-slot .stat-card{padding:12px 10px}.link-btn{min-height:58px;padding-block:10px}
  }
  .page.copy-external:not(.desktop-mode).is-back .sphere-back{display:grid;pointer-events:none}
  .page.copy-external:not(.desktop-mode).is-back .sphere-back::after{content:"Mais para o seu lar.";font-size:clamp(26px,calc(var(--orb) * .11),38px);font-weight:800;letter-spacing:-.05em;line-height:1.12;text-align:center}
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    .center-stage{transform:none!important}
  }


  /* V10: store access first in the vertical layout. Shorter open-state margins
     leave room for all three links on typical 320–430px phones. */
  @media (max-width:1023px), (max-height:699px){
    .page.is-back .orbital-zone{padding-block:18px}
    .page.is-back .wrap{align-items:start;padding-top:18px}
    .page.is-back .stack{gap:12px}
    .page.is-back .links-panel{scroll-margin-top:16px}
    .page.is-back .company-slot .sphere-hint{font-size:11px;letter-spacing:.04em}
  }
  @media (hover:none) and (pointer:coarse){
    .link-btn{backdrop-filter:none;-webkit-backdrop-filter:none}
  }