:root{--sl-ink:#0f172a;--sl-mute:#64748b;--sl-line:rgba(15, 23, 42, 0.08);--sl-blue:#2563eb;--sl-blue-deep:#1d4ed8;--sl-wash:#f8fafc;--sl-soft:#eef2ff;--sl-radius:22px;--sl-ease:cubic-bezier(0.22, 1, 0.36, 1);}.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:48px;padding:0.75rem 1.35rem;border:0;border-radius:14px;font:inherit;font-weight:700;font-size:0.95rem;cursor:pointer;text-decoration:none;transition:transform 0.3s var(--sl-ease), background 0.3s, color 0.3s, box-shadow 0.3s;}.sl-btn:hover{transform:translateY(-1px);}.sl-btn-primary{background:var(--sl-blue);color:#fff;box-shadow:0 10px 28px rgba(37, 99, 235, 0.22);}.sl-btn-primary:hover{background:var(--sl-blue-deep);}.sl-btn-quiet{background:transparent;color:var(--sl-ink);border:1px solid var(--sl-line);}.sl-btn-quiet:hover{background:rgba(15, 23, 42, 0.04);}.sl-btn-ghost{background:transparent;color:var(--sl-mute);border:0;min-height:40px;padding:0.5rem 0.85rem;font-weight:600;}.sl-btn-ghost:hover{color:var(--sl-ink);}.sl-btn-wa{background:#25d366;color:#fff;box-shadow:0 10px 24px rgba(37, 211, 102, 0.25);}.sl-btn-wa:hover{filter:brightness(1.05);}.sl-btn-wide{width:100%;}.sl-hero{position:relative;overflow:hidden;background:#fff;padding:2.5rem 0 0;}.sl-hero-wash{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 85% 20%, rgba(37, 99, 235, 0.1), transparent 60%), linear-gradient(180deg, #ffffff 0%, var(--sl-wash) 100%);pointer-events:none;}.sl-hero-grid{position:relative;z-index:1;display:grid;gap:1.5rem;align-items:end;grid-template-columns:1fr;min-height:min(72vh, 640px);}.sl-hero-copy{padding-bottom:2rem;max-width:34rem;}.sl-brand{margin:0 0 0.85rem;font-size:clamp(1.05rem, 2.4vw, 1.35rem);font-weight:800;letter-spacing:-0.03em;color:var(--sl-blue);}.sl-h1{margin:0 0 0.85rem;font-size:clamp(2.2rem, 6vw, 3.6rem);font-weight:800;letter-spacing:-0.045em;line-height:1.02;color:var(--sl-ink);}.sl-lead{margin:0 0 1.5rem;font-size:clamp(1.02rem, 2vw, 1.18rem);line-height:1.5;color:var(--sl-mute);max-width:32ch;}.sl-hero-actions{display:flex;flex-wrap:wrap;gap:0.65rem;}.sl-hero-visual{margin:0;display:grid;place-items:end center;min-height:280px;}.sl-hero-visual img{width:min(100%, 360px);height:auto;max-height:460px;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(15, 23, 42, 0.14));animation:slFloat 7s ease-in-out infinite alternate;}@keyframes slFloat{from{transform:translateY(0);}to{transform:translateY(-10px);}}.sl-process{background:#fff;border-block:1px solid var(--sl-line);padding:1.35rem 0;}.sl-process-track{display:flex;flex-wrap:wrap;align-items:center;gap:0.85rem 1rem;margin:0;padding:0;list-style:none;}.sl-process-item{display:flex;align-items:center;gap:0.7rem;min-width:0;}.sl-process-n{flex-shrink:0;width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;font-size:0.85rem;font-weight:800;color:var(--sl-blue);background:var(--sl-soft);}.sl-process-item strong{display:block;font-size:0.92rem;color:var(--sl-ink);}.sl-process-item span{display:block;font-size:0.8rem;color:var(--sl-mute);}.sl-process-rule{flex:1 1 2rem;height:1px;min-width:1.5rem;background:var(--sl-line);list-style:none;}.sl-studio{background:var(--sl-wash);padding:3rem 0 3.5rem;}.sl-studio-head{max-width:36rem;margin:0 auto 1.75rem;text-align:center;}.sl-studio-head h2{margin:0 0 0.45rem;font-size:clamp(1.55rem, 3vw, 2rem);letter-spacing:-0.03em;color:var(--sl-ink);}.sl-studio-head p{margin:0;color:var(--sl-mute);}.sl-stage{background:rgba(255, 255, 255, 0.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--sl-line);border-radius:28px;padding:1.15rem 1rem 1.4rem;box-shadow:0 20px 60px rgba(15, 23, 42, 0.06);}.sl-stage-top{margin-bottom:1.25rem;}.sl-dots{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.75rem;}.sl-dot{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.7rem;border:0;border-radius:12px;background:transparent;color:var(--sl-mute);font:inherit;font-size:0.78rem;font-weight:700;cursor:default;opacity:0.55;}.sl-dot em{font-style:normal;width:1.2rem;height:1.2rem;border-radius:7px;display:grid;place-items:center;background:#e2e8f0;color:#475569;font-size:0.68rem;}.sl-dot.is-active, .sl-dot.is-done{opacity:1;color:var(--sl-ink);background:#fff;box-shadow:0 1px 0 var(--sl-line);}.sl-dot.is-active em, .sl-dot.is-done em{background:var(--sl-blue);color:#fff;}.sl-dot span{display:none;}.sl-rail{height:3px;border-radius:980px;background:rgba(15, 23, 42, 0.06);overflow:hidden;}.sl-rail i{display:block;height:100%;background:linear-gradient(90deg, var(--sl-blue), #60a5fa);border-radius:inherit;transition:width 0.45s var(--sl-ease);}.sl-chipbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:1.15rem;padding:0.7rem 0.95rem;border-radius:14px;background:var(--sl-soft);border:1px solid rgba(37, 99, 235, 0.12);}.sl-chipbar p{margin:0;font-size:0.88rem;font-weight:700;color:var(--sl-ink);}.sl-chipbar button{border:0;background:none;color:var(--sl-blue);font:inherit;font-size:0.85rem;font-weight:700;cursor:pointer;}.sl-pane[hidden]{display:none !important;}.sl-pane.is-active{animation:slPaneIn 0.4s var(--sl-ease);}@keyframes slPaneIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.sl-pane-kicker{margin:0 0 0.35rem;font-size:0.72rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--sl-blue);}.sl-pane-title{margin:0 0 1.15rem;font-size:clamp(1.25rem, 2.5vw, 1.55rem);letter-spacing:-0.03em;color:var(--sl-ink);}.sl-pane-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:0.85rem;margin-bottom:1rem;}.sl-pane-row .sl-pane-title{margin-bottom:0;}.sl-pane-foot{margin-top:1.25rem;}.sl-find input{width:min(100%, 260px);min-height:44px;border:1px solid var(--sl-line);border-radius:12px;padding:0.55rem 0.95rem;font:inherit;background:#fff;color:var(--sl-ink);}.sl-find input:focus{outline:2px solid rgba(37, 99, 235, 0.25);border-color:transparent;}.sl-pick-pair{display:grid;gap:1rem;grid-template-columns:1fr;}.sl-pick{display:grid;grid-template-rows:1fr auto;min-height:280px;padding:0;border:1px solid var(--sl-line);border-radius:var(--sl-radius);background:#fff;overflow:hidden;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:transform 0.35s var(--sl-ease), border-color 0.3s, box-shadow 0.35s;}.sl-pick:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15, 23, 42, 0.08);}.sl-pick.is-selected{border-color:var(--sl-blue);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.2), 0 22px 48px rgba(15, 23, 42, 0.08);}.sl-pick-shot{display:grid;place-items:center;padding:1.5rem 1rem 0.5rem;background:radial-gradient(circle at 50% 40%, rgba(37, 99, 235, 0.08), transparent 60%), linear-gradient(180deg, #f8fafc 0%, #fff 100%);}.sl-pick-shot img{width:auto;max-width:150px;height:190px;object-fit:contain;}.sl-pick-shot--pad img{max-width:200px;height:150px;}.sl-pick-meta{display:grid;gap:0.15rem;padding:1rem 1.2rem 1.25rem;border-top:1px solid var(--sl-line);}.sl-pick-meta strong{font-size:1.2rem;letter-spacing:-0.02em;}.sl-pick-meta span{color:var(--sl-mute);font-size:0.9rem;}.sl-shelf{display:grid;gap:0.75rem;grid-template-columns:repeat(2, 1fr);max-height:480px;overflow:auto;padding:0.2rem;scrollbar-width:thin;}.sl-tile{display:grid;gap:0.5rem;padding:0.85rem 0.6rem 0.95rem;border:1px solid var(--sl-line);border-radius:18px;background:#fff;cursor:pointer;font:inherit;color:inherit;text-align:center;transition:transform 0.3s var(--sl-ease), border-color 0.25s, box-shadow 0.3s;}.sl-tile:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15, 23, 42, 0.07);}.sl-tile.is-selected{border-color:var(--sl-blue);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.18);}.sl-tile-shot{display:grid;place-items:center;min-height:118px;border-radius:12px;background:linear-gradient(180deg, #f1f5f9 0%, #fff 100%);}.sl-tile-shot img{width:auto;max-width:78px;height:108px;object-fit:contain;}.sl-tile-shot--pad img{max-width:92px;height:92px;}.sl-tile-ghost{width:46px;height:82px;border-radius:9px;background:linear-gradient(160deg, #cbd5e1, #94a3b8);}.sl-tile-ghost--pad{width:68px;height:86px;border-radius:7px;}.sl-tile strong{font-size:0.78rem;line-height:1.3;font-weight:700;}.sl-seg{display:flex;flex-wrap:wrap;gap:0.55rem;}.sl-seg-btn{min-width:5.5rem;min-height:48px;padding:0.65rem 1rem;border:1px solid var(--sl-line);border-radius:14px;background:#fff;font:inherit;font-weight:700;color:var(--sl-ink);cursor:pointer;transition:background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;}.sl-seg-btn:hover{transform:translateY(-1px);border-color:rgba(37, 99, 235, 0.35);}.sl-seg-btn.is-selected{background:var(--sl-ink);border-color:var(--sl-ink);color:#fff;}.sl-state-grid{display:grid;gap:0.75rem;grid-template-columns:1fr;}.sl-state{display:grid;gap:0.2rem;text-align:left;padding:1.05rem 1.15rem;border:1px solid var(--sl-line);border-radius:16px;background:#fff;font:inherit;color:inherit;cursor:pointer;transition:transform 0.3s var(--sl-ease), border-color 0.25s, box-shadow 0.3s;}.sl-state:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15, 23, 42, 0.06);}.sl-state.is-selected{border-color:var(--sl-blue);background:linear-gradient(180deg, #fff 0%, #f8faff 100%);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.15);}.sl-state strong{font-size:1.02rem;}.sl-state span{color:var(--sl-mute);font-size:0.88rem;}.sl-final-grid{display:grid;gap:1.15rem;}.sl-form .float-grid{display:grid;gap:0.85rem;}.sl-assist{display:grid;gap:0.85rem;}.sl-assist-block{padding:1.15rem 1.1rem;border-radius:18px;border:1px solid var(--sl-line);background:#fff;}.sl-assist-block h3{margin:0 0 0.35rem;font-size:1rem;}.sl-assist-block p{margin:0 0 0.9rem;color:var(--sl-mute);font-size:0.9rem;line-height:1.5;}.sl-assist-block--soft{background:var(--sl-wash);}.sl-assist-block--soft p{margin-bottom:0;}.sl-close{background:var(--sl-ink);color:#fff;padding:3.25rem 0;text-align:center;}.sl-close-inner{max-width:36rem;margin-inline:auto;}.sl-close h2{margin:0 0 0.5rem;font-size:clamp(1.55rem, 3vw, 2.1rem);letter-spacing:-0.03em;}.sl-close p{margin:0 0 1.35rem;color:rgba(248, 250, 252, 0.72);}.sl-close-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;}.sl-close .sl-btn-quiet{color:#fff;border-color:rgba(255, 255, 255, 0.22);}.sl-close .sl-btn-quiet:hover{background:rgba(255, 255, 255, 0.08);}@media (max-width:559px){.sl-hero{padding:1.75rem 0 0;}.sl-hero-grid{gap:1.15rem;}.sl-hero-copy{padding-bottom:1.5rem;}.sl-h1{font-size:clamp(1.7rem, 8vw, 2.25rem);}.sl-lead{font-size:1rem;}.sl-hero-actions{flex-direction:column;}.sl-hero-actions .sl-btn{width:100%;}.sl-hero-visual{min-height:280px;place-items:center;}.sl-hero-visual img{width:min(100%, 260px);max-height:320px;}.sl-process{padding:1rem 0;}.sl-process-track{gap:.75rem;}.sl-process-item{width:100%;}.sl-process-rule{display:none;}.sl-studio{padding:2.25rem 0 2.75rem;}.sl-stage{padding:1.1rem 1rem 1.25rem;border-radius:18px;}.sl-shelf{grid-template-columns:repeat(2, 1fr);max-height:360px;}.sl-pick-pair, .sl-state-grid, .sl-final-grid{grid-template-columns:1fr;}.sl-dot span{display:none;}.sl-close-actions{flex-direction:column;}.sl-close-actions .sl-btn{width:100%;}}@media (min-width:560px){.sl-pick-pair{grid-template-columns:1fr 1fr;}.sl-shelf{grid-template-columns:repeat(3, 1fr);}.sl-state-grid{grid-template-columns:1fr 1fr;}.sl-dot span{display:inline;}}@media (min-width:768px){.sl-hero{padding:1.5rem 0 0;}.sl-hero-grid{grid-template-columns:1.05fr 0.95fr;align-items:center;min-height:min(78vh, 680px);gap:2rem;}.sl-hero-copy{padding-bottom:3rem;}.sl-hero-visual{min-height:520px;place-items:end center;}.sl-hero-visual img{width:min(100%, 420px);max-height:560px;}.sl-process-track{flex-wrap:nowrap;}.sl-shelf{grid-template-columns:repeat(4, 1fr);}.sl-stage{padding:1.45rem 1.45rem 1.65rem;}}@media (min-width:960px){.sl-final-grid{grid-template-columns:1.3fr 0.85fr;align-items:start;}.sl-form .float-grid{grid-template-columns:1fr 1fr;}.sl-shelf{grid-template-columns:repeat(5, 1fr);max-height:520px;}.sl-studio{padding:3.75rem 0 4.25rem;}}@media (prefers-reduced-motion:reduce){.sl-hero-visual img{animation:none;}.sl-pane.is-active{animation:none;}.sl-btn:hover, .sl-pick:hover, .sl-tile:hover, .sl-state:hover{transform:none;}}