/* ========================================================= pm.ai3d.art — переключатель стиля: neobrutalism + neo-glass 3D Дефолт не меняется; темы включаются классом .brutal / .glass на ========================================================= */ /* ---------- Кнопка переключения (верхний левый угол) ---------- */ .style-switch{position:fixed;top:12px;left:12px;z-index:3000;display:inline-flex;align-items:center; gap:6px;padding:5px 10px;border-radius:999px;font-weight:600;font-size:.68rem;letter-spacing:.02em; cursor:pointer;background:rgba(255,255,255,.9);color:#111;border:1px solid rgba(0,0,0,.12); box-shadow:0 8px 26px -12px rgba(10,20,32,.4);transition:transform .18s ease,box-shadow .18s ease; backdrop-filter:blur(6px);font-family:inherit} .style-switch .ss-dot{width:8px;height:8px;border-radius:50%; background:linear-gradient(135deg,#a8303f,#8f2734);flex-shrink:0} .style-switch:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px rgba(10,20,32,.5)} .glass-scene{position:fixed;inset:0;z-index:0;display:none; background:linear-gradient(135deg,#160e3a 0%,#0d3b52 45%,#5a1140 100%); background-size:200% 200%;animation:glassGrad 22s ease infinite} .glass .glass-scene{display:block} @keyframes glassGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} /* ========================================================= НЕОБРУТАЛИЗМ ========================================================= */ .brutal{--nb:#111;--nb-bg:#f4ede0;--nb-y:#ffd23f;--nb-p:#ff5470;--nb-b:#5d5fef;--nb-l:#c6f24e} .brutal body{background:var(--nb-bg);color:var(--nb)} .brutal h1,.brutal h2,.brutal h3{text-transform:uppercase;letter-spacing:-.01em} .brutal .eyebrow{color:var(--nb)} .brutal .eyebrow::before{background:var(--nb)} .brutal .style-switch{background:var(--nb);color:var(--nb-y);border:3px solid var(--nb); border-radius:0;box-shadow:4px 4px 0 var(--nb-p)} .brutal .style-switch .ss-dot{background:var(--nb-y);border-radius:0} .brutal .site-header{background:var(--nb-y);border-bottom:4px solid var(--nb);backdrop-filter:none} .brutal .brand-mark{border-radius:0;border:2px solid var(--nb);background:#fff;color:var(--nb)} .brutal .nav-list a{color:var(--nb)} .brutal .nav-list a.is-active{color:var(--nb)} .brutal .nav-cta{background:var(--nb);color:var(--nb-y);border:2px solid var(--nb);border-radius:0;box-shadow:3px 3px 0 var(--nb-p)} .brutal .nav-cta:hover{background:var(--nb);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-p)} .brutal .hero::after{background:linear-gradient(90deg,rgba(17,17,17,.72),rgba(17,17,17,.15))} .brutal .hero h1 .hl{background:var(--nb-y);-webkit-text-fill-color:initial;color:var(--nb-y); -webkit-background-clip:initial;background-clip:initial} .brutal .hero-kicker{border:2px solid var(--nb-y);border-radius:0;color:var(--nb-y)} .brutal .hero-badge{border:3px solid #fff;border-radius:0;background:rgba(0,0,0,.35);padding:14px 16px} .brutal .btn{border-radius:0} .brutal .btn-primary{background:var(--nb-y);color:var(--nb);border:3px solid var(--nb);box-shadow:5px 5px 0 var(--nb)} .brutal .btn-primary::after{display:none} .brutal .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--nb)} .brutal .btn-ghost{background:#fff;color:var(--nb);border:3px solid var(--nb);box-shadow:4px 4px 0 var(--nb)} .brutal .btn-outline{border:3px solid var(--nb);color:var(--nb);border-radius:0} .brutal .card,.brutal .stat,.brutal .proj,.brutal .bento-cell,.brutal .contact-card,.brutal .spec{ border:3px solid var(--nb)!important;border-radius:0!important;box-shadow:6px 6px 0 var(--nb)!important; background:#fff!important} .brutal .card::before,.brutal .stat::before{display:none} .brutal .card:hover,.brutal .proj:hover,.brutal .bento-cell:hover{transform:translate(-3px,-3px); box-shadow:9px 9px 0 var(--nb)!important} .brutal .stat:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--nb)!important} .brutal .card .ico{border-radius:0;border:2px solid var(--nb);background:var(--nb-l);color:var(--nb)} .brutal .card:hover .ico{background:var(--nb-p);color:var(--nb)} .brutal .stat b,.brutal .card h3,.brutal .card .more{color:var(--nb)} .brutal .card .more{color:var(--nb)} .brutal .proj-tag{border-radius:0;border:2px solid var(--nb);background:var(--nb-y);color:var(--nb)} .brutal .cta-band{background:var(--nb-b);border:4px solid var(--nb)} .brutal .site-footer{background:var(--nb);color:#fff;border-top:5px solid var(--nb-y)} /* ========================================================= NEO GLASS 3D ========================================================= */ .glass body{background:#0d0a24;color:#eef1ff} .glass .site-header,.glass main,.glass .site-footer,.glass .page-hero,.glass .section{position:relative;z-index:1} .glass .hero{z-index:1} .glass .style-switch{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(10px) saturate(140%)} .glass .style-switch .ss-dot{background:linear-gradient(135deg,#7c5cff,#4de1ff)} .glass .site-header{background:rgba(13,10,36,.55);backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid rgba(255,255,255,.12)} .glass .brand-text b{color:#fff} .glass .brand-text small{color:#9fb0d0} .glass .nav-list a{color:#c3c9ee} .glass .nav-list a:hover,.glass .nav-list a.is-active{color:#fff} .glass .nav-cta{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)} .glass .eyebrow{color:#9fe6ff} .glass .eyebrow::before{background:linear-gradient(135deg,#7c5cff,#4de1ff)} .glass h2,.glass h3,.glass .section-head h2{color:#fff} .glass .lead,.glass p{color:#c3c9ee} .glass .btn-primary{background:linear-gradient(135deg,#7c5cff,#4de1ff);color:#0d0a24;box-shadow:0 18px 40px -14px rgba(124,92,255,.6)} .glass .btn-primary::after{display:none} .glass .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)} .glass .btn-outline{color:#fff;border-color:rgba(255,255,255,.4)} .glass .card,.glass .stat,.glass .proj,.glass .bento-cell,.glass .contact-card,.glass .spec{ background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important; border-radius:18px!important;box-shadow:0 20px 50px -26px rgba(0,0,0,.55)!important; backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:#eef1ff} .glass .card::before,.glass .stat::before{display:none} .glass .card:hover,.glass .proj:hover,.glass .bento-cell:hover{transform:translateY(-5px); border-color:rgba(159,230,255,.5)!important;box-shadow:0 30px 60px -26px rgba(76,225,255,.4)!important} .glass .card h3,.glass .stat b{color:#fff} .glass .stat b{background:linear-gradient(135deg,#9fe6ff,#c6b3ff);-webkit-background-clip:text; background-clip:text;-webkit-text-fill-color:transparent} .glass .card p,.glass .stat span{color:#c3c9ee} .glass .card .ico{background:rgba(255,255,255,.12);color:#9fe6ff} .glass .card .more{color:#9fe6ff} .glass .proj-tag{background:rgba(124,92,255,.75);color:#fff} .glass .cta-band{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)} .glass .site-footer{background:rgba(10,8,30,.6);color:#c3c9ee;backdrop-filter:blur(10px); border-top:1px solid rgba(255,255,255,.12)}