/* Portfolio is the first section after the hero, then pricing. */
.site-2026 #examples.portfolio-home{padding:54px 0 66px;background:radial-gradient(ellipse 38% 55% at 57% 6%,#c5e2ff 0%,transparent 100%),linear-gradient(150deg,#f5faff 0%,#e6f2ff 52%,#f3f9ff 100%)}
.site-2026 .portfolio-home-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:250px;margin-bottom:8px}
.site-2026 .portfolio-home-copy{position:relative;z-index:2;max-width:720px}
.site-2026 .portfolio-home-kicker{margin:0 0 14px;color:#075eea;font:700 12px Inter,sans-serif;letter-spacing:.3em}
.site-2026 #examples .portfolio-home-copy h2{margin:0;color:#081b45;font-size:clamp(43px,5vw,70px);font-weight:900;line-height:1.17;letter-spacing:-.055em}
.site-2026 .portfolio-home-subtitle{margin:10px 0 0;color:#19345f;font-size:clamp(16px,1.8vw,24px);font-weight:600;line-height:1.4}
.site-2026 .portfolio-home-mascot{position:absolute;z-index:1;left:54%;bottom:-85px;width:310px;height:auto;filter:drop-shadow(0 15px 22px #075bc52d)}
.site-2026 .portfolio-home-aside{position:relative;z-index:2;display:flex;align-items:flex-end;flex-direction:column;gap:12px;width:220px;margin-left:auto}
.site-2026 .portfolio-home-aside p{margin:0 0 12px;color:#075ce9;font-family:Sriracha,"Noto Sans Thai",cursive;font-size:23px;line-height:1.28;text-align:center;transform:rotate(-7deg)}
.site-2026 #examples .examples-portfolio-link{margin:0;padding:12px 19px;border-color:#73a8ff;background:#ffffffd8;font-size:13px;box-shadow:0 8px 18px #1559aa16}
.site-2026 #examples .example-grid{gap:16px}
.site-2026 #examples .example-card:nth-child(-n+3){border:1px solid #dae8fa;border-radius:22px;background:#fff;box-shadow:0 15px 37px #1c579520}
.site-2026 #examples .example-card:nth-child(-n+3):before{display:none}
.site-2026 #examples .example-card:nth-child(-n+3) .example-preview{height:305px;padding:0;background:#dfeeff}
.site-2026 #examples .portfolio-home-art:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#071b3710,transparent 50%,#0b1a3440);pointer-events:none}
.site-2026 #examples .portfolio-home-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.site-2026 #examples .portfolio-plan-pill{position:absolute;z-index:3;top:15px;left:15px;padding:8px 14px;border-radius:99px;background:#ffffffed;box-shadow:0 5px 18px #143e7930;color:#075beb;font-size:12px;font-weight:850}
.site-2026 #examples .portfolio-card-mascot{position:absolute;z-index:2;left:-13px;bottom:-23px;width:120px;height:auto;filter:drop-shadow(0 9px 12px #0d32784d);transition:transform .25s}
.site-2026 #examples .example-card:nth-child(2) .portfolio-card-mascot{width:105px}
.site-2026 #examples .example-card:nth-child(3) .portfolio-card-mascot{left:auto;right:-15px;transform:scaleX(-1)}
.site-2026 #examples .example-card:nth-child(-n+3):hover .portfolio-card-mascot{transform:translateY(-7px)}
.site-2026 #examples .example-card:nth-child(3):hover .portfolio-card-mascot{transform:scaleX(-1) translateY(-7px)}
.site-2026 #examples .portfolio-home-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:118px;padding:18px 19px;background:#fff}
.site-2026 #examples .portfolio-home-caption h3{margin:0 0 5px;color:#0b1e46;font-size:clamp(16px,1.5vw,21px);line-height:1.28}
.site-2026 #examples .portfolio-home-caption span:not(.example-open){color:#697c9a;font-size:12px;line-height:1.45}
.site-2026 #examples .portfolio-home-caption .example-open{flex:none;width:39px;height:39px;border:0;background:#e8f1ff;color:#075ee8;font-size:21px}
.site-2026 #examples .portfolio-home-disclosure{margin:16px 0 0;color:#647998;font-size:11px;text-align:center}
.site-2026 #packages.home-packages{background:linear-gradient(180deg,#f3f9ff 0%,#dfeeff 35%,#edf6ff 100%)}
.site-2026 #packages .pricing-heading{position:relative}
.site-2026 #packages .pricing-heading .pricing-mascot{position:absolute;display:block;right:1%;top:-55px;width:145px;height:auto;filter:drop-shadow(0 12px 18px #075bc52f)}
@media(max-width:1050px){.site-2026 .portfolio-home-head{min-height:225px}.site-2026 .portfolio-home-mascot{left:59%;width:255px;bottom:-60px}.site-2026 .portfolio-home-aside{width:170px}.site-2026 .portfolio-home-aside p{font-size:18px}.site-2026 #examples .example-card:nth-child(-n+3) .example-preview{height:245px}.site-2026 #examples .portfolio-home-caption{min-height:120px}}
@media(max-width:700px){.site-2026 #examples.portfolio-home{padding:42px 0 49px}.site-2026 .portfolio-home-head{display:block;min-height:235px;margin-bottom:17px}.site-2026 .portfolio-home-copy{max-width:90%}.site-2026 .portfolio-home-kicker{font-size:10px}.site-2026 #examples .portfolio-home-copy h2{font-size:clamp(36px,8.5vw,48px)}.site-2026 .portfolio-home-subtitle{max-width:290px;font-size:14px}.site-2026 .portfolio-home-mascot{left:auto;right:-36px;bottom:1px;width:190px;opacity:.68}.site-2026 .portfolio-home-aside{position:absolute;right:0;bottom:0;width:auto}.site-2026 .portfolio-home-aside p{display:none}.site-2026 #examples .examples-portfolio-link{padding:8px 12px;font-size:11px}.site-2026 #examples .example-card:nth-child(-n+3) .example-preview{height:260px}.site-2026 #examples .portfolio-home-caption{min-height:100px}.site-2026 #examples .portfolio-home-caption h3{font-size:18px}.site-2026 #examples .portfolio-card-mascot{width:105px}.site-2026 #packages .pricing-heading{padding-right:65px}.site-2026 #packages .pricing-heading .pricing-mascot{display:block;right:-6px;top:-12px;width:90px}.site-2026 #packages .pricing-heading h2{text-align:left;font-size:clamp(30px,7vw,39px)}}
@media(max-width:420px){.site-2026 .portfolio-home-head{min-height:246px}.site-2026 .portfolio-home-mascot{right:-43px;width:175px}.site-2026 #examples .example-card:nth-child(-n+3) .example-preview{height:225px}.site-2026 #packages .pricing-heading .pricing-mascot{width:77px}}

/* Fade the closing image into the footer's exact background color. */
.site-2026 .final-cta{border:0;background:linear-gradient(180deg,rgba(7,22,51,.28) 0%,rgba(7,22,51,.84) 62%,#071633 100%),url('assets/vibecept-night-2026.webp') center/cover no-repeat}
.site-2026 .footer{border:0;background:#071633}

.site-2026 .final-cta{padding:30px 0}
.site-2026 .final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0}
.site-2026 .final-cta h2{margin:0;font-size:clamp(27px,3vw,40px);line-height:1.22}
.site-2026 .final-cta .line-cta{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:10px 18px;border-radius:12px;background:#06c755;color:#fff;box-shadow:0 10px 24px #001e2360;font-size:14px}
.site-2026 .final-cta .line-cta:hover{background:#00ad4c;box-shadow:0 13px 27px #001e2370}
.site-2026 .final-cta .line-cta img{flex:none;width:25px;height:25px}
.site-2026 .footer{padding:24px 0 16px}
.site-2026 .footer-inner{align-items:start;gap:13px 24px}
.site-2026 .footer p{margin-top:6px}
.site-2026 .footer-links{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
.site-2026 .footer small{padding-top:12px}
@media(max-width:700px){.site-2026 .final-cta{padding:26px 0}.site-2026 .final-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.site-2026 .final-cta h2{font-size:clamp(27px,7vw,34px)}.site-2026 .final-cta .line-cta{min-height:45px;margin:0;padding:9px 15px;font-size:12px}.site-2026 .footer{padding:25px 0 83px}.site-2026 .footer-inner{grid-template-columns:1fr;gap:15px}.site-2026 .footer-links{justify-content:flex-start;gap:11px 17px}.site-2026 .footer small{padding-top:12px}}