.hp-guest{--brand-600: var(--color-brand-600);--brand-700: var(--color-brand-700);--brand-500: var(--color-brand-500);--brand-50: var(--color-brand-50);--ink: #1f2937;--muted: #6b7280;--surface: #ffffff;--bg: #f4f6f8;--g-pre: #2563eb;--g-in: #dc2626;--g-re: #d97706;--g-suf: #059669;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .04), 0 12px 32px rgba(13, 60, 52, .1);background:var(--surface);color:var(--ink);line-height:1.75;font-size:16px}.hp-guest *,.hp-guest *:before,.hp-guest *:after{box-sizing:border-box}.hp-guest a{color:var(--brand-600);text-decoration:none}.hp-guest .wrap{max-width:1080px;margin:0 auto;padding:0 20px}.hp-guest .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:11px 22px;font-size:.95rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:.18s}.hp-guest .btn-primary{background:var(--brand-600);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-600) 28%,transparent)}.hp-guest .btn-primary:hover{background:var(--brand-700);transform:translateY(-1px)}.hp-guest .btn-ghost{border-color:#d3dedb;color:var(--brand-700);background:#fff}.hp-guest .btn-ghost:hover{border-color:var(--brand-600)}.hp-guest .hero{background:linear-gradient(165deg,#e9f5f2,#f4faf8 55%,#fff);border-bottom:1px solid #eef2f1}.hp-guest .hero .wrap{display:grid;grid-template-columns:1fr 460px;gap:48px;align-items:start;padding:56px 20px 60px}.hp-guest .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:var(--brand-700);background:#fff;border:1px solid #d8e8e4;border-radius:99px;padding:4px 14px;margin-bottom:18px}.hp-guest .eyebrow .dot{width:7px;height:7px;border-radius:99px;background:var(--brand-500)}.hp-guest .hero h1{font-size:2.3rem;line-height:1.35;font-weight:800;letter-spacing:.3px;margin:0}.hp-guest .hero h1 .accent{color:var(--brand-600)}.hp-guest .hero-sub{color:#4b5563;margin:16px 0 26px;font-size:1.02rem;max-width:26em}.hp-guest .cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hp-guest .trust-line{margin-top:14px;font-size:.82rem;color:var(--muted)}.hp-guest .trust-line b{color:var(--brand-700);font-weight:600}.hp-guest .demo{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid #e8efed;overflow:hidden}.hp-guest .demo-h{display:flex;justify-content:space-between;align-items:baseline;padding:14px 18px 0}.hp-guest .demo-h .t{font-weight:700;font-size:.95rem}.hp-guest .demo-h .hint{font-size:.75rem;color:var(--muted)}.hp-guest .demo-body{padding:12px 18px 16px}.hp-guest .demo-input{width:100%;font-size:1.1rem;padding:10px 14px;border:2px solid #d8dee4;border-radius:10px;outline:none;font-family:inherit}.hp-guest .demo-input:focus{border-color:var(--brand-600)}.hp-guest .demo-chips{display:flex;gap:6px;margin:10px 0 4px;flex-wrap:wrap;align-items:center}.hp-guest .demo-chips>span:first-child{font-size:.78rem;color:var(--muted)}.hp-guest .chip{border:1px solid #dde4e2;background:#fff;border-radius:99px;padding:3px 12px;font-size:.85rem;cursor:pointer;transition:.15s;color:var(--ink)}.hp-guest .chip:hover{border-color:var(--brand-600);color:var(--brand-600)}.hp-guest .chip.on{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.hp-guest .demo-meta{font-size:.85rem;color:#374151;padding:6px 2px 8px;border-bottom:1px solid #f1f3f5}.hp-guest .demo-meta b{color:var(--brand-700)}.hp-guest .affix-tabs{display:flex;gap:6px;margin:10px 0 8px;flex-wrap:wrap}.hp-guest .demo-table{width:100%;border-collapse:collapse;font-size:.92rem}.hp-guest .demo-table td{padding:7px 4px;border-bottom:1px solid #f4f6f5}.hp-guest .demo-table tr:last-child td{border-bottom:none}.hp-guest .demo-table .lbl{color:var(--muted);font-size:.8rem;white-space:nowrap}.hp-guest .demo-table .frm{text-align:right;font-weight:700;font-size:1.02rem}.hp-guest .g-pre{color:var(--g-pre)}.hp-guest .g-in{color:var(--g-in)}.hp-guest .g-re{color:var(--g-re)}.hp-guest .g-suf{color:var(--g-suf)}.hp-guest .demo-bridge{background:var(--brand-50);padding:10px 18px;font-size:.85rem;color:var(--brand-700)}.hp-guest .demo-body #result{will-change:height}@media(prefers-reduced-motion:reduce){.hp-guest .demo-body #result{transition:none!important}}.hp-guest section{padding:64px 0}.hp-guest .sec-head{max-width:560px;margin-bottom:34px}.hp-guest .sec-head h2{font-size:1.55rem;font-weight:800;letter-spacing:.3px;margin:0}.hp-guest .sec-head p{color:var(--muted);margin-top:6px;font-size:.95rem}.hp-guest .sec-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.hp-guest .why{background:#fff}.hp-guest .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hp-guest .why-card{background:var(--bg);border-radius:var(--radius);padding:24px 22px}.hp-guest .why-card .ic{width:38px;height:38px;border-radius:10px;background:var(--brand-50);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--brand-600);font-size:1.1rem}.hp-guest .why-card h3{font-size:1.02rem;font-weight:700;margin-bottom:6px}.hp-guest .why-card p{font-size:.88rem;color:#4b5563;margin:0}.hp-guest .color-demo{margin-top:10px;background:#fff;border-radius:8px;padding:8px 12px;font-weight:700;font-size:1.05rem;display:inline-block}.hp-guest .tools{background:var(--bg)}.hp-guest .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-guest .tool-card{display:block;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;color:var(--ink);transition:.18s;position:relative}.hp-guest .tool-card:hover{border-color:var(--brand-600);transform:translateY(-3px);box-shadow:var(--shadow-lg);color:var(--ink)}.hp-guest .tool-card .ic{width:36px;height:36px;border-radius:9px;background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:1rem;font-weight:800}.hp-guest .tool-card h3{font-size:1rem;font-weight:700;margin-bottom:4px}.hp-guest .tool-card p{font-size:.85rem;color:var(--muted);min-height:3.1em;margin:0}.hp-guest .tool-card .go{font-size:.85rem;font-weight:700;color:var(--brand-600);opacity:0;transition:.18s;position:absolute;right:18px;top:20px}.hp-guest .tool-card:hover .go{opacity:1}.hp-guest .path{background:#fff}.hp-guest .path-strip{display:flex;gap:0;overflow-x:auto;padding:10px 2px 18px;-webkit-overflow-scrolling:touch}.hp-guest .step{flex:0 0 auto;display:flex;align-items:center}.hp-guest .step .node{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px}.hp-guest .step .num{width:34px;height:34px;border-radius:99px;background:var(--brand-50);color:var(--brand-700);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:2px solid #cde7e1}.hp-guest .step:first-child .num{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.hp-guest .step .lb{font-size:.82rem;color:var(--ink);white-space:nowrap}.hp-guest .step .line{width:38px;height:2px;background:#d8e8e4;margin:0 2px 26px}.hp-guest .step:last-child .line{display:none}.hp-guest .cta-band{background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-radius:18px;padding:44px 24px;text-align:center;color:#fff;box-shadow:var(--shadow-lg)}.hp-guest .cta-band h2{font-size:1.5rem;font-weight:800;margin:0;color:#fff}.hp-guest .cta-band p{opacity:.92;margin:8px 0 22px;font-size:.95rem}.hp-guest .btn-white{background:#fff;color:var(--brand-700)}.hp-guest .btn-white:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000026}@media(max-width:900px){.hp-guest .hero .wrap{grid-template-columns:1fr;gap:30px;padding:38px 20px 44px}.hp-guest .why-grid,.hp-guest .tools-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hp-guest .hero h1{font-size:1.7rem}.hp-guest .why-grid,.hp-guest .tools-grid{grid-template-columns:1fr}.hp-guest section{padding:44px 0}.hp-guest .cta-row .btn{width:100%}}