:root{color-scheme:dark;--bg:#101c19;--surface:#17241f;--text:#f1f4ee;--muted:#a2b1a7;--mint:#a5e7ba;--line:#324239;--paper:#edf1e7;--ink:#1a3427;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px;border-radius:3px}a{transition:color .18s ease,background .18s ease,transform .18s ease}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}p{line-height:1.9}h1,h2,h3{font-weight:650;letter-spacing:-.04em}h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.5}h3{font-size:1.3rem;line-height:1.5}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}section[id]{scroll-margin-top:96px}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--mint);color:var(--ink);z-index:10}.skip-link:focus{top:14px}.eyebrow{font-size:.72rem;font-weight:650;letter-spacing:.14em;color:var(--mint);line-height:1.5}.mint{color:var(--mint)}.site-header{height:94px;border-bottom:1px solid rgba(167,202,175,.12)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.45rem;font-weight:650;letter-spacing:-.03em}.brand img{border-radius:9px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:.82rem}.site-header nav a:hover,.site-footer a:hover{color:var(--mint)}.nav-source{border-left:1px solid var(--line);padding-left:30px}.nav-source span{padding-left:9px}
.hero{overflow:hidden;background:radial-gradient(ellipse 52% 58% at 85% 40%,rgba(107,173,119,.12),transparent 83%)}.hero-grid{display:grid;grid-template-columns:1.36fr .84fr;align-items:center;gap:54px;padding-top:65px;padding-bottom:54px}.hero-copy{padding-bottom:12px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:.66rem;letter-spacing:.11em;margin-bottom:30px}.eyebrow-line{width:28px;height:1px;background:var(--mint);margin-right:3px}.hero h1{font-size:clamp(2.8rem,4.75vw,4.6rem);line-height:1.38;letter-spacing:-.065em;margin-left:-.03em}.hero h1 span{display:block;white-space:nowrap}.hero-lead{margin-top:27px;font-size:1rem;line-height:2.1;color:#bac6bd}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:16px 22px;border:1px solid transparent;border-radius:6px;font-size:.88rem;font-weight:650;line-height:1.4}.button-primary{background:var(--mint);color:#173624}.button-primary:hover{background:#bdf2cd;transform:translateY(-2px)}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:.82rem;font-weight:600}.text-link:hover{color:var(--mint)}.text-link span{font-size:1rem}.requirements{margin-top:22px;font-size:.7rem;color:#a0b0a5}.requirements p{line-height:1.8}.requirements p+p{margin-top:5px;color:#86998d}.store-status{display:inline-flex;align-items:center;gap:8px;margin-top:25px;font-size:.69rem;color:#c2cbbf}.status-dot{width:6px;height:6px;border-radius:50%;background:#b6c0ac}.hero-figure{justify-self:end;width:min(100%,350px);position:relative}.screen-label{display:flex;align-items:center;gap:14px;font-size:.55rem;letter-spacing:.17em;color:#90a493;margin-bottom:15px}.screen-label-line{height:1px;flex:1;background:var(--line)}.screen-crop{width:100%;aspect-ratio:392/748;position:relative;overflow:hidden;border-radius:15px;box-shadow:0 25px 75px -30px #0009,0 0 0 1px #43564b}.screen-crop img{position:absolute;width:326.5306%;max-width:none;left:-199.7449%;top:-3.6096%;height:auto}.hero-figure figcaption{color:#7f9487;font-size:.61rem;letter-spacing:.02em;text-align:center;margin-top:17px}.hero-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:23px;color:#a6b4a9;font-size:.72rem;letter-spacing:.04em}.hero-foot a{font-size:1.4rem;line-height:1;padding:4px 8px}.hero-foot a:hover{color:var(--mint);transform:translateY(3px)}
.features{padding-top:101px;padding-bottom:105px}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.section-intro>.eyebrow{grid-column:1/-1;margin-bottom:22px}.section-intro>p:last-child{padding-bottom:8px;color:var(--muted);font-size:.92rem}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.feature{padding:0 30px 0 0}.feature+.feature{border-left:1px solid var(--line);padding-left:30px}.feature:last-child{padding-right:0}.feature-number{display:block;font-family:Georgia,serif;font-size:1.05rem;font-style:italic;color:var(--mint);margin-bottom:20px}.feature h3{margin-bottom:14px}.feature p{font-size:.83rem;color:var(--muted);line-height:1.95}.feature-note{display:block;margin-top:23px;font-size:.65rem;letter-spacing:.025em;color:#c2d3c5}
.setup{background:var(--paper);color:var(--ink);padding-block:95px}.setup-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:85px}.setup .eyebrow{color:#57775f;margin-bottom:23px}.setup-intro>p:not(.eyebrow){font-size:.85rem;color:#5d6e61;margin-top:22px;line-height:1.9}.setup .text-link{margin-top:30px;border-bottom:1px solid #7c9880;padding-bottom:6px;color:#284c35}.setup .text-link:hover{color:#16723f}.steps{list-style:none;padding:0;margin:4px 0 0}.steps li{display:flex;gap:23px;border-top:1px solid #c6d0c1;padding-block:28px}.steps li:first-child{padding-top:25px}.steps li:last-child{padding-bottom:0}.step-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;margin-top:2px;border:1px solid #adc1ab;border-radius:50%;font-family:Georgia,serif;font-size:.9rem;color:#4a6d50}.steps h3{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:12px}.steps p{font-size:.83rem;line-height:2;color:#536858}.steps p a{color:#2a5737;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8aa58a}.steps p a:hover{color:#0d722b}.steps code{display:inline;font-size:.82em;font-family:Consolas,monospace;background:#dfe6d9;padding:3px 5px;border-radius:3px;margin-inline:3px;overflow-wrap:anywhere}.setup a:focus-visible{outline-color:#347047}
.faq{padding-top:100px;padding-bottom:105px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro .eyebrow{margin-bottom:22px}.faq-intro>p:last-child{color:var(--muted);font-size:.8rem;margin-top:20px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:.9rem;line-height:1.8;list-style:none;cursor:pointer;color:#dbe6da}summary::-webkit-details-marker{display:none}summary:hover{color:var(--mint)}summary>span{font-weight:300;font-size:1.3rem;line-height:1;transition:transform .2s;color:#9fc9a7}details[open] summary>span{transform:rotate(45deg)}.answer{padding:0 30px 25px 0;font-size:.8rem;color:#a4b7aa;line-height:1.9}.answer p+p{margin-top:12px}.answer a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.answer>a{display:inline-block;margin-top:14px}.closing{border-top:1px solid var(--line);padding-block:54px;display:flex;align-items:center;justify-content:space-between;gap:32px}.closing .eyebrow{font-size:.62rem;margin-bottom:13px}.closing h2{font-size:clamp(1.4rem,2.4vw,2rem)}.closing .button{flex-shrink:0}.site-footer{background:#0c1612;border-top:1px solid #29382d}.footer-inner{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:24px;padding-top:34px;padding-bottom:30px}.site-footer .brand{font-size:1.15rem;gap:9px}.site-footer nav{display:flex;align-items:center;gap:27px;font-size:.7rem;color:#b0bdb0}.site-footer p{font-size:.61rem;color:#778b7c;grid-column:1/-1;letter-spacing:.03em}
@media(min-width:1450px){.hero-grid{gap:80px;grid-template-columns:1.3fr .7fr}.hero h1{font-size:4.6rem}.hero-figure{width:350px}}
@media(max-width:1040px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:35px;grid-template-columns:1.28fr .82fr}.hero h1{font-size:4.7vw}.hero-actions{gap:21px;align-items:flex-start;flex-direction:column}.hero-lead{font-size:.91rem}.hero-grid{padding-top:50px}.hero-copy>.eyebrow{font-size:.57rem;gap:7px}.hero-figure{width:310px;max-width:100%}.setup-grid{gap:44px;grid-template-columns:.9fr 1.1fr}.faq{gap:48px;grid-template-columns:.8fr 1.2fr}.section-intro{gap:40px}.feature{padding-right:23px}.feature+.feature{padding-left:23px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.site-header{height:76px}.brand{font-size:1.3rem}.brand img{width:32px;height:32px}.site-header nav{gap:21px;font-size:.75rem}.nav-source{padding-left:20px}.hero-grid{grid-template-columns:1fr;padding-top:58px;gap:50px;padding-bottom:35px}.hero-copy{padding-bottom:0}.hero-copy>.eyebrow{font-size:.62rem;margin-bottom:25px}.hero h1{font-size:clamp(2.4rem,8.2vw,3.75rem);line-height:1.4}.hero-lead{font-size:.92rem;margin-top:23px}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:29px}.hero-figure{justify-self:center;width:320px;max-width:90%}.requirements{font-size:.7rem}.store-status{margin-top:21px}.hero-foot{padding-block:19px;font-size:.66rem}.features{padding-block:67px}.section-intro{display:block}.section-intro>.eyebrow{margin-bottom:20px}.section-intro>p:last-child{margin-top:18px;padding:0;font-size:.85rem}.feature-list{grid-template-columns:1fr;margin-top:31px}.feature,.feature+.feature,.feature:last-child{position:relative;padding:26px 0 26px 44px;border-left:0;border-top:1px solid var(--line)}.feature-number{position:absolute;left:0;top:30px;font-size:.9rem}.feature h3{font-size:1.12rem;margin-bottom:10px}.feature p{font-size:.81rem}.feature-note{margin-top:12px}.setup{padding-block:62px}.setup-grid{display:block}.setup-intro>p:not(.eyebrow){margin-top:18px}.setup .text-link{margin-top:22px}.steps{margin-top:39px}.steps li{gap:20px;padding-block:25px}.setup .eyebrow{margin-bottom:20px}.faq{display:block;padding-block:65px}.faq-intro>p:last-child{margin-top:16px}.questions{margin-top:35px}summary{font-size:.86rem;padding-block:23px}.answer{font-size:.8rem}.closing{align-items:flex-start;flex-direction:column;gap:25px;padding-block:38px}.closing h2{font-size:1.65rem}.footer-inner{row-gap:22px}.site-footer nav{gap:19px;font-size:.65rem}}
@media(max-width:420px){.wrap{width:calc(100% - 40px)}.nav-faq{display:none}.site-header nav{gap:17px}.nav-source{padding-left:17px}.hero-grid{padding-top:47px}.hero h1{font-size:8.85vw}.hero-copy>.eyebrow{font-size:.55rem;gap:7px}.eyebrow-line{width:18px}.hero-lead{font-size:.83rem}.hero-actions{gap:23px}.hero-actions .button{width:100%;padding-inline:14px}.hero-actions .text-link{font-size:.77rem}.hero-figure{width:300px;max-width:100%}.hero-foot{font-size:.6rem}.hero-foot a{padding-right:1px}.steps h3{font-size:1rem}.steps li{gap:15px}.step-number{width:28px;height:28px}.steps p{font-size:.8rem}.closing h2{font-size:1.4rem}.closing .button{width:100%}.footer-inner{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap;gap:22px}.site-footer p{grid-column:auto}summary{font-size:.8rem;gap:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}a,summary>span{transition:none}.button-primary:hover,.hero-foot a:hover{transform:none}}