:root{color-scheme:light;--ink:#27312d;--muted:#737e77;--base:#f8f6f0;--line:#e3e5dc;--sage:#91b19b;--blue:#a8c9d9;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #49798b;outline-offset:5px}.page-shell{max-width:1320px;margin:0 auto;padding:0 clamp(22px,6vw,88px)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:38px 0;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1.25px;font-weight:750}.brand-dot{color:#7ba48b}.header-meta,.section-kicker,.eyebrow,.product-number,.product-type,.status-label,.text-scroll{font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:1.75px;font-weight:700}.header-meta{color:#8a978c;display:flex;gap:12px;align-items:center}.header-line{height:1px;width:24px;background:#adbab0}.hero{min-height:580px;padding:120px 0 92px;position:relative}.eyebrow{color:#6a9180;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:6px;height:6px;background:#85ab94;border-radius:50%}.hero h1{font-size:clamp(46px,6vw,78px);letter-spacing:-.075em;line-height:1.22;margin:33px 0 27px;font-weight:750}.hero h1 span{color:#879b8e}.hero-desc{font-size:clamp(15px,1.55vw,19px);line-height:1.9;letter-spacing:-.03em;color:#66756c;margin:0}.hero-slogan{font-size:15px;font-weight:670;color:#506e5d;margin-top:26px}.text-scroll{display:inline-flex;gap:24px;align-items:center;color:#6f8376;margin-top:58px}.text-scroll span{font-size:19px;font-weight:400}.works{padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:30px}.section-kicker{color:#8ca293}.section-heading h2{font-size:clamp(34px,4vw,51px);letter-spacing:-.06em;margin:11px 0 0}.section-heading p{font-size:13px;color:var(--muted)}.period{color:#8ab59c}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{border-radius:24px;min-height:425px;padding:29px 33px 31px;position:relative;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.whale-card{background:#e5eff3}.ferry-card{background:#e9eee4}.whale-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #587d9022}.card-top{display:flex;justify-content:space-between;align-items:center}.product-number{color:#7d949e}.ferry-card .product-number{color:#869b88}.card-arrow{width:30px;height:30px;border:1px solid #aec4cd;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#52788b}.status-label{font-size:9px;color:#809b86;letter-spacing:1px}.product-icon{margin-top:38px;height:90px;width:90px;border-radius:23px;display:grid;place-items:center}.whale-icon{background:#d9e8ee}.whale-icon img{width:80px;height:80px;object-fit:contain}.ferry-icon{background:#dce7d8;color:#6e9179}.ferry-icon img{width:80px;height:80px;object-fit:contain}.product-type{color:#6e91a0;margin-bottom:12px;font-size:9px}.ferry-card .product-type{color:#809d85}.card-content{margin-top:auto}.card-content h3{font-size:clamp(29px,3vw,39px);letter-spacing:-.05em;margin:0 0 13px}.card-tagline{font-size:16px;line-height:1.75;color:#526c79;margin:0 0 29px}.ferry-card .card-tagline{color:#637b68}.card-cta{font-size:13px;font-weight:700;color:#466d82;display:flex;gap:12px;align-items:center}.card-cta.pending{color:#7c9981}.about{border-top:1px solid var(--line);padding:84px 0 105px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.about h2{font-size:clamp(29px,3.2vw,44px);letter-spacing:-.06em;line-height:1.4;margin:18px 0 0}.about-copy{padding-top:14px}.about-copy p{color:#637168;line-height:2.1;font-size:16px;word-break:keep-all}.signature{color:#849e8c;font-size:12px;letter-spacing:.4px;display:inline-block;margin-top:18px}footer{border-top:1px solid var(--line);padding:27px 0 46px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#98a198;font-size:11px}@media(max-width:720px){.site-header{padding:23px 0}.brand{font-size:20px}.header-meta{font-size:8px;letter-spacing:.6px}.header-line{display:none}.hero{min-height:490px;padding:90px 0 65px}.hero h1{letter-spacing:-.065em}.text-scroll{margin-top:45px}.product-grid{grid-template-columns:1fr}.product-card{min-height:370px;padding:25px 27px}.product-icon{margin-top:30px}.section-heading{align-items:start;flex-direction:column}.section-heading p{margin:0}.works{padding-bottom:75px}.about{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:15px}.about-copy{padding-top:0}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}}

/* Photo Ferry: retain original app artwork, blend its white square onto a soft sage rounded tile. */
.ferry-icon{background:#dce7d8;border-radius:24px;overflow:hidden;isolation:isolate;}
.ferry-icon img{width:80px;height:80px;object-fit:cover;border-radius:19px;mix-blend-mode:multiply;display:block;}

/* 1.3 identity and product icon alignment fixes */
.brand{display:inline-flex;align-items:center;gap:10px}
.lab-mark{display:block;width:46px;height:34px;flex:none}
.card-top{min-height:30px}
.product-icon{width:90px;height:90px;flex:none;margin-top:38px;border-radius:23px;overflow:hidden;display:grid;place-items:center}
.product-icon img{display:block;width:80px;height:80px;object-fit:contain;border-radius:19px;mix-blend-mode:normal}
.whale-icon{background:#d9e8ee}
.ferry-icon{background:#fff;isolation:auto;color:inherit}
.ferry-icon img{mix-blend-mode:normal;object-fit:contain}
@media(max-width:720px){.product-icon{margin-top:30px}}

/* Official snowooball lab three-orb identity restored from Mouse Whale v9.0. */
.snow-orbs{position:relative;width:46px;height:42px;display:block;flex:0 0 46px}
.snow-orbs i{display:block;position:absolute;border-radius:55% 50% 48% 54%;box-shadow:0 2px 8px #4895ad22}
.snow-orbs i:nth-child(1){width:27px;height:27px;left:9px;top:0;background:#73b6df}
.snow-orbs i:nth-child(2){width:26px;height:26px;left:0;top:16px;background:#b3e4e4}
.snow-orbs i:nth-child(3){width:25px;height:25px;right:0;top:17px;background:#bed7be}
/* Balanced product artwork; keep each app icon true to its original palette. */
.product-grid .card-top{min-height:30px}
.product-grid .product-icon{width:90px;height:90px;margin-top:38px;flex:0 0 90px;display:grid;place-items:center;border-radius:23px;overflow:hidden}
.product-grid .product-icon img{width:80px;height:80px;object-fit:contain;mix-blend-mode:normal;border-radius:19px}
.whale-icon{background:#d9e8ee}
.ferry-icon{background:#fff}
@media(max-width:720px){.product-grid .product-icon{margin-top:30px}}

/* 1.5 — shared, pixel-aligned icon frames: equal offsets, equal rims. */
.product-grid .product-card { align-items: stretch; }
.product-grid .card-top { height: 30px; min-height: 30px; flex: 0 0 30px; }
.product-grid .product-icon {
  box-sizing: border-box;
  display:flex;align-items:center;justify-content:center;
  margin:38px 0 0; padding:5px; width:90px;height:90px;
  min-width:90px;min-height:90px;max-width:90px;max-height:90px;
  flex:0 0 90px; overflow:hidden; border-radius:23px;
}
.product-grid .product-icon img {
  display:block;width:80px;height:80px;min-width:80px;min-height:80px;
  max-width:80px;max-height:80px;object-fit:fill;mix-blend-mode:normal;
  border:0;border-radius:19px;
}
.product-grid .whale-icon{background-color:#d9e8ee}
.product-grid .ferry-icon{background-color:#d8e5d8}
@media (max-width:720px){.product-grid .product-icon{margin-top:30px}}

/* v1.6 language navigation: consistent with the original restrained header */
.lab-lang-switch{display:inline-flex;gap:5px;align-items:center;flex:none}
.lab-lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;padding:0 8px;border-radius:10px;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;color:#75867b;transition:background .2s,color .2s}
.lab-lang-switch a:hover{background:#e3ece5;color:#354d42}
.lab-lang-switch a.is-active{background:#dfece5;color:#315c49}
@media(max-width:720px){.lab-lang-switch{gap:0}.lab-lang-switch a{min-width:33px;padding:0 5px}}

/* v1.7 — more readable English hero headline, other languages unchanged */
html[lang="en"] .hero h1 {letter-spacing:-.035em}
@media(max-width:720px){html[lang="en"] .hero h1 {letter-spacing:-.03em}}

/* v1.9 Photo Ferry card now available */
.ferry-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #587d9022}