/* Scroll-driven card fan, adapted to Arsalan's toolkit. */
.expertise-section{margin-bottom:0}.toolkit-section{position:relative;background:#1c201a;border-bottom:1px solid #394031;margin-bottom:110px;scroll-margin-top:84px}.toolkit-sticky{padding:85px 0 45px;position:relative}.toolkit-heading{text-align:center;position:relative;z-index:4;pointer-events:none}.toolkit-heading .eyebrow{font-size:12px;margin:0 0 14px}.toolkit-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(56px,6vw,92px);font-weight:500;letter-spacing:-.065em;line-height:1.1;color:var(--text)}.toolkit-subtitles{position:relative;height:44px;margin-top:12px;overflow:hidden}.toolkit-subtitles h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(21px,2.2vw,32px);font-weight:400;letter-spacing:-.035em;color:var(--muted);margin:0;line-height:1.35}.toolkit-stage{margin:40px auto;width:calc(100% - 80px);max-width:1280px}.toolkit-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.tool-slot{min-width:0}.tool-card{display:flex;flex-direction:column;align-items:stretch;width:100%;aspect-ratio:295/417;border:1px solid #ffffff24;border-radius:20px;padding:24px;text-align:left;color:#182015;background:#d7e4c3;box-shadow:0 12px 28px #0003;font-family:'DM Sans',sans-serif;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.8,.2,1);overflow:hidden}.tool-card:focus-visible{outline:3px solid #fff;outline-offset:5px}.tool-card-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-family:'Space Grotesk',sans-serif;line-height:1.2;opacity:.75}.tool-mark{display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(46px,5vw,76px);font-weight:650;letter-spacing:-.08em;flex:1;min-height:60px;line-height:1}.tool-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(19px,1.85vw,27px);letter-spacing:-.055em;line-height:1.15;display:block;margin-bottom:12px}.tool-description{display:block;font-size:13px;line-height:1.4;opacity:.86;min-height:52px}.tool-tags{font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:.03em;margin-top:18px;padding-top:14px;border-top:1px solid currentColor;opacity:.6}.tool-wordpress{background:#8ebed0;color:#102c36}.tool-wix{background:#eee8d8;color:#25251c}.tool-wix .tool-mark{letter-spacing:-.1em}.tool-squarespace{background:#bccbad;color:#263022}.tool-shopify{background:#b7d97d;color:#294010}.tool-html{background:#ed9a71;color:#402311}.tool-css{background:#8eb6e0;color:#18324e}.tool-javascript{background:#f0db4f;color:#302b08}.tool-woo{background:#b99cd7;color:#372147}.tool-woo .tool-mark{font-size:70px;font-weight:700;letter-spacing:-.08em}.toolkit-footer{display:flex;align-items:center;justify-content:space-between;gap:30px}.toolkit-scroll-hint{font-size:11px;color:#a7b39a}.toolkit-navigation{display:flex;gap:25px}.toolkit-navigation button{font-size:13px;padding:8px 0;border:0;border-bottom:1px solid transparent;background:none;color:#a4b093;white-space:nowrap}.toolkit-navigation button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.toolkit-navigation span{font-family:'Space Grotesk',sans-serif;font-size:10px;margin-left:8px;opacity:.7}.toolkit-progress{height:2px;background:#424d38;width:110px}.toolkit-progress i{display:block;width:0;height:100%;background:var(--lime)}.toolkit-bridge{display:none}
.toolkit-animated{height:430vh}.toolkit-animated .toolkit-sticky{position:sticky;top:84px;height:calc(100svh - 84px);min-height:530px;padding:0;overflow:hidden;isolation:isolate}.toolkit-animated .toolkit-heading{position:absolute;top:7%;left:0;right:0}.toolkit-animated .toolkit-subtitles h3{position:absolute;left:0;right:0;top:0;will-change:opacity,transform}.toolkit-animated .toolkit-stage{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;perspective:1600px}.toolkit-animated .toolkit-deck{display:block;position:absolute;inset:0;margin:0;pointer-events:none}.toolkit-animated .tool-slot{position:absolute;left:50%;top:62%;width:clamp(190px,18vw,285px);opacity:0;visibility:hidden;will-change:transform;transition:transform .5s cubic-bezier(.23,1.3,.4,1),opacity .2s;pointer-events:none}.toolkit-animated .tool-card{pointer-events:auto}.toolkit-animated .tool-card:hover,.toolkit-animated .tool-card:focus-visible{transform:translateY(-15px) scale(1.035)}.toolkit-animated .toolkit-footer{position:absolute;bottom:25px;left:0;right:0;z-index:5}.toolkit-animated .toolkit-bridge{display:block;position:absolute;left:50%;top:62%;width:clamp(190px,18vw,285px);aspect-ratio:295/417;transform:translate(-50%,-50%);perspective:1600px;visibility:hidden;z-index:8;pointer-events:none}.toolkit-flipper{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.bridge-front,.bridge-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bridge-back{transform:rotateY(180deg)}.toolkit-bridge .tool-card{height:100%;pointer-events:none}.toolkit-subtitles h3[data-deck-title="1"]{display:none}.toolkit-animated .toolkit-subtitles h3[data-deck-title="1"]{display:block;opacity:0}
@media(max-height:800px) and (min-width:651px){.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(165px,27svh,230px);top:62%}.toolkit-animated .toolkit-heading{top:5%}.toolkit-heading h2{font-size:60px}.toolkit-heading .eyebrow{font-size:11px;margin-bottom:10px}.toolkit-subtitles h3{font-size:25px}.tool-card{padding:20px}.tool-name{font-size:22px}.tool-mark{font-size:57px}.tool-description{font-size:12px;min-height:42px}.tool-tags{font-size:8px;margin-top:12px;padding-top:10px}.tool-card-top{font-size:9px}.tool-woo .tool-mark{font-size:57px}}
@media(max-width:900px){.toolkit-section{margin-bottom:80px}.toolkit-deck{grid-template-columns:repeat(2,1fr)}.toolkit-scroll-hint{font-size:10px}.toolkit-navigation{gap:16px}.toolkit-navigation button{font-size:12px}.toolkit-progress{width:70px}.toolkit-footer{gap:20px}.tool-card{padding:20px}}
@media(max-width:650px){.toolkit-section{margin-bottom:65px;scroll-margin-top:72px}.toolkit-sticky{padding:55px 0 30px}.toolkit-heading .eyebrow{font-size:10px}.toolkit-heading h2{font-size:61px}.toolkit-subtitles h3{font-size:22px}.toolkit-stage{width:calc(100% - 35px);margin:25px auto}.toolkit-deck{gap:12px}.tool-card{padding:17px 15px;border-radius:15px}.tool-card-top{font-size:8px}.tool-name{font-size:21px}.tool-mark{font-size:52px}.tool-woo .tool-mark{font-size:48px}.tool-description{font-size:11px;line-height:1.4;min-height:46px}.tool-tags{font-size:8px;margin-top:10px;padding-top:10px}.toolkit-footer{justify-content:center;flex-wrap:wrap;gap:15px}.toolkit-scroll-hint{width:100%;text-align:center;font-size:10px}.toolkit-navigation button{font-size:13px}.toolkit-navigation{gap:25px}.toolkit-progress{width:45px}.toolkit-animated{height:370svh}.toolkit-animated .toolkit-sticky{top:72px;height:calc(100svh - 72px);min-height:500px}.toolkit-animated .toolkit-heading{top:8%}.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(160px,43vw,205px);top:61%}.toolkit-animated .toolkit-footer{bottom:20px}.toolkit-animated .toolkit-heading h2{font-size:64px}.toolkit-animated .tool-card:hover{transform:none}.toolkit-animated .tool-card:focus-visible{transform:translateY(-13px)}}
@media(prefers-reduced-motion:reduce){.toolkit-section{height:auto}.toolkit-progress,.toolkit-scroll-hint{display:none}.tool-card{transition:none}.toolkit-subtitles{height:auto}.toolkit-subtitles h3[data-deck-title="1"]{display:block}.toolkit-subtitles h3{font-size:19px}.toolkit-heading{position:static}}
@media(min-width:651px) and (max-width:1100px){header nav{gap:24px}}

