:root{--bg: #FAF9F7;--surface: #FFFFFF;--surface-warm: #F7F5F2;--border: #E5E2DC;--border-light: #EEEAE5;--text: #1A1A2E;--text-secondary: #4B5563;--muted: #6B7280;--accent: #2563EB;--accent-soft: #EEF2FF;--accent-hover: #1D4ED8;--coral: #E39389;--coral-soft: #FDF2F0;--gold: #F9D74D;--success: #16A34A;--success-soft: #F0FDF4;--warn: #F59E0B;--warn-soft: #FFFBEB;--code-bg: #F5F3EF;--radius: 16px;--radius-sm: 8px;--font: "Inter", system-ui, -apple-system, sans-serif;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--max-w: 1080px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 30px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}ul{list-style:none}img{max-width:100%;display:block}code{font-family:var(--mono);font-size:.8125em}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.protocol:before,.study-ready:before,.workflow:before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.protocol,.study-ready,.workflow{position:relative}.top-nav{position:sticky;top:0;z-index:100;background:#faf9f7e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}.top-nav.scrolled{border-bottom-color:var(--border-light);box-shadow:0 1px 8px #0000000a}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--serif);font-size:22px;color:var(--text);font-style:italic}.nav-logo:hover{color:var(--text)}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-size:13px;font-weight:500;color:var(--muted);transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:1px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:500;font-size:14px;padding:10px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 3px #2563eb33}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text);transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:13px}.hero{padding:96px 0 72px;position:relative;overflow:hidden}.hero-orb{position:absolute;top:-120px;right:-80px;width:600px;height:600px;border-radius:50%;background:linear-gradient(-45deg,#2563eb,#e39389,#f9d74d80,#2563eb);background-size:400% 400%;animation:orbShift 10s ease infinite;filter:blur(120px);opacity:.2;pointer-events:none}@keyframes orbShift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 0%}75%{background-position:0% 100%}}.hero h1{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1.1;letter-spacing:-.01em;max-width:700px;color:var(--text)}.hero-sub{margin-top:24px;font-size:17px;line-height:1.65;color:var(--text-secondary);max-width:560px}.hero-ctas{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.why{padding:48px 0 80px}.bullet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bullet-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease}.bullet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bullet-card h3{font-family:var(--serif);font-size:18px;font-weight:400;margin-bottom:8px;color:var(--text)}.bullet-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}h2{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:-.01em;line-height:1.2;color:var(--text)}.section-sub{margin-top:10px;font-size:15px;color:var(--text-secondary);max-width:560px;line-height:1.6}.protocol{padding:80px 0;background:var(--surface-warm);border-top:1px solid var(--border-light)}.protocol-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.protocol-text ul{display:flex;flex-direction:column;gap:18px}.protocol-text li{font-size:14px;color:var(--text-secondary);line-height:1.6;padding-left:18px;position:relative}.protocol-text li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--coral);border-radius:50%}.protocol-text li strong{color:var(--text);font-weight:600}.protocol-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.protocol-card-header{padding:14px 24px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--code-bg);border-bottom:1px solid var(--border-light)}.protocol-timeline{padding:8px 0}.timeline-item{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;transition:background .2s}.timeline-item:hover{background:var(--accent-soft)}.timeline-item+.timeline-item{border-top:1px solid var(--border-light)}.timeline-num{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-soft),var(--coral-soft));color:var(--accent);font-size:13px;font-weight:600;border-radius:50%}.timeline-item strong{font-size:14px;display:block}.timeline-meta{display:block;font-size:13px;color:var(--muted);margin-top:2px}.metrics{padding:80px 0;border-top:1px solid var(--border-light)}.metrics-grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card h3{font-family:var(--serif);font-size:17px;font-weight:400;margin-bottom:14px;display:flex;align-items:center;gap:8px}.metric-card ul{display:flex;flex-direction:column;gap:7px}.metric-card li{font-size:13px;color:var(--text-secondary);padding-left:14px;position:relative}.metric-card li:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--coral);border-radius:50%}.metric-card--muted{background:var(--surface-warm);border-style:dashed}.metric-card--muted:hover{box-shadow:var(--shadow-sm);transform:none}.metric-caveat{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.55;font-style:italic}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-ok{background:var(--success-soft);color:var(--success)}.badge-ok:before{background:var(--success)}.badge-warn{background:var(--warn-soft);color:#92400e}.badge-warn:before{background:var(--warn)}.badge-note{background:var(--coral-soft);color:#9b4d42;font-size:11px;font-weight:500}.badge-note:before{display:none}.study-ready{padding:80px 0;background:var(--surface-warm);border-top:1px solid var(--border-light)}.study-card{margin-top:40px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-md)}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 36px}.study-item strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.study-item p{font-size:13px;color:var(--text-secondary);line-height:1.6}.sample-data{padding:80px 0;border-top:1px solid var(--border-light)}.data-card{margin-top:40px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.data-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--code-bg)}.tab{font-family:var(--font);font-size:13px;font-weight:500;color:var(--muted);background:none;border:none;padding:13px 24px;cursor:pointer;position:relative;transition:color .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--accent);border-radius:1px}.tab-panel{display:none}.tab-panel.active{display:block}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--border-light);background:var(--code-bg)}.code-label{font-family:var(--mono);font-size:12px;color:var(--muted)}.copy-btn{font-family:var(--font);font-size:12px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.copy-btn:hover{color:var(--text);border-color:var(--text-secondary)}.copy-btn.copied{color:var(--success);border-color:var(--success)}.code-scroll{max-height:520px;overflow-y:auto;overscroll-behavior:contain}.code-scroll pre{margin:0;padding:20px;font-family:var(--mono);font-size:13px;line-height:1.65;color:var(--text);background:var(--surface);overflow-x:auto}.json-key{color:#6b21a8}.json-str{color:#0a3069}.json-num{color:#2563eb}.json-bool{color:#b45309}.json-null{color:var(--muted)}.table-wrap{overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:13px}thead{position:sticky;top:0;z-index:1}th{background:var(--code-bg);font-weight:600;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:11px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:color .15s}th.num{text-align:right}th:hover{color:var(--text)}th.sort-asc:after{content:" ▲";font-size:9px;color:var(--accent)}th.sort-desc:after{content:" ▼";font-size:9px;color:var(--accent)}td{padding:11px 16px;border-bottom:1px solid var(--border-light);color:var(--text);white-space:nowrap}td.num{text-align:right;font-variant-numeric:tabular-nums}td.muted{color:var(--muted)}td code{font-size:12px;padding:2px 6px;background:var(--code-bg);border-radius:4px;color:var(--text-secondary)}tbody tr:nth-child(2n){background:#00000003}tbody tr{transition:background .15s}tbody tr:hover{background:var(--accent-soft)}.table-note{padding:12px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--border-light);background:var(--code-bg);font-style:italic}.workflow{padding:80px 0;background:var(--surface-warm);border-top:1px solid var(--border-light)}.steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{display:flex;gap:16px;align-items:flex-start}.step-num{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-soft),var(--coral-soft));color:var(--accent);font-size:15px;font-weight:600;border-radius:50%}.step h3{font-family:var(--serif);font-size:17px;font-weight:400;margin-bottom:4px}.step p{font-size:14px;color:var(--text-secondary);line-height:1.55}.contact-section{padding:80px 0;border-top:1px solid var(--border-light)}.contact-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:44px;max-width:640px;margin:0 auto;box-shadow:var(--shadow-md)}.contact-header{margin-bottom:32px}.contact-header h2{font-size:26px}.contact-header p{margin-top:10px;font-size:14px;color:var(--text-secondary);line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;transition:border-color .2s,box-shadow .2s;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted);opacity:.6}.contact-form .btn{align-self:flex-start;margin-top:6px}.form-success{text-align:center;padding:32px 0}.form-success p{font-size:15px;color:var(--text-secondary);line-height:1.6}.form-success p:first-child{font-family:var(--serif);font-size:20px;color:var(--text);margin-bottom:6px}.site-footer{border-top:1px solid var(--border-light);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.footer-inner a{color:var(--muted);font-weight:500;transition:color .2s}.footer-inner a:hover{color:var(--text)}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 20px}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border-light);flex-direction:column;padding:16px 24px;gap:12px;box-shadow:var(--shadow-md)}.nav-links.open,.nav-toggle{display:flex}.nav-link.active:after{display:none}.hero{padding:64px 0 52px}.hero h1{font-size:36px}.hero-sub{font-size:15px}.hero-orb{width:400px;height:400px;top:-80px;right:-120px}.bullet-grid{grid-template-columns:1fr;gap:12px}.protocol,.metrics,.study-ready,.sample-data,.workflow,.contact-section{padding:60px 0}.contact-card{padding:28px}.form-row{grid-template-columns:1fr}h2{font-size:26px}.protocol-grid{grid-template-columns:1fr;gap:28px}.metrics-grid{grid-template-columns:1fr}.study-card{padding:28px}.study-grid{grid-template-columns:1fr;gap:22px}.steps{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.hero h1{font-size:30px}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}}