:root{--mint: #b4dce1;--mint-2: #cbe9ec;--cream: #fff8ef;--white: #ffffff;--ink: #2b565b;--a1: #ff93ae;--a2: #ffd25e;--forest: #29A0A3;--forest-2: #1F8386;--dark-bg-1: #3c4a52;--dark-bg-2: #1b2226;--peach: #ffead1;--warm-bg: #fff8ef;--radius: 22px;--radius-lg: 34px;--shadow: 0 18px 40px -22px rgba(43, 86, 91, .45);--ease: cubic-bezier(.34, 1.56, .64, 1);--maxw: 900px;--font-display: "Fredoka", "Zen Maru Gothic", system-ui, sans-serif;--font-body: "Fredoka", "Zen Maru Gothic", system-ui, sans-serif}html[lang=ja]{--font-display: "Zen Maru Gothic", "Fredoka", system-ui, sans-serif;--font-body: "Zen Maru Gothic", "Fredoka", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}.hero>.hero-logo{--logo-width: 65vw;--logo-scale: 1;--logo-x: 0px;display:block;width:var(--logo-width);max-width:none;height:auto;margin:0 auto;overflow:visible;fill:#fff;transform:translate(var(--logo-x)) scale(var(--logo-scale))}.hero-logo path{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(0)}.hero-logo.go path{animation:logo-pop .45s cubic-bezier(.34,1.62,.6,1) both}.hero-logo.no-intro path{opacity:1;transform:none;animation:none}@keyframes logo-pop{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.15)}76%{transform:scale(.93)}to{opacity:1;transform:scale(1)}}.logo-waba-img{--waba-x: 12600px;--waba-y: 1400px;--waba-scale: 1.5;--waba-rot: 9deg;transform-box:fill-box;transform-origin:center bottom;transform:translate(var(--waba-x),var(--waba-y)) rotate(var(--waba-rot)) scale(var(--waba-scale));pointer-events:none;opacity:0;transition:opacity .7s ease}.logo-waba-img.show{opacity:1}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--forest);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.08;margin:0}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.eyebrow{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--a1);margin-bottom:.7rem}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:1rem;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s ease,background .3s ease}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--ink);color:var(--white);box-shadow:0 10px 22px -12px var(--ink)}.btn.big{font-size:1.1rem;padding:16px 30px}.section{min-height:100vh;padding:120px 24px 100px;display:flex;flex-direction:column;align-items:center;text-align:center}.section>*{max-width:var(--maxw);width:100%}.section h2{font-size:clamp(2rem,5vw,3.2rem)}.section-lede{font-size:1.1rem;opacity:.82;margin-top:10px;max-width:46ch}.section-copy{font-size:1rem;line-height:1.7;max-width:56ch;margin-top:22px;opacity:.85}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero{background:var(--forest);color:#fff;justify-content:center;gap:6px;position:relative}.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.75);border-radius:999px;opacity:0;transition:opacity .7s ease}.scroll-cue.show{opacity:.7}.scroll-cue.is-hidden{opacity:0;pointer-events:none}.scroll-cue span{position:absolute;top:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%);animation:scrollcue 1.8s ease-in-out infinite}@keyframes scrollcue{0%{top:7px;opacity:1}70%{top:22px;opacity:0}to{top:22px;opacity:0}}.product{justify-content:center;position:relative;overflow:hidden}.product>.btn{width:auto;max-width:none;justify-content:center;margin-top:32px;font-size:1.2rem;padding:18px 34px}.product-note{margin-top:12px;font-size:.85rem;opacity:.65;font-family:var(--font-display)}.waba{background:linear-gradient(180deg,#c3efec,#9fe3df);color:var(--ink)}.waba .eyebrow{color:#1a9c9a}.waba{--waba-gap: clamp(12px, 2vh, 28px);--waba-top: clamp(76px, 9vh, 100px);--waba-bottom: 0px;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;min-height:100svh;padding:calc(var(--waba-top) + env(safe-area-inset-top,0px)) 24px var(--waba-bottom)}.waba-top,.waba-bottom{display:grid;justify-items:center;text-align:center;max-width:var(--maxw);width:100%}.waba-top{align-self:start}.waba-bottom{align-self:center}.waba-title{--waba-logo-w: clamp(280px, 32vw, 520px);width:var(--waba-logo-w);margin:0 auto;line-height:0}.waba .eyebrow{margin:var(--waba-gap) 0 0;font-size:.85rem}.waba .section-lede{margin-top:calc(var(--waba-gap) * .6);font-size:clamp(1.15rem,1.6vw,1.45rem);max-width:52ch}.waba .waba-shots{margin:0;align-self:center}.waba-bottom .btn{width:auto;max-width:none;justify-content:center;margin-top:0;font-size:1.2rem;padding:18px 34px}.waba-title img{width:100%;height:auto}.waba-shots{--shot-w: clamp(220px, 30vw, 520px);--shot-tilt: 5deg;display:flex;justify-content:center;align-items:center;gap:0;margin-top:34px;max-width:none;width:auto}.waba-shot{width:var(--shot-w);aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;border:5px solid #fff;box-shadow:0 24px 50px -22px #1a78768c;transition:transform .35s var(--ease)}.waba-shot:nth-child(1){transform:rotate(calc(-1 * var(--shot-tilt))) translate(14px,14px);z-index:1}.waba-shot:nth-child(2){transform:scale(1.12);z-index:2}.waba-shot:nth-child(3){transform:rotate(var(--shot-tilt)) translate(-14px,14px);z-index:1}.waba:hover .waba-shot:nth-child(1){transform:rotate(calc(-1.6 * var(--shot-tilt))) translate(-4px,10px)}.waba:hover .waba-shot:nth-child(2){transform:scale(1.16) translateY(-6px)}.waba:hover .waba-shot:nth-child(3){transform:rotate(calc(1.6 * var(--shot-tilt))) translate(4px,10px)}.waba-btn{background:#1fb3b0;color:#fff;box-shadow:0 14px 30px -14px #1a8c8acc}.waba-btn:hover{background:#17a29f}.cyberquarium{background:linear-gradient(180deg,#005579,#121a83 30%,#0e0876 55%,#02304a);color:#eafaff;isolation:isolate}.cyberquarium .eyebrow{color:#7fe6f0}.cyberquarium .section-lede{color:#dcf2ff;opacity:1}.cyberquarium{--cq-gap: clamp(18px, 3.2vh, 44px);justify-content:flex-start;padding-top:calc(clamp(76px,12vh,150px) + env(safe-area-inset-top,0px));height:100svh;min-height:0;padding-bottom:0;overflow:hidden}.cyberquarium .eyebrow{margin:calc(var(--cq-gap) * .6) 0 0;font-size:.85rem}.cyberquarium .section-lede{margin-top:calc(var(--cq-gap) * .6)}.cyberquarium>.btn{margin-top:calc(var(--cq-gap) * .6)}.cyberquarium>.cq-title-block{display:grid;justify-items:center;gap:0;max-width:none;width:auto}.cq-the{font-family:"Quicksand",var(--font-display);font-size:clamp(.95rem,min(2.6vw,3.6svh),2.2rem);font-weight:700;letter-spacing:.38em;text-transform:lowercase;color:#fff;text-shadow:0 2px 10px rgba(0,45,80,.75),0 6px 26px rgba(0,40,75,.6),0 0 22px rgba(150,245,255,.7)}.cyberquarium h2.cq-title{font-family:"Quicksand",var(--font-display);font-weight:700;font-size:clamp(2.4rem,min(9vw,13svh),10rem);line-height:1;letter-spacing:.015em;color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 18px rgba(180,255,240,.85),0 0 54px rgba(90,225,255,.7),0 4px 14px rgba(0,45,80,.7);animation:cqTitle 7s ease-in-out infinite}@keyframes cqTitle{0%,to{text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 18px rgba(180,255,240,.85),0 0 54px rgba(90,225,255,.7),0 4px 14px rgba(0,45,80,.7)}50%{text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 26px rgba(150,245,255,.95),0 0 96px rgba(120,255,215,.85),0 4px 14px rgba(0,45,80,.6)}}.cq-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;max-width:none;width:auto;filter:blur(70px)}.cq-glow-a{top:-10%;left:5%;width:70%;height:45%;background:radial-gradient(circle,rgba(53,216,228,.5),transparent 70%);animation:cqGlowA 34s ease-in-out infinite}.cq-glow-b{bottom:-10%;right:-10%;width:60%;height:50%;background:radial-gradient(circle,rgba(90,215,225,.38),transparent 70%);animation:cqGlowB 46s ease-in-out infinite}@keyframes cqGlowA{0%,to{opacity:.35;transform:translate3d(-4%,0,0) scale(1)}50%{opacity:.8;transform:translate3d(4%,-2%,0) scale(1.15)}}@keyframes cqGlowB{0%,to{opacity:.7;transform:translate3d(3%,2%,0) scale(1.1)}50%{opacity:.3;transform:translate3d(-3%,0,0) scale(.95)}}.cyberquarium>.cq-art{--cq-art-w: min(1200px, 92vw);--cq-art-h: 40svh;display:block;width:min(var(--cq-art-w),calc(var(--cq-art-h) * 2.0534));aspect-ratio:2000 / 974;max-width:none;flex:0 0 auto;margin-top:calc(var(--cq-gap) * 1.2);position:relative;animation:cqBob 12s ease-in-out infinite;transition:transform .3s var(--ease)}.cq-art:before{content:"";position:absolute;top:6%;right:10%;bottom:2%;left:10%;background:radial-gradient(50% 50% at 50% 55%,rgba(255,180,240,.35),transparent 70%);filter:blur(50px);z-index:-1}.cq-art img{width:100%;height:100%;object-fit:contain}@keyframes cqBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cq-btn{color:#01356e;background:linear-gradient(180deg,#fff,#e2f9fff2 45%,#96e2ffe6);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px #fffffff2 inset,0 -8px 14px #005ab424 inset,0 16px 38px #0050aa52}.about{background:var(--forest);color:#fff;min-height:0;padding-bottom:clamp(56px,8vh,96px)}.about .eyebrow{color:#ffffffbf}.about h2{color:#fff}.about .section-lede{color:#ffffffeb;opacity:1;max-width:56ch}.about-card{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;margin-top:40px;padding:26px;border-radius:26px;text-align:left;background:#ffffff24;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 26px 60px -30px #00282d8c}.about-photo{width:200px;height:200px;object-fit:cover;object-position:50% 22%;border-radius:50%;border:5px solid rgba(255,255,255,.85)}.about-body{display:grid;gap:12px}.about-body h3{font-size:1.5rem;color:#fff}.about-body p{font-size:1rem;line-height:1.6;color:#ffffffeb}.about-film a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px}.about-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.about-links a{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:#fff;padding:7px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.6);transition:background .2s ease,transform .2s var(--ease)}.about-links a:hover{background:#ffffff29;transform:translateY(-1px)}.about>.contact-btn{width:auto;max-width:none;justify-content:center;margin-top:36px;background:var(--white);color:var(--forest);box-shadow:0 12px 26px -14px #00000080}.footer{padding:22px 24px;display:flex;justify-content:center;background:var(--forest)}.foot-copy{font-size:.8rem;color:#fff9}@media (max-width: 720px){.section{padding:100px 20px 80px}.footer{flex-direction:column;text-align:center}.about-card{grid-template-columns:1fr;justify-items:center;text-align:center}.about-links{justify-content:center}.waba-shots{flex-direction:column;gap:14px}.waba-shot,.waba-shot:nth-child(n){transform:none;width:min(100%,420px)}}@media (prefers-reduced-motion: reduce){.scroll-cue span{animation:none}html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.hero-logo path{opacity:1;transform:none;animation:none}.logo-waba-img{opacity:1}.scroll-cue{opacity:.7}}