:root{--ink:#0e0e16;--ink2:#171722;--paper:#f7f7fa;--white:#fff;--muted:#6d6d7c;--line:#dedee8;--violet:#6755f5;--blue:#6f8cff;--soft:#eceaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.overline{color:#aaa8ff;letter-spacing:.08em;font-size:11px;font-weight:900;display:block}.overline.dark{color:var(--violet)}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.logo{align-items:center;gap:11px;font-size:14px;font-weight:800;display:flex}.logo b{font-weight:950}.logo-mark{background:var(--ink);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;font:950 14px Arial;display:grid;box-shadow:inset -7px -7px 16px #6755f573}.nav-links{color:#626270;gap:37px;font-size:12px;font-weight:800;display:flex}.nav-links a:hover{color:var(--violet)}.nav-cta{background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:13px;padding:12px 18px;font-size:12px;font-weight:900;transition:all .2s;display:flex}.nav-cta:hover{background:var(--violet);transform:translateY(-1px)}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;min-height:685px;padding-block:70px 88px;display:grid}.hero-label{color:#555563;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.hero-label i{background:var(--violet);width:8px;height:8px;box-shadow:0 0 0 5px var(--soft);border-radius:50%}.hero h1{letter-spacing:-.075em;margin:23px 0 0;font-size:clamp(64px,7vw,100px);font-weight:950;line-height:.93}.hero h1 span{color:var(--violet)}.hero-copy>p{color:#606070;max-width:580px;margin:28px 0 0;font-size:17px;font-weight:600;line-height:1.95}.hero-actions{gap:11px;margin-top:33px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:20px;padding:15px 20px;font-size:12px;font-weight:950;transition:all .2s;display:flex}.button-primary{background:var(--violet);color:#fff;box-shadow:0 13px 30px #6755f533}.button-primary:hover{background:#5745e5;transform:translateY(-2px)}.button-ghost{background:#fff;border:1px solid #cfcfda}.button-ghost:hover{border-color:#99a}.hero-meta{color:#81818e;align-items:center;gap:11px;margin-top:31px;font-size:10px;font-weight:800;display:flex}.hero-meta i{background:#b5b5c1;border-radius:50%;width:3px;height:3px}.hero-stage{background:var(--ink);direction:ltr;border-radius:30px;min-width:0;height:520px;position:relative;overflow:hidden;box-shadow:0 30px 70px #12121e24}.stage-glow{background:radial-gradient(circle,#6a57ff99,#6a57ff00 68%);border-radius:50%;width:430px;height:430px;position:absolute;top:-120px;left:-50px}.screen{background:#fff;position:absolute;box-shadow:0 25px 55px #00000040}.main-screen{border-radius:13px;width:78%;height:370px;top:68px;left:9%;overflow:hidden;transform:rotate(-2deg)}.screen-bar{color:#a1a1ad;background:#eeeef3;align-items:center;gap:20px;height:33px;padding:0 11px;font-size:7px;display:flex}.screen-bar>div{gap:4px;display:flex}.screen-bar i{background:#bdbdc7;border-radius:50%;width:6px;height:6px}.screen-bar span{text-align:center;background:#fff;border-radius:5px;width:45%;padding:4px}.screen-content{direction:rtl;background:#f8f8fb;height:calc(100% - 33px);padding:22px}.mini-nav{color:#777784;justify-content:space-between;font-size:7px;display:flex}.mini-nav b{color:#161621;font-size:11px}.mini-copy{padding:47px 11px 35px}.mini-copy small{color:var(--violet);font-size:7px;font-weight:950}.mini-copy strong{color:#101017;letter-spacing:-.05em;margin-top:9px;font-size:27px;line-height:1.16;display:block}.mini-copy i{background:var(--violet);border-radius:10px;width:50px;height:7px;margin-top:13px;display:block}.mini-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mini-grid span{background:#e9e9ef;border-radius:7px;height:58px}.mini-grid span:nth-child(2){background:#dcd6ff}.phone-screen{z-index:3;background:#eff1ff;border:5px solid #272733;border-radius:23px;width:128px;height:258px;padding:22px 13px 12px;bottom:33px;right:5%;transform:rotate(4deg)}.phone-notch{background:#1c1c26;border-radius:5px;width:34px;height:6px;position:absolute;top:7px;left:42px}.phone-screen small{color:#6c6c78;margin-top:7px;font-size:6px;display:block}.phone-screen>b{margin-top:7px;font-size:17px;line-height:1.05;display:block}.phone-product{background:linear-gradient(145deg,#7e6aff,#b7c3ff);border-radius:30px 30px 7px 7px;height:87px;margin-top:13px}.phone-screen>span{margin-top:10px;font-size:6px;font-weight:950;display:block}.project-badge{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#171722d9;border:1px solid #ffffff2e;border-radius:12px;gap:4px;padding:14px 18px;display:grid;position:absolute;bottom:34px;left:5%}.project-badge b{font-size:12px}.project-badge span{color:#aaaab7;font-size:8px}.statement{background:var(--ink);color:#fff;padding-block:110px}.statement-inner h2{letter-spacing:-.055em;margin:17px 0 0;font-size:clamp(40px,5.3vw,68px);line-height:1.15}.statement-inner h2 em{color:#8d86ff;font-style:normal}.statement-inner p{color:#a3a3b2;max-width:560px;margin:24px 0 0;font-size:14px;line-height:1.9}.section-space{padding-block:115px}.section-title h2{letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(38px,4.3vw,56px)}.solutions-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:56px;display:grid}.solution{border-bottom:1px solid var(--line);min-height:265px;padding:30px 34px 34px}.solution:nth-child(odd){border-left:1px solid var(--line)}.solution-top{justify-content:space-between;align-items:center;display:flex}.solution-top small{color:#aaaab5;font-size:10px;font-weight:900}.solution-top span{background:var(--soft);width:40px;height:40px;color:var(--violet);border-radius:10px;place-items:center;font-size:19px;display:grid}.solution h3{margin:47px 0 9px;font-size:22px}.solution p{max-width:410px;color:var(--muted);margin:0;font-size:13px;line-height:1.9}.work-section{background:var(--ink);color:#fff}.work-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;display:grid}.work-head h2{letter-spacing:-.055em;margin:13px 0 0;font-size:clamp(39px,4.5vw,58px);line-height:1.13}.work-head>p{color:#9999a9;margin:0;font-size:13px;line-height:2}.published-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px;display:grid}.published-card{background:linear-gradient(145deg,#20202c,#181822);border:1px solid #32323f;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:300px;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.published-card:before{content:"";background:radial-gradient(circle,#6755f552,#6755f500 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:35px;left:-55px}.published-card:hover{background:#22222f;border-color:#5c54a8;transform:translateY(-5px)}.published-top,.published-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.published-top{color:#858594;font-size:9px;font-weight:850}.published-mark{z-index:1;color:#aaa2ff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;place-items:center;width:76px;height:76px;margin:auto;font:950 30px Arial;display:grid;position:relative;box-shadow:0 18px 45px #0000002e}.published-bottom h3{margin:0 0 4px;font-size:19px}.published-bottom p{color:#777786;text-align:right;direction:ltr;margin:0;font-size:10px}.published-bottom b{color:#aaa2ff;font-size:9px}.concept-head{border-bottom:1px solid #2f2f3c;justify-content:space-between;align-items:end;margin-top:76px;padding-bottom:15px;display:flex}.concept-head p{color:#747482;margin:0;font-size:10px}.work-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.work-card{background:#20202c;border-radius:18px;overflow:hidden}.work-one{grid-column:1/-1}.work-info{color:#aaaab7;direction:rtl;justify-content:space-between;align-items:center;padding:17px 20px;font-size:9px;display:flex}.work-info b{color:#fff;font-size:11px}.work-canvas{direction:ltr;position:relative;overflow:hidden}.work-one .work-canvas{height:420px}.work-two .work-canvas,.work-three .work-canvas{height:350px}.canvas-one{background:linear-gradient(135deg,#d4d7ff,#8174f7);place-items:end center;display:grid}.canvas-browser{color:#17171f;direction:ltr;background:#f8f5ef;width:76%;height:83%;padding:38px 44px 0;box-shadow:0 30px 50px #00000038}.canvas-browser>span{font:950 13px Arial}.canvas-browser h3{margin:57px 0 15px;font-size:36px;line-height:1.05}.canvas-browser>i{background:#17171f;border-radius:5px;width:58px;height:8px;display:block}.canvas-browser>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:58px;display:grid}.canvas-browser>div b{background:#e7e0d5;height:75px}.canvas-two{background:#e9e9ef}.shop-phone{color:#16161e;background:#faf8ef;border:6px solid #15151d;border-radius:28px;width:180px;height:330px;padding:32px 20px;position:absolute;bottom:-30px;left:16%;box-shadow:0 25px 45px #0003}.shop-phone small{font-weight:950}.shop-phone>div{background:linear-gradient(145deg,#ff805f,#ffc574);border-radius:70px 70px 15px 15px;height:120px;margin:17px 0}.shop-phone>b{font-size:20px;line-height:1.05}.shop-phone>span{margin-top:10px;font-size:8px;font-weight:950;display:block}.shop-copy{color:#8a8995;font-size:10px;position:absolute;top:70px;right:14%}.shop-copy b{color:#171720;margin-top:13px;font-size:28px;line-height:1.05;display:block}.canvas-three{background:#b8c7ff;place-items:center;display:grid}.dash{background:#f8f8fc;border-radius:12px;grid-template-columns:50px 1fr;width:82%;height:78%;display:grid;overflow:hidden;box-shadow:0 22px 40px #1b1e3733}.dash aside{background:#181821;flex-direction:column;align-items:center;gap:19px;padding-top:18px;display:flex}.dash aside b{background:var(--violet);border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.dash aside i{background:#51515d;border-radius:3px;width:15px;height:4px}.dash section{color:#171720;padding:24px}.dash section>small{color:#8c8c98;font-size:6px}.dash h4{margin:5px 0 20px;font-size:15px}.dash-stats{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.dash-stats i{background:#e7e7ee;border-radius:6px;height:46px}.dash-stats i:nth-child(2){background:#e0dcff}.dash-chart{background:#fff;border-radius:7px;align-items:end;gap:8px;height:96px;margin-top:10px;padding:13px;display:flex}.dash-chart span{background:#7564f5;border-radius:3px 3px 0 0;flex:1;height:45%}.dash-chart span:nth-child(2){height:70%}.dash-chart span:nth-child(3){height:52%}.dash-chart span:nth-child(4){height:85%}.dash-chart span:nth-child(5){height:64%}.dash-chart span:nth-child(6){height:90%}.sample-note{color:#696978;margin:15px 2px 0;font-size:9px}.portfolio-preview{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.process{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.process-intro h2{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(40px,4.6vw,58px);line-height:1.12}.process-intro p{max-width:410px;color:var(--muted);margin:21px 0;font-size:13px;line-height:1.9}.process-intro a{color:var(--violet);gap:14px;margin-top:10px;font-size:11px;font-weight:950;display:inline-flex}.process-list{border-top:1px solid var(--line)}.process-row{border-bottom:1px solid var(--line);grid-template-columns:45px 130px 1fr;align-items:start;gap:20px;padding:28px 5px;display:grid}.process-row>span{color:var(--violet);font-size:9px;font-weight:950}.process-row h3{margin:0;font-size:17px}.process-row p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.request-wrap{color:#fff;background:linear-gradient(135deg,#181824,#101019);padding-block:115px}.request-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:95px;display:grid}.request-copy h2{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(48px,5.5vw,70px);line-height:1.05}.request-copy>p{color:#a2a2b0;max-width:420px;margin:23px 0 0;font-size:13px;line-height:2}.request-points{color:#c0bfcc;gap:10px;margin-top:33px;font-size:10px;font-weight:800;display:grid}.request-points span:first-letter{color:#938aff}.request-form{background:#20202b;border:1px solid #343441;border-radius:18px;gap:15px;padding:35px;display:grid;box-shadow:0 25px 55px #0003}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.request-form label{gap:7px;display:grid}.request-form label>span{color:#d8d8e0;font-size:10px;font-weight:900}.request-form input,.request-form textarea,.request-form select{color:#fff;background:#171720;border:1px solid #3e3e4a;border-radius:9px;outline:none;width:100%;padding:13px 14px;font:600 12px inherit}.request-form select{appearance:auto}.request-form textarea{resize:vertical}.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:#7768f7;box-shadow:0 0 0 3px #6755f521}.request-form input::placeholder,.request-form textarea::placeholder{color:#6d6d7b}.request-form button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:22px;padding:15px;font:950 12px inherit;transition:all .2s;display:flex}.request-form button:hover{background:#7565ff;transform:translateY(-1px)}.request-form>small{text-align:center;color:#747482;font-size:8px}.footer{color:#737380;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:115px;font-size:10px;display:grid}.footer p{text-align:center}.footer>a{text-align:left;font-weight:900}.footer>a:hover{color:var(--violet)}@media (max-width:800px){.shell{width:min(100% - 30px,1180px)}.nav{height:72px}.nav-links{display:none}.nav-cta{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr;gap:48px;padding-block:55px 75px}.hero h1{font-size:65px}.hero-copy>p{font-size:15px}.hero-stage{height:430px}.hero-actions{flex-direction:column}.hero-meta{flex-wrap:wrap}.statement{padding-block:80px}.section-space{padding-block:82px}.solutions-grid{grid-template-columns:1fr}.solution:nth-child(odd){border-left:0}.solution{min-height:auto;padding-inline:5px}.solution h3{margin-top:30px}.work-head{grid-template-columns:1fr;gap:23px}.published-grid{grid-template-columns:1fr;margin-top:40px}.published-card{min-height:240px}.concept-head{flex-direction:column;align-items:start;gap:9px;margin-top:55px}.work-grid{grid-template-columns:1fr}.work-one{grid-column:auto}.work-one .work-canvas,.work-two .work-canvas,.work-three .work-canvas{height:330px}.canvas-browser{width:88%;padding:30px 23px}.canvas-browser h3{margin-top:40px;font-size:29px}.process{grid-template-columns:1fr;gap:52px}.process-row{grid-template-columns:35px 110px 1fr}.request-grid{grid-template-columns:1fr;gap:50px}.footer{text-align:center;grid-template-columns:1fr;gap:13px;padding-block:28px}.footer p,.footer>a{text-align:center;margin:0}}@media (max-width:440px){.hero h1{font-size:54px}.logo{font-size:12px}.logo-mark{width:33px;height:33px}.hero-stage{border-radius:20px;height:355px}.main-screen{width:84%;height:290px;top:42px;left:5%}.mini-copy{padding:35px 6px 24px}.mini-copy strong{font-size:21px}.phone-screen{width:100px;height:210px;bottom:20px;right:3%}.project-badge{display:none}.statement-inner h2{font-size:36px}.work-one .work-canvas{height:270px}.work-two .work-canvas,.work-three .work-canvas{height:290px}.canvas-browser h3{font-size:24px}.canvas-browser>div{margin-top:36px}.shop-phone{left:8%}.shop-copy{right:6%}.dash{width:92%}.process-row{grid-template-columns:28px 1fr}.process-row p{grid-column:2}.field-row{grid-template-columns:1fr}.request-form{padding:23px 16px}.request-copy h2{font-size:48px}.footer .logo{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero-copy>p{color:#50505f;max-width:590px;font-size:18px;font-weight:650;line-height:1.9}.button-light{color:var(--ink);white-space:nowrap;background:#fff}.button-light:hover{background:#eeeaff;transform:translateY(-2px)}.hero-meta{color:#777785;font-weight:850}.promise-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.promise-grid{grid-template-columns:repeat(3,1fr);display:grid}.promise-grid>div{align-items:center;gap:17px;min-height:116px;padding:22px 28px;display:flex}.promise-grid>div+div{border-right:1px solid var(--line)}.promise-grid b{color:var(--violet);font-size:10px}.promise-grid span{gap:5px;display:grid}.promise-grid strong{font-size:13px}.promise-grid small{color:var(--muted);font-size:10px;line-height:1.6}.statement-inner p{max-width:620px}.section-subtitle{max-width:500px;color:var(--muted);margin:17px 0 0;font-size:13px;line-height:1.9}.portfolio-cta{background:linear-gradient(110deg,#6755f53d,#6755f50f);border:1px solid #403a78;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:25px 28px;display:flex}.portfolio-cta small{color:#aaa2ff;font-size:9px;font-weight:900}.portfolio-cta h3{max-width:680px;margin:7px 0 0;font-size:18px;line-height:1.55}@media (max-width:800px){.hero-copy>p{font-size:15px}.promise-grid{grid-template-columns:1fr}.promise-grid>div{min-height:92px;padding-inline:4px}.promise-grid>div+div{border-right:0;border-top:1px solid var(--line)}.portfolio-cta{flex-direction:column;align-items:stretch;padding:22px}.portfolio-cta .button{width:100%}}.form-status{border-radius:9px;margin:0;padding:12px 14px;font-size:11px;font-weight:850;line-height:1.7}.form-status.success{color:#aef0ca;background:#5bd6971a;border:1px solid #5bd69759}.form-status.error{color:#ffb0b0;background:#ff797914;border:1px solid #ff797959}.hp-field{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important}