:root{color-scheme:light;--ink:#172126;--muted:#5b666b;--paper:#fbf8f1;--paper-strong:#fffdf8;--line:#ded6c7;--teal:#00656a;--teal-deep:#003f43;--blue:#2b5596;--warm:#b9ad99;--accent:#ff72b4;--shadow:0 20px 60px #17212629;font-family:Segoe UI,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{min-width:320px;margin:0}a{color:inherit}img{max-width:100%;display:block}.site-header{z-index:20;backdrop-filter:blur(16px);background:#fbf8f1eb;border-bottom:1px solid #ded6c7cc;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:64px;padding:10px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand,.site-nav,.header-actions,.hero-actions,.site-footer nav{align-items:center;display:flex}.brand{white-space:nowrap;gap:10px;font-weight:750;text-decoration:none}.brand-mark{border-radius:8px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden;box-shadow:0 4px 10px #1721261f}.brand-mark img{object-fit:cover;width:100%;height:100%}.site-nav{color:var(--muted);justify-content:center;gap:18px;font-size:.94rem}.site-nav a,.text-link,.site-footer a{text-decoration:none}.site-nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--teal)}.header-actions{justify-content:flex-end;gap:12px}.button{border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #00656a38}.button:hover{background:var(--teal-deep)}.button-secondary{color:var(--teal-deep);box-shadow:none;background:#ffffffd6}.button-secondary:hover{background:#fff}.button-small{min-height:36px;padding:0 14px;font-size:.9rem}.hero{background:radial-gradient(1100px 520px at 90% -12%, #00656a1f, transparent 62%), radial-gradient(820px 460px at 2% 112%, #2b559614, transparent 58%), var(--paper);padding:clamp(56px,7vw,96px) clamp(18px,6vw,86px) clamp(64px,8vw,108px);position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"content visual""actions visual";align-items:center;gap:30px clamp(32px,5vw,76px);width:min(1180px,100%);margin:0 auto;display:grid}.hero-content{grid-area:content;width:100%;max-width:640px}.hero-visual{grid-area:visual}.eyebrow,.section-kicker{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}.hero h1{letter-spacing:0;word-break:keep-all;margin:0;font-size:clamp(2.55rem,4.4vw,4.05rem);line-height:1.08}.hero h1 span{display:block}.hero-subtitle{color:#2c383d;max-width:560px;margin:22px 0 0;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.75}.hero-tagline{color:var(--blue);background:#ffffffb3;border:1px solid #00656a33;border-radius:8px;margin:22px 0 0;padding:8px 12px;font-weight:800;display:inline-flex}.hero-actions{flex-wrap:wrap;grid-area:actions;gap:12px;max-width:640px}.hero-shot{background:#fff;border:1px solid #1721261f;border-radius:12px;margin:0;overflow:hidden;box-shadow:0 34px 74px #17212633,0 6px 16px #17212614}.hero-shot img{width:100%;height:auto;display:block}.hero-shot-empty{display:none}.hero-shot[data-empty=true]{border-style:dashed;border-color:var(--line);background:var(--paper-strong);box-shadow:none}.hero-shot[data-empty=true] .hero-shot-empty{aspect-ratio:16/10;text-align:center;color:var(--muted);place-content:center;gap:10px;padding:24px;display:grid}.hero-shot-empty b{font-weight:750}.hero-shot-empty code{color:var(--teal);word-break:break-all;font-size:.82rem}.hero-friendly{background:radial-gradient(1000px 520px at 88% -10%, #00656a8c, transparent 60%), var(--teal-deep)}.hero-friendly .eyebrow{color:#9ed4d4}.hero-friendly h1,.hero-friendly .hero-subtitle{color:#fff}.hero-friendly .hero-tagline{background:#ffffffeb;border-color:#ffffff61}.section,.split-section,.addon-section,.final-cta,.variant-intro{width:min(1180px,100% - 36px);margin:0 auto}.section{padding:clamp(72px,9vw,118px) 0}.section-heading{max-width:760px}.section h2,.split-section h2,.addon-section h2,.final-cta h2,.variant-intro h1{letter-spacing:0;margin:0;font-size:3.45rem;line-height:1.12}.section-heading p,.split-section p,.addon-section p,.variant-intro p{color:var(--muted);font-size:1.05rem;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.feature-card{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.feature-shot{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#0c3b3e}.feature-shot img{object-fit:cover;object-position:center;width:100%;height:100%}.feature-text{padding:20px 22px 24px}.feature-card h3{margin:0 0 10px;font-size:1.14rem}.feature-card p,.faq-list p{color:var(--muted);margin:0;line-height:1.75}.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,6vw,80px);padding:clamp(72px,9vw,118px) 0;display:grid}.split-reversed{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split-reversed>:first-child{order:2}.check-list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.check-list li{background:#ffffff94;border:1px solid #00656a2e;border-radius:8px;padding:14px 16px;font-weight:650}.media-frame{box-shadow:var(--shadow);background:#fff;border:1px solid #1721261f;border-radius:8px;margin:0;overflow:hidden}.media-frame img{width:100%}.addon-section{border-top:1px solid #ded6c7d1;border-bottom:1px solid #ded6c7d1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(34px,6vw,82px);padding:clamp(72px,9vw,118px) 0;display:grid}.addon-copy{max-width:620px}.addon-intro{margin:24px 0 0}.addon-support{color:var(--ink);margin:18px 0 0;font-weight:700}.addon-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.addon-details{border-left:1px solid var(--line);gap:32px;padding-left:clamp(24px,4vw,56px);display:grid}.addon-detail-block{gap:16px;display:grid}.addon-detail-block+.addon-detail-block{border-top:1px solid var(--line);padding-top:30px}.addon-detail-block h3{margin:0;font-size:1.22rem}.addon-list,.addon-steps{gap:12px;margin:0;padding-left:1.25rem;display:grid}.addon-list li,.addon-steps li{color:#2c383d;line-height:1.7}.addon-list{gap:18px;padding-left:0;list-style:none}.addon-list li{border-left:3px solid #00656a42;gap:4px;padding-left:16px;display:grid}.addon-list strong{color:var(--ink);font-size:1.02rem}.addon-list span{color:var(--muted)}.addon-steps li::marker{color:var(--blue);font-weight:850}.addon-note{border-top:1px solid #00656a2e;margin:6px 0 0;padding-top:16px}.faq-section{padding-top:64px}.faq-list{gap:12px;margin-top:30px;display:grid}.faq-list details{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px}.faq-list summary{cursor:pointer;padding:20px 22px;font-weight:750}.faq-list details[open]{box-shadow:0 12px 28px #17212614}.faq-list p{padding:0 22px 22px}.final-cta{background:#eef7f5;border:1px solid #00656a38;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:80px;padding:34px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(18px,4vw,56px);display:flex}.footer-brand{align-items:center;gap:16px;display:flex}.footer-brand img{object-fit:contain;object-position:left center;width:118px;height:18px}.footer-brand p{margin:0}.site-footer nav{flex-wrap:wrap;gap:16px}.redirect-page{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.variant-page{padding-bottom:80px}.variant-intro{padding:72px 0 24px}.variant-block{margin-top:28px}.variant-label{flex-wrap:wrap;align-items:center;gap:12px;width:min(1180px,100% - 36px);margin:0 auto 12px;display:flex}.variant-label span{background:var(--ink);color:#fff;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-weight:850;display:inline-flex}.variant-block .hero{min-height:620px}@media (width<=980px){.site-header{grid-template-columns:1fr;gap:12px}.site-nav{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.header-actions{justify-content:flex-start}.hero-inner{grid-template-columns:1fr;grid-template-areas:"content""visual""actions";gap:28px}.hero-content{max-width:none}.hero-visual{width:min(560px,100%);margin:0 auto}.hero h1{font-size:clamp(2.4rem,6vw,3.5rem)}.section h2,.split-section h2,.addon-section h2,.final-cta h2,.variant-intro h1{font-size:2.8rem}.feature-grid,.split-section,.addon-section{grid-template-columns:1fr}.split-reversed>:first-child{order:0}.final-cta,.site-footer{flex-direction:column;align-items:flex-start}.footer-brand{flex-direction:column;align-items:flex-start;gap:10px}.addon-details{border-top:1px solid var(--line);border-left:0;padding-top:30px;padding-left:0}}@media (width<=620px){.site-nav{display:none}.hero{padding:44px 18px 56px}.hero-inner{gap:20px}.hero h1{font-size:2.55rem}.hero-subtitle{font-size:1rem}.hero-actions,.header-actions,.addon-actions{flex-direction:column;align-items:stretch}.button{width:100%}.feature-card{min-height:auto}.section h2,.split-section h2,.addon-section h2,.final-cta h2,.variant-intro h1{font-size:2.15rem}}