.public-frame{background:var(--canvas);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow-x:clip}.pf-beams{pointer-events:none;height:720px;position:absolute;inset:0 -30vw auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.pf-beams span{filter:blur(30px);background:linear-gradient(90deg,#0000,#ffffff0d 30%,#ffffff1c 50%,#ffffff08 70%,#0000);width:140%;height:110px;position:absolute;left:-10%;transform:rotate(-16deg)}.pf-beams span:first-child{top:22%}.pf-beams span:nth-child(2){opacity:.5;height:160px;top:62%}.pf-header{z-index:20;background:color-mix(in srgb, var(--canvas) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:grid;position:sticky;top:0}.pf-header .brand>span{font-size:28px}.pf-header .brand .mark{width:18px;height:18px}.pf-header nav{color:var(--muted);gap:28px;font-size:14px;display:flex}.pf-header nav a:hover,.pf-signin:hover,.pf-footer a:hover,.pf-quiet:hover{color:var(--ink)}.pf-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.pf-signin{color:var(--muted);font-size:14px}.pf-cta,.pf-glass{color:var(--ink);white-space:nowrap;background:linear-gradient(#232323,#111);border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 8px 24px -12px #000}.pf-cta{padding:9px 16px;font-size:14px}.pf-glass{padding:12px 20px;font-size:15px}.pf-cta:hover,.pf-glass:hover:not(:disabled){background:linear-gradient(#2b2b2b,#151515);border-color:#ffffff3d}.pf-white{background:var(--ink);color:var(--canvas);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 10px 30px -10px #ffffff40}.pf-white:hover:not(:disabled){background:#e4e4e7}.pf-quiet{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.pf-row{flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px;display:flex}.pf-main.centered .pf-row{justify-content:center}.pf-main{z-index:1;flex:1;width:100%;max-width:760px;margin:0 auto;padding:88px 24px 120px;position:relative}.pf-main.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:40px;display:flex}.pf-badge{background:linear-gradient(var(--canvas), var(--canvas)) padding-box, linear-gradient(90deg, #fde68a66, #ffffff26 45%, #fb923c66) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.pf-title{font-family:var(--serif);letter-spacing:-.03em;background:var(--heading);color:#0000;-webkit-background-clip:text;background-clip:text;margin:24px 0 18px;font-size:clamp(46px,7vw,80px);font-weight:400;line-height:1}.pf-title em{background:var(--glow);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.pf-lead{max-width:540px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.pf-main.centered .pf-lead{margin:0 auto}.pf-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 50% 0%, #ffffff0a, transparent 60%), var(--surface);box-shadow:var(--shadow);margin-top:40px}.pf-tile{background:var(--tile);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 20px 40px -16px #000}.pf-tile .mark{width:26px;height:26px;color:var(--ink);transform:rotate(12deg)}.pf-code{font-family:var(--serif);letter-spacing:-.05em;background:linear-gradient(#fff 10%,#fff0 95%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(120px,24vw,220px);line-height:.85}.status-banner{align-items:center;gap:16px;padding:20px 22px;display:flex}.status-banner strong{font-size:16px;font-weight:600;display:block}.status-banner small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.status-banner .pf-glass{margin-left:auto;padding:8px 14px;font-size:13px}.state-dot{background:var(--state,var(--muted));border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.state-dot:after{content:"";background:var(--state,var(--muted));opacity:.25;border-radius:50%;animation:2.4s ease-out infinite state-pulse;position:absolute;inset:-6px}@keyframes state-pulse{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.state-ok{--state:var(--success)}.state-warn{--state:var(--warning)}.state-down{--state:var(--danger)}.state-wait{--state:var(--muted)}.service-list{margin-top:16px}.service-list>div{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.service-list>div+div{border-top:1px solid var(--line)}.service-list strong{font-size:15px;font-weight:500;display:block}.service-list small{color:var(--muted);margin-top:3px;font-size:13px;display:block}.state-pill{color:var(--state,var(--muted));background:color-mix(in srgb, var(--state,var(--muted)) 12%, transparent);border:1px solid color-mix(in srgb, var(--state,var(--muted)) 28%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.state-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-note{color:var(--muted);margin:18px 0 0;font-size:13px}.contact-form{text-align:left;flex-direction:column;gap:18px;padding:26px;display:flex}.contact-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.contact-form select,.contact-form textarea{background:var(--soft);border-radius:12px}.contact-form .pf-white{align-self:flex-start}.contact-done{padding:30px 26px}.contact-done h2{align-items:center;gap:8px;margin:0 0 6px;font-size:20px;font-weight:600;display:flex}.contact-done p{color:var(--muted);margin:0}.contact-done small{color:var(--muted);margin-top:14px;font-family:ui-monospace,Consolas,monospace;display:block}.contact-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.contact-ways a{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:16px 18px;font-size:14px;transition:border-color .15s;display:flex}.contact-ways a:hover{border-color:#fff3}.contact-ways small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.pf-footer{z-index:1;border-top:1px solid var(--line);width:100%;max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:26px 24px 34px;font-size:13px;display:flex;position:relative}.pf-footer nav{gap:22px;display:flex}.pf-footer nav a{align-items:center;gap:4px;display:inline-flex}@media (max-width:760px){.pf-header{grid-template-columns:1fr auto;height:64px;padding:0 16px}.pf-header nav,.pf-signin{display:none}.pf-main{padding:56px 16px 80px}.pf-lead{font-size:15px}.status-banner{flex-wrap:wrap;padding:18px}.status-banner .pf-glass{margin-left:28px}.service-list>div{padding:16px 18px}.contact-ways{grid-template-columns:1fr}.contact-form{padding:20px}.pf-footer{padding:22px 16px 28px}}@media (prefers-reduced-motion:reduce){.state-dot:after{animation:none}}
