@charset "UTF-8";
:root{color-scheme:light;--paper:#fff6de;--ink:#24251c;--green:#32612b;--green-dark:#203f20;--wood:#a36c3c;--rule:#c1a077;--sky:#8cd4ed;--sea:#328fa9;--muted:#625849;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-size:1rem;line-height:1.8}a{color:inherit;text-underline-offset:.28em}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #005ba1;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:900;line-height:1.45;text-wrap:balance}p{overflow-wrap:anywhere}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;z-index:10;top:8px;left:8px;transform:translateY(-180%);background:white;padding:12px 20px;border:var(--line)}.skip:focus{transform:none}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px dashed var(--wood)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-family:"Arial Black","Yu Gothic UI",sans-serif;font-size:1.85rem;font-weight:900;letter-spacing:-.04em}.brand img{image-rendering:auto;flex-shrink:0}nav{display:flex;align-items:center;gap:28px}nav>a{font-weight:700;text-decoration:none;white-space:nowrap}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:12px 25px;background:var(--green);color:#fff9e5;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;font-size:1.125rem;text-decoration:none;line-height:1.5}.button:hover{background:var(--green-dark);text-decoration:none}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button-small{font-size:.9375rem;min-height:44px;padding:8px 17px;box-shadow:3px 3px 0 var(--ink)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:0;min-height:550px;padding-block:65px 75px}.hero-copy{position:relative;z-index:1}.wood-label{display:table;background:#edd0a2;border:2px solid #6b472b;box-shadow:3px 3px 0 #b18a5b;padding:1px 11px;margin-bottom:20px;font-size:.875rem;font-weight:800;letter-spacing:.035em}.hero h1{font-size:clamp(2.5rem,1.5rem + 2.5vw,3.8rem);letter-spacing:-.045em;line-height:1.35;white-space:nowrap}.intro{margin-top:22px;font-size:1.125rem;font-weight:600;line-height:1.9}.hero-download{margin-top:30px}.hero-links{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.hero-links a{font-size:.9375rem;font-weight:700}.hero-links span{font-size:.8125rem;color:var(--muted)}.hero-art{display:block;width:110%;margin-left:-6%;pointer-events:none}.hero-art img{width:100%;image-rendering:auto}
.grass-title{position:relative;isolation:isolate;background:var(--green);border-block:5px solid var(--green-dark);box-shadow:inset 0 5px #709143;min-height:88px;display:grid;place-items:center;padding:16px 28px;overflow:hidden}.grass-title h2{position:relative;z-index:1;color:#fff8df;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);text-align:center}.grass-block{position:absolute;bottom:-5px;width:100px;height:48px;background:#8d5c37;border-top:10px solid #6a9342;box-shadow:20px 10px #60412c,-20px 10px #b1804e;z-index:0}.block-left{left:-25px;transform:rotate(0)}.block-right{right:-35px;height:64px}.grass-block::before{content:"";position:absolute;width:16px;height:16px;background:#304f2b;left:38px;top:-24px;box-shadow:16px 8px #709143,40px 0 #709143,56px 16px #304f2b}.features>.wrap{padding-block:42px 38px}.app-preview{padding:8px;background:#6f4b2e;border:3px solid var(--ink);box-shadow:5px 5px 0 #d1b58c}.window-bar{display:flex;align-items:center;gap:10px;background:#182731;color:#d5eae6;padding:8px 14px;font-size:.875rem;line-height:1.5}.window-bar>span:last-child{margin-left:auto;color:#c9d6d9}.window-dot{width:8px;height:8px;background:#8ce0ca}.app-preview>img{width:100%;border:1px solid #31414d}.app-preview figcaption{font-size:.8125rem;line-height:1.7;color:#fff6de;background:#6f4b2e;text-align:center;padding:9px 10px 2px}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;gap:0}.feature-list article{padding:0 24px;text-align:center}.feature-list article+article{border-left:2px dashed var(--rule)}.feature-list h3{font-size:1.375rem;letter-spacing:-.03em;margin-bottom:14px}.feature-list p{font-size:.9375rem;line-height:1.9}.note{font-size:.8125rem;color:var(--muted);text-align:center;line-height:1.9}.connection-note{margin-top:28px}.feature-art{display:block;width:160px;height:136px;object-fit:contain;margin:0 auto 20px}
.sky-title{display:grid;place-items:center;position:relative;overflow:hidden;background:var(--sky);border-block:3px solid #3d92a8;min-height:82px}.sky-title h2{font-size:2rem;position:relative;z-index:1}.cloud{position:absolute;top:30px;height:12px;width:70px;background:#eaf8f6;box-shadow:14px -12px #eaf8f6,28px -24px #eaf8f6}.cloud-a{left:12%}.cloud-b{right:15%;transform:scale(.7)}.getting-started>.wrap{padding-block:45px 48px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.steps li{display:flex;align-items:flex-start;gap:18px;position:relative}.steps li+li::before{content:"";width:6px;height:6px;background:#8b8274;position:absolute;left:-22px;top:28px;box-shadow:9px -4px #b3a693}.step-number{flex-shrink:0;width:62px;height:66px;background:#9f6e44;color:#fff6de;border:3px solid #3a3123;border-top:9px solid #618540;box-shadow:inset -7px 0 #754c31,4px 4px 0 #cfbb93;display:grid;place-items:center;font-size:1.75rem;font-weight:900;line-height:1}.steps h3{font-size:1.2rem;margin-top:5px;margin-bottom:10px}.steps p{font-size:.875rem}.requirements{margin-top:35px}.manual-link{display:table;margin:14px auto 0;font-weight:700;font-size:.875rem}
.faq-list{padding-block:35px 50px}.faq-list details{border:2px solid #a77b4b;background:#fff9e9;box-shadow:3px 3px 0 #ddc6a3;margin-bottom:14px}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:18px 52px 18px 64px;font-weight:800;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::before{content:"+";position:absolute;left:22px;top:19px;display:grid;place-items:center;width:24px;height:24px;line-height:1;background:#775231;color:#fff9e5;font-size:1.4rem}.faq-list details[open]>summary::before{content:"−"}.faq-list summary:hover{background:#f5e7c6}.answer{padding:0 64px 22px;color:#4d4639;font-size:.9375rem}.answer p{max-width:65em}.download-section{text-align:center;padding-block:0 65px}.download-section>img{margin:0 auto 14px}.download-section h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);margin-bottom:12px}.download-section>p{font-size:.875rem;color:var(--muted);margin-bottom:24px}.download-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;font-size:.875rem;margin-top:24px}.footer{border-top:2px dashed var(--wood)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:26px 30px}.footer nav{justify-content:flex-end;gap:22px;font-size:.8125rem}.footer p{margin-top:10px;font-size:.75rem;color:var(--muted);text-align:right}.sea{height:54px;background:var(--sea);border-top:5px solid #7dc4c5;position:relative;overflow:hidden}.sea span{position:absolute;height:4px;width:48px;background:#9bd9dd;top:12px;left:10%;box-shadow:100px 20px #62b5c8,280px 6px #62b5c8,500px 18px #a6e2dd,700px 8px #62b5c8,940px 15px #a6e2dd}.sea span:nth-child(2){left:33%;top:30px}.sea span:nth-child(3){left:70%;top:8px}.not-found{padding-block:100px}.not-found h1{font-size:2.2rem;margin-block:24px}.not-found .button{margin-top:24px}
@media(min-width:1450px){.hero{min-height:580px}.hero-art{width:125%;margin-left:-10%}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{min-height:86px}.brand{font-size:1.5rem;gap:8px}nav{gap:18px}.hero{min-height:510px;padding-block:50px}.hero h1{font-size:clamp(2.1rem,1rem + 3vw,3rem)}.intro{font-size:1rem}.hero-download{font-size:1rem;padding-inline:16px;gap:10px}.feature-list article{padding-inline:14px}.feature-list h3{font-size:1.15rem}.desktop-break{display:none}.steps{gap:28px}.steps li{gap:12px}.step-number{width:48px;height:54px;font-size:1.4rem}.steps h3{font-size:1.05rem}.steps p{font-size:.8125rem}.footer-content{align-items:flex-start}.footer nav{flex-wrap:wrap;gap:8px 18px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;justify-content:center;gap:14px;padding-block:18px}.header .brand{font-size:1.6rem}.header nav{width:100%;justify-content:center;gap:22px;font-size:.875rem}.header nav .button-small{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:34px 25px;min-height:0}.hero-copy{text-align:center}.wood-label{margin-inline:auto;font-size:.75rem;margin-bottom:18px}.hero h1{font-size:clamp(2rem,1rem + 5vw,3rem);white-space:normal;letter-spacing:-.04em}.intro{margin-top:18px;font-size:.9375rem}.hero-download{margin-top:24px;font-size:.9375rem;max-width:100%;padding:13px 18px}.hero-links{align-items:center;gap:7px;margin-top:20px}.hero-links a{font-size:.875rem}.hero-art{width:108%;margin:5px -4% 0}.grass-title{min-height:76px}.grass-title h2{font-size:1.4rem}.features>.wrap{padding-top:25px}.app-preview{padding:4px;box-shadow:3px 3px 0 #d1b58c}.window-bar{padding:6px 9px;font-size:.6875rem}.app-preview figcaption{font-size:.75rem;padding:9px 6px 5px}.feature-list{display:flex;flex-direction:column;margin-top:34px;gap:26px}.feature-list article{display:grid;grid-template-columns:92px 1fr;text-align:left;column-gap:14px;padding:0 0 24px}.feature-list article+article{border-left:0;border-top:2px dashed var(--rule);padding-top:26px}.feature-list article:last-child{padding-bottom:0}.feature-art{grid-row:1/3;align-self:center;width:92px;height:100px;object-fit:contain;margin:0}.feature-list h3{font-size:1.15rem;align-self:end;margin-bottom:9px}.feature-list p{font-size:.875rem;align-self:start}.note{font-size:.75rem}.connection-note{margin-top:24px}.sky-title{min-height:75px}.sky-title h2{font-size:1.6rem}.cloud-a{left:0;transform:scale(.5)}.cloud-b{right:0;transform:scale(.5)}.getting-started>.wrap{padding-block:28px 32px}.steps{display:flex;flex-direction:column;gap:28px;max-width:390px;margin-inline:auto}.steps li{gap:24px}.steps li+li::before{left:28px;top:-18px;box-shadow:0 -8px #b3a693}.step-number{width:64px;height:66px;font-size:1.7rem}.steps h3{font-size:1.125rem}.steps p{font-size:.875rem}.requirements{margin-top:25px}.faq-list{padding-block:26px 32px}.faq-list summary{padding:17px 16px 17px 50px;font-size:.875rem}.faq-list summary::before{left:15px;top:18px;width:21px;height:21px;font-size:1.2rem}.answer{padding:0 18px 20px 50px;font-size:.875rem}.download-section{padding-bottom:42px}.download-section h2{font-size:1.5rem}.download-section .button{font-size:.9375rem;padding-inline:18px;gap:10px}.download-links{gap:12px;font-size:.8125rem;flex-direction:column}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:18px}.footer nav{justify-content:center;font-size:.8125rem}.footer p{text-align:center;font-size:.75rem;max-width:35em}.sea{height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(forced-colors:active){.button{border:3px solid ButtonText}.grass-title h2{color:CanvasText}.skip{background:Canvas}.faq-list summary::before{border:1px solid CanvasText}.step-number{color:CanvasText;border:3px solid CanvasText}.feature-art,.grass-block,.cloud,.sea{display:none}}