/* Syolo Technologies — responsive static website */
:root{--forest:#102d25;--forest-2:#183d31;--green:#397d55;--lime:#d9f16a;--mint:#eaf2e9;--cream:#f7f8f3;--ink:#17231e;--muted:#68736c;--line:#dfe6de;--white:#fff;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(16,45,37,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:228px;height:auto;max-height:66px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.main-nav>a:not(.nav-cta){color:#46534b;transition:color .2s}.main-nav>a:hover{color:var(--green)}.nav-cta{background:var(--forest);color:white;padding:13px 20px;border-radius:3px}.nav-cta span,.btn span{padding-left:12px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--forest);margin:5px}
.hero{position:relative;overflow:hidden;background:var(--forest);color:white;min-height:610px;padding:92px 0 82px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 23px}.eyebrow>span{display:inline-block;width:25px;height:2px;background:var(--green)}.eyebrow.light{color:#c3d9c5}.eyebrow.light>span{background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,"DM Sans",sans-serif;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(48px,6vw,76px);font-weight:700;margin-bottom:24px}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--lime);letter-spacing:-2px}.hero-lead{font-size:18px;line-height:1.65;color:#d2ddd5;max-width:500px;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;font-size:12px;font-weight:800;letter-spacing:.2px;border-radius:2px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-lime{background:var(--lime);color:var(--forest)}.btn-dark{background:var(--forest);color:white}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--forest);font-size:12px;font-weight:800;border-bottom:1px solid #9aab9e;padding-bottom:8px}.light-link{color:#fff;border-color:#64786d}.hero-note{display:flex;align-items:center;gap:12px;margin-top:58px;font-size:11px;color:#9eb3a5}.note-line{width:34px;height:1px;background:var(--lime)}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(217,241,106,.14)}.orb-one{width:600px;height:600px;right:-160px;top:-270px}.orb-two{width:850px;height:850px;right:-285px;top:-385px}.hero-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.art-ring{position:absolute;border:1px solid rgba(217,241,106,.22);border-radius:50%;transform:rotate(-24deg)}.ring-a{width:350px;height:350px}.ring-b{width:450px;height:270px;transform:rotate(42deg)}.art-core{width:220px;height:220px;border-radius:50%;background:var(--lime);color:var(--forest);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 70px #071a13aa;z-index:1}.core-dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-bottom:10px}.core-word{font-family:Manrope;font-size:31px;font-weight:800;letter-spacing:3px}.art-core small{font-size:8px;letter-spacing:2px;font-weight:800;margin-top:4px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;color:var(--ink);box-shadow:0 12px 40px #061a1270;border-radius:4px;min-width:220px}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:9px;color:var(--muted);margin-top:3px}.card-top{top:54px;left:0}.card-bottom{bottom:45px;right:-3px}.mini-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9f4d1;color:var(--green);font-size:21px}.dark-icon{background:#e7efea;color:var(--forest)}.art-spark{position:absolute;color:var(--lime);font-size:26px}.spark-one{right:8%;top:17%}.spark-two{left:13%;bottom:14%;font-size:18px}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #ffffff20}.hero-bottom-inner{height:47px;display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:1.5px;color:#9db1a4}.bottom-rule{height:1px;width:54px;background:var(--lime)}
.section-pad{padding:105px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro h2,.section-heading h2,.tech-intro h2,.why h2,.partnership h2{font-size:clamp(36px,4vw,53px);font-weight:700;margin:0}.intro h2 em,.section-heading h2 em,.tech-intro h2 em,.why h2 em,.partnership h2 em{color:var(--green)}.intro-large{font-size:21px;line-height:1.55;color:#263b30;margin:4px 0 18px}.intro-content>p:not(.intro-large){font-size:14px;color:var(--muted);max-width:510px;margin-bottom:28px}
.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-aside{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;padding:29px 29px 31px;min-height:410px;border:1px solid #edf0ea;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #102d2510}.service-feature{background:var(--forest);color:white}.service-top{display:flex;justify-content:space-between;align-items:center}.service-number,.service-symbol{font-size:11px;color:#8c9a91;letter-spacing:1px}.service-feature .service-number{color:#b7c8bb}.service-symbol{font-size:20px}.service-icon{height:76px;display:flex;align-items:center;margin:16px 0 7px;color:var(--green);font-size:48px}.service-feature .service-icon{color:var(--lime)}.people-icon{gap:5px;align-items:end;padding-bottom:12px}.people-icon span{display:block;width:15px;height:26px;border-radius:10px 10px 4px 4px;background:var(--lime)}.people-icon span:nth-child(2){height:39px}.people-icon span:nth-child(3){height:31px}.tech-icon{font-size:48px}.support-icon span{display:grid;place-items:center;border:2px solid var(--green);width:46px;height:46px;border-radius:50%;font-size:27px}.service-card h3{font-family:Manrope;font-size:21px;letter-spacing:-.5px;margin-bottom:10px}.service-card>p{font-size:12px;line-height:1.7;color:var(--muted);min-height:43px}.service-feature>p{color:#c0cec4}.service-card ul{list-style:none;padding:0;margin:21px 0 0;border-top:1px solid #e7ece7}.service-feature ul{border-color:#ffffff25}.service-card li{font-size:11px;padding:9px 0;border-bottom:1px solid #e7ece7;color:#536159}.service-feature li{border-color:#ffffff20;color:#d7e0d8}.service-card li:before{content:"↗";color:var(--green);margin-right:10px}.service-feature li:before{color:var(--lime)}
.lifecycle{background:var(--forest);color:#fff}.lifecycle .section-heading{margin-bottom:58px}.lifecycle h2 em{color:var(--lime)}.lifecycle .section-aside{color:#b2c2b7}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.step{padding:0 17px 0 0;border-top:1px solid #5d7568;position:relative}.step:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--lime);border-radius:50%}.step-no{display:block;font-size:10px;color:var(--lime);margin:19px 0 21px}.step-icon{font-size:29px;color:#d5e1d7;margin-bottom:19px}.step h3{font-family:Manrope;font-size:14px;margin-bottom:8px}.step p{font-size:10px;color:#aebfb3;line-height:1.7;padding-right:10px}
.technology{background:#fff}.tech-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.tech-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:330px;margin:24px 0 29px}.capability-list article{display:grid;grid-template-columns:48px 1fr 20px;gap:20px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.capability-list article:first-child{border-top:1px solid var(--line)}.cap-no{font-size:10px;color:var(--green);padding-top:4px}.capability-list h3{font-family:Manrope;font-size:17px;margin:0 0 5px}.capability-list p{font-size:12px;color:var(--muted);margin:0}.cap-arrow{color:var(--green);font-size:18px}
.delivery{background:#edf2eb}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.delivery-grid article{background:#fff;padding:25px 22px;min-height:205px}.delivery-grid article>span{font-size:10px;color:var(--green)}.delivery-grid h3{font-family:Manrope;font-size:16px;margin:31px 0 9px}.delivery-grid p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.fine-print{font-size:10px;color:#7e8981;margin:22px 0 0}
.industries{background:var(--forest);color:#fff}.industries .section-heading h2 em{color:var(--lime)}.industries .section-aside{color:#b2c2b7}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b}.industry-item{min-height:150px;padding:25px 26px;border-right:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;display:flex;flex-direction:column}.industry-item>span{color:var(--lime);font-size:23px;margin-bottom:18px}.industry-item b{font-family:Manrope;font-size:14px}.industry-item small{font-size:10px;color:#aebfb3;margin-top:5px}.light-fine{color:#aebfb3}
.why{background:#fff}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-lead{font-size:15px;color:var(--muted);max-width:340px;margin-top:25px}.values-list article{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.values-list article:first-child{border-top:1px solid var(--line)}.values-list article>span{font-size:10px;color:var(--green);padding-top:3px}.values-list h3{font-family:Manrope;font-size:15px;margin:0 0 3px}.values-list p{font-size:11px;color:var(--muted);margin:0}
.partnership{background:#edf2eb}.partnership-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.partnership-steps>div{display:flex;gap:17px;align-items:center;padding:12px 0;border-bottom:1px solid #d5dfd5}.partnership-steps>div:first-child{border-top:1px solid #d5dfd5}.partnership-steps b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #a9b9aa;border-radius:50%;font-size:10px;color:var(--green)}.partnership-steps strong,.partnership-steps small{display:block}.partnership-steps strong{font-family:Manrope;font-size:13px}.partnership-steps small{font-size:10px;color:var(--muted);margin-top:2px}.partnership-note{font-size:10px;color:#7e8981;margin-top:24px}
.contact{background:var(--cream);padding-top:90px;padding-bottom:90px}.contact-panel{background:var(--forest);color:white;padding:65px 70px;display:grid;grid-template-columns:1fr .8fr;gap:80px;position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff1b;border-radius:50%;right:-220px;top:-260px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06;pointer-events:none}.contact-copy,.contact-details{position:relative;z-index:1}.contact-copy h2{font-size:clamp(38px,4vw,54px);margin-bottom:20px}.contact-copy h2 em{color:var(--lime)}.contact-copy>p:last-child{font-size:13px;color:#b8c9bd;max-width:350px}.contact-details{padding-top:14px}.contact-row{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #ffffff2b}.contact-row small{display:block;color:#a8bcad;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.contact-row a{font-size:14px;font-weight:600}.contact-btn{margin-top:5px}
.site-footer{background:#0b211b;color:#fff;padding:28px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px}.footer-brand img{width:185px;height:auto;max-height:55px;object-fit:contain;background:#fff;border-radius:2px}.footer-main p{font-family:var(--serif);font-style:italic;color:#c8d6ca;margin:0;font-size:16px}.back-top{font-size:11px;color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff20;padding-top:15px;display:flex;justify-content:space-between;color:#81958a;font-size:9px;letter-spacing:.5px}
@media(max-width:900px){.main-nav{gap:18px}.hero-grid{grid-template-columns:1fr  .8fr}.hero-art{transform:scale(.85)}.intro-grid,.tech-layout,.why-layout,.partnership-inner{gap:55px}.service-card{padding:24px 20px}.steps{grid-template-columns:repeat(3,1fr);row-gap:35px}.step:nth-child(4){margin-top:0}.delivery-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{padding:55px 45px;gap:45px}}
@media(max-width:680px){.container{width:min(100% - 36px,520px)}.site-header{height:74px}.brand img{width:190px}.menu-toggle{display:block;cursor:pointer}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 15px 25px #102d2515;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px 0;border-bottom:1px solid #edf0ea}.main-nav .nav-cta{margin-top:12px;text-align:center;padding:13px}.hero{padding:70px 0 72px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:5px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(48px,13vw,66px)}.hero-lead{font-size:16px;max-width:440px}.hero-note{margin-top:35px}.hero-art{height:320px;transform:scale(.82);transform-origin:top center;margin-bottom:-48px}.card-top{left:0;top:28px}.card-bottom{right:-10px;bottom:25px}.art-core{width:190px;height:190px}.ring-a{width:300px;height:300px}.ring-b{width:360px;height:230px}.section-pad{padding:72px 0}.intro-grid,.tech-layout,.why-layout,.partnership-inner{grid-template-columns:1fr;gap:30px}.intro-large{font-size:18px}.section-heading{display:block;margin-bottom:34px}.section-aside{margin-top:20px;max-width:500px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:26px}.service-card>p{min-height:0}.steps{grid-template-columns:repeat(2,1fr);row-gap:32px}.step{padding-right:12px}.step p{font-size:10px}.tech-intro>p:not(.eyebrow){margin:18px 0 24px}.capability-list article{grid-template-columns:32px 1fr 15px;gap:12px}.delivery-grid{grid-template-columns:1fr 1fr;gap:9px}.delivery-grid article{padding:19px 16px;min-height:190px}.delivery-grid h3{font-size:14px;margin-top:24px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-item{padding:20px 17px;min-height:145px}.industry-item b{font-size:12px}.industry-item small{font-size:9px}.contact{padding:58px 0}.contact-panel{grid-template-columns:1fr;padding:40px 25px;gap:20px}.contact-copy h2{font-size:43px}.contact-details{padding-top:0}.contact-row a{font-size:12px}.footer-main{flex-wrap:wrap;gap:18px}.footer-main p{order:3;width:100%;font-size:14px}.footer-brand img{width:165px}.footer-bottom{gap:12px;flex-wrap:wrap}.hero-bottom-inner{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}