:root{--blue:#083fd5;--navy:#052f61;--ink:#10365c;--mint:#62e9b0;--sky:#e4f3ff}html{scroll-padding-top:90px}body{background:var(--sky)}.header{height:76px;background:#fff;border:0;backdrop-filter:none}.nav-wrap{max-width:1400px;gap:50px}.brand img{width:142px}.desktop-nav{font-size:13px;gap:28px}.nav-right>.btn{background:#338052;border-radius:100px;min-height:40px;padding:0 23px}.btn{border-radius:100px;font-weight:600;min-height:47px;padding:0 24px}.btn.small{border-radius:100px}.btn.white{color:#08365c}.btn.ghost{background:#ffffff18;border-color:#ffffff35}.sf-hero{background:#0638c9;padding:61px 0 102px;overflow:hidden}.sf-hero:before{background:radial-gradient(ellipse at 50% 45%,#144fe85c,transparent 65%)}.sf-hero:after{content:"";position:absolute;left:-15%;bottom:-80px;width:130%;height:145px;border-radius:50% 50% 0 0;background:var(--sky);pointer-events:none}.hero-copy{max-width:920px}.hero h1{font-size:clamp(46px,5.2vw,73px);letter-spacing:-.053em;line-height:1.02;margin-bottom:25px}.hero .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:22px;color:#afc9ff}.hero-copy>p{max-width:660px;font-size:16px;line-height:1.6}.hero .actions{margin-top:27px}.hero-showcase{max-width:1080px;width:calc(100% - 96px);position:relative;margin:70px auto 0;scroll-margin-top:20px}.hero-showcase>h2{color:#fff;font-size:clamp(24px,2.5vw,32px);line-height:1.2;letter-spacing:-.035em;max-width:800px;margin:0 auto 30px}.showcase-shell{position:relative;border-radius:23px;background:#d9e7ff;box-shadow:0 18px 70px #031e794a,0 0 0 1px #a7c9ff inset;padding:10px}.showcase-toolbar{display:flex;align-items:center;gap:8px;margin:0 1px 8px}.showcase-toolbar .tabs{display:flex;justify-content:flex-start;gap:6px;flex-wrap:nowrap;margin:0;flex:1;min-width:0}.showcase-toolbar .tab{font-size:11px;background:#eff5ff;color:#31547a;border:1px solid #ffffffa0;padding:10px 14px;white-space:nowrap;line-height:1.3}.showcase-toolbar .tab:before{content:"";display:inline-block;width:6px;height:6px;border-radius:3px;background:#66aaef;margin-right:7px;vertical-align:1px}.showcase-toolbar .tab:nth-child(2):before{background:#e69ac9}.showcase-toolbar .tab:nth-child(3):before{background:#78bf9f}.showcase-toolbar .tab:nth-child(4):before{background:#9b83ec}.showcase-toolbar .tab[aria-selected=true]{background:#fff;color:#203a6d;border-color:#b6a2ff;box-shadow:0 0 0 2px #ab8cf666,0 3px 10px #4e69ac16}.showcase-controls{display:flex;gap:6px;flex:none;margin-left:auto}.showcase-controls button{border:1px solid #fff;background:#f2f7ff;color:#52718d;border-radius:50%;width:29px;height:29px;font-size:20px;line-height:1;display:grid;place-items:center;padding:0}.showcase-controls button:hover{background:white;color:#173cb6}.hero-showcase .demo-panel{border:0;border-radius:14px;background:linear-gradient(110deg,#6c2e99,#8433b7);color:white;box-shadow:inset 0 0 0 1px #ffffff17;min-height:405px;text-align:left;grid-template-columns:.95fr 1.05fr;transition:background .5s}.hero-showcase .demo-panel[data-scenario="1"]{background:linear-gradient(115deg,#3b309e,#6651cc)}.hero-showcase .demo-panel[data-scenario="2"]{background:linear-gradient(115deg,#063e83,#1b75a1)}.hero-showcase .demo-panel[data-scenario="3"]{background:linear-gradient(115deg,#213485,#4157c9)}.hero-showcase .demo-copy{padding:43px 32px 35px 38px}.hero-showcase .demo-copy .eyebrow{font-size:9px;letter-spacing:.1em;color:#d7bcf4;margin-bottom:13px}.hero-showcase .demo-copy h3{font-size:31px;letter-spacing:-.04em;line-height:1.13;margin-bottom:16px}.hero-showcase .demo-copy>p{font-size:13px;color:#e7dbf8;line-height:1.65}.hero-showcase .demo-copy ul{margin:19px 0 0}.hero-showcase .demo-copy li{font-size:11px;line-height:1.5;margin:10px 0;color:#ede6ff}.hero-showcase .demo-copy li:before{color:#bdebd8}.hero-showcase .demo-ui{background:radial-gradient(ellipse at 40% 80%,#ffffff19,transparent 75%);padding:28px 28px 28px 10px}.hero-showcase .demo-window{box-shadow:0 18px 40px #23054238;border:1px solid #fff3;border-radius:13px;transform:perspective(900px) rotateY(-3deg);color:#314267;background:#fff}.hero-showcase .demo-conversation{padding:16px 20px}.hero-showcase .window-bar{padding:11px 16px}.hero-showcase .demo-question{font-size:10px;padding:10px 13px}.hero-showcase .demo-bot-label{margin:16px 0 8px}.hero-showcase .workflow-step{font-size:10px;padding:8px 0;line-height:1.4}.hero-showcase .demo-status{font-size:9px;margin-top:10px;min-height:18px;line-height:1.5}.hero-showcase .demo-bottom{gap:8px;margin-top:11px}.hero-showcase .demo-disclaimer{font-size:8px}.hero-showcase .demo-run{font-size:9px}.tool-universe{position:relative;max-width:1240px;margin:65px auto 0;padding:0 24px}.tool-universe .section-head{max-width:740px;margin-bottom:33px}.tool-universe .section-head h2{font-size:30px;line-height:1.15;color:white;letter-spacing:-.035em;margin-bottom:15px}.tool-universe .section-head p{font-size:13px;color:#b4d1ff;max-width:560px}.logo-rail{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap}.brand-lockup{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.02em;color:#e2ebff;white-space:nowrap}.tool-logo{object-fit:contain;flex:none}.brand-lockup img{width:25px;height:25px;filter:brightness(0) invert(1);opacity:.9}.tools-context{font-size:10px;color:#83aaff;margin:25px 0 0;letter-spacing:.03em}.sf-services{background:var(--sky);padding:35px 0 80px}.sf-services>.wrap>.section-head{max-width:700px;margin-bottom:36px}.sf-services .section-head h2{font-size:48px;color:#063a76;letter-spacing:-.047em}.sf-services .section-head p{font-size:15px;max-width:640px}.feature-stack{width:min(1020px,100%);margin:auto;display:flex;flex-direction:column;gap:28px}.feature-panel{border-radius:23px;overflow:hidden;min-height:365px;display:grid;grid-template-columns:1.02fr .98fr;position:relative;isolation:isolate;box-shadow:0 10px 20px #123b7624;background:linear-gradient(110deg,#05245f,#0564ff);color:#fff}.feature-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 10%,#ffffff0c,transparent 65%);z-index:-1}.feature-coworker{background:linear-gradient(110deg,#071d5d,#414cdb)}.feature-agents{background:linear-gradient(110deg,#062958,#0065ff)}.feature-data{background:linear-gradient(110deg,#004145,#208a88)}.feature-quality{background:linear-gradient(110deg,#342173,#5557db)}.feature-learning{background:linear-gradient(110deg,#15478b,#177e9e)}.feature-copy{padding:40px 22px 40px 46px;position:relative;z-index:2;align-self:center}.feature-copy .eyebrow{color:#a4c5fa;font-size:9px;letter-spacing:.1em;margin-bottom:17px}.feature-coworker .eyebrow,.feature-quality .eyebrow{color:#b8b9fb}.feature-data .eyebrow,.feature-learning .eyebrow{color:#a0e1d7}.feature-copy h3{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:0 0 18px;white-space:pre-line}.feature-copy>p{font-size:13px;color:#d6e5fc;max-width:365px;line-height:1.7;margin:0 0 23px}.feature-copy .btn{font-size:11px;min-height:37px;padding:0 18px;gap:10px}.feature-copy .btn .arrow{font-size:15px}.feature-visual{position:relative;min-width:0;display:grid;place-items:center;padding:28px 35px 30px 0;perspective:900px}.feature-visual>div{position:relative;width:100%;max-width:375px;height:240px}.concept-label{position:absolute;bottom:15px;right:29px;font-size:8px;letter-spacing:.05em;color:#b4d0f8;opacity:.75}.feature-data .concept-label{color:#a6ded9}.feature-panel .tool-logo{width:30px;height:30px}.layer-art{display:grid;place-items:center}.mini-platform{width:300px;background:#f9fbff;border:1px solid #ffffff99;border-radius:12px;box-shadow:0 25px 40px #00102d33;transform:perspective(800px) rotateY(-9deg) rotateX(5deg);color:#34506c;overflow:hidden}.platform-top{display:flex;align-items:center;gap:7px;font-size:9px;padding:12px 14px;border-bottom:1px solid #e1e9f5;background:#edf4ff;font-weight:700}.platform-top i{width:5px;height:5px;border-radius:50%;background:#78c5a1;margin-left:auto}.platform-nav{padding:10px 14px;display:flex;gap:7px}.platform-nav span{height:4px;width:35px;border-radius:2px;background:#b4c8e7}.platform-nav span:first-child{background:#6c8bcf}.platform-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 13px 12px}.platform-panels>div{border-radius:6px;background:#eaf0fb;padding:12px 8px;min-height:80px}.platform-panels b{font-size:7px;display:block;margin-bottom:15px}.platform-icons{display:flex;gap:13px;justify-content:center}.platform-icons .tool-logo{width:23px;height:23px}.platform-panels>.chart-bars{display:flex;gap:7px;align-items:flex-end;justify-content:center}.chart-bars i{width:12px;background:#8eafe7;border-radius:3px 3px 0 0;height:20px}.chart-bars i:nth-child(2){height:31px;background:#6e90d4}.chart-bars i:nth-child(3){height:25px}.chart-bars i:nth-child(4){height:42px;background:#7295d8}.chart-bars i:nth-child(5){height:36px}.platform-footer{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#e0eaf9;font-size:8px;color:#5475a0}.platform-footer svg{width:14px;height:14px}.floating-logo{position:absolute;width:58px;height:58px;background:#fff;display:grid;place-items:center;border-radius:14px;box-shadow:0 15px 30px #00133433;z-index:2}.logo-cloud{right:3px;top:8px;transform:rotate(10deg)}.logo-cloud img{width:34px!important;height:34px!important}.mini-float{position:absolute;left:8px;bottom:4px;background:#f3e9d8;color:#9c642e;border:1px solid #fffd;border-radius:9px;padding:13px 15px;box-shadow:0 10px 30px #00133433;display:flex;gap:9px;align-items:center;font-size:9px;transform:rotate(-3deg)}.mini-float svg{width:19px;height:19px}.copilot-art{display:flex;flex-direction:column;align-items:center;justify-content:center}.genio-word{display:flex;gap:10px;align-items:center;position:relative;z-index:2}.genio-word img{filter:drop-shadow(0 6px 12px #12226f30)}.genio-word strong{font-size:36px;font-weight:700;letter-spacing:-.045em;color:#e6efff}.copilot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:31px;width:100%;position:relative;z-index:2}.copilot-grid>div{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:9px;color:#dae2ff}.copilot-grid .tool-logo{box-sizing:content-box;background:#eff3ff;border-radius:14px;padding:12px;width:29px;height:29px;box-shadow:0 10px 22px #00133422;border:1px solid #fff7}.capability-tags{display:flex;gap:7px;margin-top:22px}.capability-tags>span{font-size:8px;color:#bdcaff;border:1px solid #c1ceff55;padding:5px 8px;border-radius:5px}.copilot-connectors{position:absolute;left:12%;right:12%;top:125px;height:45px;border:1px dashed #bccaff55;border-bottom:0;border-radius:30px 30px 0 0}.agent-art{display:grid;place-items:center}.chat-preview{width:275px;background:#75aaff44;border:1px solid #accaff66;border-radius:14px;box-shadow:0 20px 45px #00133530;padding:15px 16px;transform:rotate(-3deg)}.chat-top{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;margin-bottom:14px}.chat-top i{width:5px;height:5px;border-radius:50%;background:#c0ecbf;margin-left:auto}.chat-bubble{font-size:10px;line-height:1.5;padding:10px 12px;border-radius:9px;margin-bottom:11px;max-width:215px}.chat-bubble.user{background:#fff;color:#345273;margin-left:26px;border-bottom-right-radius:3px}.chat-bubble.bot{background:#c7e2ff;color:#21456c;margin-right:14px;border-bottom-left-radius:3px}.chat-action{display:flex;align-items:center;gap:6px;font-size:8px;color:#e5f2ff;padding:2px 5px}.chat-action svg{width:14px;height:14px;color:#aff2d3}.agent-badge{display:flex;align-items:center;gap:8px;position:absolute;bottom:3px;right:2px;background:#fff;border:1px solid #fff6;padding:10px 14px;border-radius:10px;box-shadow:0 9px 20px #00133444;color:#466188;font-size:9px;transform:rotate(4deg)}.agent-badge .tool-logo{width:25px;height:25px}.data-art{display:grid;place-items:center}.data-card{width:245px;background:#fff;border-radius:12px;box-shadow:0 20px 45px #002e353a;transform:rotate(-4deg);padding:13px 15px;color:#365569}.data-top{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;border-bottom:1px solid #d6e9ec;padding-bottom:10px;margin-bottom:6px}.data-top svg{width:20px;height:20px;color:#6f81c1}.data-row{display:flex;justify-content:space-between;font-size:9px;padding:10px 0;border-bottom:1px solid #e9f1f3}.data-row i{font-size:7px;font-style:normal;color:#4c9a82;display:flex;gap:5px;align-items:center}.data-row i:before{content:"";width:4px;height:4px;border-radius:50%;background:#72bc9c}.data-chart{display:flex;gap:7px;height:42px;align-items:flex-end;padding-top:10px}.data-chart span{height:15px;flex:1;background:#b6d5de;border-radius:3px 3px 0 0}.data-chart span:nth-child(2n){height:25px;background:#8cbfc8}.data-chart span:nth-child(3n){height:20px}.data-chart span:last-child{height:31px;background:#66a2ab}.data-orbits{position:absolute;inset:0}.data-orbits .tool-logo{position:absolute;background:#effafc;box-sizing:content-box;padding:9px;border-radius:11px;box-shadow:0 10px 25px #002a3b33;z-index:2;width:25px;height:25px}.orbit-one{top:5px;right:5px;transform:rotate(12deg)}.orbit-two{top:80px;right:-8px;transform:rotate(-8deg)}.orbit-three{bottom:38px;left:6px;transform:rotate(8deg)}.data-float{position:absolute;bottom:0;right:-4px;background:#dbf1ea;color:#367c72;display:flex;align-items:center;gap:7px;padding:11px 13px;border-radius:9px;box-shadow:0 10px 22px #00262d22;font-size:8px;transform:rotate(2deg)}.data-float svg{height:16px;width:16px}.qa-art{display:grid;place-items:center}.qa-window{width:290px;border-radius:12px;background:#f3f2ff;box-shadow:0 20px 45px #1a0d4538;color:#5e6182;overflow:hidden;transform:rotate(3deg)}.qa-title{display:flex;align-items:center;gap:8px;background:#e6e4f9;padding:13px 15px;font-size:10px;font-weight:700}.qa-title img{height:19px!important;width:19px!important}.qa-title i{height:5px;width:5px;background:#7baea2;border-radius:50%;margin-left:auto}.qa-row{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #e3e5f2;font-size:10px}.qa-check{height:17px;width:17px;display:grid;place-items:center;border-radius:50%;background:#def0e8;color:#589987;font-size:10px}.qa-line{height:3px;width:35px;background:#d3d5e9;border-radius:3px;margin-left:auto}.qa-bottom{display:flex;gap:7px;padding:13px 15px}.qa-bottom span{font-size:7px;border:1px solid #d4d6e8;padding:4px 5px;border-radius:4px}.qa-float{position:absolute;bottom:-4px;left:0;display:flex;align-items:center;gap:8px;padding:12px 15px;background:#e2e4ff;border:1px solid #fffc;border-radius:10px;color:#5b62a1;box-shadow:0 10px 20px #130d3922;transform:rotate(-4deg);font-size:9px}.qa-float svg{height:20px;width:20px}.learning-art{display:grid;place-items:center}.learning-card{height:200px;width:220px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:16px;background:#eef9fd;color:#3c6c8b;transform:rotate(-4deg);box-shadow:0 20px 45px #002f5133}.learning-icon{padding:10px;background:#d2e7f4;border-radius:12px;margin-bottom:13px;color:#4b83a7}.learning-icon svg{width:26px;height:26px}.learning-card>span{font-size:14px;font-weight:700;letter-spacing:-.02em}.learning-lines{width:100%;display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:13px}.learning-lines i{width:90%;height:3px;background:#c5dfe9;border-radius:3px}.learning-lines i:last-child{width:65%}.learning-languages{display:flex;gap:7px;margin-top:15px}.learning-languages span{font-size:8px;padding:4px 8px;border:1px solid #bed6e4;border-radius:4px}.learning-orbit{position:absolute;inset:0}.learning-orbit>div{position:absolute;background:#f0f9ff;border-radius:12px;padding:11px;box-shadow:0 15px 25px #00283d33;z-index:2}.learning-orbit>div:nth-child(1){left:8px;top:20px;transform:rotate(7deg)}.learning-orbit>div:nth-child(2){right:1px;top:70px;transform:rotate(8deg)}.learning-orbit>div:nth-child(3){left:6px;bottom:15px;transform:rotate(-9deg)}.feature-panel .feature-visual>div{transition:transform .6s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.feature-panel:hover .feature-visual>div{transform:translateY(-5px)}}.build-section{background:var(--sky);padding-top:25px;padding-bottom:90px}.build-grid{max-width:1020px;gap:65px}.build-copy h2{font-size:37px}.build-copy>p{font-size:14px}.principle p{font-size:12px}.experience{background:#f5faff}.project-grid{max-width:1020px;margin:auto}.process-grid{max-width:1020px;margin-left:auto;margin-right:auto}.section:not(.sf-services):not(.build-section):not(.experience){background:#fff}.team-band{max-width:1020px;margin-left:auto;margin-right:auto}.contact{background:linear-gradient(110deg,#09377d,#074bd7)}.contact .btn{background:#0a45ce}.contact-form .btn.outline{background:transparent}.faq-grid{max-width:1020px}.footer{background:#fff}.tool-credits{font-size:9px;color:#8b97a8;margin-top:15px}
@media(max-width:1100px){.hero h1{font-size:62px}.sf-hero{padding-top:54px}.hero-showcase{width:calc(100% - 80px)}.hero-showcase .demo-copy{padding:34px 24px 30px 28px}.hero-showcase .demo-ui{padding:22px 20px 22px 0}.showcase-toolbar .tab{font-size:10px;padding:9px 11px}.logo-rail{gap:27px}.brand-lockup{font-size:14px}.feature-copy{padding-left:36px}.feature-copy h3{font-size:29px}.feature-visual{padding-right:23px}.feature-visual>div{transform:scale(.94)}.feature-panel:hover .feature-visual>div{transform:scale(.94) translateY(-5px)}.feature-stack{max-width:950px}.build-grid{gap:45px}}
@media(max-width:900px){.header{height:70px}.mobile-nav.open{top:69px}.hero-showcase .demo-panel{grid-template-columns:1fr 1fr}.hero-showcase .demo-copy ul{display:block}.hero-showcase .demo-copy h3{font-size:26px}.hero-showcase .demo-copy>p{font-size:12px}.hero-showcase .demo-copy li{font-size:10px}.hero-showcase .demo-conversation{padding:14px}.hero-showcase .workflow-step{font-size:9px}.hero-showcase .demo-question{font-size:9px}.hero-showcase .window-bar{padding:10px}.hero-showcase .window-label{font-size:9px}.showcase-toolbar .tabs{overflow-x:auto;padding:3px 2px;scrollbar-width:none}.showcase-toolbar .tabs::-webkit-scrollbar{display:none}.showcase-toolbar .tab{font-size:9px;padding:9px 10px}.showcase-controls button{height:24px;width:24px;font-size:17px}.logo-rail{gap:21px}.brand-lockup{font-size:13px;gap:6px}.brand-lockup img{width:21px;height:21px}.tool-universe{margin-top:52px}.feature-copy{padding:30px 14px 30px 28px}.feature-copy h3{font-size:27px}.feature-copy>p{font-size:12px}.feature-panel{min-height:340px}.feature-visual{padding:20px 20px 20px 0}.feature-visual>div{transform:scale(.82)}.feature-panel:hover .feature-visual>div{transform:scale(.82) translateY(-5px)}.feature-stack{gap:23px}.feature-panel .concept-label{bottom:15px;right:20px;font-size:7px}.sf-services .section-head h2{font-size:41px}.build-copy h2{font-size:32px}}
@media(max-width:650px){.header{height:67px}.brand img{width:128px}.mobile-nav.open{top:66px}.sf-hero{padding:41px 0 77px}.hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:20px}.hero h1{font-size:41px;letter-spacing:-.053em;line-height:1.05;margin-bottom:22px}.hero-copy{padding:0 21px}.hero-copy>p{font-size:14px;line-height:1.65}.hero .actions{margin-top:24px;gap:9px}.hero .btn{font-size:11px;min-height:43px;padding:0 17px}.hero-showcase{width:calc(100% - 32px);margin-top:48px}.hero-showcase>h2{font-size:23px;line-height:1.2;max-width:330px;margin-bottom:23px}.showcase-shell{padding:7px;border-radius:17px;box-shadow:0 10px 35px #031e7945}.showcase-toolbar{gap:3px;margin:0 0 5px}.showcase-toolbar .tabs{gap:5px;padding:3px 2px}.showcase-toolbar .tab{font-size:9px;padding:8px 10px}.showcase-controls{gap:3px}.showcase-controls button{width:23px;height:23px;font-size:17px}.showcase-toolbar .tab:before{height:5px;width:5px;margin-right:5px}.hero-showcase .demo-panel{grid-template-columns:1fr;border-radius:11px;min-height:0}.hero-showcase .demo-copy{padding:26px 24px 17px}.hero-showcase .demo-copy .eyebrow{font-size:8px;margin-bottom:11px}.hero-showcase .demo-copy h3{font-size:28px;margin-bottom:13px;max-width:280px}.hero-showcase .demo-copy>p{font-size:12px;margin-bottom:12px;line-height:1.6}.hero-showcase .demo-copy ul{display:none}.hero-showcase .demo-ui{padding:0 16px 20px}.hero-showcase .demo-window{transform:none;border-radius:10px}.hero-showcase .demo-question{font-size:10px;line-height:1.5;margin-left:20px}.hero-showcase .demo-conversation{padding:14px}.hero-showcase .workflow-step{font-size:9px;padding:7px 0}.hero-showcase .demo-bot-label{font-size:10px;margin:13px 0 7px}.hero-showcase .step-state{width:17px;height:17px;font-size:9px}.hero-showcase .demo-status{font-size:8px;min-height:13px;margin-top:8px}.hero-showcase .demo-bottom{margin-top:9px}.hero-showcase .demo-disclaimer{font-size:7px;max-width:130px;text-align:right}.tool-universe{margin-top:44px;padding:0 23px}.tool-universe .section-head{margin-bottom:24px}.tool-universe .section-head h2{font-size:26px;margin-bottom:12px}.tool-universe .section-head p{font-size:12px;line-height:1.6}.logo-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 13px;max-width:360px;margin:auto}.brand-lockup{font-size:10px;flex-direction:column;gap:7px}.brand-lockup img{width:23px;height:23px}.tools-context{font-size:8px;line-height:1.6;margin-top:23px}.sf-hero:after{height:90px;bottom:-52px;left:-25%;width:150%}.sf-services{padding:26px 0 55px}.sf-services .section-head h2{font-size:34px;line-height:1.1}.sf-services .section-head p{font-size:14px;line-height:1.65}.sf-services .section-head .eyebrow{font-size:9px}.sf-services>.wrap>.section-head{margin-bottom:29px}.feature-stack{gap:20px}.feature-panel{grid-template-columns:1fr;border-radius:18px;min-height:0;box-shadow:0 7px 17px #123b7626}.feature-copy{padding:30px 27px 9px;align-self:start}.feature-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:14px}.feature-copy h3{font-size:29px;line-height:1.1;margin-bottom:16px}.feature-copy>p{font-size:12px;line-height:1.7;max-width:none;margin-bottom:20px}.feature-copy .btn{font-size:10px;min-height:35px;padding:0 15px}.feature-visual{padding:14px 26px 25px;min-height:270px;overflow:hidden}.feature-visual>div{height:225px;transform:scale(.92);transform-origin:center center}.feature-panel:hover .feature-visual>div{transform:scale(.92)}.feature-visual .concept-label{right:20px;bottom:12px;font-size:7px}.mini-platform{width:260px}.platform-panels{gap:8px}.logo-cloud{right:-5px;top:0}.mini-float{left:-6px;bottom:0;font-size:8px}.copilot-grid{gap:8px}.copilot-grid .tool-logo{padding:10px;width:26px;height:26px;border-radius:12px}.copilot-grid>div{font-size:8px}.genio-word strong{font-size:34px}.genio-word img{height:43px;width:43px}.chat-preview{width:250px}.agent-badge{bottom:-4px;right:-3px;font-size:8px;padding:9px 12px}.data-card{width:225px}.data-orbits .orbit-one{right:0;top:0}.data-orbits .orbit-two{right:-13px;top:77px}.data-orbits .orbit-three{left:-7px;bottom:25px}.data-float{right:-10px;bottom:-3px;font-size:7px}.qa-window{width:260px}.qa-row{font-size:9px}.qa-float{left:-8px;bottom:-3px;font-size:8px}.learning-orbit>div:nth-child(1){left:-7px;top:11px}.learning-orbit>div:nth-child(2){right:-10px;top:63px}.learning-orbit>div:nth-child(3){left:-6px;bottom:5px}.learning-card{width:200px;height:190px;padding:22px}.feature-learning .feature-visual{padding-bottom:29px}.build-section{padding-top:0;padding-bottom:65px}.build-grid{gap:32px}.build-copy h2{font-size:33px}.build-copy>p{font-size:14px}.concept-label{line-height:1.5}.contact h2{font-size:37px}.footer-bottom{font-size:9px}.section-head h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.feature-panel .feature-visual>div,.hero-showcase .demo-panel{transition:none!important}.feature-panel:hover .feature-visual>div{transform:none}.showcase-shell{scroll-behavior:auto}}
/* GenioBot identity: a slightly warmer blue, its own star and softer controls. */
:root{--blue:#123fd2;--mint:#79e6bd}
.sf-hero{background:#123bd0}.sf-hero:before{background:radial-gradient(ellipse at 52% 45%,#355de535,transparent 65%)}
.btn,.btn.small,.nav-right>.btn{border-radius:13px}.nav-right>.btn{background:#2348cc;box-shadow:0 4px 12px #1b43bc16}.nav-right>.btn:hover{background:#183dbb}.hero .btn.ghost{background:#ffffff0d;border-color:#ffffff50}
.btn .arrow{font-size:18px}.feature-copy .btn .arrow{font-size:16px}
.showcase-identity{display:flex;align-items:center;justify-content:center;gap:11px;color:#c9d9ff;font-size:11px;line-height:1.5;letter-spacing:.01em;margin-bottom:15px}.showcase-identity img{border:1px solid #ffffff55;border-radius:50%;box-shadow:0 5px 18px #09258035}
.hero-showcase>h2{font-size:34px;margin-bottom:29px}

.feature-coworker,.feature-data{grid-template-columns:.98fr 1.02fr}.feature-coworker .feature-copy,.feature-data .feature-copy{order:2;padding:40px 46px 40px 20px}.feature-coworker .feature-visual,.feature-data .feature-visual{order:1;padding:28px 0 30px 35px}.feature-coworker .concept-label,.feature-data .concept-label{right:auto;left:30px}
.feature-copy .eyebrow:before{content:"";display:inline-block;width:4px;height:4px;border-radius:1px;background:#d6f267;vertical-align:2px;margin-right:8px}
.contact{background:linear-gradient(110deg,#113c83,#1245cd)}.contact .btn{background:#2348cc}
@media(max-width:1100px){.feature-coworker .feature-copy,.feature-data .feature-copy{padding-right:36px}.feature-coworker .feature-visual,.feature-data .feature-visual{padding-left:23px}}
@media(max-width:900px){.feature-coworker .feature-copy,.feature-data .feature-copy{padding:30px 28px 30px 14px}.feature-coworker .feature-visual,.feature-data .feature-visual{padding:20px 0 20px 20px}.hero-showcase>h2{font-size:29px}}
@media(max-width:650px){.hero-showcase>h2{font-size:25px;max-width:300px}.showcase-identity{font-size:9px;gap:8px;margin-bottom:12px}.showcase-identity img{width:31px;height:31px}.feature-coworker,.feature-data{grid-template-columns:1fr}.feature-coworker .feature-copy,.feature-data .feature-copy{order:1;padding:30px 27px 9px}.feature-coworker .feature-visual,.feature-data .feature-visual{order:2;padding:14px 26px 25px}.feature-coworker .concept-label,.feature-data .concept-label{right:20px;left:auto}}
/* GenioBot palette: indigo foundations, lavender surfaces, mint accents. */
:root{--blue:#5144bc;--navy:#30244e;--ink:#33284f;--muted:#716780;--mint:#b7f0d9;--sky:#f2effa;--line:#e6e0ef;--pale:#f6f3fc}
.sf-hero{background:linear-gradient(135deg,#30287d 0%,#4539a5 58%,#5547b9 100%)}
.sf-hero:before{background:radial-gradient(ellipse at 48% 57%,#aa98ed20,transparent 65%)}
.hero .eyebrow,.hero-copy>p{color:#e5dff8}.hero .eyebrow{color:#c9bee9}.hero h1 span{color:#b7f0d9}
.nav-right>.btn,.contact .btn{background:#5144bc;box-shadow:0 4px 14px #47358a1a}.nav-right>.btn:hover,.contact .btn:hover{background:#4434a8}.desktop-nav a:hover,.inline-link{color:#5844ad}.btn.outline{color:#4c3c7f;border-color:#c9bdde}.btn.white{color:#3c2c64}.hero .btn.ghost{color:#f5f1ff;background:#ffffff09;border-color:#d4c5fa66}
.showcase-identity{color:#d6cbed}.showcase-identity img{border-color:#cfc2f566}.showcase-shell{background:#e2dbf5;box-shadow:0 18px 65px #21144b35,0 0 0 1px #c6bae8 inset}
.showcase-toolbar .tab{color:#605176;background:#f0ebfa;border-color:#fff9}.showcase-toolbar .tab[aria-selected=true]{background:#fff;color:#4a337b;border-color:#baa8e5;box-shadow:0 0 0 2px #b29ad64a,0 3px 10px #53417610}.showcase-toolbar .tab:before{background:#9d8ad6}.showcase-toolbar .tab:nth-child(2):before{background:#bf9fd1}.showcase-toolbar .tab:nth-child(3):before{background:#82b5a2}.showcase-toolbar .tab:nth-child(4):before{background:#a399d0}.showcase-controls button{background:#f5f0fc;color:#77648b}.showcase-controls button:hover{color:#5540a3}
.hero-showcase .demo-panel{background:linear-gradient(110deg,#45306d,#7254aa)}.hero-showcase .demo-panel[data-scenario="1"]{background:linear-gradient(110deg,#443278,#6b59ad)}.hero-showcase .demo-panel[data-scenario="2"]{background:linear-gradient(110deg,#31366a,#555e96)}.hero-showcase .demo-panel[data-scenario="3"]{background:linear-gradient(110deg,#403273,#6453a5)}.demo-run{background:#eee9fa;color:#66509b}.demo-question{background:#f3f0fa;border-color:#e8e1f2;color:#695b7d}.step-state{background:#f0edf6;color:#9788ad}.workflow-step.done .step-state{background:#e1f4eb;color:#397b64}.workflow-step.running .step-state{background:#ebe3fa;color:#7254ac}
.tool-universe .section-head p{color:#d1c5ee}.tools-context{color:#ded1f5}.brand-lockup{color:#eee7ff}
.sf-services .section-head h2{color:#3e2d67}.sf-services .section-head p{color:#776982}.sf-services .eyebrow{color:#8c78a9}
.feature-apps{background:linear-gradient(110deg,#282063,#5750b9)}.feature-coworker{background:linear-gradient(110deg,#443176,#6950a7)}.feature-agents{background:linear-gradient(110deg,#302667,#5550aa)}.feature-quality{background:linear-gradient(110deg,#35235f,#62479f)}
.feature-panel{box-shadow:0 10px 24px #3c245b1b}.feature-copy .eyebrow,.feature-coworker .eyebrow,.feature-quality .eyebrow{color:#eee5fa}.feature-copy>p{color:#e2daf1}.concept-label{color:#d1c5e5}
.feature-data{background:linear-gradient(110deg,#dff4eb,#c5e6da);color:#2c514a}.feature-data .feature-copy .eyebrow{color:#3c5d52}.feature-data .feature-copy>p{color:#3c5d52}.feature-data .feature-copy .btn{color:#345d50}.feature-data .concept-label{color:#3c5d52}.feature-data .eyebrow:before{background:#7ab7a1}
.feature-learning{background:linear-gradient(110deg,#e9e2f8,#d8cbef);color:#4b376b}.feature-learning .feature-copy .eyebrow{color:#594569}.feature-learning .feature-copy>p{color:#594569}.feature-learning .concept-label{color:#594569}.feature-learning .feature-copy .btn{color:#5e417f}.feature-learning .eyebrow:before{background:#a594c5}
.mini-float{background:#ebe1f8;color:#81649d}.platform-top{background:#f0ebfa}.platform-footer{background:#e9e2f4;color:#837299}.platform-nav span{background:#cec3e0}.platform-nav span:first-child{background:#a692c4}.platform-panels>div{background:#f0ebf7}.chart-bars i{background:#baacd3}.chart-bars i:nth-child(2),.chart-bars i:nth-child(4){background:#a390c5}
.genio-word strong{color:#f0eaff}.copilot-grid .tool-logo{background:#f4effb}.copilot-grid>div{color:#e5daf4}.capability-tags>span{color:#ded0f0;border-color:#cdb9ec66}.copilot-connectors{border-color:#d3c0eb55}
.chat-preview{background:#bba7e533;border-color:#c6b3e866}.chat-bubble.bot{background:#e0d4f4;color:#6e568d}.chat-bubble.user{color:#6a557f}.chat-action{color:#eee5fa}.agent-badge{color:#79638e}.data-float{background:#e6f5ec;color:#5d8b77}.data-orbits .tool-logo{background:#fff}.data-card{box-shadow:0 20px 45px #58776920}.data-chart span{background:#c6dfd3}.data-chart span:nth-child(2n){background:#abd1bf}.data-chart span:last-child{background:#81b89e}
.qa-window{background:#f5f0fb;color:#80708f}.qa-title{background:#eae0f3}.qa-row{border-color:#e9e0ef}.qa-line{background:#dbcee7}.qa-float{background:#eee3fa;color:#886b9c}.qa-bottom span{border-color:#d9cbe5}
.learning-card{background:#faf7ff;color:#7b5a93;box-shadow:0 20px 45px #69507e20}.learning-icon{background:#e9e0f5;color:#a18bb5;margin-top:2px;opacity:.5}.learning-card>span{font-size:13px}.learning-lines i{background:#dfd3e9}.learning-languages span{border-color:#d8c9e4;color:#9c81ad}.learning-orbit>div{background:#fbf8ff;box-shadow:0 15px 25px #65478320}.learning-bot{position:absolute;right:-13px;top:-14px;width:49px;height:49px;border-radius:50%;border:3px solid #f2ebfa;box-shadow:0 8px 16px #5f427c20;transform:rotate(7deg)}
.build-copy .eyebrow,.eyebrow{color:#8b75a7}.principle-icon{background:#eee8f7;color:#947ab0}.experience{background:#f1f8f4}.project-card{border-color:#e5e5ec}.project-art{background:#efe9f8}.project-card:nth-child(2) .project-art{background:#e6f3ec}.project-card:nth-child(3) .project-art{background:#edeaf7}.process-number{background:#eee6f8;color:#8b6caa}.team-band{background:#f0eaf8}.team-band p{color:#8a759c}.faq-list summary:after{color:#a88bbd}
.contact{background:linear-gradient(110deg,#38236d,#5b43a5)}.contact .eyebrow{color:#cdb5e8}.contact-copy p{color:#e4d6f3}.contact-meta{color:#e4d6f3!important}.contact-form{color:#5b4077}.field input,.field textarea,.field select{border-color:#ded2e9;background:#fcfaff;color:#7c628c}.contact .btn.outline{background:transparent;color:#7d5a97;border-color:#cfbce0}.footer a:hover{color:#a88bc1}
/* Let the inquiry note wrap below the button before its label gets squeezed. */
.contact-form .form-footer{flex-wrap:wrap;align-items:center;gap:12px 16px}
.contact-form .form-footer>.btn{flex:0 0 auto;white-space:nowrap;font-size:13px;line-height:1.25;min-height:44px;padding:12px 20px}
.contact-form .form-footer>p{flex:1 1 160px;min-width:0}
@media(max-width:900px){.contact-form .form-footer>.btn{font-size:12px;padding:12px 18px}}