:root{--pinx-blue:#2358ff;--pinx-violet:#6c5cff;--pinx-navy:#07142f;--pinx-muted:#5d6a82;--pinx-bg:#f6f8ff;--pinx-border:#dfe6f5;--pinx-surface:#fff;--pinx-radius:22px;--pinx-shadow:0 18px 45px rgba(7,20,47,.10)}*{box-sizing:border-box}body.pinx-live-demo-theme{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pinx-navy);background:#fff;line-height:1.6}.pinx-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.skip-link:focus{clip:auto;clip-path:none;height:auto;left:10px;top:10px;width:auto;z-index:99999;background:#fff;padding:10px 14px}.pinx-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--pinx-border)}.pinx-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pinx-brand a{font-weight:800;color:var(--pinx-blue);text-decoration:none;font-size:1.08rem}.pinx-brand img{max-width:230px;height:auto;display:block}.pinx-nav ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.pinx-nav a{display:block;padding:10px 12px;color:var(--pinx-navy);font-weight:700;text-decoration:none;border-radius:12px}.pinx-nav a:hover{background:#eef3ff;color:var(--pinx-blue)}.pinx-menu-toggle{display:none}.pinx-hero{padding:76px 0;background:radial-gradient(circle at top right,#e8edff 0,#fff 42%,#f7f9ff 100%)}.pinx-hero-small{padding:62px 0}.pinx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:54px;align-items:center}.pinx-eyebrow{display:inline-flex;margin:0 0 18px;padding:8px 14px;border-radius:999px;background:#eef3ff;color:var(--pinx-blue);font-weight:800;font-size:.88rem}.pinx-hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.98;margin:0 0 22px;letter-spacing:-.055em}.pinx-lead{font-size:1.14rem;color:#26334d;max-width:720px;margin:0 0 28px}.pinx-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.pinx-actions-column{flex-direction:column;align-items:flex-start}.pinx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:13px;font-weight:800;text-decoration:none;border:1px solid transparent}.pinx-btn-primary{background:linear-gradient(135deg,var(--pinx-blue),var(--pinx-violet));color:#fff;box-shadow:0 12px 26px rgba(35,88,255,.22)}.pinx-btn-secondary{background:#fff;color:var(--pinx-blue);border-color:#bdcaff}.pinx-btn-link{background:transparent;color:var(--pinx-blue)}.pinx-login-line{margin:18px 0 0;color:var(--pinx-muted)}.pinx-hero-card{background:#fff;border:1px solid var(--pinx-border);border-radius:30px;box-shadow:var(--pinx-shadow);padding:20px;min-height:360px;position:relative;overflow:hidden}.pinx-card-top{height:36px;background:#07142f;border-radius:18px;margin-bottom:18px;position:relative}.pinx-card-top:before{content:"";position:absolute;left:18px;top:12px;width:14px;height:14px;border-radius:50%;background:#ff6961;box-shadow:24px 0 #f8d13e,48px 0 #29c96f}.pinx-model-window{height:230px;border-radius:22px;background:linear-gradient(145deg,#eff3ff,#fff);display:grid;place-items:center;border:1px solid var(--pinx-border)}.pinx-model-cube{width:130px;height:130px;border-radius:28px;background:linear-gradient(135deg,#2358ff,#8d7dff);box-shadow:inset -24px -24px 45px rgba(0,0,0,.14),0 28px 60px rgba(35,88,255,.30);transform:rotate(24deg) skew(-8deg)}.pinx-mini-row{display:flex;gap:10px;margin-top:18px}.pinx-mini-row span{flex:1;text-align:center;padding:10px;border-radius:12px;background:#eef3ff;color:var(--pinx-blue);font-weight:900}.pinx-section{padding:66px 0}.pinx-muted{background:var(--pinx-bg)}.pinx-section h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;margin:0 0 14px;letter-spacing:-.035em}.pinx-section-intro{font-size:1.08rem;color:var(--pinx-muted);max-width:860px;margin:0 0 30px}.pinx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pinx-info-card{background:#fff;border:1px solid var(--pinx-border);border-radius:var(--pinx-radius);padding:24px;box-shadow:0 12px 30px rgba(7,20,47,.06)}.pinx-info-card h3{margin:0 0 10px;font-size:1.16rem}.pinx-info-card p{margin:0;color:var(--pinx-muted)}.pinx-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border:1px solid var(--pinx-border);border-radius:28px;padding:30px;box-shadow:0 12px 35px rgba(7,20,47,.06)}.pinx-callout h2{margin:0 0 10px}.pinx-callout p{margin:0;color:var(--pinx-muted)}.pinx-model-frame{background:#fff;border:1px solid var(--pinx-border);border-radius:30px;box-shadow:var(--pinx-shadow);padding:18px;min-height:380px}.pinx-note{text-align:center;color:var(--pinx-muted);margin:18px 0 0}.pinx-content{padding:50px 0}.pinx-content .entry-title{font-size:2.3rem;line-height:1.1;margin:0 0 24px}.pinx-footer{background:#07142f;color:#d9e4ff;padding:40px 0 20px}.pinx-footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.pinx-footer strong{color:#fff;font-size:1.08rem}.pinx-footer p{margin:8px 0 0;max-width:520px;color:#b7c4e4}.pinx-footer nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.pinx-footer a{color:#d9e4ff;text-decoration:none}.pinx-footer a:hover{color:#fff}.pinx-footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.9rem;color:#9dadcf}.custom-logo-link img{max-height:62px;width:auto}@media (max-width:820px){.pinx-header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.pinx-nav ul{flex-wrap:wrap}.pinx-hero-grid{grid-template-columns:1fr}.pinx-card-grid{grid-template-columns:1fr}.pinx-callout,.pinx-footer-inner{flex-direction:column;align-items:flex-start}.pinx-footer nav{justify-content:flex-start}.pinx-hero h1{font-size:3rem}}

.pinx-hero-image{
    display:block;
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:contain;
    border-radius:22px;
}
.pinx-hero-card:has(.pinx-hero-image){
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}