*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf8;color:#18202b;font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(251,250,248,.88);backdrop-filter:blur(14px);border-bottom:1px solid #eae8e3}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 23px "Space Grotesk",sans-serif;display:flex;align-items:center;gap:9px;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#7558e8;color:#fff;border-radius:10px;font-size:17px}.dot{color:#7558e8}.nav-links{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-links>a:not(.nav-cta){color:#5f6671}.nav-cta{background:#18202b;color:white;padding:11px 17px;border-radius:10px}.nav-cta span,.button span{margin-left:10px}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding-top:64px;padding-bottom:72px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#7660d8}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#47b98a;margin-right:9px;box-shadow:0 0 0 4px #e2f6ec}.hero h1{font:700 clamp(44px,5.4vw,70px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-3.8px;margin:25px 0}.hero h1 span{color:#7860df}.hero-text{font-size:17px;color:#626a76;max-width:540px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:#7558e8;color:#fff;box-shadow:0 10px 22px #7558e82a}.secondary{border:1px solid #dedbd5;background:#fff}.hero-meta{display:flex;gap:30px;margin-top:48px}.hero-meta div{display:flex;flex-direction:column;gap:2px}.hero-meta strong{font-size:13px}.hero-meta span{font-size:11px;color:#8a8f97}.hero-art{height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e9e3ff 0,#f4f0ff 38%,transparent 70%)}.orbit{position:absolute;border:1px solid #d4c9fb;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:270px}.orbit-two{width:330px;height:390px;transform:rotate(45deg)}.float-card{position:absolute;border:1px solid #fff;background:#fff;border-radius:14px;box-shadow:0 24px 60px #33255b1c}.card-code{width:275px;left:4%;top:78px;z-index:2;transform:rotate(-5deg);padding:0 0 22px}.card-top{height:42px;border-bottom:1px solid #efedf5;display:flex;align-items:center;gap:5px;padding:0 13px}.card-top i,.browser-bar i{width:7px;height:7px;border-radius:50%;background:#ff8d85}.card-top i:nth-child(2),.browser-bar i:nth-child(2){background:#f5c765}.card-top i:nth-child(3),.browser-bar i:nth-child(3){background:#65cda0}.card-top span{font-size:10px;color:#8c8b9b;margin-left:9px}.code-lines{display:flex;flex-direction:column;padding:17px 20px 0;font:11px/2.1 monospace;color:#73748a}.code-lines b{color:#8265e9}.code-lines em{font-style:normal;color:#d37a46}.indent{padding-left:20px}.card-ui{width:260px;right:2%;bottom:52px;z-index:3;padding:15px;transform:rotate(5deg)}.mini-nav{display:flex;gap:6px;border-bottom:1px solid #eee;padding-bottom:12px}.mini-nav span{height:5px;width:40px;border-radius:4px;background:#dcd8f3}.mini-nav span:first-child{background:#8268ed}.mini-title{width:105px;height:11px;background:#30354a;border-radius:4px;margin-top:17px}.mini-sub{width:145px;height:5px;background:#e7e6ed;border-radius:4px;margin-top:8px}.mini-stats{display:flex;gap:7px;margin-top:15px}.mini-stats i{height:37px;flex:1;background:#f1efff;border-radius:6px}.mini-stats i:nth-child(2){background:#e7f8f0}.mini-stats i:nth-child(3){background:#fff2e4}.mini-chart{height:55px;margin-top:14px;border-bottom:1px solid #eae8f3;display:flex;align-items:end;gap:9px;padding:0 8px}.mini-chart span{flex:1;border-radius:3px 3px 0 0;background:#a998f4;height:30%}.mini-chart span:nth-child(2){height:48%}.mini-chart span:nth-child(3){height:38%}.mini-chart span:nth-child(4){height:72%}.mini-chart span:nth-child(5){height:57%}.mini-chart span:nth-child(6){height:90%;background:#7658e8}.mini-chart span:nth-child(7){height:75%}.hero-badge{position:absolute;right:3%;top:38px;background:#fff;padding:10px 14px;border-radius:9px;box-shadow:0 8px 25px #33255b13;font-size:11px;font-weight:700;transform:rotate(4deg)}.trust-strip{border-top:1px solid #eeece7;border-bottom:1px solid #eeece7;background:#fff}.tech-list{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.tech-list span{font-size:10px;color:#969aa2;letter-spacing:1.2px;font-weight:700}.tech-list b{font:600 13px "Space Grotesk",sans-serif;color:#727783}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2,.about-copy h2,.contact-inner h2{font:700 clamp(30px,4vw,43px)/1.15 "Space Grotesk",sans-serif;letter-spacing:-1.8px;margin:13px 0 0;max-width:650px}.section-heading>p{max-width:360px;color:#737984;font-size:14px;margin:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#fff;border:1px solid #eeece8;border-radius:17px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-5px);box-shadow:0 18px 45px #25203b0c}.project-visual{height:220px;display:grid;place-items:center;overflow:hidden}.project-purple{--accent:#8066ed;--pale:#ede8ff}.project-blue{--accent:#397fc4;--pale:#e1f0ff}.project-green{--accent:#269d7a;--pale:#ddf5eb}.project-visual{background:var(--pale)}.mock-window{width:82%;height:155px;background:#fff;border-radius:8px;display:flex;overflow:hidden;box-shadow:0 14px 30px #25203b17;transform:rotate(-2deg)}.mock-sidebar{width:25%;background:#25273a;padding:13px 9px;display:flex;flex-direction:column;gap:13px}.mock-logo{width:35px;height:7px;background:#9e8cf4;border-radius:4px;margin-bottom:5px}.mock-sidebar i{width:80%;height:4px;border-radius:4px;background:#55566a}.mock-sidebar i:first-of-type{background:#a99bf2}.mock-main{padding:17px 13px;flex:1}.mock-heading{width:90px;height:8px;border-radius:4px;background:#34364b}.mock-subheading{width:125px;height:4px;background:#e4e5ec;margin-top:7px}.stat-row{display:flex;gap:6px;margin-top:14px}.stat-row div{height:29px;flex:1;border-radius:4px;background:#f1edff}.stat-row div:nth-child(2){background:#e4f7ed}.stat-row div:nth-child(3){background:#fff0e1}.table-mock{margin-top:12px;display:flex;flex-direction:column;gap:6px}.table-mock b,.table-mock i{height:4px;border-radius:3px;background:#e9eaf0}.table-mock b{background:#c7c8d4}.browser-mock{width:84%;background:white;border-radius:8px;overflow:hidden;box-shadow:0 14px 30px #25203b15;transform:rotate(2deg)}.browser-bar{height:21px;display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid #eee}.browser-bar i{width:5px;height:5px}.browser-bar span{height:5px;background:#f0f1f4;border-radius:4px;flex:1;margin-left:8px}.business-hero{height:125px;background:#f7fbff;display:flex;align-items:center;justify-content:space-around;padding:15px}.business-copy{width:45%}.line{height:7px;border-radius:4px;background:#283d59;margin-bottom:8px}.line.small{width:40%;height:4px;background:#4d9ad7}.line.wide{width:100%;height:10px}.line.medium{width:70%;background:#b6c4d4}.pill{width:52px;height:15px;border-radius:5px;background:#3d8dd1;margin-top:12px}.business-shape{width:80px;height:80px;background:#b8e3fa;border-radius:40% 60% 58% 42%;position:relative}.business-shape div{position:absolute;width:44px;height:44px;border-radius:50%;background:#418fc6;left:17px;top:15px}.business-shape i{position:absolute;width:30px;height:22px;border-radius:50%;background:#f2c49b;bottom:4px;right:0}.browser-bottom{display:flex;gap:9px;padding:9px 15px}.browser-bottom i{height:8px;flex:1;background:#edf1f6;border-radius:3px}.pos-screen{width:80%;height:158px;background:#fff;border-radius:8px;box-shadow:0 14px 30px #25203b17;overflow:hidden;transform:rotate(-2deg)}.pos-top{height:28px;background:#fff;border-bottom:1px solid #e9f0ed;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;font-weight:700;color:#4b6571}.pos-top i{width:25px;height:8px;background:#ddf4eb;border-radius:4px}.pos-layout{display:flex;height:100px;padding:12px;gap:10px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;flex:1}.product-grid i{background:#e5f5ef;border-radius:4px}.product-grid i:nth-child(2){background:#fff0db}.product-grid i:nth-child(3){background:#e7efff}.product-grid i:nth-child(4){background:#f0eaff}.cart{width:34%;border-left:1px solid #eef0ef;padding-left:9px;display:flex;flex-direction:column;gap:6px}.cart b{height:6px;width:70%;background:#bdc9c6;border-radius:3px}.cart i{height:5px;background:#edf0ef;border-radius:3px}.cart div{height:13px;background:#31a783;border-radius:3px;margin-top:auto}.pos-bottom{display:flex;justify-content:space-between;padding:0 12px}.pos-bottom span{height:5px;width:35%;background:#e9eeec;border-radius:4px}.project-info{padding:22px}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tags span,.skill-pills span{font-size:10px;font-weight:700;color:#696f7a;background:#f4f3f0;padding:6px 9px;border-radius:6px}.project-info h3{font:700 19px "Space Grotesk",sans-serif;letter-spacing:-.5px;margin:17px 0 9px}.project-info p{font-size:13px;color:#747b84;min-height:62px;margin:0}.project-foot{border-top:1px solid #f0efec;margin-top:20px;padding-top:15px;display:flex;flex-direction:column;gap:8px}.project-foot span{font-size:9px;letter-spacing:1.1px;color:#a1a4ab;font-weight:700}.project-foot a{font-size:12px;font-weight:700;color:#765ce0}.note{font-size:11px;color:#9a9da4;margin-top:18px}.services-section{background:#f1effa}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.service{background:#fff;padding:27px;border:1px solid #e8e4f4;border-radius:14px}.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eee9ff;color:#765ce0;font-weight:700;font-size:18px}.service h3{font:700 18px "Space Grotesk",sans-serif;margin:20px 0 9px}.service p{font-size:13px;color:#737984;margin:0}.about-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:center}.about-mark{font:700 145px/.9 "Space Grotesk",sans-serif;color:#eee9ff;letter-spacing:-12px}.about-mark span{color:#765ce0}.about-copy h2{max-width:620px}.about-copy p{color:#737984;font-size:15px;max-width:700px;line-height:1.9}.skill-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.contact-section{background:#1e2231;color:white;padding:70px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-inner .eyebrow{color:#b7a8ff}.contact-inner h2{margin-top:13px}.contact-inner p{color:#b7bbc7;margin-bottom:0}.light{background:#fff;color:#222638;white-space:nowrap}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8a8f98}.footer .brand{color:#18202b;font-size:19px}.footer .brand-mark{width:27px;height:27px;font-size:14px}.footer>a:last-child{font-weight:700;color:#6554c8}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{max-width:550px;width:100%;margin:auto}.hero-meta{margin-top:35px}.projects{grid-template-columns:1fr 1fr}.project:last-child{grid-column:span 2}.section-heading{align-items:start;flex-direction:column;gap:15px}.tech-list{justify-content:center;padding:22px 0}.tech-list span{width:100%;text-align:center}.about-section{grid-template-columns:.35fr 1.65fr;gap:25px}.about-mark{font-size:100px}.contact-inner{align-items:start;flex-direction:column}}@media(max-width:580px){.container{width:min(100% - 32px,1160px)}.nav{height:68px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#fbfaf8;border-bottom:1px solid #eae8e3;padding:20px 24px;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:44px;padding-bottom:45px;gap:15px}.hero h1{font-size:45px;letter-spacing:-2.4px;margin:20px 0}.hero-text{font-size:15px}.hero-meta{gap:15px;flex-wrap:wrap}.hero-meta span{font-size:10px}.hero-art{height:340px;transform:scale(.95);margin:0 -8px;width:calc(100% + 16px)}.card-code{left:0;top:60px;transform:scale(.88) rotate(-5deg);transform-origin:left top}.card-ui{right:-2%;bottom:40px;transform:scale(.85) rotate(5deg);transform-origin:right bottom}.hero-badge{right:0;top:20px}.orbit-one{width:310px;height:230px}.orbit-two{width:270px;height:310px}.tech-list{gap:14px}.tech-list b{font-size:12px}.section{padding-top:70px;padding-bottom:70px}.section-heading h2,.about-copy h2,.contact-inner h2{font-size:32px;letter-spacing:-1.2px}.projects,.service-grid{grid-template-columns:1fr}.project:last-child{grid-column:auto}.project-info p{min-height:0}.about-section{grid-template-columns:1fr;gap:10px}.about-mark{font-size:80px}.contact-section{padding:55px 0}.footer{padding:20px 0;flex-wrap:wrap}.footer>span{order:3;width:100%}}