/* COMPLETE 3D — styles v2 */
:root{--bg-0:#f2edea;--bg-1:#e2ddda;--bg-2:#d8d3d1;--surface:rgba(249,249,241,0.78);--surface-hi:rgba(255,250,248,0.96);--border:rgba(17,17,17,0.10);--border-hi:rgba(17,17,17,0.28);--text:#111111;--text-dim:#353535;--muted:#7e7e7e;--foggy:#b1af9a;--foggy-soft:rgba(177,175,154,0.18);--accent:#193746;--accent-hi:#285c70;--accent-2:#60899b;--accent-soft:rgba(25,55,70,0.08);--accent-glow:rgba(25,55,70,0.20);--danger:#8a1e2e;--ok:#486675;--radius-sm:2px;--radius:3px;--radius-lg:4px;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--nav-h:64px;}
[data-theme="dark"]{--bg-0:#111111;--bg-1:#1a1a1a;--bg-2:#232323;--surface:rgba(35,35,35,0.65);--surface-hi:rgba(53,53,53,0.85);--border:rgba(242,237,234,0.10);--border-hi:rgba(242,237,234,0.28);--text:#f2edea;--text-dim:#cdcab2;--muted:#989898;--foggy:#b1af9a;--foggy-soft:rgba(177,175,154,0.10);--accent:#6c9bad;--accent-hi:#8db4c4;--accent-2:#285c70;--accent-soft:rgba(108,155,173,0.14);--accent-glow:rgba(108,155,173,0.35);--danger:#d65a6a;--ok:#8db4c4;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-0);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;}img{max-width:100%;display:block;}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;}
body::before{background:radial-gradient(60vw 60vw at 12% 10%,rgba(25,55,70,0.10),transparent 60%),radial-gradient(55vw 55vw at 88% 85%,rgba(96,137,155,0.10),transparent 60%),radial-gradient(40vw 40vw at 55% 50%,rgba(177,175,154,0.10),transparent 60%);filter:blur(40px) saturate(105%);animation:drift 32s ease-in-out infinite alternate;}
body::after{background-image:linear-gradient(rgba(17,17,17,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,0.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 75%);}
[data-theme="dark"] body::after{background-image:linear-gradient(rgba(242,237,234,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(242,237,234,0.04) 1px,transparent 1px);}
[data-theme="dark"] body::before{background:radial-gradient(60vw 60vw at 12% 10%,rgba(40,92,112,0.22),transparent 60%),radial-gradient(55vw 55vw at 88% 85%,rgba(108,155,173,0.16),transparent 60%),radial-gradient(40vw 40vw at 55% 50%,rgba(177,175,154,0.06),transparent 60%);}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(-40px,30px,0) scale(1.06);}}
.site-nav{position:sticky;top:0;z-index:50;background:var(--surface);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:0.02em;font-size:14px;color:var(--text);}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow),0 0 2px var(--accent);animation:pulse 2.4s ease-in-out infinite;}
.brand-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0;display:inline-block;vertical-align:middle;}
.site-foot .brand .brand-logo{width:18px;height:18px;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.55}}
.nav-links{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:0.14em;}
.nav-links a{position:relative;padding:10px 14px;color:var(--text-dim);text-decoration:none;border-radius:var(--radius-sm);transition:color 0.18s,background 0.18s;}
.nav-links a:hover{color:var(--text);background:var(--accent-soft);}
.nav-links a.active{color:var(--accent);}
.nav-links a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:var(--accent);}
.nav-actions{display:flex;align-items:center;gap:12px;}
.theme-toggle,.nav-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.18s;padding:0;}
.theme-toggle:hover,.nav-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);}
.theme-toggle svg,.nav-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.theme-toggle .icon-light{display:none;}.theme-toggle .icon-dark{display:block;}
[data-theme="dark"] .theme-toggle .icon-light{display:block;}[data-theme="dark"] .theme-toggle .icon-dark{display:none;}
.nav-toggle{display:none;position:relative;z-index:110;}
.nav-toggle svg line{transform-origin:12px 12px;transition:transform 0.28s cubic-bezier(0.22,0.9,0.25,1),opacity 0.18s ease;}
body.nav-open .nav-toggle svg line:nth-of-type(1){transform:translate(0,5px) rotate(45deg);}
body.nav-open .nav-toggle svg line:nth-of-type(2){opacity:0;transform:scaleX(0.2);}
body.nav-open .nav-toggle svg line:nth-of-type(3){transform:translate(0,-5px) rotate(-45deg);}
body.nav-open{overflow:hidden;}
@media(max-width:820px){
  .nav-toggle{display:flex;}
  .nav-links{position:fixed;inset:0;z-index:100;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:calc(var(--nav-h) + 32px) 24px 40px;background:var(--bg-0);border-bottom:none;font-size:15px;letter-spacing:0.18em;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity 0.28s ease,transform 0.28s cubic-bezier(0.22,0.9,0.25,1),visibility 0.28s step-end;}
  .nav-links.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.28s ease,transform 0.28s cubic-bezier(0.22,0.9,0.25,1),visibility 0s;}
  .nav-links a{display:flex;align-items:center;justify-content:space-between;padding:22px 8px;font-size:17px;letter-spacing:0.14em;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);}
  .nav-links a:hover,.nav-links a:focus-visible{background:transparent;color:var(--accent);}
  .nav-links a.active{color:var(--accent);}
}
@media(max-width:420px){.nav-inner{padding:0 16px;gap:12px;}.brand span:last-child{font-size:13px;}}
.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:40px 24px 80px;}
.shell.wide{max-width:1280px;}
.section{position:relative;z-index:1;padding:64px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap;}
.section-head h2{font-size:clamp(26px,3.5vw,38px);font-weight:700;letter-spacing:-0.02em;margin:4px 0 0;}
.section-head p{max-width:520px;color:var(--text-dim);margin:0;font-size:15px;}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:0;background:rgba(20,18,14,0.04);color:var(--text-dim);border:1px solid var(--border);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.14em;}
[data-theme="dark"] .status-chip{background:rgba(242,237,234,0.04);}
.status-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 6px rgba(96,137,155,0.6);}
.hero{padding:72px 0 40px;max-width:900px;}
.hero h1{font-family:var(--sans);font-size:clamp(36px,6vw,68px);font-weight:700;line-height:1.02;letter-spacing:-0.03em;margin:0 0 18px;}
.grad,h1 .grad,h2 .grad{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-style:italic;padding-right:0.22em;margin-right:-0.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
@supports not (-webkit-background-clip:text){.grad{color:var(--accent);background:none;-webkit-text-fill-color:currentColor;}}
.hero p{color:var(--text-dim);font-size:clamp(16px,1.5vw,19px);max-width:620px;margin:0 0 28px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.hero-meta span{display:inline-flex;align-items:center;gap:8px;}
.hero-meta span::before{content:"";width:6px;height:6px;background:var(--accent);display:inline-block;}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--accent);color:#f9f9f1;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:all 0.2s;box-shadow:0 6px 20px rgba(25,55,70,0.25);}
.btn:hover{transform:translateY(-1px);background:var(--accent-hi);border-color:var(--accent-hi);box-shadow:0 10px 28px rgba(25,55,70,0.35);}
.btn:active{transform:translateY(0);}
.btn::after{content:"->"; font-size:15px;transition:transform 0.2s;}
.btn:hover::after{transform:translateX(3px);}
[data-theme="dark"] .btn{color:#111111;}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--border-hi);box-shadow:none;}
.btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);}
.btn.sm{padding:10px 14px;font-size:11px;letter-spacing:0.14em;}
.cap-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}
.cap-strip>div{background:var(--surface);padding:26px 24px;backdrop-filter:blur(20px);}
.cap-strip .num{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;color:var(--accent);margin-bottom:10px;}
.cap-strip .lbl{font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:6px;}
.cap-strip .sub{font-size:12.5px;color:var(--text-dim);line-height:1.45;}
@media(max-width:820px){.cap-strip{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.cap-strip{grid-template-columns:1fr;}}
.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;}
.product{position:relative;background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.25s,border-color 0.25s,box-shadow 0.25s;}
.product:hover{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:0 12px 40px rgba(17,17,17,0.08);}
.product-visual{aspect-ratio:4/3;background:linear-gradient(135deg,rgba(25,55,70,0.06),rgba(96,137,155,0.06)),var(--bg-1);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.product-visual svg{width:100%;height:100%;display:block;}
.product-tag{position:absolute;top:12px;left:12px;padding:4px 10px;background:var(--surface-hi);border:1px solid var(--border);border-radius:0;font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);backdrop-filter:blur(12px);}
.product-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.product-body h3{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.product-body .sub{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px;}
.product-body p{margin:0 0 16px;color:var(--text-dim);font-size:13.5px;line-height:1.5;}
.product-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.spec-chip{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;padding:4px 8px;background:var(--foggy-soft);color:var(--text-dim);border:1px solid var(--border);}
.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
.product-foot .price{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--accent);letter-spacing:-0.01em;}
.product-foot .price .small{font-size:10.5px;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;margin-left:4px;}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:all 0.18s;backdrop-filter:blur(12px);}
.chip:hover{color:var(--text);border-color:var(--border-hi);}
.chip.active{background:var(--accent);border-color:var(--accent);color:#f9f9f1;}
.card{position:relative;background:var(--surface);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:18px;overflow:hidden;}
.card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.step-num{font-family:var(--mono);font-size:12px;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(25,55,70,0.30);border-radius:var(--radius-sm);padding:3px 8px;letter-spacing:0.1em;}
.card-head h3{margin:0;font-size:16px;font-weight:600;}
.card-head .note{margin-left:auto;font-size:12px;color:var(--muted);}
.cta-banner{position:relative;overflow:hidden;padding:56px 48px;background:linear-gradient(135deg,rgba(25,55,70,0.10),rgba(96,137,155,0.08) 60%,transparent),var(--surface-hi);border:1px solid var(--border-hi);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;backdrop-filter:blur(20px);}
.cta-banner h3{margin:0 0 10px;font-size:clamp(22px,2.5vw,30px);font-weight:700;letter-spacing:-0.02em;}
.cta-banner p{margin:0;color:var(--text-dim);max-width:520px;}
@media(max-width:720px){.cta-banner{grid-template-columns:1fr;padding:36px 28px;}}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.feature-row{grid-template-columns:1fr;}}
.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;backdrop-filter:blur(16px);}
.feature .n{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;color:var(--accent);margin-bottom:14px;}
.feature h4{margin:0 0 8px;font-size:18px;font-weight:600;}
.feature p{margin:0;color:var(--text-dim);font-size:14px;}
.site-foot{position:relative;z-index:1;border-top:1px solid var(--border);margin-top:48px;padding:40px 0 32px;background:rgba(249,249,241,0.35);}
[data-theme="dark"] .site-foot{background:rgba(17,17,17,0.35);}
.foot-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
@media(max-width:720px){.foot-inner{grid-template-columns:1fr 1fr;}}
.foot-col h5{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted);margin:0 0 14px;font-weight:500;}
.foot-col ul{list-style:none;padding:0;margin:0;}
.foot-col li{margin-bottom:8px;font-size:13px;}
.foot-col a{text-decoration:none;color:var(--text-dim);transition:color 0.15s;}
.foot-col a:hover{color:var(--accent);}
.foot-col .muted{color:var(--muted);font-size:12px;line-height:1.6;}
.foot-bottom{max-width:1280px;margin:32px auto 0;padding:24px 24px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
/* Quote */
.quote-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start;}
@media(max-width:960px){.quote-grid{grid-template-columns:1fr;}}
.field{display:block;margin-top:14px;}
.field>.lbl{display:block;font-size:11px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:8px;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],select,textarea{width:100%;padding:12px 14px;background:rgba(255,250,248,0.85);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--sans);font-size:14px;transition:border-color 0.15s,box-shadow 0.15s;}
input::placeholder,textarea::placeholder{color:var(--muted);}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:rgba(35,35,35,0.55);color-scheme:dark;}
textarea{min-height:90px;resize:vertical;}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:540px){.row{grid-template-columns:1fr;}}
.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4;}
.dropzone{display:block;cursor:pointer;padding:32px 24px;border:1.5px dashed rgba(17,17,17,0.20);border-radius:var(--radius);background:rgba(255,250,248,0.75);text-align:center;transition:all 0.25s;}
.dropzone:hover,.dropzone.drag{border-color:var(--accent);}
.dropzone input[type=file]{display:none;}
.dz-icon{width:40px;height:40px;margin:0 auto 12px;background:var(--accent-soft);border:1px solid rgba(25,55,70,0.30);display:flex;align-items:center;justify-content:center;color:var(--accent);}
.dz-main{font-weight:600;font-size:15px;}.dz-main .hl{color:var(--accent);}
.dz-sub{font-size:12px;color:var(--muted);font-family:var(--mono);margin-top:6px;}
.file-info{margin-top:14px;font-size:13px;font-family:var(--mono);color:var(--ok);display:none;}
.file-info.show{display:block;}
.swatches{display:flex;flex-wrap:wrap;gap:10px;}
.swatch{width:36px;height:36px;border-radius:0;cursor:pointer;position:relative;transition:transform 0.15s;border:1px solid rgba(17,17,17,0.20);}
.swatch::before{content:"";position:absolute;inset:-5px;border:1.5px solid transparent;transition:border-color 0.2s;}
.swatch:hover,.swatch.selected{transform:translateY(-2px);}
.swatch.selected::before{border-color:var(--accent);}
.tile-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.tile{position:relative;padding:16px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,250,248,0.75);cursor:pointer;text-align:left;transition:all 0.2s;}
.tile:hover{border-color:var(--border-hi);}
.tile.selected{border-color:var(--accent);background:var(--accent-soft);}
.tile-title{font-weight:600;font-size:14px;}
.tile-sub{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px;}
.slider-wrap{display:grid;grid-template-columns:1fr 72px;align-items:center;gap:14px;}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:0;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill,20%),rgba(177,175,154,0.45) var(--fill,20%),rgba(177,175,154,0.45) 100%);outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:0;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 0 4px rgba(25,55,70,0.15);}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:0;background:var(--accent);cursor:pointer;border:none;}
.slider-val{text-align:center;padding:8px 6px;border-radius:var(--radius-sm);background:rgba(255,250,248,0.98);border:1px solid var(--border);font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent);}
.estimate{position:sticky;top:calc(var(--nav-h) + 24px);background:linear-gradient(180deg,rgba(25,55,70,0.05),transparent 60%),rgba(255,250,248,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:28px;overflow:hidden;}
[data-theme="dark"] .estimate{background:linear-gradient(180deg,rgba(108,155,173,0.06),transparent 60%),rgba(28,28,28,0.85);}
.est-total{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;}
.est-total .lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted);}
.est-total .amt{font-size:44px;font-weight:700;letter-spacing:-0.04em;line-height:1;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 80%,var(--accent-2) 130%);-webkit-background-clip:text;background-clip:text;color:transparent;}
button.submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;margin-top:18px;background:var(--accent);color:#f9f9f1;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s;box-shadow:0 6px 20px rgba(25,55,70,0.30);}
button.submit:hover{transform:translateY(-1px);background:var(--accent-hi);}
button.submit::after{content:"->";font-size:17px;transition:transform 0.2s;}
[data-theme="dark"] button.submit{color:#111111;}
.status{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);font-size:12.5px;line-height:1.5;display:none;font-family:var(--mono);}
.status.show{display:block;}
.status.success{background:rgba(72,102,117,0.08);border:1px solid rgba(72,102,117,0.30);color:var(--ok);}
.status.error{background:rgba(138,30,46,0.08);border:1px solid rgba(138,30,46,0.30);color:var(--danger);}
::selection{background:var(--accent);color:#f9f9f1;}
[data-theme="dark"] ::selection{color:#111111;}
/* Print anim */
.print-word{display:inline-block;white-space:nowrap;}
.print-wrap{display:inline-block;position:relative;vertical-align:baseline;}
.print-wrap>.print-inner{display:inline-block;color:inherit;padding-bottom:0.08em;}
.print-wrap::after{content:"";position:absolute;left:-2px;right:-2px;top:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-2) 25%,var(--accent-2) 75%,transparent 100%);opacity:0;pointer-events:none;border-radius:1px;z-index:2;}
.printing .print-wrap>.print-inner{animation:printReveal 520ms cubic-bezier(0.22,0.9,0.25,1) both;animation-delay:calc(var(--print-i,0) * 55ms);}
.printing .print-wrap::after{animation:printNozzle 520ms cubic-bezier(0.22,0.9,0.25,1) forwards;animation-delay:calc(var(--print-i,0) * 55ms);}
@keyframes printReveal{0%{clip-path:inset(100% 0 0 0);}100%{clip-path:inset(0 0 0 0);}}
@keyframes printNozzle{0%{top:100%;opacity:0;}14%{opacity:1;}92%{opacity:1;}100%{top:-2px;opacity:0;}}
@media(prefers-reduced-motion:reduce){.print-wrap>.print-inner{animation:none;}.print-wrap::after{display:none;}}
@media(max-width:720px){.shell{padding:28px 18px 56px;}.section{padding:48px 0;}.hero{padding:44px 0 28px;}}
@media(max-width:480px){.shell{padding:22px 14px 48px;}.hero{padding:32px 0 20px;}.hero-actions{flex-direction:column;align-items:stretch;}.hero-actions .btn{width:100%;justify-content:center;}}