500;600;700;800&display=swap');
:root{--ink:#20221f;--paper:#f5f4ef;--muted:#70736b;--lime:#dcf482}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #6b811f;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 52px}header{border-bottom:1px solid #d9dbd2}nav{height:96px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:26px;font-weight:800;letter-spacing:-2px}.logo span{color:#819944}nav .links{display:flex;align-items:center;gap:34px;font-size:12px}.contact-link{border:1px solid #b9bcb1;border-radius:30px;padding:13px 20px}.hero{padding:70px 0 64px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.status{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#819944}.hero h1{font-size:clamp(46px,6.3vw,82px);font-weight:500;line-height:1.19;letter-spacing:-5px;margin:33px 0 25px;max-width:980px}.hero h1 em{font-style:normal;color:#7c8870}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero p{color:var(--muted);line-height:1.9;max-width:510px;font-size:14px}.primary{display:inline-flex;gap:36px;align-items:center;background:var(--ink);color:white;border-radius:40px;padding:19px 26px;font-size:12px}.star{position:absolute;right:25px;top:92px;color:#9caa80;font-size:100px;transform:rotate(15deg);font-weight:400}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4d6cd;padding:24px 0 32px}.section-top h2{font-size:13px;font-weight:500;margin:0}.section-top small{color:var(--muted);font-size:10px;letter-spacing:1px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 26px}.project{border:0;padding:0;text-align:left;background:none;color:inherit;min-width:0}.art{height:340px;border-radius:13px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .35s}.project:hover .art{transform:translateY(-5px)}.sage{background:#dbe2d0}.lavender{background:#e5e0ef}.peach{background:#ebd9c9}.blue{background:#dbe5e9}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.project-meta h3{font-size:18px;font-weight:500;margin:0 0 8px}.project-meta p{font-size:10px;color:var(--muted);margin:0}.arrow{border:1px solid #c9cdc0;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:17px}.phone{width:154px;height:290px;background:#fafbf8;border:6px solid #29332b;border-radius:27px;box-shadow:15px 22px 40px #33452b26;transform:rotate(-10deg);padding:17px 10px;font-size:8px}.phone.second{transform:rotate(9deg) translate(12px,35px);background:#f6f9f0}.notch{width:40px;height:7px;background:#29332b;border-radius:8px;margin:-13px auto 15px}.phone h4{font-size:15px;margin:14px 0 10px}.balance{background:#2e4433;color:#fff;padding:15px 10px;border-radius:12px}.balance strong{font-size:20px;display:block;margin-top:14px}.phone-row{display:flex;gap:5px;margin:14px 0}.phone-row i{font-style:normal;border-radius:50%;background:#e6eddd;padding:9px}.minirow{display:flex;justify-content:space-between;border-bottom:1px solid #e1e5db;padding:11px 0}.bars{display:flex;align-items:end;gap:8px;height:115px;margin-top:15px}.bars i{background:#9ab269;flex:1;border-radius:5px 5px 0 0}.screen{background:#fff;width:84%;height:250px;box-shadow:0 20px 40px #30214a1a;border-radius:9px;transform:rotate(-4deg);overflow:hidden;font-size:8px}.screen-nav{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.screen-body{padding:20px}.screen-body h4{font-size:22px;font-weight:500;margin:3px 0 15px}.course{display:flex;gap:12px}.course-card{flex:1;background:#f2eef8;border-radius:7px;padding:13px;height:130px}.orb{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e9ccff,#8c6ed6 75%);margin:5px auto 15px}.orange{background:radial-gradient(circle at 30% 25%,#ffdd8b,#d7824e 75%)}.shop{background:#faf6ee;transform:rotate(4deg)}.shop-content{display:flex;gap:20px;padding:23px}.vase{height:150px;width:100px;background:linear-gradient(95deg,#8d6346,#c69b76 45%,#9d7456);border-radius:35% 35% 43% 43%;margin:auto;box-shadow:12px 12px 15px #9f795223}.shop-content h4{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:17px 0}.shop-content p{line-height:1.8;color:#777}.dash{transform:rotate(-3deg)}.dash-body{display:flex;height:100%}.sidebar{width:65px;background:#f3f6f7;padding:17px 10px;line-height:3;color:#66797d}.dashboard{padding:20px;flex:1}.dashboard h4{font-size:17px;margin:0 0 12px}.metrics{display:flex;gap:7px}.metrics div{background:#eef4f5;padding:11px;flex:1;border-radius:5px}.metrics strong{display:block;font-size:17px;margin-top:6px}.chart{height:85px;display:flex;align-items:end;gap:10px;margin-top:17px;border-bottom:1px solid #ccc}.chart i{flex:1;background:#769d9b;border-radius:3px 3px 0 0}.about{margin-top:80px;padding-bottom:65px}.about-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.about h3{font-size:38px;letter-spacing:-1.6px;font-weight:500;line-height:1.35;margin:8px 0 25px}.about p{line-height:1.95;color:var(--muted);margin-top:8px}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.skills span{border:1px solid #d2d5c9;border-radius:30px;padding:10px 14px;font-size:10px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.process b{font-size:10px;color:#84916e}.process h4{font-weight:500;margin:13px 0}.process p{font-size:11px;line-height:1.8}.cta{background:var(--lime);padding:47px;border-radius:15px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:40px;letter-spacing:-1.8px;line-height:1.3;font-weight:500;margin:13px 0}.cta p{font-size:12px;line-height:1.8;max-width:430px}.cta button{border:0;white-space:nowrap}footer{border-top:1px solid #d4d6cd;padding:25px 0 32px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:20px;max-width:700px;width:calc(100% - 36px);padding:38px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1d241db3;backdrop-filter:blur(5px)}dialog h2{font-size:30px;letter-spacing:-1px}dialog p{line-height:1.9;color:#676d60}dialog h3{font-size:15px}dialog .close{float:right;border:1px solid #ccc;background:none;border-radius:50%;width:35px;height:35px}dialog .tag{font-size:10px;letter-spacing:1px;color:#73805c}body:has(dialog[open]){overflow:hidden}.demo-note{font-size:10px!important;color:#787d70!important}.wide{grid-column:1/-1}
@media(max-width:760px){.wrap{padding:0 22px}nav{height:75px}nav .links{gap:18px}.contact-link{display:none}.hero{padding:45px 0}.hero h1{letter-spacing:-2.8px;font-size:48px}.star{display:none}.hero-bottom{align-items:start;flex-direction:column;gap:15px}.hero p{font-size:12px}.grid{grid-template-columns:1fr;gap:30px}.art{height:325px}.section-top small{font-size:8px}.about{margin-top:55px}.about-grid{grid-template-columns:1fr;gap:10px}.about h3{font-size:31px}.process{gap:16px}.cta{padding:30px 24px;flex-direction:column;align-items:start}.cta h2{font-size:32px}footer{gap:20px;font-size:9px}.screen{max-width:420px}.project-meta h3{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art{transition:none}}
/* Visual direction inspired by Orbix: light surfaces, rounded controls, oversized product demos. */
:root{--ink:#141516;--paper:#f2f3f5;--muted:#65666a;--lime:#ff654f;--accent:#ff654f}body{font-size:14px;letter-spacing:-.3px}::selection{background:#ffc3b8;color:#111}.wrap{max-width:1440px;padding:0 44px}header{border:0;background:var(--paper)}nav{height:94px}.logo{display:flex;gap:8px;align-items:center;font-size:27px;letter-spacing:-1.6px}.logo .brand-mark{font-size:40px;color:#161718;margin-right:5px}.brand-serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-1.6px;color:#171818!important;margin-left:-4px}.logo sup{font-size:10px;align-self:flex-start;margin-top:10px;letter-spacing:0}nav .links{gap:35px;font-size:12px}.contact-link,.primary{border:0;background:#111;color:white;box-shadow:0 8px 8px -7px #0009,0 20px 28px -18px #0008;border-radius:100px;padding:16px 23px}.contact-link{min-width:123px;text-align:center}.hero{padding:60px 0 30px;display:grid;grid-template-columns:1.2fr 1fr;min-height:660px;align-items:center;gap:30px;overflow:hidden}.hero h1{font-size:clamp(44px,5vw,74px);font-weight:500;letter-spacing:-4.2px;line-height:1.19;margin:25px 0;position:relative;z-index:1}.hero h1 em{color:var(--ink)}.hero p{font-size:15px;max-width:510px;line-height:1.8;color:#626469}.eyebrow{font-size:10px;letter-spacing:1.3px}.dot{background:var(--accent);box-shadow:0 0 0 4px #ff654f16}.hero-actions{display:flex;gap:14px;margin-top:31px;align-items:center}.primary{font-size:12px;gap:30px;padding:17px 25px;transition:transform .2s,box-shadow .2s}.primary:hover,.contact-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px #0008}.secondary{display:inline-flex;align-items:center;gap:24px;padding:17px 23px;border-radius:40px;background:white;font-size:12px;box-shadow:0 12px 22px -15px #b6b7be}.hero-caption{display:flex;align-items:center;gap:13px;margin-top:40px;font-size:10px;line-height:1.8;color:#727477}.hero-caption b{font-weight:400;color:#303134}.asterisk{font-size:34px;color:var(--accent)}.hero-visual{position:relative;min-height:580px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #dfe1e6;border-radius:50%;width:510px;height:510px;z-index:-1}.orbit-two{width:640px;height:640px}.device{width:290px;height:558px;border:7px solid #17191c;background:#f8f9fb;border-radius:44px;box-shadow:2px 2px 0 1px #74767b,18px 30px 45px #292e3e24;transform:rotate(8deg);position:relative;padding:11px;overflow:hidden}.device:before{content:'';position:absolute;background:#161719;width:4px;height:65px;top:125px;right:-9px}.device-top{height:29px;position:relative;font-family:Arial,sans-serif;font-size:9px;display:flex;justify-content:space-between;padding:0 8px}.device-top i{position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:82px;height:24px;border-radius:22px;background:#151618}.device-content{padding:10px 5px}.app-head{display:flex;justify-content:space-between;align-items:center}.app-head strong{font-size:22px;letter-spacing:-1px}.app-head strong span{font-size:9px;vertical-align:top;margin-left:2px}.avatar{background:#e9dfd5;width:29px;height:29px;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#846a51}.device .app-greeting{font-size:8px;color:#999;margin:18px 0 5px;line-height:1}.device h2{font-size:24px;line-height:1.3;letter-spacing:-1.2px;margin:0;font-weight:500}.device h2 i{font-style:normal;color:#868b94}.app-tabs{display:flex;gap:17px;border-bottom:1px solid #e4e5e9;font-size:8px;color:#858992;margin:15px 0}.app-tabs span{padding:0 0 10px}.app-tabs .selected{color:#151618;border-bottom:2px solid #151618}.focus-card{background:#22262c;color:#fff;padding:15px;border-radius:16px}.focus-title{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#bbbfc5}.focus-body{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.focus-body strong{font-size:39px;letter-spacing:-1.5px}.focus-body strong span{font-size:15px;color:#9b9da2;letter-spacing:0}.focus-body p{font-size:7px;color:#9b9da2;margin:0}.progress-ring{width:66px;height:66px;border-radius:50%;background:conic-gradient(#ff745d 75%,#42464c 0);position:relative;display:grid;place-items:center;isolation:isolate}.progress-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#22262c;z-index:-1}.progress-ring span{font-size:17px}.progress-ring small{font-size:9px}.focus-bottom{border-top:1px solid #41444a;display:flex;justify-content:space-between;color:#bec2c8;font-size:7px;margin-top:12px;padding-top:12px}.focus-bottom span:last-child{color:#ff745d}.task-heading{display:flex;justify-content:space-between;font-size:10px;margin:18px 0 10px}.task-heading span{font-size:7px;color:#9498a0}.task-item{display:flex;align-items:center;gap:8px;border-radius:10px;background:white;padding:10px;margin-bottom:7px;font-size:7px}.task-item i{font-style:normal;background:#ffe9df;color:#d87d53;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-size:15px}.task-item i.lav{background:#eee9ff;color:#8d7fc2}.task-item b{font-size:8px;font-weight:500}.task-item p{font-size:6px;line-height:1;margin:6px 0 0;color:#a0a4ac}.task-item>span{margin-left:auto}.app-bottom{display:flex;justify-content:space-around;align-items:center;margin-top:13px;color:#9da1a9;font-size:18px}.app-bottom b{color:#202329}.app-add{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ff7058;color:white}.float-label{position:absolute;border-radius:50px;background:white;box-shadow:0 15px 24px #2430490e;padding:14px 18px;font-size:10px;z-index:2;white-space:nowrap}.label-top{top:60px;right:0;transform:rotate(8deg)}.label-bottom{bottom:43px;left:-8px;transform:rotate(-6deg);display:flex;align-items:center;gap:8px}.mini-dot{background:var(--accent);width:6px;height:6px;border-radius:50%}.expertise-strip{display:flex;gap:12px;justify-content:space-between;padding:34px 0 70px;flex-wrap:wrap}.expertise-strip span{background:white;border-radius:40px;padding:12px 20px;color:#555b61;font-size:12px;white-space:nowrap}.work-intro{padding:70px 0 35px;border-top:1px solid #dedfe1}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:16px}.section-heading h2,.showcase h2{font-size:44px;letter-spacing:-2.1px;font-weight:500;line-height:1.22;margin:0}.section-heading p{max-width:340px;color:#6a6b70;line-height:1.85;font-size:12px;margin:0 0 4px}.grid{gap:40px 24px}.art{height:390px;border-radius:18px;transition:transform .4s,box-shadow .4s}.project:hover .art{transform:translateY(-5px);box-shadow:0 15px 30px #15191e0d}.project-meta{margin-top:21px;align-items:start}.project-meta h3{font-size:19px;font-weight:500;letter-spacing:-.6px}.project-meta p{font-size:8px;letter-spacing:1px;color:#81848a}.arrow{background:white;border:none;width:42px;height:42px;transition:background .2s}.project:hover .arrow{background:#171819;color:white}.sage{background:#d9e0de}.lavender{background:#e3e2ec}.peach{background:#e9c7b0}.blue{background:#273638}.phone{box-shadow:20px 30px 45px #192b332b}.screen{width:85%;height:260px;box-shadow:14px 28px 32px #24333e26}.showcase{margin-top:95px}.showcase-header{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.showcase h2{margin-top:20px}.showcase-header>p{font-size:12px;color:#6b6e72;line-height:1.85;max-width:350px}.comparison{background:white;border:1px solid #e2e3e6;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 20px 50px #202b3c08}.browser-bar{height:37px;background:#25282d;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#90949b;font-family:Arial,sans-serif;font-size:9px}.traffic{display:flex;gap:5px}.traffic i{background:#fc685e;width:7px;height:7px;border-radius:50%}.traffic i:nth-child(2){background:#f8c45b}.traffic i:nth-child(3){background:#53c98b}.product-shell{display:flex;min-height:510px}.product-sidebar{width:175px;background:white;border-right:1px solid #eef0f3;display:flex;flex-direction:column;gap:8px;padding:25px 15px;font-size:10px;flex-shrink:0}.product-sidebar>b{font-size:25px;letter-spacing:-1.5px;margin:0 10px 24px}.product-sidebar>span{padding:11px 12px;color:#9498a1;border-radius:7px}.product-sidebar .active{background:#fff0eb;color:#e3644a}.sidebar-tip{margin:auto 12px 0;background:#f6f7f8;border-radius:10px;padding:18px 15px;font-size:12px;line-height:1.7;color:#9297a0}.sidebar-tip b{font-size:32px;display:block;color:#9ca3ad;margin-top:10px}.product-main{padding:28px;flex:1;background:#f9fafb;min-width:0}.product-title{display:flex;align-items:center;justify-content:space-between}.product-title small{font-size:7px;letter-spacing:1px;color:#979ba3}.product-title h3{font-weight:500;font-size:23px;letter-spacing:-1px;margin:8px 0 22px}.product-title .avatar{width:35px;height:35px}.product-stats{display:flex;gap:13px}.product-stats>div{flex:1;background:#fff;border:1px solid #eceef0;border-radius:10px;padding:17px}.product-stats small{font-size:8px;color:#8c939b}.product-stats strong{display:block;font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:12px}.product-stats strong span{float:right;font-size:10px;letter-spacing:0;font-weight:400;background:#f1f6f2;padding:5px 7px;color:#76937d;border-radius:6px}.product-stats em{font-size:15px;font-style:normal;color:#9da0a6;margin-left:2px}.product-middle{display:grid;grid-template-columns:1.9fr 1fr;gap:14px;margin-top:16px}.product-chart,.project-health,.product-table{border:1px solid #eceef0;background:#fff;border-radius:10px;padding:16px}.chart-title{display:flex;align-items:center;justify-content:space-between;font-size:10px}.chart-title b{font-weight:500}.chart-title small{font-size:7px;color:#989ca4}.product-chart svg{width:100%;height:130px;margin-top:12px}.chart-days{display:flex;justify-content:space-between;color:#a0a4ac;font-size:7px}.project-health{position:relative;overflow:hidden}.project-health>b{font-size:10px;font-weight:500}.health-icon{font-size:31px;color:#fa735b;margin:12px 0 4px}.project-health h4{font-size:12px;margin:5px 0;font-weight:500}.project-health p{font-size:8px;color:#9c9fa5;margin:5px 0 12px}.health-bar{height:5px;background:#f0f1f4;border-radius:5px;margin-bottom:5px}.health-bar i{display:block;width:72%;height:100%;background:#ff8068;border-radius:5px}.project-health>small{font-size:7px;color:#a0a5ac}.product-table{margin-top:16px}.product-table>div:not(:first-child){display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff0f2;padding-top:12px;margin-top:12px;font-size:9px;gap:10px}.product-table small{font-size:8px;color:#a0a5aa}.product-table em{font-size:7px;font-style:normal;background:#fff1e5;color:#d29969;border-radius:4px;padding:5px 9px}.product-table em.review{background:#efedfb;color:#9983ba}.compare-toggle{position:absolute;right:24px;bottom:25px;width:128px;height:128px;border:4px solid #f2f3f5;border-radius:50%;background:#111;color:white;box-shadow:0 10px 30px #1c253b33;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:15px;transition:transform .25s}.compare-toggle:hover{transform:scale(1.06)}.compare-toggle span{font-size:8px;font-weight:400;color:#bbb}.compare-toggle b{font-size:12px;font-weight:500;line-height:1.5}.comparison.is-before .product-main{background:#e9eaf0}.comparison.is-before .product-stats>div{background:#d6e5f4;border-radius:0;border-color:#5a82b5}.comparison.is-before .product-chart{border-radius:0;background:#f6eed0}.comparison.is-before .product-chart svg{filter:hue-rotate(160deg)}.comparison.is-before .product-title h3{font-size:17px;letter-spacing:0;font-weight:800;text-transform:uppercase;color:#475fc2}.comparison.is-before .product-stats strong{color:#4762c4;font-weight:800;font-size:20px}.comparison.is-before .project-health{border-radius:0;border-color:#c4a8dc;background:#e9daf5}.comparison.is-before .product-table{border-radius:0;border:1px solid #8099b0;background:#e6edf5}.comparison.is-before .product-sidebar{background:#e1e5ed;border-right-color:#9caac1}.comparison.is-before .product-sidebar .active{background:#5670bd;color:white;border-radius:0}.before-label{position:absolute;top:42px;right:12px;background:#4657b6;color:white;font-size:7px;letter-spacing:1px;padding:8px 10px}.about{margin-top:90px;padding-bottom:70px}.section-top{border-top:1px solid #dedfe1;padding-top:24px}.section-top small{color:#8d9095}.about-grid{gap:80px;margin-top:35px}.about h3{font-size:39px;letter-spacing:-1.7px}.about p{font-size:13px;color:#75797f}.skills span{background:white;border:0;font-size:10px;padding:12px 16px}.process{margin-top:50px;gap:35px;border-top:1px solid #dddfe3}.process article{padding-top:28px}.process b{color:#a2a5aa;font-size:9px;letter-spacing:.6px}.process h4{font-size:16px;letter-spacing:-.5px}.process p{font-size:11px}.cta{background:#fff;border-radius:20px;padding:55px;position:relative;overflow:hidden;isolation:isolate}.cta h2{font-size:44px;letter-spacing:-2px}.cta .eyebrow{color:#95989d}.cta p{color:#85888c;font-size:11px}.cta-orbit{position:absolute;right:180px;top:-75px;font-size:330px;line-height:1;color:#f1f2f4;z-index:-1;transform:rotate(10deg)}footer{padding-bottom:115px}.floating-nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111214;color:white;border:1px solid #3b3c3e;border-radius:50px;display:flex;align-items:center;padding:9px 18px;gap:18px;box-shadow:0 12px 28px #0002;z-index:10;width:268px;height:54px}.dock-brand{font-size:28px;line-height:1;margin-right:auto}.floating-nav>span{font-size:10px;min-width:28px;font-variant-numeric:tabular-nums}.floating-nav>i{height:18px;width:1px;background:#444}.floating-nav>button{background:none;border:0;color:white;font-size:11px;display:flex;gap:9px;align-items:center;padding:8px 0}.floating-nav>button span{font-size:17px}#dockMenu{position:absolute;bottom:67px;left:-1px;right:-1px;background:#17181a;border:1px solid #444;border-radius:17px;padding:10px;box-shadow:0 10px 30px #0003}#dockMenu a{display:flex;justify-content:space-between;padding:15px 12px;border-radius:9px;font-size:11px;color:#d8dade}#dockMenu a:hover{background:#333}#dockMenu[hidden]{display:none}dialog{background:#fff;border-radius:22px;padding:40px}dialog .tag{color:#dc6d54;font-size:9px}.close{transition:background .2s}.close:hover{background:#e7e7e7}a:focus-visible,button:focus-visible{outline:3px solid #ee7159;outline-offset:4px}.demo-note{font-size:9px!important;color:#969aa1!important;line-height:1.8}
@media(min-width:1500px){.hero{min-height:730px}.hero-visual{transform:scale(1.05)}}
@media(max-width:1050px){.wrap{padding:0 30px}.hero{grid-template-columns:1.2fr 1fr;gap:5px}.hero h1{font-size:55px;letter-spacing:-3px}.hero p{font-size:13px}.hero-visual{transform:scale(.9);transform-origin:center right}.hero-actions{gap:8px}.primary,.secondary{padding:16px 20px;font-size:11px;gap:18px}.label-top{right:-10px}.expertise-strip{gap:8px}.expertise-strip span{padding:11px 14px;font-size:10px}.art{height:340px}.product-sidebar{width:145px}.product-main{padding:23px}.section-heading h2,.showcase h2{font-size:38px}.section-heading p,.showcase-header>p{font-size:11px;max-width:285px}.compare-toggle{width:110px;height:110px}.cta{padding:40px}.cta h2{font-size:37px}}
@media(max-width:760px){.wrap{padding:0 22px}nav{height:77px}.logo{font-size:24px}.logo .brand-mark{font-size:32px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:35px 0 0;min-height:0;overflow:hidden}.hero h1{font-size:49px;letter-spacing:-3.2px;line-height:1.18;margin-top:21px}.hero p{font-size:12px;max-width:430px}.hero-actions{margin-top:25px;gap:10px;flex-wrap:wrap}.hero-caption{margin-top:26px}.hero-visual{transform:scale(.87);transform-origin:center;min-height:570px;margin-top:-12px;margin-bottom:-45px}.orbit{width:400px;height:400px}.orbit-two{width:510px;height:510px}.label-top{right:0;top:64px;font-size:9px}.label-bottom{left:0;bottom:36px;font-size:9px}.expertise-strip{padding:30px 0 45px;justify-content:center;gap:9px}.expertise-strip span{font-size:9px;padding:10px 13px}.work-intro{padding-top:40px}.section-heading{display:block;margin-top:16px}.section-heading h2,.showcase h2{font-size:34px;letter-spacing:-1.7px}.section-heading p{margin-top:20px;max-width:100%;font-size:12px}.art{height:340px}.grid{gap:32px}.project-meta h3{font-size:17px}.project-meta p{font-size:7px}.showcase{margin-top:65px}.showcase-header{display:block}.showcase-header>p{margin-top:20px;max-width:100%;font-size:11px}.product-sidebar{width:64px;padding:18px 5px;gap:8px;overflow:hidden}.product-sidebar>b{font-size:15px;letter-spacing:-1px;margin:0 4px 13px}.product-sidebar>span{font-size:7px;white-space:nowrap;padding:8px 4px;overflow:hidden}.sidebar-tip{display:none}.product-main{padding:13px 10px}.product-title small{font-size:5px}.product-title h3{font-size:14px;letter-spacing:-.7px;margin:6px 0 14px}.product-title .avatar{width:24px;height:24px;font-size:7px}.product-stats{gap:5px}.product-stats>div{padding:9px 6px;border-radius:6px}.product-stats small{font-size:5px;display:block;min-height:16px;line-height:1.5}.product-stats strong{font-size:19px;margin-top:5px}.product-stats strong span{display:none}.product-stats em{font-size:9px}.product-middle{grid-template-columns:1fr;gap:10px;margin-top:10px}.product-chart{padding:11px}.product-chart svg{height:100px}.project-health{display:none}.chart-title{font-size:8px}.chart-title small{font-size:6px}.chart-days{font-size:6px}.product-table{padding:10px;margin-top:10px}.product-table>div:not(:first-child){font-size:6px;gap:5px;align-items:start;flex-wrap:wrap;padding-top:10px;margin-top:10px}.product-table small{font-size:6px}.product-table em{font-size:5px;padding:4px}.product-shell{min-height:370px}.browser-bar{height:27px;font-size:6px;padding:0 10px}.traffic i{width:5px;height:5px}.compare-toggle{width:90px;height:90px;right:9px;bottom:9px;border-width:3px;padding:10px;gap:5px}.compare-toggle span{font-size:6px}.compare-toggle b{font-size:9px}.before-label{top:29px;font-size:5px;padding:5px;max-width:130px}.comparison.is-before .product-title h3{font-size:10px}.comparison.is-before .product-stats strong{font-size:16px}.about{margin-top:60px;padding-bottom:45px}.about-grid{gap:10px;margin-top:10px}.about h3{font-size:32px}.about p{font-size:12px}.section-top small{font-size:7px;letter-spacing:.5px}.process{grid-template-columns:1fr;gap:0;margin-top:30px}.process article{border-bottom:1px solid #e0e1e5;padding:20px 0}.process article:last-child{border-bottom:0}.process h4{margin:11px 0}.process p{margin:0;max-width:380px}.cta{padding:30px 24px;gap:15px}.cta h2{font-size:32px;letter-spacing:-1.6px}.cta p{font-size:10px}.cta-orbit{right:-50px;top:35px;font-size:270px}footer .logo{display:none}footer{font-size:8px;gap:10px;padding-bottom:105px}.floating-nav{bottom:18px;height:52px;width:250px}.screen{max-width:420px}dialog{padding:27px}dialog h2{font-size:25px}dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
.device{height:590px}.hero-visual{min-height:615px}.label-top{right:20px}@media(max-width:760px){.hero-visual{min-height:600px;margin-bottom:-50px}.label-top{right:0}} 
@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#141516;--paper:#f2f3f5;--muted:#5d626b;--accent:#a63b28}body{font-family:Inter,Arial,sans-serif;font-size:16px;letter-spacing:-.025em;line-height:1.6}button,input{font:inherit}button{color:inherit}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:500}h2{line-height:1.15}main,section{min-width:0}html{scroll-padding-top:30px;scroll-padding-bottom:110px}.wrap{max-width:1360px;padding-inline:44px}.logo{font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:500;gap:7px;min-height:44px;letter-spacing:-1.3px}.logo .brand-mark{font-size:38px}.brand-serif{margin-left:-5px;font-size:30px}nav{height:96px}.links>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.links{font-size:15px!important}.contact-link{padding:13px 23px;gap:12px}.hero{grid-template-columns:1.25fr 1fr;gap:36px;min-height:660px;padding:34px 0 62px;overflow:visible}.hero-copy{min-width:0}.hero .eyebrow{margin:0;color:#434951;font-size:12px}.hero h1{font-size:clamp(48px,5.35vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:25px 0 29px;max-width:740px}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:495px;color:var(--muted);margin:0}.hero-actions{gap:14px;margin-top:34px;flex-wrap:wrap}.primary,.secondary{font-size:15px;font-weight:400;min-height:50px;padding:14px 24px;gap:22px;line-height:1.5}.hero-visual{min-height:570px;transform:none;display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero-visual>div{display:grid;place-items:center;position:relative;width:100%;min-height:570px}.orbit{width:450px;height:450px;top:55px;left:50%;transform:translateX(-50%)}.orbit-two{width:555px;height:555px;top:2px}.device{height:550px;transform:rotate(7deg);font-family:Inter,Arial,sans-serif;letter-spacing:-.03em;line-height:1.3}.device .app-greeting{color:#636a76;font-size:9px;line-height:1.4}.device h2{font-size:24px;font-weight:500;line-height:1.2}.device h2 i{color:#626c7c}.device .app-tabs{color:#646e7b;font-size:9px;gap:17px}.device .focus-body p{font-size:8px;color:#c0c5cf}.device .task-item b{font-size:8px}.device .task-item p{color:#626977;font-size:7px}.device .task-heading span{color:#626977;font-size:8px}.device .app-bottom{margin-top:15px}.device .focus-bottom{font-size:7px}.device .focus-title{font-size:7px}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.11em;color:#4f555d;line-height:1.6;margin:0}.work-intro{padding:52px 0 34px}.section-heading{margin-top:18px;gap:45px;align-items:end}.section-heading h2,.showcase h2,.about h2,.cta h2{font-size:clamp(34px,3.8vw,50px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0}.section-heading p{font-size:16px;line-height:1.6;max-width:330px;color:var(--muted)}.grid{gap:42px 28px}.project{position:relative;min-width:0}.project-open{position:absolute;inset:0;background:transparent;border:0;border-radius:18px;padding:0;z-index:1;min-height:44px;min-width:44px}.project-open:focus-visible{outline:3px solid #9e3522;outline-offset:6px}.project-meta{align-items:start;margin-top:20px;gap:15px}.project-meta h3{font-size:24px;line-height:1.25;margin:0 0 5px;font-weight:500;letter-spacing:-.04em}.project-meta p{font-size:15px;color:#4f555e;line-height:1.5;letter-spacing:-.02em;margin:0 0 10px}.project-category{font-size:12px;color:#5b626b;letter-spacing:.015em;line-height:1.5;display:block}.arrow{flex-shrink:0;width:44px;height:44px;font-size:19px}.art{height:360px}.phone,.screen{line-height:1.3;font-family:Inter,Arial,sans-serif}.screen-body h4{line-height:1.15}.shop-content h4{font-size:25px}.shop-content{gap:10px}.phone.second .minirow{font-size:7px}.showcase{margin-top:90px}.showcase-header{align-items:end;gap:55px;margin-bottom:30px}.showcase h2{margin-top:18px}.showcase-header>p{font-size:16px;color:var(--muted);line-height:1.6;max-width:330px;margin:0}.comparison-figure{margin:0}.comparison{box-shadow:none;border-color:#d5d8de}.product-preview{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.3}.product-sidebar{width:175px;font-size:11px}.product-sidebar>span{color:#515965}.product-sidebar .active{color:#993c29}.product-main{padding:26px}.product-title small,.product-stats small,.chart-title small,.chart-days,.product-table small,.project-health>small,.project-health p{color:#606976}.product-title h3{font-size:24px}.product-stats small{font-size:10px}.product-stats strong{font-size:30px}.product-stats strong span{color:#43624d;background:#edf5ee}.product-table em{color:#8a4b17;background:#fff1e5}.product-table em.review{color:#6b508f}.product-table>div:not(:first-child){font-size:10px}.product-chart svg{height:145px}.chart-title{font-size:11px}.chart-title small,.product-table small{font-size:9px}.project-health>small,.project-health p{font-size:9px}.comparison-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0 0}.compare-controls{display:flex;gap:5px;background:#e5e7ec;border:1px solid #c9cdd4;border-radius:50px;padding:4px}.compare-controls button{background:transparent;border:0;min-height:44px;padding:11px 20px;font-size:14px;line-height:1.4;border-radius:50px;color:#4e5560}.compare-controls button[aria-pressed=true]{background:#141516;color:white}.figure-note{font-size:12px;color:#5d626b}.about{margin-top:80px;padding-bottom:65px}.section-top{padding:24px 0 0}.about-grid{grid-template-columns:1fr 1fr;gap:70px;margin-top:25px;align-items:start}.about p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.skills{list-style:none;padding:0;margin:24px 0 0;gap:8px;display:flex;flex-wrap:wrap}.skills li{background:white;border:1px solid #d9dce2;border-radius:30px;padding:8px 13px;font-size:13px;line-height:1.5;color:#4d5561}.process{gap:40px;margin-top:44px}.process-number{font-size:12px;letter-spacing:.055em;color:#5d626b}.process h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:15px 0 12px}.process p{font-size:15px;line-height:1.65;color:var(--muted)}.cta{padding:48px;background:#fff;gap:40px;margin-bottom:32px}.cta .eyebrow{color:#4f555d;margin-bottom:20px}.cta h2{font-size:clamp(36px,4vw,54px)}.email-link{font-size:17px;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#acb1b9;margin-top:20px;overflow-wrap:anywhere}.cta>.primary{flex-shrink:0;white-space:nowrap}footer{font-size:13px;color:#555e69;padding:16px 0 110px;align-items:center;gap:15px}footer a{display:inline-flex;align-items:center;gap:7px;min-height:44px}.floating-nav{width:262px;height:60px;padding:7px 14px;gap:14px;bottom:max(18px,env(safe-area-inset-bottom));letter-spacing:0}.dock-brand{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:30px;margin:0}.dock-work{font-size:14px;display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:auto}.floating-nav>button{min-height:44px;padding:7px 0;font-size:14px;gap:10px}.floating-nav>button span{font-size:17px}.floating-nav i{flex-shrink:0}.floating-nav a:focus-visible,.floating-nav button:focus-visible{outline-color:#ffbbac}#dockMenu{bottom:73px;padding:9px;border-color:#60656e}#dockMenu a{font-size:14px;min-height:46px;padding:11px 12px;line-height:1.5;color:#f4f4f5}#dockMenu a:hover{background:#30343b}dialog{width:min(740px,calc(100% - 32px));max-width:740px;max-height:calc(100dvh - 48px);border:1px solid #d2d6dd;padding:40px;color:#141516;overflow-y:auto;overscroll-behavior:contain}dialog h2{font-size:36px;line-height:1.15;letter-spacing:-.045em;margin:12px 50px 24px 0}dialog h3{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:24px 0 7px}dialog p{font-size:16px;line-height:1.7;color:#505964;margin:0}dialog .tag{font-size:12px;color:#5d626b;letter-spacing:.06em;margin:0 48px 0 0}.close,dialog .close{width:44px;height:44px;min-width:44px;min-height:44px;background:white;font-size:25px;line-height:1;border:1px solid #9097a2;position:absolute;right:20px;top:20px}.case-context{border-bottom:1px solid #e1e4e9;padding-bottom:20px;margin-bottom:20px}.case-context span{font-size:13px;color:#5d626b}.case-next{background:#f2f3f5;border-radius:12px;padding:18px;margin-top:25px}.case-next h3{margin:0 0 7px}.case-note{font-size:13px!important;margin-top:20px!important}.skip-link{position:absolute;top:12px;left:12px;background:#141516;color:#fff;padding:12px 20px;border-radius:8px;z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #9e3522;outline-offset:5px}:target{scroll-margin-top:28px;scroll-margin-bottom:100px}main:focus,h1:focus,h2:focus,section:focus{outline:none}
@media(max-width:1100px){.hero{gap:10px;grid-template-columns:1.15fr 1fr;min-height:610px}.hero h1{font-size:60px}.hero-visual{min-height:550px;transform:scale(.92);transform-origin:center}.hero-visual>div{min-height:570px}.hero-copy>p:not(.eyebrow){font-size:17px}.section-heading h2,.showcase h2,.about h2{font-size:42px}.art{height:330px}.product-sidebar{width:145px}.about-grid{gap:40px}.process{gap:25px}.product-table>div:not(:first-child){font-size:9px}}
@media(max-width:760px){.wrap{padding-inline:22px}nav{height:80px}.logo{font-size:25px}.logo .brand-mark{font-size:30px}.brand-serif{font-size:27px}nav .links{gap:15px;font-size:14px!important}.contact-link{padding:10px 16px;min-width:0}.links>a[href="#about"]{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 28px;gap:20px;min-height:0;overflow:visible}.hero .eyebrow{font-size:11px}.hero h1{font-size:clamp(43px,8vw,60px);letter-spacing:-.055em;line-height:1.08;margin:20px 0 24px;max-width:620px}.desktop-break{display:none}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:490px}.hero-actions{margin-top:27px;gap:10px}.primary,.secondary{font-size:14px;min-height:48px;padding:14px 20px;gap:19px}.hero-visual{min-height:540px;transform:none;margin:0;overflow:hidden}.hero-visual>div{min-height:540px}.device{height:540px;width:282px;transform:rotate(6deg)}.orbit{width:380px;height:380px;top:80px}.orbit-two{width:500px;height:500px;top:20px}.work-intro{padding:35px 0 27px}.section-heading{display:block;margin-top:16px}.section-heading h2,.showcase h2,.about h2{font-size:36px;letter-spacing:-.045em;line-height:1.12}.section-heading p{font-size:16px;margin:19px 0 0;max-width:100%}.grid{gap:34px}.art{height:330px}.project-meta{margin-top:18px}.project-meta h3{font-size:23px}.project-meta p{font-size:15px;line-height:1.5}.project-category{font-size:12px}.showcase{margin-top:65px}.showcase-header{display:block;margin-bottom:24px}.showcase-header>p{font-size:16px;line-height:1.6;max-width:100%;margin-top:18px}.product-shell{min-height:390px}.product-sidebar{width:64px;padding:18px 5px;font-size:7px}.product-sidebar>b{font-size:15px}.product-sidebar>span{font-size:7px}.product-main{padding:13px 10px}.product-title h3{font-size:16px;margin-bottom:14px}.product-title small{font-size:6px}.product-stats>div{padding:10px 6px}.product-stats small{font-size:6px;line-height:1.5;min-height:18px}.product-stats strong{font-size:21px}.product-chart svg{height:125px}.chart-title{font-size:9px}.chart-title small{font-size:7px}.chart-days{font-size:6px}.product-table>div:not(:first-child){font-size:7px;padding-top:10px;margin-top:10px}.product-table small{font-size:6px}.product-table em{font-size:6px}.product-title .avatar{width:24px;height:24px}.comparison-figure figcaption{padding-top:17px;justify-content:center;gap:11px}.compare-controls{width:100%;max-width:420px}.compare-controls button{flex:1;font-size:13px;padding:11px 9px;min-height:44px}.figure-note{font-size:12px;text-align:center}.about{margin-top:55px;padding-bottom:45px}.about-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.about p{font-size:16px;line-height:1.7}.skills{gap:7px;margin-top:20px}.skills li{font-size:12px;padding:9px 12px}.process{margin-top:30px;gap:0}.process article{padding:22px 0}.process h3{font-size:22px;margin:12px 0 9px}.process p{font-size:15px;max-width:none}.process-number{font-size:11px}.cta{padding:29px 25px;gap:28px;border-radius:18px}.cta h2{font-size:38px}.cta .eyebrow{font-size:11px;margin-bottom:15px}.email-link{font-size:16px;margin-top:17px;min-height:44px}.cta>.primary{font-size:15px;white-space:normal}.eyebrow{font-size:11px}.floating-nav{width:250px;bottom:max(14px,env(safe-area-inset-bottom))}footer{font-size:12px;gap:10px;padding-bottom:105px;flex-wrap:wrap}dialog{padding:27px 23px;max-height:calc(100dvh - 32px)}dialog h2{font-size:30px;margin-top:16px}dialog h3{font-size:18px}dialog p{font-size:16px}.close,dialog .close{right:14px;top:14px}dialog .tag{font-size:11px;margin-right:48px}.case-note{font-size:13px!important}}
@media(max-width:360px){.wrap{padding-inline:18px}nav .links{gap:8px}.logo{font-size:22px;gap:5px}.brand-serif{font-size:24px}.logo .brand-mark{font-size:27px;margin-right:2px}.contact-link{padding:10px 12px}.hero h1{font-size:42px}.hero-actions{gap:9px}.primary,.secondary{padding-inline:15px;gap:14px}.hero-visual,.hero-visual>div{min-height:510px}.device{transform:scale(.92) rotate(5deg);transform-origin:center}.art{height:290px}.art .phone{transform:scale(.87) rotate(-9deg)}.art .phone.second{transform:scale(.87) rotate(8deg) translate(0,25px);margin-left:-20px}.screen-body{padding:16px}.course{gap:7px}.course-card{padding:8px}.shop-content{padding:18px;gap:5px}.shop-content h4{font-size:22px}.vase{width:80px}.cta{padding:25px 20px}.cta h2{font-size:34px}.section-heading h2,.showcase h2,.about h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.desktop-break{display:none}.hero h1{font-size:clamp(48px,5vw,64px);letter-spacing:-.045em}.device .app-bottom{display:none}.device::after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:86px;height:4px;background:#25282d;border-radius:10px}a:focus-visible,button:focus-visible{outline:3px solid #9e3522;outline-offset:5px}.floating-nav a:focus-visible,.floating-nav button:focus-visible{outline-color:#ffbbac}
@media(max-width:760px){.hero h1{font-size:clamp(43px,8vw,60px)}}
@media(max-width:360px){.hero h1{font-size:42px}}
.hero-visual,.hero-visual>div{min-width:0;grid-template-columns:minmax(0,1fr)}a,button{scroll-margin-block:100px}
@media(max-width:760px){.hero-visual,.hero-visual>div{height:550px;min-height:0;grid-template-rows:minmax(0,1fr)}.device{transform:scale(.93) rotate(6deg)}}
@media(max-width:360px){.hero-visual,.hero-visual>div{height:490px}.device{transform:scale(.8) rotate(5deg)}}
#home{scroll-margin-top:110px}
@media(min-width:761px) and (max-width:900px){.hero{min-height:570px}.hero h1{font-size:48px}.hero-visual,.hero-visual>div{height:500px;min-height:0;grid-template-rows:minmax(0,1fr)}.device{transform:scale(.73) rotate(6deg)}}