@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0c2630;--dark:#061b23;--dark2:#0b2b31;--cream:#f8f7f3;--mint:#44d8b7;--gold:#ebbb80;--muted:#708083;--line:#e2e7e3;--shadow:0 28px 80px rgba(7,32,35,.12);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.05em}p{line-height:1.73}.container{max-width:1180px;margin:auto;padding:0 30px}.skip{position:absolute;transform:translateY(-140%);top:0;background:#fff;padding:10px;z-index:20}.skip:focus{transform:translateY(0)}.topline{background:var(--dark);color:#c4d9d6;text-align:center;font-size:11px;letter-spacing:.16em;padding:9px 8px;font-weight:700;text-transform:uppercase}.topline span{color:var(--gold);padding:0 18px}.header{height:83px;background:#fff;position:relative;z-index:15;border-bottom:1px solid #eef2ef}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.065em;line-height:1.1;white-space:nowrap}.brand small{display:block;font-weight:600;letter-spacing:.03em;color:#789096;font-size:9px;margin-top:4px}.brand-highlight{color:#198f85}.brand-mark{height:40px;width:40px;display:grid;place-items:center;background:var(--ink);border-radius:12px;color:#fff;letter-spacing:-.09em;font-size:26px}.brand-mark span{color:var(--mint)}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}nav>a:not(.nav-action){transition:color .2s}nav>a:not(.nav-action):hover{color:#119988}.nav-action{padding:12px 17px;border:1px solid var(--ink);border-radius:30px}.nav-action span{padding-left:9px}.menu-toggle{display:none;border:0;background:transparent}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#06202a,#0b3339 65%,#08232d);color:#fff}.hero-halo{position:absolute;pointer-events:none;width:950px;height:650px;left:13%;top:-230px;background:radial-gradient(ellipse,rgba(47,123,111,.20),transparent 65%)}.hero-layout{min-height:665px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:78px;padding-bottom:100px;position:relative}.eyebrow,.section-kicker{display:inline-flex;font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:var(--mint);gap:10px;align-items:center}.eyebrow-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px #37c7ae23}.hero h1{font-size:clamp(43px,4.35vw,64px);line-height:1.11;margin:20px 0 22px;max-width:680px}.hero em,.section-heading em,.pitch em,.contact em{color:var(--gold);font-style:normal}.hero p{color:#c5d7d3;font-size:17px;max-width:550px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:10px;font-size:13px;letter-spacing:-.005em;font-weight:800;padding:16px 20px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 27px #0002}.btn.primary{background:var(--gold);color:#1a2a26}.btn.ghost{border:1px solid #8caeae88;color:#fff}.btn.white{background:#fff;color:#09302f}.btn.outline-light{border:1px solid #69908e;color:#fff}.btn-full{width:100%}.hero-proof{display:flex;flex-wrap:wrap;gap:19px;font-size:11px;color:#a6c7bc;font-weight:700;margin-top:44px}.hero-visual{position:relative}.photo-frame{height:496px;overflow:hidden;border-radius:138px 138px 24px 24px;position:relative;border:7px solid rgba(255,255,255,.08);box-shadow:0 28px 90px #0007}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,32,35,.60),transparent 38%)}.photo-frame img{width:100%;height:100%;object-fit:cover;animation:photoZoom 18s ease-in-out infinite alternate}.image-credit{position:absolute;bottom:24px;right:14px;left:14px;text-align:center;color:#d9e6e1;font-size:10px;z-index:1}.float-card{position:absolute;display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:14px;color:var(--ink);padding:18px 19px;box-shadow:0 23px 45px #0002;max-width:226px}.float-card strong{font-size:14px}.float-card small{font-size:11px;color:#7d9290}.float-card-a{top:12%;right:-35px;animation:float 7s ease-in-out infinite}.float-card-b{bottom:15%;left:-45px;animation:float 7s ease-in-out infinite 2s}.card-icon{font-size:18px;color:#cc8e47}.card-icon.green{color:#1baf92}.hero-arc{position:absolute;right:-40px;bottom:-42px;opacity:.025;font-size:150px;font-family:Manrope;font-weight:900;white-space:nowrap;pointer-events:none}.strip{background:#f0e7d8;overflow:hidden}.strip-inner{padding-top:19px;padding-bottom:19px;display:flex;align-items:center;gap:27px;justify-content:space-around;white-space:nowrap;font-size:11px;letter-spacing:.13em;font-weight:900;color:#55706a}.strip i{height:4px;width:4px;background:#cb946b;border-radius:50%}.section{padding:112px 0}.section-heading{max-width:660px;margin-bottom:42px}.section-heading h2,.pitch h2,.contact h2{font-size:clamp(38px,4.0vw,56px);line-height:1.14;margin:16px 0 15px}.section-heading em,.contact em{color:#1c9c89}.section-heading p{max-width:560px;color:#6d807e;margin:0;font-size:15px}.section-kicker{color:#229987}.services{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#f6f7f4;border:1px solid var(--line);border-radius:18px;padding:34px;min-height:322px;position:relative;display:flex;flex-direction:column;box-shadow:0 9px 30px #00000008;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-7px);border-color:#92bdb1}.service-card.featured{background:#123c40;color:#fff}.service-card.featured p{color:#c4d9d1}.service-number{font-size:11px;font-weight:900;opacity:.5;letter-spacing:.1em}.service-icon{margin:17px 0 12px;font-size:36px;color:#12b99c;line-height:1}.service-card.featured .service-icon{color:var(--gold)}.service-card h3{font-size:22px;line-height:1.26;margin:0 0 15px}.service-card p{font-size:13px;color:#688080;line-height:1.72}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.chips span{padding:6px 10px;border-radius:6px;background:#d9e9e3;color:#22584e;font-size:10px;font-weight:800}.featured .chips span{background:#285257;color:#d8f5eb}.showcase{background:#f7f5f0}.section-heading.split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading.split p{width:320px}.showcase-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:18px}.showcase-main{position:relative;border-radius:20px;overflow:hidden;min-height:558px;color:#fff;background:#142e2e}.showcase-image{position:absolute;inset:0}.showcase-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.showcase-main:hover .showcase-image img{transform:scale(1.07)}.showcase-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041c1af0,transparent 69%)}.showcase-overlay{position:absolute;z-index:2;bottom:32px;left:35px;right:35px}.pill{font-size:10px;letter-spacing:.12em;color:#cbece4;font-weight:800}.showcase-overlay h3{font-size:34px;margin:10px 0 5px}.showcase-overlay p{font-size:13px;color:#e5ede9;margin:0}.showcase-arrow{float:right;background:var(--gold);color:var(--dark);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-top:-22px}.showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.concept-card{border-radius:19px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:269px}.concept-card.restaurant{background:linear-gradient(120deg,#55261e,#e2a25e)}.concept-shape{padding:19px 25px 0;flex:1;overflow:hidden}.concept-app{height:198px;border-radius:9px 9px 0 0;background:linear-gradient(110deg,rgba(18,23,24,.66),rgba(18,23,24,.25)),url('courtyard-detail.webp') center 58%/cover;transform:rotate(-3deg) translate(12px,11px);border:5px solid #ffffffcc;box-shadow:0 9px 26px #0008;padding:18px;color:#fff}.concept-nav{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;font-weight:800}.concept-title{margin:20px 0 5px;font-family:Georgia,serif;font-size:34px;line-height:.95;letter-spacing:-.04em}.concept-subtitle{font-size:9px;color:#f0e5d4}.concept-pill{display:inline-block;margin-top:14px;border-radius:5px;background:var(--gold);color:#1d2d25;padding:6px 9px;font-size:9px;font-weight:800}.concept-label{background:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:7px}.concept-label span{font-size:9px;color:#587670;font-weight:800;letter-spacing:.1em}.concept-label strong{font-size:13px}.concept-card.app{background:#acc5d1}.app-dash{height:196px;margin:18px 25px 0;background:#f8fcfc;transform:rotate(3deg) translate(-5px,6px);box-shadow:0 11px 30px #183e4461;border:5px solid #ffffffba;border-radius:10px 10px 0 0;display:flex;overflow:hidden}.dashboard-menu{display:flex;flex-direction:column;gap:16px;background:#10373e;color:#91ddd0;padding:20px 13px}.dash-content{padding:17px 20px;flex:1;min-width:0}.dash-content>.tiny{font-size:8px;color:#78908c;font-weight:800}.dash-content>strong{display:block;font-size:19px;margin:7px 0 12px;letter-spacing:-.05em}.dash-cards{display:flex;gap:8px}.dash-cards>div{display:flex;flex-direction:column;flex:1;background:#e6f1ee;padding:8px;border-radius:5px}.dash-cards b{font-size:13px;color:#049a83}.dash-cards span{font-size:8px;color:#52736a}.dash-bars{margin:13px 0 0;display:flex;align-items:end;gap:6px;height:27px}.dash-bars i{display:block;flex:1;background:#8aced0;border-radius:3px 3px 0 0;height:40%}.dash-bars i:nth-child(2){height:70%}.dash-bars i:nth-child(3){height:58%}.dash-bars i:nth-child(4){height:88%;background:#198f8c}.dash-bars i:nth-child(5){height:53%}.dash-bars i:nth-child(6){height:95%}.dash-bars i:nth-child(7){height:67%}.pitch{background:#0d383e;color:#fff;padding:76px 0;overflow:hidden}.pitch-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px}.pitch h2{margin-bottom:0;font-size:clamp(31px,3.5vw,46px)}.pitch .section-kicker{color:#91e0c9}.pitch-decoration{position:absolute;font-size:270px;top:-160px;left:35%;opacity:.07;pointer-events:none}.pricing{background:#fff}.section-heading.centered{text-align:center;max-width:760px;margin:0 auto 46px}.section-heading.centered p{margin:auto}.pricing-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:20px;padding:33px;display:flex;flex-direction:column}.price-card.highlight{border:2px solid #2dbaa1;box-shadow:0 18px 60px #1c8b7d1f}.price-label{font-size:10px;font-weight:900;letter-spacing:.13em;color:#258979}.price-card h3{font-size:23px;line-height:1.25;margin:14px 0 28px}.price{display:flex;flex-direction:column;gap:3px}.price strong{font-family:Manrope,sans-serif;font-size:45px;letter-spacing:-.07em}.price small{font-size:19px;letter-spacing:-.03em}.price>span{font-size:12px;color:var(--muted)}.monthly{background:#ddf5ec;padding:15px;border-radius:9px;display:flex;flex-direction:column;margin:22px 0 20px}.monthly strong{font-size:16px}.monthly span{font-size:11px;line-height:1.5;color:#40736a;margin-top:5px}.price-card ul{list-style:none;padding:0;margin:10px 0 29px;display:grid;gap:12px;font-size:12px;line-height:1.45}.price-card ul li{padding-left:23px;position:relative}.price-card ul li:before{content:'✓';font-weight:900;color:#10ae8a;position:absolute;left:0}.price-card .btn{margin-top:auto}.price-card>p{font-size:13px;color:var(--muted)}.text-link{color:#118b78;font-size:13px;font-weight:800;margin-top:auto}.price-card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.price-card.dark .price-label{color:#82dbc8}.price-card.dark p{color:#c0d6d1}.price-card.dark ul li:before{color:#71dabe}.quote-price{font-family:Manrope,sans-serif;font-size:42px;font-weight:900;letter-spacing:-.06em;margin:15px 0 20px}.quote-price span{display:block;font-size:12px;color:#b4cbc7;letter-spacing:0}.pricing-note{text-align:center;font-size:11px;color:#80908b;margin-top:25px}.workflow{background:#f8f7f3}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:2px solid #d5e0d9;padding:19px 7px 0 0}.step>span{font-size:13px;color:#1a9a85;font-weight:900}.step h3{font-size:21px;margin:18px 0 10px}.step p{font-size:13px;color:#75837e}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{list-style:none;display:flex;justify-content:space-between;gap:22px;font-size:15px;font-weight:800;cursor:pointer}summary::-webkit-details-marker{display:none}summary b{color:#179c86;font-weight:400;font-size:26px;line-height:.8}details[open] summary b{transform:rotate(45deg)}details p{color:#687e79;font-size:13px;margin:15px 30px 0 0}.contact{background:#092930;color:#fff}.contact-grid{display:grid;grid-template-columns:.86fr 1fr;gap:75px;align-items:start}.contact .section-kicker{color:#80dfc7}.contact em{color:var(--gold)}.contact-copy p{color:#b8d0cb;max-width:480px}.contact-method{margin-top:30px;display:flex;align-items:start;flex-direction:column;gap:6px}.contact-method strong{font-size:13px}.contact-method>span{font-size:13px;color:#adc9c3}.contact-method small{opacity:.7}.contact-method .btn{margin-top:8px}.disabled{opacity:.5;pointer-events:none;cursor:default}.contact-form{background:#fff;color:var(--ink);padding:35px;border-radius:20px;box-shadow:var(--shadow)}.form-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px;font-weight:900;font-size:13px;letter-spacing:.1em}.form-head span:last-child{color:#1aa68e;font-size:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:flex;flex-direction:column;font-size:12px;font-weight:800;gap:9px;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #dce6e2;outline:none;border-radius:8px;padding:12px 13px;width:100%;color:#213e41;background:#fbfcfb;font-size:13px;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#30baa6}.contact-form .checkline{flex-direction:row;gap:9px;font-size:11px;line-height:1.6;font-weight:500;color:#58716c}.checkline input{width:17px;height:17px;margin:0;flex-shrink:0}.form-alert{background:#fff3e0;color:#936023;border-radius:6px;padding:10px;font-size:11px;line-height:1.5}.contact-form button:disabled{filter:grayscale(.6);opacity:.65}.footer{background:#061920;color:#e4f1ee}.footer-top{display:flex;align-items:center;gap:45px;justify-content:space-between;padding:49px 0;border-bottom:1px solid #294347}.footer .brand-mark{background:#174249}.footer-top p{font-size:13px;color:#aac0bc;margin:0;max-width:250px}.footer-nav{display:flex;gap:18px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:#8ba7a2;font-size:11px}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes photoZoom{0%{transform:scale(1)}100%{transform:scale(1.07)}}
@media(max-width:1000px){nav{gap:14px}nav>a{font-size:11px}.hero-layout{gap:24px}.hero h1{font-size:50px}.float-card-a{right:-8px}.float-card-b{left:-8px}.service-card{padding:24px}.services-grid,.pricing-grid{gap:12px}.faq-layout{gap:40px}.contact-grid{gap:40px}}
@media(max-width:760px){.container{padding:0 20px}.topline{font-size:9px}.header{height:72px}.brand{font-size:21px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:42px}.menu-toggle span{height:2px;width:24px;background:#123139}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 18px 30px #0002;flex-direction:column;align-items:stretch;gap:16px;font-size:14px}nav.open{display:flex}nav>a{font-size:14px}.nav-action{text-align:center}.hero-layout{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(39px,9.2vw,59px)}.hero p{font-size:15px}.hero-proof{margin-top:29px;gap:12px}.hero-visual{margin:0 14px}.photo-frame{height:420px}.float-card{padding:11px;max-width:168px}.float-card strong{font-size:11px}.float-card small{font-size:9px}.float-card-a{right:-20px}.float-card-b{left:-20px}.section{padding:72px 0}.section-heading h2,.contact h2{font-size:40px}.services-grid{grid-template-columns:1fr}.service-card{min-height:275px}.section-heading.split{display:block}.section-heading.split p{width:auto}.showcase-grid{grid-template-columns:1fr}.showcase-main{min-height:480px}.showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}.concept-card{min-height:270px}.concept-shape{padding:8px 8px 0}.concept-app{transform:none;padding:10px}.concept-nav{font-size:7px}.concept-title{font-size:29px}.concept-label{padding:12px;flex-direction:column;align-items:start}.concept-label strong{font-size:12px}.app-dash{margin:8px 8px 0;transform:none}.dash-content{padding:10px}.dash-content>strong{font-size:15px}.dashboard-menu{padding:11px 8px}.pitch-inner{flex-direction:column;align-items:start}.pricing-grid{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr 1fr;gap:26px}.faq-layout{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-top{flex-direction:column;align-items:start;gap:20px}.footer-bottom{flex-direction:column;gap:8px}.strip-inner{justify-content:start;overflow:hidden;font-size:10px}.form-row{grid-template-columns:1fr}}
@media(max-width:480px){.hero-layout{padding-top:50px}.photo-frame{height:330px;border-radius:85px 85px 22px 22px}.float-card-b{bottom:7%}.hero-actions{flex-direction:column;align-items:stretch}.hero .btn{justify-content:center}.hero-proof{font-size:10px}.showcase-side{grid-template-columns:1fr}.showcase-main{min-height:430px}.concept-card{min-height:275px}.contact-form{padding:22px}.step-grid{gap:15px}.section-heading h2,.pitch h2,.contact h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}