:root{--paper:#f2f1eb;--ink:#22251f;--muted:#555b50;--line:#cccfc2;--accent:#d2e780;--dark:#20241d;--white:#fff;--sans:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #526928;outline-offset:5px}img{max-width:100%;display:block}svg{width:22px;height:22px;flex-shrink:0}p{margin:0 0 22px}h1,h2,h3{margin:0;font-weight:700;line-height:1.38;letter-spacing:-.04em}h1{font-size:clamp(46px,5vw,72px)}h2{font-size:clamp(28px,3vw,42px);line-height:1.5}h3{font-size:23px}figure{margin:0}figcaption,.small{font-size:12px;line-height:1.85;color:var(--muted)}figcaption{margin-top:14px}figcaption a{white-space:nowrap}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;table-layout:fixed}th,td{text-align:left;padding:19px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th:first-child{width:46%;padding-left:0}thead th{font-size:12px;font-weight:600}tbody td:last-child,thead th:last-child{background:rgba(210,231,128,.27)}tbody th{font-weight:500}dl,dd{margin:0}dd{overflow-wrap:anywhere}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.section{padding-block:108px}.button{min-height:54px;padding:14px 22px;display:inline-flex;gap:18px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:700;line-height:1.6}.button:hover{background:#39422d;text-decoration:none}.button.compact{min-height:44px;padding:9px 14px;font-size:12px;gap:10px}.button.compact svg{width:16px;height:16px}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink)}.text-link:hover{gap:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:absolute;z-index:20;top:-100px;left:16px;background:var(--accent);padding:12px 20px}.skip:focus{top:12px}.header{min-height:108px;display:flex;flex-wrap:wrap;align-items:center;gap:0 32px;padding-block:10px;border-bottom:1px solid var(--line)}.brand{display:flex;min-height:44px;align-items:center;gap:11px;font-weight:700;font-size:20px;text-decoration:none;white-space:nowrap;letter-spacing:-.05em}.header nav{display:flex;gap:28px;width:100%;margin-left:0}.header nav a,.language{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none}.header nav a[aria-current]{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center;padding:76px 0 74px}.hero h1{line-height:1.28}.hero h1 span{display:block}.accent-word{width:max-content;max-width:100%;position:relative;isolation:isolate}.accent-word:before{content:"";position:absolute;z-index:-1;inset:55% -7px 4% -4px;background:var(--accent)}.hero .lead{margin-top:30px;font-size:17px;font-weight:700}.hero-body{max-width:450px;font-size:14px;line-height:2}.hero-cta{margin-top:30px}.hero-cta .small{margin-top:12px;margin-bottom:13px}.hero .text-link{font-size:12px}.demo{max-width:535px;width:100%;justify-self:end}.photo-mat{background:var(--ink);padding:15px 15px 0}.pixel-photo{width:100%;height:auto;aspect-ratio:10/9;image-rendering:pixelated}.photo-label{display:flex;justify-content:space-between;color:var(--paper);font:11px/1.5 var(--mono);padding:12px 0}.look-controls{margin:15px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.look-controls button{border:0;border-right:1px solid var(--line);background:transparent;min-height:44px;font:12px/1.5 var(--mono);letter-spacing:.08em}.look-controls button:last-child{border-right:0}.look-controls button[aria-pressed=true]{background:var(--accent);font-weight:700}.look-controls button:hover{background:#e0e6c7}.look-copy{margin-top:14px;min-height:45px}.look-copy p{font-size:12px;line-height:1.7;margin:0 0 6px}.demo figcaption{font-size:10px;margin-top:3px}.facts-strip{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-block:1px solid var(--line);padding-block:29px}.facts-strip>div{display:flex;flex-direction:column;gap:4px;padding-left:38px;border-left:1px solid var(--line)}.facts-strip>div:first-child{padding-left:0;border-left:0}.facts-strip strong{font:500 22px/1.6 var(--mono);letter-spacing:-.04em}.facts-strip span{font-size:11px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story h2{margin-bottom:25px}.story p{font-size:14px}.story h3{margin:34px 0 16px;font-size:20px;letter-spacing:-.02em}.coffee{max-width:470px;justify-self:end}.coffee-image{padding:23px;background:#dbded0}.coffee figcaption{font-size:10px}.tones{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:10px 86px}.tone-swatches{display:flex;gap:10px}.tone-swatches span{width:25%;aspect-ratio:1}.tone-swatches span:nth-child(1){background:#101010}.tone-swatches span:nth-child(2){background:#565656}.tone-swatches span:nth-child(3){background:#acacac}.tone-swatches span:nth-child(4){background:#eee;border:1px solid #ccc}.tones h2{font-size:27px;margin-bottom:14px}.tones p{font-size:13px;margin:0}.formats{border-top:1px solid var(--line);padding-top:72px}.format-list{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:38px}.format-number{font:12px/1.5 var(--mono);color:var(--muted)}.format-list h3{margin:10px 0 17px}.format-list p{font-size:14px;margin:0}.pricing{background:#e7e9df}.pricing-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px}.pricing h2{font-size:34px;margin-bottom:25px}.pricing-layout>div>p:not(.small){font-size:14px;max-width:390px}.pricing-note{margin-top:20px;font-size:11px}.more h2{font-size:32px}.more-links{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.more-links article{border-top:1px solid var(--line);padding-top:27px}.more-links h3{margin-bottom:14px}.more-links p{font-size:14px;max-width:440px}.footer{background:var(--dark);color:var(--paper);padding:80px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:60px}.footer h2{font-size:46px;line-height:1.35}.footer-top p{margin:20px 0 0;font-size:14px}.footer .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.footer .button:hover{background:#e3efb5}.footer .small{color:#bec4b5;font-size:11px}.footer-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap;border-top:1px solid #4a5143;padding-top:25px;font-size:11px}.footer-links a{display:inline-flex;gap:8px;align-items:center}.footer-links svg{width:15px;height:15px}.footer-links span{margin-left:auto;font-family:var(--mono)}.legal{font-size:10px;color:#bec4b5;margin:25px 0 0}.footer a:focus-visible{outline-color:var(--accent)}.document{padding-top:35px;padding-bottom:105px}.breadcrumb{display:flex;gap:15px;font-size:11px;color:var(--muted);margin-bottom:55px}.document-heading{max-width:840px;margin-bottom:65px}.document-heading h1{font-size:clamp(38px,4.2vw,60px);line-height:1.45}.document-heading .lead{font-size:19px;font-weight:700;margin:28px 0 20px}.document-heading>p:last-child{font-size:15px;max-width:740px}.article-layout{display:grid;grid-template-columns:290px 1fr;gap:80px}.toc{position:sticky;top:30px;border-top:1px solid var(--line);padding-top:24px}.toc h2{font-size:14px;letter-spacing:0;margin-bottom:15px}.toc a{display:flex;gap:12px;padding:12px 0;font-size:12px;text-decoration:none;line-height:1.8}.toc a:hover{text-decoration:underline}.toc a span{font-family:var(--mono);color:var(--muted)}.article-body section{border-top:1px solid var(--line);padding-top:30px;margin-bottom:55px}.section-number{font:13px/1.5 var(--mono);color:var(--muted)}.article-body h2{font-size:29px;line-height:1.6;margin:12px 0 22px}.article-body p{font-size:15px;line-height:2}.look-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:28px 0 12px}.look-examples figcaption{font:11px/1.5 var(--mono);margin:10px 0}.article-body .small{font-size:11px}.article-ending{background:#e7e9df;padding:25px!important}.support-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.spec-panel{align-self:start;background:#e7e9df;padding:30px}.spec-panel h2{font-size:22px;margin-bottom:20px}.spec-panel dl>div{padding:15px 0;border-top:1px solid var(--line)}.spec-panel dt{font-size:11px;color:var(--muted)}.spec-panel dd{font-size:14px}.spec-panel .small{margin:24px 0 0;font-size:11px}.faq h2{font-size:28px;margin-bottom:20px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:15px;font-weight:600;cursor:pointer;padding-right:14px;line-height:1.85}.faq details p{font-size:14px;margin:16px 0 2px}.support-section{padding-top:50px}.support-section h2{font-size:24px;margin-bottom:19px}.support-section p{font-size:14px}.support-section .small{font-size:11px}.support-section>a{font-size:13px}.not-found{padding-block:90px;max-width:820px}.not-found h1{font-size:40px;margin:20px 0}.not-found h2{font-size:26px}.not-found>div{margin-top:65px}.not-found p{margin-top:15px}:lang(en) h1{letter-spacing:-.06em}:lang(en) .hero h1{font-size:clamp(52px,6.3vw,89px);line-height:1.1}:lang(en) .hero-body{line-height:1.9}:lang(en) .hero .lead{font-size:17px}:lang(en) .hero{gap:50px}
@media(min-width:1500px){.hero{padding-block:88px}.hero h1{font-size:76px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header{gap:0 22px}.header nav{gap:17px}.header-actions{gap:16px}.hero{gap:35px;padding-top:55px}.hero h1{font-size:54px}.hero .lead{font-size:15px}.hero-body{font-size:13px}.story,.tones,.pricing-layout{gap:48px}.article-layout{grid-template-columns:220px 1fr;gap:40px}.support-layout{gap:40px}.facts-strip strong{font-size:19px}.facts-strip>div{padding-left:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:14px;flex-wrap:wrap;gap:10px 18px}.brand{font-size:18px}.brand img{width:27px;height:27px}.header-actions{margin-left:auto;gap:15px}.header nav{gap:28px}.header nav a{font-size:12px;min-height:44px}.hero{grid-template-columns:1fr;padding:45px 0 42px;gap:34px}.hero h1{font-size:55px}.hero .lead{font-size:16px;margin-top:25px}.hero-body{font-size:14px;max-width:520px}.hero-cta{margin-top:24px}.hero-copy>.text-link{display:none}.demo{justify-self:center;max-width:530px}.photo-mat{padding:12px 12px 0}.look-copy{min-height:42px}.demo figcaption{font-size:11px}.facts-strip{grid-template-columns:1fr 1fr;padding:22px 0;row-gap:18px}.facts-strip>div{padding-left:22px}.facts-strip>div:first-child{padding-left:0;border-left:0}.facts-strip>div:last-child{grid-column:1/-1;padding:17px 0 0;border-left:0;border-top:1px solid var(--line)}.facts-strip strong{font-size:21px}.facts-strip span{font-size:11px}.section{padding-block:66px}.story{grid-template-columns:1fr;gap:34px}.story h2{font-size:32px}.coffee{justify-self:center;max-width:460px}.tones{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.tone-swatches{max-width:300px;gap:8px}.tone-swatches span{aspect-ratio:1.25}.format-list{grid-template-columns:1fr;gap:27px;margin-top:28px}.format-list article{display:grid;grid-template-columns:35px 1fr;column-gap:12px;border-top:1px solid var(--line);padding-top:20px}.format-list h3{margin:0 0 12px}.format-number{padding-top:8px}.format-list p{grid-column:2}.formats h2{font-size:29px}.pricing-layout{grid-template-columns:1fr;gap:20px}.pricing h2{font-size:32px}.pricing-layout>div>p:not(.small){max-width:none}.pricing-note{font-size:11px}th,td{font-size:12px;padding:16px 8px}thead th{font-size:11px}th:first-child{width:44%}.more h2{font-size:28px}.more-links{grid-template-columns:1fr;gap:30px;margin-top:25px}.more-links h3{font-size:23px}.footer{padding-top:55px}.footer-top{display:block;padding-bottom:45px}.footer h2{font-size:39px}.footer-top>div+div{margin-top:30px}.footer-links{gap:15px 24px}.footer-links span{width:100%;margin-left:0}.legal{font-size:10px}.document{padding-top:25px;padding-bottom:60px}.breadcrumb{margin-bottom:35px;font-size:11px}.document-heading{margin-bottom:38px}.document-heading h1{font-size:38px}.document-heading .lead{font-size:16px;margin-top:22px}.document-heading>p:last-child{font-size:14px}.article-layout,.support-layout{grid-template-columns:1fr;gap:36px}.toc{position:static}.toc a{font-size:13px}.article-body h2{font-size:26px}.article-body p{font-size:14px}.article-body section{margin-bottom:38px}.look-examples{gap:9px}.spec-panel{padding:24px}.spec-panel dl>div{display:grid;grid-template-columns:37% 1fr;gap:12px}.spec-panel dd{font-size:13px}.faq summary{font-size:14px}.faq h2{font-size:26px}.support-section{padding-top:40px}.support-section h2{font-size:22px}.not-found h1{font-size:32px}:lang(en) .hero h1{font-size:69px}:lang(en) .document-heading h1{font-size:42px}:lang(en) .hero{gap:34px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{font-size:16px;gap:7px}.brand img{width:24px;height:24px}.header-actions{gap:11px}.button.compact{font-size:11px;padding:8px 10px}.button.compact svg{display:none}.header nav{gap:19px}.hero h1{font-size:47px}.hero .lead{font-size:14px}.hero .button{font-size:13px;padding:14px 16px}.hero-body{font-size:13px}.facts-strip strong{font-size:18px}.document-heading h1{font-size:32px}:lang(en) .hero h1{font-size:61px}:lang(en) .document-heading h1{font-size:36px}.footer h2{font-size:35px}.footer .button{font-size:12px;padding:13px 16px}.pricing h2{font-size:29px}.spec-panel{padding:18px}.spec-panel dl>div{grid-template-columns:1fr;gap:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:760px){html[lang=ja] .hero h1 span:first-child{font-size:.73em}}