.sp .bf{margin-top:0}.sp .bf>.wrap{padding-block:72px 24px}.sp .bf-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-inline:18px;display:grid}.sp .bf-f{perspective:900px;aspect-ratio:1.4;min-width:0;position:relative}.sp .bf-f.on{z-index:2}.sp .bf-btn{all:unset;cursor:pointer;border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0}.sp .bf-btn:focus-visible{outline:3px solid var(--signal);outline-offset:5px}.sp .bf-back{background:var(--folder-glass);border:1px solid var(--folder-rim);box-shadow:var(--folder-shadow);border-radius:4px 12px 12px;position:absolute;inset:0}.sp .bf-tab{background:var(--folder-glass);border:1px solid var(--folder-rim);border-bottom:0;border-radius:8px 8px 0 0;width:38%;height:20px;position:absolute;top:-16px;left:0}.sp .bf-sheets{pointer-events:none;position:absolute;inset:10px 12px 0}.sp .bf-sheet{background:var(--folder-white);color:var(--ink);box-shadow:var(--folder-shadow);transform:translateY(calc(var(--i) * -7px));border-radius:8px;flex-direction:column;gap:10px;padding:16px;font-size:13px;line-height:1.4;transition:transform .55s cubic-bezier(.2,.9,.25,1.1);display:flex;position:absolute;inset:0}.sp .bf-sheet small{text-transform:uppercase;letter-spacing:0;color:var(--ink-soft);font-size:10px}.sp .bf-sheet p{margin:0}.sp .bf-f.on .bf-sheet{transform:translate(calc((var(--i) - 1) * 6%), calc(-106px + var(--i) * 38px)) rotate(calc((var(--i) - 1) * 3deg))}.sp .bf-front{background:var(--folder-glass);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);border:1px solid var(--folder-rim);box-shadow:var(--folder-shadow);transform-origin:bottom;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;transition:transform .55s cubic-bezier(.2,.9,.25,1.1);display:flex;position:absolute;inset:30% 0 0;overflow:hidden}.sp .bf-front:before{content:"";background:linear-gradient(115deg, transparent 20%, var(--folder-rim) 21%, transparent 22%, transparent 75%, color-mix(in oklab, var(--folder-white) 35%, transparent) 100%);opacity:.35;pointer-events:none;position:absolute;inset:0}.sp .bf-f.on .bf-front{transform:rotateX(-22deg)}.sp .bf-front strong{letter-spacing:0;white-space:normal;font-size:18px;font-weight:600;line-height:1.2}.sp .bf-front em{color:var(--ink-soft);white-space:normal;font-size:12px;font-style:normal}.sp .bf-scale{color:var(--ink-soft);align-items:center;gap:6px;font-size:10px;display:flex}.sp .bf-scale i{background:var(--paper-2);flex:1;height:3px;position:relative}.sp .bf-scale b{background:var(--signal);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px}.sp .bf-logo{letter-spacing:0;font-size:26px;font-weight:700}.sp .bf-logo i{background:var(--signal);width:.46em;height:.085em;margin-left:.1em;display:inline-block}.sp .bf-type b{margin-right:6px;font-size:26px;font-weight:600}.sp .bf-sw{border-radius:6px;height:34px;display:flex;overflow:hidden}.sp .bf-sw span{flex:1}.sp .bf-sw [data-colour=Graphite]{background:var(--ink)}.sp .bf-sw [data-colour=Signal]{background:var(--signal)}.sp .bf-sw [data-colour=Paper]{background:var(--paper-2)}.sp .bf-sw [data-colour=Copper]{background:var(--acme-copper)}.sp .bf-cap{color:var(--ink-soft);text-align:center;margin-top:28px;font-size:12px}@media (width>=1500px){.sp .bf-f{aspect-ratio:1.6}}@media (width<=1000px){.sp .bf-row{gap:20px;padding-inline:0}.sp .bf-front{padding:14px}.sp .bf-front strong{font-size:16px}.sp .bf-sheet{padding:12px;font-size:11px}.sp .bf-f{aspect-ratio:1.15}.sp .bf-scale{flex-wrap:wrap}}@media (width<=700px){.sp .bf-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:140px}.sp .bf-f{aspect-ratio:1.25}.sp .bf>.wrap{padding-top:48px}.sp .bf-front strong{font-size:15px}.sp .bf-front em{font-size:11px}}@media (prefers-reduced-motion:reduce){.sp .bf-sheet,.sp .bf-front{transition:none}}.sp .ai-tools{padding-block:6px 64px}.sp .ai-tools .wrap{flex-direction:column;gap:20px;display:flex}.sp .ai-tools-eyebrow{font-size:var(--t-small);color:var(--ink-soft);margin:0;padding-inline:18px}.sp .ai-tools-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px 28px;margin:0;padding:0 18px;list-style:none;display:flex}.sp .ai-tools-row li{color:var(--ink);opacity:.88;align-items:center;gap:10px;transition:opacity .3s;display:flex}.sp .ai-tools-row li:hover{opacity:1}.sp .ai-tools-row img{object-fit:contain;filter:grayscale()brightness(0);flex:none;display:block}.sp .ai-tools-row .ai-tool-symbol{width:24px;height:24px}.sp .ai-tools-row .ai-tool-lettering{width:auto;height:20px}.sp .ai-tool-chatgpt{width:128px;height:24px;position:relative;overflow:hidden}.sp .ai-tools-row .ai-tool-chatgpt .ai-tool-lettering{width:180px;max-width:none;height:48px;position:absolute;top:-11px;left:-39px}.sp .ai-tool-claude-code{gap:6px}@media (width<=1000px){.sp .ai-tools-row{gap:20px 30px}.sp .ai-tools-eyebrow,.sp .ai-tools-row{padding-inline:0}}@media (width<=700px){.sp .ai-tools{padding-block:4px 44px}.sp .ai-tools-row .ai-tool-symbol{width:22px;height:22px}.sp .ai-tools-row .ai-tool-lettering{height:18px}.sp .ai-tools-row .ai-tool-chatgpt .ai-tool-lettering{width:165px;height:44px;top:-10px;left:-36px}.sp .ai-tools-row{justify-content:flex-start;gap:18px 24px}}@media (prefers-reduced-motion:reduce){.sp .ai-tools-row li{transition:none}}