:root{--bg: #f5efe6;--bg-strong: #f0e6d8;--surface: rgba(255, 250, 244, .88);--surface-strong: #fffaf4;--line: rgba(46, 29, 17, .12);--text: #211712;--muted: #62564e;--accent: #c36546;--accent-deep: #8f3d28;--peach: #c86449;--blue: #d8e4f3;--olive: #b2bea0;--midnight: #151c40;--shadow-soft: 0 18px 40px rgba(42, 25, 15, .08);--shadow-strong: 0 28px 70px rgba(42, 25, 15, .14);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;word-break:keep-all;overflow-wrap:break-word;background:radial-gradient(circle at top right,rgba(195,101,70,.12),transparent 22%),radial-gradient(circle at 0 20%,rgba(143,61,40,.06),transparent 28%),linear-gradient(180deg,#fcf8f2 0%,var(--bg) 100%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.eyebrow{margin:0 0 14px;color:var(--accent-deep);font-family:Manrope,sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px #180e0a24}.button-dark{color:#fff8f1;background:var(--text)}.button-light{background:#fffaf4e0;border:1px solid rgba(46,29,17,.12)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}.site-frame{width:min(calc(100% - 24px),var(--container));margin:0 auto;padding:14px 0 42px}.site-header,.hero,.studio-note,.apps-section,.site-footer{position:relative}.site-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;isolation:isolate;padding:6px 0 18px;border-bottom:1px solid var(--line)}.site-header:before{content:"";position:absolute;inset:0 -20px -1px;z-index:0;pointer-events:none;opacity:0;background:transparent;transition:opacity .18s ease,background .18s ease}.brand{display:inline-flex;align-items:center;gap:12px}.brand,.site-nav{position:relative;z-index:1}.brand-mark{width:58px;height:58px;border-radius:16px;overflow:hidden;background:#fffbf7e6;box-shadow:0 10px 24px #2a190f12}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-family:Manrope,sans-serif;font-size:1.1rem;line-height:1;letter-spacing:-.04em}.brand-copy span{color:var(--muted);font-size:.8rem;line-height:1.5}.site-nav{display:flex;flex-wrap:wrap;gap:8px}.site-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(46,29,17,.08);background:#fffaf4b8;color:var(--muted);font-size:clamp(.82rem,2.2vw,.88rem);font-weight:700;white-space:nowrap}.hero{display:grid;gap:18px;padding:22px 0 30px;border-bottom:1px solid var(--line)}.hero-copy h1,.section-heading h2,.footer-copy h2{margin:0;letter-spacing:clamp(-.045em,-.2vw,-.03em);text-wrap:balance}.hero-copy h1{max-width:min(8.8em,100%);font-size:clamp(2.2rem,9.3vw,4.7rem);line-height:1.03;font-weight:800}.hero-copy h1 span{display:block;color:var(--accent-deep)}.hero-text,.section-heading p,.note-card p,.app-detail,.app-summary{line-height:1.78;word-break:keep-all}.hero-text{max-width:min(33em,100%);margin:16px 0 0;color:var(--muted);font-size:clamp(.93rem,2.8vw,1rem);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 18px}.hero-metrics{display:grid;grid-template-columns:1fr;gap:8px;margin:0;max-width:36rem}.hero-metrics div,.note-card{padding:14px 15px;border:1px solid rgba(46,29,17,.08);border-radius:var(--radius-md);background:#fffbf7b8;backdrop-filter:blur(12px)}.hero-metrics dt{font-size:.98rem;font-weight:800}.hero-metrics dd{margin:6px 0 0;color:var(--muted);font-size:.87rem;line-height:1.66}.hero-visual{min-width:0}.hero-stage{display:grid;gap:14px;padding:18px;border-radius:var(--radius-xl);color:#fff9f2;background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(145deg,#d27a58,#c36045 44%,#8e3326);box-shadow:var(--shadow-strong);overflow:hidden}.hero-stage-copy{display:grid;grid-template-columns:1fr;align-items:start;gap:10px;max-width:none}.hero-stage-head{display:grid;gap:4px}.hero-stage-kicker,.app-label{margin:0 0 10px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-stage-copy h2{margin:0;font-size:clamp(1.9rem,8vw,2.8rem);line-height:1.02;letter-spacing:-.05em}.hero-stage-copy p{margin:0;max-width:18rem;color:#fff7f0d6;line-height:1.6}.device-pair{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding-top:4px}.device-pair:before{content:"";position:absolute;left:10%;right:10%;bottom:12px;height:50px;border-radius:999px;background:radial-gradient(circle,#36110a52,#36110a00 72%);filter:blur(12px)}.device{position:relative;flex:0 0 auto;overflow:hidden;border-radius:26px;background:#ffffffeb;border:7px solid rgba(255,249,244,.24);box-shadow:0 24px 50px #40120c47}.device img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fffaf7}.device-featured{width:clamp(222px,61vw,272px);transform:rotate(-2deg)}.studio-note,.apps-section{padding:34px 0 10px}.section-heading{max-width:40rem;margin-bottom:18px}.section-heading h2,.footer-copy h2{font-size:clamp(1.72rem,6.6vw,3.4rem);line-height:1.18;font-weight:800}.section-heading p{margin:14px 0 0;color:var(--muted);font-size:clamp(.92rem,2.6vw,.98rem);line-height:1.82}.section-intro{max-width:40rem}.note-layout{display:grid;gap:12px}.note-card p{margin:0;color:var(--muted);font-size:.96rem}.note-label{margin-bottom:10px!important;color:var(--accent-deep)!important;font-family:Manrope,sans-serif;font-size:.72rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.note-card-brand{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px}.note-card-brand img{width:72px;height:72px;border-radius:20px;object-fit:cover;background:#ffffffbd}.section-heading-wide{max-width:48rem}.apps-grid{display:grid;gap:14px;align-items:stretch}.app-card{display:grid;min-height:100%;border:1px solid rgba(46,29,17,.08);border-radius:var(--radius-lg);overflow:hidden;background:#fffcf8e0;box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.app-card:hover,.app-card:focus-within{transform:translateY(-4px);box-shadow:0 22px 48px #2a190f1f;border-color:#8f3d2829}.app-card-media{position:relative;aspect-ratio:4 / 5.2;overflow:hidden}.app-slider,.app-slides{width:100%;height:100%}.app-slider,.app-slides{position:relative}.app-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4px 10px 30px;opacity:0;pointer-events:none;transition:opacity .22s ease}.app-slide.is-active{opacity:1;pointer-events:auto}.app-card-media img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:scale(1.06)}.slider-arrow{position:absolute;top:50%;z-index:2;width:32px;height:32px;border:0;border-radius:999px;background:#fffcf8e6;color:var(--text);font-size:1.14rem;line-height:1;cursor:pointer;transform:translateY(-50%);box-shadow:0 10px 20px #180e0a1f}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{position:absolute;left:50%;bottom:12px;z-index:2;display:flex;gap:6px;transform:translate(-50%)}.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#fff9;cursor:pointer}.slider-dots button.is-active{width:22px;background:#fff8f2}.tone-peach{background:linear-gradient(180deg,#ecd1c2,#d6937a)}.tone-blue{background:linear-gradient(180deg,#e5ecf6,#c8d8ea)}.tone-olive{background:linear-gradient(180deg,#c3ccb4,#98a984)}.tone-midnight{background:linear-gradient(180deg,#1a2251,#0d122e)}.app-card-body{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;padding:18px 16px}.app-card-topline{display:grid;gap:0}.app-icon-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-icon{width:46px;height:46px;border-radius:14px}.platform-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(46,29,17,.08);background:#fffaf4cc;color:var(--muted);font-size:.78rem;font-weight:800}.app-label{margin-bottom:0;color:var(--accent-deep)}.app-card h3{margin:0;font-size:clamp(1.34rem,4vw,1.52rem);font-weight:800;letter-spacing:clamp(-.03em,-.15vw,-.02em)}.app-summary{margin:0;font-size:clamp(.92rem,2.8vw,.98rem);font-weight:700}.app-detail{margin:0;color:var(--muted);font-size:clamp(.89rem,2.5vw,.95rem);line-height:1.8}.store-links{display:flex;flex-wrap:wrap;gap:8px 14px}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:.86rem;font-weight:800}.text-link:after{content:"->";transition:transform .18s ease}.text-link:hover:after,.text-link:focus-visible:after{transform:translate(4px)}.site-footer{display:grid;gap:18px;margin-top:20px;padding:28px 0 10px;border-top:1px solid var(--line)}.footer-meta{display:grid;gap:12px}.footer-meta a{color:var(--muted);font-weight:700;word-break:break-all}.social-link{display:inline-flex;align-items:center;gap:10px}.social-icon{display:inline-flex;width:18px;height:18px}.social-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-icon .social-icon-fill{fill:currentColor;stroke:none}@media(min-width:680px){.site-frame{width:min(calc(100% - 36px),var(--container));padding-top:18px}.site-header{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.site-nav{justify-content:flex-end}.hero{gap:22px}.hero-copy h1{max-width:9em;font-size:clamp(2.8rem,6.6vw,4.8rem);line-height:1.04}.hero-text{font-size:.98rem;line-height:1.82}.hero-metrics{grid-template-columns:minmax(0,1fr);max-width:38rem}.hero-stage{padding:24px}.hero-stage-copy{grid-template-columns:minmax(0,1fr) minmax(180px,.78fr);gap:12px 22px;align-items:end}.device-pair{padding-top:10px}.device-featured{width:clamp(248px,36vw,320px)}.note-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-card,.app-card-featured{height:100%}.app-card-featured{grid-column:1 / -1}.site-footer{grid-template-columns:minmax(0,1.2fr) auto;align-items:end}.footer-meta{justify-items:end;text-align:right}}@media(min-width:960px){.site-frame{width:min(calc(100% - 56px),var(--container))}.site-header{position:sticky;top:0;z-index:20;padding-top:16px;background:transparent;backdrop-filter:none}.site-header:before{inset-inline:-28px}.site-header.is-stuck:before{opacity:1;background:linear-gradient(180deg,#fcf8f2f5,#fcf8f2bd);backdrop-filter:blur(14px)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:start;gap:30px;padding-top:34px;padding-bottom:32px}.hero-copy,.hero-visual{max-width:none}.hero-visual{width:min(100%,418px);justify-self:end}.hero-copy h1{max-width:8.8em;font-size:clamp(3.5rem,5vw,5.4rem);letter-spacing:-.055em;line-height:.95}.hero-stage{min-height:0;grid-template-columns:1fr;align-items:start;padding:22px 24px 20px}.hero-stage-copy{grid-template-columns:1fr;align-items:start;gap:10px;max-width:none;padding:0}.hero-stage-copy h2{font-size:clamp(2.05rem,2.35vw,2.45rem);line-height:1;white-space:nowrap}.hero-stage-copy p{max-width:16rem;font-size:.94rem}.device-pair{min-height:0;padding-top:2px;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible}.device-featured{position:relative;width:clamp(264px,22vw,314px);transform:none}.hero-metrics{max-width:40rem}.studio-note,.apps-section{padding-top:42px}.section-heading{margin-bottom:26px}.apps-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.app-card-featured,.app-card{grid-column:span 6}.app-card-media{aspect-ratio:4 / 4.6}.app-card-body{padding:22px 22px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}