@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#171b21;--muted:#666d77;--line:#dce1e5;--aqua:#8dd8e1;--paper:#fff;--scroll:0;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #287b8f;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}.header{display:flex;align-items:center;gap:44px;padding-block:29px;position:relative;z-index:2}.wordmark{font-size:13px;letter-spacing:.29em;line-height:1.35;font-weight:800}.header nav{display:flex;gap:40px;margin-left:auto;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover{color:#337b8a}.hero{min-height:610px;position:relative;display:flex;align-items:center;padding-block:64px 120px}.hero-copy{position:relative;z-index:1;max-width:760px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.3em;font-weight:600;line-height:1.8;margin:0 0 26px}.hero-copy>.eyebrow{color:var(--muted);margin-bottom:25px}h1{font-size:clamp(48px,6.05vw,84px);font-weight:800;letter-spacing:-.065em;line-height:1.04;margin:0 0 30px}h2{font-size:clamp(35px,4.1vw,55px);letter-spacing:-.045em;line-height:1.17;margin:0}.hero-lead{font-size:clamp(19px,2vw,27px);font-weight:600;letter-spacing:-.035em;margin:0 0 9px}.hero-sub{font-size:17px;color:var(--muted);margin:0;line-height:1.7}.quiet-link{display:inline-flex;align-items:center;gap:34px;margin-top:30px;font-size:12px;min-height:44px}.quiet-link span:last-child{font-size:20px}.hero-art{position:absolute;right:-18px;top:4px;width:49%;height:560px;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*8px + var(--scroll)*-25px),0);will-change:transform}.hero-art svg{width:100%;height:100%;display:block}.hero-bottom{position:absolute;bottom:33px;color:var(--muted);font-size:9px;margin:0;max-width:210px}.hero-bottom:before{content:'';display:block;width:26px;border-top:1px solid #89909a;margin-bottom:12px}.side-note{position:absolute;right:0;bottom:50px;font-size:9px;line-height:2.2;letter-spacing:.4em;color:var(--muted);text-align:right}.vision{min-height:530px;position:relative;overflow:hidden;background:#063449;color:white}.vision-art{position:absolute;right:0;inset-block:-25px;width:76%;transform:translateY(calc(var(--scroll)*18px));will-change:transform}.vision-art svg{width:100%;height:100%;display:block}.vision-shade{position:absolute;inset:0;background:linear-gradient(90deg,#073343 0%,rgba(6,46,65,.94) 21%,rgba(6,46,65,.48) 45%,transparent 75%)}.vision-copy{position:relative;padding-block:66px 48px}.vision-copy h2{font-size:clamp(40px,4.7vw,64px);max-width:600px}.vision-copy>p:not(.eyebrow){max-width:450px;font-size:16px;line-height:1.8;margin:24px 0 0;color:#effaff}.vision-copy .vision-values{font-size:13px!important;color:#d2e6ef!important;margin-top:18px!important}.vision-signoff{display:block;font-size:9px;margin:35px 0 0}.products{padding-block:78px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.section-heading .eyebrow{color:var(--muted);margin-bottom:14px}.section-heading h2{font-size:40px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:345px;margin:0 0 3px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{min-width:0;background:#f6f8fa;border-radius:5px;overflow:hidden;border:1px solid #edf0f3;transition:box-shadow .25s,transform .25s}.product.open{box-shadow:0 16px 35px #243e5515}.product-visual{position:relative;aspect-ratio:1.08;overflow:hidden;cursor:pointer;background:#e8f1f3}.product-visual>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s}.product.open .product-visual>img{transform:scale(1.045)}.badge{position:absolute;top:16px;left:16px;font-size:8px;font-weight:800;letter-spacing:.13em;background:#fffef9e8;padding:7px 10px;border-radius:3px;color:#274451}.product-details{position:absolute;inset:0;z-index:1;padding:25px 24px;background:linear-gradient(155deg,#ffffffed,#f4f8fbe8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);overflow:auto;scrollbar-width:thin;animation:overlay-in .25s ease}.product-details[hidden]{display:none}.product-details p{font-size:13px;line-height:1.75;margin:0 0 16px}.product-details .product-details-kicker{font-size:17px;font-weight:700;line-height:1.45}.product-details a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;border-bottom:1px solid #b5d6e2;gap:8px}.product-details a[hidden]{display:none}.product-details a:focus-visible{outline-color:#287b8f}.product-details .platforms{font-size:10px;line-height:1.9;margin-top:16px;color:#515d69}.product-heading{border:0;background:none;padding:19px 17px;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;cursor:pointer;min-height:88px}.product-heading strong{display:block;font-size:19px;line-height:1.35;letter-spacing:-.04em}.product-status{display:block;font-size:12px;color:var(--muted);margin-top:5px}.card-arrow{font-size:26px;font-weight:400;transition:transform .25s}.open .card-arrow{transform:rotate(90deg)}.product-heading:focus-visible{outline-offset:-5px}.product-hint{font-size:11px;color:var(--muted);text-align:right;margin:18px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:23px 44px}.values p{font-size:15px;line-height:1.6;margin:0}.values span{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);margin-bottom:8px}.footer{border-top:1px solid #bdc4cb;padding-block:27px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p,.email{font-size:11px;color:var(--muted)}.footer small{font-size:8px;letter-spacing:.12em;line-height:1.8;color:var(--muted);text-align:right}.email{padding-block:14px}.skip{position:fixed;left:15px;top:-100px;z-index:10;padding:14px;background:var(--ink);color:white}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes overlay-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-art{right:0}.hero{min-height:660px}.hero-art{height:610px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{min-height:540px}.hero-art{height:465px;width:47%;right:-15px;top:35px}h1{font-size:6.4vw}.hero-lead{font-size:21px}.hero-sub{font-size:14px}.product-grid{gap:16px}.product-details{padding:20px}.product-details p{font-size:12px}.product-details .product-details-kicker{font-size:15px}.product-visual{aspect-ratio:.82}.product-heading strong{font-size:17px}.section-heading h2{font-size:34px}.section-heading>p{max-width:300px}.footer{flex-wrap:wrap}.vision-copy>p:not(.eyebrow){max-width:400px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{gap:12px;padding-block:19px;flex-wrap:wrap}.wordmark{font-size:10px}.header nav{gap:16px;font-size:11px}.hero{min-height:750px;display:block;padding-top:45px;padding-bottom:65px}.hero-copy{max-width:none}.hero-copy>.eyebrow{font-size:8px;margin-bottom:17px}h1{font-size:clamp(42px,9.4vw,65px);margin-bottom:24px;letter-spacing:-.065em}.hero-lead{font-size:20px;max-width:350px;line-height:1.45}.hero-sub{font-size:13px}.quiet-link{margin-top:14px}.hero-art{top:325px;width:92%;height:370px;right:0}.hero-bottom{bottom:20px;font-size:8px;max-width:160px}.side-note{bottom:35px;font-size:8px}.vision{min-height:650px}.vision-art{width:120%;height:65%;top:auto;bottom:-15px;right:-24%}.vision-shade{background:linear-gradient(180deg,#073343 5%,#073343ee 29%,#07334344 63%,transparent 85%)}.vision-copy{padding-block:43px 30px}.vision-copy h2{font-size:42px}.vision-copy>p:not(.eyebrow){max-width:340px;font-size:14px;margin-top:19px}.vision-copy .vision-values{font-size:12px!important}.vision-signoff{font-size:8px;margin-top:28px}.products{padding-top:48px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:18px;font-size:12px;max-width:340px}.product-grid{grid-template-columns:1fr;gap:25px}.product-visual{aspect-ratio:1.1}.product-heading{padding:19px 20px}.product-heading strong{font-size:21px}.product-details{padding:26px}.product-details p{font-size:14px;line-height:1.8}.product-details .product-details-kicker{font-size:21px}.product-details .platforms{font-size:11px;margin-top:12px}.product-hint{text-align:left}.values{grid-template-columns:1fr;padding-block:17px 32px;gap:20px}.values p{font-size:14px}.values span{margin-bottom:3px}.footer{align-items:start;gap:18px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr}.footer p{margin:0;text-align:right;line-height:1.8}.footer small{align-self:center}.email{font-size:10px}.eyebrow{margin-bottom:18px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header nav{gap:10px}.header{gap:5px}.hero-lead{font-size:18px}.product-details{padding:19px}.product-details p{font-size:12px}.product-details .product-details-kicker{font-size:18px}.product-visual{aspect-ratio:.95}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.vision-art{transform:none!important;will-change:auto}}
.approach{padding-block:55px 42px;border-top:1px solid var(--line);margin-top:26px}.approach .section-heading>p{max-width:400px}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.ai-grid article{border-top:2px solid #c7e9ee;padding-top:22px}.ai-grid article:nth-child(2){border-color:#d7d1ee}.ai-grid article:nth-child(3){border-color:#edccc8}.ai-number{font-size:9px;letter-spacing:.18em;color:var(--muted)}.ai-grid h3{font-size:19px;letter-spacing:-.03em;line-height:1.4;margin:15px 0 12px}.ai-grid p,.ai-outlook p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.ai-state{display:block;font-size:10px;color:#3b6871;margin-top:19px}.ai-outlook{margin-top:38px;padding:24px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:35px}.ai-outlook h3{font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:0}.hero-art{overflow:hidden}@media(max-width:700px){.approach{padding-block:36px 20px}.ai-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}.ai-grid h3{font-size:19px}.ai-outlook{grid-template-columns:1fr;gap:13px;margin-top:28px}.ai-grid p,.ai-outlook p{font-size:13px}.hero-art{top:320px;height:365px;width:100%;right:0}}
.product{display:flex;flex-direction:column}.product-visual{order:-1}.product-heading{flex-shrink:0}.vision-art{width:100%}.vision-shade{background:linear-gradient(90deg,rgba(6,46,65,.94),rgba(6,46,65,.65) 33%,rgba(6,46,65,.12) 68%,transparent)}@media(max-width:700px){.vision-art{width:170%;right:-15%}.vision-shade{background:linear-gradient(180deg,#073343 5%,#073343ee 29%,#07334344 63%,transparent 85%)}}
html[lang=ko] .hero-lead,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] p{word-break:keep-all;overflow-wrap:break-word}

/* Live sculpture keeps the original white layout and a static image fallback. */
.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}
.hero-art.webgl-ready>svg{visibility:hidden}.webgl-ready .orbit-canvas{opacity:1}
.hero-controls{position:absolute;right:0;bottom:28px;display:flex;align-items:center;gap:18px;z-index:2}
.motion-hint{font-size:10px;color:var(--muted)}
#motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;background:#fff;cursor:pointer;font-size:10px}
#motion-toggle:hover{border-color:#7fb8c2}#motion-toggle:disabled{cursor:default;color:var(--muted)}.motion-icon{font-size:14px}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:10;background:#76b8c4;transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}
/* White veil lives only on the product image; open cards reveal their color. */
.product-visual>img{filter:saturate(.45);transition:filter .65s,transform .8s}
.product-visual:after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.32);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);pointer-events:none;transition:opacity .55s}
.product.open .product-visual:after{opacity:0}.product.open .product-visual>img{filter:saturate(1);transform:scale(1.045)}
.badge{z-index:1}
.product-details{inset:auto 0 0;padding:20px 22px;background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(249,252,253,.91));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-height:84%;border-top:1px solid #ffffffc9}
.product-details p{margin-bottom:10px;font-size:12px;line-height:1.65}.product-details .product-details-kicker{font-size:15px}.product-details .platforms{margin:8px 0 0;font-size:10px}.product-details a{font-size:12px}
.vision-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.vision-particles i{position:absolute;bottom:-30px;left:65%;width:9px;height:9px;border:1px solid #d8faff70;border-radius:50%;box-shadow:inset 1px 1px 4px #ffffff40;animation:bubble-rise 14s linear infinite}.vision-particles i:nth-child(2n){left:82%;width:16px;height:16px;animation-duration:19s;animation-delay:-4s}.vision-particles i:nth-child(3n){left:48%;width:7px;height:7px;animation-delay:-9s}.vision-particles i:nth-child(4n){left:92%;animation-delay:-12s}.vision-particles i:nth-child(5n){left:72%;animation-delay:-7s}
@keyframes bubble-rise{from{transform:translate3d(0,0,0);opacity:0}15%{opacity:.65}to{transform:translate3d(35px,-680px,0);opacity:0}}
html[data-motion-paused=true]{scroll-behavior:auto}html[data-motion-paused=true] *,html[data-motion-paused=true] *:before,html[data-motion-paused=true] *:after{animation-play-state:paused!important;transition:none!important}html[data-motion-paused=true] .hero-art,html[data-motion-paused=true] .vision-art{transform:none;will-change:auto}
@media(max-width:1050px) and (min-width:701px){.hero-controls{gap:10px}.motion-hint{display:none}.product-details{padding:16px}.product-details .product-details-kicker{font-size:14px}}
@media(max-width:700px){.hero-controls{bottom:17px;gap:0}.motion-hint{display:none}#motion-toggle{padding:9px 11px;font-size:10px}.product-details{padding:20px;max-height:86%}.product-details .product-details-kicker{font-size:18px}.product-details p{font-size:13px}.product-details .platforms{font-size:10px}.hero-art{top:332px;height:350px}}
@media(max-width:360px){.hero-bottom{max-width:130px}.product-details{padding:16px}.product-details .product-details-kicker{font-size:15px}.product-details p{font-size:12px}.product-details .platforms{font-size:9px}}

.vision-art>img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}

/* The promotional poster remains visible in every state. */
.product-grid{align-items:start}
.product{position:relative;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.product-visual{aspect-ratio:1;background:#fff;flex-shrink:0}
.product-visual>img{position:absolute;inset:0;object-fit:contain;filter:saturate(.8);transition:filter .45s}
.product-visual:after{background:rgba(255,255,255,.2);backdrop-filter:blur(.35px);-webkit-backdrop-filter:blur(.35px)}
.product.open .product-visual>img{transform:none;filter:none}
.product>.product-details{position:relative;inset:auto;height:auto;max-height:none;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border-top:1px solid var(--line)}
.product .badge{top:10px;left:10px;font-size:7px;padding:5px 7px}
@media(min-width:701px) and (max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


.brand-link{display:inline-flex;align-items:center;min-height:44px;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}

/* 동일한 정사각형 회사 로고를 홈페이지와 프로필에서 재사용한다. */
.wordmark{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px}
.company-logo{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0}
.header{gap:32px;padding-block:24px}
.header nav{gap:32px}
.header nav a{display:inline-flex;align-items:center;min-height:44px}
.founder{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:24px;border-top:1px solid var(--line);padding-block:16px;margin-top:0;color:var(--muted)}
.founder-identity{display:flex;align-items:center;gap:12px;min-height:64px}
.founder-photo{display:block;width:64px;height:64px;flex:none;object-fit:cover;border-radius:50%}
.founder-name{display:flex;align-items:center;gap:8px}
.founder-established{font-size:11px;line-height:1.6;margin:4px 0 0}
.founder h2{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0}
.founder-role{font-size:11px;margin:0}
.founder-role:before{content:'·';margin-right:8px}
.founder summary{cursor:pointer;min-height:44px;padding-block:13px;font-size:12px;width:fit-content}
.founder summary:focus-visible{outline:3px solid #287b8f;outline-offset:5px}
.founder-details{max-width:760px;padding-block:8px}
.founder-details p{font-size:13px;line-height:1.9;margin:0 0 12px;word-break:keep-all;overflow-wrap:break-word}
.founder-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#337b8a;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.header{flex-wrap:wrap;gap:8px 16px;padding-block:16px}.header .wordmark{font-size:11px;gap:8px}.company-logo{width:56px;height:56px}.header nav{order:3;width:100%;margin-left:0;justify-content:flex-start;gap:24px;font-size:12px}.founder{grid-template-columns:1fr;gap:0;padding-block:12px}.founder-identity{min-height:28px}.founder h2{font-size:12px}.footer .wordmark{gap:6px;font-size:9px}.footer .company-logo{width:48px;height:48px}}

/* 제품은 항상 공개한다. 움직임은 정보를 숨기거나 클릭을 지연시키지 않는다. */
.product-grid{align-items:stretch;perspective:1200px}
.product{cursor:default;overflow:visible;background:#fff;transition:box-shadow .45s,border-color .45s}
.product-heading{cursor:default;background:#fff;min-height:100px;padding:24px 22px 16px}
.product-heading strong{font-size:20px}
.product-visual{display:block;border-radius:5px 5px 0 0;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s cubic-bezier(.22,1,.36,1);transform-origin:center bottom}
.product-visual>img{filter:saturate(.94);transition:filter .55s;transform:none}
.product-visual:after{background:rgba(255,255,255,.1);backdrop-filter:none;-webkit-backdrop-filter:none}
.product-visual:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,35%),#ffffff42,transparent 65%);opacity:0;transition:opacity .45s}
.product>.product-details{display:flex;flex-direction:column;flex:1;position:static;padding:0 22px 24px;border:0;overflow:visible;animation:none;border-radius:0 0 5px 5px}
.product-details .overlay-kicker{font-size:15px;line-height:1.55;min-height:47px;color:var(--ink);font-weight:600}
.product-details>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.product-details>a{align-self:flex-start;gap:16px;padding:11px 17px;margin-top:auto;min-height:46px;border:1px solid #c8dfe3;border-radius:24px;background:#f1f8f9;color:#255f6c;transition:background .25s,border-color .25s,box-shadow .25s;font-size:12px}
.product-details>a:hover,.product-details>a:focus-visible{background:#e2f1f4;border-color:#7aabb5;box-shadow:0 4px 14px #28535c10}
.product-details .platforms{font-size:10px;margin:14px 0 0;line-height:1.8;min-height:54px}
.product:not([data-product=stargarden]) .product-details:after{content:'';display:block;height:68px}
.product-hint{margin-top:22px}
.quiet-link{gap:0}.quiet-link span:last-child{font-size:12px}
.quiet-link span{border-bottom:1px solid #c4d9dd;padding-block:5px;transition:border-color .25s}
.quiet-link:hover span{border-color:#337b8a}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#6aaeba;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
.vision-art{transform:translateY(var(--vision-shift,0px)) scale(1.04)}
.vision-copy{transform:translateY(var(--vision-copy-shift,0px))}
.section-heading{position:relative;padding-bottom:24px}
.section-heading:after{content:'';position:absolute;left:0;bottom:0;width:64px;height:2px;background:linear-gradient(90deg,#8dd8e1,#b9a7e6)}
.ai-grid article{transition:border-color .4s,box-shadow .4s}
@media(hover:hover) and (pointer:fine){html:not([data-motion-paused=true]) .product:hover{box-shadow:0 18px 42px #2b506118;border-color:#c1dce1}.product:hover .product-visual:after,.product:focus-within .product-visual:after{opacity:0}.product:hover .product-visual>img{filter:saturate(1)}html:not([data-motion-paused=true]) .product:hover .product-visual:before{opacity:1}.ai-grid article:hover{border-color:#7faeb9}}
@media(max-width:700px){.product-heading{padding:22px 20px 14px;min-height:0}.product>.product-details{padding:0 20px 24px}.product-details .overlay-kicker{min-height:0;font-size:16px}.product:not([data-product=stargarden]) .product-details:after{display:none}.product-details .platforms{min-height:0}.product-visual{transform:none}.section-heading{padding-bottom:20px}}
html[data-motion-paused=true] .product-visual,html[data-motion-paused=true] .vision-copy{transform:none}
@media(prefers-reduced-motion:reduce){.product-visual,.vision-copy{transform:none!important}.product-visual:before{display:none}}

.founder-details blockquote{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 12px;padding-left:20px;border-left:2px solid #c9e5e8;word-break:keep-all;overflow-wrap:break-word}

/* Shello의 실행/출시예정은 동일한 행에 표시한다. */
button.product-visual{padding:0;border:0;width:100%;text-align:inherit;cursor:pointer}
.platform-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px;margin-top:auto;align-items:stretch}
.platform-actions .web-launch,.platform-actions>a,.platform-actions .platform-soon{min-width:0;min-height:46px;border:1px solid #c8dfe3;border-radius:24px;padding:11px 12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;line-height:1.3;background:#f1f8f9;color:#255f6c;font-weight:700;white-space:nowrap}
.platform-actions .web-launch,.platform-actions>a{cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s}
.platform-actions .web-launch:hover,.platform-actions .web-launch:focus-visible,.platform-actions>a:hover,.platform-actions>a:focus-visible{background:#e2f1f4;border-color:#7aabb5;box-shadow:0 4px 14px #28535c10}
.platform-actions .platform-soon{flex-direction:column;gap:2px;padding:6px 3px;background:#f7f8fa;border-color:#e0e5e9;color:#6b727c;cursor:default;opacity:1;font-size:10px;font-weight:400}
.platform-actions small{font-size:8px;font-weight:400;white-space:nowrap}
.product:not([data-product=stargarden]) .product-details:after{display:none}
.service-modal{position:fixed;inset:0;width:calc(100% - 40px);height:calc(100dvh - 40px);max-width:1600px;max-height:calc(100dvh - 40px);margin:auto;padding:8px;border:1px solid #ffffffcc;border-radius:20px;background:linear-gradient(135deg,#ffffffd9,#e5f5f9cc 58%,#f0ebffcc);box-shadow:0 24px 100px #273e5a38,0 0 0 1px #badce64d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;color:var(--ink)}
.service-modal[open]{display:flex;flex-direction:column;animation:service-enter .22s ease-out}
.service-modal::backdrop{background:#eaf1f4a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.service-toolbar{display:flex;align-items:center;gap:10px;padding:0 8px 8px;flex-shrink:0;min-height:52px}
.service-dot{width:12px;height:12px;border-radius:50%;background:#8dd8e1;box-shadow:0 0 16px #8dd8e166}
.service-toolbar h2{font-size:15px;letter-spacing:-.025em;line-height:1.4;margin:0;margin-right:auto}
.service-toolbar button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid transparent;border-radius:12px;background:#ffffff80;color:#526876;cursor:pointer;font-size:26px;line-height:1}
.service-toolbar button:hover{background:#fff;border-color:#cadde5}
.service-toolbar button:focus-visible{outline-offset:0}
.service-viewport{position:relative;flex:1;min-height:0;border-radius:12px;overflow:hidden;background:#edf8f7}
.service-frame-host,.service-frame-host iframe{display:block;width:100%;height:100%;border:0}
.service-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:24px;margin:0;pointer-events:none;background:linear-gradient(145deg,#e3f5f6,#f5f3ed)}
.service-loading[hidden]{display:none}
html[data-service-open=true]{overflow:hidden}
html[data-service-open=true] .vision-particles i{animation-play-state:paused}
@keyframes service-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:700px){.service-modal{width:calc(100% - 12px);height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:5px;border-radius:16px}.service-toolbar{gap:7px;padding:0 3px 5px}.service-toolbar h2{font-size:13px}.service-viewport{border-radius:10px}}

/* Footer-only language control: small icon with a full keyboard/touch target. */
.footer{position:relative;padding-bottom:58px}
.language-toggle{position:absolute;right:-15px;bottom:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#7c858b;cursor:pointer}
.language-toggle[hidden]{display:none}
.language-toggle:hover,.language-toggle:focus-visible{color:var(--ink)}

@media(max-width:700px){
 .header{flex-wrap:nowrap;justify-content:space-between;gap:16px;padding-block:14px;border-bottom:1px solid #e9edef}
 .header .wordmark{margin:0;gap:6px;font-size:9px;letter-spacing:.2em;line-height:1.5}
 .header .company-logo{width:40px;height:40px}
 .header nav{order:0;width:auto;margin-left:auto;justify-content:flex-end;gap:16px;font-size:11px;font-weight:500;white-space:nowrap}
 .header nav a{padding-block:0}
 .hero{padding-top:36px}
}
@media(max-width:359px){.header{gap:8px}.header .company-logo{width:34px;height:34px}.header .wordmark{font-size:8px;gap:4px}.header nav{gap:10px;font-size:10.5px}}