@import url('/apilos/style-base.css');

.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 12px;color:#0a0d14;background:#fff;border:2px solid currentColor;font-size:13px;font-weight:800;transform:translateY(-180%);transition:transform .15s ease}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible{outline:3px solid #d9ff67;outline-offset:3px}
.portal-menu-button{min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer}
.portal-mobile-nav[hidden]{display:none!important}
.portal-mobile-nav a[aria-current="page"]{color:var(--portal-lime)}

/* YCC brand mark */
.portal-header .portal-mark{width:48px;height:48px;flex:0 0 48px;background-image:var(--ycc-logo,radial-gradient(circle at 35% 35%,#85dfd1 0 13%,transparent 14%),radial-gradient(circle at 68% 32%,#bd79ba 0 13%,transparent 14%),radial-gradient(circle at 35% 70%,#d7ed68 0 13%,transparent 14%),radial-gradient(circle at 68% 68%,#ff8c79 0 13%,transparent 14%));background-size:cover;background-position:center;border-radius:50%;box-shadow:0 0 0 1px rgba(10,13,20,.08)}
.portal-header .portal-mark>*{display:none}
.portal-header{min-height:88px;background:rgba(248,246,241,.94);border-bottom:1px solid rgba(10,13,20,.10)}
.portal-header .portal-brand{gap:13px}
.portal-header .portal-brand strong{font-size:16px;letter-spacing:-.055em}
.portal-header .portal-brand small{color:#77706a;font-size:9px;letter-spacing:.08em}
.portal-contact{border-radius:999px;background:#15151a;padding:12px 18px;transition:transform .18s ease,background .18s ease}
.portal-contact:hover{background:#6f4bff;transform:translateY(-1px)}

/* HOME — Convergence / Consilience */
.fusion-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);min-height:760px;background:linear-gradient(135deg,#fbfaf7 0%,#f5f0e8 55%,#f1edf9 100%);overflow:hidden}
.fusion-copy{display:flex;flex-direction:column;justify-content:center;padding:110px 6.5vw 120px}
.fusion-kicker,.fusion-section-head>span,.fusion-manifesto>span{font-size:10px;font-weight:800;letter-spacing:.19em;color:#6f4bff}
.fusion-copy h1{max-width:830px;margin:28px 0 0;font-size:clamp(58px,6vw,92px);font-weight:800;letter-spacing:-.092em;line-height:1.02;color:#111116}
.fusion-copy h1 em{font-style:normal;background:linear-gradient(90deg,#6f4bff 0%,#b34fa8 42%,#ff7e67 74%,#8ecf45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fusion-copy>p{margin:34px 0 0;color:#6f6964;font-size:14px;font-weight:700;letter-spacing:.05em}
.fusion-actions{display:flex;gap:12px;margin-top:46px}
.fusion-actions a{display:inline-flex;align-items:center;gap:10px;padding:15px 18px;border:1px solid rgba(17,17,22,.18);border-radius:999px;color:#16161b;font-size:12px;font-weight:800}
.fusion-actions a.is-primary{border-color:#17171c;background:#17171c;color:#fff}
.fusion-actions a:hover{transform:translateY(-2px)}

.fusion-visual{position:relative;display:grid;place-items:center;min-height:760px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(255,255,255,.64) 41%,rgba(234,228,244,.55) 78%,rgba(230,222,239,.8) 100%)}
.fusion-visual::before{position:absolute;inset:8% 6%;content:"";border:1px solid rgba(17,17,22,.07);border-radius:50%;transform:rotate(-8deg)}
.fusion-visual::after{position:absolute;width:66%;aspect-ratio:1;content:"";border:1px solid rgba(17,17,22,.06);border-radius:50%;transform:rotate(19deg)}
.fusion-orbit{position:relative;width:min(76%,590px);aspect-ratio:1}
.fusion-ycc{position:absolute;z-index:5;top:50%;left:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);background-image:var(--ycc-logo,radial-gradient(circle,#fff 0 55%,#e8e2ef 56%));background-size:cover;background-position:center;border-radius:50%;box-shadow:0 22px 70px rgba(84,57,108,.13)}
.orb{position:absolute;border-radius:50%;filter:saturate(.9);mix-blend-mode:multiply;box-shadow:0 10px 30px rgba(30,20,50,.07);animation:fusionFloat 8s ease-in-out infinite alternate}
.orb-1{width:20%;aspect-ratio:1;top:3%;left:27%;background:#8edfd0}
.orb-2{width:14%;aspect-ratio:1;top:16%;right:10%;background:#d5ef64;animation-delay:-2s}
.orb-3{width:18%;aspect-ratio:1;right:1%;bottom:31%;background:#b8a2ff;animation-delay:-5s}
.orb-4{width:13%;aspect-ratio:1;right:20%;bottom:6%;background:#ff987f;animation-delay:-1s}
.orb-5{width:21%;aspect-ratio:1;bottom:0;left:25%;background:#ef86c4;animation-delay:-4s}
.orb-6{width:15%;aspect-ratio:1;bottom:16%;left:3%;background:#88a5ff;animation-delay:-3s}
.orb-7{width:11%;aspect-ratio:1;top:29%;left:0;background:#efc86a}
.orb-8{width:8%;aspect-ratio:1;top:5%;right:29%;background:#d884c9;animation-delay:-6s}
.orb-9{width:7%;aspect-ratio:1;top:43%;right:5%;background:#70d4c7;animation-delay:-3s}
.orb-10{width:9%;aspect-ratio:1;bottom:9%;right:36%;background:#9fd551;animation-delay:-7s}
.orb-11{width:6%;aspect-ratio:1;top:14%;left:14%;background:#ff826d;animation-delay:-4s}
.orb-12{width:5%;aspect-ratio:1;bottom:35%;left:12%;background:#9d73df;animation-delay:-2s}
.fusion-visual-note{position:absolute;right:34px;bottom:32px;color:#68616f;font-size:9px;font-weight:800;letter-spacing:.14em}
@keyframes fusionFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8px,-10px,0) scale(1.04)}}

.fusion-manifesto{padding:150px 8vw 160px;background:#fff}
.fusion-manifesto h2{max-width:1120px;margin:28px 0 0;font-size:clamp(46px,5.4vw,82px);letter-spacing:-.085em;line-height:1.08;color:#15151a}
.fusion-manifesto h2 em{font-style:normal;color:#7a50ff}
.fusion-manifesto p{margin:36px 0 0;color:#7c756f;font-size:15px}

.fusion-spectrum{padding:120px 6vw 135px;background:#17171c;color:#fff}
.fusion-section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:52px}
.fusion-section-head>span{color:#aaa3b3}
.fusion-section-head h2{margin:0;font-size:clamp(42px,4.8vw,72px);letter-spacing:-.082em;line-height:1.05}
.fusion-spectrum-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:14px}
.spectrum-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px 27px;border-radius:28px;overflow:hidden;color:#17171c}
.spectrum-card::after{position:absolute;right:-15%;bottom:-38%;width:62%;aspect-ratio:1;content:"";border:1px solid rgba(17,17,22,.18);border-radius:50%}
.spectrum-card span{font-size:10px;font-weight:800;letter-spacing:.15em;opacity:.65}
.spectrum-card strong{position:relative;z-index:1;font-size:clamp(38px,4vw,58px);letter-spacing:-.08em}
.spectrum-card:nth-child(1){grid-column:span 4;grid-row:span 2;background:#5570ff;color:#fff}
.spectrum-card:nth-child(2){grid-column:span 3;grid-row:span 2;background:#9ce3d5}
.spectrum-card:nth-child(3){grid-column:span 5;grid-row:span 2;background:#d9ef72}
.spectrum-card:nth-child(4){grid-column:span 5;grid-row:span 2;background:#cdb9ff}
.spectrum-card:nth-child(5){grid-column:span 3;grid-row:span 2;background:#ff927b}
.spectrum-card:nth-child(6){grid-column:span 4;grid-row:span 2;background:#b65bac;color:#fff}

.fusion-field{padding:150px 6vw 155px;background:#f7f4ee}
.fusion-field .fusion-section-head>span{color:#756e67}
.fusion-field .fusion-section-head h2{color:#16161b}
.fusion-field-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:18px;align-items:stretch}
.fusion-field-card{position:relative;min-height:560px;overflow:hidden;border-radius:34px;background:#111}
.fusion-field-card img{width:100%;height:100%;min-height:560px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fusion-field-card:hover img{transform:scale(1.025)}
.fusion-field-card::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 45%,rgba(12,12,16,.72) 100%)}
.fusion-field-card>div{position:absolute;z-index:2;right:32px;bottom:30px;left:32px;display:grid;gap:9px;color:#fff}
.fusion-field-card>div span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#dfff80}
.fusion-field-card>div strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.055em}

.fusion-entry{display:grid;grid-template-columns:repeat(4,1fr);padding:0 6vw 140px;background:#fff}
.fusion-entry a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:24px 0;border-top:1px solid rgba(17,17,22,.16);margin-right:28px}
.fusion-entry a:last-child{margin-right:0}
.fusion-entry .dot{width:10px;height:10px;border-radius:50%}
.dot-blue{background:#5570ff}.dot-mint{background:#81d9c8}.dot-coral{background:#ff8068}.dot-plum{background:#aa52a2}
.fusion-entry strong{font-size:15px}
.fusion-entry small{color:#9a928a;font-size:9px}
.fusion-live{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:34px 6vw;background:linear-gradient(90deg,#6f4bff,#a44eaa 48%,#f17771 100%);color:#fff}
.fusion-live span{font-size:10px;font-weight:800;letter-spacing:.18em}
.fusion-live strong{justify-self:center;font-size:20px;letter-spacing:-.04em}
.fusion-live i{font-style:normal;font-size:20px}

@media (max-width:1020px){
  .fusion-hero{grid-template-columns:1fr 44%}
  .fusion-copy{padding-left:6vw;padding-right:5vw}
  .fusion-spectrum-grid{grid-auto-rows:130px}
  .spectrum-card:nth-child(1),.spectrum-card:nth-child(6){grid-column:span 5}
  .spectrum-card:nth-child(2),.spectrum-card:nth-child(5){grid-column:span 3}
  .spectrum-card:nth-child(3),.spectrum-card:nth-child(4){grid-column:span 4}
}

@media (max-width:840px){
  .portal-header{min-height:76px}
  .portal-header .portal-mark{width:42px;height:42px;flex-basis:42px}
  .fusion-hero{grid-template-columns:1fr;min-height:0}
  .fusion-copy{padding:86px 7vw 82px}
  .fusion-copy h1{font-size:clamp(50px,12.2vw,72px)}
  .fusion-visual{min-height:520px}
  .fusion-orbit{width:min(72%,500px)}
  .fusion-manifesto{padding:110px 7vw 120px}
  .fusion-manifesto h2{font-size:clamp(42px,10vw,64px)}
  .fusion-section-head{display:block}
  .fusion-section-head h2{margin-top:16px}
  .fusion-spectrum{padding:92px 6vw 105px}
  .fusion-spectrum-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}
  .spectrum-card:nth-child(n){grid-column:span 1;grid-row:span 1}
  .fusion-field{padding:110px 6vw}
  .fusion-field-grid{grid-template-columns:1fr}
  .fusion-field-card,.fusion-field-card img{min-height:460px}
  .fusion-entry{grid-template-columns:1fr 1fr;padding-bottom:100px}
  .fusion-entry a{margin-right:22px}
}

@media (max-width:520px){
  .portal-header .portal-brand strong{font-size:14px}
  .portal-header .portal-brand small{font-size:8px}
  .fusion-copy{padding:72px 6vw 70px}
  .fusion-copy h1{font-size:46px;line-height:1.06}
  .fusion-copy>p{font-size:12px;line-height:1.8}
  .fusion-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:38px}
  .fusion-actions a{justify-content:center;padding:14px 10px}
  .fusion-visual{min-height:400px}
  .fusion-orbit{width:78%}
  .fusion-visual-note{right:18px;bottom:18px;font-size:8px}
  .fusion-manifesto{padding:92px 6vw 100px}
  .fusion-manifesto h2{font-size:40px;line-height:1.12}
  .fusion-manifesto p{font-size:13px}
  .fusion-spectrum{padding:80px 5vw 88px}
  .fusion-section-head h2{font-size:40px}
  .fusion-spectrum-grid{grid-auto-rows:190px;gap:10px}
  .spectrum-card{padding:20px;border-radius:22px}
  .spectrum-card strong{font-size:35px}
  .fusion-field{padding:90px 5vw 96px}
  .fusion-field-card,.fusion-field-card img{min-height:360px;border-radius:26px}
  .fusion-field-card>div{right:22px;bottom:22px;left:22px}
  .fusion-entry{grid-template-columns:1fr;padding:0 6vw 90px}
  .fusion-entry a{margin-right:0}
  .fusion-live{padding:28px 6vw}
  .fusion-live strong{justify-self:start;font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}