:root{--surface: #f9e7c4;--surface-container-lowest: rgba(249, 231, 196, .88);--surface-container-low: #f4ddb5;--surface-container: #f0d6a8;--surface-container-highest: #fffaf5;--primary: #d9534f;--primary-container: #2ba9b4;--secondary: #644032;--on-surface: #644032;--on-surface-muted: rgba(100, 64, 50, .72);--outline-ghost: rgba(100, 64, 50, .18);--shadow-float: 0 20px 40px rgba(100, 64, 50, .12);--shadow-button: 0 2px 8px rgba(100, 64, 50, .15);--stripe-cyan: #2ba9b4;--stripe-cream: #fffaf5;--stripe-green: #7ab83f;--stripe-accent: #f5a623;--stripe-yellow: #ffc107;--roof-tan: #f9e7c4;--rivet-yellow: #f5a623;--radius-sm: .75rem;--radius-md: 1rem}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--on-surface);background:linear-gradient(180deg,#f7f1e8,#f4ebdf);font-family:Inter,system-ui,sans-serif;text-rendering:optimizeLegibility}a,button,input,select,textarea{transition:transform .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease,box-shadow .18s ease}.logo{width:80px;margin:0 auto;display:block;transition:transform .18s ease}.logo:hover{transform:scale(1.04)}.hero{position:relative;overflow:hidden;border:1px solid rgba(100,64,50,.12);border-radius:1.6rem;background:radial-gradient(circle at top right,rgba(217,83,79,.12),transparent 25%),linear-gradient(135deg,#fffaf5fa,#f6ebd6f5);box-shadow:0 16px 32px #6440320a}.hero:before,.hero:after{content:"";position:absolute;border-radius:9999px;pointer-events:none}.hero:before{top:-4rem;right:-3rem;width:16rem;height:16rem;background:#d9534f24}.hero:after{bottom:-5rem;left:-2rem;width:12rem;height:12rem;background:#2ba9b41f}.brand-gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-brand-gradient-soft{background:radial-gradient(circle at top left,rgba(217,83,79,.15),transparent 36%),radial-gradient(circle at bottom right,rgba(43,169,180,.14),transparent 38%),linear-gradient(180deg,#f9e7c4,#fffaf5)}.glass-surface{background:#fffaf5d6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(100,64,50,.08)}.hero h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:.96;letter-spacing:-.06em;font-weight:800}.btn-primary,.btn-secondary{min-height:2.9rem;padding:.7rem 1.35rem;border-radius:.8rem;font-weight:700;letter-spacing:-.01em;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary{color:#fff;background:linear-gradient(180deg,#d95a52,#c94c45);border:1px solid rgba(100,64,50,.22);box-shadow:0 4px 12px #6440321f}.btn-primary:hover{transform:translateY(-1px);background:linear-gradient(180deg,#d14d45,#bf4039);box-shadow:0 6px 16px #6440322e}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6440321f}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{color:var(--on-surface);background:#fffaf5e6;border:1px solid rgba(100,64,50,.18);box-shadow:0 3px 8px #6440320f}.btn-secondary:hover{transform:translateY(-1px);background:#fffaf5;box-shadow:0 5px 12px #64403214}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #64403214}.btn-small{min-height:2.25rem;padding:.5rem .9rem;font-size:.875rem}.badge-style{border:2.5px solid var(--secondary);box-shadow:0 3px 0 var(--secondary),0 4px 8px #64403226}.rivet-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--rivet-yellow);border:1.5px solid var(--secondary);box-shadow:inset 0 1px 2px #0003}.banner-teal{background:var(--primary-container);border:2.5px solid var(--secondary);border-radius:.5rem;padding:.75rem 1.5rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 3px 0 var(--secondary)}.banner-red{background:var(--primary);border:2.5px solid var(--secondary);border-radius:.5rem;padding:.75rem 1.5rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 3px 0 var(--secondary)}.card,.card-brand{border-radius:1.25rem;background:#fffaf5b3;border:1px solid rgba(100,64,50,.12)}.card{overflow:hidden}.card-brand{box-shadow:0 8px 18px #6440320a}.specimen-card{border-radius:1.15rem;background:#fffaf5e6;border:1px solid rgba(100,64,50,.12);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.specimen-card:hover{transform:translateY(-2px);background:var(--surface-container-highest);border-color:#64403240}.eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary)}.nav-link{position:relative;color:var(--on-surface)}.nav-link:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-link:hover:after{transform:scaleX(1)}.nav-panel{background:#fffaf5f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:1rem;box-shadow:var(--shadow-float)}.form-input{border:2px solid rgba(100,64,50,.15);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--on-surface);background:var(--surface-container-low);transition:all .18s ease}.form-input:focus{outline:none;border-color:var(--primary);background:var(--surface-container-highest);box-shadow:0 0 0 3px #d9534f1a}.form-input::-moz-placeholder{color:#5f3d2c8c}.form-input::placeholder{color:#5f3d2c8c}.footer-enhanced{background:linear-gradient(180deg,#644032fa,#54352afa)}.footer-enhanced .rounded-brand{border-radius:1.1rem;border:1px solid rgba(100,64,50,.08);background:#fffaf5f5;box-shadow:0 6px 18px #64403214}.scroll-chip{display:inline-flex;align-items:center;border-radius:9999px;padding:.55rem .9rem;background:#fffaf5b3;border:1px solid rgba(100,64,50,.12);color:#48302ad9;font-size:.8rem;font-weight:600;line-height:1.35;white-space:normal;transition:all .18s ease}.scroll-chip:hover{border-color:#64403247;background:#fffaf5f5;transform:translateY(-1px)}@media (min-width: 768px){.scroll-chip{white-space:nowrap}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c4443f 0%,var(--primary) 100%)}