:root{--ink:#172e49;--muted:#576573;--blue:#2164de;--paper:#f8f8f3;--line:#dce2e7;--yellow:#ffda55;--white:#fff;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Hiragino Sans",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p{line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}h1{font-size:clamp(38px,4.1vw,63px);line-height:1.2;letter-spacing:-.055em;margin-bottom:25px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.3;letter-spacing:-.045em;margin-bottom:22px}h3{font-size:22px;line-height:1.45;letter-spacing:-.025em}.wrap{max-width:1184px;margin:auto;padding:0 40px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:30}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(248,248,243,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:23px;letter-spacing:-.7px}.brand img{width:38px;border-radius:9px}.nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:600}.langs{display:flex;gap:13px;font-size:12px}.langs a{color:var(--muted)}.langs [aria-current]{color:var(--blue);font-weight:800}.hero{padding:62px 0 70px}.hero-grid{display:grid;grid-template-columns:1.23fr 1fr;align-items:center;gap:50px;min-height:620px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--blue);margin-bottom:23px}.platforms{display:flex;gap:5px;margin-bottom:32px;width:max-content;border:1px solid #d3dce4;border-radius:99px;padding:4px;font-size:12px}.platforms a{padding:8px 16px;border-radius:99px}.platforms [aria-current]{background:var(--ink);color:white}.accent{position:relative;isolation:isolate}.accent:after{content:"";position:absolute;background:var(--yellow);bottom:2px;left:-2px;right:-2px;height:12px;z-index:-1}.lead{max-width:510px;font-size:17px;color:var(--muted);margin-bottom:26px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);border-radius:10px;padding:17px 24px;color:#fff;font-size:14px;font-weight:650}.button:hover{background:var(--blue)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.free-note{font-size:12px;color:var(--muted);margin-top:23px;line-height:1.8}.free-note strong{display:block;color:var(--ink)}figure{margin:0}.hero-art{position:relative;min-width:0;background:#e5edfb;border-radius:32px;padding:40px 44px 28px;overflow:hidden}.hero-art:before{content:"";position:absolute;width:170px;height:230px;border-radius:8px;background:var(--yellow);right:-65px;top:45px;transform:rotate(18deg)}.hero-art figure{position:relative}.hero-art img{max-height:465px;width:auto;margin:auto;border:7px solid white;border-radius:22px;box-shadow:0 14px 38px #1234661c}.hero-art figcaption{font-size:10px;color:#46596c;line-height:1.6;margin:18px auto 0;max-width:330px}.hero-art.mac img{max-height:480px;border-radius:15px}.hero-art.mac{padding:45px 20px}.chapter{display:flex;align-items:center;gap:15px;color:#6f7e8a;font-size:11px;letter-spacing:1.5px;margin-bottom:42px}.chapter:after{content:"";height:1px;flex:1;background:var(--line)}.concept{padding:70px 0 90px;background:#fff}.section-head{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;margin-bottom:40px}.section-head p{color:var(--muted);font-size:16px}.concept-diagram{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:32px 42px}.diagram-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:30px;max-width:820px;margin:auto}.mini-browser{background:#fff;border:1px solid #ced8e2;border-radius:12px;overflow:hidden}.browser-bar{padding:12px 16px;background:#f1f4f7;display:flex;gap:5px}.browser-bar i{width:6px;height:6px;background:#b9c7d3;border-radius:50%}.mini-content{padding:22px}.placeholder{height:9px;background:#e7ecf1;border-radius:4px;margin:9px 0;width:100%}.placeholder.short{width:62%}.picked{position:relative;margin:22px -7px 18px;border:2px solid var(--blue);border-radius:8px;padding:20px 18px;background:#f0f5ff}.picked:after{content:"↗";background:var(--blue);color:white;position:absolute;right:-10px;bottom:-12px;border-radius:50%;padding:3px 8px}.picked .placeholder{background:#a9c4ee}.mini-label{font-size:12px;font-weight:650;margin:0 0 13px}.diagram-arrow{font-size:32px;text-align:center;color:var(--blue)}.picked-result{background:var(--yellow);padding:27px;border-radius:12px;transform:rotate(2deg);box-shadow:5px 9px 0 #162e4910}.picked-result .placeholder{background:#bea343}.diagram-note{font-size:11px;color:var(--muted);text-align:center;margin:25px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.step-number{font-family:ui-monospace,monospace;font-size:12px;color:var(--blue);margin-bottom:20px;display:block}.steps h3{font-size:19px}.steps p{font-size:14px;color:var(--muted)}.features{padding:90px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}.feature-card{padding:32px 0;border-top:1px solid var(--line)}.feature-label{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:750;display:block;margin-bottom:20px}.feature-card p{font-size:14px;color:var(--muted);margin-bottom:0}.screens{background:var(--ink);color:white;padding:85px 0}.screens .eyebrow{color:#adc8ff}.screens .section-head p{color:#c2ccda}.screen-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center}.screen-grid figure{min-width:0}.screen-grid img{border:5px solid #fff;border-radius:16px;max-height:660px;width:auto;margin:auto}.screen-grid figure.mac img{width:100%;max-height:none}.screen-grid figcaption{font-size:11px;line-height:1.7;color:#c2ccda;text-align:center;margin-top:20px}.screen-note{font-size:11px;color:#bcc9d9;text-align:center;margin:35px 0 0}.values{padding:95px 0 90px;background:var(--yellow)}.values .eyebrow{color:var(--ink)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:45px}.values-grid article{border-top:1px solid #172e4930;padding-top:24px}.values-grid p{font-size:14px;margin-bottom:0}.snapshot{padding:90px 0;background:#fff}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.snapshot-grid>div>p{color:var(--muted)}.snapshot figure{background:#f0f2ed;border-radius:25px;padding:32px}.snapshot img{max-height:470px;width:auto;margin:auto;border-radius:15px;border:5px solid white}.snapshot figcaption{font-size:10px;color:var(--muted);line-height:1.7;text-align:center;margin-top:20px}.pricing{padding:90px 0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.price-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px}.price-card ul{list-style:none;padding:0;margin:0}.price-card li{font-size:15px;padding:11px 0;border-bottom:1px solid #edf0f3}.price-card li:before{content:"✓";color:var(--blue);margin-right:12px}.price-card p{color:var(--muted);font-size:15px}.price-card .fine{font-size:12px;margin-bottom:0}.faq{padding:60px 0 90px}.faq-inner{max-width:820px;margin:auto}.faq h2{margin-bottom:40px}details{border-top:1px solid var(--line);padding:23px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650;font-size:16px;line-height:1.6;padding-right:15px}details p{color:var(--muted);font-size:14px;margin:17px 0 0}.closing{background:#e6edfb;text-align:center;padding:85px 24px}.closing h2{margin-bottom:30px}.closing p{font-size:11px;color:var(--muted);margin:22px 0 0}.footer{padding:42px 0}.footer-inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.footer nav{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto;font-size:12px}.copyright{width:100%;font-size:11px;color:var(--muted);margin:5px 0 0}.support-document{padding:65px 0;max-width:820px}.support-document h1{font-size:44px}.support-document>p{color:var(--muted)}.support-document section{padding:24px 0;border-bottom:1px solid var(--line)}.support-document h2{font-size:23px}.support-document section p{color:var(--muted);font-size:15px}
@media(min-width:1000px){html[lang=en] h1{font-size:clamp(42px,4.4vw,65px)}html[lang=ja] h1{font-size:clamp(32px,3.65vw,54px)}}
@media(max-width:900px){.wrap{padding:0 26px}.header-inner{gap:18px}.nav{gap:17px}.nav a:first-child{display:none}.hero-grid{gap:30px}.hero-art{padding:30px 24px 24px}.section-head{gap:35px}.snapshot-grid{gap:40px}.steps{gap:25px}.screen-grid{gap:25px}.feature-grid{gap:0 25px}h1{font-size:38px}.lead{font-size:15px}.button{padding:15px 18px}.actions{gap:18px}}
@media(max-width:650px){html{scroll-padding-top:85px}.wrap{padding:0 22px}.header-inner{min-height:69px;gap:13px;flex-wrap:wrap}.brand{font-size:20px;gap:8px}.brand img{width:31px}.nav{display:none}.langs{margin-left:auto;gap:11px;font-size:11px}.hero{padding:28px 0 45px}.hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.platforms{margin-bottom:28px}.hero .eyebrow{margin-bottom:15px}h1{font-size:clamp(29px,7.8vw,48px);line-height:1.26;letter-spacing:-.05em}h2{font-size:32px}.lead{font-size:15px}.hero-art{max-width:410px;width:100%;margin:auto;padding:28px 30px 22px}.hero-art img{max-height:390px}.hero-art.mac img{max-height:none}.concept,.features,.screens,.values,.snapshot,.pricing{padding:57px 0}.chapter{margin-bottom:30px}.section-head{display:block;margin-bottom:28px}.section-head p{font-size:15px}.concept-diagram{padding:25px 16px}.diagram-grid{grid-template-columns:1fr 20px 1fr;gap:9px}.mini-content{padding:11px}.mini-label{font-size:10px}.picked{padding:10px 9px;margin:18px -3px 10px}.picked-result{padding:16px 12px}.diagram-arrow{font-size:22px}.placeholder{height:7px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-number{margin-bottom:12px}.steps h3{margin-bottom:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 20px}.feature-card{padding:25px 0}.feature-card h3{font-size:18px}.feature-card p{font-size:13px}.feature-label{margin-bottom:14px}.screen-grid{grid-template-columns:1fr;gap:40px}.screen-grid img{max-height:560px}.screen-grid figure.mac img{max-height:none}.values-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.values-grid h3{margin-bottom:12px}.snapshot-grid{grid-template-columns:1fr;gap:25px}.snapshot figure{padding:25px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:25px}.faq{padding:25px 0 60px}summary{font-size:15px}.closing{padding:60px 20px}.closing h2{font-size:29px}.footer-inner{gap:22px}.footer nav{margin-left:0;gap:18px}.support-document{padding-top:40px}.support-document h1{font-size:34px}.support-document h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.release-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:470px;margin:18px 0 0}

/* Safari → collection → listening: the primary product story. */
.free-note{background:#fff3bd;border:1px solid #ebd782;border-radius:12px;padding:15px 18px;margin:0 0 25px;font-size:12px;max-width:520px}.free-note strong{font-size:16px;line-height:1.6;margin-bottom:5px}.safari-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.safari-action{background:#edf3ff;border-radius:18px;padding:30px}.safari-action:last-child{background:#fff4c9}.safari-action p{font-size:15px;color:var(--muted);margin-bottom:0}.safari-action .feature-label{font-size:16px;letter-spacing:3px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.collection-list article{border-top:1px solid #ffffff30;padding:25px 0 8px}.collection-list h3{font-size:21px;margin-bottom:12px}.collection-list p{color:#c2ccda;font-size:15px}.collection-list .collection-note{font-size:12px}.listening{padding:85px 0;background:#eaf0fc}.listen-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.listen-flow article{border-top:2px solid #2164de;padding-top:25px}.listen-flow h3{font-size:21px}.listen-flow p{font-size:15px;color:var(--muted)}.listen-free{display:flex;gap:30px;align-items:baseline;padding:22px 25px;margin-top:24px;background:white;border-radius:12px}.listen-free strong{white-space:nowrap;font-size:15px}.listen-free p{font-size:14px;margin:0}.listen-note{font-size:12px;color:var(--muted);margin:18px 0 0}.nav{gap:20px}
@media(max-width:1050px){.nav{gap:13px;font-size:12px}.header-inner{gap:20px}.collection-grid{gap:35px}}
@media(max-width:650px){.free-note strong{font-size:15px}.safari-actions,.collection-grid,.listen-flow{grid-template-columns:1fr;gap:22px}.safari-action{padding:25px}.collection-grid{gap:35px}.listening{padding:57px 0}.listen-free{display:block;padding:22px}.listen-free strong{display:block;margin-bottom:10px;white-space:normal}.listen-flow h3{margin-bottom:12px}.collection-list article{padding-top:22px}.screens .screen-grid img{max-height:520px}}