:root{color-scheme:dark;--bg:#0c1220;--surface:#141c2e;--line:#29354d;--ink:#f3f6ff;--muted:#adbad2;--accent:#8b90ff;--mint:#5ee1c2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid #bec8ff;outline-offset:4px}
button,input,select{font:inherit}
.shell{width:min(1160px,calc(100% - 64px));margin:0 auto}
.skip{position:absolute;top:-65px;left:12px;padding:10px 14px;background:#fff;color:#0a1020;border-radius:8px;z-index:50}
.skip:focus{top:12px}
.site-header{background:#0c1220de;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand-logo{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#5368f4,#b272ff);border-radius:13px;font-weight:900;font-size:23px;color:white;box-shadow:0 5px 28px #6372ff2b}
.brand-text strong,.brand-text small{display:block;line-height:1.4}
.brand-text strong{font-size:17px;letter-spacing:-.35px}.brand-text small{font-size:10px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:20px}
.nav a{font-size:13px;font-weight:700;text-decoration:none}
.nav-about{color:#c1c8dc;position:relative}
.nav-about:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:2px;border-radius:2px;background:#a1a4ff}
.nav-editor{padding:10px 17px;border:1px solid #6672b2;border-radius:9px;background:#1b2651;color:#fff}
.nav-editor:hover{background:#293a7a}
.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:48px;align-items:center;padding:108px 0 116px}
.eyebrow{margin:0 0 22px;font-size:11px;font-weight:800;letter-spacing:2.3px;color:var(--mint);line-height:1.5}
.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin-right:5px;box-shadow:0 0 0 5px #5ee1c216}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{line-height:1.12;letter-spacing:-.04em}
h1{font-size:clamp(43px,5.1vw,73px);margin:0 0 26px;font-weight:830}
h1 span{color:#aaaaff}
.lead{max-width:540px;color:#bfcae0;font-size:17px;line-height:1.82;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:13px 20px;font-size:14px;text-align:center;text-decoration:none;font-weight:750;border-radius:10px;transition:transform .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{color:#10172a;background:#a5acff;box-shadow:0 8px 35px #6468ec30}
.button.primary:hover{background:#c0c5ff}
.button.secondary{background:#ffffff09;border:1px solid #34405a;color:#f2f4ff}
.button.secondary:hover{background:#ffffff15}
.hero-note{color:#98a6c0;font-size:12px;margin:24px 0 0}
.preview{position:relative;border:1px solid #52618a76;border-radius:19px;overflow:hidden;background:#161f35;box-shadow:0 38px 90px #01040b8f,0 0 70px #606bed20;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);width:100%;isolation:isolate}
.preview:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff10,transparent 35%);pointer-events:none;z-index:3}
.preview-top,.preview-bottom{display:flex;align-items:center;gap:9px;height:43px;padding:0 15px;background:#202b45;color:#9faed1;font-size:10px}
.preview-mark{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:900;background:linear-gradient(135deg,#566af7,#b875ff);color:white}
.preview-dots{margin-left:auto;letter-spacing:4px;color:#63708d;font-size:10px}
.preview-body{display:grid;grid-template-columns:39px minmax(0,1fr) 73px;min-height:320px}
.preview-tools{background:#1c2740;display:flex;align-items:center;flex-direction:column;gap:15px;color:#b8c6e6;padding:18px 0}
.preview-tools span{font-size:19px;line-height:1}
.preview-work{background:#11192b;display:grid;place-items:center;padding:23px 12px}
.preview-canvas{position:relative;overflow:hidden;aspect-ratio:16/10;width:100%;padding:24px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background:linear-gradient(142deg,#f2f5ff 0%,#e2eafa 55%,#d0dafa 100%);color:#222e52}
.canvas-label,.canvas-subtitle{font-size:clamp(6px,0.75vw,10px);letter-spacing:.18em;font-weight:800;position:relative;z-index:1}
.canvas-heading{font-size:clamp(23px,3.6vw,47px);line-height:1.05;letter-spacing:-.065em;font-weight:900;position:relative;z-index:1;margin:8px 0 17px}
.canvas-accent{color:#5f69ef}
.canvas-line{height:6px;width:53px;border-radius:8px;background:#7c79f7;margin-bottom:9px;position:relative;z-index:1}
.canvas-orbit{position:absolute;width:160px;height:160px;border:29px solid #9caaff;right:-60px;top:30px;opacity:.67;border-radius:50%;transform:rotate(22deg)}
.canvas-orbit.two{width:70px;height:70px;right:52px;top:-24px;border:18px solid #b0f6ed;opacity:.82}
.preview-layers{background:#1b2740;border-left:1px solid #38405b;padding:18px 9px;display:flex;flex-direction:column;align-items:stretch;gap:9px}
.preview-layers span{font-size:7px;letter-spacing:.14em;color:#b4c0d6}
.preview-layers i{height:18px;background:#303d5e;border-radius:3px;display:block}
.preview-layers i:first-of-type{background:#525fa2}
.preview-layers b{height:15px;background:#364665;border-radius:3px}
.preview-bottom{height:24px;font-size:8px;justify-content:space-between}
.intro-band{border-block:1px solid #ffffff10;background:#151e30}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0}
.intro-grid div{display:flex;gap:7px;flex-direction:column;padding:0 35px;border-right:1px solid #ffffff16}
.intro-grid div:first-child{padding-left:0}.intro-grid div:last-child{border:0}
.intro-grid strong{font-size:16px;letter-spacing:-.02em}
.intro-grid span{font-size:12px;color:var(--muted)}
.section{padding-top:115px;padding-bottom:115px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:52px;margin-bottom:42px}
.section-heading>div{max-width:650px}
.section-heading h2,h2{font-size:clamp(32px,3.4vw,50px);margin:0;letter-spacing:-.045em}
.section-heading>p{max-width:310px;margin:0 0 7px;font-size:14px;color:var(--muted);line-height:1.8}
.section-heading .eyebrow{margin-bottom:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.feature{border:1px solid #34426088;border-radius:15px;background:linear-gradient(146deg,#1c2841,#141d30);padding:29px 27px;min-height:237px}
.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#bfc5ff;font-size:26px;background:#8684ff16;border:1px solid #a0a2ff28;margin-bottom:28px}
.feature h3{font-size:19px;letter-spacing:-.02em;margin:0 0 12px}
.feature p{font-size:13px;line-height:1.78;color:#b6c3dd;margin:0}
.privacy-section{background:linear-gradient(118deg,#151e33,#11192c);border-block:1px solid #ffffff12}
.privacy-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:90px}
.privacy-grid>div:last-child>p:not(.eyebrow){color:#b8c4db;line-height:1.85;font-size:15px;margin:21px 0}
.privacy-grid .fine-print{font-size:12px!important;color:#99aac8!important;border-left:3px solid #6a75de;padding-left:14px}
.privacy-illustration{min-height:330px;border:1px dashed #58678d;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;background:radial-gradient(ellipse at 50% 50%,#6071dc25,transparent 60%)}
.local-folder{width:220px;height:160px;background:linear-gradient(140deg,#7b84fd,#a777ea);border-radius:18px 18px 24px 24px;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;color:white;box-shadow:0 20px 45px #4d5af247;transform:rotate(-4deg);position:relative}
.local-folder:before{content:"";position:absolute;left:0;top:-17px;height:30px;width:96px;border-radius:15px 15px 0 0;background:#6678ec}
.local-folder span{font-size:10px;font-weight:850;letter-spacing:1.6px}
.local-folder strong{font-size:25px;letter-spacing:-.03em}
.local-path{font-size:10px;font-weight:800;letter-spacing:2px;color:#a8b8d4}
.local-path span{color:#75dcc8;margin:0 9px}
.roadmap{padding-bottom:95px}
.roadmap-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.roadmap-list>div{border-top:2px solid #6672a0;padding-top:25px}
.roadmap-list span{display:block;color:#9b9dff;font-weight:900;letter-spacing:1px;margin-bottom:19px}
.roadmap-list strong{font-size:18px;letter-spacing:-.02em}
.roadmap-list p{color:var(--muted);font-size:13px;line-height:1.8}
.faq{padding-top:10px}
.faq h2{margin:0 0 34px}
.faq details{border-top:1px solid #35405a}
.faq details:last-child{border-bottom:1px solid #35405a}
.faq summary{padding:20px 8px;cursor:pointer;font-size:16px;font-weight:750;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:22px;font-weight:400;color:var(--accent)}
.faq details[open] summary:after{content:"–"}
.faq details p{max-width:780px;padding:0 8px 20px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.cta-section{background:linear-gradient(110deg,#28346c,#433e7b);border-block:1px solid #888de74a}
.cta{padding-top:54px;padding-bottom:54px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{font-size:clamp(28px,3.4vw,43px)}
.cta .eyebrow{color:#a6f0e3;margin-bottom:11px}
.cta p:not(.eyebrow){color:#d2d8f1;font-size:14px}
.cta .button{white-space:nowrap}
.footer{background:#0a1020}
.footer-inner{padding-top:42px;padding-bottom:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-brand strong,.footer-brand small{display:block}
.footer-brand strong{font-size:16px}
.footer-brand small{font-size:11px;color:var(--muted);margin-top:6px}
.footer nav{display:flex;gap:24px}
.footer nav a{color:#c2cde4;font-size:12px;text-decoration:none}
.footer nav a:hover{text-decoration:underline}
@media(max-width:950px){
 .hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:80px;gap:49px}
 .hero-copy{max-width:710px}
 .preview{max-width:700px;margin:auto;transform:none}
 .canvas-heading{font-size:clamp(28px,6vw,57px)}
 .preview-canvas{padding:35px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .privacy-grid{gap:32px}
 .section{padding-top:80px;padding-bottom:80px}
}
@media(max-width:640px){
 .shell{width:min(100% - 34px,540px)}
 .header-inner{height:66px}
 .brand-logo{width:37px;height:37px}
 .brand-text strong{font-size:14px}.brand-text small{font-size:9px}
 .nav{gap:12px}.nav a{font-size:12px}.nav-editor{padding:8px 10px}
 .hero{padding-top:58px;padding-bottom:69px;gap:40px}
 h1{font-size:clamp(39px,10vw,60px)}
 .lead{font-size:15px}
 .button{width:100%}
 .hero-actions{flex-direction:column;max-width:370px}
 .preview-body{min-height:210px;grid-template-columns:27px minmax(0,1fr) 50px}
 .preview-tools{gap:10px;padding-top:12px}
 .preview-tools span{font-size:13px}
 .preview-work{padding:10px 7px}
 .preview-canvas{padding:14px}
 .canvas-heading{font-size:clamp(21px,6.6vw,38px);margin:5px 0 10px}
 .canvas-orbit{width:85px;height:85px;border-width:15px;right:-24px}
 .canvas-orbit.two{width:35px;height:35px;border-width:8px;right:30px}
 .preview-layers{padding:10px 5px;gap:6px}
 .preview-layers i{height:12px}.preview-layers b{height:10px}
 .intro-grid{grid-template-columns:1fr;gap:22px}
 .intro-grid div,.intro-grid div:first-child{padding:0 0 19px;border:0;border-bottom:1px solid #ffffff16}
 .intro-grid div:last-child{padding-bottom:0;border:0}
 .section{padding-top:72px;padding-bottom:72px}
 .section-heading{display:block}
 .section-heading>p{margin:18px 0 0}
 .section-heading h2,h2{font-size:34px}
 .feature-grid,.privacy-grid,.roadmap-list{grid-template-columns:1fr}
 .feature{min-height:0;padding:23px}
 .feature-icon{margin-bottom:20px}
 .privacy-illustration{min-height:250px;order:2}
 .local-folder{transform:rotate(-3deg) scale(.85)}
 .roadmap-list{gap:10px}
 .roadmap-list>div{padding-top:17px}
 .faq{padding-top:5px}
 .cta{padding-top:46px;padding-bottom:46px;align-items:stretch;flex-direction:column}
 .footer-inner{flex-direction:column;align-items:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.site-beta{display:inline-flex;vertical-align:middle;align-items:center;padding:1px 5px;
 border-radius:4px;border:1px solid #8d99b08f;background:#ffffff10;
 color:#c7d2ee;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.07em}
@media(max-width:640px){.site-beta{font-size:8px;padding:1px 4px}}

/* Unified LHTSOFT blue appearance: tokens from RemoteCommand.
 * Keep product screenshots illustrative, but brand chrome and prose follow theme.
 */
:root{
 color-scheme:light;
 --bg:#ffffff;--surface:#f7f7f7;--line:#e3e3e3;
 --ink:#1a1c1f;--muted:#6b6b6b;--accent:#4267e8;--mint:#4267e8;
 --info-nav:#f3f3f3;--info-card:#f7f7f7;--info-hover:#edf1ff;
 --info-soft:#edf1ff;--info-cta:#edf1ff;
 --info-cta-text:#1a1c1f;--info-text:#343943;
}
:root[data-theme=dark]{
 color-scheme:dark;
 --bg:#181818;--surface:#222222;--line:#363636;
 --ink:#ededed;--muted:#a3a3a3;--accent:#90aaff;--mint:#90aaff;
 --info-nav:#1f1f1f;--info-card:#262626;--info-hover:#303341;
 --info-soft:#2a2d38;--info-cta:#202a46;
 --info-cta-text:#ededed;--info-text:#d2d2d2;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]){
  color-scheme:dark;
  --bg:#181818;--surface:#222222;--line:#363636;
  --ink:#ededed;--muted:#a3a3a3;--accent:#90aaff;--mint:#90aaff;
  --info-nav:#1f1f1f;--info-card:#262626;--info-hover:#303341;
  --info-soft:#2a2d38;--info-cta:#202a46;
  --info-cta-text:#ededed;--info-text:#d2d2d2;
 }
}
body{background:var(--bg);color:var(--ink)}
.site-header{background:var(--info-nav);border-bottom:1px solid var(--line)}
.site-theme{display:flex;align-items:center;gap:6px;color:var(--accent);white-space:nowrap}
.site-theme select{width:auto;min-width:94px;padding:7px 8px;border-radius:8px;
 background:var(--surface);border:1px solid var(--line);color:var(--ink);
 cursor:pointer;font-size:12px;font-weight:700}
.site-theme select:hover{border-color:var(--accent)}
a:focus-visible,summary:focus-visible,.site-theme select:focus-visible{outline:3px solid var(--accent)}
.brand-logo,.preview-mark{background:linear-gradient(135deg,#4267e8,#2448a8)}
.nav-about{color:var(--ink)}
.nav-about:after{background:var(--accent)}
.nav-editor,.button.primary{background:#4267e8;color:#ffffff;border-color:#4267e8}
.nav-editor:hover,.button.primary:hover{background:#3557d0;color:#ffffff}
.eyebrow{color:var(--accent)}
.eyebrow-dot{background:var(--accent);box-shadow:0 0 0 5px var(--info-soft)}
h1 span,.roadmap-list span{color:var(--accent)}
.lead,.hero-note,.section-heading>p{color:var(--muted)}
.button.secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line)}
.button.secondary:hover{background:var(--info-hover)}
.intro-band,.privacy-section,.footer{background:var(--surface);border-color:var(--line)}
.intro-grid div,.intro-grid div:first-child{border-color:var(--line)}
.feature{background:var(--info-card);border-color:var(--line)}
.feature-icon{color:var(--accent);background:var(--info-soft);border-color:var(--line)}
.feature p,.privacy-grid>div:last-child>p:not(.eyebrow){color:var(--muted)}
.privacy-grid .fine-print{border-left-color:var(--accent);color:var(--muted)!important}
.privacy-illustration{background:var(--info-soft);border-color:var(--line)}
.local-path{color:var(--muted)}
.local-path span{color:var(--accent)}
.roadmap-list>div{border-color:var(--line)}
.faq details,.faq details:last-child{border-color:var(--line)}
.cta-section{background:var(--info-cta);border-color:var(--line)}
.cta h2,.cta p:not(.eyebrow){color:var(--info-cta-text)}
.cta .eyebrow{color:var(--accent)}
.footer nav a{color:var(--ink)}
.site-beta{color:var(--muted);border-color:var(--line);background:var(--info-soft)}
@media(max-width:640px){
 .nav-about{display:none}
 .site-theme{gap:3px}
 .site-theme select{font-size:11px;min-width:79px;padding:7px 4px}
 .nav{gap:7px}
 .nav-editor{padding:7px}
}