@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--cream);color:var(--navy);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:is(a:focus-visible,button:focus-visible,summary:focus-visible){outline-offset:5px;outline:3px solid #729dff}header{border-bottom:1px solid #daddd8;justify-content:space-between;align-items:center;height:106px;padding:0 6%;display:flex}.brand{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:37px;font-weight:800;line-height:.9;display:block}.brand>span{color:var(--blue)}.brand small{letter-spacing:2.3px;margin-top:9px;font-size:8px;display:block}nav{align-items:center;gap:36px;font-size:13px;display:flex}.nav-cta{border:1px solid #bac1c5;border-radius:5px;padding:13px 18px}.nav-cta span{margin-left:25px}.hero{grid-template-columns:1fr 1fr;gap:40px;min-height:710px;padding:72px 6% 64px;display:grid;overflow:hidden}.eyebrow{letter-spacing:1.6px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow i{background:var(--blue);border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-4px;margin:28px 0 25px;font-size:clamp(49px,5.3vw,82px);font-weight:600;line-height:1.055}em{color:var(--blue);font-style:normal}.intro{color:#5b6971;max-width:420px;font-size:16px;line-height:1.75}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:32px;padding:18px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#1746bd;transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:wait}.button span{font-size:20px}.micro{color:var(--muted);margin-top:18px;font-size:10px}.showcase{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.orbit{border:1px solid #dbe0de;border-radius:50%;width:660px;height:660px;position:absolute}.orbit-two{width:490px;height:490px}.vertical-note{writing-mode:vertical-rl;letter-spacing:2px;color:#7b888f;font-size:8px;position:absolute;top:3%;right:-12px}.browser{background:#fff;border:5px solid #fff;border-radius:9px;width:100%;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 35px 65px #13253126}.browser-top{color:#a0a5a3;background:#f1f2ef;justify-content:space-between;align-items:center;height:30px;padding:0 12px;font-size:9px;display:flex}.browser-top small{letter-spacing:1px;font-size:7px}.sample-nav{color:#314c3c;justify-content:space-between;align-items:center;padding:22px 20px;display:flex}.sample-nav>b{letter-spacing:-1px;font-family:Georgia,serif;font-size:20px}.sample-nav>b span{letter-spacing:2px;margin-top:4px;font-family:sans-serif;font-size:5px;display:block}.sample-nav>span{font-size:6px}.sample-main{background:#e3e7d8;min-height:305px;padding:32px 24px;position:relative;overflow:hidden}.sample-main>small{letter-spacing:1px;z-index:2;font-size:6px;position:relative}.sample-main h2{color:#304734;z-index:2;margin:22px 0 13px;font:44px/1.06 Georgia,serif;position:relative}.sample-main p{z-index:2;font-size:8px;position:relative}.sample-button{color:#fff;z-index:2;background:#304734;margin-top:11px;padding:11px 13px;font-size:7px;display:inline-block;position:relative}.plant{background:linear-gradient(110deg,#849671,#d7dac6);border:30px solid #b1b99a;border-radius:150px 150px 0 0;width:240px;height:350px;position:absolute;bottom:-90px;right:-35px;transform:rotate(10deg);box-shadow:inset 0 0 20px #30473430}.plant div{background:linear-gradient(60deg,#233f2b,#688053);border-radius:100% 0;width:75px;height:145px;position:absolute;bottom:120px;left:20px;transform:rotate(-30deg);box-shadow:8px 7px 12px #233f2b26}.plant div:nth-child(2){bottom:60px;left:85px;transform:rotate(40deg)}.plant div:nth-child(3){bottom:10px;left:10px;transform:rotate(-40deg)}.plant div:nth-child(4){bottom:150px;left:80px;transform:rotate(15deg)}.plant div:nth-child(5){bottom:80px;left:-20px;transform:rotate(-75deg)}.sample-bottom{justify-content:space-between;padding:23px;font-size:10px;line-height:1.6;display:flex}.floating{background:var(--navy);color:#fff;border-radius:5px;align-items:center;gap:16px;padding:20px 25px;font-size:13px;display:flex;position:absolute;bottom:45px;right:-15px;transform:rotate(3deg);box-shadow:0 15px 25px #13253120}.floating>span{color:#a8c2ff;font-size:30px}.floating small{color:#b3c1c9;margin-top:6px;font-size:9px;display:block}.concept{letter-spacing:1.5px;color:#839096;font-size:7px;position:absolute;bottom:5px}.strip{background:var(--navy);color:#e2e9e9;letter-spacing:1px;justify-content:space-between;align-items:center;gap:20px;padding:27px 6%;font-size:9px;display:flex}.strip>span:first-child{letter-spacing:0;font-family:Georgia,serif;font-size:18px;font-style:italic}.strip>b{color:#9cb7ed;font-size:24px}.section{padding:100px 6%}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:0 9%;display:grid}.section-head>.eyebrow{grid-column:1/-1}.section h2{letter-spacing:-1.8px;margin-top:22px;font-size:clamp(30px,3.1vw,46px);font-weight:500;line-height:1.2}.section-head>p:last-child{max-width:400px;color:var(--muted);font-size:14px;line-height:1.8}.service-grid{grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px;display:grid}.service-grid article{border-top:1px solid #cfd6d5;padding-top:26px;position:relative}.service-icon{color:var(--blue);margin-bottom:35px;font-size:35px}.service-grid article>small{color:#8a9599;position:absolute;top:35px;right:0}.service-grid h3{letter-spacing:-.6px;max-width:230px;font-size:21px;font-weight:500}.service-grid p{color:var(--muted);max-width:320px;font-size:13px;line-height:1.9}.service-grid a{margin-top:16px;font-size:11px;font-weight:600;display:inline-block}.statement{background:#e6ebed;padding:85px 12%}.statement>.eyebrow{justify-content:center}.statement h2{text-align:center;letter-spacing:-2px;margin:28px 0 45px;font-size:clamp(32px,4vw,55px);font-weight:500;line-height:1.2}.statement>div{color:#5b6971;grid-template-columns:1fr 1fr;gap:55px;max-width:800px;margin:auto;font-size:14px;line-height:1.85;display:grid}.approach{grid-template-columns:1fr 1fr;gap:9%;display:grid}.text-link{border-bottom:1px solid #8d9ca4;margin-top:15px;padding-bottom:9px;font-size:12px;display:inline-block}.step{border-bottom:1px solid #d5dad8;gap:24px;padding:24px 0;display:flex}.step:first-child{padding-top:0}.step>span{color:var(--blue);padding-top:4px;font-size:12px}.step h3{margin-bottom:10px;font-size:18px;font-weight:600}.step p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.8}.faq{grid-template-columns:1fr 1.5fr;gap:8%;padding-top:10px;display:grid}.faq>.eyebrow{align-items:flex-start;max-width:200px;line-height:1.8}details{border-bottom:1px solid #d5dad8;padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:19px}details[open] summary span{transform:rotate(45deg)}details>p{color:var(--muted);margin:20px 35px 0 0;font-size:13px;line-height:1.8}.contact{background:var(--navy);color:#fff;grid-template-columns:1fr 1.15fr;gap:12%;display:grid}.contact h2{letter-spacing:-3px;margin-top:40px;font-size:clamp(47px,5.2vw,75px);line-height:1.07}.contact>div>p:not(.eyebrow){color:#b5c1c8;max-width:320px;font-size:14px;line-height:1.85}.contact-note{color:#b5c1c8;align-items:center;gap:20px;margin-top:70px;font-size:12px;line-height:1.8;display:flex}.contact-note>span{color:#96b7ff;font-size:38px}form{color:var(--navy);background:#fff;border-radius:5px;padding:36px}form h3{letter-spacing:-.5px;margin-bottom:8px;font-size:22px}.form-intro{color:var(--muted);margin-bottom:28px;font-size:12px}label{margin-bottom:19px;font-size:11px;font-weight:600;display:block}label>span{color:#7a858c;font-weight:400}input,select,textarea{width:100%;color:var(--navy);background:#f7f8f7;border:1px solid #dce1e1;border-radius:3px;margin-top:8px;padding:12px;font-size:12px;display:block}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #7499e9}textarea{resize:vertical}.fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.privacy{color:var(--muted);font-size:10px;line-height:1.7}form .button{width:100%;margin-top:8px}.trap{position:absolute;left:-10000px}.success,.error{margin:20px 0 0;font-size:12px;line-height:1.6}.success{color:#21613f}.error{color:#b03030}footer{justify-content:space-between;align-items:center;gap:25px;padding:40px 6%;display:flex}footer .brand{font-size:28px}footer .brand small{font-size:6px}footer>p{margin:0;font-family:Georgia,serif;font-size:14px;font-style:italic}footer>small,footer>a:last-child{color:var(--muted);font-size:9px}@media (min-width:1500px){header,main,footer{max-width:1600px;margin:auto}}@media (max-width:900px){.hero{gap:25px;min-height:650px;padding-top:50px}h1{letter-spacing:-2.5px}.sample-main{min-height:250px;padding:25px 16px}.sample-main h2{font-size:34px}.plant{right:-100px}.sample-nav{padding:17px 12px}.sample-nav>span{display:none}.floating{padding:15px;font-size:10px;bottom:80px;right:-8px}.concept{font-size:5px;bottom:36px}.section{padding:70px 6%}.strip{flex-wrap:wrap;justify-content:center}.strip>span:first-child{text-align:center;width:100%}.contact{gap:6%}form{padding:25px}.fields{grid-template-columns:1fr;gap:0}.faq{padding-top:10px}.section-head{gap:5%}footer{flex-wrap:wrap}footer>p{display:none}}@media (max-width:620px){header{height:86px}.brand{font-size:31px}nav{gap:0}nav>a:not(.nav-cta){display:none}.hero{padding-top:38px;display:block}.hero h1{font-size:56px;line-height:1.05}.hero h1 br:first-of-type{display:none}.intro{max-width:345px;font-size:14px}.showcase{height:430px;margin:25px 10px 0}.browser{max-width:410px}.sample-main{min-height:240px}.sample-main h2{font-size:40px}.plant{right:-25px}.floating{bottom:15px}.concept{font-size:6px;bottom:-12px}.vertical-note{display:none}.strip{gap:14px;font-size:7px}.strip b{font-size:16px}.section-head,.approach,.faq,.contact{grid-template-columns:1fr}.section h2{font-size:34px}.service-grid{grid-template-columns:1fr;gap:40px}.service-grid h3,.service-grid p{max-width:none}.service-icon{margin-bottom:20px}.statement{padding:65px 6%}.statement h2{letter-spacing:-1.5px;font-size:34px}.statement>div{grid-template-columns:1fr;gap:5px}.approach{gap:45px}.faq{gap:30px}.faq>.eyebrow{max-width:none}.contact{gap:30px}.contact h2{margin-top:25px;font-size:55px}.contact-note{margin-top:25px}form{padding:25px 20px}.fields{grid-template-columns:1fr 1fr;gap:12px}footer{row-gap:25px}footer>small{font-size:8px}footer>a:last-child{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}:root{--navy:#15366b;--blue:#2561ee;--cream:#f0f7ff;--muted:#526c8c}header{background:#e4f0ff;border-bottom-color:#cbdffc}.brand{color:#17459a}.nav-cta{color:#18499e;background:#d1e4ff;border:1px solid #a9caff;border-radius:999px;padding:14px 22px}.hero{background:radial-gradient(circle at 92% 12%,#c3dfff 0 9%,#0000 9.2%),radial-gradient(circle at 54% 88%,#d5e8ff 0 7%,#0000 7.2%),linear-gradient(135deg,#f3f8ff,#e4f0ff)}h1,h2,h3,h1{font-weight:700}.intro{color:#526c8c}.button{border-radius:999px;padding:18px 25px;box-shadow:0 8px 20px #2561ee25}.orbit{background:#cde3ff35;border-color:#b8d5fa}.orbit-two{background:#deedff70;border-color:#a5c8f7}.browser{border-radius:24px;box-shadow:0 30px 65px #245bab26}.browser-top{color:#6e97cb;background:#eaf3ff}.floating{background:#2864df;border-radius:24px;box-shadow:0 15px 30px #2561ee30}.floating>span{color:#fff;background:#ffffff20;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.floating small{color:#e1edff}.concept,.vertical-note{color:#56769b}.strip{color:#fff;background:#2156bf}.strip>b{color:#a8d7ff}.services{background:#f0f7ff}.eyebrow{color:#285ba7}.service-grid{gap:24px}.service-grid article{background:#e0edff;border:1px solid #c7dcfc;border-radius:30px;padding:28px;box-shadow:0 8px 22px #386eb508}.service-grid article:nth-child(2){background:#d3e5ff}.service-grid article:nth-child(3){background:#e6f1ff}.service-grid article>small{color:#557caf;top:37px;right:28px}.service-icon{color:#2561ee;background:#fff;border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:28px;display:grid}.service-grid h3{font-weight:700}.service-grid a{color:#2056b6}.statement{background:radial-gradient(circle at 0 100%,#abcfff 0 140px,#0000 141px),radial-gradient(circle at 100% 0,#b8d7ff 0 115px,#0000 116px),#d3e6ff;border-radius:48px;margin:0 3%}.statement h2{font-weight:600}.statement>div{color:#466486}.approach{background:#f0f7ff}.text-link{color:#2056b6;border-color:#8db6f4}.step{border-color:#c8ddf8;padding:26px 0}.step>span{background:#d6e7ff;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;padding:0;font-weight:700;display:grid}.faq{background:#f0f7ff}.faq details{background:#e1eeff;border:1px solid #cbdffc;border-radius:20px;margin-bottom:12px;padding:22px 24px}.faq details:first-child{padding-top:22px}.faq details[open]{background:#d7e8ff}.contact{background:radial-gradient(circle at 0 100%,#2a68d8 0 210px,#0000 211px),radial-gradient(circle at 39% 9%,#ffffff0b 0 95px,#0000 96px),#194baa;border-radius:48px 48px 0 0}.contact .eyebrow{color:#d1e6ff}.contact h2 em{color:#a8d8ff}.contact>div>p:not(.eyebrow),.contact-note{color:#d6e7ff}.contact-note>span{color:#b4dfff}form{background:#f8fbff;border-radius:30px;box-shadow:0 20px 50px #0b2b701f}input,select,textarea{background:#edf5ff;border-color:#cbdcf4;border-radius:13px}footer{background:#deecff}footer>p{color:#285ba7}@media (max-width:620px){.service-grid{gap:20px}.service-grid article{padding:25px}.statement{background:#d3e6ff;border-radius:30px;margin:0 3%;padding:55px 6%}.contact{border-radius:30px 30px 0 0}.floating{border-radius:20px}.floating>span{width:36px;height:36px}.faq details{padding:20px}.faq details:first-child{padding-top:20px}.service-grid h3{max-width:none}.step{gap:18px}}