/* Camera pullback as the fan unfolds. */
.toolkit-stage{transform-origin:50% 62%;will-change:transform}.toolkit-animated .tool-slot{transition:transform .16s ease-out,opacity .2s}.tool-automation{background:#d2fb69;color:#243512}.tool-vibe{background:#b7e4df;color:#193b37}.toolkit-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card-top{font-size:14px}.tool-description{font-size:16px;min-height:66px}.tool-tags{font-size:12px}.toolkit-navigation button{font-size:14px}
@media(max-width:900px){.toolkit-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-animated .tool-description{font-size:14px}.toolkit-animated .tool-card-top{font-size:12px}.toolkit-animated .tool-tags{font-size:12px}.toolkit-animated .tool-mark{font-size:42px}.toolkit-animated .tool-name{font-size:22px}.toolkit-animated .tool-card{padding:16px}.toolkit-navigation{gap:16px}}
@media(prefers-reduced-motion:reduce){.toolkit-stage{transform:none!important}}

.toolkit-animated .tool-description,.toolkit-animated .tool-tags{display:none}.toolkit-animated .tool-mark{font-size:52px;flex:1}.toolkit-animated .tool-name{font-size:clamp(25px,2.4vw,35px);line-height:1.08;margin:0 0 24px}.toolkit-animated .tool-card-top{font-size:14px}.toolkit-animated .tool-card{padding:24px}.toolkit-animated .tool-slot:focus-within{z-index:30!important}
@media(max-width:650px){.toolkit-animated .tool-card{padding:20px}.toolkit-animated .tool-name{font-size:25px}.toolkit-animated .tool-mark{font-size:44px}}

/* Consistent card sizing and title fit, including short laptop viewports. */
.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(170px,min(18vw,30svh),265px);top:62%}.toolkit-animated .tool-card{container-type:inline-size;padding:20px;box-sizing:border-box}.toolkit-animated .tool-name{font-size:clamp(19px,18cqw,30px);width:100%;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.05em;line-height:1.15;margin-bottom:14px}.toolkit-animated .tool-name-long{font-size:clamp(16px,13.5cqw,26px)}.toolkit-animated .tool-card-top{font-size:12px;line-height:1.3;min-width:0}.toolkit-animated .tool-card-top>span:first-child{max-width:80%}.toolkit-animated .tool-mark{font-size:clamp(36px,30cqw,65px);min-height:35px}.toolkit-animated .toolkit-heading{z-index:4}.toolkit-animated .toolkit-stage{z-index:3}.toolkit-animated .tool-slot:last-child .tool-card{transform-origin:center;will-change:transform}.toolkit-animated .toolkit-heading,.toolkit-animated .toolkit-footer{will-change:opacity}.toolkit-animated .toolkit-sticky{min-height:0}.toolkit-animated .toolkit-heading{top:5%}
@media(max-width:650px){.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(155px,42vw,200px);top:62%}.toolkit-animated .tool-card{padding:17px}.toolkit-animated .toolkit-heading h2{font-size:52px}.toolkit-animated .toolkit-subtitles h3{font-size:20px}}
@media(max-height:600px){.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(120px,29svh,170px);top:61%}.toolkit-animated .toolkit-heading h2{font-size:40px}.toolkit-animated .toolkit-subtitles h3{font-size:18px}.toolkit-animated .tool-card{padding:12px}.toolkit-animated .tool-name{font-size:18px}.toolkit-animated .tool-name-long{font-size:14px}.toolkit-animated .toolkit-heading .eyebrow{margin-bottom:6px}.toolkit-animated .toolkit-footer{bottom:12px}}

