*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
    html[lang=zh], html[lang=zh] *{font-family:Inter,'Noto Sans SC','Microsoft YaHei','PingFang SC',system-ui,sans-serif}
    html[lang=hi], html[lang=hi] *{font-family:Inter,'Noto Sans Devanagari','Nirmala UI','Mangal',system-ui,sans-serif}
    html[lang=ar], html[lang=ar] *{font-family:Inter,'Noto Sans Arabic','Tahoma','Arial',system-ui,sans-serif}
    html[lang=ru], html[lang=ru] *{font-family:Inter,'Noto Sans','Segoe UI',system-ui,sans-serif}
    html[lang=ja], html[lang=ja] *{font-family:Inter,'Noto Sans JP','Yu Gothic','Meiryo',system-ui,sans-serif}
    html[dir=rtl] body{text-align:right}
    html[dir=rtl] .ml-auto{margin-left:0!important;margin-right:auto!important}
    html[dir=rtl] .text-left{text-align:right!important}
    html[dir=rtl] .text-right{text-align:left!important}
    html{scroll-behavior:smooth}
    .glass{backdrop-filter:blur(10px);background:rgba(255,255,255,.06)}
    .card{border:1px solid rgba(255,255,255,.08)}
    .mono{font-variant-numeric:tabular-nums}
    .btn{transition:transform .06s ease,filter .15s ease}
    .btn:active{transform:translateY(1px) scale(.99)}
    svg text{user-select:none}
    th,td{border-bottom:1px solid rgba(255,255,255,.08)}
    .toolbar{position:sticky;top:64px;z-index:40}
    .badge{font-size:.675rem;padding:.175rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12)}
    .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
    #floor,#elev{touch-action:none;isolation:isolate}
    .is-dragging{cursor:grabbing !important}
    #threeWrap{display:flex;flex-direction:column;gap:.5rem}
    /* FIX: la vista 3D debe quedar totalmente separada de Planta 2D/Elevación.
       La clase .hidden y los estilos inline de JS mandan sobre el display base. */
    #threeWrap.hidden{display:none !important}
    #threeWrap.is-view-hidden{display:none !important;visibility:hidden !important;pointer-events:none !important}
    #threeWrap.is-view-active{display:flex !important;visibility:visible !important;pointer-events:auto !important}
    #threeMount{position:relative;overflow:hidden;min-height:440px}
    #threeMount canvas{display:block;position:relative;z-index:1}
    #floor:not(.hidden){display:block}
    #floor.hidden{display:none !important}
    .three-hud{
      position:absolute;left:12px;bottom:12px;z-index:5;
      background:rgba(10,18,36,.82);border:1px solid rgba(255,255,255,.14);
      border-radius:12px;padding:.55rem .8rem;font-size:.73rem;color:#cbd5e1;
      backdrop-filter:blur(10px);
      display:flex;align-items:center;gap:.55rem;
      transition:opacity .3s;
    }
    .three-hud::before{content:'●';color:#22d3ee;font-size:.6rem}
    .three-crosshair{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)) center/1px 100% no-repeat,linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.05)) center/100% 1px no-repeat;opacity:.55}

    /* ── Info banners per view ── */
    .view-info-banner{
      display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;
      background:rgba(14,24,46,.82);border:1px solid rgba(255,255,255,.1);
      border-radius:12px;padding:10px 14px;margin-bottom:10px;
      backdrop-filter:blur(10px);animation:fadeSlide .25s ease;
    }
    .view-info-banner.hidden{display:none!important}
    .vib-title{font-size:.75rem;font-weight:800;color:#22d3ee;letter-spacing:.03em;white-space:nowrap;padding-top:1px}
    .vib-sep{width:1px;background:rgba(255,255,255,.12);align-self:stretch;flex-shrink:0}
    .vib-tools{display:flex;flex-wrap:wrap;gap:6px}
    .vib-tool{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#cbd5e1;
      background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
      border-radius:7px;padding:3px 8px;white-space:nowrap}
    .vib-tool-icon{font-size:.8rem;flex-shrink:0}
    .vib-tool b{color:#f8fafc;font-weight:700}

    /* ── Material panel ── */
    #mat-panel{animation:fadeSlide .2s ease}
    @keyframes fadeSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
    .mat-swatch{width:28px;height:28px;border-radius:6px;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .15s}
    .mat-swatch:hover{transform:scale(1.15)}
    .mat-swatch.active{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.4)}
    input[type=color]{-webkit-appearance:none;appearance:none;padding:0;border:none;background:none;cursor:pointer}
    input[type=color]::-webkit-color-swatch-wrapper{padding:0}
    input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}
    .mat-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
    .selected-ring{outline:3px solid #22d3ee;outline-offset:2px}

    /* ── IKEA Door Styles Panel ── */
    #ikea-styles-panel{animation:fadeSlide .2s ease}
    .door-style-card{
      cursor:pointer;
      border-radius:8px;
      border:2px solid rgba(255,255,255,.12);
      overflow:hidden;
      transition:border-color .15s, transform .1s;
      flex-shrink:0;
      width:62px;
    }
    .door-style-card:hover{border-color:rgba(255,255,255,.4);transform:scale(1.04)}
    .door-style-card.active{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.35)}
    .door-preview{height:48px;width:100%;position:relative;overflow:hidden}
    .door-label{font-size:.58rem;color:#94a3b8;text-align:center;padding:3px 2px;line-height:1.1;background:rgba(15,23,42,.8)}

    /* Texture swatches in 2D/elevation */
    .ikea-texture-wood{background:repeating-linear-gradient(90deg,#c8a96e 0px,#b8954f 3px,#d4b47a 6px,#c8a96e 9px)}
    .ikea-texture-wood-dark{background:repeating-linear-gradient(90deg,#4a3728 0px,#3d2d1f 4px,#5a4535 8px,#4a3728 12px)}
    .ikea-texture-white{background:#f5f5f3}
    .ikea-texture-anthracite{background:#2d2f33}
    .ikea-texture-grey{background:#9da1a6}
    .ikea-texture-green{background:#3d5a45}
    .ikea-texture-beige{background:#cfc3aa}
    .ikea-texture-highgloss-white{background:linear-gradient(135deg,#ffffff 0%,#e8e8e8 50%,#ffffff 100%)}
    .ikea-texture-highgloss-grey{background:linear-gradient(135deg,#b0b4b8 0%,#9da1a5 50%,#b0b4b8 100%)}

    /* ── IKEA Plinth/Zócalo Styles Panel ── */
    #ikea-zocalo-section{animation:fadeSlide .2s ease}
    .plinth-style-card{
      cursor:pointer;
      border-radius:8px;
      border:2px solid rgba(255,255,255,.12);
      overflow:hidden;
      transition:border-color .15s, transform .1s;
      flex-shrink:0;
      width:62px;
    }
    .plinth-style-card:hover{border-color:rgba(255,255,255,.4);transform:scale(1.04)}
    .plinth-style-card.active{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.35)}
    .plinth-preview{height:22px;width:100%;position:relative;overflow:hidden}
    .plinth-label{font-size:.54rem;color:#94a3b8;text-align:center;padding:2px 2px;line-height:1.1;background:rgba(15,23,42,.8)}

    /* ── Elevation module interactions ── */
    #elev g[data-uid] { cursor: grab; }
    #elev g[data-uid]:hover > rect:first-of-type { filter: brightness(1.08); }
    #elev.is-dragging { cursor: grabbing !important; }
    #elev.is-dragging g[data-uid] { cursor: grabbing !important; }
    #elev { shape-rendering: crispEdges; isolation: isolate; }
    #elev text { shape-rendering: geometricPrecision; font-feature-settings: "tnum"; }

    /* ── Visor 3D comparativa ── */
    #comp-3d-section{animation:fadeSlide .25s ease}
    .comp3d-wrap{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .comp3d-panel{flex:1;min-width:280px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}
    .comp3d-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
    .comp3d-label{font-size:.74rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:6px}
    .comp3d-badge{font-size:.6rem;padding:2px 7px;border-radius:6px;font-weight:700}
    .comp3d-canvas-wrap{position:relative;background:#1a1f2e;width:100%;height:420px;overflow:hidden}
    .comp3d-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}
    .comp3d-zoom-controls{
      position:absolute;
      right:10px;
      bottom:10px;
      z-index:30;
      display:flex;
      flex-direction:column;
      gap:6px;
      pointer-events:auto;
    }
    .comp3d-zoom-btn{
      width:34px;
      height:34px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(15,23,42,.82);
      color:#e2e8f0;
      font-size:1.1rem;
      font-weight:800;
      line-height:1;
      cursor:pointer;
      box-shadow:0 8px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
      backdrop-filter:blur(10px);
      transition:transform .08s ease, background .15s ease, border-color .15s ease;
    }
    .comp3d-zoom-btn:hover{
      background:rgba(34,211,238,.16);
      border-color:rgba(34,211,238,.55);
      color:#67e8f9;
    }
    .comp3d-zoom-btn:active{transform:translateY(1px) scale(.96)}
    .comp3d-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
    .comp3d-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.12);border-top-color:#22d3ee;border-radius:50%;animation:spin3d .7s linear infinite}
    @keyframes spin3d{to{transform:rotate(360deg)}}
    .comp3d-brand-sel{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06)}
    .comp3d-brand-btn{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#94a3b8;cursor:pointer;transition:all .15s}
    .comp3d-brand-btn:hover{background:rgba(255,255,255,.13);color:#f1f5f9}
    .comp3d-brand-btn.active{border-color:#22d3ee;color:#22d3ee;background:rgba(34,211,238,.1)}
    .comp3d-style-sel{display:flex;gap:5px;flex-wrap:wrap;padding:4px 12px 8px;border-top:1px solid rgba(255,255,255,.04)}
    .comp3d-swatch{width:24px;height:24px;border-radius:5px;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .12s,border-color .12s;flex-shrink:0}
    .comp3d-swatch:hover{transform:scale(1.18)}
    .comp3d-swatch.active{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.35)}
    .comp3d-info{font-size:.64rem;color:#64748b;padding:2px 12px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .comp3d-views{display:flex;gap:4px;padding:4px 12px 8px}
    .comp3d-view-btn{font-size:.62rem;padding:2px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;transition:background .12s}
    .comp3d-view-btn:hover{background:rgba(255,255,255,.12);color:#f1f5f9}
    .comp3d-view-btn.active{
      border-color:#22d3ee;
      background:rgba(34,211,238,.16);
      color:#22d3ee;
      box-shadow:0 0 0 1px rgba(34,211,238,.35);
    }

    .comp3d-views .comp3d-zoom-inline{
      margin-left:auto;
      display:flex;
      align-items:center;
      gap:4px;
      padding-left:8px;
      border-left:1px solid rgba(255,255,255,.09);
    }
    .comp3d-zoom-inline-label{
      font-size:.6rem;
      color:#64748b;
      font-weight:700;
      margin-right:2px;
    }
    .comp3d-zoom-inline .comp3d-zoom-btn{
      position:static;
      width:26px;
      height:24px;
      border-radius:6px;
      font-size:.95rem;
      box-shadow:none;
      backdrop-filter:none;
      background:rgba(255,255,255,.06);
    }

    /* ── Tabs del panel Comparativa visual 3D (Tirador · Encimera · Zócalo) ── */
    .comp3d-tab-row{display:flex;gap:4px;padding:6px 10px 4px;border-top:1px solid rgba(255,255,255,.06)}
    .comp3d-tab{font-size:.62rem;padding:2px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;transition:all .12s;white-space:nowrap}
    .comp3d-tab:hover{background:rgba(255,255,255,.12);color:#f1f5f9}
    .comp3d-tab.active{border-color:#22d3ee;color:#22d3ee;background:rgba(34,211,238,.1)}
    .comp3d-tab-pane{display:none}
    .comp3d-tab-pane.active{display:block}

    /* ── Comparativa Plano 2D ── */
    #comp-2d-section{margin-top:18px;animation:fadeSlide .3s ease}
    .comp2d-wrap{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
    .comp2d-panel{flex:1;min-width:280px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}
    .comp2d-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
    .comp2d-label{font-size:.74rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:6px}
    .comp2d-badge{font-size:.6rem;padding:2px 7px;border-radius:6px;font-weight:700}
    .comp2d-tab-row{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
    .comp2d-tab{font-size:.62rem;padding:2px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;transition:all .12s}
    .comp2d-tab:hover{background:rgba(255,255,255,.12);color:#f1f5f9}
    .comp2d-tab.active{border-color:#22d3ee;color:#22d3ee;background:rgba(34,211,238,.1)}
    .comp2d-canvas-wrap{position:relative;background:#0b1220;width:100%;min-height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center}
    .comp2d-canvas-wrap svg{display:block;width:100%;height:auto}
    .comp2d-info{font-size:.64rem;color:#64748b;padding:5px 12px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .comp2d-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.1);border-top-color:#22d3ee;border-radius:50%;animation:spin3d .7s linear infinite;position:absolute}

    /* ── Custom Product Dropdown with 3D Thumbnails ── */
    #custom-product-dropdown{position:relative;width:100%}
    #cpd-trigger{
      display:flex;align-items:center;gap:9px;
      width:100%;padding:8px 12px;
      background:linear-gradient(135deg,#0f1c2e 0%,#131f30 100%);
      border:1px solid rgba(255,255,255,.13);
      border-radius:.75rem;cursor:pointer;
      transition:border-color .18s,box-shadow .18s;
      min-height:0;height:auto;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    #cpd-trigger:hover{border-color:rgba(34,211,238,.45);box-shadow:0 0 0 3px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.06)}
    #cpd-trigger.open{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.15),inset 0 1px 0 rgba(255,255,255,.06)}
    #cpd-thumb{
      width:24px;height:24px;flex-shrink:0;border-radius:6px;
      overflow:hidden;background:#0a1220;
      border:1px solid rgba(255,255,255,.1);
      display:flex;align-items:center;justify-content:center;
      box-shadow:inset 0 1px 3px rgba(0,0,0,.5);
    }
    #cpd-thumb svg{width:28px;height:28px}
    #cpd-label{flex:1;text-align:left;overflow:hidden}
    #cpd-label-name{font-size:.8rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;transition:color .15s}
    #cpd-label-name.sel{color:#f1f5f9}
    #cpd-label-meta{font-size:.67rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;transition:color .15s}
    #cpd-label-meta.sel{color:#64748b}
    #cpd-arrow{color:#334155;font-size:.6rem;flex-shrink:0;transition:transform .22s,color .15s;margin-left:4px}
    #cpd-trigger:hover #cpd-arrow,#cpd-trigger.open #cpd-arrow{color:#22d3ee}
    #cpd-trigger.open #cpd-arrow{transform:rotate(180deg)}

    #cpd-list{
      position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;
      background:linear-gradient(180deg,#0d1829 0%,#0a1220 100%);
      border:1px solid rgba(34,211,238,.2);
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 0 1px rgba(34,211,238,.06);
      max-height:380px;overflow-y:auto;
      display:none;
    }
    #cpd-list.open{display:block;animation:cpdSlide .16s cubic-bezier(.16,1,.3,1)}
    @keyframes cpdSlide{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

    /* header strip inside list */
    #cpd-list-header{
      display:flex;align-items:center;justify-content:space-between;
      padding:8px 12px 6px;
      border-bottom:1px solid rgba(255,255,255,.07);
      background:rgba(255,255,255,.03);
    }
    #cpd-list-header-label{font-size:.66rem;font-weight:700;color:#475569;letter-spacing:.06em;text-transform:uppercase}
    #cpd-list-count{font-size:.64rem;color:#22d3ee;font-weight:600}

    .cpd-option{
      display:flex;align-items:center;gap:10px;
      padding:8px 12px;cursor:pointer;
      border-bottom:1px solid rgba(255,255,255,.04);
      position:relative;
      transition:background .09s;
    }
    .cpd-option:last-child{border-bottom:none}
    .cpd-option::before{
      content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
      background:#22d3ee;opacity:0;transition:opacity .12s;border-radius:0 2px 2px 0;
    }
    .cpd-option:hover{background:rgba(34,211,238,.07)}
    .cpd-option:hover::before{opacity:.6}
    .cpd-option.cpd-sel{background:rgba(34,211,238,.12)}
    .cpd-option.cpd-sel::before{opacity:1}
    .cpd-option.cpd-placeholder{opacity:.6}

    .cpd-option-thumb{
      width:46px;height:46px;flex-shrink:0;border-radius:9px;
      overflow:hidden;
      background:#080f1a;
      border:1px solid rgba(255,255,255,.09);
      display:flex;align-items:center;justify-content:center;
      box-shadow:inset 0 1px 4px rgba(0,0,0,.6);
      position:relative;
    }
    .cpd-option-thumb::after{
      content:'';position:absolute;inset:0;border-radius:9px;
      background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%);
      pointer-events:none;
    }
    .cpd-option-thumb svg{width:46px;height:46px}

    .cpd-option-info{flex:1;min-width:0}
    .cpd-option-name{
      font-size:.77rem;font-weight:600;color:#e2e8f0;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;
    }
    .cpd-option-sub{
      display:flex;align-items:center;gap:5px;margin-top:2px;
    }
    .cpd-option-brand{
      font-size:.63rem;font-weight:700;color:#334155;
      background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
      border-radius:4px;padding:1px 5px;white-space:nowrap;
    }
    .cpd-option-price{font-size:.7rem;font-weight:700;color:#22d3ee;white-space:nowrap}
    .cpd-option-dims{font-size:.62rem;color:#475569;white-space:nowrap}

    .cpd-option-badge{
      flex-shrink:0;width:22px;height:22px;border-radius:6px;
      display:flex;align-items:center;justify-content:center;
      font-size:.55rem;font-weight:800;color:#0f172a;
      background:linear-gradient(135deg,#22d3ee,#06b6d4);
      opacity:0;transition:opacity .12s;
    }
    .cpd-option:hover .cpd-option-badge,.cpd-option.cpd-sel .cpd-option-badge{opacity:1}

    /* brand color accents */
    .cpd-brand-ikea .cpd-option-brand{color:#22d3ee;border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.08)}
    .cpd-brand-obramat .cpd-option-brand{color:#f97316;border-color:rgba(249,115,22,.2);background:rgba(249,115,22,.08)}
    .cpd-brand-lm .cpd-option-brand{color:#10b981;border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.08)}
    .cpd-brand-bauhaus .cpd-option-brand{color:#eab308;border-color:rgba(234,179,8,.2);background:rgba(234,179,8,.08)}

    #cpd-list::-webkit-scrollbar{width:4px}
    #cpd-list::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}
    #cpd-list::-webkit-scrollbar-thumb{background:rgba(34,211,238,.25);border-radius:2px}

    /* Hero visual clean mode */
    /* Hero visual clean mode */
    #inicio.hero-visual-clean .hero-copy{display:none}
    #inicio.hero-visual-clean .hero-grid{display:block;max-width:none;padding:0}
    #inicio.hero-visual-clean .hero-visual-wrap{padding:0}
    #inicio.hero-visual-clean .hero-visual{
      position:relative;
      min-height:300px;
      height:300px;
      width:100%;
      background:#0f2143;
      overflow:hidden;
      border-radius:0;
      box-shadow:none;
      backdrop-filter:none;
      border:none;
    }
    #inicio.hero-visual-clean .hero-visual img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      transform:scale(1.26);
      transform-origin:center center;
      pointer-events:none;
      user-select:none;
    }
    @media (min-width: 768px){
      #inicio.hero-visual-clean .hero-visual{height:298px;min-height:298px}
      #inicio.hero-visual-clean .hero-visual img{transform:scale(1.32)}
    }
    @media (min-width: 1280px){
      #inicio.hero-visual-clean .hero-visual img{transform:scale(1.38)}
    }

    .hero-blueprint{
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.05), transparent 35%),
        radial-gradient(circle at 80% 30%, rgba(34,211,238,.06), transparent 30%),
        linear-gradient(180deg, #102549 0%, #0b1d3a 100%);
    }
    .hero-blueprint-svg{
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:auto;
      width:100%;
      height:82%;
      padding:0 28px;
      object-fit:contain;
      object-position:top center;
      opacity:.95;
      transform:translateX(18%) scale(1.12);
      transform-origin:top center;
      filter:
        drop-shadow(0 0 10px rgba(255,255,255,.08))
        drop-shadow(0 0 22px rgba(34,211,238,.08));
    }
    .hero-blueprint-svg .cls-1{vector-effect:non-scaling-stroke}
    @media (min-width:768px){
      .hero-blueprint-svg{padding:0 36px;transform:translateX(18%) scale(1.12);height:82%}
    }
    @media (min-width:1280px){
      .hero-blueprint-svg{transform:translateX(22%) scale(1.15);height:82%}
    }