:root{--ink:#0f172a;--blue:#2563eb;--sky:#3b82f6;--muted:#64748b;--line:#e5eaf2;--paper:#fff;--soft:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.055em}a{color:inherit;text-decoration:none}.loader{background:#0f172a;color:#fff;position:fixed;inset:0;display:grid;place-items:center;z-index:100;transition:opacity .6s,visibility .6s}.loader span{font:700 27px Manrope}.loader span::first-letter{color:#60a5fa}.loader.hide{opacity:0;visibility:hidden}#progress{position:fixed;z-index:101;top:0;left:0;width:0;height:3px;background:var(--blue)}.cursor-glow{position:fixed;width:440px;height:440px;left:-220px;top:-220px;background:radial-gradient(circle,rgba(96,165,250,.12),transparent 68%);pointer-events:none;z-index:-1;transition:transform .15s}.nav{height:82px;width:min(1240px,calc(100% - 48px));position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{font-size:23px;font-weight:800;letter-spacing:-.09em}.brand span{color:var(--blue)}.brand i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin:0 0 1px 3px}.nav nav{display:flex;align-items:center;gap:33px;font-size:14px;font-weight:600}.nav nav>a{transition:color .25s}.nav nav>a:hover,.nav nav>a.active{color:var(--blue)}.nav-cta{border:1px solid #d5ddeb;padding:10px 16px;border-radius:99px}.nav-cta b{color:var(--blue);margin-left:6px}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:760px;padding:175px max(24px,calc((100% - 1170px)/2)) 75px;position:relative;display:grid;grid-template-columns:1fr 480px;align-items:center;overflow:hidden;background:linear-gradient(120deg,#fbfdff 0%,#f3f7ff 57%,#edf4ff 100%)}.hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,#000,transparent 90%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6}.orb-one{width:440px;height:440px;background:radial-gradient(circle,#bfdbfe,transparent 67%);right:-80px;top:45px;animation:drift 8s ease-in-out infinite}.orb-two{width:320px;height:320px;background:radial-gradient(circle,#dbeafe,transparent 68%);left:36%;bottom:-150px;animation:drift 10s ease-in-out infinite reverse}.hero-copy,.dashboard{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:9px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #dbeafe}h1{font-size:clamp(44px,5.2vw,75px);line-height:1.08;margin:18px 0 24px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--blue)}.lede{color:var(--muted);font-size:17px;max-width:510px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:12px;padding:14px 19px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s;border:1px solid transparent}.button:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(15,23,42,.12)}.primary{background:var(--blue);color:#fff}.primary b{font-size:19px}.ghost{border-color:#d8e0ed;background:rgba(255,255,255,.6)}.dark{background:#0f172a;color:white}.light{background:#fff;color:#0f172a}.trust{display:flex;align-items:center;gap:12px;margin-top:55px;font-size:12px;line-height:1.4}.trust p{margin:0}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:2px solid white;background:#bfdbfe;color:#1748a5;font-size:10px;margin-left:-7px}.avatars span:first-child{margin:0;background:#f6c6aa}.avatars span:nth-child(2){background:#a7d8c7}.avatars span:nth-child(3){background:#d9c4ed}.avatars span:last-child{background:#0f172a;color:#fff}.dashboard{justify-self:end;width:440px;padding:21px;background:rgba(255,255,255,.73);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 32px 70px rgba(30,64,175,.15);backdrop-filter:blur(18px);transform:rotate(-2deg);animation:float 5s ease-in-out infinite}.dash-top,.dash-grid,.message{display:flex;align-items:center;justify-content:space-between}.dash-top p{margin:0;font-size:14px;font-weight:700}.dash-top small{color:var(--blue)}.dash-top span,.metric small,.score small,.orders small,.message small{font-size:10px;color:var(--muted)}.metric{margin:18px 0;background:#fff;border-radius:12px;padding:15px}.metric b{display:block;font:700 25px Manrope}.metric em,.orders em,.phone-box em{font-size:10px;color:#059669;font-style:normal}.metric svg{width:100%;height:66px;margin-top:7px}.dash-grid{gap:12px}.score,.orders{background:#fff;border-radius:12px;padding:15px;width:50%;min-height:116px}.score strong,.orders strong{font:700 22px Manrope;display:block}.score sup{font:400 9px 'DM Sans';color:var(--muted)}.ring{float:right;margin-top:-29px;width:41px;height:41px;border:4px solid #bfdbfe;border-top-color:var(--blue);border-radius:50%;font-size:8px;display:grid;place-items:center}.message{margin-top:12px;padding:11px 13px;background:#fff;border-radius:12px}.message>span{display:grid;place-items:center;width:27px;height:27px;background:#dcfce7;color:#15803d;border-radius:9px}.message p{margin:0 auto 0 9px;font-size:10px;line-height:1.35}.message i{color:#94a3b8;font-style:normal}.floating-card{position:absolute;right:-35px;bottom:-28px;padding:12px 16px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 16px 30px #17255433;font-size:10px}.floating-card span{color:#60a5fa;margin-right:6px}.floating-card strong{display:block;color:#93c5fd;font:700 16px Manrope;margin-left:19px}.scroll-tag{position:absolute;bottom:28px;left:max(24px,calc((100% - 1170px)/2));font-size:10px;color:#64748b;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:11px}.scroll-tag span{display:inline-block;width:40px;height:1px;background:#94a3b8}.logos{padding:37px 24px;border-bottom:1px solid var(--line);text-align:center}.logos p{font-size:10px;letter-spacing:.16em;color:#94a3b8;font-weight:700;margin:0 0 23px}.logos div{max-width:980px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#94a3b8}.logos b{font:700 20px Manrope;letter-spacing:-.08em}.logos b:nth-child(2){font-size:15px;letter-spacing:.04em}.logos b span{color:var(--blue)}.section{max-width:1170px;margin:auto;padding:125px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}h2{font-size:clamp(35px,4.1vw,56px);line-height:1.12;margin:12px 0 0;font-weight:800}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #cbd5e1;padding-bottom:7px}.text-link b{color:var(--blue);font-size:18px;margin-left:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:27px 24px;height:286px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;background:#fff}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 35px #0f172a0e;border-color:#bfdbfe}.service-card .icon{font-size:25px;width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:var(--blue);margin-bottom:27px}.service-card p{color:#94a3b8;font-size:10px;letter-spacing:.1em;font-weight:700;margin-bottom:7px}.service-card h3{font-size:19px;line-height:1.25;margin-bottom:10px}.service-card>span{font-size:13px;line-height:1.55;color:var(--muted)}.service-card a{font-size:12px;font-weight:700;margin-top:auto;color:var(--blue)}.service-card a b{margin-left:7px}.service-card.featured{background:var(--ink);border-color:var(--ink);color:white}.service-card.featured>span{color:#cbd5e1}.service-card.featured .icon{background:#1e3a8a;color:#bfdbfe}.numbers{color:#fff;background:#0f172a;padding:90px max(24px,calc((100% - 1170px)/2));display:flex;justify-content:space-between;align-items:center}.numbers .eyebrow{color:#93c5fd}.numbers .eyebrow span{background:#60a5fa;box-shadow:0 0 0 5px #1e3a8a}.numbers h2{font-size:42px}.numbers h2 em{color:#93c5fd}.stats{display:grid;grid-template-columns:repeat(2,160px);gap:33px 68px}.stats b{font:700 42px Manrope;letter-spacing:-.06em;color:#bfdbfe}.stats p{font-size:12px;margin:0;color:#cbd5e1}.projects{padding-bottom:130px}.filters{display:flex;gap:8px}.filters button{background:none;border:1px solid #d8e0ed;border-radius:99px;padding:8px 14px;font:600 12px 'DM Sans';cursor:pointer}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.project-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px}.project{position:relative}.project-art{height:350px;border-radius:16px;margin-bottom:17px;overflow:hidden;transition:transform .4s}.project:hover .project-art{transform:translateY(-5px)}.project p{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:5px}.project h3{font-size:20px;margin:0}.project>a{position:absolute;right:0;bottom:0;width:35px;height:35px;border-radius:50%;background:#eff6ff;color:var(--blue);display:grid;place-items:center}.restaurant{background:#d8c7bb;position:relative;padding:43px;color:#323a31}.restaurant:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #566353;border-radius:50%;right:-70px;bottom:-80px}.restaurant span{position:relative;display:block;font:italic 60px Georgia;line-height:.8}.restaurant i{position:relative;font-size:13px;letter-spacing:.35em;margin-left:64px}.coffee{background:#d9d2c7;color:#31261f;padding:32px;position:relative}.coffee:after{content:'';position:absolute;right:-38px;bottom:20px;width:190px;height:220px;border-radius:52% 52% 10% 10%;background:#33271e;box-shadow:0 0 0 17px #eee8df}.coffee span{font:700 37px Manrope;line-height:.85;position:relative;z-index:1}.coffee i{position:absolute;z-index:1;bottom:22px;left:32px;font-size:25px}.app{background:#10244a;padding:32px;color:#fff}.app>span{font:700 19px Manrope}.app>div{margin-top:75px;background:rgba(255,255,255,.12);border:1px solid #ffffff22;border-radius:12px;padding:15px;font-size:21px;color:#93c5fd}.app b{display:block;font:700 25px Manrope;color:#fff}.app small{font-size:9px;color:#94a3b8}.process{background:var(--soft)}.process-inner{padding-top:105px;padding-bottom:105px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:57px}.steps article{position:relative;padding-right:26px}.steps article:not(:last-child):after{content:'';position:absolute;left:32px;right:0;top:22px;border-top:1px dashed #a8b5c9}.steps b{display:block;color:#94a3b8;font-size:11px;margin-bottom:21px}.steps i{display:grid;position:relative;z-index:1;place-items:center;width:45px;height:45px;background:#fff;border-radius:50%;font-style:normal;font-size:20px;color:var(--blue);margin-bottom:19px}.steps h3{font-size:17px;margin-bottom:6px}.steps p{font-size:13px;color:var(--muted);max-width:180px}.features{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.feature-visual{height:530px;border-radius:20px;background:linear-gradient(135deg,#dbeafe,#eff6ff);position:relative;display:grid;place-items:center;overflow:hidden}.phone{width:235px;height:465px;background:#fff;border:7px solid #0f172a;border-radius:30px;padding:20px;color:#0f172a;box-shadow:15px 20px 35px #2563eb33;transform:rotate(-6deg)}.phone-top{font-size:9px;font-weight:700;display:flex;justify-content:space-between}.phone-logo{font:800 20px Manrope;color:var(--blue);margin-top:36px}.phone h4{font:700 25px/1.15 Manrope;margin:29px 0}.phone-box{background:#f1f5f9;border-radius:12px;padding:14px}.phone-box small,.phone-box em{display:block;font-size:9px}.phone-box b{font:700 22px Manrope}.float-dot{position:absolute;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#fff;color:var(--blue);box-shadow:0 12px 20px #1e3a8a18;font-size:23px}.float-dot.one{top:80px;left:13%}.float-dot.two{bottom:80px;right:11%}.feature-copy>p:not(.eyebrow){color:var(--muted);max-width:470px;margin:21px 0 26px}.feature-copy ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px 6px;margin:0 0 31px;font-size:13px;font-weight:600}.feature-copy li{display:flex;gap:8px;align-items:start}.feature-copy li span{color:#fff;background:var(--blue);font-size:9px;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;flex:none;margin-top:2px}.pricing{padding-top:40px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-grid article{min-height:437px;padding:29px;border:1px solid var(--line);border-radius:16px;position:relative}.price-grid .popular{background:#0f172a;color:#fff;border:0;box-shadow:0 22px 38px #17255425}.popular label{position:absolute;right:20px;top:21px;padding:4px 8px;color:#93c5fd;background:#1e3a8a;border-radius:5px;font-size:9px;font-weight:700}.price-grid article>p{font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--blue);margin-bottom:16px}.popular>p{color:#93c5fd!important}.price-grid h3{font-size:22px;margin-bottom:26px}.price-grid>b{font:700 26px Manrope;display:block}.price-grid>b small{display:block;color:var(--muted);font:400 11px 'DM Sans';margin:3px 0 23px}.popular>b small{color:#94a3b8}.price-grid ul{list-style:none;padding:0;border-top:1px solid var(--line);padding-top:17px;font-size:12px;line-height:2.2;margin-bottom:23px}.popular ul{border-color:#ffffff22;color:#dbeafe}.price-grid li:before{content:'✓';color:var(--blue);font-weight:bold;margin-right:9px}.popular li:before{color:#93c5fd}.price-grid .button{width:100%;padding:11px}.testimonial{max-width:860px;margin:25px auto 115px;text-align:center;position:relative}.quote{font:100px Georgia;color:#bfdbfe;height:75px}.testimonial .eyebrow{justify-content:center}.testimonial blockquote{font:600 clamp(23px,3vw,35px)/1.35 Manrope;letter-spacing:-.045em;margin:22px 0}.person{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px}.person>div{width:34px;height:34px;background:#d9c4ed;display:grid;place-items:center;border-radius:50%;font-size:10px}.person p{margin:0;text-align:left;line-height:1.35}.person small{color:var(--muted)}.slide-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;font-size:12px;color:#94a3b8}.slide-controls button{border:1px solid #d9e1ec;border-radius:50%;background:#fff;width:33px;height:33px;cursor:pointer;color:var(--blue)}.slide-controls b{color:var(--ink)}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;padding-top:100px}.accordion details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:17px}.accordion summary{font:700 16px Manrope;letter-spacing:-.03em;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.accordion summary span{font-size:21px;color:var(--blue);font-weight:400}.accordion details[open] summary span{transform:rotate(45deg)}.accordion p{font-size:13px;color:var(--muted);max-width:470px;margin:13px 0 0}.contact{background:#eaf2ff;padding:100px max(24px,calc((100% - 1170px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;position:relative;overflow:hidden}.contact:before{content:'';width:400px;height:400px;border:50px solid #d2e4ff;position:absolute;border-radius:50%;left:-170px;bottom:-260px}.contact-copy,.contact form{position:relative}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:360px;margin:20px 0 28px}.contact-copy>a{font:700 19px Manrope;border-bottom:1px solid #94a3b8;padding-bottom:8px}.contact-copy>a b{color:var(--blue);margin-left:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact label{font-size:11px;font-weight:700;letter-spacing:.04em;display:block;margin-bottom:16px}.contact input,.contact textarea{display:block;border:0;border-bottom:1px solid #b8c9e5;background:transparent;width:100%;padding:9px 0 12px;font:14px 'DM Sans';outline:none;transition:border-color .2s}.contact input:focus,.contact textarea:focus{border-color:var(--blue)}.contact textarea{height:65px;resize:none}.form-note{font-size:10px;color:#71809a;margin:13px 0!important}footer{background:#0b1222;color:#cbd5e1;padding:58px max(24px,calc((100% - 1170px)/2)) 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:54px}.footer-top .brand{color:#fff}.footer-top p{font-size:14px;line-height:1.6;margin:0}.footer-links{border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;padding:35px 0;display:grid;grid-template-columns:1.25fr repeat(3,1fr)}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links p{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.11em;margin-bottom:8px}.footer-links a{font-size:13px;transition:color .2s}.footer-links a:hover{color:#93c5fd}.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#64748b}.footer-bottom a{color:#93c5fd}.about-page{background:#fff}.about-page .nav{position:relative}.about-hero{background:#f3f7ff;text-align:center;padding:115px 24px 110px}.about-hero .eyebrow{justify-content:center}.about-hero h1{margin-bottom:22px}.about-hero>p:last-child{color:var(--muted);max-width:590px;margin:auto}.about-story{max-width:1070px;margin:125px auto;display:grid;grid-template-columns:.93fr 1fr;gap:13%;align-items:center}.story-art{height:420px;background:#dbeafe;position:relative;display:grid;place-items:center;border-radius:16px;overflow:hidden}.story-art:before{content:'';width:320px;height:320px;border-radius:50%;border:1px solid #93c5fd;position:absolute}.story-art span{font:800 150px Manrope;color:var(--blue);position:relative}.story-art i{position:absolute;right:22px;bottom:20px;color:#1e3a8a;font-size:11px;font-style:normal;line-height:1.5}.about-story>div>p:not(.eyebrow){color:var(--muted);max-width:460px}.principles{padding:100px max(24px,calc((100% - 1170px)/2));background:#0f172a;color:#fff}.principles .eyebrow{color:#93c5fd}.principles .eyebrow span{background:#93c5fd;box-shadow:0 0 0 5px #1e3a8a}.principles h2 em{color:#93c5fd}.principles>div{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principles article{border-top:1px solid #ffffff22;padding-top:18px}.principles article b{color:#60a5fa;font:700 14px Manrope}.principles h3{font-size:23px;margin:18px 0 6px}.principles article p{color:#94a3b8;font-size:14px;max-width:260px}.about-cta{text-align:center;padding:100px 20px;background:#2563eb;color:#fff}.about-cta p{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#bfdbfe}.about-cta h2{font-size:50px;margin:12px 0 30px}.about-page footer{padding-top:5px}
@keyframes float{50%{transform:rotate(-1deg) translateY(-11px)}}@keyframes drift{50%{transform:translate(25px,20px)}}.reveal{opacity:0;transform:translateY(25px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}@media(max-width:800px){.nav{width:calc(100% - 36px);height:68px}.menu-btn{display:block}.nav nav{display:none;position:absolute;top:58px;right:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 12px 30px #0f172a1a}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:11px;min-width:180px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:130px;padding-bottom:100px}.dashboard{justify-self:center;width:min(400px,90%);margin-top:70px}.scroll-tag{display:none}.logos div{gap:23px;overflow:hidden;justify-content:flex-start}.logos b{white-space:nowrap}.section{padding:75px 22px}.section-head{align-items:start;gap:23px;flex-direction:column}.service-grid{grid-template-columns:1fr 1fr}.numbers{padding:70px 24px;display:block}.stats{margin-top:40px;gap:28px}.project-grid{grid-template-columns:1fr 1fr}.project.p3{grid-column:span 2}.project-art{height:270px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps article:not(:last-child):after{display:none}.features,.faq,.contact,.about-story{grid-template-columns:1fr;gap:55px}.feature-visual{height:430px}.price-grid{grid-template-columns:1fr}.price-grid article{min-height:auto}.footer-top,.footer-bottom{gap:23px;align-items:flex-start;flex-direction:column}.footer-links{grid-template-columns:1fr 1fr;gap:30px}.about-hero{padding:85px 24px}.about-story{margin:75px 22px}.principles>div{grid-template-columns:1fr}.about-cta h2{font-size:38px}}@media(max-width:500px){.hero{padding-left:22px;padding-right:22px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.dashboard{width:100%;padding:14px}.floating-card{right:-5px}.service-grid,.project-grid,.form-row{grid-template-columns:1fr}.project.p3{grid-column:auto}.stats{grid-template-columns:1fr 1fr;gap:24px}.stats b{font-size:33px}.filters{flex-wrap:wrap}.feature-copy ul{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.restaurant span{font-size:48px}}