/* Compact final deck and personal signature card. */
.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(155px,min(16vw,27svh),230px);top:61%;aspect-ratio:3/4}.toolkit-animated .tool-card{aspect-ratio:3/4;border-radius:18px}.toolkit-animated .toolkit-stage{transform-origin:50% 61%}.toolkit-animated .tool-name{margin-bottom:8px}.toolkit-animated .tool-mark{font-size:clamp(30px,27cqw,55px)}.tool-signature{background:radial-gradient(ellipse at 10% 10%,#fb6849 0,transparent 62%),radial-gradient(ellipse at 95% 90%,#9972e9 0,transparent 65%),#6049b0;color:#fff3e9;display:flex;align-items:center;justify-content:center;border:0;gap:20px}.signature-logo{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,48cqw,100px);font-weight:700;letter-spacing:-.1em;line-height:1;position:relative;padding-right:16px}.signature-logo>span{font-size:.42em;position:absolute;right:-6px;top:-7px;color:#fff3e9;letter-spacing:0}.signature-label{font-size:12px;line-height:1;padding:7px 12px;border-radius:30px;background:#fff3e9;color:#252027;font-weight:500}.toolkit-animated .tool-signature{box-shadow:0 7px 0 #eeeade,0 14px 0 #243849}.toolkit-heading h2{font-weight:600;letter-spacing:-.05em}
@media(max-width:650px){.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(145px,40vw,180px);top:61%}}
@media(max-height:600px){.toolkit-animated .tool-slot,.toolkit-animated .toolkit-bridge{width:clamp(115px,26svh,160px)}.toolkit-animated .tool-signature{gap:12px}.signature-logo{font-size:60px}}

/* Backing layers use the AI cards' existing mint and lime palette. */
.toolkit-animated .tool-signature{box-shadow:0 7px 0 #b7e4df,0 14px 0 #d2fb69}