:root{--orange:#ea5414;--ink:#1e2329;--secondary:#667085;--warm:#faf8f6;--warm2:#fff6f0;--border:#e9e9e9;--dark:#20242a;--white:#fff;--max:1280px;--header:78px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Helvetica Neue","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--border);box-shadow:0 6px 24px rgba(30,35,41,.05)}.header-inner{height:100%;width:min(1400px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;min-width:148px}.brand-symbol,.mini-logo{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.brand-symbol{width:38px;height:38px}.brand b{display:block;font-size:22px;letter-spacing:.14em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.15em;margin-top:4px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.35vw,25px);margin:auto;white-space:nowrap}.primary-nav a{font-size:13px;font-weight:560;transition:.2s}.primary-nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.language-trigger{height:44px;border:0;background:#fff;cursor:pointer}.icon-button{width:40px;padding:10px}.icon-button svg{fill:none;stroke:var(--ink);stroke-width:1.7}.language{position:relative}.language-trigger{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:700}.language-trigger i{font-style:normal;color:var(--secondary)}.language-menu{position:absolute;top:52px;right:0;width:152px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 45px rgba(30,35,41,.12);padding:6px;opacity:0;transform:translateY(-5px);pointer-events:none;transition:.2s}.language.open .language-menu{opacity:1;transform:none;pointer-events:auto}.language-menu button{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:10px 12px;cursor:pointer;text-align:left;font-size:14px}.language-menu button:hover{background:var(--warm2);color:var(--orange)}.btn{height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;font-size:14px;font-weight:700;transition:.25s var(--ease)}.btn i,.text-link i{font-style:normal;transition:transform .25s var(--ease)}.btn:hover i,.text-link:hover i{transform:translateX(5px)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#d7460b;transform:translateY(-1px)}.header-quote{height:46px;padding:0 18px}.section{padding:132px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--orange);margin:0 0 22px}.eyebrow.light{color:#ff8a58}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:62px}.section-heading h2,.contact h2,.quick-copy h2{font-size:clamp(44px,3.7vw,54px);line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:650}.section-heading>p{font-size:18px;color:var(--secondary);max-width:410px;margin:0 0 8px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:750}.hero{height:700px;position:relative;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=2400&q=90') center 58%/cover;transition:transform 8s var(--ease)}.hero:hover .hero-media{transform:scale(1.015)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,21,24,.86) 0%,rgba(17,22,24,.55) 47%,rgba(17,22,24,.12) 78%),linear-gradient(0deg,rgba(11,16,18,.46),transparent 45%)}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:620px;margin-top:-14px}.hero h1{font-size:clamp(64px,5vw,72px);line-height:1.06;letter-spacing:-.045em;margin:0;font-weight:650}.hero-description{font-size:18px;line-height:1.65;color:#e7e9e8;margin:28px 0 34px;max-width:590px}.hero-actions{display:flex;gap:12px}.btn-ghost-light,.btn-outline-light{border-color:#ffffff8c;color:#fff;background:transparent}.btn-ghost-light:hover,.btn-outline-light:hover{background:#fff;color:var(--ink)}.hero-caption{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:13px}.hero-caption span{font-size:12px;color:#ff8a58}.hero-caption i{height:1px;width:54px;background:#ffffff75}.hero-caption p{font-size:11px;letter-spacing:.13em;color:#ffffffa8;margin:0}.proof{height:142px;background:#fff;border-bottom:1px solid var(--border)}.proof-inner{height:100%;display:grid;grid-template-columns:1.28fr repeat(5,1fr);align-items:center}.proof-note{display:flex;flex-direction:column}.proof-note b{font-size:11px;color:var(--orange);letter-spacing:.16em}.proof-note span{font-size:12px;color:#a16b53;margin-top:5px}.metric{height:58px;border-left:1px solid var(--border);padding-left:26px;display:flex;flex-direction:column;justify-content:center}.metric strong{font-size:34px;line-height:1;font-weight:610;letter-spacing:-.04em}.metric strong span{font-size:14px;color:var(--orange);letter-spacing:0}.metric p{font-size:12px;color:var(--secondary);margin:7px 0 0}.products{background:#fff}.bento{display:grid;grid-template-columns:1fr .54fr .54fr;grid-template-rows:310px 310px;gap:16px}.product-tile{position:relative;overflow:hidden;border-radius:14px;color:#fff;isolation:isolate}.tile-mounting{grid-row:1/3}.tile-container{grid-column:2/4}.tile-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .6s var(--ease)}.product-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(16,21,23,.9),rgba(16,21,23,.06) 70%)}.product-tile:hover .tile-bg{transform:scale(1.04)}.tile-mounting .tile-bg{background-image:url('https://images.unsplash.com/photo-1497435334941-8c899ee9e8e9?auto=format&fit=crop&w=1400&q=86')}.tile-bot .tile-bg{background-image:url('./assets/sunibot-project.jpg');background-position:52% 46%}.tile-house .tile-bg{background-image:url('https://images.unsplash.com/photo-1592833159155-c62df1b65634?auto=format&fit=crop&w=1000&q=86')}.tile-container .tile-bg{background-image:url('https://s1.elespanol.com/2023/03/29/omicrono/tecnologia/752184999_232018568_1706x960.jpg')}.tile-index{position:absolute;top:22px;left:24px;font-size:12px}.tile-copy{position:absolute;left:26px;right:26px;bottom:24px}.tile-copy h3{font-size:28px;line-height:1.16;margin:0 0 7px}.tile-copy p{font-size:14px;color:#e2e5e4;margin:0 0 18px}.tile-copy b{font-size:13px;display:flex;justify-content:space-between;border-top:1px solid #ffffff63;padding-top:14px}.tile-copy i{font-style:normal;transition:.25s}.product-tile:hover .tile-copy i{transform:translateX(5px)}.projects{background:var(--warm);position:relative;overflow:hidden}.projects-inner{position:relative;z-index:1}.world-watermark{position:absolute;right:-110px;top:-15px;width:760px;opacity:.055}.world-watermark path{fill:var(--ink)}.project-layout{display:grid;grid-template-columns:1.58fr .82fr;gap:18px;height:630px}.project-stack{display:grid;gap:18px}.project-card{position:relative;border-radius:14px;overflow:hidden;color:#fff}.project-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease)}.project-card:hover .project-photo{transform:scale(1.035)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,22,.87),transparent 65%)}.project-featured .project-photo{background-image:url('https://alfanarprojects.com/media/qvqjwdh0/19.jpg')}.project-thailand .project-photo{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1000&q=86')}.project-middleeast .project-photo{background-image:url('https://rightclick-ksa.com/spb3/wp-content/uploads/2023/08/South-Jeddah-Noor.jpg')}.project-info{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}.project-info>span{font-size:11px;letter-spacing:.14em;color:#ff9d74}.project-info h3{font-size:32px;margin:4px 0 9px}.project-info>div{display:flex;justify-content:space-between;align-items:end}.project-info b{font-size:18px}.project-info p{font-size:13px;margin:0;color:#e4e6e5}.region-row{display:flex;justify-content:flex-end;gap:32px;margin-top:26px;color:var(--secondary);font-size:12px}.region-row span{display:flex;align-items:center;gap:8px}.region-row i{width:7px;height:7px;border:2px solid var(--orange);border-radius:50%}.why{background:#fff}.why-heading>p{font-size:18px}.why-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:60px}.why-items{border-top:1px solid var(--border)}.why-item{width:100%;display:grid;grid-template-columns:50px 1fr 28px;gap:4px;text-align:left;border:0;border-bottom:1px solid var(--border);background:#fff;padding:22px 0;cursor:pointer;color:var(--ink)}.why-item>span{font-size:12px;color:var(--orange);margin-top:5px}.why-item small{font-size:10px;letter-spacing:.15em;color:var(--secondary)}.why-item h3{font-size:25px;margin:2px 0;transition:.25s}.why-item p{font-size:14px;color:var(--secondary);margin:3px 0;max-height:0;opacity:0;overflow:hidden;transition:.35s}.why-item>i{font-style:normal;color:#bbb;margin-top:10px}.why-item.active h3{color:var(--orange)}.why-item.active p{max-height:60px;opacity:1}.why-item.active>i{color:var(--orange)}.why-image{border-radius:14px;min-height:520px;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:background-image .25s}.why-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,25,27,.55),transparent 50%)}.why-image[data-current="engineering"]{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1200&q=86')}.why-image[data-current="product"]{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1200&q=86')}.why-image[data-current="manufacturing"]{background-image:url('https://images.unsplash.com/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=1200&q=86')}.why-image[data-current="service"]{background-image:url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=86')}.why-image span{position:absolute;left:26px;bottom:24px;color:#fff;font-size:11px;letter-spacing:.15em;z-index:2}.quick-design{background:var(--warm2)}.quick-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;align-items:center}.quick-copy h2{font-size:52px}.quick-intro{font-size:17px;color:var(--secondary);max-width:510px}.quick-copy ol{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid #eaded7}.quick-copy li{padding:14px 0;border-bottom:1px solid #eaded7;display:flex;gap:14px}.quick-copy li span{font-size:11px;color:var(--orange)}.quick-copy li b{font-size:14px}.design-preview{background:#fff;border:1px solid #eee5df;border-radius:16px;box-shadow:0 30px 70px rgba(74,54,43,.12);overflow:hidden}.preview-top{height:62px;padding:0 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.preview-top div{display:flex;align-items:center;gap:10px}.mini-logo{width:25px;height:25px;font-size:11px}.preview-top b{font-size:12px;letter-spacing:.12em}.preview-top>span{font-size:11px;color:var(--secondary)}.preview-top i{font-style:normal;color:#46a66a;font-size:8px}.preview-body{padding:28px}.preview-progress{display:flex;align-items:center;position:relative;margin-bottom:28px}.preview-progress span{width:25px;height:25px;border:1px solid #d8dadd;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#fff}.preview-progress span.done{background:var(--orange);border-color:var(--orange);color:#fff}.preview-progress i{height:1px;width:42px;background:#d8dadd}.preview-progress p{margin-left:auto;font-size:12px;color:var(--secondary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label>span{display:block;font-size:11px;color:var(--secondary);margin-bottom:6px}.form-grid label>button,.input-like{width:100%;height:48px;border:1px solid #dedfe0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.form-grid button b,.input-like b{font-size:13px}.form-grid button i,.input-like i{font-style:normal;font-size:11px;color:var(--secondary)}.recommend{margin-top:22px;padding:18px;background:var(--warm);display:flex;align-items:center;justify-content:space-between}.recommend small{font-size:9px;letter-spacing:.13em;color:var(--orange)}.recommend h3{font-size:19px;margin:2px 0}.recommend p{font-size:11px;color:var(--secondary);margin:0}.recommend>span{font-size:24px;color:var(--orange)}.generate{width:100%;height:50px;margin-top:18px;border:0;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:750;cursor:pointer}.disclaimer{text-align:center;font-size:10px;color:#8a8f96;margin:11px 0 0}.resources{height:202px;background:#fff;border-bottom:1px solid var(--border)}.resources-inner{height:100%;display:grid;grid-template-columns:.34fr 1.66fr;align-items:center}.resources-inner>.eyebrow{margin:0}.resource-links{display:grid;grid-template-columns:repeat(3,1fr)}.resource-links a{height:72px;padding:0 22px;border-left:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:650}.resource-links a i{font-style:normal;color:var(--orange);transition:.25s}.resource-links a:hover{color:var(--orange)}.resource-links a:hover i{transform:translateX(5px)}.contact{background:var(--dark);color:#fff;padding:112px 0}.contact-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:end}.contact h2{font-size:54px}.contact-inner>div:first-child>p:last-child{font-size:17px;color:#b9bec3;max-width:640px}.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.light-link{color:#fff;margin-top:14px}footer{background:#171b20;color:#fff;border-top:1px solid #ffffff16;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner>p{font-size:13px;color:#9ba1a6}.footer-inner>div{display:flex;gap:22px;align-items:center;color:#91979c;font-size:11px}.footer-inner a{color:#fff}.spec-trigger{border:0;background:transparent;color:#b3b8bc;cursor:pointer;font-size:11px}.suni-launcher{position:fixed;z-index:150;right:26px;bottom:24px;width:62px;height:62px;border:3px solid #fff;border-radius:50%;padding:0;box-shadow:0 10px 30px rgba(30,35,41,.18);cursor:pointer;background:#fff}.suni-launcher img{width:100%;height:100%;object-fit:cover;border-radius:50%}.suni-launcher i{position:absolute;right:0;bottom:3px;width:12px;height:12px;background:#3aaf67;border:2px solid #fff;border-radius:50%}.suni-panel{position:fixed;z-index:149;right:26px;bottom:98px;width:360px;background:#fff;border-radius:16px;box-shadow:0 22px 70px rgba(30,35,41,.2);overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:.25s}.suni-panel.open{opacity:1;transform:none;pointer-events:auto}.suni-head{padding:16px 18px;background:var(--dark);color:#fff;display:flex;justify-content:space-between}.suni-head>div{display:flex;gap:11px;align-items:center}.suni-head img{width:42px;height:42px;border-radius:50%;object-fit:cover}.suni-head b,.suni-head small{display:block}.suni-head small{font-size:10px;color:#adb2b6}.suni-head button,.spec-head button{border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer}.suni-body{padding:18px}.suni-body>p{font-size:14px;background:var(--warm);padding:12px;margin:0 0 13px}.suni-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.suni-quick button{border:1px solid var(--border);background:#fff;padding:9px;text-align:left;font-size:11px;cursor:pointer}.suni-quick button:hover{border-color:var(--orange);color:var(--orange)}.suni-input{height:44px;border:1px solid var(--border);display:flex;margin-top:12px}.suni-input input{flex:1;border:0;padding:0 12px;outline:0;font-size:12px}.suni-input button{width:44px;border:0;background:var(--orange);color:#fff}.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(25,30,33,.78);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:130px;opacity:0;pointer-events:none;transition:.25s}.search-overlay.open{opacity:1;pointer-events:auto}.search-box{width:min(760px,calc(100% - 80px));background:#fff;padding:40px;position:relative}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}.search-box input{width:100%;border:0;border-bottom:2px solid var(--ink);font-size:28px;padding:12px 0;outline:0}.search-box>div{display:flex;gap:10px;align-items:center;margin-top:22px}.search-box>div span{font-size:12px;color:var(--secondary);margin-right:5px}.search-box>div button{border:1px solid var(--border);background:#fff;padding:7px 12px}.spec-panel{position:fixed;right:0;top:0;bottom:0;width:440px;z-index:350;background:#fff;box-shadow:-18px 0 60px rgba(30,35,41,.14);transform:translateX(100%);transition:.35s var(--ease)}.spec-panel.open{transform:none}.spec-head{height:70px;background:var(--dark);color:#fff;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.spec-body{padding:24px;height:calc(100% - 70px);overflow:auto}.spec-body section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--border)}.spec-body small{font-size:10px;letter-spacing:.15em;color:var(--orange)}.spec-body p{font-size:13px;color:var(--secondary)}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.swatches i{height:55px;background:var(--c);color:#fff;font-style:normal;font-size:10px;padding:8px;box-shadow:inset 0 0 0 1px #0000000c}.swatches i:last-child{color:var(--ink)}.spec-buttons{display:flex;gap:8px;margin-top:10px}.spec-buttons button{height:40px;border:1px solid var(--border);background:#fff;padding:0 14px}.spec-buttons button:first-child{background:var(--orange);color:#fff;border-color:var(--orange)}.reveal{opacity:0;transform:translateY(16px);transition:.55s var(--ease)}.reveal.visible{opacity:1;transform:none}@media(max-width:1180px){.header-inner{width:calc(100% - 38px);gap:18px}.primary-nav{gap:12px}.primary-nav a{font-size:12px}.header-quote{display:none}.container{width:calc(100% - 64px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}