.workspace-page{display:block}.hp-hero{position:relative;overflow:hidden;padding:96px 22px 72px;text-align:left;background:radial-gradient(920px 460px at 16% -18%,rgba(63,99,196,.1),transparent 62%),radial-gradient(760px 400px at 94% -6%,rgba(63,99,196,.06),transparent 58%),linear-gradient(180deg,#fbfaf8 0%,var(--bg) 100%)}.hp-hero-inner{max-width:1200px;margin:0 auto}.hp-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:750;letter-spacing:.04em;margin-bottom:22px}.hp-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #3f63c429}.hp-hero h1{font-size:clamp(2.25rem,5.2vw,3.55rem);line-height:1.07;letter-spacing:-.028em;font-weight:800;margin:0 0 20px;max-width:17ch}.hp-hero h1 em{font-style:normal;color:var(--accent)}.hp-lead{font-size:1.13rem;color:var(--ink-2);max-width:58ch;margin:0 0 32px}.hp-actions{display:flex;gap:14px;flex-wrap:wrap}.hp-btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;border-radius:999px;padding:15px 32px;font-weight:750;font-size:1.02rem;text-decoration:none;box-shadow:0 8px 22px #3f63c459;transition:transform .17s var(--ease),box-shadow .17s var(--ease),background .17s ease}.hp-btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 12px 28px #3f63c46b}.hp-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:15px 30px;font-weight:700;font-size:1.02rem;text-decoration:none;transition:transform .17s var(--ease),border-color .17s ease,color .17s ease}.hp-btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-2px)}.hp-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}.hp-chips li{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:650;color:var(--ink-2);box-shadow:var(--shadow-sm)}.hp-chips li:before{content:"✓";color:var(--accent);font-weight:800}.hp-section{padding:104px 22px}.hp-section-alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hp-section-inner{max-width:1200px;margin:0 auto}.hp-toolcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.hp-toolcard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px 30px 20px;border-bottom:1px solid var(--line)}.hp-toolcard-head h2{font-size:1.45rem;font-weight:800;letter-spacing:-.015em;margin:0}.hp-toolcard-head p{margin:4px 0 0;color:var(--ink-2);font-size:.92rem}.hp-tabs{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px}.hp-tab{appearance:none;border:none;background:transparent;box-shadow:none;border-radius:999px;padding:10px 22px;font:inherit;font-size:.92rem;font-weight:700;color:var(--ink-2);cursor:pointer;transition:background .15s ease,color .15s ease}.hp-tab.is-active{background:var(--surface);color:var(--accent-dark);box-shadow:var(--shadow-sm)}.hp-panel{padding:28px 30px 32px}.hp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);transition:transform .17s var(--ease),box-shadow .17s var(--ease),border-color .17s ease}.hp-section .hp-card{background:var(--surface-soft)}.hp-section-alt .hp-card{background:var(--surface)}.hp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.hp-card .hp-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.hp-card h3{font-size:1.06rem;font-weight:750;margin:0 0 8px}.hp-card p{color:var(--ink-2);font-size:.92rem;margin:0}.hp-privacy{background:var(--surface-soft);color:var(--ink-2);border-radius:24px;padding:56px 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.hp-privacy h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin:0 0 14px;line-height:1.2}.hp-privacy h2 em{font-style:normal;color:var(--accent)}.hp-privacy>div>p{color:var(--ink-2);margin:0;font-size:.98rem}.hp-privacy-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.hp-privacy-list li{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.hp-privacy-list .hp-pi{width:38px;height:38px;flex:none;border-radius:11px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:17px}.hp-privacy-list b{display:block;font-size:.95rem}.hp-privacy-list span{color:var(--ink-3);font-size:.85rem}.hp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hp-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-sm);position:relative}.hp-step .hp-num{font-size:.8rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:12px}.hp-step h3{font-size:1.08rem;font-weight:750;margin:0 0 8px}.hp-step p{color:var(--ink-2);font-size:.92rem;margin:0}.hp-usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hp-usecase{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.hp-usecase .hp-ui{width:44px;height:44px;flex:none;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:20px}.hp-usecase b{display:block;font-size:.98rem;margin-bottom:3px}.hp-usecase span{color:var(--ink-2);font-size:.87rem}.hp-compare{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.hp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;background:var(--surface)}.hp-row+.hp-row{border-top:1px solid var(--line)}.hp-row>span{padding:15px 20px;font-size:.92rem;color:var(--ink-2);display:flex;align-items:center;gap:8px}.hp-row>span:first-child{font-weight:700;color:var(--ink)}.hp-row.hp-head{background:var(--accent-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent-dark)}.hp-row.hp-head>span{color:var(--accent-dark)}.hp-row .yes{color:#1d7a4f;font-weight:800}.hp-row .no{color:#b4552d;font-weight:800}.hp-guides{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hp-guide{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .17s var(--ease),box-shadow .17s var(--ease),border-color .17s ease}.hp-guide:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.hp-guide b{display:block;color:var(--ink);font-size:.98rem;line-height:1.45;margin-bottom:8px}.hp-guide span{color:var(--accent);font-size:.8rem;font-weight:750;letter-spacing:.05em}.hp-faq-list{max-width:780px}.hp-cta{background:var(--surface-soft);border-radius:24px;padding:60px 48px;text-align:center;color:var(--ink-2)}.hp-cta h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.hp-cta p{color:var(--ink-3);margin:0 0 30px;font-size:1.02rem}.hp-cta .hp-btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px #00000026}.hp-cta .hp-btn-primary:hover{background:var(--accent-dark)}@media(max-width:980px){.hp-section{padding:64px 20px}.hp-features,.hp-usecases,.hp-guides{grid-template-columns:1fr 1fr}.hp-privacy{grid-template-columns:1fr;padding:40px 30px}.hp-steps{grid-template-columns:1fr}.hp-row{grid-template-columns:1fr 1fr}.hp-toolcard-head,.hp-panel{padding:22px}}@media(max-width:620px){.hp-hero{padding:68px 20px 56px}.hp-features,.hp-usecases,.hp-guides{grid-template-columns:1fr}.hp-tabs{width:100%}.hp-tab{flex:1;text-align:center;padding:10px 8px}.hp-cta,.hp-privacy{border-radius:18px}.hp-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.hp-hero{background:radial-gradient(920px 460px at 16% -18%,rgba(103,141,224,.13),transparent 62%),radial-gradient(760px 400px at 94% -6%,rgba(103,141,224,.08),transparent 58%),linear-gradient(180deg,#1b1a15 0%,var(--bg) 100%)}.hp-row .yes{color:#5ad194}.hp-row .no{color:#e58a5c}}.hp-hero{background:none;padding:88px 22px 72px}.hp-badge{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-dark);border-radius:999px;box-shadow:none}.hp-hero h1{color:var(--ink);font-weight:800;letter-spacing:-.025em}.hp-hero h1 em{font-style:normal;background:linear-gradient(120deg,#3f63c4 15%,#7c9ae8 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hp-lead{color:var(--ink-2)}.hp-btn-primary{background:var(--accent);border-radius:20px;box-shadow:none}.hp-btn-ghost{border:1px solid var(--line-strong);border-radius:20px;color:var(--ink-2);background:var(--surface)}.hp-chips li{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;color:var(--ink-2);box-shadow:none}.hp-section-alt{background:var(--surface-soft);border-color:var(--line)}.hp-card,.hp-guide,.hp-usecase,.hp-step{border:1px solid var(--line);border-radius:12px;box-shadow:none;transition:border-color .2s ease,transform .2s ease}.hp-card:hover,.hp-guide:hover,.hp-usecase:hover,.hp-step:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:none}.hp-privacy{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--ink-2)}.hp-privacy h2,.hp-privacy strong,.hp-privacy-list .hp-pi b{color:var(--ink)}.hp-cta{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.hp-cta h2{color:var(--ink)}.hp-cta p{color:var(--ink-2)}@media(prefers-color-scheme:dark){.hp-hero{background:none}.hp-hero h1{color:#fffff5db}.hp-privacy,.hp-cta{background:var(--surface-soft)}.hp-cta h2,.hp-privacy h2{color:#fffff5db}}html.dark .hp-hero{background:none}html.dark .hp-hero h1,html.dark .hp-cta h2,html.dark .hp-privacy h2{color:#fffff5db}html.dark .hp-cta,html.dark .hp-privacy{background:var(--surface-soft)}html.light .hp-hero{background:none}html.light .hp-hero h1,html.light .hp-cta h2,html.light .hp-privacy h2{color:var(--ink)}html.light .hp-row .yes{color:#1d7a4f}html.light .hp-row .no{color:#b4552d}html.light .hp-cta,html.light .hp-privacy{background:var(--surface-soft)}