.sp-hero .page-title{max-width:18ch}.sp-stats{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:clamp(26px,3vw,38px)}.sp-stats div{display:flex;align-items:baseline;gap:8px}.sp-stats b{font-size:clamp(26px,2.6vw,38px);font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--text)}.sp-stats span{font-size:13px;font-weight:700;color:var(--text-soft)}.sp-answer{position:relative;margin-top:clamp(26px,3vw,38px);max-width:880px;padding:22px 24px 22px 26px;border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:var(--surface-solid)}.sp-answer small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.sp-answer p{margin:8px 0 0;font-size:var(--fs-lead,17px);line-height:1.65;color:var(--text)}.sp-index{border-top:1.5px solid var(--text)}.sp-row{position:relative;border-bottom:1px solid var(--line-strong)}.sp-link{position:relative;display:grid;grid-template-columns:86px minmax(0,1.15fr) minmax(0,1fr) 52px;align-items:center;gap:clamp(16px,2.4vw,36px);padding:clamp(22px,2.6vw,34px) clamp(8px,1.4vw,20px);color:var(--text);text-decoration:none;overflow:hidden;isolation:isolate}.sp-link::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,#2b1717 0%,#402020 100%);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:transform .6s var(--ease)}.sp-no{font-size:clamp(40px,4.2vw,64px);font-weight:900;line-height:.9;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--accent);transition:color .35s,-webkit-text-stroke-color .35s}.sp-name{margin:0;font-size:clamp(22px,2.3vw,34px);font-weight:800;line-height:1.08;letter-spacing:-.04em;transition:color .35s}.sp-lede{display:block;margin-top:10px;max-width:46ch;font-size:var(--fs-sm,14px);line-height:1.6;color:var(--text-soft);transition:color .35s}.sp-scope{display:flex;flex-wrap:wrap;gap:6px;transition:opacity .3s}.sp-scope span{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:999px;font-size:12px;font-weight:650;line-height:1.25;color:var(--text-soft);transition:border-color .35s,color .35s}.sp-go{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--line-strong);border-radius:50%;font-size:18px;transition:transform .45s var(--ease),background-color .35s,border-color .35s,color .35s}.sp-img{position:absolute;top:50%;right:110px;z-index:1;width:230px;height:150px;margin-top:-75px;overflow:hidden;border-radius:16px;opacity:0;-webkit-transform:translateY(16px) rotate(-4deg) scale(.92);transform:translateY(16px) rotate(-4deg) scale(.92);transition:opacity .35s,transform .55s var(--ease);pointer-events:none;box-shadow:0 20px 50px rgba(0,0,0,.35)}.sp-img img{display:block;width:100%;height:100%;object-fit:cover}.sp-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover) and (min-width:941px){.sp-link:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}.sp-link:hover .sp-name{color:#fff}.sp-link:hover .sp-lede{color:rgba(245,239,233,.72)}.sp-link:hover .sp-no{color:#5fded0;-webkit-text-stroke-color:#5fded0}.sp-link:hover .sp-scope{opacity:0}.sp-link:hover .sp-go{background:#5fded0;border-color:#5fded0;color:#0b2e2a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sp-link:hover .sp-img{opacity:1;-webkit-transform:none;transform:none}}.sp-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-need{position:relative;display:flex;flex-direction:column;gap:14px;min-height:210px;padding:clamp(20px,2vw,28px);border:1.5px solid var(--line-strong);border-radius:24px;background:var(--surface-solid);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .35s,transform .45s var(--ease)}.sp-need small{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.sp-need b{font-size:clamp(17px,1.4vw,20px);font-weight:750;line-height:1.3;letter-spacing:-.02em}.sp-need-to{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.sp-need-to span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:750}.sp-need:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.sp-need:hover{border-color:var(--accent);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.sp-need:hover .sp-need-to span{background:var(--accent);color:#fff}}.sp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);counter-reset:sp}.sp-steps li{position:relative;padding-top:26px}.sp-steps li::before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:var(--line-strong)}.sp-steps li::after{counter-increment:sp;content:"0" counter(sp);position:absolute;top:-6px;left:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:10.5px;font-weight:800}.sp-steps h3{margin:6px 0 0;font-size:var(--fs-h3,20px);font-weight:750;letter-spacing:-.025em}.sp-steps p{margin:8px 0 0;font-size:var(--fs-sm,14px);line-height:1.6;color:var(--text-soft)}.sp-eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sp-eco a{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-solid);color:var(--text);text-decoration:none;transition:border-color .3s}.sp-eco small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}.sp-eco b{font-size:18px;font-weight:800;letter-spacing:-.02em}.sp-eco span{font-size:13px;line-height:1.55;color:var(--text-soft)}.sp-eco a:hover{border-color:var(--accent)}.sp-faq{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,6vw,96px);align-items:start}.sp-faq-list{border-top:1.5px solid var(--text)}.sp-faq details{border-bottom:1px solid var(--line-strong)}.sp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;list-style:none;cursor:pointer;font-size:var(--fs-h3,19px);font-weight:650;line-height:1.3;letter-spacing:-.02em}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary::after{content:"+";flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-2);font-size:18px;font-weight:500;transition:transform .35s var(--ease),background-color .3s,color .3s}.sp-faq details[open] summary{color:var(--accent-deep)}.sp-faq details[open] summary::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--accent);color:#fff}.sp-faq details p{margin:0;padding:0 44px 22px 0;max-width:66ch;font-size:var(--fs-sm,14px);line-height:1.7;color:var(--text-soft)}@media (max-width:940px){.sp-link{grid-template-columns:64px minmax(0,1fr) 44px;align-items:start}.sp-scope{grid-column:2 / 3}.sp-go{grid-column:3;grid-row:1;width:40px;height:40px;font-size:15px}.sp-img{display:none}.sp-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.sp-eco{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-faq{grid-template-columns:1fr}}@media (max-width:680px){.sp-link{grid-template-columns:minmax(0,1fr) 40px;gap:12px;padding:22px 2px}.sp-no{grid-column:1;font-size:36px}.sp-main{grid-column:1 / -1}.sp-scope{grid-column:1 / -1}.sp-go{grid-column:2;grid-row:1}.sp-scope span:nth-child(n+3){display:none}.sp-needs,.sp-steps,.sp-eco{grid-template-columns:1fr}.sp-need{min-height:0}.sp-answer{padding:18px 18px 18px 20px}.sp-faq summary{font-size:16px;padding:17px 0}.sp-faq details p{padding-right:0}}@media (prefers-reduced-motion: reduce){.sp-link::before,.sp-img,.sp-go,.sp-need{transition:none !important}}
