@import "tailwindcss";

:root { --ink:#10243e; --navy:#07182d; --blue:#1266d4; --cyan:#57d6ef; --ice:#f3f7fb; --line:#dce6ef; --muted:#63748a; --orange:#ff7a3d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.topbar { background:#071525; color:#aec0d4; font-size:12px; }
.topbar .container { height:32px; display:flex; justify-content:space-between; align-items:center; }
.topbar a,.footer-grid a,.footer-grid span { display:flex; align-items:center; gap:7px; }
.site-header { height:78px; display:flex; align-items:center; background:rgba(255,255,255,.94); border-bottom:1px solid #e8eef4; position:sticky; top:0; z-index:40; backdrop-filter:blur(14px); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; }
.brand img { width:154px; height:auto; display:block; }
.nav-wrap nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:700; }
.nav-wrap nav a { position:relative; }
.nav-wrap nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--blue); transition:.25s; }
.nav-wrap nav a:hover:after { right:0; }
.nav-contact,.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:0; font-weight:800; transition:.25s; }
.nav-contact { background:var(--blue); color:#fff; padding:12px 18px; border-radius:4px; font-size:13px; }
.nav-contact:hover,.button.primary:hover { background:#0b55b7; transform:translateY(-2px); }
.hero { min-height:680px; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 75% 28%,#164a7e 0,#0c2b50 28%,#07172c 67%,#061323 100%); }
.hero:before { content:""; position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,#000,transparent 70%); }
.hero-grid { min-height:640px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:50px; position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--blue); text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:900; }
.eyebrow.light { color:#7eddf0; }
.hero h1 { max-width:650px; margin:20px 0; font-size:clamp(46px,5vw,70px); line-height:1.02; letter-spacing:-.055em; font-weight:800; }
h1 em,h2 em { color:#56d3eb; font-family:Georgia,serif; font-weight:400; }
.hero-copy>p { max-width:580px; font-size:17px; line-height:1.7; color:#b8c9da; }
.hero-actions,.cta-actions { display:flex; gap:12px; margin-top:30px; }
.button { padding:15px 22px; border-radius:4px; font-size:13px; }
.button.primary { background:var(--blue); color:#fff; }
.button.ghost-light { color:#fff; border:1px solid rgba(255,255,255,.28); }
.button.ghost-light:hover { border-color:#fff; background:rgba(255,255,255,.08); }
.button.dark { color:#fff; background:var(--navy); }
.button.white { background:#fff; color:var(--blue); }
.hero-trust { display:flex; gap:28px; margin-top:35px; color:#c2d1df; font-size:12px; font-weight:700; }
.hero-trust span { display:flex; gap:8px; align-items:center; }
.hero-stage { position:relative; height:530px; }
.stage-glow { width:420px; height:420px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(87,214,239,.24),rgba(18,102,212,.04) 60%,transparent 71%); }
.floating-product { position:absolute; border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,251,.9)); box-shadow:0 24px 60px rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; animation:float 6s ease-in-out infinite; }
.floating-product img { max-width:88%; max-height:84%; object-fit:contain; mix-blend-mode:multiply; }
.floating-product span { position:absolute; left:14px; bottom:12px; padding:5px 8px; border-radius:20px; background:#0c2340; color:#fff; font-size:9px; font-weight:900; letter-spacing:.08em; }
.product-1 { width:260px;height:260px;left:140px;top:115px;z-index:3; }
.product-2 { width:170px;height:170px;left:15px;top:25px;animation-delay:-1.4s;transform:rotate(-6deg); }
.product-3 { width:175px;height:175px;right:0;top:45px;animation-delay:-2.6s;transform:rotate(5deg); }
.product-4 { width:160px;height:160px;right:12px;bottom:10px;animation-delay:-3.8s;transform:rotate(-4deg); }
.hero-seal { position:absolute; left:14px; bottom:52px; width:130px;height:130px;border:1px solid rgba(126,221,240,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(6,25,46,.7);backdrop-filter:blur(8px);animation:slowspin 14s linear infinite; }
.hero-seal strong { font-size:32px; color:#61d9ee; }.hero-seal span { font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.08em; }
.scroll-cue { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); display:flex;align-items:center;gap:10px;color:#758ca3;font-size:10px;text-transform:uppercase;letter-spacing:.16em; }.scroll-cue span { width:32px;height:1px;background:#758ca3; }
.stat-strip { border-bottom:1px solid var(--line); background:#fff; }.stats { min-height:112px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center; }.stats div { display:flex;flex-direction:column;padding-left:28px;border-left:1px solid var(--line); }.stats div:first-child { border-left:0;padding-left:0; }.stats strong { font-size:28px;color:var(--blue); }.stats span { font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-top:4px; }
.section { padding:105px 0; }.intro { background:#fff; }.intro-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:120px;align-items:end; }.section h2 { font-size:clamp(35px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:16px 0 0; }.section h2 em { color:var(--blue); }.intro-text p { color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 24px; }.text-link { display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:900;border-bottom:1px solid #b8d3f5;padding-bottom:5px; }
.production { background:var(--navy);color:#fff;overflow:hidden; }.production-grid { display:grid;grid-template-columns:1.08fr .92fr;gap:85px;align-items:center; }.production-visual { min-height:525px;position:relative;border-radius:6px;overflow:hidden;background:#06101d;box-shadow:0 30px 70px rgba(0,0,0,.28); }.production-visual>img { width:100%;height:525px;object-fit:cover;opacity:.76; }.production-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,16,29,.8)); }.machine-overlay { position:absolute;inset:0;z-index:2; }.machine-status { position:absolute;top:20px;left:20px;background:rgba(4,17,30,.82);padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800; }.pulse { width:7px;height:7px;display:inline-block;border-radius:50%;background:#5ff0a1;margin-right:7px;box-shadow:0 0 0 0 rgba(95,240,161,.7);animation:pulse 2s infinite; }.mold-animation { position:absolute;left:50%;bottom:52px;transform:translateX(-50%);width:270px;height:66px;display:flex;align-items:center;justify-content:center; }.mold-left,.mold-right { width:85px;height:60px;background:linear-gradient(135deg,#506175,#273646);border:1px solid #718294;animation:moldLeft 3.6s ease-in-out infinite; }.mold-right { animation-name:moldRight; }.mold-product { width:45px;height:45px;border-radius:7px 7px 16px 16px;background:linear-gradient(135deg,#6de1f0,#1675d5);box-shadow:0 0 22px rgba(87,214,239,.7);animation:productPop 3.6s ease-in-out infinite; }.production-copy>p { color:#9eb1c5;line-height:1.7; }.process-list { list-style:none;padding:0;margin:32px 0 0; }.process-list li { display:flex;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.13); }.process-list li>span { color:#5bd4e8;font:italic 20px Georgia; }.process-list div { display:flex;flex-direction:column;gap:6px; }.process-list strong { font-size:14px; }.process-list small { color:#8298ae;font-size:12px; }
.collection { background:var(--ice); }.section-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:45px; }.featured-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:18px; }.featured-card { display:grid;grid-template-columns:1.05fr .95fr;min-height:280px;background:#fff;border:1px solid #e2e9f0;transition:.3s;overflow:hidden; }.featured-card:hover { transform:translateY(-5px);box-shadow:0 20px 55px rgba(21,48,80,.12); }.featured-image { display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef6fc,#d9eaf8); }.featured-2 .featured-image { background:#fff0e8; }.featured-3 .featured-image { background:#e8f7ee; }.featured-4 .featured-image { background:#faedf2; }.featured-image img { width:88%;height:230px;object-fit:contain;mix-blend-mode:multiply;transition:.4s; }.featured-card:hover img { transform:scale(1.06) rotate(-2deg); }.featured-card>div:last-child { padding:34px 28px;display:flex;flex-direction:column;justify-content:center; }.featured-card span { font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.12em; }.featured-card h3 { font-size:22px;line-height:1.15;margin:12px 0 32px; }.featured-card b { display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em; }
.values { padding-top:80px;padding-bottom:80px; }.values-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }.values article { background:#fff;padding:38px; }.values svg { color:var(--blue);width:28px;height:28px; }.values h3 { margin:22px 0 8px;font-size:18px; }.values p { color:var(--muted);line-height:1.6;font-size:13px;margin:0; }
.cta-section { padding:0 0 90px;background:#fff; }.cta-card { padding:65px 72px;color:#fff;background:linear-gradient(120deg,#0c63cc,#094389);position:relative;overflow:hidden; }.cta-card:after { content:"SP";position:absolute;right:-25px;top:-50px;font-size:220px;font-weight:900;color:rgba(255,255,255,.05); }.cta-card h2 { font-size:45px;letter-spacing:-.04em;line-height:1.05;margin:17px 0; }.cta-card p { color:#c8e0fa;max-width:610px;line-height:1.7; }
.site-footer { padding:70px 0 24px;background:#061424;color:#8fa4b9; }.footer-grid { display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr;gap:70px; }.footer-brand img { width:170px;filter:brightness(0) invert(1); }.footer-brand p { max-width:290px;line-height:1.7;font-size:13px; }.footer-grid h4 { color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:4px 0 20px; }.footer-grid>div { display:flex;flex-direction:column;gap:12px; }.footer-grid a,.footer-grid span { font-size:12px; }.footer-note { font-size:11px;line-height:1.6; }.footer-bottom { border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em; }
.catalog-head { color:#fff;background:radial-gradient(circle at 85% 20%,#164c83,#0a2748 40%,#061629);padding:50px 0 58px; }.catalog-breadcrumb { display:flex;align-items:center;gap:7px;color:#819bb5;font-size:11px;margin-bottom:34px; }.catalog-breadcrumb b { color:#d4e4f2; }.catalog-title-row { display:flex;justify-content:space-between;align-items:end; }.catalog-title-row h1 { margin:12px 0 8px;font-size:54px;letter-spacing:-.05em; }.catalog-title-row p { color:#a9bed1;max-width:650px;line-height:1.6;margin:0; }.catalog-count { min-width:140px;padding-left:24px;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column; }.catalog-count strong { color:#65d8eb;font-size:40px;line-height:1; }.catalog-count span { margin-top:7px;font-size:10px;text-transform:uppercase;letter-spacing:.12em; }.catalog-body { padding:42px 0 90px;background:#f5f8fb;min-height:600px; }.catalog-toolbar { background:#fff;border:1px solid var(--line);padding:20px;position:sticky;top:78px;z-index:20;box-shadow:0 10px 30px rgba(23,48,78,.05); }.search-box { height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid #cad7e3;background:#f9fbfd; }.search-box svg { color:var(--blue); }.search-box input { border:0;outline:0;background:transparent;flex:1;font-size:14px; }.search-box button { border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer; }.category-tabs { display:flex;gap:7px;overflow:auto;padding-top:14px; }.category-tabs button { flex:0 0 auto;border:1px solid #d7e1ea;background:#fff;color:#52657a;padding:8px 13px;border-radius:20px;font-size:11px;font-weight:800;cursor:pointer; }.category-tabs button.active { border-color:var(--blue);background:var(--blue);color:#fff; }.result-line { display:flex;justify-content:space-between;margin:24px 2px 15px;color:#66798c;font-size:12px; }.result-line strong { color:var(--ink); }.catalog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }.product-card { position:relative;background:#fff;border:1px solid #dee7ef;transition:.25s;cursor:pointer; }.product-card:hover { transform:translateY(-4px);border-color:#aac7e5;box-shadow:0 18px 40px rgba(27,53,83,.1); }.card-click { position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer; }.product-image { height:240px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#f7fafc,#edf3f7);overflow:hidden; }.product-image img { width:88%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:.35s; }.product-card:hover .product-image img { transform:scale(1.05); }.product-image>span { position:absolute;top:12px;left:12px;padding:6px 9px;background:rgba(255,255,255,.92);border:1px solid #dbe5ed;font-size:9px;font-weight:800;color:#5a6b7d; }.product-info { padding:22px; }.product-info>small,.dialog-code { color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em; }.product-info h2 { height:42px;margin:8px 0 18px;font-size:16px;line-height:1.3; }.spec-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 18px; }.spec-grid div { padding:10px;background:#f4f7fa; }.spec-grid div:last-child { grid-column:span 2; }.spec-grid dt { display:flex;align-items:center;gap:5px;color:#77899b;font-size:9px; }.spec-grid dd { margin:5px 0 0;font-size:12px;font-weight:900; }.detail-link { display:flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:900; }.empty-state { padding:80px 20px;text-align:center;background:#fff;border:1px solid var(--line); }.empty-state svg { color:var(--blue); }.empty-state h2 { margin:14px 0 6px; }.empty-state p { color:var(--muted); }.empty-state button { border:0;background:var(--blue);color:#fff;padding:11px 17px;font-weight:800;cursor:pointer; }
.product-dialog { max-width:850px!important;padding:28px!important;border-radius:4px!important;background:#fff!important; }.product-dialog [data-slot=dialog-title] { font-size:28px;line-height:1.1;margin-top:6px; }.dialog-layout { display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:10px; }.dialog-image { min-height:340px;display:flex;align-items:center;justify-content:center;background:#f1f5f8; }.dialog-image img { width:90%;height:320px;object-fit:contain;mix-blend-mode:multiply; }.dialog-specs h3 { margin:8px 0 18px;font-size:13px;text-transform:uppercase;letter-spacing:.1em; }.dialog-specs dl { margin:0; }.dialog-specs dl div { display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:13px; }.dialog-specs dd { margin:0;font-weight:900; }.dialog-specs p { color:var(--muted);font-size:12px;line-height:1.6;margin:20px 0; }.dialog-specs a { display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:13px 17px;font-size:11px;font-weight:900; }
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(3,14,27,.72);backdrop-filter:blur(8px)}.modal .product-dialog{position:relative;z-index:1;width:min(850px,100%);max-height:92vh;overflow:auto;box-shadow:0 28px 90px rgba(0,0,0,.38)}.modal-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;background:#edf3f7;color:var(--ink);font-size:24px;cursor:pointer}.product-dialog header>p{color:var(--muted);margin:6px 0 0}.product-dialog header>h2{font-size:28px;line-height:1.1;margin:7px 44px 0 0}
@keyframes float { 0%,100%{translate:0 0}50%{translate:0 -14px} } @keyframes slowspin { to{transform:rotate(360deg)} } @keyframes pulse { 70%{box-shadow:0 0 0 8px rgba(95,240,161,0)}100%{box-shadow:0 0 0 0 rgba(95,240,161,0)} } @keyframes moldLeft { 0%,18%,75%,100%{transform:translateX(-28px)}35%,60%{transform:translateX(0)} } @keyframes moldRight { 0%,18%,75%,100%{transform:translateX(28px)}35%,60%{transform:translateX(0)} } @keyframes productPop { 0%,38%{opacity:0;transform:scale(.65)}52%,70%{opacity:1;transform:scale(1)}86%,100%{opacity:0;transform:translateY(22px)} } @keyframes up { from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none} } @keyframes scale { from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)} } .reveal-up{animation:up .9s ease both}.reveal-scale{animation:scale 1s .15s ease both}
@media (max-width:900px) { .topbar,.nav-wrap nav{display:none}.site-header{height:68px}.container{width:min(100% - 28px,1180px)}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 90px}.hero-stage{height:430px}.hero h1{font-size:48px}.stats{grid-template-columns:repeat(2,1fr);gap:28px;padding:28px 0}.stats div:nth-child(3){border-left:0;padding-left:0}.intro-grid,.production-grid{grid-template-columns:1fr;gap:45px}.production-visual,.production-visual>img{min-height:420px;height:420px}.featured-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{top:68px}.catalog-title-row{align-items:center}.dialog-layout{grid-template-columns:1fr}.dialog-image{min-height:260px}.dialog-image img{height:245px} }
@media (max-width:600px) { .section{padding:70px 0}.brand img{width:135px}.nav-contact{padding:10px 13px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{gap:12px;flex-direction:column}.hero-stage{height:360px}.product-1{width:210px;height:210px;left:50%;top:85px;transform:translateX(-50%)}.product-2{width:120px;height:120px;left:0}.product-3{width:120px;height:120px;right:0}.product-4{width:115px;height:115px;right:0;bottom:0}.hero-seal{width:105px;height:105px;left:0;bottom:12px}.stats strong{font-size:23px}.stats span{font-size:9px}.intro-grid{gap:28px}.section h2{font-size:35px}.section-heading{align-items:start;gap:24px;flex-direction:column}.featured-card{grid-template-columns:1fr;min-height:0}.featured-image img{height:190px}.values-grid{grid-template-columns:1fr}.cta-card{padding:48px 28px}.cta-card h2{font-size:34px}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:14px;flex-direction:column}.catalog-head{padding:35px 0 42px}.catalog-title-row{align-items:start;gap:24px;flex-direction:column}.catalog-title-row h1{font-size:42px}.catalog-count{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:15px 0 0;flex-direction:row;align-items:end;gap:8px}.catalog-grid{grid-template-columns:1fr}.product-image{height:225px}.result-line small{display:none}.product-dialog{max-height:90vh;overflow:auto}.dialog-layout{gap:18px}.dialog-image{min-height:220px}.dialog-image img{height:210px} }
@media (prefers-reduced-motion:reduce) { *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} }