:root {
  color-scheme: light dark;
  --ink:#0B1020; --blue:#2457FF; --blue-2:#173FD0; --lime:#B8FF38; --mist:#F5F7FB;
  --bg:#F5F7FB; --panel:#FFFFFF; --panel-2:#F9FBFF; --text:#0B1020; --muted:#626D80;
  --line:#DDE3EC; --soft-line:#E9EDF3; --success:#087A4B; --danger:#A12622;
  --shadow-sm:0 8px 24px rgba(11,16,32,.06); --shadow:0 24px 70px rgba(11,16,32,.11);
  --r-sm:14px; --r:22px; --r-lg:32px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit} img,canvas{max-width:100%} button,input{font:inherit} button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 34%,transparent);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.nav{max-width:var(--max);margin:0 auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{width:146px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 11px;color:var(--text)!important}.nav-cta{background:var(--ink);color:#fff!important;padding:8px 13px;border-radius:999px}
main{max-width:var(--max);margin:0 auto;padding:34px 22px 80px}.home-main{padding-top:26px}
.hero{max-width:960px;margin:38px auto 28px;text-align:center}.hero.compact{max-width:900px;margin-top:30px;margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));background:color-mix(in srgb,var(--blue) 6%,var(--panel));color:var(--blue-2);font-size:13px;font-weight:800;padding:7px 11px;border-radius:999px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent)}
.hero h1{font-size:88px;line-height:.94;letter-spacing:-.064em;margin:18px 0 18px;text-wrap:balance}.hero.compact h1{font-size:64px}.hero p{font-size:20px;max-width:780px;margin:0 auto;color:var(--muted);text-wrap:balance}.hero-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:750;font-size:13px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.btn:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));transform:translateY(-1px)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 8px 20px rgba(11,16,32,.16)}.btn.primary:hover{box-shadow:0 10px 26px rgba(11,16,32,.22)}.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--ink)}.btn.large{padding:13px 17px;border-radius:14px;font-size:15px}.btn[disabled]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.text-link{font-size:14px;font-weight:750;text-decoration:none;color:var(--blue)}.text-link:hover{text-decoration:underline}.hero-meta{margin-top:17px;display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.proof-chip{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.proof-chip::before{content:"✓";color:var(--success);font-weight:900}
.brand-loop{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px auto 4px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#7A8599}.brand-loop i{font-style:normal;color:var(--blue)}
.viewer-wrap{position:relative;margin:28px auto 0}.viewer-wrap::before{content:"";position:absolute;inset:-34px 8% auto;height:240px;background:radial-gradient(circle at center,color-mix(in srgb,var(--blue) 14%,transparent),transparent 68%);filter:blur(25px);pointer-events:none;z-index:-1}.viewer-shell{position:relative;background:var(--panel);border:1px solid color-mix(in srgb,var(--blue) 12%,var(--line));box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.viewer-shell.is-loaded{border-color:color-mix(in srgb,var(--lime) 58%,var(--line))}.viewer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,var(--mist)),var(--panel))}.file-status{display:flex;align-items:center;gap:10px;min-width:0}.file-state-dot{width:9px;height:9px;border-radius:50%;background:#AFB7C5;flex:0 0 auto}.viewer-shell.is-loaded .file-state-dot{background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 24%,transparent)}.file-status-copy{min-width:0}.file-status strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.file-status span{display:block;color:var(--muted);font-size:11px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar .btn{padding:8px 10px;font-size:12px}
.viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:560px}.stage{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 32%,#FFFFFF 0,#F3F6FB 52%,#E9EEF6 100%)}.stage canvas{display:block;width:100%;height:100%;min-height:560px}.dropzone{position:absolute;inset:18px;display:grid;place-items:center;text-align:center;border:1.5px dashed #AEB7C6;border-radius:22px;padding:24px;transition:.18s ease;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(249,251,255,.76));overflow:hidden}.dropzone::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 10%,transparent),transparent 66%);right:-70px;bottom:-110px;pointer-events:none}.dropzone.hidden{opacity:0;visibility:hidden;pointer-events:none}.dropzone.dragover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,#fff);transform:scale(.997)}.dropzone-inner{max-width:500px;position:relative;z-index:1}.drop-mark{width:76px;height:76px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;background:var(--blue);box-shadow:0 14px 28px rgba(36,87,255,.22);position:relative}.drop-mark img{width:58px;height:58px}.drop-mark::after{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:27px;animation:pulse 2.7s ease-out infinite}@keyframes pulse{0%,45%{transform:scale(.94);opacity:.8}100%{transform:scale(1.18);opacity:0}}@media(prefers-reduced-motion:reduce){.drop-mark::after{animation:none}}
.dropzone h2{font-size:1.45rem;letter-spacing:-.025em;margin:0 0 6px}.dropzone p{color:#667085;margin:0 auto 17px;max-width:430px}.drop-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.privacy-note{margin-top:13px;font-size:11px;font-weight:700;color:#6D778A}.format-pills{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.format-pill{font-size:10px;font-weight:850;letter-spacing:.08em;border:1px solid #CBD3E0;border-radius:999px;padding:5px 8px;background:#fff;color:#556074}.error-box{position:absolute;left:18px;right:18px;bottom:18px;background:#FFF4F2;color:#7A271A;border:1px solid #F4C7C3;padding:12px 14px;border-radius:12px;font-size:13px;display:none;z-index:4}.error-box.show{display:block}
.inspector{border-left:1px solid var(--line);background:var(--panel);padding:18px}.inspector-kicker{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.inspector h3{margin:3px 0 14px;font-size:15px}.metric-list{display:grid;gap:10px}.metric{padding:0 0 10px;border-bottom:1px solid var(--soft-line)}.metric:last-child{border-bottom:0}.metric label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric strong{display:block;margin-top:2px;font-size:14px;font-variant-numeric:tabular-nums;word-break:break-word}.tip{margin-top:15px;padding:12px;border:1px solid color-mix(in srgb,var(--blue) 13%,var(--line));background:color-mix(in srgb,var(--blue) 4%,var(--panel));border-radius:13px;font-size:11px;color:var(--muted)}.tip strong{color:var(--text)}
.viewer-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.assurance-item{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);border-radius:14px;padding:10px 12px;font-size:11px;color:var(--muted)}.assurance-item strong{display:block;color:var(--text);font-size:12px;margin-bottom:1px}
.section{margin-top:72px}.section.narrow{max-width:880px;margin-left:auto;margin-right:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section h2{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:0 0 12px;text-wrap:balance}.section p{color:var(--muted)}.section-head p,.section>p{max-width:800px;margin:0;color:var(--muted)}
.trust-band{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.trust-copy,.architecture{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:24px}.trust-copy h2{font-size:44px;margin:0 0 10px;letter-spacing:-.04em}.trust-copy p{margin:0;color:var(--muted)}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.trust-point{border-top:1px solid var(--soft-line);padding-top:12px}.trust-point strong{display:block;font-size:13px}.trust-point span{font-size:12px;color:var(--muted)}.architecture{display:grid;align-content:center}.arch-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900;margin-bottom:14px}.arch-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.arch-node{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;padding:16px 10px;text-align:center;font-size:12px;font-weight:850}.arch-node small{display:block;color:var(--muted);font-weight:600;margin-top:3px}.arch-arrow{color:var(--blue);font-weight:900}.arch-foot{font-size:11px;color:var(--muted);margin-top:14px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.info-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--panel);box-shadow:var(--shadow-sm)}.info-card h3{font-size:1.02rem;margin:0 0 7px;letter-spacing:-.015em}.info-card p{color:var(--muted);margin:0;font-size:13px}.info-card .card-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 8%,var(--panel));color:var(--blue);font-weight:900;margin-bottom:15px}
.format-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.format-link{text-decoration:none;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:19px;transition:.16s ease;position:relative;overflow:hidden}.format-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}.format-link strong{display:block;font-size:1.05rem}.format-link span{color:var(--muted);font-size:12px}.format-status{display:inline-flex!important;width:auto!important;color:var(--success)!important;font-weight:850!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.format-link::after{content:"↗";position:absolute;right:16px;top:16px;color:#9AA4B4;font-weight:900}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.guide-link{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:16px 2px}.guide-link:last-child{border-bottom:1px solid var(--line)}.guide-link strong{font-size:14px}.guide-link span{font-size:12px;color:var(--muted)}.guide-link b{color:var(--blue);font-size:17px}.guide-link:hover strong{color:var(--blue)}
.growth-card{border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:28px;background:linear-gradient(135deg,var(--ink),#131B35);color:white;padding:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;position:relative}.growth-card::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 65%,transparent),transparent 68%);right:-90px;top:-130px}.growth-card>*{position:relative;z-index:1}.growth-card h2{margin:0 0 10px;font-size:44px;letter-spacing:-.04em}.growth-card p{color:#B8C1D3;margin:0}.badge-preview{background:#fff;border-radius:16px;padding:20px;display:flex;justify-content:center}.badge-preview img{max-width:245px}.embed-actions{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.embed-note{font-size:11px;color:#AEB8CB}
.free-statement{text-align:center;max-width:800px;margin:0 auto}.free-statement .big{font-size:58px;line-height:1;letter-spacing:-.05em;font-weight:900;margin-bottom:12px}.free-statement p{margin:0 auto;color:var(--muted);max-width:650px}
.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);margin-bottom:0;max-width:820px;font-size:14px}
.page{max-width:880px;margin:48px auto}.page h1{font-size:58px;line-height:.98;letter-spacing:-.05em}.page h2{margin-top:42px;letter-spacing:-.025em}.page p,.page li{color:var(--muted)}.page a{color:var(--blue)}
.site-footer{border-top:1px solid var(--line);margin-top:76px}.footer-inner{max-width:var(--max);margin:0 auto;padding:28px 22px 42px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;color:var(--muted);font-size:12px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:28px;height:28px}.footer-brand strong{display:block;color:var(--text)}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}
.btn.share-success{background:var(--lime);color:var(--ink);border-color:var(--ink)}
@media(prefers-color-scheme:dark){:root{--bg:#0C1018;--panel:#121824;--panel-2:#161E2C;--text:#F5F7FB;--muted:#9FAABE;--line:#2B3546;--soft-line:#222C3B;--shadow-sm:0 8px 24px rgba(0,0,0,.18);--shadow:0 24px 70px rgba(0,0,0,.34)}.stage{background:radial-gradient(circle at 50% 32%,#1B2433 0,#121824 54%,#0D121B 100%)}.dropzone{background:linear-gradient(180deg,rgba(18,24,36,.92),rgba(13,18,27,.82));border-color:#536075}.dropzone p,.privacy-note{color:#ABB5C6}.format-pill{background:#161E2C;border-color:#3B4657;color:#B6C0D1}.error-box{background:#381A17;color:#FECDC8;border-color:#7A271A}.badge-preview{background:#F8FAFD}.nav-cta{background:#fff;color:var(--ink)!important}.btn.primary{background:#fff;color:var(--ink);border-color:#fff}.viewer-wrap::before{opacity:.45}}
@media(max-width:920px){.viewer-grid{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line)}.metric-list{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-band,.growth-card{grid-template-columns:1fr}.card-grid,.format-links{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.viewer-assurance{grid-template-columns:1fr 1fr}.arch-flow{grid-template-columns:1fr auto 1fr}.arch-flow .arch-node:last-of-type,.arch-flow .arch-arrow:last-of-type{display:none}}
@media(max-width:680px){.nav{padding-inline:14px}.nav-links .optional{display:none}.brand-logo{width:132px}.nav-cta{display:none}main{padding:24px 14px 60px}.hero{margin-top:20px}.hero h1{font-size:3.05rem}.hero.compact h1{font-size:2.75rem}.viewer-topbar{align-items:flex-start;flex-direction:column}.toolbar{justify-content:flex-start;width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.stage,.stage canvas{min-height:480px}.dropzone{inset:10px;padding:18px}.inspector{padding:16px}.metric-list{grid-template-columns:1fr 1fr}.viewer-assurance,.card-grid,.format-links,.trust-points{grid-template-columns:1fr}.section{margin-top:58px}.section h2{font-size:36px}.trust-copy h2,.growth-card h2{font-size:34px}.free-statement .big{font-size:42px}.page h1{font-size:44px}.trust-copy,.architecture{padding:20px}.arch-flow{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.arch-flow .arch-node:last-of-type,.arch-flow .arch-arrow:last-of-type{display:block}.growth-card{padding:22px}.footer-inner{grid-template-columns:1fr}.footer-links{gap:12px}.hero-actions .btn.large{width:100%}}