: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:radial-gradient(circle at top left,rgba(217,83,79,.12),transparent 26%),radial-gradient(circle at right 18%,rgba(43,169,180,.13),transparent 24%),linear-gradient(180deg,#f9e7c4,#fffaf5);font-family:Inter,system-ui,sans-serif}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-radius:1.5rem;background:radial-gradient(circle at top right,rgba(217,83,79,.18),transparent 28%),linear-gradient(135deg,#fffaf5fa,#f9e7c4f5)}.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}.awning-stripes{height:.75rem;border-radius:9999px;border:3px solid var(--secondary);background:repeating-linear-gradient(90deg,var(--primary) 0 12%,var(--stripe-cream) 12% 24%,var(--stripe-cyan) 24% 36%,var(--stripe-cream) 36% 48%,var(--stripe-green) 48% 58%,var(--stripe-cream) 58% 70%,var(--stripe-accent) 70% 80%,var(--stripe-cream) 80% 100%);box-shadow:0 2px #6440324d}.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:var(--surface-container-lowest);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-primary,.btn-secondary{min-height:3rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;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:var(--primary);border:2.5px solid var(--secondary);box-shadow:0 3px 0 var(--secondary),0 4px 8px #64403226}.btn-primary:hover{transform:translateY(-1px);background:#c4443f;box-shadow:0 4px 0 var(--secondary),0 6px 12px #64403233}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--secondary),0 2px 4px #64403226}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{color:var(--on-surface);background:var(--surface-container-highest);border:2.5px solid var(--secondary);box-shadow:0 3px 0 var(--secondary)}.btn-secondary:hover{transform:translateY(-1px);background:var(--surface-container-low);box-shadow:0 4px 0 var(--secondary)}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--secondary)}.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:var(--radius-md);background:var(--surface-container-low);border:2px solid rgba(100,64,50,.15)}.card{overflow:hidden}.card-brand{box-shadow:none}.specimen-card{border-radius:1.25rem;background:var(--surface-container-low);border:2px solid rgba(100,64,50,.15);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:var(--secondary)}.scroll-chip{display:inline-flex;align-items:center;border-radius:9999px;padding:.625rem 1rem;background:var(--surface-container-low);border:2px solid rgba(100,64,50,.2);color:var(--on-surface);font-size:.875rem;font-weight:600;white-space:normal;transition:all .18s ease}.scroll-chip:hover{border-color:var(--primary);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%)}