:root{--bg:#fff6e5;--panel:#fffdf7;--text:#182846;--muted:#4e5b70;--line:#ccd1db;--accent:#2755e8;--hero:#fff0d9;--button:#182846;--button-text:#fff6e5;color-scheme:light} :root[data-theme=dark]{--bg:#101c32;--panel:#192943;--text:#fff6e5;--muted:#c0c9d8;--line:#42516c;--accent:#ffbc87;--hero:#14213a;--button:#ffbc87;--button-text:#15213a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,select,summary{cursor:pointer}button,select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;min-height:44px}a,button,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(36px,4.5vw,60px);max-width:650px;word-break:keep-all;text-wrap:balance}h2{font-size:32px;max-width:760px;text-wrap:balance}h3{font-size:21px;word-break:keep-all;overflow-wrap:anywhere}p{overflow-wrap:break-word}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;gap:32px;min-height:88px}.brand{margin-right:auto;flex-shrink:0}.logo{width:180px;height:auto}.logo-dark{display:none}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}nav,.controls,.languages{display:flex;align-items:center;gap:20px}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;font-weight:650}.controls{gap:12px}.languages{gap:0}.languages button{border-radius:0;border-right-width:0;min-width:44px;font-size:13px;font-weight:750}.languages button:first-child{border-radius:6px 0 0 6px}.languages button:last-child{border-right-width:1px;border-radius:0 6px 6px 0}.languages button[aria-pressed=true]{background:var(--button);color:var(--button-text)}select{padding:0 8px;max-width:112px;font-size:13px}.hero{position:relative;isolation:isolate;background:var(--hero);overflow:hidden;min-height:600px}.hero-copy{position:relative;z-index:2;padding-block:72px 270px;pointer-events:none}.hero-copy h1{margin:16px 0 28px}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--accent)}.kingdom{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 65%;image-rendering:pixelated}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,var(--hero) 0%,var(--hero) 5%,transparent 95%),linear-gradient(90deg,var(--hero),transparent 85%)}.primary{display:inline-flex;align-items:center;gap:36px;padding:12px 20px;background:var(--button);color:var(--button-text);font-weight:700;text-decoration:none;border-radius:6px;min-height:48px}.section{padding-block:80px 0;scroll-margin-top:24px}.section>.eyebrow{margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-top{display:flex;gap:14px;padding:24px;min-height:132px;align-items:center}.card-top img{border-radius:10px;flex-shrink:0}.card-top .eyebrow{margin-bottom:6px}.product-media{aspect-ratio:2.167;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e7ecf6}.product-media img:not(.large-icon){width:100%;height:100%;object-fit:contain}.product-media.hard{background:#c9e6ed}.product-media.sik{background:#d2edc5}.large-icon{width:100px;height:100px;border-radius:22px;box-shadow:0 8px 20px #18284620}.card-copy{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}.card-copy>p{color:var(--muted)}.card-copy .subtitle{font-size:14px;font-weight:700;color:var(--text)}details{font-size:14px}summary{min-height:44px;align-content:center;font-weight:650;color:var(--accent)}details p{padding:10px 0 14px;color:var(--muted)}.actions{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:10px}.actions a,.badge{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);padding:8px 12px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none}.badge{background:var(--bg);border-style:dashed}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{margin-top:16px}.about-copy{font-size:20px;color:var(--muted)}.principles{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:grid;gap:12px;font-weight:700}.principles p:before{content:"✦";color:var(--accent);margin-right:12px}.contact-panel{padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.contact-panel p{margin:16px 0;color:var(--muted)}.email{font-size:clamp(23px,3vw,36px);font-weight:700;overflow-wrap:anywhere;color:var(--accent)}.footer{padding-block:64px 28px;color:var(--muted);font-size:13px}.footer h2{font-size:14px;letter-spacing:0}.footer dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 24px;margin:24px 0 36px}.footer dt{grid-row:1}.footer dd{margin:0;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.footer-bottom>div{display:flex;gap:24px}.footer a{display:inline-flex;min-height:44px;align-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:16px;top:-100px;z-index:9;padding:12px 20px}.skip:focus{top:16px}main:focus{outline:none}@media(max-width:1000px){.header{gap:20px}nav{gap:14px}.logo{width:148px}.cards{gap:16px}.card-top,.card-copy{padding:20px}.about{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:0 12px;padding-top:12px}.brand{flex:1}.logo{width:130px}.controls{order:2;gap:8px}nav{order:3;width:100%;justify-content:space-between;padding-block:4px}.hero{min-height:540px}.hero-copy{padding-block:40px 270px}h1{font-size:36px;line-height:1.23;max-width:540px}h2{font-size:27px}.hero-copy h1{margin-top:12px}.hero:after{background:linear-gradient(180deg,var(--hero) 0%,var(--hero) 37%,transparent 76%)}.kingdom{height:310px;top:auto;bottom:0;object-position:center}.section{padding-top:56px}.cards{grid-template-columns:1fr;gap:20px;margin-top:24px}.card-top{min-height:108px}.card-copy{padding:20px}.large-icon{width:112px;height:112px}.about{grid-template-columns:1fr;gap:24px}.contact-panel{padding:24px}.footer{padding-top:48px}.footer dl{grid-template-columns:1fr;gap:2px}.footer dt{grid-row:auto;margin-top:14px}.footer-bottom{flex-direction:column;gap:8px}.footer-bottom>div{flex-wrap:wrap;gap:16px}.about-copy{font-size:18px}}

/* Equal product cards, including the stacked mobile layout; details remain expandable. */
.cards{grid-auto-rows:1fr}.card-top{height:132px;flex-shrink:0}.product-media{aspect-ratio:13/6;flex-shrink:0}.product-media img{width:100%;height:100%;object-fit:contain}

.about{display:block}.about-intro{max-width:800px}.about-intro .about-copy{margin-top:24px}.about-work{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.about-work h3,.values h3,.origin h3{font-size:22px;margin-bottom:14px}.about-work p,.values p,.origin p{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.values article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:24px}.value-mark{display:block;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.12em;margin-bottom:24px}.origin{margin-top:36px;padding-top:32px;border-top:1px solid var(--line);max-width:900px}@media(max-width:760px){.about-work,.values{grid-template-columns:1fr;gap:24px}.about-work{margin-top:32px}.values{gap:16px}.value-mark{margin-bottom:12px}.about-intro .about-copy{margin-top:20px}}
/* A concept: clear kingdom, local text scrim, overlapping ivory cards. */
.wrap{width:min(1280px,calc(100% - 64px))}.header{min-height:80px}.logo{width:232px}.hero{height:540px;min-height:0;background:#102445;color:#fff6e5;overflow:visible}.hero-copy{padding-block:66px 100px}.hero-copy>.eyebrow{display:none}.hero h1{max-width:510px;font-size:48px;line-height:1.24;letter-spacing:-.04em;margin:0 0 20px}.hero h1 em{font-style:normal;color:#ffbc87}.hero-subtitle{font-size:17px;margin-bottom:24px;max-width:450px;color:#fff6e5}.hero .primary{background:#ffbc87;color:#15213a;min-height:54px;min-width:210px;border-radius:12px;justify-content:space-between}.hero .primary:focus-visible{outline-color:#fff6e5}.kingdom{height:100%;width:100%;object-position:center;z-index:-2}.hero:after{background:linear-gradient(90deg,#102445 0%,#102445f5 23%,#102445bd 34%,#10244500 56%)}#products{position:relative;z-index:2;margin-top:-38px;padding-top:0}#products>.eyebrow,#products>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cards{margin-top:0;gap:20px}.card{--text:#182846;--muted:#4e5b70;--accent:#2755e8;--line:#c3c9d2;--panel:#fffaf0;--bg:#fff6e5;color:var(--text);background:var(--panel);border:1px solid #e6ddce;box-shadow:0 8px 28px #061b3926;border-radius:16px}.card-top{padding:20px;height:120px;min-height:120px}.card-top img{width:64px;height:64px;border-radius:14px}.card-top h3{font-size:21px}.product-media{margin-inline:14px;border-radius:10px;width:calc(100% - 28px)}.card-copy{padding:18px;gap:12px}.card-copy>p{font-size:15px;line-height:1.6}.actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding-top:8px;min-height:80px;width:100%}.actions .badge{grid-column:1/-1;background:#ffbc87;border:0;border-radius:10px;min-height:56px;justify-content:center;font-size:19px;color:#182846}.actions .store-link{padding:11px 0;border:0;border-radius:6px;min-height:70px;justify-content:center;background:transparent}.store-badge{width:auto;max-width:100%;object-fit:contain}.store-badge[data-store=app-store]{height:44px;width:132px}.store-badge[data-store=google-play]{height:67px;width:172px}.actions .website-link{border:2px solid #2755e8;color:#183cb0;justify-content:center;gap:10px;min-height:48px;font-size:16px;padding:8px}.trademarks{font-size:11px;line-height:1.6;margin-top:16px;max-width:900px}.card a:focus-visible,.card summary:focus-visible{outline-color:#2755e8}@media(max-width:1000px) and (min-width:761px){.card-top{height:150px}.actions{grid-template-columns:1fr}.hero h1{font-size:44px;max-width:420px}.logo{width:180px}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header{padding-top:12px}.logo{width:156px}.controls{gap:6px}.controls select{max-width:82px}.hero{height:590px;overflow:hidden}.hero-copy{padding-block:32px 0}.hero h1{font-size:36px;max-width:350px;margin-bottom:18px}.hero-subtitle{font-size:15px;max-width:250px;margin-bottom:20px}.hero:after{background:none}.hero-copy:before{content:"";position:absolute;z-index:-1;left:-16px;top:0;width:min(380px,100vw);height:350px;background:linear-gradient(90deg,#102445fa 0%,#102445ed 65%,#10244500 100%);pointer-events:none}.kingdom{top:0;bottom:auto;height:100%;width:100%;object-position:60% center}#products{margin-top:-32px}.card-top{height:120px;min-height:120px;padding:18px}.card-top h3{font-size:21px}.card-top img{width:58px;height:58px}.cards{gap:22px}.product-media{margin-inline:12px;width:calc(100% - 24px)}.card-copy{padding:16px}.actions{grid-template-columns:1fr;gap:4px}.actions .store-link{min-height:78px}.store-badge[data-store=app-store]{width:156px;height:52px}.store-badge[data-store=google-play]{width:204px;height:79px}.actions .website-link{min-height:54px}.actions .badge{min-height:58px}.hero .primary{min-width:210px}.section{padding-top:56px}}
.kingdom{object-position:center 30%}.actions .store-link{padding-block:14px}@media(max-width:760px){.hero{height:600px}.kingdom{top:auto;bottom:0;height:340px;object-position:center 55%}.hero-copy:before{height:365px;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}.hero-subtitle{max-width:310px;font-size:14px;word-break:keep-all}}
/* Final A atmosphere: the kingdom continues into about, contact and footer. */
:root{--bg:#fff2da;--panel:#fffaf0;--line:#bbc7d2;--ornament:#995000;--scene-panel:#fff7e8} :root[data-theme=dark]{--bg:#062952;--panel:#0b3562;--line:#7794b5;--ornament:#ffbc87;--scene-panel:#09315c}body{background:radial-gradient(ellipse at 80% 55%,#2755e80a,transparent 55%),var(--bg)}.header{min-height:80px}.section-heading{display:flex;align-items:center;gap:14px;font-size:20px;line-height:1.4;font-weight:750;letter-spacing:0;margin-bottom:26px}.section-heading>span:first-child{font-size:24px;color:var(--ornament)}.section-heading:after{content:"";height:1px;background:var(--line);flex:1;margin-left:6px}.pixel-art{image-rendering:pixelated;object-fit:contain}.about{padding-top:66px}.about-intro{max-width:none;display:grid;grid-template-columns:440px 1fr;gap:44px;align-items:center}.about-landscape{width:100%;height:auto;filter:drop-shadow(0 6px 0 #031b3220)}.vision h2{margin-top:0;font-size:32px}.vision .about-copy{margin-top:20px;font-size:17px;line-height:1.8}.values{gap:24px;margin-top:32px}.values article{position:relative;background:var(--scene-panel);padding:24px 24px 26px;border:1px solid var(--line);border-radius:6px;box-shadow:inset 0 3px 0 #ffbc8726}.principle-icon{width:72px;height:72px;margin-bottom:16px}.values h3{font-size:22px;margin-bottom:12px}.values p{font-size:16px}.contact-panel{border:0;border-radius:0;background:transparent;padding:8px 0 12px;display:grid;grid-template-columns:100px minmax(0,1fr) 270px;gap:28px;align-items:center}.mail-mark{color:var(--text);width:92px;height:88px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#ffbc8729,#2755e815);box-shadow:inset 0 0 0 5px #ffffff08}.mail-mark svg{width:54px;height:42px;shape-rendering:crispEdges}.contact-copy h2{font-size:32px}.contact-copy p{font-size:17px;margin:14px 0 24px;max-width:560px}.email{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:21px;line-height:1.4;min-height:56px;padding:13px 20px;border:1px solid var(--accent);border-radius:8px;text-decoration:none;font-weight:650;background:var(--scene-panel)}.contact-character{display:flex;position:relative;min-height:236px;align-items:flex-end;justify-content:flex-end}.contact-character img{width:132px;height:198px}.contact-character .speech{align-self:flex-start;margin:0 -18px 0 0;padding:15px 18px;width:165px;flex-shrink:0;border:1px solid var(--line);border-radius:50% 50% 0 50%;color:var(--text);background:var(--scene-panel);text-align:center;font-size:15px;line-height:1.5}.footer{margin-top:26px;padding-top:28px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:center}.footer-brand .logo{width:220px}.business h2{font-size:14px;letter-spacing:.02em}.business dl{margin:14px 0 0;gap:5px 24px;font-size:12px}.footer-bottom{margin-top:24px;border:0;padding-top:0}.trademarks{margin-top:8px;max-width:none;opacity:.9}.card-copy{gap:10px}.card-top{padding:18px}.card{box-shadow:0 6px 20px #00173220}
@media(max-width:1000px){.about-intro{grid-template-columns:36% 1fr;gap:28px}.contact-panel{grid-template-columns:76px minmax(0,1fr) 210px;gap:18px}.mail-mark{width:72px;height:72px}.contact-character .speech{width:135px;padding:12px;font-size:14px}.contact-character img{width:110px;height:165px}.footer-grid{grid-template-columns:210px 1fr;gap:24px}.footer-brand .logo{width:190px}}
@media(max-width:760px){.hero{height:580px;background:#062952}.hero .kingdom{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero:after{background:linear-gradient(180deg,#062952d9 0%,#0629529e 30%,#06295220 63%,transparent 78%)}.hero-copy:before{display:none}.hero-copy{padding-top:32px;text-align:center}.hero h1{font-size:36px;max-width:350px;margin:0 auto 18px;text-shadow:0 2px 0 #032242}.hero-subtitle{margin-inline:auto;max-width:310px;text-shadow:0 1px 2px #032242}.hero .primary{margin-top:4px;min-width:215px;border-radius:30px}.cards{grid-auto-rows:auto;align-items:start;gap:20px}.card{height:auto}.card-top{height:auto;min-height:104px;padding:16px}.card-copy{flex:initial;padding:14px 16px 16px;gap:8px}.actions{margin-top:8px;min-height:0;padding-top:0}.actions .badge{min-height:52px}.card .actions .store-link{padding-block:14px}.section{padding-top:44px}.section-heading{font-size:19px;margin-bottom:22px;gap:10px}.about-intro{display:flex;flex-direction:column;gap:20px}.about-landscape{max-width:430px;width:100%;height:auto}.vision h2{font-size:26px;line-height:1.35}.vision .about-copy{font-size:16px;margin-top:16px}.values{gap:14px;margin-top:24px}.values article{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:16px;padding:18px}.principle-icon{width:58px;height:58px;grid-row:1/3;margin:0;align-self:center}.values h3{font-size:20px;margin-bottom:8px}.values p{font-size:15px;line-height:1.65}.contact-panel{grid-template-columns:58px minmax(0,1fr);gap:16px;padding:0}.mail-mark{width:56px;height:56px;align-self:start}.mail-mark svg{width:34px;height:28px}.contact-copy h2{font-size:27px}.contact-copy p{font-size:16px;margin-top:12px;margin-bottom:20px}.contact-copy{display:contents}.contact-copy h2{align-self:center}.contact-copy p,.contact-copy .email{grid-column:1/-1;margin-block:0}.email{font-size:20px;min-height:56px;padding:12px 16px;gap:12px}.contact-character{grid-column:1/-1;min-height:166px;width:100%;justify-content:flex-end;margin-top:4px}.contact-character img{width:110px;height:165px}.contact-character .speech{width:176px;margin:0 -10px 0 0;padding:15px 18px;font-size:15px;align-self:center;transform:translateY(-25px)}.footer{margin-top:24px;padding-top:26px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand .logo{width:200px}.business dl{display:grid;grid-template-columns:1fr;gap:3px}.business dt{margin-top:10px}.footer-bottom{margin-top:20px}.trademarks{font-size:10px;line-height:1.7}}
/* Align visible badge bounds, not the differing transparent source canvases. */
.actions{align-items:center}.actions .store-link{height:96px;min-height:96px;padding:0;display:flex;justify-content:center;align-items:center}.store-badge[data-store=app-store]{height:48px;width:auto;max-width:none}.store-badge[data-store=google-play]{height:71.4286px;width:auto;max-width:none}:lang(ko) .store-badge[data-store=google-play]{height:62.5px}.actions .website-link,.actions .badge{height:48px;min-height:48px}.actions .website-link{align-self:center}.card-top{align-items:flex-start}.card-top h3{margin-top:0}.subtitle-placeholder{min-height:23px}.card-copy>p:not(.subtitle){margin:0}
@media(min-width:761px){.cards{grid-template-rows:repeat(6,auto);grid-auto-rows:auto;row-gap:10px}.card{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:10px;align-content:start}.card-top{height:auto;min-height:106px;padding-top:22px;padding-bottom:16px}.card-top img{margin-top:0}.product-media{align-self:start}.card-copy{display:grid;grid-row:3/span 4;grid-template-rows:subgrid;row-gap:10px;padding:8px 18px 14px}.card-copy>.subtitle{grid-row:1;min-height:23px}.card-copy>p:not(.subtitle){grid-row:2}.card-copy>details{grid-row:3}.card-copy>.actions{grid-row:4;margin-top:0;padding-top:0;align-self:end;min-height:96px}.actions .badge{align-self:center}.card-copy>details>summary{min-height:44px}}
@media(min-width:761px) and (max-width:1340px){.actions{grid-template-columns:1fr}.card-copy>.actions{align-self:start}}
@media(max-width:760px){.subtitle-placeholder{display:none}.card-top{align-items:center}.actions{gap:0}.actions .store-link{height:96px;min-height:96px}.actions .website-link,.actions .badge{height:48px;min-height:48px}.card .actions .store-link{padding:0}.card-copy{gap:8px}}
.actions .app-store-soon{grid-column:auto;height:48px;min-height:48px;padding:0 6px;background:transparent;border:0;border-radius:0;color:var(--muted);font-size:13px;font-weight:400;line-height:18px;text-align:center}