:root { --bg:#fff; --surface:#f7f8fa; --paper:#fff; --ink:#202329; --muted:#626873; --line-dark:rgba(32,35,41,.12); --line-light:rgba(32,35,41,.12); color-scheme:light; }
body { min-width:0; background:#fff; color:var(--ink); }
.button.try-button { display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }
.inline-cta { margin-top:32px; }
.gallery-cta { margin-top:34px;text-align:center; }
.gallery-viewport{aspect-ratio:16/9;touch-action:pan-y;outline-offset:5px}.gallery-slide{pointer-events:none;z-index:0;transform:translateX(calc(var(--gallery-direction,1) * 4%))}.gallery-slide.is-active{pointer-events:auto;z-index:2;transform:translateX(0)}.gallery-slide.is-leaving{visibility:visible;z-index:1;transform:translateX(calc(var(--gallery-direction,1) * -4%))}.gallery-slide video{object-fit:contain}.gallery-slide .slide-caption{display:none}.gallery-status{max-width:calc(100% - 156px);margin:18px auto 0;display:flex;justify-content:space-between;gap:16px;color:var(--ink);font-size:1rem}.gallery-current-title{font-weight:700;min-width:0}.gallery-count{color:var(--muted);font-size:.875rem;white-space:nowrap}.gallery-dots{margin-top:14px;gap:2px}.gallery-dots button,.gallery-dots button.is-active{width:32px;height:32px;background:transparent;border:0;border-radius:50%;padding:0;display:grid;place-items:center}.gallery-dots button::after{content:'';width:8px;height:8px;border-radius:50%;background:#c7cbd1}.gallery-dots button.is-active::after{background:var(--accent)}@media(max-width:880px){.gallery-status{max-width:100%}}
.overview-links-inline{display:block;color:var(--accent);font-weight:700;text-decoration:none;margin:0 0 26px}.overview-links-inline:hover{text-decoration:underline}
.seo-addition{background:#fff;border-top:1px solid #e5e8ed}.seo-addition-inner{max-width:var(--max);padding:82px 24px;margin:auto}.seo-addition h2{font-size:clamp(2.1rem,3.5vw,3.2rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 30px}.seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.seo-cards article{padding:26px;border:1px solid #e5e8ed;border-radius:18px;background:#f7f8fa}.seo-cards h3{font-size:1.35rem;line-height:1.3;margin:0 0 14px}.seo-cards p{margin:0;color:var(--muted)}.seo-source-note{font-size:.875rem;color:var(--muted);margin:22px 0 0}.seo-detail{grid-column:1/-1;max-width:850px;margin-top:32px;padding-top:26px;border-top:1px solid #e5e8ed}.seo-detail h3{margin:0 0 18px;font-size:1.4rem;line-height:1.3}.seo-detail p{color:var(--muted);margin:0 0 16px}
.table-wrap{max-width:100%;overflow:auto;border:1px solid #e5e8ed;border-radius:16px}.table-wrap table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6;text-align:left}.table-wrap th,.table-wrap td{padding:18px 20px;vertical-align:top;border-bottom:1px solid #e5e8ed}.table-wrap th{background:#f0f3f6}.table-wrap td{color:var(--muted)}.table-wrap tr:last-child td{border-bottom:0}
@media(max-width:800px){.seo-cards{grid-template-columns:1fr}.seo-addition-inner{padding:60px 18px}}@media(max-width:600px){.table-wrap table{min-width:560px}}
@media(max-width:350px){.hero-product{font-size:2.55rem}}
.overview-content h2,.overview-links a,.overview-links a strong { color:var(--ink); }
.hero-visual,.story-frame { position:relative; }
.media-toggle { position:absolute;z-index:4;right:16px;bottom:16px;background:rgba(255,255,255,.96);color:#202329;border:1px solid #dfe3e8;padding:8px 14px;border-radius:999px;font:600 .875rem Manrope,Arial,sans-serif;cursor:pointer; }
.site-footer { padding-top:32px;padding-bottom:24px; }
.footer-top { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px; }
.footer-top img { width:150px;height:auto; }
.footer-top strong { font:italic 600 1.4rem/1.2 var(--serif); }
.site-footer .footer-nav { justify-content:flex-start; }
.story-card { position:relative; }
.story-card .media-toggle { top:16px;bottom:auto; }
.page-visual.is-abstract::before { font-size:clamp(1.9rem,4vw,4.5rem); }
.hero-visual .media-toggle { left:20px;right:auto;bottom:20px; }
.source-photo { bottom:76px; }
.overview-links a::after { display:none; }
.site-header { background:rgba(255,255,255,.92); border-bottom-color:#e9ebee; }
.site-header.is-scrolled { background:rgba(255,255,255,.97); }
.brand img,.footer-identity img { filter:none; background:transparent; }
.hero::before,.seo-hero::before { display:none; }
.hero-product { color:var(--ink); }
.hero-description { color:#d94920; }
.hero-copy > p,.hero-note,.section-heading p,.overview-content > p,.steps-head p,.step p,.cta-content p { color:var(--muted); }
.hero-visual,.page-visual { box-shadow:0 20px 65px rgba(28,33,43,.12); }
.hero-visual { background:#eef0f3; }
.gallery { background:#f7f8fa; border-top:1px solid #eef0f3; }
.gallery-arrow { color:var(--ink); background:#fff; border-color:#dde1e6; }
.gallery-arrow:hover { color:#fff; }
.slide-caption,.ai-mark,.memory-status,.visual-label { color:#fff; }
.product-overview,.steps { background:#fff; }
.overview-links a { color:var(--ink); }
.overview-links a:hover { color:var(--accent); }
.photo-story,.content-section,.faq { background:#f7f8fa; }
.photo-story { border-top:1px solid #ebedf1; border-bottom:1px solid #ebedf1; }
.photo-story-copy > p:not(.section-label),.photo-story-copy li,.prose,.checklist li,.faq-heading p,.faq-answer p { color:var(--muted); }
.related { background:#f7f8fa; }
.related-card { background:#fff; }
.page-visual.is-abstract { background:#f0f3f6; border-color:#e3e7eb; }
.page-visual.is-abstract::before { color:var(--ink); }
.page-visual.is-abstract::after { display:none; }
.page-visual.is-abstract .visual-label { color:var(--ink); }
.page-visual.is-abstract .visual-label span { color:var(--muted); }
.page-visual.is-abstract .orbit { animation:none; }
.final-cta { background:#fff5ef; color:var(--ink); }
.final-cta::before { border-color:#f3ded0; }
.cta-shade { display:none; }
.final-cta:has(>video) { min-height:0; max-width:1240px; margin:0 auto; padding:88px 24px; display:grid; grid-template-columns:1fr 1fr; gap:64px; background:#fff; text-align:left; }
.final-cta:has(>video) .cta-content { grid-column:1; grid-row:1; }
.final-cta:has(>video) h2 { font-size:clamp(2.25rem,3.7vw,3.6rem); line-height:1.08; }
.final-cta >video { display:block; position:relative; grid-column:2; grid-row:1; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:22px; background:#f0f2f4; }
.final-cta .button-light { background:var(--accent); color:#fff; }
.final-cta .button-light:hover { background:var(--accent-hover); }
.site-footer { background:#fff; color:var(--ink); border-top:1px solid #e6e9ee; }
.footer-top strong,.footer-identity strong { color:var(--ink); }
.footer-nav { display:flex; flex-wrap:wrap; gap:12px 22px; }
.footer-nav a { color:#626873; font-size:.875rem; }
.footer-nav a:hover,.footer-nav a[aria-current='page'] { color:var(--accent); }
.footer-bottom { color:#767d86; border-top-color:#e6e9ee; font-size:.75rem; }
@media(max-width:880px) { .gallery-arrow { color:var(--ink); background:rgba(255,255,255,.94); border-color:#dde1e6; } }
@media(max-width:768px) { .final-cta:has(>video) { grid-template-columns:1fr; gap:32px; padding:64px 18px; } .final-cta >video { grid-column:1; grid-row:2; } }
@media(max-width:600px) { .footer-nav { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; } .footer-top img { width:138px; }.footer-top strong { font-size:1.15rem; }.footer-bottom{flex-direction:column;gap:8px;} .hero-visual .media-toggle { bottom:14px;left:14px; } }
@media(max-width:350px) { .footer-nav { grid-template-columns:1fr; } }
.hero h1{font:800 clamp(2.6rem,4.6vw,4rem)/1.08 var(--sans);letter-spacing:-.05em;text-wrap:balance;color:var(--ink)}@media(max-width:600px){.hero h1{font-size:clamp(2.3rem,8.4vw,3rem)}}@media(max-width:350px){.hero h1{font-size:2.3rem}}