:root{--ink:#253026;--muted:#697065;--paper:#f5f4ed;--lime:#dafa6c;--line:#d9dcd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.85}a{color:inherit}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5b6e20;outline-offset:5px}header{max-width:1320px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Arial,sans-serif;font-weight:900;font-size:21px;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.logo-dot{font-size:10px;vertical-align:top;margin-left:3px}.mark{display:inline-block;transform:rotate(-16deg);font-size:28px;color:#657844;margin-right:9px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:bold}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:8px 22px}.wrap{max-width:1180px;margin:auto;padding:0 34px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;min-height:670px;padding-top:42px;padding-bottom:60px}.eyebrow{display:block;font:600 11px/1.5 Arial,sans-serif;letter-spacing:2px}.live-dot{display:inline-block;width:8px;height:8px;background:#77963c;border-radius:50%;margin-right:8px}h1{font-size:clamp(37px,4.4vw,62px);line-height:1.5;letter-spacing:-2.8px;margin:25px 0}h1 span{background:linear-gradient(transparent 64%,var(--lime) 64%,var(--lime) 92%,transparent 92%)}.intro{color:var(--muted);font-size:15px;line-height:2.2;margin-bottom:32px}.button{display:inline-flex;gap:34px;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;text-decoration:none;font-size:14px;font-weight:700;padding:16px 24px;transition:transform .2s,background .2s}.button:hover{background:#40523a;transform:translateY(-2px)}.micro{font-size:11px;color:var(--muted);margin-top:16px}.micro span{margin:0 9px;color:#a7ad9a}.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e5e9d8 0%,#e5e9d8 57%,transparent 57.4%)}.phone{position:relative;width:245px;height:438px;overflow:hidden;background:#70805f;border:7px solid #273428;border-radius:32px;transform:rotate(7deg);box-shadow:18px 26px 0 #25302610;color:white}.phone-top,.phone-bottom{position:absolute;left:17px;right:17px;display:flex;justify-content:space-between;z-index:2;font:9px Arial,sans-serif;letter-spacing:1px}.phone-top{top:18px}.phone-bottom{bottom:16px}.phone-top span:last-child{color:#e8ffbb}.coffee-art{position:absolute;inset:0;background:linear-gradient(135deg,#a4af83,#66724b 60%,#3e4b32)}.saucer{width:220px;height:110px;background:#d1d0b2;position:absolute;top:167px;left:22px;border-radius:50%;transform:rotate(-22deg);box-shadow:12px 22px 16px #25302670}.cup{position:absolute;top:132px;left:60px;width:142px;height:104px;background:linear-gradient(90deg,#e8e8cd,#b6b99e);border-radius:15% 15% 48% 48%;transform:rotate(-20deg);box-shadow:5px 8px 12px #34442660}.cup:after{content:"";position:absolute;right:-24px;top:20px;width:28px;height:39px;border:10px solid #d6d9bd;border-left:0;border-radius:0 50% 50% 0}.coffee{position:absolute;left:0;top:-25px;width:142px;height:62px;border:9px solid #e7e7ce;background:radial-gradient(ellipse,#ac7540,#57341e);border-radius:50%;overflow:hidden}.coffee span{position:absolute;width:55px;height:28px;left:36px;top:6px;border-radius:50%;background:repeating-radial-gradient(ellipse at bottom,#eadcc0 0 3px,#af8150 4px 6px);transform:rotate(-16deg)}.steam{position:absolute;border-left:2px solid #ffffff50;border-radius:50%;width:25px;height:70px;top:53px;left:110px;transform:rotate(14deg)}.s2{left:146px;top:42px}.bean{position:absolute;top:271px;left:44px;width:18px;height:12px;border-radius:50%;background:linear-gradient(150deg,#4c3223 45%,#92714a 49%,#4c3223 56%);transform:rotate(25deg)}.b2{left:70px;top:282px;transform:rotate(-30deg)}.b3{left:36px;top:292px}.phone-caption{position:absolute;bottom:49px;left:18px;right:10px;text-shadow:0 2px 10px #253026}.phone-caption>span{font-size:9px;letter-spacing:1px}.phone-caption strong{display:block;font-size:30px;line-height:1.5;letter-spacing:1px}.phone-caption small{font-size:8px;letter-spacing:.5px}.orbit-label{position:absolute;top:10px;left:65px;font-size:10px;letter-spacing:2px;transform:rotate(-8deg)}.art-tag{position:absolute;box-shadow:0 9px 24px #25302612}.tag-one{bottom:92px;left:-8px;background:var(--lime);padding:12px 16px;border-radius:5px;font-size:12px;font-weight:bold;transform:rotate(-7deg)}.tag-two{right:-5px;top:95px;background:#fffdf4;padding:15px 20px;transform:rotate(9deg);border-radius:9px}.tag-two b{display:block;font:700 32px Arial,sans-serif}.tag-two span{font-size:10px}.art-note{position:absolute;bottom:12px;right:20px;font:10px Arial,sans-serif;letter-spacing:2px}.platform-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;border-block:1px solid var(--line);padding:24px}.platform-strip span{font-size:11px;color:var(--muted)}.platform-strip strong{font:600 15px Arial,sans-serif}.platform-strip i{font-style:normal;color:#99a485}.steps{padding-top:88px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}h2{font-size:clamp(26px,3vw,36px);line-height:1.6;letter-spacing:-1px;margin:16px 0 20px}.section-heading p{font-size:13px;color:var(--muted)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step-grid article{padding:25px 22px 0;border-right:1px solid var(--line)}.step-grid article:first-child{padding-left:0}.step-grid article:last-child{border-right:0;padding-right:0}.step-num{display:flex;justify-content:space-between;font:12px Arial;color:var(--muted)}.step-num span{font-size:27px;color:var(--ink)}h3{font-size:18px}.step-grid p{font-size:13px;color:var(--muted)}.step-tip{padding-top:18px;font-size:10px;border-top:1px dashed var(--line)}.recipe{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-top:58px;padding-bottom:58px;border-radius:14px;background:#e9eddf}.recipe p{color:var(--muted);font-size:13px}.inline-link{display:inline-block;margin-top:22px;text-underline-offset:7px;font-size:13px;font-weight:bold}.timeline{border-left:1px solid #bec9aa;padding-left:28px}.timeline>div{position:relative;border-bottom:1px solid #cbd3bf;padding:0 0 16px;margin-bottom:22px}.timeline>div:last-child{margin-bottom:0;border:0;padding-bottom:0}.timeline>div:before{content:"";position:absolute;left:-34px;top:8px;width:10px;height:10px;border-radius:50%;background:#748b48;border:2px solid #e9eddf}.timeline span{font:11px Arial;color:#617045}.timeline h3{margin:4px 0}.timeline p{margin:0}.launch{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:90px}.launch p{color:var(--muted);font-size:14px}.launch .button{margin-top:16px}.checklist{background:#fffef7;border:1px solid var(--line);border-radius:10px;padding:25px 30px}.checklist h3{margin-top:0}.checklist label{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:15px 0;cursor:pointer;font-size:13px}input[type=checkbox]{width:20px;height:20px;accent-color:#4b622e;flex-shrink:0}.checklist input:checked+span{color:#777;text-decoration:line-through}.checklist small{font-size:10px;color:var(--muted)}.faq{padding-bottom:80px}.faq h2{font-size:26px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:bold;font-size:14px}.faq details p{color:var(--muted);font-size:14px;max-width:800px}footer{border-top:1px solid var(--line);padding:36px max(5%,calc((100vw - 1112px)/2));background:#e9ecdf}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;flex-wrap:wrap;gap:22px;margin:20px 0}footer a,footer button{font-size:11px}footer .logo{font-size:18px}footer small{font-size:10px;color:var(--muted)}.text-btn{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline}.consent{position:fixed;z-index:8;left:20px;right:20px;bottom:16px;margin:auto;max-width:1160px;background:#fffef9;border:1px solid #c5cbb7;border-radius:12px;box-shadow:0 8px 40px #25302625;padding:20px 24px;display:flex;align-items:center;gap:26px}.consent[hidden]{display:none}.consent strong{font-size:13px}.consent p{font-size:11px;line-height:1.7;max-width:600px;margin:5px 0 0;color:#596251}.consent-actions{display:flex;gap:8px;flex-shrink:0}.consent button,.dialog-actions>button:not(.button){background:#fffef9;color:var(--ink);border:1px solid #788369;border-radius:5px;padding:10px 16px;font-size:12px;font-weight:bold}.consent button:hover{background:#e9eddf}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:min(550px,calc(100% - 32px));max-height:85vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1e291d8f}dialog h2{margin-top:4px}dialog p,dialog>a{font-size:13px}dialog>a{display:block;margin-top:20px}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{background:none;border:0;font-size:30px;line-height:1;width:40px;height:40px}.setting{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 0;border-block:1px solid var(--line);font-size:14px}.setting p{margin:4px 0;font-size:12px}.setting-desc{display:block;font-size:12px;margin-top:4px}.badge{white-space:nowrap;font-size:10px;background:#e2e7d6;border-radius:20px;padding:5px 10px}.dialog-actions{display:flex;gap:10px}.fine{color:var(--muted)}.legal{max-width:860px;padding-top:44px;padding-bottom:80px}.legal>.eyebrow{margin-top:40px}.legal h1{font-size:36px;letter-spacing:-1px;overflow-wrap:anywhere}.legal h2{font-size:22px;margin-top:36px}.legal p{font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border:1px solid var(--line);padding:14px;text-align:left;min-width:110px}th{background:#e9eddf}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:20;background:white;padding:10px}.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}body:has(dialog[open]){overflow:hidden}
@media(min-width:800px){body:has(.consent:not([hidden])){padding-bottom:125px}}
@media(max-width:900px){nav{gap:18px}.hero{gap:0}.hero-art{transform:scale(.9)}.tag-two{right:-20px}.step-grid{grid-template-columns:repeat(2,1fr);gap:30px}.step-grid article:nth-child(2){border:0}.step-grid article:nth-child(3){padding-left:0}.consent{flex-direction:column;gap:12px;align-items:stretch}.consent p{max-width:none}.consent-actions{justify-content:flex-end}.recipe{margin-inline:20px;gap:30px}.launch{gap:30px}}
@media(max-width:600px){header{padding:18px 20px}.logo{font-size:17px}.mark{font-size:22px;margin-right:4px}nav a:not(.nav-cta){display:none}.nav-cta{padding:6px 14px;font-size:11px}.wrap{padding-inline:22px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:20px;min-height:0}.hero h1{font-size:40px;letter-spacing:-2px}.intro{font-size:13px}.hero-art{min-height:490px;margin-top:16px;transform:scale(.92)}.orbit-label{left:20px}.tag-two{right:-4px}.tag-one{left:-5px}.platform-strip{gap:16px;padding:22px 16px}.platform-strip span{width:100%;text-align:center}.platform-strip strong{font-size:11px}.platform-strip i{font-size:10px}.steps{padding-top:55px;padding-bottom:50px}.section-heading{display:block}.section-heading p{margin-top:0}.step-grid{gap:24px 16px}.step-grid article{padding:22px 12px 0 0}.step-grid h3{font-size:16px}.step-grid p{font-size:12px}.step-tip{font-size:10px}.recipe{display:block;margin:0 12px;padding:35px 24px}.timeline{margin-top:35px}.launch{display:block;padding-block:55px}.checklist{margin-top:30px;padding:22px}.faq{padding-bottom:50px}.faq h2{font-size:23px}.consent{left:10px;right:10px;bottom:10px;padding:15px;gap:10px;max-height:55vh;overflow:auto}.consent-actions{gap:6px;justify-content:stretch}.consent button{padding:10px 8px;flex:1}.consent p{font-size:10px}body:has(.consent:not([hidden])){padding-bottom:230px}.legal h1{font-size:29px}.dialog-actions .button{padding:12px 16px}footer{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}