:root{--ink:#282b2b;--orange:#f47721;--paper:#faf9f6;--muted:#71736f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.container{max-width:1240px;padding-left:30px;padding-right:30px}.orange{color:var(--orange)}header{background:#faf9f6f5;border-bottom:1px solid #e6e5df;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.navwrap{display:flex;align-items:center;justify-content:space-between;height:100px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-1.2px;line-height:1.2}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:500;margin-top:5px}.brandmark{font-size:50px;letter-spacing:-8px;position:relative;line-height:1;margin-right:8px}.brandmark>span{color:var(--orange)}.brandmark i{position:absolute;color:white;font-size:17px;letter-spacing:2px;left:9px;top:18px;font-style:normal}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.btn-dark-custom{background:var(--ink);color:white;padding:12px 21px;border-radius:5px}.btn-dark-custom span{margin-left:15px}.menu{display:none}.hero{padding-top:83px;padding-bottom:75px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:block;margin-bottom:24px}.eyebrow b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}h1{font-size:clamp(55px,6.5vw,87px);font-weight:600;letter-spacing:-5px;line-height:1.03;margin-bottom:27px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-4px}.leadcopy{max-width:465px;font-size:16px;color:#686b66;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:31px}.btn-orange{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--orange);color:#fff;padding:15px 22px;border:none;border-radius:4px;font-size:13px;font-weight:600;transition:.2s}.btn-orange:hover{background:#d95f0e;transform:translateY(-2px);color:white}.textlink{font-size:12px;font-weight:600}.textlink span{margin-left:9px}.hero-foot{display:flex;gap:30px;font-size:8px;letter-spacing:1.6px;margin-top:45px;color:var(--muted)}.visual{height:500px;background:#efeee7;border:1px solid #e5e3da;border-radius:12px;position:relative;overflow:hidden}.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px}.visual-top{top:23px}.visual-top>span:last-child{font-size:17px}.visual-bottom{bottom:21px}.orbit{position:absolute;width:365px;height:365px;background:#f47721;border-radius:50%;right:-145px;top:55px}.browser-art{position:absolute;left:24px;top:93px;width:340px;background:var(--ink);color:white;border-radius:8px;transform:rotate(-5deg);box-shadow:0 24px 35px #292b2b23}.browser-bar{height:30px;border-bottom:1px solid #ffffff20;display:flex;gap:4px;align-items:center;padding:0 12px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#858780}.browser-bar span{font-size:6px;margin-left:25px;color:#d0d1c8}.art-content{padding:23px}.tinylabel{font-size:5px;letter-spacing:1.5px;color:#c3c4bb}.art-content h3{font-size:31px;line-height:1.1;letter-spacing:-1px;margin-top:13px}.art-content h3 span{color:var(--orange)}.art-line{width:80px;height:3px;background:#777b72;margin-top:16px}.art-grid{display:flex;gap:7px;margin-top:18px}.art-grid div{height:47px;width:65px;background:#575e50;border-radius:3px}.art-grid div:nth-child(2){background:#c6c9b7}.art-grid div:nth-child(3){background:#edb688}.art-cta{font-size:6px;display:block;margin-top:15px}.phone-art{position:absolute;right:22px;top:177px;width:134px;height:253px;border:5px solid #202323;background:#fbf7ed;border-radius:23px;transform:rotate(9deg);box-shadow:0 20px 30px #0002;padding:23px 12px 10px}.phone-notch{position:absolute;top:5px;left:40px;width:44px;height:7px;background:#202323;border-radius:5px}.phone-logo{font-size:23px;font-weight:bold;letter-spacing:-2px}.phone-logo span{color:var(--orange)}.phone-art small{display:block;font-size:10px;line-height:1.2;font-weight:bold;margin-top:10px}.phone-block{height:48px;background:#f47721;border-radius:8px 8px 30px 8px;margin-top:13px}.phone-lines{height:15px;background:repeating-linear-gradient(#c3c4bb 0 2px,transparent 2px 6px);margin-top:9px;width:75%}.phone-button{display:block;font-size:7px;background:var(--ink);color:white;border-radius:5px;margin-top:10px;padding:7px}.code-tag{position:absolute;top:56px;left:60px;background:white;padding:9px 13px;font-size:11px;font-family:monospace;transform:rotate(4deg);box-shadow:0 4px 20px #0001}.code-tag span{color:#b85b1d}.capability-strip{border-block:1px solid #deded5;padding:23px 0;overflow:hidden;font-size:12px;letter-spacing:1.7px;white-space:nowrap}.capability-strip .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.capability-strip b{font-size:23px;color:var(--orange)}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:45px;letter-spacing:-2px;font-weight:500;line-height:1.13;margin:0}h2 span{color:#8b8d85}.section-head>p{max-width:340px;font-size:14px;color:var(--muted);margin:0 0 3px}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddded5;gap:15px}.service-tab{background:none;border:0;border-bottom:3px solid transparent;padding:20px 0;text-align:left;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.service-tab small{font-size:8px;color:#888}.service-tab span{margin-left:auto}.service-tab.active{border-color:var(--orange);color:#c3560e}.service-panel{display:none;padding-top:40px}.service-panel.active{display:block}.outline-number{font-size:52px;color:#bcbfb3;line-height:1}.service-panel h3{font-size:27px;letter-spacing:-1px;line-height:1.25;margin-top:18px}.service-panel p{font-size:13px;color:var(--muted)}.service-detail h4{font-size:15px;letter-spacing:-.2px}.service-detail h4 span{color:var(--orange);margin-right:10px}.service-detail p{padding-left:24px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{border:1px solid #dedfd5;border-radius:4px;padding:5px 10px;font-size:10px}.work-section{background:#efefe9}.work-section .section{padding-top:85px;padding-bottom:60px}.project-art{height:325px;border-radius:6px;overflow:hidden;position:relative}.commerce{background:#dedbcf;padding:25px 28px}.mini-nav{font-size:17px;letter-spacing:3px;border-bottom:1px solid #aaa89c;padding-bottom:15px}.mini-nav span{float:right;font-size:6px;letter-spacing:1px;margin-top:8px}.shop-layout{display:flex;align-items:center;justify-content:space-between;padding-top:40px}.shop-layout small{font-size:6px;letter-spacing:1.4px}.shop-layout h3{font-family:Georgia,serif;font-size:35px;line-height:1.05;margin-top:12px}.shop-layout span{font-size:7px;border-bottom:1px solid #333;padding-bottom:5px}.vase{width:115px;height:150px;border-radius:35% 35% 30% 30%;background:linear-gradient(90deg,#aaa287,#e4d9be 48%,#b1a88f);position:relative;margin:10px 32px 0 10px;box-shadow:10px 18px 15px #8b856e30}.vase i{position:absolute;background:#91866c;height:17px;border-radius:50%;width:60px;left:28px;top:-3px}.appconcept{background:#f1b789;padding:25px}.app-caption{font-size:7px;letter-spacing:2px}.focusphone{background:#f8f8ed;width:180px;position:absolute;left:50%;transform:translateX(-50%) rotate(-7deg);top:58px;padding:27px 20px;border:5px solid #3f4b3b;border-radius:27px;height:300px;box-shadow:10px 20px 20px #3332}.focusphone>small{font-size:7px}.focusphone h3{font-size:22px;line-height:1.1;margin-top:9px}.focuscircle{border:1px solid #a9b09c;border-radius:50%;width:105px;height:105px;text-align:center;padding-top:23px;font-size:23px;margin:15px auto}.focuscircle small{display:block;font-size:4px;letter-spacing:.5px}.focusbtn{font-size:7px;background:#3f4b3b;color:white;border-radius:5px;padding:8px;text-align:center}.app-side{position:absolute;right:15px;top:130px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-info small{font-size:8px;letter-spacing:1px;color:#777}.project-info h3{font-size:20px;letter-spacing:-.5px;margin-top:7px}.project-info>span{border:1px solid #bbbfb0;border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px}.concept-note{font-size:10px;color:#777;margin-top:28px}.process{margin-top:60px}.process>div{border-top:1px solid #d4d6cc;padding-top:22px}.process span{font-size:9px;letter-spacing:1px;color:#b95b1c}.process h3{font-size:19px;letter-spacing:-.6px;margin-top:22px}.process p{font-size:12px;color:#777;line-height:1.8}.about-section{background:var(--ink);color:white;padding:75px 0}.about-section h2{font-size:35px;margin-bottom:25px}.about-section p{font-size:14px;color:#babcaf;max-width:550px}.about-section .eyebrow{color:#ffa366}.brand-display{background:white;border-radius:6px;max-width:340px;padding:25px;margin:auto}.brand-display img{width:100%;height:auto}.principles{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px;color:#e7e7df;margin-top:28px}.principles span::first-letter{color:var(--orange)}.faq details{border-bottom:1px solid #deded5;padding:20px 0}.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:25px}.faq summary:after{content:'+';position:absolute;right:0;color:var(--orange);font-size:20px;top:-7px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding-top:15px;margin-bottom:0}.contact-section{background:#eeeee6;padding:85px 0}.contact-section h2{font-size:57px;letter-spacing:-3px}.contact-section h2 em{letter-spacing:-2px}.contact-section p{color:var(--muted);font-size:13px;max-width:360px;margin-top:25px}.contact-note{font-family:Georgia,serif;font-style:italic;font-size:20px;display:block;margin-top:40px}form{max-width:490px;margin-left:auto}form label{font-size:11px;font-weight:600;display:block;margin-top:18px}form input,form select,form textarea{display:block;width:100%;border:0;border-bottom:1px solid #c7c9bd;border-radius:0;background:transparent;padding:9px 0 12px;color:var(--ink);font-size:13px;outline-offset:3px}form textarea{resize:vertical}form .btn-orange{margin-top:23px;width:100%}.contact-section .form-note{font-size:10px;max-width:none;margin-top:12px}#form-status{font-size:12px;color:#35683a}footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding-top:35px!important;padding-bottom:35px!important;font-size:10px}.footer-name{font-size:22px;font-weight:bold;letter-spacing:-1px}.footer-name span{color:var(--orange)}footer>span{letter-spacing:1.5px;font-size:8px}footer>a:nth-last-child(2){margin-left:auto}footer small{width:100%;color:#888;font-size:9px}.skip{position:absolute;top:-70px;background:white;padding:10px;z-index:99}.skip:focus{top:0}@media(max-width:991px){.hero{padding-top:50px}.visual{max-width:500px;margin:auto}.section{padding-block:65px}nav{gap:20px}h1{letter-spacing:-3px}.section-head{gap:25px}h2{font-size:37px}.service-tab{font-size:11px}.contact-section h2{font-size:48px}form{margin-left:0;max-width:none}}@media(max-width:640px){.container{padding-inline:22px}.navwrap{height:78px}.brand{font-size:20px}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}nav.open{display:flex}h1{font-size:59px;letter-spacing:-3.5px}.hero{padding-block:45px}.leadcopy{font-size:14px}.actions{gap:18px;align-items:start;flex-direction:column}.hero-foot{gap:15px;font-size:7px}.visual{height:450px}.browser-art{width:285px;left:17px;top:95px}.phone-art{right:17px;top:170px}.art-content h3{font-size:27px}.visual-bottom{font-size:6px}.capability-strip{font-size:9px}.capability-strip .container{justify-content:start;gap:20px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px}.section-head h2,h2{font-size:35px}.eyebrow{font-size:8px;letter-spacing:1.6px}.service-tabs{grid-template-columns:1fr 1fr;gap:0 20px}.service-tab{padding-block:15px}.service-panel{padding-top:25px}.project-art{height:300px}.commerce{padding:20px}.shop-layout h3{font-size:28px}.vase{width:90px;height:130px;margin-right:5px}.vase i{width:50px;left:20px}.mini-nav span{font-size:5px}.project-info h3{font-size:18px}.process{margin-top:30px}.about-section{padding-block:55px}.about-section h2{font-size:31px}.principles{font-size:10px}.contact-section{padding-block:55px}.contact-section h2{font-size:45px}.contact-note{margin-top:20px}footer{gap:15px}footer>a:nth-last-child(2){margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Soft sculpted surfaces — Naveed Tech, second design direction */
:root{--paper:#e9e9e6;--ink:#292d2d;--muted:#626865;--neo-raised:9px 9px 22px #c9cac6,-9px -9px 22px #fffffff0;--neo-inset:inset 5px 5px 11px #caccC6,inset -5px -5px 11px #ffffff}body{background:var(--paper)}header{position:sticky;top:16px;background:var(--paper);border:1px solid #ffffff65;border-radius:80px;max-width:1240px;width:calc(100% - 48px);margin:16px auto 0;box-shadow:8px 8px 20px #c3c5be,-8px -8px 20px #ffffffc9;backdrop-filter:none}.navwrap{height:79px;padding-inline:28px}.brand img{height:65px!important;width:105px!important}nav{gap:6px;background:var(--paper);padding:6px;border-radius:50px;box-shadow:var(--neo-inset)}nav>a{padding:10px 16px;border-radius:25px;font-size:11px}nav>a:hover{background:var(--paper);box-shadow:4px 4px 9px #c6c8c1,-4px -4px 9px #fff}.btn-dark-custom{margin-left:12px;padding:12px 20px;box-shadow:4px 4px 10px #b9bcb4,-4px -4px 10px #fff}.hero{padding-top:95px;padding-bottom:85px}h1{font-size:clamp(47px,5.4vw,73px);letter-spacing:-4.2px;line-height:1.08;font-weight:550}h1 em{font-size:1.06em;letter-spacing:-3px}.leadcopy{max-width:460px}.btn-orange{border-radius:35px;box-shadow:5px 5px 13px #bfc0b9,-5px -5px 13px #ffffffa8;padding:17px 25px}.btn-orange:hover{box-shadow:3px 3px 7px #c4c5bf,-3px -3px 7px white}.visual{background:var(--paper);border:1px solid #ffffff8a;box-shadow:var(--neo-raised);border-radius:38px;height:510px}.orbit{background:var(--paper);box-shadow:var(--neo-inset);right:-100px;top:65px;width:360px;height:360px;border:1px solid #ffffff70}.browser-art{transform:rotate(-6deg);box-shadow:18px 24px 28px #858b8150;border:4px solid #edeDE7;border-radius:14px;left:25px;top:100px}.phone-art{box-shadow:12px 18px 22px #858b8160;right:20px;top:185px}.code-tag{background:var(--paper);border-radius:20px;box-shadow:6px 6px 13px #c8cac3,-6px -6px 13px #fff;top:49px;left:50px}.visual-top,.visual-bottom{left:29px;right:29px}.capability-strip{border:0;padding:22px 0}.capability-strip>.container{border-radius:70px;padding:21px 35px;box-shadow:var(--neo-inset);max-width:1180px;font-size:10px;letter-spacing:1.4px}.section-head{margin-bottom:45px}h2{font-weight:500}.service-tabs{padding:8px;border:0;box-shadow:var(--neo-inset);border-radius:24px;gap:10px}.service-tab{padding:18px 20px;border:0;border-radius:18px;transition:box-shadow .2s}.service-tab.active{background:var(--paper);box-shadow:5px 5px 11px #c7c9c2,-5px -5px 11px #fff;color:#ab4b0d}.service-panel{padding:38px;margin-top:28px;border-radius:30px;border:1px solid #ffffff70;box-shadow:var(--neo-raised)}.service-detail{padding-top:10px}.service-detail h4{font-size:16px}.outline-number{font-family:Georgia,serif;color:#9cA298}.tags span{border:0;box-shadow:inset 2px 2px 5px #cbd0c5,inset -2px -2px 5px white;border-radius:20px;padding:7px 13px}.work-section{background:transparent}.work-section .section{padding-top:40px}.work-card{padding:18px;background:var(--paper);border:1px solid #ffffff65;border-radius:28px;box-shadow:var(--neo-raised);height:100%}.project-art{border-radius:17px}.project-info{padding-inline:7px;padding-bottom:8px}.project-info>span{border:0;box-shadow:4px 4px 8px #c7c9c1,-4px -4px 8px #fff}.process>div{border:0;padding:25px}.process{background:var(--paper);border-radius:30px;box-shadow:var(--neo-inset);margin-inline:0}.process>div+div{border-left:1px solid #ced1c7}.about-section{background:var(--paper);color:var(--ink);padding-block:60px;border-block:1px solid #ffffff80}.about-section p{color:var(--muted)}.about-section .eyebrow{color:#b65b1a}.brand-display{background:var(--paper);padding:30px;border-radius:35px;box-shadow:var(--neo-raised);border:1px solid #ffffff80}.brand-display img{mix-blend-mode:multiply}.principles{color:#525a50}.feedback-section{position:relative;overflow:hidden;padding-bottom:75px}.feedback-section:before,.feedback-section:after{content:'{';font-family:Georgia,serif;font-size:400px;line-height:1;color:#d9dcd5;position:absolute;top:130px;left:-15px;pointer-events:none}.feedback-section:after{content:'}';left:auto;right:-15px}.feedback-heading{text-align:center;position:relative;z-index:1}.feedback-heading h2{font-size:44px}.feedback-heading h2 em{letter-spacing:-1.8px;font-size:1.08em}.feedback-heading>p{font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-top:25px;color:#666d63}.feedback-stage{position:relative;z-index:1;max-width:900px;margin:40px auto 0;text-align:center;padding:42px 65px;border-radius:40px;background:var(--paper);border:1px solid #ffffff80;box-shadow:var(--neo-raised)}.feedback-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 25px;padding:15px;box-shadow:7px 7px 15px #c7cac1,-7px -7px 15px #fff;border:5px solid #ededeb}.feedback-avatar svg{width:100%;fill:#959e8f}.review-placeholder{font-size:8px;letter-spacing:1.8px;color:#767e70}.quote-mark{display:block;height:52px;font-size:80px;font-family:Georgia,serif;color:var(--orange);line-height:1;margin-top:22px}blockquote{font-size:23px;font-weight:400;line-height:1.65;letter-spacing:-.5px;margin:15px auto 25px;max-width:700px;min-height:115px}.review-name{font-size:13px;font-weight:600;margin-bottom:2px}.review-service{font-size:10px;color:#777f70}.review-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:27px}.review-arrow{border:0;background:var(--paper);width:38px;height:38px;border-radius:50%;box-shadow:4px 4px 9px #c7cac1,-4px -4px 9px #fff}.review-dots{display:flex;gap:10px}.review-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b6bcb0;box-shadow:inset 1px 1px 2px #999}.review-dots button.selected{background:var(--orange);box-shadow:0 0 0 4px #f4772118}.review-disclosure{font-size:9px;color:#777f70;margin:25px 0 0}.faq details{border:0;border-radius:18px;margin-bottom:16px;padding:22px 25px;box-shadow:5px 5px 13px #c9ccc3,-5px -5px 13px #fff}.faq details[open]{box-shadow:var(--neo-inset)}.contact-section{background:var(--paper);border-top:1px solid #ffffffb0}.contact-section form{padding:30px;border-radius:30px;box-shadow:var(--neo-raised);border:1px solid #ffffff70}form input,form select,form textarea{border:0;border-radius:13px;box-shadow:var(--neo-inset);padding:13px 15px;margin-top:8px}form label:first-child{margin-top:0}form label{margin-top:20px}.contact-section h2{font-size:54px}.form-note{line-height:1.6}footer{border-top:1px solid #d2d5cb}.concept-note{padding-top:7px}@media(max-width:1100px){nav>a{padding:10px;font-size:10px}.service-tab{padding:16px 12px;font-size:11px}.hero h1{font-size:60px}}@media(max-width:991px){header{width:calc(100% - 30px)}.hero{padding-top:65px}.hero h1{font-size:67px}.service-panel{padding:27px}.feedback-stage{padding:35px}.visual{margin-top:10px}.process>div:nth-child(3){border-left:0}}@media(max-width:640px){header{top:10px;margin-top:10px;border-radius:30px}.navwrap{height:70px;padding-inline:20px}.brand img{height:58px!important;width:90px!important}nav{top:80px;left:0;right:0;padding:20px;box-shadow:var(--neo-raised);border-radius:22px;background:var(--paper)}nav>a{font-size:13px;padding:13px}.btn-dark-custom{margin-left:0}.menu{width:40px;height:40px;border-radius:50%;font-size:18px;box-shadow:4px 4px 8px #c7cac1,-4px -4px 8px #fff}.hero{padding-top:50px;padding-bottom:50px}.hero h1{font-size:44px;letter-spacing:-2.6px}.hero h1 em{letter-spacing:-2px}.visual{height:455px;border-radius:28px}.browser-art{width:275px;left:13px}.code-tag{left:25px}.phone-art{right:15px}.capability-strip .container{border-radius:0;font-size:8px;padding:20px 25px;overflow:hidden}.service-tabs{border-radius:20px;gap:7px}.service-tab{font-size:10px;padding:14px 10px}.service-panel{padding:23px;border-radius:23px}.work-card{padding:13px;border-radius:22px}.process>div{border:0!important;padding:22px}.feedback-heading h2{font-size:34px}.feedback-stage{padding:30px 23px;border-radius:27px;margin-top:28px}.feedback-avatar{width:85px;height:85px}blockquote{font-size:18px;min-height:145px}.feedback-section:before,.feedback-section:after{font-size:250px}.review-disclosure{font-size:8px}.contact-section form{padding:23px}.contact-section h2{font-size:44px}.about-section h2{font-size:30px}h2{font-size:33px}}

.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}form [aria-invalid="true"]{outline:2px solid #a63422}form button:disabled{opacity:.6;cursor:wait}