:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #0b0d0f;
  --bg2: #111418;
  --panel: #13171b;
  --panel2: #191e23;
  --line: #30373e;
  --muted: #8f99a4;
  --text: #f3f5f7;
  --accent: #ff7a1a;
  --accent2: #ff9d55;
  --green: #79d99c;
  --yellow: #f2c66d;
  --red: #ff7878;
  --shadow: 0 20px 60px rgba(0,0,0,.28);
  --display: Bahnschrift, "DIN Alternate", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --focus: 0 0 0 3px rgba(255,122,26,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 74% 0%, rgba(255,122,26,.09), transparent 30%), linear-gradient(180deg,#0b0d0f 0%,#0c0f11 100%);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.5;
}
body::before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; opacity:.23; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 82%); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
.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; }
.skip-link { position:fixed; z-index:100; left:18px; top:12px; padding:10px 14px; border:1px solid var(--accent); border-radius:var(--radius-sm); background:#111519; color:#fff; font-weight:800; transform:translateY(-150%); transition:transform .16s ease; }
.skip-link:focus { transform:translateY(0); }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; box-shadow:var(--focus); }

.topbar {
  position: sticky; top: 0; z-index: 20;
  height: 72px;
  padding: 0 max(24px, calc((100vw - 1180px)/2));
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(11,13,15,.94); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,122,26,.18);
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.brand { display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:800; letter-spacing:.055em; font-size:18px; }
.brand:hover { color:#fff; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:5px; background:#eef0ed; }
.brand-mark img { width:100%; height:100%; display:block; object-fit:contain; }
.brand-logo { width:190px; height:54px; display:block; overflow:hidden; flex:0 0 auto; background:#fff; }
.brand-logo img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 50%; }
.brand-accent { color: var(--accent); }
.prototype-pill { color:var(--muted); border-left:1px solid var(--line); font-size:9px; letter-spacing:.12em; padding:3px 0 3px 10px; margin-left:4px; }
nav { display:flex; align-items:center; gap:5px; color:#d3d8dd; font-size:12px; }
header.topbar nav,.mobile-menu { font-family:var(--font-sans); }
.topbar nav > a,.mobile-menu a { gap:7px; }
.topbar nav > a::before,.mobile-menu a::before { width:20px; height:20px; display:inline-grid; place-items:center; flex:0 0 auto; border:1px solid rgba(45,101,184,.24); border-radius:5px; background:rgba(45,101,184,.08); color:#2d65b8; font-size:12px; font-weight:850; line-height:1; }
.topbar a[href*="manufacturing"]::before,.mobile-menu a[href*="manufacturing"]::before { content:"▦"; }
.topbar a[href*="templates"]::before,.mobile-menu a[href*="templates"]::before { content:"✦"; }
.topbar a[href*="design-quote"]::before,.mobile-menu a[href*="design-quote"]::before { content:"⌁"; }
.topbar a[href*="methods"]::before,.mobile-menu a[href*="methods"]::before { content:"◎"; }
.topbar a[href*="store"]::before,.mobile-menu a[href*="store"]::before { content:"◇"; }
.topbar a[href*="materials"]::before,.mobile-menu a[href*="materials"]::before { content:"▱"; }
.topbar a[href*="cart"]::before,.mobile-menu a[href*="cart"]::before { content:"□"; }
.topbar a[href*="account"]::before,.mobile-menu a[href*="account"]::before { content:"○"; }
nav > a,.link-button { min-height:34px; padding:7px 9px; display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.07); border-radius:5px; background:rgba(255,255,255,.025); color:#d3d8dd; font-weight:720; transition:border-color .16s ease,background-color .16s ease,color .16s ease; }
nav a:hover,.link-button:hover { color:#fff; border-color:rgba(255,122,26,.5); background:rgba(255,122,26,.09); }
nav a.current { color:#171717; border-color:var(--accent); background:var(--accent); }
.link-button { cursor:pointer; }
.language-switcher { position:relative; display:inline-flex; align-items:center; }
.language-switcher::before { content:'◉'; color:var(--accent); font-size:9px; margin-right:6px; }
.language-switcher select { min-width:104px; padding:8px 28px 8px 9px; border:1px solid #46515a; border-radius:7px; color:#f1f3f5; background:#151a1f; cursor:pointer; font-size:11px; font-weight:780; }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { min-width:58px; padding:8px 10px; border:1px solid #384048; border-radius:var(--radius-sm); background:#14191d; color:#e1e5e8; cursor:pointer; font-size:11px; font-weight:800; text-align:center; list-style:none; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu[open] summary { border-color:var(--accent); }
.mobile-menu > div { position:absolute; right:0; top:46px; width:230px; padding:8px; display:grid; border:1px solid #384048; border-radius:var(--radius-sm); background:#111519; box-shadow:0 18px 50px rgba(0,0,0,.42); }
.mobile-menu a,.mobile-menu button { width:100%; padding:11px 12px; border:0; border-bottom:1px solid #282f35; background:none; color:#b9c1c8; cursor:pointer; font:inherit; font-size:12px; text-align:left; }
.mobile-menu a:last-child,.mobile-menu button:last-child { border-bottom:0; }
.mobile-menu a:hover,.mobile-menu button:hover,.mobile-menu a.current { color:#fff; background:#1a1f24; }

.hero { max-width:1180px; min-height:calc(100svh - 68px); margin:0 auto; padding:72px 0; display:grid; grid-template-columns:1.04fr .96fr; gap:72px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:15px; color:#b8c0c7; font-size:11px; font-weight:720; letter-spacing:.045em; }
.eyebrow::before { content:""; width:22px; height:2px; flex:0 0 auto; background:var(--accent); }
h1,h2,h3 { font-family:var(--display); }
h1 { max-width:12ch; font-size:clamp(54px,7vw,92px); line-height:.92; margin:0 0 28px; letter-spacing:-.045em; font-weight:700; text-wrap:balance; }
h1 span { color:#7d858d; }
.hero-copy > p { color:#b3bac1; max-width:620px; font-size:19px; margin:0 0 32px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.primary-button,.secondary-button,.small-button { border-radius:var(--radius-sm); border:1px solid transparent; cursor:pointer; font-weight:750; transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; }
.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; background:var(--accent); color:#161616; padding:14px 18px; }
.primary-button:hover { background:var(--accent2); transform:translateY(-1px); }
.primary-button:disabled { opacity:.35; cursor:not-allowed; transform:none; }
.secondary-button { display:inline-flex; align-items:center; justify-content:center; background:#171b20; border-color:var(--line); padding:14px 18px; }
.secondary-button:hover { border-color:#4a535d; background:#1b2026; }
.small-button { background:#171b20; border-color:var(--line); padding:9px 12px; font-size:13px; }
.primary-button:active,.secondary-button:active,.small-button:active { transform:translateY(1px); }
.hero-notes { display:flex; flex-wrap:wrap; gap:16px; color:#737d87; font-size:12px; margin-top:22px; }
.hero-visual { min-height:430px; position:relative; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(145px,.6fr); grid-template-rows:1fr 1fr; gap:12px; isolation:isolate; }
.process-illustration { position:relative; z-index:2; min-width:0; display:flex; flex-direction:column; border:1px solid #353d44; border-radius:var(--radius-sm); background:linear-gradient(145deg,#181d21,#0f1215); overflow:hidden; }
.process-illustration img { display:block; width:100%; min-height:0; flex:1; object-fit:contain; padding:8px; }
.process-illustration > div { min-height:72px; padding:13px 14px 15px; border-top:1px solid #2c333a; }
.process-illustration strong,.process-illustration span { display:block; }
.process-illustration strong { color:var(--accent); font-size:10px; letter-spacing:.18em; }
.process-illustration span { color:var(--muted); font-size:10px; margin-top:5px; }
.laser-illustration { grid-row:1 / -1; }
.grid-plane { position:absolute; inset:80px -30px 0; background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px, transparent 1px); background-size:28px 28px; transform:perspective(550px) rotateX(64deg); transform-origin:center bottom; mask-image:linear-gradient(to top,#000,transparent 85%); opacity:.7; }

.section-wrap { max-width:1180px; margin:0 auto; padding:76px 0; }
.section-heading { display:block; max-width:780px; margin-bottom:32px; }
.section-heading h2,.quote-title-row h2 { margin:0; font-size:38px; letter-spacing:-.04em; }
.section-heading > p { max-width:65ch; color:var(--muted); margin:12px 0 0; }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.process-grid.four { grid-template-columns:1.2fr 1fr 1fr; grid-auto-rows:minmax(132px,auto); }
.process-card { position:relative; min-height:150px; padding:22px; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(19,23,27,.72); text-align:left; display:flex; gap:18px; align-items:flex-start; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background-color .18s ease; }
.process-grid.four .process-card:first-child { grid-row:span 2; min-height:278px; }
.process-grid.four .process-card:last-child { grid-column:span 2; }
.process-card:hover { transform:translateY(-2px); border-color:#47505a; }
.process-card.active { border-color:rgba(255,122,26,.7); box-shadow:inset 0 0 0 1px rgba(255,122,26,.16); }
.process-icon { width:42px; height:42px; border:1px solid #39414a; display:grid; place-items:center; color:var(--accent); font-size:22px; }
.process-card h3 { margin:1px 0 5px; font-size:18px; }
.process-card p { margin:0; color:var(--muted); font-size:13px; }
.status { position:absolute; top:16px; right:16px; border-radius:3px; padding:4px 7px; font-size:9px; font-weight:900; letter-spacing:.12em; }
.status.live { background:rgba(121,217,156,.10); color:var(--green); border:1px solid rgba(121,217,156,.28); }
.status.soon { color:#858f99; border:1px solid #353c44; }
.status.beta { color:#9ed7ff; border:1px solid rgba(114,188,232,.35); background:rgba(114,188,232,.08); }

.quote-section { padding-top:52px; }
.quote-shell { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:18px; align-items:start; }
.quote-main { min-width:0; }
.quote-title-row { display:flex; align-items:end; justify-content:space-between; margin-bottom:20px; }
.dropzone { min-height:245px; padding:38px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px dashed #46505a; border-radius:14px; background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)); cursor:pointer; transition:.18s ease; }
.dropzone:hover,.dropzone.dragging { border-color:var(--accent); background:rgba(255,122,26,.035); }
.upload-icon { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:rgba(255,122,26,.1); color:var(--accent); font-size:24px; margin-bottom:13px; }
.dropzone h3 { margin:0 0 4px; font-size:20px; }
.dropzone p { margin:0 0 12px; color:#a7b0b9; }
.dropzone span { color:#69747e; font-size:12px; }
.model-workspace { margin-top:14px; }
.viewer-card { border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#0c0f12; position:relative; }
.viewer-toolbar { height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid var(--line); background:#12161a; }
.viewer-toolbar > div:first-child { display:flex; flex-direction:column; min-width:0; }
.viewer-toolbar span { font-weight:700; font-size:13px; max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.viewer-toolbar small { color:#68727c; }
.viewer-actions { display:flex; gap:7px; }
.viewer-actions button { background:#1a1f24; border:1px solid #30373f; color:#a8b1ba; border-radius:6px; padding:6px 8px; font-size:11px; cursor:pointer; }
.viewer-actions button.selected { color:#171717; background:var(--accent); border-color:var(--accent); font-weight:800; }
.slicer-service-row { min-height:34px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); background:#0f1316; }
.slicer-service-row a { color:#7d8993; font-size:9px; text-decoration:none; }
.slicer-service-row a:hover { color:var(--accent); }
.slicer-service-actions { display:flex; align-items:center; gap:9px; }
.slicer-service-actions button { border:1px solid #3a434c; border-radius:5px; background:#171c21; color:#b6bec5; padding:3px 7px; font-size:9px; cursor:pointer; }
.slicer-service-actions button:hover { border-color:var(--accent); color:#fff; }
.slicer-service-actions > span { color:#79848d; font-size:9px; }
.slicer-service-status { display:inline-flex; align-items:center; gap:6px; color:#8c98a2; font-size:10px; font-weight:750; }
.slicer-service-status::before { content:""; width:7px; height:7px; border-radius:50%; background:#69747e; box-shadow:0 0 0 3px rgba(105,116,126,.12); }
.slicer-service-status.slicing::before { background:var(--yellow); box-shadow:0 0 0 3px rgba(242,198,109,.13); animation:slicerPulse 1s ease-in-out infinite; }
.slicer-service-status.ready { color:#9ddbb2; }
.slicer-service-status.ready::before { background:var(--green); box-shadow:0 0 0 3px rgba(121,217,156,.13); }
.slicer-service-status.error { color:#eaa0a0; }
.slicer-service-status.error::before { background:var(--red); box-shadow:0 0 0 3px rgba(255,120,120,.13); }
@keyframes slicerPulse { 50% { opacity:.35; transform:scale(.72); } }
#modelCanvas { display:block; width:100%; height:420px; cursor:grab; touch-action:none; }
#modelCanvas:active { cursor:grabbing; }
.viewer-help { position:absolute; bottom:11px; left:50%; transform:translateX(-50%); font-size:10px; color:#69747e; background:rgba(10,12,14,.75); padding:5px 8px; border-radius:99px; pointer-events:none; }
.slice-controls,.laser-simulation-controls { min-height:62px; padding:10px 14px; display:grid; align-items:center; gap:9px; border-top:1px solid var(--line); background:#12161a; }
.slice-controls { grid-template-columns:32px minmax(100px,1fr) 32px auto; }
.laser-simulation-controls { grid-template-columns:minmax(120px,1fr) auto; }
.slice-controls button { height:32px; border:1px solid #30373f; border-radius:6px; background:#1a1f24; color:#a8b1ba; cursor:pointer; }
.slice-controls input,.laser-simulation-controls input { padding:0; accent-color:var(--accent); }
.slice-controls strong,.slice-controls span,.laser-simulation-controls strong,.laser-simulation-controls span { display:block; }
.slice-controls strong,.laser-simulation-controls strong { color:#dce1e5; font-size:10px; }
.slice-controls span,.laser-simulation-controls span { color:#69747e; font-size:8px; margin-top:2px; white-space:nowrap; }
.analysis-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:10px; }
.analysis-grid:has(.metric-card:nth-child(5)) { grid-template-columns:repeat(5,1fr); }
.metric-card { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px; min-width:0; }
.metric-card span { display:block; color:var(--muted); font-size:11px; margin-bottom:7px; }
.metric-card strong { display:block; font-size:17px; overflow:hidden; text-overflow:ellipsis; }
.metric-card small { color:#616c76; font-size:10px; }
.manufacturability { margin-top:10px; padding:14px 16px; display:flex; gap:12px; align-items:flex-start; border-radius:10px; border:1px solid; }
.manufacturability.ok { background:rgba(121,217,156,.05); border-color:rgba(121,217,156,.22); }
.manufacturability.warn { background:rgba(242,198,109,.05); border-color:rgba(242,198,109,.26); }
.manufacturability.bad { background:rgba(255,120,120,.05); border-color:rgba(255,120,120,.25); }
.mf-icon { font-weight:900; }
.manufacturability.ok .mf-icon { color:var(--green); }
.manufacturability.warn .mf-icon { color:var(--yellow); }
.manufacturability.bad .mf-icon { color:var(--red); }
.manufacturability strong { font-size:13px; }
.manufacturability p { margin:2px 0 0; color:#8f99a4; font-size:12px; }
.orientation-badge { margin-top:10px; padding:12px 14px; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,122,26,.22); background:rgba(255,122,26,.045); border-radius:10px; }
.orientation-badge > span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(255,122,26,.12); color:var(--accent); font-size:18px; }
.orientation-badge strong,.orientation-badge small { display:block; }
.orientation-badge strong { font-size:12px; }
.orientation-badge small { color:#7f8993; font-size:10px; margin-top:2px; }
.configuration-card { margin-top:14px; border:1px solid var(--line); background:var(--panel); border-radius:14px; padding:20px; }
.configuration-card h3 { margin:0 0 18px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr .75fr; gap:12px; }
label > span,.field-label-row > span { display:block; color:#a8b0b8; font-size:12px; margin-bottom:7px; }
.field-help { display:block; min-height:28px; color:#66717b; font-size:9px; line-height:1.35; margin-top:6px; }
.selected-material-card { margin-top:16px; padding:16px; border:1px solid #343c44; border-left:3px solid var(--accent); border-radius:10px; background:linear-gradient(125deg,rgba(255,122,26,.07),#101418 48%); }
.selected-material-heading { display:flex; justify-content:space-between; gap:18px; align-items:start; }
.selected-material-heading h4 { margin:3px 0 0; font-size:18px; letter-spacing:-.02em; }
.selected-material-kind { color:var(--accent); font-size:8px; font-weight:850; letter-spacing:.12em; }
.selected-material-heading > strong { flex:none; color:#aab3bb; font-size:11px; }
.selected-material-card > p { margin:9px 0 13px; max-width:760px; color:#939da6; font-size:11px; line-height:1.55; }
.selected-material-specs { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.selected-material-specs > div { min-width:0; padding:9px 10px; border:1px solid #2e363e; border-radius:7px; background:rgba(10,13,16,.7); }
.selected-material-specs span,.selected-material-specs b { display:block; }
.selected-material-specs span { color:#68737d; font-size:8px; letter-spacing:.06em; text-transform:uppercase; }
.selected-material-specs b { margin-top:4px; color:#d7dce0; font-size:10px; line-height:1.4; }
.selected-material-footer { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:12px; padding-top:11px; border-top:1px solid #2d353d; }
.selected-material-footer > span { color:#69747e; font-size:9px; line-height:1.45; }
.selected-material-footer a { flex:none; color:#e6e9eb; font-size:10px; font-weight:750; }
select,input { width:100%; color:#edf0f2; background:#0f1215; border:1px solid #343b43; border-radius:7px; padding:11px 12px; outline:none; }
select:focus,input:focus { border-color:rgba(255,122,26,.7); }
.stepper { display:grid; grid-template-columns:38px 1fr 38px; }
.stepper input { text-align:center; border-radius:0; border-left:0; border-right:0; }
.stepper button { border:1px solid #343b43; background:#171b20; cursor:pointer; }
.stepper button:first-child { border-radius:7px 0 0 7px; }
.stepper button:last-child { border-radius:0 7px 7px 0; }
.quality-block,.complexity-block { margin-top:18px; }
.field-label-row { display:flex; justify-content:space-between; align-items:center; }
.field-label-row small { color:#69737d; font-size:10px; }
.tuning-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.resin-slicer-summary { margin-top:10px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #353d44; border-left:2px solid var(--accent); background:#101418; }
.resin-slicer-summary > div { min-width:0; padding:13px 14px; }
.resin-slicer-summary > div + div { border-left:1px solid #30373e; }
.resin-slicer-summary span,.resin-slicer-summary strong { display:block; }
.resin-slicer-summary span { margin-bottom:5px; color:#7f8992; font-size:9px; }
.resin-slicer-summary strong { color:#e3e7ea; font-size:13px; }
.tuning-slider { padding:14px; border:1px solid #343b43; border-radius:10px; background:#111519; }
.tuning-slider input { width:100%; margin:13px 0 6px; padding:0; accent-color:var(--accent); }
.range-labels { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; color:#69737d; font-size:8px; }
.range-labels span:nth-child(2) { text-align:center; }
.range-labels span:last-child { text-align:right; }
.complexity-options button { border:1px solid #343b43; background:#111519; border-radius:8px; cursor:pointer; padding:12px; text-align:left; }
.complexity-options button.selected { border-color:var(--accent); background:rgba(255,122,26,.055); }
.complexity-options { display:flex; gap:8px; flex-wrap:wrap; }
.complexity-options button { padding:9px 11px; font-size:12px; }
.quote-summary { min-width:0; }
.summary-sticky { position:sticky; top:92px; border:1px solid #343b43; background:linear-gradient(180deg,#191e23,#13171b); border-radius:14px; padding:20px; box-shadow:var(--shadow); }
.price-row { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-bottom:12px; border-bottom:1px solid #2b3239; }
.price-row span { color:#a7b0b8; font-size:13px; }
.price-row strong { font-size:31px; letter-spacing:-.045em; }
.minimum-badge { margin-top:9px; padding:8px 10px; border-radius:6px; background:rgba(255,122,26,.09); color:#e79d67; font-size:11px; line-height:1.45; text-align:left; }
.summary-lines { margin:16px 0; display:grid; gap:9px; }
.summary-lines div { display:flex; justify-content:space-between; gap:16px; color:#87919b; font-size:11px; }
.summary-lines b { color:#c8ced4; font-weight:650; }
.production-box { border-top:1px solid #2b3239; border-bottom:1px solid #2b3239; padding:14px 0; margin-bottom:16px; display:grid; gap:11px; }
.stripe-checkout-note { margin-top:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#7f8993; font-size:9px; }
.stripe-checkout-note span { color:#b9a8ff; border:1px solid rgba(185,168,255,.28); border-radius:99px; padding:4px 7px; font-weight:900; letter-spacing:.1em; }
.stripe-checkout-note small { text-align:right; line-height:1.35; }
.primary-button.checkout-busy { cursor:progress; opacity:.72; }
.production-box div { display:flex; justify-content:space-between; gap:14px; }
.production-box span { font-size:10px; color:#747f89; }
.production-box strong { text-align:right; font-size:11px; }
.full { width:100%; }
.estimate-disclaimer { color:#5f6973; font-size:9px; line-height:1.45; margin:12px 0 0; }

.coming-soon-panel { min-height:430px; border:1px solid var(--line); border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:45px; background:var(--panel); }
.coming-soon-panel > span { color:var(--accent); font-size:52px; }
.coming-soon-panel h2 { margin:10px 0; font-size:34px; }
.coming-soon-panel p { max-width:620px; color:var(--muted); }

.laser-viewer-card { background:#f5f2ec; }
#laserCanvas { display:block; width:100%; height:420px; background:#f5f2ec; cursor:grab; touch-action:none; }
#laserCanvas:active { cursor:grabbing; }
.laser-bed-label { position:absolute; top:67px; left:14px; z-index:2; padding:5px 8px; border-radius:5px; background:rgba(20,24,28,.84); color:#f2a36d; font-size:9px; font-weight:800; letter-spacing:.11em; pointer-events:none; }
.engraving-legend { position:absolute; top:67px; right:14px; z-index:2; padding:5px 8px; border-radius:5px; background:rgba(20,24,28,.84); color:#e5eaee; font-size:9px; font-weight:800; letter-spacing:.1em; pointer-events:none; }
.laser-viewer-card .viewer-help { bottom:73px; }
.laser-zoom-controls { display:grid; grid-template-columns:34px 1fr 34px; gap:9px; align-items:center; padding:10px 14px; border-top:1px solid #d8d2c8; background:#eeeae2; color:#49525a; }
.laser-zoom-controls button { height:30px; border:1px solid #bfc0bd; border-radius:6px; background:#fff; color:#303941; cursor:pointer; font-weight:900; }
.laser-zoom-controls label { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.laser-zoom-controls input { padding:0; accent-color:var(--accent); }
.engraving-editor { margin-bottom:16px; padding:15px; border:1px solid rgba(255,111,0,.35); border-radius:10px; background:linear-gradient(145deg,#191714,#111519); }
.engraving-editor .scale-card-head { margin-bottom:12px; }
.engraving-control-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:center; }
.engraving-control-grid label > span { display:flex; justify-content:space-between; gap:10px; color:#a8b0b8; font-size:10px; }
.engraving-control-grid label > span b { color:#f2a36d; }
.engraving-control-grid input[type="range"] { width:100%; padding:8px 0 0; accent-color:var(--accent); }
.laser-people-assist { margin:0 0 15px; }
.laser-background-editor { margin-top:16px; padding-top:15px; border-top:1px solid #343b43; }
.laser-background-editor .background-toggle { display:flex; gap:9px; align-items:flex-start; }
.laser-background-editor .background-toggle span,.laser-background-editor .background-toggle strong,.laser-background-editor .background-toggle small { display:block; }
.laser-background-editor .background-toggle small { margin-top:3px; color:#77828b; font-size:9px; }
.laser-background-editor .background-picker-row { display:flex; align-items:center; gap:10px; margin:12px 0; }
.laser-background-editor .background-picker-row i { width:25px; height:25px; border:2px solid #666; border-radius:50%; background:#fff; }
.laser-background-editor .background-strength label { display:block; color:#a8b0b8; font-size:10px; }
.laser-background-editor .background-strength label span { display:flex; justify-content:space-between; }
.laser-background-editor .background-strength input { width:100%; padding:8px 0 0; accent-color:var(--accent); }
.laser-metrics { grid-template-columns:repeat(4,1fr) !important; }
.laser-form-grid { grid-template-columns:1.15fr 1fr .7fr; }
.scale-card { margin-bottom:16px; padding:15px; border:1px solid #343b43; border-radius:10px; background:#111519; }
.scale-card-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:13px; }
.scale-card-head strong,.scale-card-head small { display:block; }
.scale-card-head strong { font-size:13px; }
.scale-card-head small { margin-top:3px; color:#6f7a84; font-size:9px; }
.inline-check { display:flex; align-items:center; gap:7px; color:#a8b0b8; font-size:10px; white-space:nowrap; }
.inline-check input { width:auto; margin:0; padding:0; accent-color:var(--accent); }
.inline-check span { margin:0; }
.scale-controls { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; align-items:end; }
.input-unit { position:relative; }
.input-unit input { padding-right:44px; }
.input-unit b { position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#69747e; font-size:9px; pointer-events:none; }
.scale-actions { display:flex; gap:7px; }
.scale-actions .small-button { min-height:42px; white-space:nowrap; }
.artwork-scale-slider { margin:4px 0 15px; padding:11px 13px; border:1px solid #30373a; border-radius:8px; background:#0e1215; }
.artwork-scale-slider > div { display:flex; justify-content:space-between; color:#9ca5ad; font-size:10px; }
.artwork-scale-slider output { color:var(--accent); font-weight:850; }
.artwork-scale-slider input { width:100%; padding:9px 0 0; accent-color:var(--accent); }
.laser-calibration { margin-top:15px; padding-top:15px; border-top:1px solid #30373a; }
.laser-calibration > div:first-child strong,.laser-calibration > div:first-child small { display:block; }
.laser-calibration > div:first-child strong { font-size:12px; }
.laser-calibration > div:first-child small,.laser-calibration > p { margin-top:4px; color:#77828b; font-size:9px; }
.laser-calibration-actions { display:grid; grid-template-columns:auto minmax(150px,1fr) auto auto; gap:8px; align-items:end; margin-top:11px; }
.laser-calibration-actions label > span { display:block; margin-bottom:5px; color:#8d979f; font-size:9px; }
#laserCanvas.calibrating { cursor:crosshair; }

.cnc-viewer-card { background:#0e1215; }
#cncCanvas { display:block; width:100%; height:440px; background:#0e1215; }
.cam-slice-controls { min-height:72px; padding:10px 14px; display:grid; grid-template-columns:32px 1fr 32px minmax(210px,.7fr); align-items:center; gap:9px; border-top:1px solid var(--line); background:#12161a; }
.cam-slice-controls button { height:32px; border:1px solid #30373f; border-radius:6px; background:#1a1f24; color:#a8b1ba; cursor:pointer; }
.cam-slice-controls input { padding:0; accent-color:var(--accent); }
.cam-slice-controls strong,.cam-slice-controls span { display:block; }
.cam-slice-controls strong { font-size:11px; }
.cam-slice-controls span { margin-top:3px; color:#69747e; font-size:9px; }
.cnc-metrics { grid-template-columns:repeat(4,1fr) !important; }
.cnc-form-grid { grid-template-columns:repeat(3,1fr); }

.shipping { padding-top:52px; }
.shipping-card { border:1px solid var(--line); border-radius:14px; background:linear-gradient(150deg,#171b20,#111418); padding:22px; box-shadow:var(--shadow); }
.shipping-settings { display:grid; grid-template-columns:minmax(210px,.75fr) 1.25fr; gap:16px; align-items:end; padding-bottom:18px; border-bottom:1px solid var(--line); }
.shipping-readout { min-height:46px; display:flex; flex-direction:column; justify-content:center; }
.shipping-readout span { color:var(--muted); font-size:10px; }
.shipping-readout strong { font-size:16px; margin-top:2px; }
.shipping-readout small { color:#66717b; font-size:9px; margin-top:2px; }
.shipping-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.shipping-option { position:relative; min-height:148px; padding:18px; text-align:left; display:flex; flex-direction:column; align-items:flex-start; border:1px solid #343b43; border-radius:11px; background:#101418; cursor:pointer; }
.shipping-option:hover { border-color:#4b5661; }
.shipping-option.selected { border-color:var(--accent); background:rgba(255,122,26,.045); box-shadow:inset 0 0 0 1px rgba(255,122,26,.11); }
.shipping-option:disabled { opacity:.48; cursor:not-allowed; }
.shipping-logo { display:inline-flex; color:#91eb74; font-weight:900; font-size:10px; letter-spacing:.12em; border:1px solid rgba(145,235,116,.32); padding:4px 6px; border-radius:4px; margin-bottom:14px; }
.shipping-logo.neutral { color:#9aa4ad; border-color:#3a434c; }
.shipping-option strong { font-size:15px; }
.shipping-option small { max-width:420px; color:#78828c; font-size:10px; margin-top:4px; }
.shipping-option b { margin-top:auto; padding-top:12px; color:#d9dee2; font-size:12px; }

.materials { padding-top:58px; }
.material-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.material-filters button { padding:8px 11px; border:1px solid #343b43; border-radius:99px; background:#111519; color:#a4adb5; cursor:pointer; font-size:11px; }
.material-filters button.selected { color:#171717; background:var(--accent); border-color:var(--accent); font-weight:800; }
.material-guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.material-card { border:1px solid var(--line); border-radius:12px; background:var(--panel); overflow:hidden; }
.material-card summary { list-style:none; cursor:pointer; padding:18px; }
.material-card summary::-webkit-details-marker { display:none; }
.material-card[open] summary { border-bottom:1px solid var(--line); background:rgba(255,255,255,.012); }
.material-card-head { display:flex; justify-content:space-between; gap:12px; align-items:start; }
.material-card h3 { margin:0; font-size:20px; }
.material-card .material-kind { color:var(--accent); font-size:9px; letter-spacing:.12em; font-weight:850; }
.material-card .material-density { color:#69747e; font-size:10px; white-space:nowrap; }
.material-source { display:inline-flex; margin-top:7px; padding:3px 6px; border:1px solid rgba(255,122,26,.32); border-radius:4px; color:#c98653; font-size:8px; }
.material-card .material-summary { min-height:42px; color:#8f99a4; font-size:11px; margin:9px 0 0; }
.material-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.material-tags span { color:#aab2ba; background:#0f1215; border:1px solid #30373f; border-radius:99px; padding:3px 6px; font-size:8px; }
.material-details { padding:16px 18px 18px; }
.property-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.property-grid div { min-height:48px; padding:8px; border:1px solid #2d343c; border-radius:7px; background:#101418; }
.property-grid span,.application-list span { display:block; color:#68737d; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.property-grid b { display:block; color:#d2d7dc; font-size:10px; margin-top:3px; line-height:1.35; }
.application-list { margin-top:12px; padding-top:12px; border-top:1px solid #2d343c; }
.application-list p { margin:5px 0 0; color:#a0a9b1; font-size:10px; }
.material-tds-note { margin:12px 0 0; color:#626d77; font-size:9px; line-height:1.5; }
.technical-note { margin:16px 0 0; padding:12px 14px; border-left:3px solid var(--accent); background:#111519; color:#707b85; font-size:10px; }

.methods-link { margin-top:26px; padding:30px; border:1px solid rgba(255,122,26,.34); border-radius:14px; background:linear-gradient(125deg,rgba(255,122,26,.09),#12161a 65%); display:flex; align-items:center; justify-content:space-between; gap:36px; }
.methods-link h2 { margin:0 0 8px; font-size:32px; letter-spacing:-.035em; }
.methods-link p { max-width:750px; margin:0; color:#939da6; }
.methods-link .primary-button { flex:none; }
.context-guide { margin-top:16px; border:1px solid #30373f; border-radius:10px; background:#111519; overflow:hidden; }
.context-guide > summary { padding:15px 17px; color:#9ba4ac; font-size:11px; cursor:pointer; list-style:none; }
.context-guide > summary::-webkit-details-marker { display:none; }
.context-guide > summary::after { content:'+'; float:right; color:var(--accent); font-size:18px; line-height:.7; }
.context-guide[open] > summary::after { content:'−'; }
.context-guide > summary strong { color:#f0f2f4; }
.context-guide > div { padding:0 16px 16px; }
.context-guide .embedded-guide { margin:0; padding:20px; }
.context-guide .materials.embedded-guide { padding-top:22px; }
.guide-cta { margin-top:18px; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(255,122,26,.62); border-radius:10px; background:linear-gradient(120deg,rgba(255,122,26,.14),#15191d 70%); color:#b8c0c7; box-shadow:0 10px 30px rgba(0,0,0,.18); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.guide-cta:hover,.guide-cta:focus-visible { transform:translateY(-2px); border-color:var(--accent); background:linear-gradient(120deg,rgba(255,122,26,.22),#181c20 70%); }
.guide-cta span { font-size:11px; }
.guide-cta strong { color:#fff; font-size:12px; white-space:nowrap; }
.guide-cta b { margin-left:8px; color:var(--accent); font-size:17px; }
.methods-page { background:radial-gradient(circle at 30% 0%,rgba(255,122,26,.11),transparent 30%),var(--bg); }
.methods-hero { min-height:520px; padding-top:108px; padding-bottom:74px; }
.methods-hero h1 { max-width:900px; }
.methods-hero > p { max-width:760px; margin:0 0 28px; color:#b3bac1; font-size:18px; }
.methods { padding-top:30px; }
.replacement-guide { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.replacement-guide > div { padding:24px; border:1px solid #373f47; border-radius:12px; background:linear-gradient(145deg,#191e23,#12161a); }
.replacement-guide > div:first-child { border-color:rgba(255,122,26,.38); background:linear-gradient(145deg,rgba(255,122,26,.09),#12161a 72%); }
.replacement-guide h3 { margin:6px 0 8px; font-size:20px; letter-spacing:-.02em; }
.replacement-guide p { margin:0; color:#919ba4; font-size:12px; }
.guide-kicker { color:var(--accent); font-size:9px; font-weight:850; letter-spacing:.14em; }
.guide-kicker.metal { color:#a9b3bc; }
.method-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.method-card { position:relative; border:1px solid var(--line); border-radius:12px; background:var(--panel); overflow:hidden; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.method-card:hover,.method-card:focus-within,.method-card.expanded { z-index:2; transform:translateY(-4px); border-color:#46515b; box-shadow:0 20px 50px rgba(0,0,0,.32); }
.method-summary { width:100%; min-height:126px; padding:18px; display:grid; grid-template-columns:70px 1fr 22px; gap:15px; align-items:center; border:0; background:none; text-align:left; cursor:pointer; }
.method-summary:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.method-summary img,.method-letter { width:70px; height:70px; object-fit:contain; border:1px solid #303840; border-radius:9px; background:#101418; }
.method-letter { display:grid; place-items:center; color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.08em; }
.method-letter.metal { color:#c0c8cf; }
.method-heading-copy { min-width:0; }
.method-heading-copy small,.method-heading-copy strong,.method-heading-copy em { display:block; }
.method-heading-copy small { color:var(--accent); font-size:8px; font-weight:850; letter-spacing:.12em; }
.method-card.planned .method-heading-copy small,.method-card.comparison .method-heading-copy small { color:#8c969f; }
.method-heading-copy strong { margin:3px 0 2px; color:var(--text); font-size:19px; font-style:normal; }
.method-heading-copy em { color:#7d8790; font-size:10px; font-style:normal; font-weight:400; letter-spacing:0; }
.method-summary > b { color:var(--accent); font-size:21px; font-weight:400; transition:transform .28s ease; }
.method-card:hover .method-summary > b,.method-card:focus-within .method-summary > b,.method-card.expanded .method-summary > b { transform:rotate(45deg); }
.method-body { max-height:0; opacity:0; overflow:hidden; padding:0 18px; border-top:1px solid transparent; transform:translateY(-8px); transition:max-height .48s ease,opacity .24s ease,transform .4s ease,padding .4s ease,border-color .4s ease; }
.method-card:hover .method-body,.method-card:focus-within .method-body,.method-card.expanded .method-body { max-height:540px; opacity:1; padding-bottom:18px; border-top-color:var(--line); transform:none; }
.method-body > p:first-child { margin:16px 0; color:#9ba4ac; font-size:11px; }
.method-body > p:first-child strong { display:block; color:#e2e6e9; margin-bottom:3px; }
.method-body dl { margin:0; display:grid; gap:7px; }
.method-body dl div { padding:10px; border:1px solid #2d343c; border-radius:7px; background:#101418; }
.method-body dt { color:#d1d7dc; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.method-body dd { margin:4px 0 0; color:#89939c; font-size:10px; }
.best-when { margin:10px 0 0; padding:10px; border-left:2px solid var(--accent); background:rgba(255,122,26,.035); color:#929ca5; font-size:10px; }
.best-when strong { color:var(--accent); margin-right:4px; }

footer { max-width:1180px; margin:40px auto 0; padding:24px 0 36px; border-top:1px solid var(--line); color:#65707a; display:flex; justify-content:space-between; font-size:11px; }

dialog { width:min(760px,calc(100vw - 30px)); max-height:88vh; overflow:auto; border:1px solid #3b434c; border-radius:14px; color:var(--text); background:#12161a; padding:22px; box-shadow:0 30px 100px rgba(0,0,0,.55); }
dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(3px); }
.dialog-head { display:flex; align-items:start; justify-content:space-between; }
.dialog-head h2 { margin:0; font-size:30px; }
.dialog-head button { width:36px; height:36px; border:1px solid #313840; background:#191e23; border-radius:8px; cursor:pointer; font-size:22px; }
.dialog-intro { color:var(--muted); font-size:13px; }
.assumption-fields { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:18px 0; }
.assumption-field { padding:12px; border:1px solid #2f363e; border-radius:8px; background:#0e1114; }
.assumption-field label { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.assumption-field span { color:#9aa4ad; font-size:11px; }
.assumption-field input { width:110px; padding:8px; text-align:right; }
.assumption-field small { display:block; margin-top:5px; color:#5f6973; font-size:9px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:8px; }
.toast { position:fixed; z-index:40; left:50%; bottom:24px; transform:translate(-50%,16px); opacity:0; pointer-events:none; background:#22282e; border:1px solid #3c454e; border-radius:8px; padding:10px 14px; font-size:12px; transition:.22s ease; box-shadow:var(--shadow); }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width: 1220px) {
  .hero,.section-wrap,footer { width:calc(100% - 40px); }
  .topbar { padding-left:20px; padding-right:20px; }
  nav { gap:3px; font-size:11px; }
  nav > a,.link-button { padding-left:7px; padding-right:7px; }
}
@media (max-width: 1120px) {
  nav > a,.topbar nav .link-button { display:none; }
  .mobile-menu { display:block; }
}
@media (max-width: 900px) {
  nav a { display:none; }
  nav .link-button { display:none; }
  .mobile-menu { display:block; }
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-visual { min-height:360px; }
  .quote-shell { grid-template-columns:1fr; }
  .summary-sticky { position:static; }
  .process-grid,.process-grid.four { grid-template-columns:1fr 1fr; }
  .process-grid.four .process-card:first-child { grid-row:auto; min-height:150px; }
  .process-grid.four .process-card:last-child { grid-column:auto; }
  .analysis-grid { grid-template-columns:repeat(2,1fr); }
  .analysis-grid:has(.metric-card:nth-child(5)) { grid-template-columns:repeat(2,1fr); }
  .material-guide-grid { grid-template-columns:repeat(2,1fr); }
  .method-grid { grid-template-columns:1fr; }
  .section-heading { align-items:start; flex-direction:column; gap:10px; }
}
@media (max-width: 620px) {
  .prototype-pill { display:none; }
  nav { gap:10px; }
  .language-switcher select { min-width:96px; }
  .hero,.section-wrap,footer { width:calc(100% - 24px); }
  .hero { padding-top:48px; }
  h1 { font-size:54px; }
  .hero-copy > p { font-size:16px; }
  .hero-visual { min-height:315px; }
  .hero-visual { gap:5px; }
  .viewer-toolbar { height:auto; min-height:62px; gap:8px; padding-top:8px; padding-bottom:8px; }
  .viewer-actions { flex-wrap:wrap; justify-content:flex-end; }
  .viewer-actions button { padding:5px 7px; font-size:10px; }
  .slicer-service-row { align-items:flex-start; flex-direction:column; gap:3px; padding-top:7px; padding-bottom:7px; }
  .process-illustration img { padding:2px; }
  .process-illustration > div { min-height:63px; padding:10px 8px; }
  .process-illustration span { font-size:8px; }
  .laser-illustration,.resin-illustration { transform:none; }
  .form-grid { grid-template-columns:1fr; }
  .laser-form-grid { grid-template-columns:1fr; }
  .scale-controls,.cnc-form-grid { grid-template-columns:1fr; }
  .scale-actions { display:grid; grid-template-columns:1fr 1fr; }
  .cam-slice-controls { grid-template-columns:30px 1fr 30px; }
  .cam-slice-controls > div { grid-column:1 / -1; }
  .tuning-grid { grid-template-columns:1fr; }
  .selected-material-specs { grid-template-columns:1fr 1fr; }
  .selected-material-footer { align-items:flex-start; flex-direction:column; gap:8px; }
  .resin-slicer-summary { grid-template-columns:1fr 1fr; }
  .resin-slicer-summary > div:nth-child(3) { border-left:0; border-top:1px solid #30373e; }
  .resin-slicer-summary > div:nth-child(4) { border-top:1px solid #30373e; }
  .analysis-grid { grid-template-columns:1fr 1fr; }
  .shipping-settings,.shipping-options { grid-template-columns:1fr; }
  .material-guide-grid { grid-template-columns:1fr; }
  .replacement-guide { grid-template-columns:1fr; }
  .methods-link { align-items:flex-start; flex-direction:column; }
  .method-summary { grid-template-columns:58px 1fr 18px; gap:11px; padding:14px; }
  .method-summary img,.method-letter { width:58px; height:58px; }
  .slice-controls { grid-template-columns:30px 1fr 30px; }
  .slice-controls > div { grid-column:1 / -1; }
  .laser-simulation-controls { grid-template-columns:1fr; }
  .laser-viewer-card .viewer-help { bottom:90px; }
  .laser-bed-label,.engraving-legend { top:86px; }
  .process-grid,.process-grid.four { grid-template-columns:1fr; }
  #modelCanvas { height:330px; }
  .quote-title-row { align-items:start; gap:10px; }
  .quote-title-row h2 { font-size:30px; }
  .assumption-fields { grid-template-columns:1fr; }
  footer { flex-direction:column; gap:5px; }
}

@media (max-width: 420px) {
  .topbar { padding-left:12px; padding-right:12px; }
  .brand > span:nth-child(2) { display:none; }
  .language-switcher select { min-width:88px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}