:root{--bg:#f5f6f4;--surface:#fff;--ink:#0a0d12;--soft:#697078;--line:#dde0dc;--dark:#0a0e16;--dark2:#111724;--accent:#bdf24b;--blue:#6186ff;--display:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.65 Inter,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.045em}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{position:fixed;z-index:100;inset:0 0 auto;padding:18px 0;color:#fff;transition:.3s}.nav.scrolled{padding:11px 0;background:#0a0e16e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.nav-inner,.logo,.nav-menu{display:flex;align-items:center}.nav-inner{justify-content:space-between}.logo{gap:11px;font:700 17px var(--display)}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--dark);font-weight:800}.nav-menu{gap:32px;font-size:13px;color:#b9c0ca}.nav-menu a:hover{color:#fff}.nav-cta{padding:10px 15px;border:1px solid #ffffff35;border-radius:9px;font-size:12px;font-weight:600}.nav-cta span{margin-left:14px;color:var(--accent)}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;overflow:hidden;padding:150px 0 0;background:var(--dark);color:#fff}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-150px;top:-260px;background:#365ccc;filter:blur(160px);opacity:.2}.hero-wrap{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.kicker{display:flex;align-items:center;gap:10px;color:#aab2bd;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.kicker span{width:25px;height:1px;background:var(--accent)}.hero-copy h1{font-size:clamp(48px,5.1vw,72px);font-weight:600;letter-spacing:-.06em;margin:27px 0}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:550px;color:#9ba4b1;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:35px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 17px;border-radius:9px;font-size:12px;font-weight:600}.btn-accent{background:var(--accent);color:var(--dark)}.btn-ghost{border:1px solid #ffffff25;color:#d5d9df}.hero-trust{display:flex;gap:34px;padding-top:25px;border-top:1px solid #ffffff16}.hero-trust strong,.hero-trust span{display:block}.hero-trust strong{font:700 19px var(--display)}.hero-trust span{font-size:9px;color:#7f8996;text-transform:uppercase;letter-spacing:.08em}.hero-media{position:relative}.media-head,.media-foot{display:flex;justify-content:space-between;align-items:center}.media-head{margin-bottom:9px;color:#7f8996;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.media-head b{color:#cbd0d7}.device{padding:8px;background:#e8e9e7;border-radius:14px;box-shadow:0 35px 80px #0008;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.device-bar{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#7d8388;font-size:7px}.device-bar>span{display:flex;gap:4px}.device-bar i{width:6px;height:6px;display:block;border-radius:50%;background:#c5c7c5}.device img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;object-position:top;border-radius:7px}.media-foot{position:absolute;right:-15px;bottom:-30px;width:265px;padding:15px 17px;background:var(--accent);color:var(--dark);border-radius:10px;box-shadow:0 20px 40px #0005;font-size:10px}.media-foot a{font-weight:700}.hero-bottom{position:relative;margin-top:95px;padding:23px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff14}.hero-bottom>span{font-size:10px;color:#747e8b}.hero-bottom>div{width:57%;display:flex;justify-content:space-between;color:#6f7884;font:700 14px var(--display)}.section{padding:120px 0}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:end;margin-bottom:65px}.eyebrow{display:block;margin-bottom:22px;color:#666e75;font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.section-heading h2,.value-lead h2,.faq-title h2{font-size:clamp(39px,4.7vw,61px);font-weight:600}.section-heading h2 span,.value-lead h2 span,.faq-title h2 span{color:#587df0}.section-heading>p{color:var(--soft);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{position:relative;min-height:275px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:.3s}.service:hover{transform:translateY(-6px);box-shadow:0 22px 50px #1b24300f}.service-no{font-size:9px;color:#969ca0}.service-icon{width:43px;height:43px;display:grid;place-items:center;margin:36px 0 22px;border-radius:12px;background:#eef0ec;filter:grayscale(1)}.service h3{font-size:19px;margin-bottom:9px}.service p{color:var(--soft);font-size:12px}.service>i{position:absolute;right:22px;bottom:20px;font-style:normal}.portfolio{background:var(--dark);color:#fff}.section-heading.light p{color:#89939f}.section-heading.light .eyebrow{color:#7d8794}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 22px}.project-image{position:relative;overflow:hidden;border-radius:16px;background:#19202b}.project-image img{display:block;width:100%;aspect-ratio:1.48/1;object-fit:cover;object-position:top;transition:.55s}.project:hover .project-image img{transform:scale(1.025)}.project-index{position:absolute;left:14px;bottom:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0a0e16d9;backdrop-filter:blur(10px);font-size:9px}.project-info{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;padding:18px 4px 0}.project-info span{font-size:8px;color:#76808d;text-transform:uppercase;letter-spacing:.13em}.project-info h3{font-size:20px;margin-top:4px}.project-info p{color:#828d99;font-size:11px}.project-info a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;font-size:0}.project-info a b{font-size:12px}.project-info a:hover{background:var(--accent);color:var(--dark);border-color:var(--accent)}.value-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:115px}.value-lead{position:sticky;top:120px;align-self:start}.value-lead>p{margin:25px 0;color:var(--soft);max-width:430px}.value-lead>a,.faq-title>a{font-size:12px;font-weight:600;border-bottom:1px solid;padding-bottom:4px}.feature-list{display:grid;gap:10px}.feature{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px;background:#ebede9;border-radius:15px}.feature>span{font:600 19px var(--display);color:#587df0}.feature h3{font-size:20px;margin-bottom:8px}.feature p{color:var(--soft);font-size:12px}.metrics{padding:45px 0;background:#587df0;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid>div{padding:8px 28px;border-right:1px solid #ffffff30}.metric-grid>div:last-child{border:0}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font:600 39px var(--display);letter-spacing:-.05em}.metric-grid sup{font-size:14px}.metric-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#dbe2ff}.process{background:#eceeeb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{min-height:260px;padding:25px;background:#fff;border-radius:16px}.step>div{display:flex;align-items:center}.step>div span{font:600 25px var(--display);color:#587df0}.step>div i{height:1px;flex:1;background:#e0e2de;margin-left:17px}.step h3{margin:85px 0 10px;font-size:18px}.step p{font-size:12px;color:var(--soft)}.pricing{background:#fff}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;min-height:530px;padding:27px 24px;background:#f4f5f2;border:1px solid #e5e6e2;border-radius:17px}.plan.popular{background:var(--dark2);color:#fff;transform:translateY(-10px);box-shadow:0 25px 50px #10172225}.popular-badge{position:absolute;right:18px;top:-10px;padding:5px 9px;border-radius:99px;background:var(--accent);color:var(--dark);font-size:8px;font-weight:700;text-transform:uppercase}.plan-head>span{font-size:9px;color:#8c9398}.plan h3{font-size:23px;margin:25px 0 8px}.plan-head p{min-height:58px;font-size:11px;color:var(--soft)}.popular .plan-head p{color:#929ba7}.plan-price{margin:25px 0;padding-bottom:20px;border-bottom:1px solid #dfe1dd}.popular .plan-price{border-color:#ffffff1c}.plan-price small,.plan-price strong,.plan-price span{display:block}.plan-price small{font-size:8px;color:#8d9499;text-transform:uppercase}.plan-price strong{font:700 29px var(--display);letter-spacing:-.05em}.plan-price span{font-size:8px;color:#8d9499}.plan ul{list-style:none;padding:0;margin:0 0 25px}.plan li{display:flex;gap:8px;margin:9px 0;font-size:10px;color:#626a70}.popular li{color:#c3c9cf}.plan li i{font-style:normal;color:#648517}.plan>a{display:flex;justify-content:space-between;margin-top:auto;padding:12px 13px;border:1px solid #d6d8d4;border-radius:9px;font-size:11px;font-weight:600}.popular>a{background:var(--accent);color:var(--dark);border-color:var(--accent)}.testimonial{padding:110px 0;background:#587df0;color:#fff}.quote{max-width:900px}.quote-icon{font:600 70px var(--display);color:var(--accent)}.quote blockquote{margin:10px 0 40px;font:500 clamp(27px,3.8vw,46px)/1.3 var(--display);letter-spacing:-.045em}.quote-person{display:flex;align-items:center;gap:13px}.quote-person>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--dark)}.quote-person strong,.quote-person span{display:block}.quote-person p{font-size:11px}.quote-person span{color:#dce3ff}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:110px}.faq-title>p{color:var(--soft);margin:22px 0}.accordions{display:grid;gap:8px}.accordion{padding:0 20px;background:#eaede8;border-radius:12px}.accordion button{width:100%;padding:20px 0;border:0;background:none;display:flex;justify-content:space-between;text-align:left;font:600 14px Inter;cursor:pointer}.accordion button i{position:relative;width:17px}.accordion button i:before,.accordion button i:after{content:"";position:absolute;top:10px;width:14px;height:1px;background:var(--ink)}.accordion button i:after{transform:rotate(90deg);transition:.2s}.accordion.open button i:after{transform:none}.accordion>div{display:grid;grid-template-rows:0fr;transition:.25s}.accordion>div p{overflow:hidden;color:var(--soft);font-size:12px}.accordion.open{background:#fff;box-shadow:0 12px 30px #17212a0b}.accordion.open>div{grid-template-rows:1fr}.accordion.open>div p{padding-bottom:20px}.contact{padding:0 0 30px}.contact-box{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--dark2);color:#fff;border-radius:20px;overflow:hidden}.contact-copy{padding:60px}.contact-copy h2{font-size:clamp(35px,4vw,52px);margin-bottom:18px}.contact-copy>p{color:#929ba7}.contact-copy>div{margin-top:60px;padding-top:20px;border-top:1px solid #ffffff18}.contact-copy small,.contact-copy a{display:block}.contact-copy small{font-size:8px;color:#747e8a;text-transform:uppercase}.contact-copy a{font-size:12px;margin-top:5px}.contact-form{margin:8px;padding:45px;background:#fff;color:var(--ink);border-radius:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:22px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid #d5d8d4;outline:0;font:13px Inter;background:none}.contact-form button{width:100%;display:flex;justify-content:space-between;padding:14px;border:0;border-radius:8px;background:var(--accent);font-weight:700}.notice{padding:10px;margin-bottom:12px;font-size:11px}.notice.success{background:#e8f6cb}.notice.error{background:#ffe3df}footer{padding:65px 0 22px;background:var(--dark);color:#fff}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-main>div{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#818b97}.footer-main>div:first-child p{margin-top:10px}.footer-main small{margin-bottom:10px;text-transform:uppercase;font-size:8px;letter-spacing:.12em;color:#5f6975}.footer-main .logo{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:18px;border-top:1px solid #ffffff12;color:#5f6975;font-size:9px}.fade{opacity:0;transform:translateY(20px);transition:.7s ease}.fade.show{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.nav-menu{display:none;position:absolute;top:66px;left:24px;right:24px;padding:22px;flex-direction:column;align-items:flex-start;background:var(--dark2);border-radius:12px}.nav-menu.active{display:flex}.nav-cta{display:none}.menu-toggle{display:block}.menu-toggle i{display:block;width:21px;height:1px;background:#fff;margin:6px}.hero-wrap,.section-heading,.value-grid,.faq-grid,.contact-box{grid-template-columns:1fr}.hero-wrap{gap:70px}.hero-copy h1{font-size:57px}.hero-media{max-width:680px}.hero-bottom>div{width:65%}.section-heading{gap:25px}.services{grid-template-columns:1fr 1fr}.value-grid,.faq-grid{gap:55px}.value-lead{position:static}.steps{grid-template-columns:1fr 1fr}.plan.popular{transform:none}.contact-copy{padding:45px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}}@media(max-width:600px){.shell{width:calc(100% - 30px)}.hero{padding-top:120px}.hero-copy h1{font-size:42px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-trust{gap:18px}.hero-trust strong{font-size:16px}.media-foot{position:relative;right:auto;bottom:auto;width:calc(100% - 20px);margin:-8px auto 0}.hero-bottom{display:block;margin-top:60px}.hero-bottom>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.section{padding:80px 0}.section-heading h2,.value-lead h2,.faq-title h2{font-size:36px}.services,.projects,.steps{grid-template-columns:1fr}.project-info{grid-template-columns:1fr auto}.project-info p{grid-column:1/-1}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div{border-bottom:1px solid #ffffff30}.form-row{grid-template-columns:1fr}.contact-copy{padding:36px 25px}.contact-form{padding:30px 20px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:12px}}
.project-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;font-size:12px;color:#aeb7c2}