/* SNE — intelligent systems, considered design. */
:root{--ink:#172636;--muted:#60717f;--navy:#1462ee;--teal:#00847c;--line:#e4eaf0;--pale:#f5f8fc}
body{background:#fff;color:var(--ink)}header{height:90px;border-bottom:1px solid #eaf0f6;background:#ffffffdf}header .brand{width:170px}nav{gap:26px;font-size:12px}.nav-cta{background:var(--navy);color:white;border-radius:7px;border:0;padding:13px 19px;box-shadow:0 5px 16px #1462ee20}.hero{padding:72px 0 47px;gap:16px;grid-template-columns:1.04fr 1fr;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:-70px -45px -20px;background:radial-gradient(ellipse at 81% 35%,#e5f8f8 0,transparent 43%),radial-gradient(ellipse at 55% 85%,#eff4ff 0,transparent 50%);pointer-events:none}.hero-copy{padding-top:10px;position:relative;z-index:3}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;background:#edf8f6;padding:8px 12px;display:inline-flex;border:1px solid #d9ece7;border-radius:30px;margin-bottom:23px}.hero h1{font-size:clamp(54px,5.7vw,84px);letter-spacing:-4.8px;line-height:1.06;color:#172636;font-weight:750}.outline{background:linear-gradient(100deg,#1765f5 0%,#00857c 80%);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0}.hero-description{max-width:470px;font-size:15px;line-height:1.85;margin-top:25px}.hero-description strong{font-weight:650}.button{border-radius:7px;font-size:12px;padding:16px 22px}.navy{box-shadow:0 8px 20px #1462ee22}.actions{gap:24px}.text-link{font-size:12px}.hero-note{border:0;justify-content:flex-start;gap:24px;margin-top:35px;padding-top:0;font-size:7px;letter-spacing:.6px;color:#6b7c88}.hero-note span:before{content:'✓';color:#00857c;margin-right:6px}.hero-art.phase-art{background:transparent;color:var(--ink);overflow:visible;min-height:560px;position:relative;display:block}.phase-art .art-top{position:absolute;left:25px;right:0;top:0;margin:0;font-size:8px;letter-spacing:1.4px;color:#5c7986}.phase-art #phase-play{color:#526d7e;border:1px solid #cedfe7;background:#ffffff9c;border-radius:20px;font-size:9px;padding:6px 10px}.intelligence-field{height:345px;position:relative;margin-top:25px;pointer-events:none}.orb-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#d9f6f4 5%,#d7e8ff6b 48%,transparent 70%)}.orb-core{position:absolute;width:270px;height:270px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-18deg);border-radius:50%;border:1px solid #68b2f19e;background:radial-gradient(circle at 30% 25%,#fff 1%,#e7faffb0 26%,#bbf4eb5c 55%,#7dabef50 85%);box-shadow:inset -16px -14px 35px #2e7ee823,inset 10px 8px 25px #fff,0 0 55px #2f9fec14;overflow:visible}.orb-core:before,.orb-core:after{content:'';position:absolute;inset:-29px;border:1px solid #a3c9e554;border-radius:50%;transform:rotateX(60deg) rotate(25deg)}.orb-core:after{inset:-50px;transform:rotateY(55deg) rotate(-25deg)}.orb-latitude{position:absolute;border:1px solid #62abc05c;border-radius:50%;left:0;right:0;height:30%;top:35%}.lat-one{transform:rotate(0deg)}.lat-two{transform:rotate(60deg)}.lat-three{transform:rotate(120deg)}.orb-meridian{position:absolute;top:0;bottom:0;left:35%;width:30%;border:1px solid #75b4d575;border-radius:50%}.mer-one{transform:rotate(25deg)}.mer-two{transform:rotate(85deg)}.mer-three{transform:rotate(145deg)}.orb-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(18deg);font-family:Manrope,sans-serif;font-size:47px;letter-spacing:-3px;font-weight:800;color:#1765ef;text-shadow:0 2px 20px white}.orb-center>span{font-family:'DM Sans',sans-serif;color:#007f78;font-size:6px;letter-spacing:1.3px;margin-top:4px;font-weight:650}.orb-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#1765ef;border:2px solid white;box-shadow:0 0 0 5px #1462ee15}.dot-a{top:27%;left:4%}.dot-b{top:66%;right:6%;background:#00a58c}.dot-c{top:-3px;left:50%}.satellite{position:absolute;font-size:9px;background:#ffffffed;border:1px solid #e1ebf2;box-shadow:0 8px 24px #285c7b0d;padding:10px 13px;border-radius:8px;color:#496273;display:flex;align-items:center;gap:8px;z-index:2}.satellite>span{color:#008c81;font-size:16px}.satellite-one{left:2%;top:18%}.satellite-two{right:-1%;top:42%}.satellite-three{left:9%;bottom:10%}.phase-stage{width:88%;margin:-7px auto 0;perspective:none;z-index:3}.phase-shadow{display:none}.phase-card{background:#ffffffed;border:1px solid #e0eaf0;box-shadow:0 16px 35px #2b5b850d;padding:19px 22px 17px 84px;min-height:141px;border-radius:12px;color:#172636}.phase-card-top{font-size:7px;letter-spacing:1px;color:#007c76}.phase-badge{display:none}.phase-visual{position:absolute;left:13px;top:43px;height:50px;width:58px;margin:0}.phase-illustration{height:48px;width:70px;color:#1462ee}.phase-card h3{font-size:24px;letter-spacing:-.6px;margin-top:9px}.phase-card p{font-size:10px;min-height:15px;margin:6px 0 10px}.phase-outcome{padding-top:9px;font-size:8px;border-color:#e5edf2}.phase-check{font-size:11px}.phase-track{width:79%;margin:23px auto 0}.phase-track button{color:#567182;font-size:8px;gap:6px}.phase-track button>span{background:#eff5fc;color:#547697;border-color:#cbdeee;width:24px;height:24px;font-size:7px}.phase-track button[aria-pressed=true]>span{background:#1462ee;border-color:#1462ee;color:white;box-shadow:0 0 0 4px #1462ee12}.phase-track button.completed>span{background:#e3f6f1;border-color:#b4e5d7;color:#00816d}.phase-rail{top:11px;background:#d5e5ee}.phase-rail>span{background:#08ac94}.phase-art .art-bottom{margin:20px auto 0;width:79%;font-size:6px;letter-spacing:1px;color:#6b8190;justify-content:center;gap:6px}.phase-art .art-bottom>span:last-child{display:none}.phase-art .white{background:#00a78e;width:4px;height:4px}.principles{margin:0;background:#fff;border-color:#e8eef4}.principles .wrap{padding-top:26px;padding-bottom:26px}.principles p{font-size:12px}.principles span{font-size:11px}.principles span:before{font-size:18px}.section{padding-top:100px;padding-bottom:100px}.section-head{margin-bottom:40px}.section-head h2{font-size:47px;letter-spacing:-2px;line-height:1.13}.section-head .eyebrow{font-size:9px;letter-spacing:1.5px}.section-head>p{font-size:13px;max-width:320px;line-height:1.8}.service-explorer{gap:35px;grid-template-columns:1fr 1.1fr}.service-tabs{gap:4px}.service-tabs button{border:0;padding:19px 18px;border-radius:8px;font-size:15px}.service-tabs button:first-child{border:0}.service-tabs button[aria-selected=true]{background:#edf4ff;color:#1462ee;box-shadow:inset 3px 0 #1462ee;padding-left:22px}.service-tabs button[aria-selected=true]>span{color:#1462ee}.service-tabs button:not([aria-selected=true]){color:#3f5668}.service-tabs button>i{font-size:21px}.service-panel{border-radius:16px;border:1px solid #e1eaf3;background:radial-gradient(ellipse at 100% 0,#dbf5ef 0,transparent 55%),#f5f8fc;padding:33px 40px;min-height:460px}.panel-top{font-size:8px}.service-symbol{width:60px;height:60px;border-radius:14px;background:white;border-color:#e2ecf2;box-shadow:0 6px 15px #37587908;margin:25px 0}.service-panel h3{font-size:30px;line-height:1.15}.service-panel p{font-size:13px;line-height:1.8}.service-panel li{font-size:11px}.service-panel .text-link{border:0;color:#1462ee}.ai-section{background:#f6f9fc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.ai-bento{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.ai-feature,.ai-side,.ai-bottom{border-radius:16px;border:1px solid #dfe8ef;padding:35px;background:white}.ai-feature{background:radial-gradient(ellipse at 95% 100%,#e1f8f3 0,transparent 55%),white;grid-row:span 2}.ai-feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:34px}.example-label{font-size:8px;border:1px solid #d8e4ea;border-radius:20px;padding:4px 9px;color:#607a8b}.ai-bento h3{font-size:30px;line-height:1.2}.ai-bento p{font-size:12px;line-height:1.85;color:#617685;max-width:420px}.ai-feature .text-link{color:#1462ee;margin-top:20px}.workflow-map{display:flex;align-items:center;justify-content:center;gap:12px;margin:38px 0 28px;min-height:130px}.flow-inputs,.flow-outputs{display:flex;flex-direction:column;gap:9px}.flow-inputs span,.flow-outputs span{background:white;border:1px solid #d9e5ed;border-radius:6px;padding:9px 12px;font-size:9px;text-align:center;box-shadow:0 3px 7px #1a4f6505}.flow-agent{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:92px;height:92px;background:#1462ee;color:white;border-radius:20px;font-size:11px;box-shadow:0 0 0 7px #1462ee0b,0 12px 24px #1462ee22;flex-shrink:0}.flow-agent>span{font-size:31px;line-height:1}.flow-connector{color:#00a28a;font-size:19px}.flow-outputs span:last-child{border-color:#b8e3d8;color:#007b68;background:#effbf7}.ai-side{padding:28px}.ai-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#e6f6f1;color:#008776;font-size:28px;margin-bottom:20px}.ai-side h3{font-size:25px}.ai-side .tiny-label{font-size:8px;letter-spacing:1px;color:#00847b}.ai-side .text-link{font-size:11px;margin-top:10px;color:#1462ee}.ai-bottom{padding:24px;display:flex;align-items:center;gap:16px;background:#edf3ff}.ai-bottom .ai-icon{margin:0;flex-shrink:0;background:white;color:#1462ee;width:35px;height:35px;font-size:23px}.ai-bottom h3{font-size:16px;letter-spacing:-.3px}.ai-bottom p{font-size:10px;margin:8px 0 0}.ai-bottom>a{margin-left:auto;font-size:25px;color:#1462ee}.ai-footnote{font-size:10px;text-align:center;color:#667d8e;margin:25px 0 0}.approach{background:#fff;color:var(--ink)}.approach .eyebrow{color:#00847c}.approach .section-head>p{color:var(--muted)}.steps{gap:26px;margin-top:50px}.steps article{border-top:1px solid #cbdde9;position:relative}.steps article:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#1462ee;top:-4px;left:0;box-shadow:0 0 0 5px #f2f6fc}.step-number{color:#1462ee}.steps h3{font-size:21px;margin-top:26px}.steps p{color:var(--muted);font-size:12px}.step-output{color:#008479;border-color:#cbe7df;background:#f1faf7;border-radius:20px;font-size:9px}.about{border-top:1px solid #e7edf2}.about h2{font-size:45px;line-height:1.15}.about .large-copy{color:#253e50;font-size:23px}.about p{font-size:13px}.parent-note{background:#f7fafc;border:1px solid #e5edf3;border-radius:9px;padding:20px;gap:22px}.parent-note p{font-size:11px}.project-section{background:radial-gradient(ellipse at 0 80%,#e3f8f1,transparent 60%),#f0f5ff}.project-layout{gap:80px}.project-layout h2{font-size:54px;line-height:1.1}.project-layout form{padding:30px;border:1px solid #e2eaf3;border-radius:16px;background:white;box-shadow:0 12px 32px #26528a06;gap:18px}.project-layout input,.project-layout select,.project-layout textarea{border-radius:6px;background:#fafcfe;border-color:#dfe7ef;font-size:12px;padding:12px}.project-layout label{font-size:10px}.project-layout .brief-note{font-size:12px!important;max-width:370px}.project-layout .brief-note a{font-weight:600}.project-layout .button{margin-top:1px}footer{padding-top:35px;padding-bottom:35px}footer .brand{width:145px}footer>a:last-child{border-radius:50%}.hero-art[data-paused="false"] .orb-core{animation:orb-breathe 8s ease-in-out infinite}.hero-art[data-paused="false"] .satellite{animation:satellite-float 7s ease-in-out infinite}.hero-art[data-paused="false"] .satellite-two{animation-delay:-2s}.hero-art[data-paused="false"] .satellite-three{animation-delay:-4s}@keyframes orb-breathe{50%{transform:translate(-50%,-50%) rotate(-12deg) scale(1.025)}}@keyframes satellite-float{50%{transform:translateY(-6px)}}
@media(max-width:1100px){nav{gap:17px;font-size:11px}.hero h1{font-size:65px;letter-spacing:-3.7px}.hero .eyebrow{font-size:8px}.hero-art.phase-art{min-height:550px}.orb-core{width:230px;height:230px}.orb-halo{width:340px;height:340px}.satellite{font-size:8px;padding:8px}.satellite-one{left:0}.satellite-two{right:-4%}.phase-stage{width:95%}.hero-note{gap:13px;font-size:6px}.workflow-map{gap:6px}.flow-inputs span,.flow-outputs span{font-size:8px;padding:8px}.flow-agent{width:68px;height:80px;font-size:9px}.ai-feature{padding:27px}.section-head h2{font-size:42px}.project-layout{gap:40px}.project-layout h2{font-size:46px}}
@media(max-width:760px){header{height:78px}header .brand{width:142px}nav{top:77px;border-radius:0 0 12px 12px}.hero{padding-top:38px;grid-template-columns:1fr;gap:10px}.hero:before{inset:0 -20px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:7px;letter-spacing:1px;padding:7px 10px;margin-bottom:22px}.hero h1{font-size:clamp(43px,11.6vw,72px);letter-spacing:-2.7px;line-height:1.07}.hero-description{font-size:14px;max-width:500px;margin-top:22px}.hero-note{gap:15px;font-size:6px;margin-top:25px}.hero-art.phase-art{min-height:550px;margin-top:23px}.phase-art .art-top{left:4px;right:4px}.intelligence-field{height:330px}.orb-core{width:230px;height:230px}.orb-halo{width:310px;height:310px}.satellite-one{left:0;top:16%}.satellite-two{right:-2%;top:47%}.satellite-three{left:3%;bottom:10%}.phase-stage{width:94%}.phase-card{padding:18px 18px 15px 76px;min-height:142px}.phase-card p{font-size:10px;min-height:30px;margin-bottom:8px}.phase-card h3{font-size:25px}.phase-card-top{font-size:7px}.phase-visual{left:8px}.phase-track{width:85%;margin-top:20px}.phase-art .art-bottom{font-size:6px;letter-spacing:.7px}.principles .wrap{gap:18px;padding-top:24px;padding-bottom:24px}.principles p{font-size:11px}.principles span{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-head h2{font-size:36px}.section-head>p{font-size:13px}.service-explorer{grid-template-columns:1fr;gap:25px}.service-tabs{gap:2px}.service-tabs button{font-size:14px;padding:15px}.service-panel{padding:27px;min-height:420px}.service-panel h3{font-size:28px}.ai-bento{grid-template-columns:1fr;gap:16px}.ai-feature{grid-row:auto;padding:24px}.ai-feature-top{margin-bottom:24px}.ai-feature h3{font-size:26px}.ai-feature .tiny-label{font-size:7px}.example-label{font-size:7px;padding:3px 7px}.workflow-map{gap:6px;margin:28px 0 20px}.flow-inputs span,.flow-outputs span{font-size:7px;padding:7px}.flow-agent{width:65px;height:77px;border-radius:15px;font-size:9px}.flow-connector{font-size:15px}.ai-side h3{font-size:25px}.ai-bottom{padding:22px}.ai-footnote{font-size:9px;line-height:1.8}.steps{gap:32px 24px}.steps h3{font-size:19px}.steps p{font-size:12px}.about h2{font-size:36px}.about .large-copy{font-size:21px}.parent-note{padding:16px;gap:15px}.parent-note .tiny-label{font-size:8px}.project-layout{gap:30px}.project-layout h2{font-size:42px}.project-layout form{padding:22px}.form-row{grid-template-columns:1fr;gap:18px}footer .brand{width:132px}footer p{max-width:160px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.hero-art.phase-art{overflow:clip}.hero:before{inset:0 -20px 0 0}.ai-bento>*{min-width:0}.workflow-map{flex-wrap:wrap}.hero{overflow:clip}}