.pd-section{background:#0a0a0f;padding:clamp(40px,8vw,80px) clamp(16px,4vw,40px);position:relative;overflow:hidden}.pd-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 500px at 20% 0%,rgba(65,80,240,.1),transparent),radial-gradient(ellipse 600px 400px at 80% 100%,rgba(232,255,87,.05),transparent);pointer-events:none}.pd-inner{max-width:1100px;margin:0 auto;position:relative}.pd-header{text-align:center;margin-bottom:clamp(32px,6vw,60px)}.pd-label{display:inline-block;background:#4150f026;color:#4150f0;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:16px;border:1px solid rgba(65,80,240,.2)}.pd-h2{font-size:clamp(22px,3.5vw,40px);font-weight:800;color:#fff;line-height:1.3}.pd-h2 span{color:#e8ff57}.pd-row{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(20px,4vw,40px);align-items:center;margin-bottom:clamp(40px,6vw,80px)}.pd-row:nth-child(2n) .pd-text{order:2}.pd-row:nth-child(2n) .pd-visual{order:1}.pd-row:last-child{margin-bottom:0}.pd-text{color:#fff}.pd-num{font-size:clamp(40px,5vw,64px);font-weight:900;background:linear-gradient(180deg,#4150f066,#4150f00d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:8px}.pd-h3{font-size:clamp(18px,2.5vw,24px);font-weight:700;margin-bottom:12px;color:#fff}.pd-p{font-size:clamp(13px,1.5vw,15px);color:#ffffffa6;line-height:1.7;margin-bottom:16px}.pd-chips{display:flex;flex-wrap:wrap;gap:8px}.pd-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:500}.pd-visual{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;position:relative;box-shadow:0 8px 40px #0000004d}.pp-demo-wrap{background:#0a0a0f;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.pd-visual .hlm-demo,.pp-demo-wrap .hlm-demo{padding:clamp(16px,3vw,40px) clamp(12px,2vw,20px);background:transparent}@media(max-width:860px){.pd-row{grid-template-columns:1fr!important}.pd-row:nth-child(2n) .pd-text{order:1}.pd-row:nth-child(2n) .pd-visual{order:2}.pd-num{font-size:48px}.hlm-demo{flex-direction:column-reverse!important;padding:20px 12px!important}.hlm-p{width:100%!important;max-width:100%!important}.hlm-canvas{max-width:100%!important;min-width:0!important;aspect-ratio:4/3}}.hlm-demo{display:flex;align-items:stretch;justify-content:center;gap:24px;direction:ltr;padding:40px 20px}@media(max-width:860px){.hlm-demo{flex-direction:column-reverse;gap:16px;align-items:center}}.hlm-canvas{position:relative;flex:1 1 0;max-width:520px;min-width:280px;background:#2d2d2d;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #00000080;opacity:0;transition:opacity .5s ease}.hlm-canvas.visible{opacity:1}.hlm-ruler-top,.hlm-ruler-left{position:absolute;background:#3a3a3a;z-index:3}.hlm-ruler-top{top:0;left:18px;right:0;height:18px;border-bottom:1px solid #555}.hlm-ruler-left{top:18px;left:0;bottom:0;width:18px;border-right:1px solid #555}.hlm-ruler-corner{position:absolute;top:0;left:0;width:18px;height:18px;background:#3a3a3a;z-index:4}.hlm-ruler-top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#666 0,#666 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,#555 0,#555 1px,transparent 1px,transparent 10px);background-size:100% 14px,100% 6px;background-position:0 bottom;background-repeat:repeat-x}.hlm-ruler-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,#666 0,#666 1px,transparent 1px,transparent 50px),repeating-linear-gradient(180deg,#555 0,#555 1px,transparent 1px,transparent 10px);background-size:14px 100%,6px 100%;background-position:right 0;background-repeat:repeat-y}.hlm-ab-area{position:absolute;top:18px;left:18px;right:0;bottom:0;display:flex;align-items:stretch;justify-content:center;padding:24px 20px 20px}.hlm-ab-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.hlm-ab-label{position:absolute;bottom:100%;left:0;margin-bottom:3px;font:9px -apple-system,sans-serif;color:#888;z-index:3}.hlm-artboard{position:relative;width:100%;flex:1;background:#fff;box-shadow:0 2px 12px #0006;overflow:hidden}.hlm-grid-ov{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1}.hlm-grid-ov.visible{opacity:1}.hlm-grid-ov.confirmed{animation:gridPulse .6s ease}@keyframes gridPulse{50%{filter:brightness(1.8) drop-shadow(0 0 8px rgba(0,170,255,.5))}}.hlm-grid-inner{position:absolute;top:0;right:0;bottom:0;left:0}.hlm-grid-cell{position:absolute;background:#00aaff1a;border:.5px solid rgba(0,170,255,.3);border-radius:1px}.hlm-el{position:absolute;border-radius:3px;display:flex;align-items:center;justify-content:center;font:600 10px -apple-system,sans-serif;color:#fff;opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:2;overflow:hidden}.hlm-el.show{opacity:1}.hlm-el.aligned{box-shadow:0 0 0 2px #3ddc84cc}.hlm-el.misaligned{box-shadow:0 0 0 2px #ff5c5ccc}.hlm-el.highlight{box-shadow:0 0 0 2px #fff,0 0 0 4px #ffa726;z-index:3}.hlm-el[data-el=title]{background:#3884ffbf}.hlm-el[data-el=image]{background:#a875e8a6}.hlm-el[data-el=text]{background:#3ddc84a6}.hlm-el[data-el=button]{background:#ffa726bf}.hlm-el[data-el=bg]{background:#78787866}.hlm-el[data-el=logo]{background:#a875e8a6}.hlm-el[data-el=nav]{background:#3884ff8c}.hlm-p{--bg-1:#0e0f14;--bg-2:#151821;--glass-1:rgba(255,255,255,.04);--glass-2:rgba(255,255,255,.07);--glass-3:rgba(255,255,255,.11);--glass-hover:rgba(255,255,255,.14);--bd-1:rgba(255,255,255,.08);--bd-2:rgba(255,255,255,.14);--bd-3:rgba(255,255,255,.22);--hl-1:inset 0 1px 0 rgba(255,255,255,.08);--hl-2:inset 0 1px 0 rgba(255,255,255,.15);--sh-sm:0 1px 2px rgba(0,0,0,.3);--sh-md:0 4px 16px rgba(0,0,0,.4);--text:rgba(255,255,255,.95);--text-2:rgba(255,255,255,.78);--text-3:rgba(255,255,255,.6);--muted:rgba(255,255,255,.42);--muted-2:rgba(255,255,255,.28);--accent:#3884ff;--accent-2:#5a9dff;--accent-border:rgba(56,132,255,.45);--blue-grad:linear-gradient(180deg,#4a94ff,#2d76ef);--green-grad:linear-gradient(180deg,#3ddc84,#28a965);--red-grad:linear-gradient(180deg,#ff5c5c,#e23a3a);--purple-grad:linear-gradient(180deg,#a875e8,#7c5cbf);--gold:#e5c07b;--warn:#ffa726;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;--fs-note:10px;--fs-body:11px;--fs-base:12px;width:320px;flex-shrink:0;position:relative;font:12px/1.5 var(--font);color:var(--text-2);padding:var(--s-3);direction:rtl;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 600px 400px at 20% 0%,rgba(56,132,255,.12),transparent 60%),radial-gradient(ellipse 500px 300px at 80% 100%,rgba(255,159,10,.08),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2));border-radius:16px;box-shadow:0 0 80px #3884ff26,0 8px 32px #0009;overflow:hidden;opacity:0;transition:opacity .5s ease;box-sizing:border-box}.hlm-p.visible{opacity:1}.hlm-p *,.hlm-p *:before,.hlm-p *:after{box-sizing:border-box;margin:0;padding:0}.hlm-p .tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--glass-1);border:1px solid var(--bd-1);border-radius:var(--r-md);padding:4px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--hl-1),var(--sh-sm)}.hlm-p .tab-btn{flex:1;padding:8px;background:transparent;color:var(--text-3);border:none;border-radius:var(--r-sm);cursor:pointer;font:600 11px var(--font)}.hlm-p .tab-btn.active{background:var(--glass-3);color:var(--text);box-shadow:var(--hl-2),var(--sh-sm)}.hlm-p .lang-btn{flex:0 0 auto;padding:6px 10px;background:linear-gradient(135deg,#e5c07b,#d4a855);color:#1a1a2e;border:1px solid rgba(229,192,123,.5);border-radius:var(--r-sm);cursor:pointer;font:800 11px var(--font);min-width:40px;text-align:center;box-shadow:0 2px 6px #e5c07b4d}.hlm-p .sub{font-size:10px;color:var(--muted);text-align:center;margin:0 0 8px}.hlm-p .sec{background:var(--glass-1);border:1px solid var(--bd-1);border-radius:var(--r-md);padding:12px 16px;margin-bottom:8px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--hl-1),var(--sh-sm)}.hlm-p .sec-t{font:600 11px var(--font);color:var(--text-2);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bd-1)}.hlm-p .sec-green .sec-t{color:#7ce0a0}.hlm-p .sec-gold{background:#ffc8500f;border-color:#ffc85033}.hlm-p .sec-gold .sec-t{color:var(--gold)}.hlm-p .sec-gold label{color:#ffc870}.hlm-p .sec-blue .sec-t{color:#7ab8ff}.hlm-p .sec-red .sec-t{color:#f99}.hlm-p .sec-red{background:#ff5c5c0a;border-color:#ff5c5c26}.hlm-p .row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hlm-p .row:last-child{margin-bottom:0}.hlm-p .pair{display:flex;align-items:center;gap:6px;flex:1}.hlm-p label{font:500 11px var(--font);color:var(--text-3);white-space:nowrap;flex-shrink:0}.hlm-p input[type=text],.hlm-p input[type=number],.hlm-p select{background:#ffffff0f;border:1px solid var(--bd-1);color:var(--text);border-radius:var(--r-sm);padding:0 8px;height:32px;font:12px var(--font);outline:none;box-shadow:var(--hl-1);line-height:32px}.hlm-p input[type=number]{width:54px;text-align:center;direction:ltr;-moz-appearance:textfield}.hlm-p input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.hlm-p select{appearance:none;-webkit-appearance:none;flex:1}.anim-dropdown{position:relative}.anim-dd-selected{background:#ffffff0f;border:1px solid var(--bd-1);color:var(--text);border-radius:var(--r-sm);padding:0 8px;height:32px;font:12px var(--font);line-height:32px;box-shadow:var(--hl-1);cursor:pointer;overflow:hidden;white-space:nowrap}.anim-dd-selected.placeholder{color:var(--muted)}.anim-dd-menu{position:absolute;top:100%;right:0;left:0;margin-top:4px;background:var(--bg-2);border:1px solid var(--bd-2);border-radius:var(--r-sm);box-shadow:0 8px 24px #00000080;z-index:200;overflow:hidden}.hlm-p .sec{position:relative;z-index:1}.hlm-p .sec:has(.anim-dd-menu[style*=block]){z-index:100;overflow:visible}.anim-dd-item{padding:8px 10px;font:12px var(--font);color:var(--text-2);cursor:pointer;transition:background .15s}.anim-dd-item:hover,.anim-dd-item.hovered{background:#3884ff33;color:var(--text)}.anim-dd-item.selected{background:#3884ff4d;color:var(--accent-2)}.hlm-p input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer;flex-shrink:0}.hlm-p .snap-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;background:var(--glass-1);border:1px solid var(--bd-1);border-radius:var(--r-sm);overflow:hidden}.hlm-p .snap-check{display:flex;align-items:center;gap:4px;flex-shrink:0}.hlm-p .snap-field{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.hlm-p .snap-field label{white-space:nowrap;font-size:11px}.hlm-p .snap-field input[type=number]{width:40px;flex-shrink:0}.hlm-p .btn{padding:9px 12px;border:1px solid var(--bd-1);border-radius:var(--r-sm);cursor:pointer;font:600 12px var(--font);color:#fff;background:var(--glass-2);box-shadow:var(--hl-1),var(--sh-sm)}.hlm-p .btn-blue{background:var(--blue-grad);border-color:var(--accent-border);box-shadow:var(--hl-2),0 2px 8px #3884ff4d}.hlm-p .btn-green{background:var(--green-grad);border-color:#3ddc8473;box-shadow:var(--hl-2),0 2px 8px #3ddc844d}.hlm-p .btn-gray{background:var(--glass-2);border-color:var(--bd-1);color:var(--text)}.hlm-p .btn-red{background:var(--red-grad);border-color:#ff5c5c73;box-shadow:var(--hl-2),0 2px 8px #ff5c5c40}.hlm-p .btn-sm{padding:6px 12px;font-size:11px}.hlm-p .btn-full{width:100%;margin-top:4px}.hlm-p .btn-row{display:flex;gap:4px;margin-top:8px;max-width:100%;overflow:hidden}.hlm-p .btn-row .btn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hlm-p .status{background:var(--glass-1);border:1px solid var(--bd-1);color:var(--text-2);border-radius:var(--r-md);padding:8px 12px;font-size:11px;margin-top:8px;min-height:28px;box-shadow:var(--hl-1),var(--sh-sm)}.hlm-p .status.ok{background:#3ddc841f;border-color:#3ddc8459;color:#7ce0a0;animation:statusIn .4s ease}@keyframes statusIn{0%{opacity:0;transform:translateY(4px)}}.hlm-p .result{font-size:10px;background:var(--glass-1);border:1px solid var(--bd-1);border-radius:var(--r-sm);padding:12px;line-height:1.7;margin-top:8px;color:var(--text-2);white-space:pre-wrap;max-height:140px;overflow-y:auto}.hlm-p .meta{font-size:10px;color:var(--accent-2);margin-top:4px}.hlm-p .note{font-size:10px;color:var(--muted);line-height:1.5;margin-bottom:8px}.hlm-p .cap{font:600 11px var(--font);color:var(--text-2)}.hlm-p .grid-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--glass-1);border:1px solid var(--bd-1);border-radius:var(--r-sm);margin-bottom:6px}.hlm-p .grid-item .gi-name{flex:1;font-size:11px;color:var(--text-2)}.hlm-p .grid-item .gi-name small{color:var(--muted);margin-right:4px}.hlm-p .grid-item .gi-btns{display:flex;gap:4px}.hlm-p .divider{text-align:center;padding:12px 0 2px;font:700 11px var(--font);color:var(--text-2)}.hlm-p .footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 4px}.hlm-p .footer .ver{font-size:9px;color:var(--muted-2)}.hlm-p .footer svg{width:16px;height:13px;fill:var(--accent);opacity:.85}.hlm-p .cur{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff6,0 2px 4px #0000004d;pointer-events:none;z-index:100;transform:translate(-6px,-6px);opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1)}.hlm-p .cur.visible{opacity:.85}.hlm-p .cur.clicking{animation:curClick .3s ease}@keyframes curClick{50%{transform:translate(-6px,-6px) scale(.5);opacity:.4}}.hlm-p .ripple{position:absolute;width:24px;height:24px;border:2px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%) scale(0);animation:ripOut .5s ease forwards}@keyframes ripOut{to{transform:translate(-50%,-50%) scale(2);opacity:0}}.hlm-p input.focus{border-color:#3884ff73!important;background:#ffffff17!important}.hlm-p .btn.pulse{animation:btnPulse .4s ease}@keyframes btnPulse{50%{transform:scale(.95);filter:brightness(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hiraf-demos.css.map */