/*
 * «Печать на стекле» service page (templates/template-pechat.php), Nov 2026 – v2.
 * Uses the 2026 layout tokens from layout.css (.layout-2026 on <body>).
 * Sections: hero (print scan), compare + scratch test, process scene (.pr), advantages,
 * uses, colours, order steps, form, FAQ, other services. Motion respects prefers-reduced-motion.
 */
.pg26{--pg-teal:var(--c-teal-btn,#067a8a);--pg-teal-l:var(--c-teal-light,#23bacf);--pg-cyan:#7fe3f0;--pg-deep:var(--c-deep,#0b2a31);--pg-deeper:#061a1f;--pg-ink:var(--c-ink,#121316);--pg-ink3:var(--c-ink-3,#3a3f45);--pg-grey:var(--c-grey,#6e7378);--pg-line:var(--c-line,#e2e2de);--pg-soft:var(--c-bg-card,#f4f7f8);--pg-gap:clamp(64px,6.6vw,128px);--pg-ease:cubic-bezier(.22,1,.36,1);font-family:var(--ff,"Cera Pro",Arial,sans-serif);color:var(--pg-ink);font-size:16px;line-height:1.5;overflow-x:clip}
.pg26 *,.pg26 *::before,.pg26 *::after{box-sizing:border-box}
.pg26 :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
.pg26 :where(ul,ol){list-style:none}
.pg26 a{text-decoration:none}
.pg26 img{display:block;max-width:100%}
.pg26 button{font-family:inherit}
.pg26__wrap{position:relative;width:100%;max-width:calc(var(--container,1792px) + var(--gutter,32px) * 2);margin:0 auto;padding:0 var(--gutter,32px)}

/* ---------- typography ---------- */
.pg26-h1{color:#fff;font-family:var(--ff);font-weight:900;text-transform:uppercase;font-size:clamp(32px,3.3vw,62px);line-height:1.04;letter-spacing:-.015em;margin:20px 0 24px}
.pg26-h2{color:var(--pg-ink);font-family:var(--ff);font-weight:900;text-transform:uppercase;font-size:clamp(28px,2.5vw,48px);line-height:1.08;letter-spacing:-.01em;margin:0 0 18px}
.pg26 :where(h3){color:var(--pg-ink);font-family:var(--ff);font-weight:700;font-size:clamp(17px,1.15vw,21px);line-height:1.25;margin:0 0 8px}
.pg26-lead{font-size:clamp(17px,1.2vw,22px);line-height:1.5;max-width:640px}
.pg26-text{font-size:clamp(16px,1.05vw,19px);line-height:1.6;max-width:720px}
.pg26-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pg-teal)}
.pg26-kicker::before{content:"";width:28px;height:2px;background:currentColor}
.pg26-note{color:var(--pg-grey);font-size:13px;line-height:1.45;margin-top:18px;max-width:440px}

/* ---------- buttons ---------- */
.pg26-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,2.2vw,40px)}
.pg26-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 32px;font-family:var(--ff);font-size:16px;font-weight:700;line-height:1.2;border:1px solid var(--pg-teal);overflow:hidden;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,translate .3s ease,box-shadow .3s ease}
.pg26-btn:hover{translate:0 -2px}
.pg26-btn--primary{background:var(--pg-teal);color:#fff;box-shadow:0 10px 30px rgba(6,122,138,.35)}
.pg26-btn--primary::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s ease}
.pg26-btn--primary:hover{background:#056b79;border-color:#056b79;color:#fff;box-shadow:0 14px 36px rgba(6,122,138,.45)}
.pg26-btn--primary:hover::after{left:120%}
.pg26-btn--outline{background:#fff;color:var(--pg-teal)}
.pg26-btn--outline:hover{background:#eef6f7;color:var(--pg-teal)}
/* hero call to action – the one focus of the first screen (calmer site teal, no glow – user 10 Nov: «too bright») */
.pg26-btn.pg26-btn--hero{padding:24px 46px;gap:14px;font-size:clamp(18px,1.25vw,21px);font-weight:900;border:0;color:#fff;background:linear-gradient(100deg,#056b79 0%,#067a8a 60%,#0a8798 100%);box-shadow:0 0 0 1px rgba(127,227,240,.2),0 12px 30px rgba(0,0,0,.28)}
.pg26-btn.pg26-btn--hero:hover{color:#fff;background:linear-gradient(100deg,#067a8a 0%,#088596 60%,#0c92a3 100%);box-shadow:0 0 0 1px rgba(127,227,240,.32),0 14px 34px rgba(0,0,0,.32)}
.pg26-btn--hero svg{flex:none;transition:transform .3s ease}
.pg26-btn--hero:hover svg{transform:translateX(4px)}
.pg26-btn--hero::after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.14),transparent);animation:pgCta 6s 3s ease-in-out infinite}
@keyframes pgCta{0%,70%{left:-60%}100%{left:130%}}
.pg26-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.pg26-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}

/* ---------- services sub-bar ---------- */
.pg26-sub{background:var(--pg-soft);border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line)}
.pg26-sub__inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;min-height:48px;padding-top:10px;padding-bottom:10px;font-size:15px}
.pg26-sub__label{color:var(--pg-grey)}
.pg26-sub a.pg26-sub__label{color:var(--pg-grey)}.pg26-sub a.pg26-sub__label:hover{color:var(--pg-teal)}
.pg26-sub a{color:var(--pg-ink);transition:color .3s ease}
.pg26-sub a:hover,.pg26-sub a[aria-current]{color:var(--pg-teal)}
.pg26-sub a[aria-current]{font-weight:700}
.pg26 [id^="pechat-"]{scroll-margin-top:96px}
/* «На странице» – chips at the bottom of the dark hero */
.pg26-toc{position:relative;z-index:2;margin-top:clamp(36px,3.4vw,64px)}
.pg26-hero:has(.pg26-toc){padding-bottom:clamp(28px,2.6vw,48px)}
.pg26-toc__inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:clamp(20px,1.8vw,28px);border-top:1px solid rgba(255,255,255,.12)}
.pg26-toc__label{margin-right:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.pg26-toc a{display:inline-flex;align-items:center;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.2;color:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);transition:color .25s ease,border-color .25s ease,background-color .25s ease}
.pg26-toc a:hover{color:#7fe3f0;border-color:rgba(127,227,240,.5);background:rgba(127,227,240,.08)}

/* ---------- hero ---------- */
.pg26-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(44px,4.6vw,92px) 0 clamp(64px,6.4vw,124px);background:radial-gradient(120% 90% at 85% 0%,#14505b 0%,var(--pg-deep) 46%,var(--pg-deeper) 100%)}
.pg26-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 75%);pointer-events:none}
.pg26-hero__ink{position:absolute;inset:0;pointer-events:none;filter:blur(70px);opacity:.6}
.pg26-hero__ink i{position:absolute;display:block;width:44vw;height:44vw;max-width:760px;max-height:760px;border-radius:50%}
.pg26-hero__ink i:nth-child(1){left:-14%;top:22%;background:radial-gradient(circle,rgba(35,186,207,.55),transparent 66%);animation:pgFloat 18s ease-in-out infinite alternate}
.pg26-hero__ink i:nth-child(2){right:12%;top:-34%;background:radial-gradient(circle,rgba(190,53,102,.42),transparent 66%);animation:pgFloat 22s ease-in-out -6s infinite alternate-reverse}
.pg26-hero__ink i:nth-child(3){right:-16%;bottom:-40%;background:radial-gradient(circle,rgba(242,193,78,.32),transparent 66%);animation:pgFloat 20s ease-in-out -3s infinite alternate}
.pg26-hero__ink--soft{opacity:.35}
@keyframes pgFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(6vw,-4vw,0) scale(1.15)}}
.pg26-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4.4vw,96px);align-items:center}
.pg26-hero .pg26-lead{color:rgba(255,255,255,.88)}
/* site style.min.css sets h1,h2,h3{color:#111} – headings on dark backgrounds need their own colour */
.pg26-hero .pg26-h1{color:#fff;text-shadow:0 0 40px rgba(127,227,240,.4)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.pg26-hero .pg26-h1{background:linear-gradient(100deg,#fff 0%,#fff 48%,#d4f8fc 72%,#8fe9f4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 26px rgba(127,227,240,.35))}}
.pg26-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 7px;background:linear-gradient(90deg,#e2412a,#be3566);color:#fff;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 26px rgba(190,53,102,.35)}
.pg26-badge i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pgPulseW 1.5s ease-out infinite}
@keyframes pgPulseW{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@keyframes pgPulse{0%{box-shadow:0 0 0 0 rgba(127,227,240,.7)}100%{box-shadow:0 0 0 12px rgba(127,227,240,0)}}
.pg26-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(30px,2.6vw,48px);max-width:760px}
.pg26-facts li{padding:16px 14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pg26-facts b{display:block;color:#fff;font-size:clamp(22px,1.6vw,30px);font-weight:900;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.pg26-facts b span{font:inherit;color:inherit;margin:0}
.pg26-facts li>span{display:block;color:rgba(255,255,255,.62);font-size:13px;line-height:1.35;margin-top:8px}

.pg26-hero__media{position:relative;perspective:1600px}
.pg26-hero__frame{position:relative;aspect-ratio:5/4;overflow:hidden;background:linear-gradient(135deg,rgba(190,235,245,.16),rgba(120,200,220,.05) 55%,rgba(190,235,245,.14));border:1px solid rgba(200,240,250,.35);box-shadow:0 50px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0 60px rgba(127,227,240,.08);transform:rotateY(-9deg) rotateX(4deg);transition:transform .9s var(--pg-ease)}
.pg26-hero__media:hover .pg26-hero__frame{transform:rotateY(-3deg) rotateX(1deg)}
.pg26-hero__frame::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 8px);pointer-events:none}
.pg26-hero__printed{position:absolute;inset:0;animation:pgPrint 2s .35s cubic-bezier(.6,.05,.3,1) both}
.pg26-hero__printed img{width:100%;height:100%;object-fit:cover}
.pg26-hero__scan{position:absolute;left:-2%;right:-2%;top:-6%;height:22px;background:linear-gradient(180deg,transparent,rgba(127,227,240,.85) 42%,#fff 50%,rgba(127,227,240,.85) 58%,transparent);box-shadow:0 0 34px 10px rgba(35,186,207,.45);animation:pgScan 2s .35s cubic-bezier(.6,.05,.3,1) both;pointer-events:none}
.pg26-hero__glare{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 47%,rgba(255,255,255,.05) 52%,transparent 62%);background-size:260% 100%;background-position:120% 0;animation:pgGlare 5s 2.5s ease-in-out infinite;pointer-events:none}
@keyframes pgPrint{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pgScan{0%{top:-6%;opacity:1}92%{top:100%;opacity:1}100%{top:104%;opacity:0}}
@keyframes pgGlare{0%,55%{background-position:120% 0}100%{background-position:-60% 0}}
.pg26-hero__chip{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:700;color:#fff;background:rgba(8,32,38,.72);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.35);animation:pgBob 4.5s ease-in-out infinite;white-space:nowrap}
.pg26-hero__chip i{width:10px;height:10px;border-radius:50%;background:conic-gradient(#f2c14e,#be3566,#1a3d8a,#23bacf,#f2c14e)}
.pg26-hero__chip--a{left:-5%;bottom:9%}
.pg26-hero__chip--b{right:-3%;top:8%;font-size:18px;font-weight:900;background:linear-gradient(135deg,rgba(255,138,60,.92),rgba(226,65,42,.92));border-color:rgba(255,200,150,.5);animation-delay:-2.25s}
@keyframes pgBob{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* ---------- reveal on scroll ---------- */
.pg26-js .pg26 [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s var(--pg-ease),transform .6s var(--pg-ease);transition-delay:var(--d,0ms)}
.pg26-js .pg26 [data-reveal].is-in{opacity:1;transform:none}

/* ---------- plain sections ---------- */
.pg26-sec{padding:var(--pg-gap) 0}
.pg26-sec+.pg26-sec:not(.pg26-soft){padding-top:0}
.pg26-soft+.pg26-sec{padding-top:var(--pg-gap)}
.pg26-soft{background:var(--pg-soft)}
.pg26-dark{position:relative;overflow:hidden;background:radial-gradient(110% 120% at 0% 0%,#123f48 0%,var(--pg-deep) 50%,var(--pg-deeper) 100%);color:#fff;padding:var(--pg-gap) 0}
.pg26-dark .pg26-text{color:rgba(255,255,255,.8)}
.pg26-dark .pg26-h2,.pg26-proc .pg26-h2,.pg26-dark :where(h3),.pg26-proc :where(h3){color:#fff}
.pg26-dark .pg26-kicker,.pg26-proc .pg26-kicker{color:var(--pg-cyan)}

/* ---------- compare + scratch test ---------- */
.pg26-compare__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4.4vw,96px);align-items:center}
.pg26-scratch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(26px,2.2vw,40px);max-width:640px}
.pg26-scratch__item{padding:14px 14px 16px;background:#fff;border:1px solid var(--pg-line)}
.pg26-scratch__item b{display:block;font-size:15px}
.pg26-scratch__item>span{display:block;font-size:13px;color:var(--pg-grey)}
.pg26-scratch__item--cer{border-color:var(--pg-teal);box-shadow:0 10px 28px rgba(6,122,138,.12)}
.pg26-scratch__item--cer>span{color:var(--pg-teal);font-weight:700}
.pg26-scratch__glass{position:relative;height:64px;margin-bottom:12px;overflow:hidden}
.pg26-scratch__glass::before{content:"";position:absolute;left:0;right:0;bottom:6px;height:28px;background:linear-gradient(180deg,#d9f0f4,#b4dbe3);border:1px solid #96c7d1;z-index:0}
.pg26-scratch__layer{position:absolute;left:0;right:0;bottom:34px;height:6px;background:linear-gradient(90deg,#f2c14e,#d9612e 25%,#be3566 50%,#4e4785 75%,#1a3d8a);z-index:1}
.pg26-scratch__layer::after{content:"";position:absolute;left:0;top:-3px;bottom:-3px;width:0;background:#fff;animation:pgWipe 2.6s ease-in-out infinite}
.pg26-scratch__item--film .pg26-scratch__layer{bottom:35px;height:5px;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.pg26-scratch__item--uv .pg26-scratch__layer{height:4px}
.pg26-scratch__item--uv .pg26-scratch__layer::after{background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 8px)}
.pg26-scratch__item--cer .pg26-scratch__layer{bottom:27px;height:5px;z-index:0}
.pg26-scratch__item--cer .pg26-scratch__layer::after{display:none}
.pg26-scratch__item--cer .pg26-scratch__glass::after{content:"";position:absolute;left:0;right:0;bottom:26px;height:8px;background:linear-gradient(180deg,rgba(217,240,244,.75),rgba(217,240,244,.35));z-index:1}
.pg26-scratch__blade{position:absolute;bottom:33px;left:-30px;width:26px;height:30px;background:linear-gradient(135deg,#c9d1d4,#8c979b);clip-path:polygon(0 0,70% 0,100% 100%,40% 100%);z-index:2;animation:pgBlade 2.6s ease-in-out infinite}
@keyframes pgBlade{0%,8%{left:-30px}62%{left:calc(100% + 4px)}100%{left:calc(100% + 4px)}}
@keyframes pgWipe{0%,8%{width:0;opacity:1}62%{width:100%;opacity:1}88%{width:100%;opacity:1}100%{width:100%;opacity:0}}

.pg26-table-wrap{overflow-x:auto}
.pg26-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:15px;min-width:440px}
.pg26-table th,.pg26-table td{text-align:left;font-weight:400;padding:16px 14px;vertical-align:top}
.pg26-table thead th{color:var(--pg-grey);font-size:14px;padding-top:0;padding-bottom:4px}
.pg26-table thead th:last-child{color:var(--pg-teal);font-weight:700}
.pg26-table tbody th,.pg26-table tbody td{background:var(--pg-soft)}
.pg26-table tbody th{color:var(--pg-ink);font-weight:700;width:32%}
.pg26-table tbody td{color:var(--pg-ink3)}
.pg26-table tbody td:last-child{font-weight:700;color:#fff;background:var(--pg-teal)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- process scene ---------- */
.pg26-proc{position:relative;overflow:hidden;padding:var(--pg-gap) 0;color:#fff;background:radial-gradient(90% 70% at 50% 0%,#12434d 0%,var(--pg-deep) 55%,var(--pg-deeper) 100%)}
.pg26-proc__head{max-width:860px;margin-bottom:clamp(28px,2.6vw,48px)}
.pg26-proc .pg26-text{color:rgba(255,255,255,.75)}
.pr{position:relative;--ms:4000ms;--heat:0}
.pr__view{position:relative;aspect-ratio:16/8.4;min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(70% 70% at 50% 45%,#134b56 0%,#0a2d35 55%,#06191e 100%)}
.pr__view::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.pr__view::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 50% 55%,rgba(255,120,40,.55),transparent 70%);opacity:0;transition:opacity .85s ease;pointer-events:none;mix-blend-mode:screen}
.pr[data-stage="2"] .pr__view::after{opacity:.28}
.pr[data-stage="3"] .pr__view::after{opacity:.85}
.pr[data-stage="4"] .pr__view::after{animation:prFade var(--ms) ease-out forwards}
@keyframes prFade{from{opacity:.85}45%{opacity:0}to{opacity:0}}

.pr__hud{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(16px,1.6vw,28px)}
.pr__hud-stage{display:flex;align-items:baseline;gap:8px;font-size:14px;color:rgba(255,255,255,.55)}
.pr__hud-stage em{font-style:normal;font-weight:900;font-size:clamp(30px,2.4vw,44px);line-height:1;color:var(--pg-cyan);font-variant-numeric:tabular-nums}
.pr__hud-stage b{margin-left:10px;font-size:clamp(16px,1.3vw,22px);font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.pr__hud-temp{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(6,25,30,.6);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;color:rgba(255,255,255,.7)}
.pr__hud-temp b{min-width:3ch;text-align:right;font-size:clamp(22px,1.7vw,30px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.pr__therm{position:relative;display:block;width:8px;height:34px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.pr__therm i{position:absolute;left:0;right:0;bottom:0;height:calc(12% + var(--heat) * 88%);background:linear-gradient(0deg,#5fd0e0,#f2c14e 50%,#ff5a1f);background-size:100% 34px;background-position:bottom;transition:height .2s linear}

.pr__world{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 30%}
.pr__plane{position:absolute;left:52%;top:55%;width:min(54%,740px);aspect-ratio:3/2;transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-30deg);transform-style:preserve-3d}
.pr__floor{position:absolute;inset:-16% -22%;transform:translateZ(-14px);background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 8px,transparent 8px 38px);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}
.pr__glass{position:absolute;inset:0;transform:translateZ(6px);overflow:hidden;background:linear-gradient(135deg,rgba(190,235,245,.22),rgba(120,200,220,.08) 55%,rgba(190,235,245,.2));border:1px solid rgba(200,240,250,.6);box-shadow:-10px 10px 0 -2px rgba(120,200,215,.22),0 40px 70px rgba(0,0,0,.5);transition:box-shadow .85s ease,border-color .85s ease}
.pr__print{position:absolute;inset:5%;background:linear-gradient(135deg,#f2c14e,#d9612e 30%,#be3566 55%,#1a3d8a 80%,#23bacf) center/cover no-repeat;clip-path:inset(0 0 100% 0);transition:filter 1s ease}
.pr__wet,.pr__heat,.pr__cool,.pr__shine{position:absolute;inset:0;opacity:0;pointer-events:none}
.pr__wet{background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.7) 0 2px,transparent 3px),radial-gradient(circle at 42% 64%,rgba(255,255,255,.6) 0 3px,transparent 4px),radial-gradient(circle at 70% 24%,rgba(255,255,255,.6) 0 2px,transparent 3px),radial-gradient(circle at 82% 70%,rgba(255,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 30% 82%,rgba(255,255,255,.5) 0 2px,transparent 3px),linear-gradient(120deg,rgba(127,227,240,.35),rgba(127,227,240,.1))}
.pr__heat{background:radial-gradient(ellipse at 50% 50%,rgba(255,170,80,.75),rgba(255,90,20,.35) 60%,rgba(255,60,0,.1) 90%);mix-blend-mode:screen;transition:opacity .85s ease}
.pr__heat::after{content:"";position:absolute;inset:-20% 0;background:repeating-linear-gradient(180deg,rgba(255,220,160,0) 0 10px,rgba(255,220,160,.22) 10px 12px);animation:prWaves .8s linear infinite}
@keyframes prWaves{to{transform:translateY(22px)}}
.pr__cool{background:repeating-linear-gradient(90deg,rgba(210,245,255,0) 0 16px,rgba(210,245,255,.45) 16px 18px),linear-gradient(120deg,rgba(127,227,240,.35),rgba(127,227,240,.05));background-size:36px 100%,100% 100%;animation:prAir .4s linear infinite}
@keyframes prAir{to{background-position:36px 0,0 0}}
.pr__shine{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 46%,rgba(255,255,255,.1) 52%,transparent 64%);background-size:260% 100%;background-position:130% 0}

.pr__brush{position:absolute;top:-6%;bottom:-6%;left:-14%;width:6%;transform:translateZ(22px);border-radius:30px;background:repeating-linear-gradient(0deg,#7fe3f0 0 3px,#2aa9bc 3px 6px);box-shadow:0 0 22px rgba(127,227,240,.7);opacity:0}
.pr__head{position:absolute;left:-9%;right:-9%;top:-20%;height:12%;opacity:0;transform:translateZ(48px);transform-style:preserve-3d;border-radius:3px;background:linear-gradient(180deg,#f3f7f8,#b2bec2);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.2)}
.pr__head::before{content:"";position:absolute;left:3%;width:9%;top:18%;bottom:18%;background:var(--pg-teal);border-radius:2px;box-shadow:0 0 10px rgba(35,186,207,.8)}
.pr__head::after{content:"";position:absolute;left:14%;right:14%;top:60%;height:48px;transform-origin:top center;transform:rotateX(-90deg);background:repeating-linear-gradient(90deg,rgba(242,193,78,.85) 0 2px,transparent 2px 10px,rgba(190,53,102,.85) 10px 12px,transparent 12px 20px,rgba(35,186,207,.9) 20px 22px,transparent 22px 30px);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25));opacity:0}
.pr__nozzles{position:absolute;left:14%;right:14%;bottom:-3px;height:4px;display:flex;gap:4px}
.pr__nozzles i{flex:1;background:var(--c);box-shadow:0 0 10px var(--c)}
.pr__lamps,.pr__oven,.pr__jets{position:absolute;opacity:0;transition:opacity .55s ease;pointer-events:none}
.pr__lamps{inset:6% -6%;transform:translateZ(72px);display:flex;flex-direction:column;justify-content:space-between}
.pr__lamps i{height:7%;border-radius:10px;background:linear-gradient(180deg,#ffb08a,#ff5a3a);box-shadow:0 0 26px 8px rgba(255,80,40,.55)}
.pr__oven{inset:-8% -12%;transform:translateZ(96px);display:flex;justify-content:space-between}
.pr__oven i{width:3.5%;border-radius:10px;background:linear-gradient(90deg,#ffd08a,#ff6a1f 50%,#ffd08a);box-shadow:0 0 34px 12px rgba(255,110,30,.55)}
.pr__jets{inset:-4% -8%;transform:translateZ(64px);display:flex;flex-direction:column;justify-content:space-between}
.pr__jets i{height:5%;border-radius:10px;background:linear-gradient(90deg,#e6f9ff,#7fd3ea);box-shadow:0 0 18px 4px rgba(127,211,234,.6)}

/* stage 0 – подготовка */
.pr[data-stage="0"] .pr__brush{animation:prBrush var(--ms) ease-in-out forwards}
.pr[data-stage="0"] .pr__wet{animation:prWet var(--ms) ease-in-out forwards}
.pr[data-stage="0"] .pr__glass{animation:prEdge var(--ms) ease-in-out forwards}
@keyframes prBrush{0%{left:-14%;opacity:0}10%{opacity:1}85%{left:104%;opacity:1}100%{left:110%;opacity:0}}
@keyframes prWet{0%{opacity:0}30%,60%{opacity:1}100%{opacity:0}}
@keyframes prEdge{0%,20%{border-color:rgba(200,240,250,.6)}50%{border-color:#7fe3f0;box-shadow:0 0 0 2px rgba(127,227,240,.6),-10px 10px 0 -2px rgba(120,200,215,.22),0 40px 70px rgba(0,0,0,.5)}100%{border-color:rgba(200,240,250,.6)}}
/* stage 1 – печать */
.pr[data-stage="1"] .pr__head{animation:prHead var(--ms) linear forwards}
.pr[data-stage="1"] .pr__head::after{animation:prSpray .18s steps(2) infinite}
.pr[data-stage="1"] .pr__print{animation:prReveal var(--ms) linear forwards}
.pr[data-stage="1"] .pr__nozzles i{animation:prBlink .2s ease-in-out infinite alternate}
@keyframes prHead{0%{top:-20%;opacity:0}8%{top:-1%;opacity:1}90%{top:89%;opacity:1}100%{top:104%;opacity:0}}
@keyframes prReveal{0%,8%{clip-path:inset(0 0 100% 0)}90%,100%{clip-path:inset(0 0 0 0)}}
@keyframes prSpray{0%{opacity:.95}100%{opacity:.45}}
@keyframes prBlink{to{opacity:.4}}
.pr:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .pr__print{clip-path:inset(0 0 0 0)}
/* stage 2 – сушка */
.pr[data-stage="2"] .pr__lamps{opacity:1}
.pr[data-stage="2"] .pr__lamps i{animation:prGlow 1s ease-in-out infinite alternate}
.pr[data-stage="2"] .pr__heat{opacity:.32}
@keyframes prGlow{to{filter:brightness(1.25);box-shadow:0 0 34px 12px rgba(255,90,40,.7)}}
/* stage 3 – вплавление */
.pr[data-stage="3"] .pr__oven{opacity:1}
.pr[data-stage="3"] .pr__oven i{animation:prGlow .7s ease-in-out infinite alternate}
.pr[data-stage="3"] .pr__heat{opacity:1}
.pr[data-stage="3"] .pr__glass{border-color:rgba(255,190,120,.9);box-shadow:0 0 0 2px rgba(255,140,60,.6),0 0 60px 10px rgba(255,110,30,.45),-10px 10px 0 -2px rgba(255,160,90,.3)}
.pr[data-stage="3"] .pr__print{filter:saturate(1.35) brightness(1.15)}
.pr[data-stage="3"] .pr__glass{animation:prRoll .9s ease-in-out infinite alternate}
@keyframes prRoll{from{transform:translateZ(6px) translateX(-2.5%)}to{transform:translateZ(6px) translateX(2.5%)}}
/* stage 4 – закалка */
.pr[data-stage="4"] .pr__jets{opacity:1;animation:prJets var(--ms) ease-in-out forwards}
.pr[data-stage="4"] .pr__heat{animation:prHeatOff var(--ms) ease-out forwards}
.pr[data-stage="4"] .pr__cool{animation:prAir .4s linear infinite,prCool var(--ms) ease-in-out forwards}
.pr[data-stage="4"] .pr__shine{animation:prShine var(--ms) ease-in-out forwards}
.pr[data-stage="4"] .pr__glass{border-color:rgba(127,227,240,.9)}
@keyframes prJets{0%,70%{opacity:1}100%{opacity:0}}
@keyframes prHeatOff{0%{opacity:1}40%,100%{opacity:0}}
@keyframes prCool{0%{opacity:0}15%,60%{opacity:1}80%,100%{opacity:0}}
@keyframes prShine{0%,72%{opacity:1;background-position:130% 0}100%{opacity:1;background-position:-50% 0}}
.pr.is-paused *,.pr.is-paused *::before,.pr.is-paused *::after{animation-play-state:paused!important}

/* cross-section */
.pr__xsec{position:absolute;left:clamp(16px,1.6vw,28px);bottom:clamp(16px,1.6vw,28px);z-index:5;width:260px;padding:14px 16px 16px;background:rgba(6,25,30,.72);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pr__xsec-title{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.pr__xsec-box{position:relative;height:64px;margin:12px 0 10px}
.pr__xsec-glass{position:absolute;left:0;right:0;top:20px;height:34px;background:linear-gradient(180deg,rgba(160,225,238,.55),rgba(90,180,200,.3));border:1px solid rgba(200,240,250,.65);transition:background .7s ease,box-shadow .7s ease}
.pr__xsec-ink{position:absolute;left:5%;right:5%;top:-10px;height:9px;display:flex;gap:3px;transition:top .85s var(--pg-ease)}
.pr__xsec-ink i{flex:1;background:var(--c);border-radius:50%;transform:scale(0);transition:transform .35s var(--pg-ease),border-radius .55s ease,height .55s ease,box-shadow .7s ease;height:9px}
.pr__xsec-ink i:nth-child(2n){transition-delay:.08s}.pr__xsec-ink i:nth-child(3n){transition-delay:.16s}.pr__xsec-ink i:nth-child(5n){transition-delay:.24s}
.pr__xsec-arrow{position:absolute;left:0;right:0;height:2px;opacity:0;transition:opacity .55s ease}
.pr__xsec-arrow::before,.pr__xsec-arrow::after{content:"";position:absolute;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}
.pr__xsec-arrow::before{left:4px;border-left:8px solid #7fe3f0}
.pr__xsec-arrow::after{right:4px;border-right:8px solid #7fe3f0}
.pr__xsec-arrow--t{top:-12px}.pr__xsec-arrow--b{bottom:-12px}
.pr__xsec-note{display:block;font-size:14px;font-weight:700;color:var(--pg-cyan);min-height:1.5em;transition:opacity .3s ease}
.pr:is([data-stage="1"],[data-stage="2"],[data-stage="3"],[data-stage="4"]) .pr__xsec-ink i{transform:scale(1)}
.pr:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .pr__xsec-ink{top:-6px}
.pr:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .pr__xsec-ink i{border-radius:2px;height:6px}
.pr:is([data-stage="3"],[data-stage="4"]) .pr__xsec-ink{top:3px}
.pr[data-stage="3"] .pr__xsec-ink i{box-shadow:0 0 8px 2px rgba(255,140,60,.8)}
.pr[data-stage="3"] .pr__xsec-glass{background:linear-gradient(180deg,rgba(255,170,90,.75),rgba(255,100,40,.45));box-shadow:0 0 24px rgba(255,110,30,.5)}
.pr[data-stage="4"] .pr__xsec-arrow{opacity:1}
.pr[data-stage="4"] .pr__xsec-glass{box-shadow:0 0 18px rgba(127,227,240,.35)}

/* play / pause */
.pr__play{position:absolute;right:clamp(16px,1.6vw,28px);bottom:clamp(16px,1.6vw,28px);z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(6,25,30,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}
.pr__play:hover{background:rgba(255,255,255,.12)}
.pr__play span{display:block;width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}
.pr.is-paused .pr__play span{width:0;height:0;border:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}

/* steps + captions */
.pr__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.pr__step{display:block;width:100%;padding:0 0 4px;text-align:left;background:none;border:0;color:rgba(255,255,255,.5);cursor:pointer;transition:color .3s ease}
.pr__step:hover,.pr__step.is-on,.pr__step.is-done{color:#fff}
.pr__bar{position:relative;display:block;height:3px;margin-bottom:12px;background:rgba(255,255,255,.14);overflow:hidden}
.pr__bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--pg-teal-l),var(--pg-cyan))}
.pr__step.is-done .pr__bar i{width:100%}
.pr__step.is-on .pr__bar i{animation:prBar var(--ms) linear forwards}
.pr.is-static .pr__step.is-on .pr__bar i{animation:none;width:100%}
@keyframes prBar{from{width:0}to{width:100%}}
.pr__step em{display:block;font-style:normal;font-size:13px;font-weight:700;color:var(--pg-cyan);margin-bottom:2px}
.pr__step-name{display:block;font-size:clamp(15px,1.05vw,19px);font-weight:700;line-height:1.25}
.pr__caps{margin-top:18px;min-height:3.2em;max-width:900px}
.pr__cap{font-size:clamp(16px,1.1vw,20px);line-height:1.55;color:rgba(255,255,255,.82);margin-bottom:10px}
.pr__cap b{color:#fff}
.pg26-js .pr__cap{display:none}
.pg26-js .pr__cap.is-on{display:block;animation:prCap .45s var(--pg-ease)}
@keyframes prCap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- advantages ---------- */
.pg26-adv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,2.6vw,48px)}
.pg26-adv__card{position:relative;background:#fff;border:1px solid var(--pg-line);padding:clamp(24px,2vw,38px);transition:translate .4s var(--pg-ease),border-color .4s ease,box-shadow .4s ease}
.pg26-adv__card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--pg-teal),var(--pg-cyan));transition:width .5s var(--pg-ease)}
.pg26-adv__card:hover{translate:0 -6px;border-color:transparent;box-shadow:0 22px 50px rgba(11,42,49,.12)}
.pg26-adv__card:hover::before{width:100%}
.pg26-adv__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:24px;border-radius:50%;color:var(--pg-teal);background:linear-gradient(135deg,#e3f4f6,#c6e9ee);transition:background .4s ease,color .4s ease}
.pg26-adv__card:hover .pg26-adv__icon{color:#fff;background:linear-gradient(135deg,var(--pg-teal),var(--pg-teal-l))}
.pg26-adv__card p{color:var(--pg-ink3);font-size:15px;line-height:1.55}

/* ---------- uses ---------- */
.pg26-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(28px,2.6vw,48px)}
.pg26-use{position:relative;display:block;aspect-ratio:4/3.2;overflow:hidden;background:var(--pg-deep);color:#fff;transition:translate .4s var(--pg-ease),box-shadow .4s ease}
.pg26-use::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,25,30,0) 30%,rgba(6,25,30,.85) 100%);transition:background .4s ease}
a.pg26-use:hover{translate:0 -6px;box-shadow:0 24px 50px rgba(11,42,49,.25);color:#fff}
a.pg26-use:hover::after{background:linear-gradient(180deg,rgba(6,122,138,.1) 20%,rgba(6,60,70,.9) 100%)}
.pg26 .pg26-use__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--pg-ease)}
a.pg26-use:hover .pg26-use__img{transform:scale(1.07)}
.pg26-use--noimg{background:radial-gradient(circle at 20% 20%,rgba(242,193,78,.5),transparent 40%),radial-gradient(circle at 80% 30%,rgba(190,53,102,.5),transparent 45%),radial-gradient(circle at 50% 90%,rgba(35,186,207,.55),transparent 50%),var(--pg-deep)}
.pg26-use__body{position:absolute;left:0;right:0;bottom:0;z-index:1;display:block;padding:18px 20px}
.pg26-use__title{display:block;font-weight:700;font-size:clamp(17px,1.2vw,21px);line-height:1.2}
.pg26-use__more{display:block;margin-top:6px;font-size:14px;color:var(--pg-cyan)}
.pg26-use__more i{display:inline-block;font-style:normal;transition:transform .3s ease}
a.pg26-use:hover .pg26-use__more i{transform:translateX(5px)}
div.pg26-use .pg26-use__more{color:rgba(255,255,255,.75)}

/* ---------- colours ---------- */
.pg26-colors__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,4.4vw,96px);align-items:center}
.pg26-fan{background:#fff;border:1px solid var(--pg-line);box-shadow:0 30px 60px rgba(11,42,49,.12);padding:clamp(16px,1.4vw,26px)}
.pg26-fan__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;line-height:1.2}
.pg26-fan__head b{display:block;font-size:clamp(15px,1vw,20px);font-weight:900;text-transform:uppercase}
.pg26-fan__head em{display:block;font-style:normal;font-weight:700;font-size:12px;color:var(--pg-teal)}
.pg26-fan__part{text-align:right}
.pg26-fan__grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px}
.pg26-fan__grid i{position:relative;display:block;aspect-ratio:1/.8;border-radius:1px;transition:transform .24s cubic-bezier(.2,.9,.25,1.25),box-shadow .24s ease,border-radius .24s ease}
.pg26-js .pg26-fan:not(.is-in) .pg26-fan__grid i{opacity:0}
.pg26-js .pg26-fan.is-in .pg26-fan__grid i{animation:pgSwIn .35s var(--pg-ease) backwards;animation-delay:calc(var(--i) * 15ms)}
@keyframes pgSwIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.pg26-fan__grid i:hover{z-index:3;transform:translateY(-6px) scale(1.55);border-radius:3px;box-shadow:0 0 0 3px #fff,0 16px 30px rgba(11,42,49,.38)}
.pg26-fan__grid i:has(+ i:hover),.pg26-fan__grid i:hover+i{z-index:2;transform:translateY(-2px) scale(1.2);border-radius:2px;box-shadow:0 0 0 2px #fff,0 6px 14px rgba(11,42,49,.2)}
.pg26-inks{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;margin-top:clamp(28px,2.4vw,44px)}
.pg26-inks__box{border:1px solid var(--pg-line);padding:12px 12px 18px;background:#fff}
.pg26-inks__head{background:linear-gradient(90deg,var(--pg-teal),#0a8fa1);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;margin-bottom:16px}
.pg26-inks__list{display:flex;flex-wrap:wrap;gap:14px 12px}
.pg26-inks__list li{width:72px;text-align:center;font-size:12px;color:var(--pg-ink3)}
.pg26-inks__list i{display:block;height:64px;margin-bottom:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .26s cubic-bezier(.2,.9,.25,1.25),box-shadow .26s ease}
.pg26-inks__list li:hover i{transform:translateY(-6px) scale(1.06);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 14px 24px rgba(11,42,49,.25)}
.pg26-inks__list i.is-metal{position:relative;overflow:hidden}
.pg26-inks__list i.is-metal::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 62%);background-size:260% 100%;animation:pgGlare 3s ease-in-out infinite}

/* «В тренде» colours (static, no hover motion) */
.pg26-trend{margin-top:clamp(26px,2.2vw,40px);max-width:560px;padding:18px 18px 20px;background:#fff;border:1px solid var(--pg-line);box-shadow:0 14px 34px rgba(11,42,49,.07)}
.pg26-trend__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px}
.pg26-trend__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;background:linear-gradient(90deg,#e2412a,#be3566);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 20px rgba(190,53,102,.3)}
.pg26-trend__sub{font-size:14px;color:var(--pg-grey);line-height:1.35}
.pg26-trend__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px}
.pg26-trend__list li{font-size:13px;font-weight:700;color:var(--pg-ink3);line-height:1.25}
.pg26-trend__list i{display:block;aspect-ratio:1/.72;margin-bottom:7px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .26s cubic-bezier(.2,.9,.25,1.25),box-shadow .26s ease}
.pg26-trend__list li:hover i{transform:translateY(-5px) scale(1.06);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 12px 22px rgba(11,42,49,.22)}

/* ---------- order steps ---------- */
.pg26-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:pg26;margin-top:clamp(28px,2.6vw,48px)}
.pg26-steps::before,.pg26-steps::after{content:"";position:absolute;top:21px;left:22px;height:2px;background:#cfe3e6}
.pg26-steps::before{right:22px}
.pg26-steps::after{width:0;background:linear-gradient(90deg,var(--pg-teal),var(--pg-teal-l));transition:width 1.1s var(--pg-ease) .2s}
.pg26-steps.is-in::after,html:not(.pg26-js) .pg26-steps::after{width:calc(100% - 44px)}
.pg26-steps li{position:relative;z-index:1;counter-increment:pg26}
.pg26-steps li::before{content:counter(pg26);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--pg-teal);color:#fff;font-weight:900;font-size:16px;margin-bottom:20px;box-shadow:0 0 0 6px var(--pg-soft),0 8px 20px rgba(6,122,138,.35)}
.pg26-steps p{color:var(--pg-ink3);font-size:15px}
.pg26-terms{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;background:#fff;border:1px solid var(--pg-line);border-left:4px solid var(--pg-teal);padding:24px clamp(20px,1.7vw,32px);margin-top:clamp(36px,3vw,56px);box-shadow:0 14px 36px rgba(11,42,49,.06)}
.pg26-terms dl{display:flex;flex-wrap:wrap;gap:16px clamp(24px,3vw,64px)}
.pg26-terms dt{font-size:13px;color:var(--pg-grey)}
.pg26-terms dd{font-weight:900;font-size:clamp(18px,1.25vw,23px);color:var(--pg-teal)}

/* ---------- form ---------- */
.pg26-form__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4.4vw,96px);align-items:start}
.pg26-form__direct{margin-top:30px;color:rgba(255,255,255,.7);font-size:15px}
.pg26-form__direct a{display:block;margin-top:4px;color:#fff;font-weight:900;font-size:clamp(22px,1.6vw,30px)}
.pg26-form__direct a:hover{color:var(--pg-cyan)}
.pg26-form__box{position:relative;background:#fff;color:var(--pg-ink);padding:clamp(22px,1.9vw,36px);box-shadow:0 40px 80px rgba(0,0,0,.35)}
.pg26-form__box::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f2c14e,#d9612e,#be3566,#4e4785,#1a3d8a,#23bacf)}
.pg26-cf7 .pg26-f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pg26-cf7 .pg26-f>*{margin:0}
.pg26-cf7 .pg26-f__full{grid-column:1/-1}
.pg26-cf7 label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.pg26-cf7 .wpcf7-form-control-wrap{display:block}
.pg26-cf7 input[type=text],.pg26-cf7 input[type=tel],.pg26-cf7 input[type=email],.pg26-cf7 select,.pg26-cf7 textarea{display:block;width:100%;height:50px;padding:0 14px;border:1px solid #d4d8da;border-radius:0;background:#fff;font-family:var(--ff);font-size:15px;color:var(--pg-ink);box-shadow:none;outline:0;transition:border-color .3s ease,box-shadow .3s ease}
.pg26-cf7 textarea{height:100px;padding:12px 14px;resize:vertical}
.pg26-cf7 input:focus,.pg26-cf7 select:focus,.pg26-cf7 textarea:focus{border-color:var(--pg-teal);box-shadow:0 0 0 3px rgba(6,122,138,.15)}
.pg26-cf7 input[type=file]{display:block;width:100%;padding:14px;border:1px dashed #8cc1ca;background:var(--pg-soft);font-size:14px;cursor:pointer}
.pg26-cf7 .pg26-hl input[type=file]{border-style:solid;border-color:#23bacf;animation:pgHl .9s ease-in-out 3}
@keyframes pgHl{0%,100%{box-shadow:0 0 0 0 rgba(35,186,207,0)}50%{box-shadow:0 0 0 6px rgba(35,186,207,.38)}}
.pg26-cf7 .pg26-f__hint{display:block;font-size:12px;font-weight:400;color:var(--pg-grey);margin-top:6px}
.pg26-cf7 .wpcf7-submit{width:100%;height:auto;padding:18px 24px;border:0;border-radius:0;background:var(--pg-teal);color:#fff;font-family:var(--ff);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}
.pg26-cf7 .wpcf7-submit:hover{background:#056b79;box-shadow:0 12px 30px rgba(6,122,138,.35)}
.pg26-cf7 .wpcf7-acceptance .wpcf7-list-item{margin:0}
.pg26-cf7 .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--pg-grey);line-height:1.4}
.pg26-cf7 .wpcf7-acceptance input{margin-top:2px;flex:none}
.pg26-cf7 .wpcf7-acceptance a{color:var(--pg-teal);text-decoration:underline}
.pg26-cf7 .wpcf7-not-valid-tip{font-size:12px;margin-top:4px}
.pg26-cf7 .wpcf7-response-output{margin:16px 0 0!important;font-size:14px}
.pg26-cf7 .wpcf7-spinner{display:block;margin:8px auto 0}

/* ---------- FAQ ---------- */
.pg26-faq{max-width:calc(1000px + var(--gutter,32px) * 2)}
.pg26-faq .pg26-h2{margin-bottom:clamp(24px,2.2vw,40px)}
.pg26-faq__item{border:1px solid var(--pg-line);background:#fff;margin-bottom:10px;transition:border-color .3s ease,box-shadow .3s ease}
.pg26-faq__item[open]{border-color:var(--pg-teal);box-shadow:0 12px 30px rgba(11,42,49,.08)}
.pg26-faq__item summary{position:relative;list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font-weight:700;font-size:clamp(16px,1.05vw,19px);line-height:1.35}
.pg26-faq__item summary::-webkit-details-marker{display:none}
.pg26-faq__item summary::after{content:"";position:absolute;right:20px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#e3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23067a8a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;transition:transform .35s var(--pg-ease),background-color .3s ease}
.pg26-faq__item[open] summary::after{transform:rotate(45deg)}
.pg26-faq__item p{padding:0 22px 22px;color:var(--pg-ink3);font-size:15px;line-height:1.6}

/* ---------- other services ---------- */
.pg26-other{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(20px,1.8vw,32px)}
.pg26-other__card{position:relative;display:block;overflow:hidden;border:1px solid var(--pg-line);padding:24px 22px;color:var(--pg-ink);transition:border-color .3s ease,box-shadow .3s ease,translate .3s ease}
.pg26-other__card:hover{border-color:var(--pg-teal);box-shadow:0 14px 34px rgba(11,42,49,.1);translate:0 -4px;color:var(--pg-ink)}
.pg26-other__card span{display:block;font-weight:700;font-size:18px}
.pg26-other__card em{display:block;font-style:normal;color:var(--pg-teal);font-size:14px;margin-top:6px}

/* ---------- responsive ---------- */
@media (max-width:1200px){
	.pg26-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pg26-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pg26-steps::before,.pg26-steps::after{display:none}
	.pg26-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pr__plane{width:min(56%,560px)}
}
@media (max-width:1024px){
	.pg26-hero__grid,.pg26-compare__grid,.pg26-colors__grid,.pg26-form__grid{grid-template-columns:1fr}
	.pg26-hero__media{max-width:640px}
	.pg26-hero__frame{transform:none}
	.pg26-hero__chip--a{left:12px}
	.pg26-hero__chip--b{right:12px}
	.pg26-adv{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pg26-inks{grid-template-columns:1fr}
	.pr__view{aspect-ratio:4/3}
	.pr__plane{left:55%;top:52%;width:62%}
}
@media (max-width:760px){
	.pr__view{aspect-ratio:auto;min-height:0;height:540px}
	.pr__plane{left:50%;top:44%;width:74%}
	.pr__xsec{left:12px;right:12px;bottom:12px;width:auto;padding:10px 12px 12px}
	.pr__xsec-box{height:56px;margin:8px 0 6px}
	.pr__xsec-glass{top:16px;height:28px}
	.pr__play{top:auto;bottom:auto;right:12px;top:76px;width:40px;height:40px}
	.pr__hud{padding:12px}
	.pr__hud-stage b{display:block;margin:4px 0 0}
	.pr__hud-stage{flex-wrap:wrap;max-width:60%}
	.pr__steps{gap:6px}
	.pr__step em{font-size:12px}
	.pr__step-name{font-size:11px;letter-spacing:-.01em}
	.pr__bar{margin-bottom:8px}
}
@media (max-width:640px){
	.pg26-adv,.pg26-other,.pg26-steps{grid-template-columns:1fr}
	.pg26-uses{gap:10px}
	.pg26-use{aspect-ratio:1/1.05}
	.pg26-use__body{padding:12px}
	.pg26-use__title{font-size:15px}
	.pg26-use__more{font-size:12px}
	.pg26-cf7 .pg26-f{grid-template-columns:1fr}
	.pg26-btns .pg26-btn{flex:1 1 100%}
	.pg26-fan{rotate:0deg}
	.pg26-fan__grid{gap:3px}
	.pg26-terms .pg26-btn{width:100%}
	.pg26-sub__inner{gap:4px 18px;font-size:14px}
	.pg26-scratch{gap:8px}
	.pg26-scratch__item{padding:10px 8px 12px}
	.pg26-scratch__item b{font-size:13px}
	.pg26-scratch__item>span{font-size:12px}
	.pg26-table{min-width:0;font-size:13px;border-spacing:0 6px}
	.pg26-table th,.pg26-table td{padding:10px 6px}
	.pg26-table thead th{font-size:12px}
	.pg26-table tbody th{width:34%}
	.pg26-hero__chip{font-size:12px;padding:9px 12px}
	.pg26-hero__chip--b{font-size:15px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
	.pg26 *,.pg26 *::before,.pg26 *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
	.pg26-js .pg26 [data-reveal]{opacity:1;transform:none}
	.pg26-hero__ink i{animation:none!important}
}