@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f6f2;--white:#fff;--ink:#152428;--muted:#657172;--orange:#f05c35;--line:#dce1dd;--navy:#0c252d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#f05c35;color:white}.wrap{max-width:1440px;padding:0 64px;margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 25px 'Manrope',sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:12px}.logo-mark{width:25px;height:28px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 100%,72% 100%,72% 28%,28% 28%,28% 100%,0 100%)}.nav-links{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:500}.nav-links a:hover,.text-link:hover{color:var(--orange)}.nav-links .talk{border:1px solid var(--line);padding:12px 20px;border-radius:5px;background:white}.arrow{margin-left:18px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.9px;font-weight:700}.dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:9px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;padding:90px 0 80px;align-items:center;min-height:670px}.hero h1{font:600 clamp(49px,5.3vw,78px)/1.08 'Manrope';letter-spacing:-4.6px;margin:28px 0 28px}.hero h1 em{font-style:normal;color:var(--muted)}.hero-copy>p{max-width:440px;font-size:17px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:#fff;border-radius:5px;padding:14px 22px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.pill:hover{background:var(--orange);transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600}.hero-visual{height:460px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#bed0ca80,transparent 70%)}.hero-grid{position:absolute;inset:20px 0;background-image:linear-gradient(#b8c6c733 1px,transparent 1px),linear-gradient(90deg,#b8c6c733 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.browser-frame{border:1px solid #ffffff30;border-radius:9px;background:#0a1d26;box-shadow:0 30px 70px #132c3f26;overflow:hidden}.window-bar{height:27px;background:#e9ecea;display:flex;align-items:center;padding:0 12px;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#adb6b2}.window-bar span{font-size:7px;color:#6c7770;margin:auto;padding-right:20px}.hero-desktop{position:absolute;top:40px;left:0;width:94%;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}.hero-desktop .screen{height:305px;overflow:hidden}.hero-desktop img{display:block;width:100%}.phone{width:164px;border:5px solid #203238;border-radius:25px;background:#0b1420;overflow:hidden;box-shadow:0 22px 45px #102b3540}.phone img{display:block;width:100%;height:auto}.hero-phone{position:absolute;right:-3px;top:133px;transform:rotate(5deg);height:287px}.product-label{position:absolute;bottom:0;left:17px;font-size:10px;display:flex;align-items:center;gap:8px;color:#5d7271}.product-label:before{content:'';width:20px;border-top:1px solid #718c86}.intro-band{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:29px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.intro-band p{font-size:12px;color:var(--muted);max-width:255px;margin:0}.mini-brand{font:700 23px 'Manrope';letter-spacing:-1px}.mini-brand small{display:block;font:10px 'DM Sans';letter-spacing:.4px;margin-top:4px;color:var(--muted)}.mini-brand img{height:40px;width:40px;object-fit:contain;float:left;margin-right:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:95px 0 36px}h2{font:600 43px/1.15 'Manrope';letter-spacing:-2px;margin:18px 0 0}.section-head p{font-size:14px;color:var(--muted);max-width:320px;margin:0 0 3px}.project{display:grid;grid-template-columns:1.25fr 1fr;margin-bottom:26px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.project-stage{padding:46px 30px 0;background:#dee5df;position:relative;min-height:510px;overflow:hidden;display:flex;align-items:end;justify-content:center;gap:25px}.project-stage .phone{width:204px;min-width:0;height:430px;flex-shrink:0;border-width:6px;border-radius:30px 30px 0 0;border-bottom:0;box-shadow:0 20px 50px #1a3b382b}.project-stage .phone:nth-child(2){height:380px;transform:translateY(18px)}.stage-label{position:absolute;top:22px;left:26px;font-size:9px;letter-spacing:1.2px;color:#536d60;text-transform:uppercase}.image-button{display:block;border:0;background:none;padding:0;cursor:zoom-in;text-align:inherit;color:inherit;width:100%}.project-copy{padding:49px 45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-copy h3{font:650 37px 'Manrope';letter-spacing:-1.6px;margin:13px 0 17px}.project-copy>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 19px}.feature-list{list-style:none;padding:0;margin:0 0 25px;width:100%}.feature-list li{font-size:12px;border-top:1px solid #e9edeb;padding:10px 0;display:flex;gap:12px}.feature-list li:before{content:'↗';color:#6b8478}.project-meta{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-top:19px}.status{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;display:flex;align-items:center;gap:7px}.status:before{content:'';width:5px;height:5px;background:#748d79;border-radius:50%}.gobl-stage{background:#dce6eb;align-items:center;padding:55px 0 35px 40px;min-height:490px}.gobl-stage .browser-frame{width:110%;flex-shrink:0;transform:translateX(25px);border:5px solid #2d424a}.gobl-stage .screen{height:385px;overflow:hidden}.gobl-stage img{display:block;width:100%}.capabilities{background:var(--navy);color:#fff;margin-top:90px;padding:76px 0 82px}.capabilities .section-head{padding:0 0 40px}.capabilities .section-head p{color:#a9babd}.capabilities h2{max-width:600px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.cap-card{border-top:1px solid #4b6067;padding-top:23px}.cap-card .number{font-size:10px;color:#a8bdc1}.cap-card h3{font:500 23px 'Manrope';letter-spacing:-.6px;margin:24px 0 13px}.cap-card p{font-size:13px;color:#acbdc1;max-width:300px}.approach{display:grid;grid-template-columns:1fr 1.3fr;padding:85px 0;gap:90px;border-bottom:1px solid var(--line)}.approach h2{font-size:39px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:30px}.steps h3{font:600 15px 'Manrope';margin:0 0 9px}.steps p{font-size:12px;color:var(--muted);margin:0}.about-strip{padding:60px 0;display:flex;justify-content:space-between;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.about-strip h2{font-size:31px;margin:10px 0 0;max-width:500px}.contact{padding:80px 0;display:flex;justify-content:space-between;gap:30px;align-items:end}.contact h2{font-size:clamp(40px,4.5vw,64px)}.contact p{font-size:14px;color:var(--muted);max-width:440px}.contact .pill{background:var(--orange);white-space:nowrap}.footer{padding:25px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}.footer-right{display:flex;gap:22px}.about-hero{padding:85px 0 70px;max-width:960px}.about-hero h1{font:600 clamp(48px,6vw,80px)/1.09 'Manrope';letter-spacing:-4px;margin:27px 0}.about-hero p{font-size:18px;color:var(--muted);max-width:660px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;border-top:1px solid var(--line);padding:60px 0 80px}.about-grid h2{font-size:36px;margin-top:0}.about-grid p{font-size:15px;color:var(--muted)}.founder{background:#e8ede8;padding:36px;border-radius:8px}.founder h3{font:600 28px 'Manrope';letter-spacing:-1px;margin:20px 0}.founder .text-link{display:inline-block;margin-top:15px}.skip{position:absolute;left:-999px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:10}dialog{border:0;border-radius:12px;padding:0;background:#10202b;color:#fff;max-width:min(94vw,1100px);max-height:94vh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#091820d9}dialog .modal-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:12px;gap:30px}dialog button{color:white;background:none;border:1px solid #6b7a82;border-radius:5px;padding:5px 12px;cursor:pointer}dialog img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}dialog .caption{font-size:10px;color:#becbcf;padding:10px 20px;margin:0}@media(max-width:1100px){.wrap{padding:0 36px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-visual{height:400px}.hero-desktop .screen{height:260px}.hero-phone{width:140px;height:250px;top:125px}.project-copy{padding:35px 30px}.project-stage{gap:15px}.project-stage .phone{width:175px}.project-stage{min-height:490px}.gobl-stage .screen{height:340px}.project-copy h3{font-size:32px}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:20px;padding:55px 0 45px}.hero h1{font-size:67px;max-width:650px}.hero-copy>p{max-width:520px}.hero-visual{height:450px;max-width:600px;width:100%;margin:auto}.hero-desktop .screen{height:310px}.hero-phone{width:170px;height:290px}.intro-band{gap:25px}.project{grid-template-columns:1fr}.project-stage{min-height:440px}.project-stage .phone{width:220px;height:375px}.project-stage .phone:nth-child(2){height:340px}.gobl-stage{min-height:460px}.gobl-stage .browser-frame{width:90%;transform:translate(12px,12px)}.gobl-stage .screen{height:370px}.project-copy{padding:35px}.cap-grid{gap:25px}.approach{gap:40px}.about-grid{gap:40px}.section-head{padding-top:65px}.section-head p{max-width:240px}}@media(max-width:580px){.wrap{padding:0 22px}.nav{height:82px}.logo{font-size:21px;gap:8px}.logo-mark{width:20px;height:24px}.nav-links{gap:17px;font-size:11px}.nav-links .talk{display:none}.hero{padding-top:44px}.hero h1{font-size:48px;letter-spacing:-2.5px;margin:22px 0}.hero-copy>p{font-size:15px}.actions{gap:22px;margin-top:25px}.hero-visual{height:330px;margin-top:20px}.hero-desktop{top:25px;width:94%}.hero-desktop .screen{height:205px}.hero-phone{width:125px;top:105px;height:215px;right:0;border-width:4px;border-radius:19px}.product-label{font-size:8px;left:0;bottom:2px}.intro-band{grid-template-columns:1fr 1fr;gap:23px;padding:25px 0}.intro-band>p{grid-column:1/-1;max-width:none}.mini-brand{font-size:20px}.mini-brand small{font-size:8px}.mini-brand img{height:33px;width:33px;margin-right:8px}.section-head{display:block;padding:55px 0 27px}.section-head h2{font-size:34px;letter-spacing:-1.5px}.section-head p{max-width:330px;margin-top:20px;font-size:13px}.project-stage{min-height:335px;padding:45px 15px 0;gap:15px}.project-stage .phone{width:145px;height:280px;border-width:4px;border-radius:21px 21px 0 0}.project-stage .phone:nth-child(2){height:245px}.project-copy{padding:29px 25px}.project-copy h3{font-size:32px;margin:10px 0 14px}.project-copy>p{font-size:13px}.gobl-stage{min-height:330px;padding:45px 0 20px 15px}.gobl-stage .screen{height:265px}.gobl-stage .browser-frame{border-width:3px;width:105%;transform:translateX(15px)}.stage-label{font-size:8px;top:17px;left:20px}.capabilities{margin-top:55px;padding:50px 0}.cap-grid{grid-template-columns:1fr;gap:25px}.cap-card h3{margin-top:16px}.cap-card p{max-width:none}.approach{grid-template-columns:1fr;gap:32px;padding:50px 0}.approach h2{font-size:33px}.steps{gap:25px}.about-strip{align-items:start;flex-direction:column;padding:40px 0;gap:25px}.about-strip h2{font-size:28px}.contact{align-items:start;flex-direction:column;padding:55px 0;gap:15px}.contact h2{font-size:42px;letter-spacing:-2px}.footer-right{gap:15px}.footer{font-size:9px}.about-hero{padding:50px 0}.about-hero h1{font-size:49px;letter-spacing:-2.5px}.about-hero p{font-size:16px}.about-grid{grid-template-columns:1fr;gap:30px;padding:40px 0}.founder{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-desktop img,.gobl-stage img{height:auto}
.project-stage .phone,.project-stage .phone:nth-child(2){height:auto;aspect-ratio:720/1187}.project-stage .phone:nth-child(2){transform:translateY(34px)}

