/* Quiet geometry and clearer framing, within GenioBot's existing design. */
.header{border-bottom:1px solid #e9e3f1}
.desktop-nav{font-size:12px;letter-spacing:.015em}
.sf-hero:before{background-image:url('assets/geniobot-paths.svg'),radial-gradient(ellipse at 48% 57%,#aa98ed20,transparent 65%);background-repeat:no-repeat;background-size:1400px auto,cover;background-position:center 160px,center}
.sf-hero:after{left:0;bottom:-1px;width:100%;height:45px;border-radius:0;clip-path:polygon(0 100%,100% 0,100% 100%)}
.hero-showcase{margin-top:60px}
.showcase-shell{padding:8px;border-radius:17px;background:#e9e3f5;box-shadow:0 20px 50px #24174f22,0 0 0 1px #f9f5ff44 inset}
.showcase-toolbar{padding:2px 5px;margin-bottom:7px}
.showcase-toolbar .tabs{gap:3px}
.showcase-toolbar .tab{background:transparent;border:0;border-radius:8px;padding:10px 15px;color:#716183;box-shadow:none}
.showcase-toolbar .tab[aria-selected=true]{background:#fff;color:#4c3972;border:0;box-shadow:0 2px 6px #38234a10}
.showcase-controls button{border:0;background:#f7f3ff;border-radius:7px}
.hero-showcase .demo-panel{border-radius:11px}
.tool-universe{max-width:1020px;width:calc(100% - 64px);margin-top:47px;padding:29px 32px 24px;border:1px solid #fff7;border-radius:16px;background:#f7f4fd;color:#4a385f;box-shadow:0 12px 32px #24174f12}
.tool-universe .section-head{max-width:none;margin:0 0 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;text-align:left}
.tool-universe .section-head h2{font-size:25px;color:#433162;line-height:1.15;flex:none;margin:0}
.tool-universe .section-head p{font-size:12px;color:#78698b;max-width:310px;line-height:1.65;margin:0}
.logo-rail{gap:25px;justify-content:space-between;border-top:1px solid #e5ddef;padding-top:24px}
.brand-lockup{font-size:13px;color:#665778;gap:7px}
.brand-lockup img{width:22px;height:22px;filter:none;opacity:1}
.tools-context{font-size:9px;color:#766281;margin:20px 0 0;text-align:left}
.sf-services{padding-top:48px}
.sf-services>.wrap>.section-head{max-width:1020px;display:grid;grid-template-columns:1.15fr .85fr;gap:14px 45px;text-align:left;align-items:end;margin-bottom:35px}
.sf-services>.wrap>.section-head .eyebrow{grid-column:1/-1;margin:0}
.sf-services .section-head h2{font-size:40px;line-height:1.12;letter-spacing:-.04em;margin:0}
.sf-services .section-head p{font-size:14px;line-height:1.7;text-align:left;margin:0;max-width:none}
.feature-stack{gap:25px}
.feature-panel{border-radius:17px;box-shadow:0 7px 20px #3b245610}
.feature-copy .eyebrow{letter-spacing:.09em}
.feature-copy .eyebrow:before{content:attr(data-step);background:none;border:1px solid #ffffff55;display:inline-block;min-width:21px;width:auto;height:auto;padding:2px 4px;border-radius:4px;font-size:8px;font-weight:400;text-align:center;line-height:1.2;vertical-align:1px;margin-right:9px;color:inherit}
.feature-data .eyebrow:before{background:none;border-color:#7eae9b66}.feature-learning .eyebrow:before{background:none;border-color:#947bac66}
.project-card{box-shadow:none;border-color:#e0e5e3;border-radius:13px}
.project-body{border-top:1px solid #e3e7e5}
.inline-link .arrow{transition:transform .2s ease}
@media(hover:hover){.inline-link:hover .arrow{transform:translateX(3px)}}
@media(max-width:1100px){.logo-rail{gap:20px}.brand-lockup{font-size:12px}.brand-lockup img{width:20px;height:20px}}
@media(max-width:900px){.tool-universe{padding:27px 25px 23px}.tool-universe .section-head{display:block;max-width:none}.tool-universe .section-head h2{font-size:25px;margin-bottom:12px}.tool-universe .section-head p{max-width:470px;font-size:12px}.logo-rail{justify-content:flex-start;gap:22px 27px}.brand-lockup{font-size:13px}.brand-lockup img{width:23px;height:23px}.sf-services .section-head h2{font-size:35px}.sf-services>.wrap>.section-head{gap:14px 30px}.sf-services .section-head p{font-size:13px}.showcase-toolbar .tab{font-size:9px;padding:9px 10px}}
@media(max-width:650px){.sf-hero:before{background-size:950px auto,cover;background-position:center 240px,center}.sf-hero:after{height:28px}.hero-showcase{margin-top:44px}.showcase-shell{padding:6px;border-radius:13px}.showcase-toolbar{padding:1px 0;margin-bottom:5px}.showcase-toolbar .tab{border-radius:6px;padding:9px 10px}.showcase-controls button{border-radius:6px}.hero-showcase .demo-panel{border-radius:8px}.tool-universe{width:calc(100% - 40px);padding:25px 21px 21px;margin-top:34px;border-radius:13px}.tool-universe .section-head h2{font-size:23px;margin-bottom:12px}.tool-universe .section-head p{font-size:11px;line-height:1.7}.tool-universe .section-head{margin-bottom:20px}.logo-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 11px;padding-top:21px}.brand-lockup{font-size:9px;gap:8px}.brand-lockup img{width:23px;height:23px}.tools-context{font-size:8px;line-height:1.7;margin-top:20px}.sf-services{padding-top:30px}.sf-services>.wrap>.section-head{display:block;text-align:left;margin-bottom:27px}.sf-services>.wrap>.section-head .eyebrow{font-size:9px;margin-bottom:14px}.sf-services .section-head h2{font-size:32px;line-height:1.13;margin-bottom:17px}.sf-services .section-head p{font-size:13px;line-height:1.7}.feature-stack{gap:19px}.feature-panel{border-radius:15px}.feature-copy .eyebrow:before{font-size:7px;padding:2px 4px;min-width:20px;vertical-align:0}.project-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.inline-link .arrow{transition:none}}
