:root{color:#18221c;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7fbf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:#f7fbf8;min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}.letshare-landing{--bg:#f7fbf8;--surface:#fff;--surface-soft:#edf6f0;--surface-strong:#e1efe6;--text:#18221c;--muted:#5f7066;--faint:#87998d;--line:#18221c1f;--primary:#23864f;--primary-strong:#16683a;--secondary:#1769aa;--accent:#d97706;--shadow-1:0 1px 2px #0c181014;--shadow-2:0 12px 36px #0c18101f;--shadow-3:0 30px 80px #0c18102e;background:var(--bg);min-height:100svh;color:var(--text);overflow-x:clip}.letshare-landing[data-theme=dark]{--bg:#101715;--surface:#17221f;--surface-soft:#1e2d29;--surface-strong:#243933;--text:#eef8f1;--muted:#abc0b2;--faint:#7c9285;--line:#eef8f11f;--primary:#74d99a;--primary-strong:#b8f2cd;--secondary:#80c7ff;--accent:#f1b04c;--shadow-1:0 1px 2px #00000038;--shadow-2:0 16px 44px #00000047;--shadow-3:0 34px 90px #0000006b}.letshare-landing[data-theme=blue]{--bg:#f4f9ff;--surface-soft:#e7f2ff;--surface-strong:#d9ebff;--primary:#1976d2;--primary-strong:#0f4f92;--secondary:#23864f;--accent:#c2410c}.letshare-landing[data-theme=green]{--bg:#f4fbef;--surface-soft:#eaf5e2;--surface-strong:#dcedce;--primary:#388e3c;--primary-strong:#246729;--secondary:#0f6b99;--accent:#b45309}.letshare-landing[data-theme=sunset]{--bg:#fff8ef;--surface-soft:#ffedda;--surface-strong:#ffe1bd;--primary:#d65f00;--primary-strong:#9a3f00;--secondary:#166c55;--accent:#b91c1c}.letshare-landing[data-theme=coolGray]{--bg:#202a2f;--surface:#2a363c;--surface-soft:#334149;--surface-strong:#3d4d55;--text:#f3f7f8;--muted:#c0cbd0;--faint:#98a7ae;--line:#f3f7f821;--primary:#b4d4df;--primary-strong:#e3f5fa;--secondary:#9cc77a;--accent:#f3b45a;--shadow-1:0 1px 2px #0003;--shadow-2:0 16px 44px #0000004d;--shadow-3:0 34px 90px #0000006b}.landing-nav{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:68px;margin:0 auto;display:flex;position:sticky;top:0}.scroll-progress{pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.scroll-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));width:100%;height:100%;display:block;transform:scaleX(0)}.brand-lockup,.nav-links,.nav-actions,.theme-switcher,.hero-actions,.hero-metrics,.trust-strip,.step-list,.landing-footer,.mode-tabs,.mode-diagram{align-items:center;display:flex}.brand-lockup{color:var(--text);gap:10px;font-size:18px;font-weight:750;text-decoration:none}.brand-lockup img{box-shadow:var(--shadow-1);border-radius:8px}.nav-links{gap:24px}.nav-links a,.landing-footer a{color:var(--muted);font-size:14px;font-weight:650;text-decoration:none}.nav-links a:hover,.landing-footer a:hover{color:var(--text)}.nav-actions{gap:16px}.theme-switcher{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);border-radius:999px;gap:8px;padding:6px}.theme-swatch{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:18px;height:18px;padding:0}.theme-swatch[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.theme-swatch:focus-visible,.mode-tabs button:focus-visible,.faq-item button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:3px}.button-primary{background:var(--primary);color:var(--bg);box-shadow:var(--shadow-2)}.button-primary:hover{background:var(--primary-strong)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button-large{min-height:48px;padding:0 22px;font-size:15px}.hero-section{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:start;width:min(1180px,100% - 48px);min-height:620px;margin:0 auto;padding:72px 0 34px;display:grid;position:relative}.hero-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.signal-line{transform-origin:0;background:var(--line);width:44%;height:1px;position:absolute;right:50px}.signal-line-a{top:27%;transform:rotate(-8deg)}.signal-line-b{top:47%;transform:rotate(5deg)}.signal-line-c{top:66%;transform:rotate(-3deg)}.signal-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:50%;position:absolute;top:-5px;left:28%}.hero-copy-block{z-index:2;max-width:590px;padding-top:10px;position:relative}.hero-kicker,.section-kicker{color:var(--primary-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:14px;font-weight:800}.hero-title{max-width:720px;color:var(--text);letter-spacing:0;margin:0;font-size:72px;line-height:.92}.hero-copy{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:20px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.hero-metrics{flex-wrap:wrap;gap:24px;margin:34px 0 0}.hero-metrics div{border-left:2px solid var(--primary);min-width:128px;padding-left:14px}.hero-metrics dt{font-size:14px;font-weight:800}.hero-metrics dd{color:var(--muted);margin:4px 0 0;font-size:13px}.hero-visual{z-index:1;isolation:isolate;perspective:1100px;min-height:520px;transform-style:preserve-3d;margin-top:-22px;position:relative}.product-shot{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-3);border-radius:8px;display:block}.product-shot-desktop{z-index:1;width:98%;max-width:690px;height:auto;position:absolute;top:16px;right:0;transform:rotateY(-9deg)rotateX(4deg)}.product-shot-mobile{z-index:3;width:154px;height:auto;position:absolute;bottom:22px;left:10px;transform:rotateY(12deg)rotate(-3deg)}.transfer-card{z-index:6;background:var(--surface);backdrop-filter:blur(14px);gap:14px;width:320px;padding:18px;display:grid;position:absolute;top:318px;right:36px}.transfer-topline,.transfer-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.transfer-topline{color:var(--muted);font-size:13px;font-weight:800}.live-dot{background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:50%}.transfer-card strong{font-size:22px}.transfer-progress{background:var(--surface-strong);border-radius:999px;height:9px;overflow:hidden}.transfer-progress span{border-radius:inherit;background:var(--primary);width:68%;height:100%;display:block}.transfer-meta{color:var(--muted);font-size:13px}.transfer-meta b{color:var(--secondary)}.floating-status{z-index:4;background:color-mix(in srgb, var(--surface) 94%, transparent);backdrop-filter:blur(14px);gap:4px;min-width:164px;padding:14px;display:grid;position:absolute;bottom:26px;right:38px}.floating-status span{color:var(--muted);font-size:12px}.floating-status strong{font-size:16px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:12px;width:min(1180px,100% - 48px);margin:0 auto 48px;padding:14px}.trust-strip span{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.section-shell,.showcase-section{width:min(1180px,100% - 48px);margin:0 auto;padding:72px 0}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2,.showcase-copy h2{letter-spacing:0;margin:0;font-size:40px;line-height:1.08}.section-heading p:not(.section-kicker),.showcase-copy p:not(.section-kicker){color:var(--muted);margin:16px 0 0;font-size:18px;line-height:1.65}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.benefit-card,.mode-panel,.faq-item{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);border-radius:8px}.benefit-card{gap:14px;min-height:270px;padding:24px;display:grid}.benefit-card p{color:var(--secondary);text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.benefit-card h3{margin:0;font-size:24px;line-height:1.18}.benefit-card span{color:var(--muted);font-size:16px;line-height:1.6}.flow-section{grid-template-columns:.75fr 1fr;align-items:start;gap:48px;display:grid}.step-list{flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:0;list-style:none}.step-list li{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:64px 1fr;align-items:center;min-height:82px;padding:0 24px;display:grid}.step-list span{color:var(--primary);font-size:14px;font-weight:900}.step-list strong{font-size:20px;line-height:1.25}.interactive-section{grid-template-columns:.8fr 1fr;align-items:center;gap:42px;display:grid}.mode-panel{min-height:370px;padding:24px}.mode-tabs{flex-wrap:wrap;gap:8px}.mode-tabs button{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--muted);cursor:pointer;font:inherit;border-radius:999px;padding:0 14px;font-size:14px;font-weight:800}.mode-tabs button.is-active{background:var(--primary);color:var(--bg);border-color:#0000}.mode-copy{min-height:164px;padding:34px 0}.mode-copy span{color:var(--secondary);text-transform:uppercase;font-size:13px;font-weight:900}.mode-copy h3{margin:10px 0 0;font-size:30px}.mode-copy p{color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.6}.mode-diagram{background:var(--surface-soft);border-radius:8px;justify-content:space-between;gap:14px;padding:18px}.device-node{background:var(--surface);min-width:92px;color:var(--text);text-align:center;box-shadow:var(--shadow-1);border-radius:8px;padding:14px 16px;font-size:14px;font-weight:800}.mode-path{background:var(--line);flex:1;height:2px;position:relative}.mode-path:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:40%}.showcase-section{grid-template-columns:.72fr 1fr;align-items:center;gap:44px;display:grid}.showcase-copy{max-width:460px}.showcase-media img{border:1px solid var(--line);background:var(--surface);width:100%;height:auto;box-shadow:var(--shadow-3);border-radius:8px;display:block}.faq-list{gap:12px;max-width:860px;display:grid}.faq-item{overflow:hidden}.faq-item button{width:100%;min-height:66px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:17px;font-weight:800;display:flex}.faq-item button span:last-child{color:var(--primary);font-size:26px}.faq-item p{color:var(--muted);margin:0;padding:0 22px 22px;font-size:16px;line-height:1.6}.landing-footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--muted);justify-content:center;gap:18px;margin:0 auto;padding:34px 0 42px;font-size:14px}.landing-footer span{color:var(--text);font-weight:800}@media (width<=980px){.nav-links{display:none}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-title{font-size:56px}.hero-copy{font-size:18px}.hero-visual{min-height:430px;margin-top:16px}.product-shot-desktop{width:84%;right:0}.product-shot-mobile{left:0;right:auto}.transfer-card{top:250px;right:18px}.benefit-grid,.flow-section,.interactive-section,.showcase-section{grid-template-columns:1fr}}@media (width<=700px){.landing-nav{width:min(100% - 28px,1180px);min-height:64px}.theme-switcher{display:none}.button{min-height:40px;padding:0 14px}.hero-section,.section-shell,.showcase-section,.trust-strip,.landing-footer{width:min(100% - 28px,1180px)}.hero-section{padding:28px 0 30px}.hero-title{font-size:42px;line-height:1}.hero-copy{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-metrics{gap:14px}.hero-metrics div{min-width:116px}.hero-visual,.product-shot-mobile,.floating-status,.transfer-card{display:none}.section-shell,.showcase-section{padding:54px 0}.section-heading h2,.showcase-copy h2{font-size:30px}.benefit-card{min-height:auto}.step-list li{grid-template-columns:48px 1fr;padding:0 16px}.mode-diagram{flex-direction:column}.mode-path{width:2px;height:56px}.mode-path:after{top:38%;left:-4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
