:root{--paper:#f4efe4;--paper-light:#fffdf8;--paper-deep:#e9e1d2;--ink:#242321;--ink-soft:#5b5852;--ink-faint:#80786e;--line:#d4cabc;--red:#c93f32;--red-dark:#9f3027;--green:#285b42;--charcoal:#1b1d1d;--shadow:0 28px 85px rgb(61 45 30 / .17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
body::before{position:fixed;inset:0;z-index:-1;content:"";background-image:radial-gradient(rgb(42 35 26 / .035) .7px,transparent .7px);background-size:13px 13px;pointer-events:none}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
::selection{background:rgb(201 63 50 / .22)}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;border-bottom:1px solid rgb(36 35 33 / .11);background:rgb(244 239 228 / .88);backdrop-filter:blur(18px)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-size:1.32rem;font-weight:700;letter-spacing:-.04em}
.wordmark em{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.68em;font-style:normal;font-weight:600;letter-spacing:.01em;color:var(--ink-soft)}
.wordmark-seal{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--red);color:#fffdf8;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1}
.main-nav{display:flex;align-items:center;gap:26px;font-size:.88rem;font-weight:550;color:var(--ink-soft)}
.main-nav a:hover,.header-link:hover,.text-link:hover,.site-footer nav a:hover{color:var(--red)}
.header-link{white-space:nowrap;font-size:.87rem;font-weight:700;border-bottom:1px solid var(--red);padding-block:7px}
.header-link span,.text-link span{color:var(--red)}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f5f0e6 0%,#f2eddf 72%,#eae0ce 100%)}
.hero-grid{min-height:720px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:54px;padding-block:70px 36px}
.hero-copy{position:relative;z-index:2;padding-bottom:38px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.eyebrow-line{width:30px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;line-height:1.06}
h1{font-size:clamp(4rem,6.4vw,6.2rem);margin-bottom:28px}
h1 span{color:var(--red)}
.hero-lede{max-width:555px;color:var(--ink-soft);font-size:1.16rem;line-height:1.75}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:14px 23px;border:1px solid transparent;font-size:.88rem;font-weight:750;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--red);color:var(--paper-light);box-shadow:0 12px 28px rgb(159 48 39 / .17)}
.button-primary:hover{background:var(--red-dark);box-shadow:0 16px 30px rgb(159 48 39 / .21)}
.text-link{font-weight:700;font-size:.88rem}
.release-note{display:flex;align-items:center;gap:9px;margin:33px 0 0;color:var(--ink-faint);font-size:.81rem}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgb(40 91 66 / .1)}
.hero-art{position:relative;min-height:650px;display:grid;place-items:center}
.hero-halo{position:absolute;width:min(110%,610px);aspect-ratio:1;border-radius:50%;background:#e3d9c4;box-shadow:inset 0 0 0 1px rgb(36 35 33 / .05);left:50%;top:49%;transform:translate(-50%,-50%)}
.hero-halo::after{content:"";position:absolute;inset:11%;border:1px solid rgb(36 35 33 / .12);border-radius:50%}
.hero-jamo{position:absolute;z-index:1;font-family:Georgia,"Times New Roman",serif;color:rgb(159 48 39 / .5)}
.hero-jamo-one{top:1%;left:7%;font-size:4.4rem;transform:rotate(-14deg)}
.hero-jamo-two{top:18%;right:1%;font-size:3rem;transform:rotate(10deg)}
.hero-jamo-three{bottom:6%;right:3%;font-size:3.8rem;transform:rotate(9deg)}
.phone-frame{margin:0;position:relative;z-index:2;width:min(340px,76%);height:auto;border:9px solid #242424;border-radius:42px;background:#242424;box-shadow:var(--shadow),0 5px 0 rgb(0 0 0 / .16);overflow:visible;transform:rotate(3deg)}
.hero-phone-screen{position:relative;overflow:hidden;border-radius:32px;line-height:0}
.hero-phone-screenshot{width:100%;height:auto}
.hero-stroke-animation{position:absolute;left:24.24%;top:58.93%;width:53.03%;height:auto;pointer-events:none}
.phone-frame figcaption{position:absolute;bottom:-38px;right:0;color:var(--ink-faint);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform:rotate(-3deg)}
.hero-side-note{position:absolute;z-index:3;left:0;bottom:70px;display:flex;flex-direction:column;gap:2px;padding:16px 20px;background:var(--paper-light);box-shadow:0 14px 40px rgb(40 35 25 / .12);transform:rotate(-5deg);font-size:.72rem}
.hero-side-note span:first-child{color:var(--red);font-size:.65rem;font-weight:800;letter-spacing:.14em}
.hero-side-note strong{font-size:.83rem}
.hero-side-note span:last-child{color:var(--ink-soft)}
.hero-foot{display:flex;justify-content:space-between;gap:25px;padding-block:22px 24px;border-top:1px solid rgb(36 35 33 / .12);color:var(--ink-faint);font-size:.66rem;font-weight:750;letter-spacing:.16em}
.intro-band{background:var(--charcoal);color:var(--paper-light)}
.intro-grid{min-height:160px;display:grid;grid-template-columns:1.7fr repeat(3,.65fr);align-items:center;gap:35px}
.intro-grid>p{max-width:340px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;line-height:1.32;letter-spacing:-.025em}
.intro-stat{border-left:1px solid rgb(255 255 255 / .22);padding-left:28px;display:flex;flex-direction:column;line-height:1.25}
.intro-stat strong{font-family:Georgia,"Times New Roman",serif;font-size:2.55rem;font-weight:400;line-height:1}
.intro-stat span{margin-top:10px;color:#d1c8b8;font-size:.77rem}
.section{padding-block:122px}
.section-heading{display:grid;grid-template-columns:1fr 360px;align-items:end;gap:60px;margin-bottom:50px}
.section-heading h2,.study-copy h2,.platforms-section h2,.closing-section h2{font-size:clamp(2.9rem,4.2vw,4.5rem);margin:0}
.section-heading>p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.75}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.path-card{position:relative;min-height:425px;padding:27px 27px 25px;background:var(--paper-light);display:flex;flex-direction:column;transition:background .2s ease}
.path-card:hover{background:#faf5e9}
.path-number{color:var(--red);font-size:.73rem;font-weight:800;letter-spacing:.12em}
.path-example{position:relative;height:112px}
.path-glyph{display:flex;align-items:center;height:112px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.11em}
.path-card:last-child .path-glyph{font-size:2.5rem;letter-spacing:-.08em}
.path-reading{position:absolute;top:6px;right:0;max-width:70%;color:var(--red);font-size:.75rem;font-weight:700;line-height:1.25;text-align:right;overflow-wrap:anywhere}
.path-meta{min-height:70px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:13px}
.path-meaning{color:var(--ink-soft);font-size:.75rem;line-height:1.4}
.path-meaning strong{color:var(--ink);font-weight:650}
.path-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.36rem;letter-spacing:-.025em;margin-bottom:7px}
.path-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.65;margin-bottom:20px}
.path-card-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.path-count{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.path-audio{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:5px 10px;border:1px solid var(--red);border-radius:99px;color:var(--red);font-size:.73rem;font-weight:750;line-height:1.15;white-space:nowrap;transition:background .2s ease,color .2s ease}
.path-meta .path-audio{margin-bottom:5px}
.path-audio:hover,.path-audio.is-playing{background:var(--red);color:var(--paper-light)}
.path-audio-icon{font-size:.61rem;line-height:1}
.study-section{background:var(--paper-deep);overflow:hidden}
.study-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:100px}
.study-visual{position:relative;min-height:680px;display:grid;place-items:center}
.study-visual::before{position:absolute;content:"";width:560px;aspect-ratio:1;border-radius:50%;background:#d8cbb3;transform:translate(-45px,-5px)}
.study-image-wrap{position:relative;z-index:2;width:320px;max-width:75%;height:650px;overflow:hidden;border:8px solid #242424;border-radius:40px;box-shadow:var(--shadow);transform:rotate(-4deg)}
.study-image-wrap img{width:100%;height:auto}
.study-image-wrap .study-apple{position:absolute;z-index:3;width:50%;height:auto;left:50%;top:62%;filter:drop-shadow(0 13px 12px rgb(47 35 22 / .18));transform:translateX(-50%);pointer-events:none}
.study-stamp{position:absolute;z-index:3;right:-20px;bottom:60px;width:130px;height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--red);border-radius:50%;color:var(--red);font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;line-height:1.2;transform:rotate(12deg);background:var(--paper-deep)}
.study-stamp small{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em}
.study-copy .section-lede{max-width:510px;margin-top:26px;color:var(--ink-soft);font-size:1.04rem;line-height:1.75}
.feature-stack{margin-top:36px;border-top:1px solid var(--line)}
.feature-stack article{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:19px 0;border-bottom:1px solid var(--line)}
.feature-stack article>span{padding-top:5px;color:var(--red);font-size:.72rem;font-weight:800}
.feature-stack h3{font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;font-weight:500;letter-spacing:-.02em;margin:0 0 3px}
.feature-stack p{color:var(--ink-soft);font-size:.85rem;line-height:1.6;margin:0}
.screens-section{background:#f7f2e8}
.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.screens-grid figure{margin:0}
.screen-image{height:560px;background:#e7ded0;padding:22px 36px 0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}
.screen-image img{width:100%;height:auto;max-width:285px;border:7px solid #252525;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:0 12px 30px rgb(50 40 30 / .15)}
.library-phone,.review-phone{position:relative;width:100%;max-width:285px;flex:none}
.library-phone>.library-screenshot,.review-phone>.review-screenshot{max-width:none}
.library-phone>.library-word-animation{position:absolute;left:6.5%;top:60%;width:53.6%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none;pointer-events:none}
.review-phone>.review-jamo-animation{position:absolute;left:6.5%;top:60.5%;width:67%;height:24.4%;max-width:none;border:0;border-radius:0;box-shadow:none;object-fit:fill;pointer-events:none}
.screens-grid figcaption{display:flex;flex-direction:column;gap:6px;padding-top:19px}
.screens-grid figcaption span{color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.15em}
.screens-grid figcaption strong{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:500}
.platforms-section{background:var(--charcoal);color:var(--paper-light);overflow:hidden}
.platforms-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.eyebrow-light{color:#e78376}
.platforms-section h2{margin-bottom:26px}
.platforms-section p:not(.eyebrow){max-width:520px;color:#d1c8b8;line-height:1.75}
.platform-pills{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 28px}
.platform-pills span{padding:7px 12px;border:1px solid rgb(255 255 255 / .32);border-radius:50px;color:#f7f2e8;font-size:.72rem}
.platforms-section .platform-note{font-size:.8rem;color:#abaaa3!important}
.platform-visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:flex-start}
.ipad-image{width:min(580px,100%);max-height:480px;object-fit:cover;object-position:top;border:7px solid #555;border-radius:18px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}
.watch-frame{position:absolute;right:-12px;bottom:0;width:170px;height:204px;display:grid;place-items:center;padding:12px;border:9px solid #454545;border-radius:43px;background:#000;box-shadow:0 20px 40px rgb(0 0 0 / .35);transform:rotate(7deg);overflow:hidden}
.watch-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.closing-section{padding-block:100px;background:var(--paper-light)}
.closing-grid{display:grid;grid-template-columns:340px 1fr;align-items:center;gap:90px}
.closing-mark{width:300px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 18px 45px rgb(50 35 20 / .1)}
.closing-mark img{width:100%;height:100%;object-fit:cover}
.closing-section h2{margin-bottom:22px}
.closing-section p:not(.eyebrow){max-width:510px;color:var(--ink-soft);line-height:1.75}
.closing-section .button{margin-top:12px}
.site-footer{padding-block:60px;background:var(--paper-deep);border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px 50px;align-items:start}
.site-footer p{margin:12px 0 0;color:var(--ink-soft);font-size:.86rem}
.site-footer nav{display:flex;flex-wrap:wrap;gap:22px;color:var(--ink-soft);font-size:.82rem}
.site-footer small{grid-column:1/-1;padding-top:28px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.72rem}
.legal-main{padding-block:76px 110px;min-height:70vh}
.legal-heading{max-width:760px;margin-bottom:42px}
.legal-heading h1{font-size:clamp(3.2rem,5.5vw,5.3rem);margin:0 0 22px}
.legal-heading p{font-size:1.05rem;color:var(--ink-soft);line-height:1.75}
.legal-heading .updated{font-size:.78rem;color:var(--ink-faint);margin:22px 0 0}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;align-items:start}
.legal-toc{position:sticky;top:28px;padding:22px;background:var(--paper-deep);border:1px solid var(--line)}
.legal-toc strong{display:block;margin-bottom:13px;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.legal-toc a{display:block;padding:6px 0;font-size:.8rem;color:var(--ink-soft)}
.legal-toc a:hover,.legal-content a:hover{color:var(--red)}
.legal-content{max-width:800px}
.legal-content section{padding:0 0 30px;margin-bottom:31px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.legal-content section:last-child{border:0}
.legal-content h2{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;letter-spacing:-.025em;margin:0 0 14px}
.legal-content h3{font-size:1rem;margin:22px 0 7px}
.legal-content p,.legal-content li{color:var(--ink-soft);font-size:.94rem;line-height:1.8}
.legal-content ul{padding-left:20px}
.legal-content li{padding-bottom:7px}
.legal-content a{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.legal-callout{padding:20px 23px;background:var(--paper-light);border-left:3px solid var(--red)}
.legal-callout p:last-child{margin-bottom:0}
@media(max-width:1080px){.main-nav{gap:16px}.hero-grid{gap:15px}.hero-side-note{left:-20px}.study-grid{gap:45px}.path-card{padding:22px}.platforms-grid{gap:35px}}
@media(max-width:820px){.header-inner{min-height:70px}.main-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:75px}.hero-copy{padding-bottom:0}.hero-art{min-height:660px}.hero-halo{width:570px;max-width:100%}.hero-side-note{left:8%;bottom:65px}.hero-foot{font-size:.58rem}.intro-grid{grid-template-columns:repeat(3,1fr);padding-block:28px}.intro-grid>p{grid-column:1/-1;max-width:none}.section{padding-block:85px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:520px}.path-grid{grid-template-columns:repeat(2,1fr)}.study-grid{grid-template-columns:1fr;gap:50px}.study-visual{order:2;min-height:600px}.study-copy{order:1}.screens-grid{gap:12px}.screen-image{height:440px;padding:16px 18px 0}.platforms-grid{grid-template-columns:1fr;gap:40px}.platform-visual{min-height:420px;justify-content:center}.ipad-image{max-height:420px}.watch-frame{right:6%}.closing-grid{grid-template-columns:230px 1fr;gap:40px}.closing-mark{width:220px}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;display:flex;flex-wrap:wrap;gap:0 17px}.legal-toc strong{width:100%}}
@media(max-width:580px){.shell{width:min(100% - 34px,1180px)}.wordmark{font-size:1.18rem}.wordmark em{font-size:.58em}.header-link{font-size:.73rem}.hero-grid{padding-top:58px}.hero-copy h1{font-size:clamp(3.55rem,13vw,5rem)}.hero-lede{font-size:1.01rem}.hero-actions{gap:18px}.hero-art{min-height:570px}.hero-halo{width:470px}.phone-frame{width:258px;border-width:7px;border-radius:33px}.phone-frame img{border-radius:25px}.hero-jamo-one{font-size:3rem;left:3%;top:10%}.hero-jamo-two{font-size:2.2rem;right:1%;top:20%}.hero-jamo-three{font-size:2.8rem;right:1%;bottom:9%}.hero-side-note{left:0;bottom:40px;padding:10px 13px}.hero-side-note strong{font-size:.68rem}.hero-side-note span:last-child{font-size:.61rem}.hero-foot{gap:10px;flex-wrap:wrap;padding-block:18px;font-size:.5rem}.hero-foot span:last-child{display:none}.intro-grid{gap:20px 8px}.intro-grid>p{font-size:1.24rem}.intro-stat{padding-left:10px}.intro-stat strong{font-size:2.1rem}.intro-stat span{font-size:.66rem}.section{padding-block:68px}.section-heading h2,.study-copy h2,.platforms-section h2,.closing-section h2{font-size:clamp(2.75rem,10vw,3.7rem)}.path-grid{grid-template-columns:1fr 1fr}.path-card{min-height:340px;padding:16px}.path-glyph{height:100px;font-size:3.5rem}.path-card:last-child .path-glyph{font-size:1.7rem}.path-card h3{font-size:1.12rem}.path-card p{font-size:.78rem}.path-count{font-size:.58rem}.study-visual{min-height:560px}.study-visual::before{width:430px}.study-image-wrap{width:260px;height:520px}.study-stamp{right:0;bottom:35px;width:102px;height:102px;font-size:1.3rem}.screens-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px}.screens-grid figure{flex:0 0 min(78vw,300px);scroll-snap-align:start}.screen-image{height:510px;padding:17px 25px 0}.platform-visual{min-height:320px}.ipad-image{max-height:330px}.watch-frame{width:120px;height:145px;border-radius:30px;border-width:6px;padding:7px;right:-2%;bottom:-20px}.closing-section{padding-block:70px}.closing-grid{grid-template-columns:1fr;gap:35px}.closing-mark{width:180px}.footer-grid{grid-template-columns:1fr}.site-footer nav{gap:15px 20px}.legal-main{padding-block:54px 75px}.legal-heading h1{font-size:3.35rem}.legal-content h2{font-size:1.5rem}}
@media(max-width:580px){.hero-phone-screen{border-radius:25px}}
@media(max-width:580px){.path-card{min-height:450px}.path-example{height:100px}.path-meta{min-height:75px}.path-reading{font-size:.66rem;max-width:75%}.path-audio{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}.hero-stroke-animation,.library-word-animation,.review-jamo-animation{display:none}}