.xp-hero{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;min-height:calc(100svh - 121px);padding-block:clamp(20px,3svh,40px)}.xp-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.xp-badges li{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 12px;font-size:13px;color:var(--hp-muted);background:var(--hp-surface);border-radius:999px}.xp-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--hp-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--hp-primary) 18%,white)}.xp-hero h1{margin:18px 0 0;font-size:var(--hp-h1-split);font-weight:400;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}.xp-hero h1 span{color:var(--hp-primary)}.xp-hero .xp-lede{max-width:480px;margin-top:20px;font-size:17px;line-height:1.6;color:var(--hp-muted)}.xp-actions{margin-top:28px}.xp-form-stage{margin-top:24px;padding:8px}.xp-hero-visual{margin:0}.xp-hero-stage{display:grid;place-items:center;padding:clamp(28px,4vw,48px) 24px}.xp-hero-phone{grid-row:auto;height:clamp(420px,calc(100svh - 300px),600px);box-shadow:0 28px 56px -32px #0c0a0959}.xp-session{display:grid;grid-template-columns:minmax(0,.8fr) auto;gap:56px;align-items:center}.xp-session .kt-copy>p{margin-top:18px}.xp-preview{display:grid;gap:10px}.xp-preview-stage{display:grid;grid-template-columns:auto 190px;grid-template-rows:auto 1fr;gap:16px 28px;padding:24px 28px}.xp-phone{position:relative;grid-row:1 / span 2;height:clamp(360px,calc(var(--kt-frame) - 200px),580px);aspect-ratio:780 / 1687;overflow:hidden;border:7px solid var(--hp-ink);border-radius:34px;background:#fff;box-shadow:0 24px 48px -28px #0c0a0947}.xp-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.xp-phone img.is-on{opacity:1}.xp-tabs{display:grid;gap:6px;align-self:start;padding-top:8px}.xp-tabs button{min-height:44px;padding:10px 16px;border:0;border-radius:999px;background:transparent;color:var(--hp-muted);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1)}.xp-tabs button:hover{background:#fff9;color:var(--hp-ink)}.xp-tabs button[aria-pressed=true]{background:var(--hp-primary);color:#fff}.xp-tabs button:focus-visible{outline:2px solid var(--hp-primary);outline-offset:3px}.xp-qr{display:grid;gap:10px;align-self:end;font-size:13px;line-height:1.45;color:var(--hp-muted)}.xp-qr img{width:72px;height:72px;padding:6px;border-radius:12px;background:#fff}.xp-qr strong{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--hp-ink)}.xp-qr span{display:grid}.xp-qr:hover strong{text-decoration:underline;text-underline-offset:4px}.xp-form{display:grid;gap:16px;padding:20px 22px;border-radius:14px;background:#fff}.xp-form fieldset{min-width:0;margin:0;padding:0;border:0}.xp-form legend,.xp-field>span{margin-bottom:8px;padding:0;font-size:13px;font-weight:500}.xp-form legend small{margin-left:6px;font-size:12px;font-weight:400;color:var(--hp-muted)}.xp-sources>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.xp-sources label{position:relative;display:grid;gap:8px;padding:12px 14px;border:1px solid var(--hp-border);border-radius:12px;cursor:pointer;transition:border-color .16s,background-color .16s}.xp-sources label:hover{border-color:var(--hp-border-strong)}.xp-sources label.is-selected{border-color:var(--hp-primary);background:var(--hp-primary-wash)}.xp-sources label:has(input:focus-visible){outline:2px solid var(--hp-primary);outline-offset:2px}.xp-sources input{position:absolute;opacity:0;pointer-events:none}.xp-source-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--hp-ink);background:var(--hp-surface)}.xp-sources label.is-selected .xp-source-icon{color:var(--hp-accent-ink, #2a3d06);background:var(--hp-accent)}.xp-sources strong{display:block;font-size:14px;font-weight:500}.xp-sources small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:var(--hp-muted)}.xp-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.xp-field{display:grid;min-width:0}.xp-form select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--hp-border-strong);border-radius:10px;background:#fff;color:var(--hp-ink);font:inherit;font-size:16px}.xp-form select:focus-visible{outline:2px solid var(--hp-primary);outline-offset:3px}.xp-translation-row{display:flex;align-items:center;gap:6px}.xp-translation-row+.xp-translation-row{margin-top:8px}.xp-remove-language{display:grid;place-items:center;flex:0 0 40px;height:44px;border:0;background:none;color:var(--hp-muted)}.xp-add-language{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:4px;padding:0;border:0;background:none;color:var(--hp-primary);font-size:13px;font-weight:500}.xp-form-error{font-size:13px;color:#a22f23}.xp-form-error:empty{display:none}.xp-form-error a{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px}.xp-start{width:100%}.xp-start:disabled{opacity:.65;cursor:wait}.xp-form-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:-6px 0 0;padding:0;list-style:none;font-size:13px;color:var(--hp-muted)}.xp-form-notes li{display:inline-flex;align-items:center;gap:6px}.xp-report{height:100%;aspect-ratio:850 / 1200}.xp-report .of-sheet{height:100%}.xp-report .of-sheet img{height:100%;object-fit:cover;object-position:top}.xp-outputs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.xp-output-stage{display:flex;align-items:center;justify-content:center;height:clamp(240px,calc(var(--kt-frame) - 420px),400px);transition:background .16s cubic-bezier(.22,1,.36,1)}.xp-output-stage:hover{background:var(--hp-surface-strong)}.xp-output-stage>img,.xp-output-stage>picture>img{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:6px;box-shadow:0 14px 34px -14px #0c0a092e}.xp-outputs-grid h3{margin-top:18px;font-size:19px;font-weight:500;letter-spacing:-.02em}.xp-outputs-grid p{margin-top:4px;font-size:15px;color:var(--hp-muted)}.xp-links{display:flex;flex-wrap:wrap;gap:0 28px}.xp-links .hp-text-link{margin-top:4px}@media(max-width:960px){.xp-hero,.xp-session{grid-template-columns:minmax(0,1fr);gap:36px}.xp-hero-phone{height:460px}.xp-hero{min-height:0;padding-block:40px 24px}.xp-preview{justify-self:center}}@media(max-width:640px){.xp-preview{justify-self:stretch}.xp-preview-stage{grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px}.xp-phone{grid-row:auto;height:440px}.xp-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding-top:0}.xp-tabs button{text-align:center}.xp-qr,.xp-hero-visual{display:none}.xp-form-stage{margin-top:24px;padding:6px}.xp-form{padding:18px}.xp-form-row,.xp-outputs-grid{grid-template-columns:minmax(0,1fr)}.xp-output-stage{height:300px}.xp-outputs-grid h3{margin-top:14px}}@media(prefers-reduced-motion:reduce){.xp-phone img,.xp-output-stage{transition:none}}