/* Approved logo artwork: display the existing primary lockup without redrawing it. */
.logo .office-logo{display:block;width:210px;height:auto;max-width:100%}.logo{flex-shrink:0}@media(max-width:580px){.logo .office-logo{width:125px}.nav{gap:12px}.nav-links{gap:12px}}

/* Larger featured app icons. */
.intro-band .mini-brand img{width:72px;height:72px;margin-right:14px}@media(max-width:580px){.intro-band .mini-brand img{width:56px;height:56px;float:none;display:block;margin:0 0 10px}}

/* Contact form */
.contact-with-form{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-copy>p{max-width:410px}.contact-copy>.text-link{display:inline-flex;margin-top:10px}.contact-form{width:100%;padding:30px;background:#fff;border:1px solid var(--line,#dfe3df);border-radius:12px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-field label{font-size:12px;font-weight:600;line-height:1.5}.form-field input,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd2ce;border-radius:5px;padding:13px 14px;font:14px 'DM Sans',sans-serif;color:var(--ink,#12242b);background:#fafbf9}.form-field textarea{resize:vertical;min-height:130px}.form-field input:focus,.form-field textarea:focus{outline:2px solid #245985;outline-offset:2px}.contact-submit{border:0;cursor:pointer;font:inherit;font-size:13px}.contact-submit:disabled{opacity:.65;cursor:wait}.contact-note{font-size:11px!important;line-height:1.6!important;margin:14px 0 0!important;color:var(--muted)}.form-status{font-size:13px!important;line-height:1.6!important;margin:14px 0 0!important}.form-status:empty{display:none}.form-status[data-error="true"]{color:#a32e21}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:800px){.contact-with-form{grid-template-columns:1fr;gap:30px}.contact-copy>p{max-width:520px}}@media(max-width:580px){.contact-form{padding:22px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-with-form h2{font-size:38px}}