@charset "UTF-8";
:root{--paper:#faf7f0;--ink:#333b35;--muted:#68716b;--coral:#b44836;--sage:#e6ece2;--line:#deded2;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--sans:"Avenir Next",Avenir,"Apple SD Gothic Neo","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #426f69;outline-offset:4px}button[hidden]{display:none}button{color:inherit}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}p,h1,h2,h3{margin:0}.page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:20;top:12px;left:12px;padding:12px 20px;background:white;color:var(--ink)}
.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:26px 48px;display:flex;gap:32px;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-size:32px;font-weight:750;letter-spacing:-1.6px;line-height:1}.brand-symbol{width:36px;height:36px;color:var(--coral);stroke-width:2.2}.brand-dot{color:var(--coral)}.main-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:13px;font-weight:600}.main-nav a{min-height:44px;display:flex;align-items:center;gap:7px}.main-nav a:hover,.text-link:hover{color:var(--coral)}.main-nav a:last-child{color:var(--coral)}.language-select{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:24px}.language-select svg{width:17px;height:17px}.language-select select{appearance:none;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:12px 1px;min-height:44px;max-width:105px;font-size:13px}.language-select>span{pointer-events:none}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:80px;padding-top:72px;padding-bottom:76px;align-items:start}.hero-intro{padding-top:38px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--coral);font-size:12px;font-weight:650;letter-spacing:.06em}.little-sun{font-size:29px;line-height:1;font-weight:400}.hero h1{margin-top:25px;font-family:var(--serif);font-weight:500;font-size:clamp(45px,4.3vw,65px);line-height:1.07;letter-spacing:-2.5px}.hero h1>span{display:block}.hero h1 .welcome{font-size:clamp(22px,2.3vw,33px);margin-top:20px;letter-spacing:-.9px;color:var(--coral);line-height:1.2}.hero-description{font-size:22px;line-height:1.55;margin-top:25px;letter-spacing:-.3px}.hero-context{font-size:14px;color:var(--muted);line-height:1.8;margin-top:24px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--coral);color:#fffaf2;padding:15px 21px;border-radius:6px;font-size:14px;font-weight:650;margin-top:32px;min-height:52px;transition:background .15s,transform .15s}.primary-link:hover{background:#973c2d;transform:translateY(-2px)}.primary-link>span:last-child{font-size:20px;font-weight:400}.small-note{font-size:11px;color:var(--muted);margin-top:13px}.language-thread{display:flex;gap:13px;align-items:center;position:relative;width:max-content;margin-top:52px;font-family:var(--serif);font-style:italic;font-size:22px;color:#657666}.language-thread i{width:25px;height:1px;background:#a4b09e}.language-thread span:last-of-type{font-size:18px;font-style:normal}.language-thread svg{width:55px;height:30px;position:absolute;right:-57px;top:14px;stroke-width:1.4}
.demo{background:#fffdf8;border:1px solid #dddace;border-radius:13px;box-shadow:0 15px 40px -25px #4a4f3145;overflow:hidden;scroll-margin-top:24px;position:relative}.demo-topline{display:flex;gap:9px;align-items:center;background:#e6ece2;border-bottom:1px solid #d4ddcf;padding:16px 20px}.live-dot{width:7px;height:7px;background:#526e55;border-radius:50%;flex-shrink:0}.demo-topline h2{font-size:12px;font-weight:650;letter-spacing:.01em;line-height:1.5}.demo-badge{font-size:10px;border:1px solid #b9c5b4;border-radius:4px;padding:2px 7px;margin-left:auto;color:#55674f;white-space:nowrap}.demo-toolbar{padding:19px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eae7de}.demo-toolbar>p{font-size:11px;color:var(--muted);white-space:nowrap}.language-buttons{display:flex;gap:3px;background:#efeee6;border-radius:5px;padding:3px}.language-buttons button{padding:9px 13px;border:0;background:transparent;border-radius:4px;font-size:11px;min-height:38px;transition:background .15s,color .15s}.language-buttons button[aria-pressed=true]{background:#fffdf8;box-shadow:0 1px 3px #333b3515;color:var(--coral);font-weight:700}.language-buttons button:hover{color:var(--coral)}.conversation{padding:22px 24px 18px}.board-label{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--coral);margin-bottom:18px}.board-label>span:first-child{font-size:16px}.author-row{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-family:var(--serif);font-weight:600;font-size:16px;flex-shrink:0}.avatar-coral{background:#f5dfd4;color:#96513d}.avatar-sage{background:#e1e8d9;color:#53644b}.avatar-lilac{background:#e9e2f0;color:#6d5b7e}.author-row strong{font-size:11px;font-weight:650;display:block}.author-row p{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.5}.item-time{font-size:9px;color:var(--muted);margin-left:auto;align-self:flex-start;padding-top:3px}.item-title{font-size:20px;font-family:var(--serif);font-weight:600;line-height:1.35;letter-spacing:-.3px;margin-top:16px}.item-body{font-size:12px;line-height:1.85;margin-top:10px;white-space:pre-line;color:#505950}.translation-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:11px;min-height:28px}.translation-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px}.translation-status.is-translated:before{content:"↔";font-size:12px;color:#64816b}.original-button{border:0;background:transparent;color:var(--coral);font-size:10px;font-weight:600;padding:8px 0;min-height:32px;text-decoration:underline;text-underline-offset:3px}.reply-heading{display:flex;align-items:center;gap:12px;margin:15px 0 20px;color:#7b8379;font-size:9px}.reply-line{height:1px;flex:1;background:#e9e5da}.reply{padding-left:14px;border-left:2px solid #e7e5da;margin-left:15px}.reply+.reply{margin-top:22px}.reply .avatar{width:28px;height:28px;font-size:14px}.reply .item-body{margin-top:9px;font-size:11px;line-height:1.85}.reply .translation-row{margin-top:5px}.demo-footnote{display:flex;align-items:flex-start;gap:8px;background:#f4f3eb;border-top:1px solid #e7e4d8;padding:15px 22px;color:#697167}.demo-footnote svg{width:14px;height:14px;flex-shrink:0;margin-top:3px}.demo-footnote p{font-size:10px;line-height:1.7}
.shared-strip{background:var(--sage);border-block:1px solid #d9e0d3}.shared-inner{padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:36px}.shared-inner>p{font-family:var(--serif);font-size:29px;line-height:1.25;letter-spacing:-.5px}.shared-inner em{font-weight:400;color:#5b745b}.shared-words{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#60705d}.shared-words span:before{content:"—";margin-right:12px;color:#8b9b85}.shared-inner>svg{width:95px;height:85px;color:#75886c;margin-right:28px;flex-shrink:0;stroke-width:1.5}.how{padding-block:95px 85px;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.section-intro .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.03em}.section-intro h2{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1.13;letter-spacing:-1.2px;margin-top:23px}.section-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.85;margin-top:24px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:4px}.step-number{font-size:11px;color:var(--coral);font-weight:650;padding-top:6px;flex-shrink:0}.steps h3{font-size:19px;font-family:var(--serif);font-weight:600;line-height:1.4;letter-spacing:-.15px}.steps p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:8px;max-width:350px}.step-decoration{font-size:25px;color:#95a389;margin-left:auto;align-self:flex-start;min-width:25px}.closing{position:relative;padding:60px 30px 70px;border-top:1px solid var(--line);text-align:center}.closing>.little-sun{display:block;color:var(--coral);font-size:42px;margin-bottom:21px}.closing .eyebrow{justify-content:center;font-size:10px}.closing h2{font-family:var(--serif);font-size:42px;font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin-top:20px}.closing>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);margin-top:23px}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:600;color:var(--coral);min-height:44px;margin-top:18px;border-bottom:1px solid #bb7869}.site-footer{border-top:1px solid var(--line);padding-block:26px 35px;display:flex;align-items:center;gap:30px}.footer-brand{font-size:23px;font-weight:750;letter-spacing:-1px}.site-footer p,.site-footer>span{font-size:9px;color:var(--muted)}.site-footer>span{margin-left:auto}.noscript-note{padding:24px;text-align:center;font-size:13px;background:#fff0df}
html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3,html:lang(zh-Hans) h1,html:lang(zh-Hans) h2,html:lang(zh-Hans) h3{font-family:var(--sans);word-break:keep-all}html:lang(ko) .hero h1,html:lang(zh-Hans) .hero h1{font-size:clamp(42px,3.8vw,57px);line-height:1.22;letter-spacing:-2px}html:lang(ko) .hero-description,html:lang(zh-Hans) .hero-description{font-size:20px}html:lang(ko) .item-title,html:lang(zh-Hans) .item-title{font-size:18px;line-height:1.5}html:lang(ko) .section-intro h2,html:lang(ko) .closing h2,html:lang(zh-Hans) .section-intro h2,html:lang(zh-Hans) .closing h2{font-size:34px;line-height:1.4}html:lang(ko) .steps h3,html:lang(zh-Hans) .steps h3{font-size:17px}
@media(min-width:1440px){.hero{gap:110px}.hero-intro{padding-top:65px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.header-inner{padding:22px 32px;gap:24px}.main-nav{gap:22px;font-size:11px}.language-select{padding-left:18px}.hero{gap:42px;padding-top:54px}.hero h1{font-size:52px}.hero-intro{padding-top:28px}.hero-description{font-size:19px}.hero-context{font-size:12px}.demo-topline{padding:14px 17px}.demo-toolbar{padding:15px 17px;flex-direction:column;align-items:flex-start;gap:9px}.language-buttons{width:100%}.language-buttons button{flex:1;padding:9px 8px}.conversation{padding:19px 20px}.how{gap:60px}.section-intro h2,.closing h2{font-size:37px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:12px;padding:20px 24px 0}.brand{font-size:29px}.brand-symbol{width:31px;height:31px}.language-select{margin-left:auto;border:0;padding:0}.main-nav{order:3;width:100%;margin-left:0;justify-content:space-between;gap:12px;border-top:1px solid #e8e4da;margin-top:5px;font-size:11px}.main-nav a{min-height:47px}.page-width{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:43px;padding-top:37px;padding-bottom:45px}.hero-intro{padding:0}.hero h1{font-size:57px;line-height:1.07;margin-top:21px}.hero h1 .welcome{font-size:28px;margin-top:16px}.hero-description{font-size:20px;margin-top:20px}.hero-context{font-size:13px;margin-top:19px}.primary-link{margin-top:24px}.language-thread{margin-top:29px;font-size:20px}.demo{max-width:540px;width:100%;justify-self:center}.demo-toolbar{flex-direction:row;align-items:center;gap:16px;padding:17px 20px}.language-buttons{width:auto;flex:1;max-width:320px}.demo-topline h2{font-size:12px}.conversation{padding:22px}.item-title{font-size:22px}.item-body{font-size:13px}.reply .item-body{font-size:12px}.author-row strong{font-size:12px}.author-row p{font-size:10px}.translation-status{font-size:10px}.original-button{font-size:11px;min-height:38px}.reply-heading{font-size:10px}.shared-inner{gap:22px;padding-block:30px;flex-wrap:wrap}.shared-inner>p{font-size:27px}.shared-words{font-size:11px}.shared-inner>svg{display:none}.how{padding-block:52px 49px;grid-template-columns:1fr;gap:32px}.section-intro h2{font-size:36px;margin-top:18px}.section-intro>p:last-child{margin-top:18px}.steps li{padding-block:23px;gap:18px}.steps p{max-width:none;font-size:13px}.steps h3{font-size:22px}.closing{padding:46px 0 48px}.closing h2{font-size:35px}.site-footer{flex-wrap:wrap;gap:12px 24px;padding-bottom:28px}.site-footer p{max-width:65%}.site-footer>span{width:100%;margin-left:0}.hero-context br{display:none}html:lang(ko) .hero h1,html:lang(zh-Hans) .hero h1{font-size:48px}html:lang(ko) .hero h1 .welcome,html:lang(zh-Hans) .hero h1 .welcome{font-size:25px}html:lang(ko) .section-intro h2,html:lang(ko) .closing h2,html:lang(zh-Hans) .section-intro h2,html:lang(zh-Hans) .closing h2{font-size:30px}}
@media(max-width:380px){.page-width{width:calc(100% - 36px)}.header-inner{padding-inline:18px}.brand{font-size:27px}.main-nav{font-size:10px;gap:6px}.main-nav a{gap:3px}.hero h1{font-size:50px}.hero-description{font-size:18px}.hero h1 .welcome{font-size:25px}.demo-topline{padding:13px}.demo-topline h2{font-size:10px}.demo-badge{font-size:9px}.demo-toolbar{padding:14px;gap:8px}.language-buttons button{font-size:10px;padding:9px 8px}.conversation{padding:18px 16px}.author-row p{font-size:9px}.shared-words{font-size:11px}.closing h2{font-size:31px}html:lang(ko) .hero h1,html:lang(zh-Hans) .hero h1{font-size:43px}html:lang(ko) .hero-description{font-size:18px}}
@media(max-width:800px){.hero h1{font-size:50px}.hero-context br{display:initial}.language-buttons button,.original-button{min-height:44px}}
@media(max-width:380px){.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}