/* Bula modern visual system — homepage and shared storefront. */
:root{--ink:#153a32;--green:#1d7359;--lime:#d9f59b;--paper:#f8faf6;--muted:#66786f;--line:#dce5db}
.wrap{width:min(1280px,calc(100% - 96px))}h1,h2,h3{font-weight:700}h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-1.8px}.eyebrow{font-size:10px;letter-spacing:1.8px}.button{border-radius:100px;padding:17px 25px;box-shadow:0 6px 15px #123b3210}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.text-link{font-size:13px}.topbar{background:#102e27}.topbar .wrap{padding:8px 0}.header{background:#f8faf6f2}.nav{height:88px}.brandmark{border-radius:50% 50% 50% 15%;letter-spacing:-4px}.nav nav{font-size:13px;gap:30px}.nav-actions .small{padding:12px 20px}.hero{position:relative;isolation:isolate;min-height:690px;gap:45px;color:#f6faef;padding-top:80px;padding-bottom:100px}.hero:before{content:'';position:absolute;inset:0 calc((1280px - 100vw)/2);z-index:-2;background:radial-gradient(ellipse at 79% 48%,#2c76615e,transparent 46%),radial-gradient(ellipse at 8% 95%,#8cb96615,transparent 36%),linear-gradient(115deg,#102e28,#163e35 66%,#153b32)}.hero:after{content:'';position:absolute;inset:0 calc((1280px - 100vw)/2);z-index:-1;opacity:.17;pointer-events:none;background-image:linear-gradient(#80af911a 1px,transparent 1px),linear-gradient(90deg,#80af911a 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero .eyebrow{color:#d5e5c6;border:1px solid #5f806d;border-radius:40px;display:inline-flex;padding:8px 12px;background:#a9d99606;font-size:8px;letter-spacing:1.7px;margin-bottom:25px}.hero .dot{background:var(--lime);box-shadow:0 0 12px #d9f59b88}.hero h1{font-size:clamp(48px,5vw,72px);line-height:1.12;letter-spacing:-3.5px;font-weight:700;max-width:680px}.hero .accent{color:var(--lime);display:inline-block;position:relative}.hero .accent:after{content:'';position:absolute;left:0;right:3px;height:3px;bottom:-6px;background:linear-gradient(90deg,var(--lime),transparent);opacity:.5;border-radius:100%}.hero-copy>p{color:#bbd1c5;max-width:450px;font-size:16px;line-height:1.8;margin-top:28px}.hero .button{background:var(--lime);border-color:var(--lime);color:#183a2d;box-shadow:0 6px 30px #b2e08c14}.hero .button:hover{background:#e6ffba}.hero .text-link{color:#e1edde}.hero-buttons{gap:24px;margin-top:34px}.hero-meta{color:#94b6a2;font-size:10px;gap:22px;margin-top:37px}.hero-meta b{color:var(--lime)}.hero-art{height:450px;perspective:1200px}.orbit-one{width:440px;height:440px;background:radial-gradient(circle,#abc68b0d,#527b661a 65%,transparent 66%);border:1px solid #a3b9981e}.orbit-two{width:520px;height:520px;border-color:#a2c99324;border-style:solid}.dashboard{width:470px;border-radius:14px;background:#fbfdf6;box-shadow:0 30px 90px #0005,0 0 0 9px #ffffff04;transform:rotateY(-8deg) rotateZ(-4deg);color:#183d34;border-color:#bfd3b76b}.dash-top{height:54px}.dash-main{padding:22px}.dash-body{min-height:318px}.dash-heading{font-size:13px}.metrics strong{font-size:25px}.metrics>div{background:#f0f4e9;border-color:#e3eada}.chart{background:#fff;padding:14px}.chart svg{height:112px}.dash-bottom{margin-top:17px}.floating{background:#eaf3df;color:#1c4536;border:1px solid #ffffff99;box-shadow:0 15px 35px #0003;border-radius:10px;padding:17px 20px;font-size:10px}.float-one{right:-10px;top:25px;transform:rotate(3deg)}.float-two{left:-24px;bottom:13px;transform:rotate(-3deg)}.float-one .tile-icon{background:#d2e5b1;color:#477249}.float-two .check-icon{background:#d6e9bc}.art-kicker{position:absolute;top:-35px;right:10px;color:#84ae95;font-size:8px;letter-spacing:2.2px}.art-note{color:#7da68b;font-style:normal;letter-spacing:1.5px;font-size:7px;bottom:-40px;right:0}.benefit-strip{background:#deebce;border:0}.benefit-strip .wrap{font-size:11px;font-weight:500;letter-spacing:.2px;padding:24px 0;color:#365840}.applications{padding:95px 0}.section-head{margin-bottom:40px}.section-head h2{max-width:730px}.section-head p{font-size:15px}.filters button{border-radius:100px;padding:10px 17px}.filters button.active{background:#dcebcf;border-color:#c2d6ae}.search{border:1px solid #d8e3d1;border-radius:100px;padding:9px 15px;background:#fff}.search input{font-size:12px;width:180px}.product-card{border-radius:16px;border-color:#dbe5d5;box-shadow:0 7px 25px #20453304}.product-visual{height:225px;background-image:radial-gradient(circle at 100% 0%,#ffffff99,transparent 60%)}.product-info{padding:28px}.product-info h3{font-size:23px}.product-info p{font-size:13px}.product-category span{padding:2px 7px;border-radius:50px}.product-icon{border-radius:20px;width:80px;height:80px}.mini-ui{width:150px;height:112px;padding:17px;box-shadow:0 15px 20px #33443315}.mini-ui>div{height:56px;gap:12px}.mini-ui>div>span{width:28px}.mini-ui>div>span:nth-child(3){height:52px}.sample-note{font-size:11px}.custom-section{border:0;padding:20px 0 100px;gap:90px}.custom-section h2{font-size:40px}.custom-section p{font-size:15px;line-height:1.8}.custom-art{background:radial-gradient(circle at 50% 50%,#345e45,#163f32 73%);border-radius:22px;min-height:435px;padding:26px;overflow:hidden;color:#e4eedb;border:1px solid #234b3c;box-shadow:0 20px 50px #133d3015;position:relative}.custom-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#bbd39d10 1px,transparent 1px),linear-gradient(#bbd39d10 1px,transparent 1px);background-size:40px 40px;opacity:.4}.workflow-top{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.3px;color:#8fb69a}.workflow-pill{color:#d5e4c6;border:1px solid #5e866a;border-radius:100px;padding:6px 10px;letter-spacing:.3px;font-size:9px;display:flex;gap:6px;align-items:center}.workflow-pill i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.workflow-hub{position:relative;height:300px}.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);color:#173e2d;display:grid;place-content:center;width:86px;height:86px;border-radius:22px;font:bold 64px/1 Manrope;letter-spacing:-8px;padding:0 8px 10px 0;box-shadow:0 0 0 10px #d5f39e08,0 0 50px #d5f39e1a}.hub-core>span{position:absolute;bottom:16px;right:12px;font-size:24px;color:#437b3a}.hub-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px dashed #b4d19150;border-radius:50%}.hub-ring.outer{width:270px;height:270px;border:1px solid #8baf7e25}.workflow-node{position:absolute;z-index:1;background:#f2f6e9;color:#284d38;border:1px solid white;padding:13px 15px 13px 49px;border-radius:10px;box-shadow:0 10px 20px #0002;min-width:145px;font-size:10px}.workflow-node small{font-size:8px;color:#788b71;display:block;margin-top:3px}.workflow-node>span{position:absolute;left:14px;top:15px;font-size:21px;color:#659356}.node-a{top:25px;left:0;transform:rotate(-5deg)}.node-b{right:0;top:100px;transform:rotate(5deg)}.node-c{bottom:13px;left:15px;transform:rotate(-3deg)}.workflow-bottom{position:relative;border-top:1px solid #7492733d;padding-top:20px;display:flex;flex-direction:column;gap:4px;font-size:9px;color:#9fb69b}.workflow-bottom b{font-size:13px;color:#e0edd0;font-weight:500}.industry-section{background:#edf2e5;padding:90px 0;border-top:1px solid #dce5d6;border-bottom:1px solid #dce5d6}.industry-grid{gap:20px}.industry-grid>a{background:linear-gradient(160deg,#fff,#f5f8ef);border-radius:15px;padding:28px;min-height:228px;transition:transform .25s,box-shadow .25s}.industry-grid>a:hover{transform:translateY(-7px);box-shadow:0 15px 30px #294c3510}.industry-grid>a>span{background:#e9f0df;border:1px solid #dbe5cd;display:grid;place-content:center;width:46px;height:46px;font-size:22px;border-radius:12px}.industry-grid h3{margin-top:24px;font-size:18px}.industry-grid b{display:block;text-align:right;color:var(--green)}.about-section{padding:100px 0 75px;gap:90px}.about-section p{font-size:15px;line-height:1.9}.process-section{padding:25px 0 110px;display:grid;grid-template-columns:1fr 1.2fr;gap:95px;align-items:center}.process-intro p{font-size:14px;margin:22px 0 25px;max-width:370px}.process-steps{border-top:1px solid #d6dfcd}.process-steps article{display:flex;gap:22px;align-items:start;border-bottom:1px solid #d6dfcd;padding:28px 0}.process-steps article>span{font-size:12px;color:#729265;font-family:monospace;padding-top:4px}.process-steps article>div{flex:1}.process-steps h3{font-size:20px}.process-steps p{font-size:12px;margin:12px 0 0;max-width:380px}.process-steps b{font-size:22px;color:var(--green);font-weight:400}.contact-section{background:radial-gradient(ellipse at 0 80%,#42735145,transparent 60%),#143c2f;padding:90px 0;border-radius:35px 35px 0 0;position:relative}.contact-section h2{font-size:48px;letter-spacing:-2px}.contact-section .eyebrow{font-size:9px}.contact-grid{gap:100px}.enquiry-form{padding:28px;border:1px solid #6c8e6438;border-radius:18px;background:#c1e59e05}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border-color:#728b695e;border-radius:8px;background:#d4e8b908;padding:13px}.enquiry-form .button{border-radius:8px;margin-top:3px}.contact-domain{color:var(--lime);border-bottom:1px solid #77936880;padding-bottom:10px;display:inline-block}footer{padding-top:70px;background:#edf2e5}.footer-grid{padding-bottom:55px}.footer-bottom{padding:25px 0}.catalogue-coming{padding:40px;border:1px solid #d9e5cb;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#d9edbd66,transparent 60%),#f0f5e7;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.catalogue-coming>span{width:80px;height:80px;background:#ddebce;border:1px solid #cedebb;display:grid;place-content:center;border-radius:22px;color:#568341;font-size:40px}.catalogue-coming .eyebrow{font-size:8px;margin-bottom:10px}.catalogue-coming h3{font-size:24px}.catalogue-coming p{font-size:13px;margin:12px 0 0;max-width:510px}.catalogue-coming .button{font-size:12px}.reveal-ready{transition:opacity .6s,transform .6s}.reveal-ready:not(.revealed){opacity:0;transform:translateY(22px)}.admin-bar .header{top:32px}
@media(max-width:1376px){.hero:before,.hero:after{left:-48px;right:-48px}.hero h1{font-size:64px}.nav nav{gap:24px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero:before,.hero:after{left:-28px;right:-28px}.hero h1{font-size:56px}.nav nav{gap:15px;font-size:11px}.hero-art{height:420px}.dashboard{width:390px}.orbit-one{width:365px;height:365px}.orbit-two{width:425px;height:425px}.float-one{right:0}.float-two{left:0}.custom-section,.process-section,.about-section,.contact-grid{gap:45px}.custom-section h2{font-size:35px}.industry-grid>a{padding:23px 20px}.contact-section h2{font-size:40px}.catalogue-coming{grid-template-columns:auto 1fr}.catalogue-coming .button{grid-column:2}}
@media(max-width:800px){.nav{height:75px}.hero{min-height:0;padding:60px 0 80px;gap:75px}.hero h1{font-size:62px;margin:auto}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-copy>p{margin:28px auto 20px}.hero-art{height:440px}.dashboard{width:430px}.orbit-one{width:400px;height:400px}.orbit-two{width:470px;height:470px}.hero .text-link{font-size:12px}.art-note{bottom:-25px}.art-kicker{right:auto;top:-25px}.benefit-strip .wrap{font-size:10px}.custom-section{padding:20px 0 70px}.custom-art{max-width:600px}.industry-section{padding:70px 0}.industry-grid>a{min-height:220px}.about-section{padding:70px 0 50px}.process-section{grid-template-columns:1fr;padding:20px 0 75px;gap:35px}.process-intro p{max-width:540px}.contact-section{padding:65px 0}.contact-grid{max-width:650px}.product-visual{height:180px}.product-info{padding:20px}.product-info h3{font-size:19px}.mini-ui{width:100px;height:90px}.mini-ui>div{height:42px}.mini-ui>div>span:nth-child(3){height:38px}.product-icon{width:60px;height:60px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.hero:before,.hero:after{left:-18px;right:-18px}.hero{padding-top:42px;gap:70px;padding-bottom:60px}.hero h1{font-size:44px;letter-spacing:-2.1px}.hero .eyebrow{font-size:6.5px;letter-spacing:.9px;padding:8px 10px}.hero-copy>p{font-size:14px;line-height:1.9;max-width:320px}.hero-meta{font-size:9px;gap:18px}.hero-art{height:335px}.dashboard{width:96%;transform:rotate(-3deg);border-radius:12px}.dash-main{padding:13px}.dash-body{min-height:0}.dash-top{height:38px}.dash-heading{font-size:10px}.metrics strong{font-size:21px}.chart{padding:10px}.chart svg{height:80px}.dash-bottom{margin-top:12px}.floating{font-size:8px;padding:10px 12px}.float-one{right:0;top:-5px}.float-two{left:0;bottom:0}.orbit-one{width:295px;height:295px}.orbit-two{width:330px;height:330px}.art-note{display:none}.art-kicker{font-size:6px;letter-spacing:1.7px;top:-29px}.benefit-strip .wrap{font-size:8px;padding:19px 0;gap:15px}.applications{padding:55px 0}.section-head h2,h2{font-size:31px}.product-visual{height:210px}.product-info{padding:24px}.product-info h3{font-size:23px}.mini-ui{width:140px;height:112px}.mini-ui>div{height:56px}.mini-ui>div>span:nth-child(3){height:52px}.product-icon{width:80px;height:80px}.custom-section{gap:34px}.custom-art{min-height:375px;padding:20px}.workflow-top>span:last-child{font-size:6px;letter-spacing:.5px}.workflow-pill{font-size:8px}.workflow-hub{height:260px}.hub-core{width:72px;height:72px;font-size:54px}.hub-ring{width:140px;height:140px}.hub-ring.outer{width:230px;height:230px}.workflow-node{font-size:9px;min-width:132px;padding:11px 12px 11px 43px}.workflow-node small{font-size:7px}.workflow-node>span{font-size:18px;left:12px;top:13px}.node-a{top:18px;left:-5px}.node-b{right:-8px;top:103px}.node-c{bottom:0;left:0}.custom-section h2{font-size:31px}.industry-grid{gap:12px}.industry-grid>a{padding:21px 15px;min-height:223px}.industry-grid h3{font-size:16px}.industry-grid>a>span{width:40px;height:40px;font-size:20px}.about-section{gap:25px}.process-section{gap:20px}.process-steps article{gap:16px;padding:25px 0}.process-steps h3{font-size:18px}.process-steps p{font-size:12px}.contact-section{border-radius:22px 22px 0 0}.contact-section h2{font-size:35px;letter-spacing:-1.5px}.enquiry-form{padding:20px}.contact-grid{gap:30px}.catalogue-coming{padding:27px;grid-template-columns:1fr;gap:22px}.catalogue-coming>span{width:60px;height:60px;font-size:30px;border-radius:17px}.catalogue-coming h3{font-size:24px}.catalogue-coming .button{grid-column:1}.admin-bar .header{top:46px}}
@media(prefers-reduced-motion:no-preference){.floating{animation:bula-float 7s ease-in-out infinite}.float-two{animation-delay:-3.5s}@keyframes bula-float{0%,100%{translate:0 0}50%{translate:0 -8px}}}
@media(prefers-reduced-motion:reduce){.reveal-ready:not(.revealed){opacity:1;transform:none}}

@media(min-width:801px) and (max-width:1150px){.nav nav{gap:12px;font-size:11px}.nav-actions{gap:15px}.nav{gap:16px}}
