:root{--navy:#10324a;--navy-deep:#0a263a;--teal:#158a82;--teal-dark:#10776f;--teal-soft:#ddf1ed;--paper:#f7f5ef;--white:#fff;--muted:#5f6f78;--line:#d8e3e1;--shadow:0 18px 48px #10324a1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--navy);font-family:var(--font-geist-sans), "Segoe UI", Arial, sans-serif;margin:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;gap:32px;width:min(1340px,100% - 72px);height:88px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:27px;font-weight:800;display:inline-flex}.brand-mark{color:var(--teal);letter-spacing:-.12em;font-size:30px}.desktop-nav{align-items:center;gap:36px;margin-left:auto;display:flex}.desktop-nav a{font-size:16px;font-weight:700;position:relative}.desktop-nav a:after{content:"";background:var(--teal);height:2px;transition:right .18s;position:absolute;bottom:-7px;left:0;right:100%}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.button{border:1px solid var(--teal);background:var(--teal);min-height:58px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;padding:0 28px;font-size:16px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 24px #158a8229}.button:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 14px 28px #158a8238}.button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.button-small{min-height:52px;padding-inline:22px}.button-outline{color:var(--teal-dark);box-shadow:none;background:0 0}.button-outline:hover{color:#fff}.hero{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:center;gap:54px;width:min(1340px,100% - 72px);min-height:calc(100vh - 88px);margin:0 auto;padding:70px 0 94px;display:grid}.eyebrow{color:var(--teal-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}.hero h1{letter-spacing:-.055em;max-width:690px;margin:0;font-size:clamp(48px,5vw,72px);font-weight:800;line-height:1.06}.hero h1 span{color:var(--teal)}.hero-text{max-width:610px;color:var(--muted);margin:28px 0 0;font-size:21px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-points{color:var(--muted);gap:26px;margin:30px 0 0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.hero-points li:before{content:"✓";color:var(--teal);margin-right:8px;font-weight:900}.hero-visual{min-height:610px;position:relative}.visual-glow{background:radial-gradient(circle at 55% 40%, #fff 0 12%, var(--teal-soft) 70%);opacity:.9;border-radius:44% 56% 50% 44%;position:absolute;inset:4% 0 0 8%}.mockup{box-shadow:var(--shadow);background:#fffffff5;border:1px solid #10324a1f;border-radius:16px;position:absolute}.website-card{width:69%;height:238px;animation:7s ease-in-out infinite float;top:6%;right:4%;overflow:hidden}.window-bar{border-bottom:1px solid var(--line);gap:6px;height:34px;padding:12px 14px;display:flex}.window-bar i{background:#aeb9bd;border-radius:50%;width:7px;height:7px}.website-layout{grid-template-columns:1fr 1fr;gap:24px;padding:25px;display:grid}.copy-lines{flex-direction:column;gap:10px;padding-top:9px;display:flex}.copy-lines b{background:var(--navy);border-radius:10px;height:9px;display:block}.copy-lines b:nth-child(2){width:86%}.copy-lines b:nth-child(3){background:var(--teal);width:62%;margin-top:9px}.image-placeholder{background:linear-gradient(145deg,#e7f5f2,#a7d8d2);border-radius:8px;height:95px;position:relative;overflow:hidden}.image-placeholder i{background:#158a823d;width:75px;height:75px;position:absolute;bottom:-34px;left:15px;transform:rotate(45deg)}.image-placeholder i:last-child{width:62px;height:62px;left:auto;right:-3px}.mini-cards{gap:12px;padding:0 25px;display:flex}.mini-cards i{border:1px solid var(--line);background:#f6f8f7;border-radius:7px;flex:1;height:40px}.dashboard-card{grid-template-columns:76px 1fr;width:76%;height:224px;animation:8s ease-in-out .7s infinite float;display:grid;top:41%;left:4%;overflow:hidden}.dashboard-card aside{background:var(--navy);flex-direction:column;gap:16px;padding:22px 15px;display:flex}.dashboard-card aside b,.dashboard-card aside i{background:#ffffff4d;border-radius:8px;height:8px}.dashboard-card aside b{background:var(--teal)}.dashboard-content{padding:22px}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-row i{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f3faf8);border-radius:8px;height:48px}.chart{border:1px solid var(--line);border-radius:8px;justify-content:space-around;align-items:end;height:104px;margin-top:16px;padding:12px;display:flex}.chart span{background:var(--teal);border-radius:6px 6px 2px 2px;width:9%}.chart span:first-child{height:30%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:39%}.chart span:nth-child(4){height:67%}.chart span:nth-child(5){height:57%}.chart span:nth-child(6){height:83%}.automation-card{justify-content:space-around;align-items:center;width:72%;height:126px;padding:14px 20px;animation:7.5s ease-in-out 1.2s infinite float;display:flex;bottom:1%;right:0}.automation-card div{place-items:center;gap:5px;min-width:78px;display:grid}.automation-card div span{background:var(--teal-soft);width:46px;height:46px;color:var(--teal-dark);border-radius:12px;place-items:center;font-size:22px;font-weight:900;display:grid}.automation-card small{color:var(--muted);font-size:11px;font-weight:800}.automation-card b{color:#9aabad}.services-section{background:var(--white);padding:110px max(36px,50% - 670px)}.section-heading{max-width:690px}.section-heading h2,.first-cta h2{color:var(--navy);letter-spacing:-.045em;margin:0;font-size:clamp(38px,4.2vw,58px);line-height:1.08}.service-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;display:grid}.service-card{border:1px solid var(--line);background:#fbfcfa;border-radius:16px;min-height:260px;padding:32px}.service-card>span{color:var(--teal);letter-spacing:.12em;font-size:13px;font-weight:900}.service-card h3{letter-spacing:-.03em;margin:58px 0 14px;font-size:25px}.service-card p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.section-heading>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.65}.service-card ul{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.service-card li{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.problem-strip{border:1px solid var(--line);width:min(1340px,100% - 72px);color:var(--muted);background:#ffffffc2;border-radius:14px;justify-content:space-around;align-items:center;gap:20px;margin:-24px auto 70px;padding:25px 30px;display:flex;box-shadow:0 12px 35px #10324a0d}.problem-strip p{margin:0;font-size:14px;font-weight:750}.problem-strip i{background:var(--teal);border-radius:50%;width:4px;height:4px}.process-section{background:var(--navy);color:#fff;padding:118px max(36px,50% - 670px)}.process-section .eyebrow{color:#79d2ca}.process-section .section-heading h2{color:#fff}.process-list{border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);gap:0;margin:70px 0 0;padding:0;list-style:none;display:grid}.process-list li{padding:34px 28px 0 0;position:relative}.process-list li:before{content:"";background:#79d2ca;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0;box-shadow:0 0 0 7px #79d2ca1f}.process-list li>span{color:#79d2ca;letter-spacing:.12em;font-size:13px;font-weight:900}.process-list h3{margin:28px 0 12px;font-size:22px}.process-list p{color:#bdd0dc;max-width:260px;margin:0;font-size:15px;line-height:1.65}.projects-section{background:#eef7f5;padding:118px max(36px,50% - 670px)}.projects-heading{grid-template-columns:1fr auto;align-items:end;gap:30px;display:grid}.projects-heading h2{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(38px,4.2vw,58px);line-height:1.08}.carousel-controls{gap:8px;display:flex}.carousel-controls button{width:48px;height:48px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border:1px solid #bdd7d2;border-radius:50%;font-weight:850;transition:background .18s,color .18s,transform .18s}.carousel-controls button:hover,.carousel-controls button:focus-visible{background:var(--teal);color:#fff;outline:none;transform:translateY(-2px)}.project-slide{min-height:540px;box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.65fr) minmax(270px,.6fr);margin-top:52px;display:grid;overflow:hidden}.project-art{min-height:540px;position:relative;overflow:hidden}.project-caption{border-left:1px solid var(--line);flex-direction:column;justify-content:end;padding:48px 42px;display:flex}.project-caption>span{color:var(--teal-dark);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.project-caption h3{letter-spacing:-.04em;margin:16px 0 14px;font-size:38px}.project-caption p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.carousel-dots{justify-content:center;gap:9px;margin-top:26px;display:flex}.carousel-dots button{cursor:pointer;background:#abc9c4;border:0;border-radius:99px;width:9px;height:9px;padding:0;transition:width .18s,background .18s}.carousel-dots button.active{background:var(--teal);width:34px}.carousel-dots button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.project-screenshot{background:var(--navy-deep)}.project-screenshot img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.taskflow-screenshot{background:#0f1118}.taskflow-screenshot img{object-fit:initial;clip-path:inset(.5% 0 4%);height:auto;inset:50% 0 auto;transform:translateY(-50%)}.novel-screenshot{background:#f6f0ea}.novel-screenshot img{object-position:center 44%}.solar-art{color:#174233;background:linear-gradient(145deg,#f4f0db,#d8eedb);padding:34px 44px}.solar-nav{align-items:center;gap:16px;display:flex}.solar-nav b{margin-right:auto;font-size:18px}.solar-nav i{background:#17423333;border-radius:8px;width:55px;height:7px}.solar-nav span,.solar-copy span{color:#263827;background:#f5a623;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:850}.solar-copy{z-index:2;max-width:470px;margin-top:95px;position:relative}.solar-copy small{color:#367a60;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.solar-copy h4{letter-spacing:-.04em;margin:18px 0 26px;font-size:39px;line-height:1.08}.sun{background:#f5a6237a;border-radius:50%;width:180px;height:180px;position:absolute;top:80px;right:62px;box-shadow:0 0 0 30px #f5a62314}.solar-panels{gap:10px;display:flex;position:absolute;bottom:25px;right:15px;transform:perspective(450px)rotateX(58deg)rotate(-12deg)}.solar-panels i{background:repeating-linear-gradient(90deg,#174c63 0 27px,#9bc6cf 28px 30px);border:7px solid #e7f6f1;width:130px;height:175px;box-shadow:0 20px 30px #10324a2e}.benefits-section{background:#fff;padding:118px max(36px,50% - 670px)}.benefit-intro{grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);align-items:end;gap:80px;display:grid}.benefit-intro h2{max-width:720px;color:var(--navy);letter-spacing:-.05em;margin:0;font-size:clamp(42px,4.6vw,64px);line-height:1.04}.benefit-intro>p{border-left:3px solid var(--teal);max-width:520px;color:var(--muted);margin:0 0 5px;padding-left:25px;font-size:18px;line-height:1.7}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:64px;display:grid}.benefit-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8fbfa);border-radius:16px;grid-template-columns:58px 1fr;gap:24px;min-height:250px;padding:34px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.benefit-grid article:hover{border-color:#b6d5d0;transform:translateY(-3px);box-shadow:0 16px 35px #10324a14}.benefit-grid .benefit-icon{background:var(--teal-soft);width:58px;height:58px;color:var(--teal-dark);letter-spacing:.08em;border-radius:14px;place-items:center;font-size:13px;font-weight:900;display:grid}.benefit-grid h3{color:var(--navy);letter-spacing:-.03em;margin:3px 0 13px;font-size:24px}.benefit-grid p{max-width:480px;color:var(--muted);margin:0;line-height:1.65}.benefit-grid small{color:var(--teal-dark);letter-spacing:.04em;margin-top:28px;font-size:11px;font-weight:850;display:block}.faq-section{background:var(--paper);grid-template-columns:.8fr 1.2fr;gap:90px;padding:118px max(36px,50% - 670px);display:grid}.faq-intro h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,56px);line-height:1.08}.faq-intro>p:not(.eyebrow){max-width:450px;color:var(--muted);margin-top:24px;line-height:1.65}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:18px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--teal);font-size:24px;transition:transform .18s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:-5px 0 25px;padding-right:40px;line-height:1.7}.contact-section{background:var(--navy);color:#fff;grid-template-columns:.85fr 1.15fr;gap:90px;padding:118px max(36px,50% - 670px);display:grid}.contact-copy .eyebrow{color:#79d2ca}.contact-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,4.5vw,62px);line-height:1.04}.contact-copy>p:not(.eyebrow){color:#bdd0dc;max-width:520px;margin:24px 0;font-size:18px;line-height:1.65}.contact-copy ul{margin:34px 0 0;padding:0;list-style:none}.contact-copy li{color:#d7e4eb;margin-top:14px}.contact-copy li:before{content:"✓";color:#79d2ca;margin-right:10px;font-weight:900}.contact-form{color:var(--navy);background:#fff;border-radius:18px;padding:38px;box-shadow:0 22px 55px #00000029}.contact-form label{gap:9px;margin-bottom:19px;font-size:13px;font-weight:850;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--navy);font:inherit;background:#fbfcfa;border-radius:8px;outline:none;padding:14px 15px;font-size:15px}.contact-form textarea{resize:vertical;min-height:126px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #158a8221}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91a0a6}.form-submit{cursor:pointer;border:0;gap:12px;width:100%;display:flex}.contact-form>small{color:var(--muted);text-align:center;margin-top:14px;font-size:11px;line-height:1.5;display:block}.site-footer{background:var(--navy-deep);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:24px 60px;padding:62px max(36px,50% - 670px);display:grid}.site-footer .brand{font-size:24px}.site-footer>p{color:#bdd0dc;text-align:right;justify-self:end;max-width:500px;margin:0;line-height:1.55}.site-footer nav{flex-wrap:wrap;gap:24px;display:flex}.site-footer nav a,.site-footer nav span{color:#d7e4eb;font-weight:700}.site-footer nav span{color:#88a3b2}.site-footer nav a:hover{color:#79d2ca}.site-footer>small{color:#88a3b2;justify-self:end}.whatsapp-float{z-index:10;background:var(--teal);color:#fff;border-radius:999px;padding:14px 18px;font-size:13px;font-weight:850;transition:transform .18s,background .18s;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #10324a3d}.whatsapp-float:hover{background:var(--teal-dark);transform:translateY(-3px)}.first-cta{text-align:center;background:var(--teal-soft);padding:110px 36px}.first-cta>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:22px auto 30px;font-size:18px;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=1040px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{text-align:center}.hero h1,.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{width:min(700px,100%);margin:0 auto}.process-list{border-top:0;grid-template-columns:repeat(2,1fr);row-gap:52px}.process-list li{border-top:1px solid #ffffff2e}.project-slide{grid-template-columns:1fr}.project-caption{border-left:0;border-top:1px solid var(--line)}.benefit-intro{grid-template-columns:1fr;gap:30px}.benefit-intro>p{max-width:680px}.faq-section,.contact-section{grid-template-columns:1fr;gap:58px}}@media (width<=720px){.site-header,.hero{width:min(100% - 36px,1340px)}.site-header{height:76px}.brand{font-size:22px}.brand-mark{font-size:24px}.site-header .button-small{min-height:44px;padding-inline:14px;font-size:13px}.hero{gap:40px;min-height:auto;padding:56px 0 72px}.hero h1{font-size:clamp(42px,12.5vw,58px)}.hero-text{font-size:18px}.hero-actions{flex-direction:column}.hero-points{flex-wrap:wrap;gap:12px 18px}.hero-visual{min-height:440px}.website-card{width:84%;height:188px}.dashboard-card{grid-template-columns:60px 1fr;width:88%;height:180px;top:39%}.automation-card{width:88%;height:104px}.automation-card div{min-width:55px}.automation-card div span{width:38px;height:38px;font-size:17px}.automation-card b{display:none}.website-layout{gap:14px;padding:17px}.mini-cards{padding:0 17px}.dashboard-content{padding:14px}.services-section{padding-top:80px;padding-bottom:80px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.problem-strip{flex-wrap:wrap;justify-content:flex-start;width:calc(100% - 36px);margin-bottom:42px}.problem-strip i{display:none}.problem-strip p{width:calc(50% - 10px)}.process-list,.projects-heading{grid-template-columns:1fr}.carousel-controls{justify-self:start}.project-art{min-height:420px}.taskflow-screenshot{aspect-ratio:1840/900;min-height:0}.project-slide{min-height:auto}.solar-art{padding:25px}.solar-nav i{display:none}.solar-copy{max-width:360px;margin-top:70px}.solar-copy h4{font-size:32px}.sun{width:130px;height:130px;right:25px}.solar-panels{right:-60px}.solar-panels i{width:90px;height:140px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{grid-template-columns:48px 1fr;gap:17px;min-height:auto;padding:26px 22px}.benefit-grid .benefit-icon{border-radius:12px;width:48px;height:48px}.field-row{grid-template-columns:1fr;gap:0}.contact-form{padding:26px 20px}.site-footer{grid-template-columns:1fr}.site-footer>p,.site-footer>small{text-align:left;justify-self:start}}@media (width<=430px){.site-header .button-small{width:46px;padding:0;font-size:0}.site-header .button-small:after{content:"→";font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}