:root{--teal:#087f78;--dark:#10243b;--muted:#526579;--light:#eaf8f5;--border:#dce7e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--dark);line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e9eeee}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750;line-height:1.12;letter-spacing:-.6px}.brand strong{color:var(--teal)}.brand-icon{color:var(--teal);font-size:42px;line-height:1}.site-header nav{display:flex;gap:30px;font-weight:600;font-size:14px}.site-header nav a:hover,.footer-links a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#fff;border:2px solid var(--teal);border-radius:11px;padding:13px 23px;font-weight:750;cursor:pointer;text-align:center;transition:transform .2s,background .2s}.btn:hover{background:#066961;transform:translateY(-1px)}.btn-small{font-size:13px;padding:10px 16px}.btn-outline{background:#fff;color:var(--teal)}.btn-outline:hover{background:var(--light)}.btn-full{width:100%}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.hero{background:linear-gradient(110deg,#f7fcfb,#e9f9f5);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:535px;padding:72px 0}.eyebrow{color:var(--teal);font-size:12px;font-weight:850;letter-spacing:2px;margin:0 0 16px}.hero h1{font-size:clamp(37px,4.4vw,62px);line-height:1.09;letter-spacing:-2.6px;margin:0 0 23px}.hero h1 span{color:var(--teal)}.lead{font-size:18px;color:var(--muted);max-width:550px;margin:0 0 28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#315c59;font-size:13px;font-weight:650}.hero-art{position:relative;height:380px;display:flex;align-items:center}.art-orbit{position:absolute;border-radius:50%;background:#d1f1e8}.orbit-one{width:400px;height:400px;right:0}.orbit-two{width:280px;height:280px;right:60px;background:#b8e8de}.browser{position:relative;width:92%;border-radius:14px;background:white;box-shadow:0 20px 60px #1e635d30;overflow:hidden;z-index:2}.browser-top{height:36px;background:#edf4f4;display:flex;align-items:center;gap:5px;padding:0 13px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#b4c8ca}.browser-top span{font-size:9px;color:#82979a;margin:auto}.browser-body{height:245px;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;padding:30px 22px}.mock-text{display:flex;flex-direction:column;align-items:start;gap:10px}.mock-label{font-size:10px;color:var(--teal);font-weight:800}.mock-text b{font-size:24px;line-height:1.2}.mock-line{height:7px;background:#d7e5e5;border-radius:5px;width:100%}.mock-line.short{width:70%}.mock-button{font-size:10px;color:white;background:var(--teal);border-radius:6px;padding:7px 12px}.mock-graphic{position:relative;background:#d6f1e7;border-radius:10px;overflow:hidden}.sun{position:absolute;width:45px;height:45px;background:#f7cd80;border-radius:50%;top:30px;right:28px}.hill{position:absolute;width:210px;height:180px;background:#4eab91;border-radius:50%;bottom:-110px;left:-20px}.hill2{background:#2b8e76;left:75px;bottom:-120px}.phone{position:absolute;z-index:3;right:-10px;bottom:0;width:115px;height:225px;border:7px solid #1c3546;border-radius:20px;background:white;box-shadow:0 12px 35px #123b3840;padding:15px 10px}.phone-top{width:35px;height:5px;background:#1c3546;border-radius:5px;margin:-9px auto 19px}.phone-title{height:9px;background:var(--teal);width:70%;border-radius:3px;margin-bottom:12px}.phone-picture{height:80px;background:linear-gradient(145deg,#bce9df,#5fbda4);border-radius:5px}.phone-line{height:5px;background:#d8e5e5;margin-top:10px;border-radius:3px}.phone-line.short{width:65%}.phone-button{background:var(--teal);height:15px;width:70%;margin-top:14px;border-radius:4px}.art-badge{position:absolute;z-index:4;left:-15px;bottom:8px;background:white;color:var(--teal);box-shadow:0 10px 25px #16443e20;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800}.section{padding:85px 0}.center{text-align:center}h2{font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-1.2px;margin:0 0 14px}.section-intro{text-align:center;color:var(--muted);margin:0 auto 42px;max-width:640px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.price-card,.work-card,.contact-form{border:1px solid var(--border);border-radius:17px;background:#fff}.service-card{padding:26px 22px}.service-icon{display:inline-grid;place-items:center;width:49px;height:49px;border-radius:13px;background:var(--light);color:var(--teal);font-size:29px;font-weight:800}.service-card h3{font-size:18px;margin:17px 0 8px}.service-card p,.price-card p,.work-card p,.contact-grid p{color:var(--muted);font-size:14px}.tinted{background:#f5faf9}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{padding:29px 27px;position:relative;display:flex;flex-direction:column}.price-card.featured{border:2px solid #79cfc2;box-shadow:0 12px 30px #0b827417}.popular{position:absolute;top:-17px;left:50%;transform:translateX(-50%);background:var(--teal);color:white;border-radius:50px;padding:5px 18px;font-size:10px;font-weight:850;white-space:nowrap}.price-icon{color:var(--teal);font-size:31px}.price-card h3{margin:8px 0 4px;font-size:21px}.price-card p{margin:0;min-height:46px}.price{font-size:42px;font-weight:850;color:var(--teal);margin:22px 0}.price small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:-10px}.price-card ul{padding:0;list-style:none;margin:0 0 30px;flex:1}.price-card li{padding:7px 0 7px 25px;position:relative;font-size:14px}.price-card li:before{content:'✓';color:var(--teal);font-weight:900;position:absolute;left:0}.price-note{text-align:center;color:var(--muted);font-size:12px;margin:25px auto 0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.work-card{overflow:hidden}.work-visual{height:255px;padding:22px 28px;overflow:hidden}.trade{background:linear-gradient(115deg,#234a39,#6ca177)}.wellness{background:linear-gradient(115deg,#ead7c7,#f7eee8)}.sample-nav{font-size:12px;font-weight:850;color:#fff;display:flex;justify-content:space-between}.sample-nav span{font-size:9px;font-weight:500}.wellness .sample-nav{color:#654b46}.sample-head{font-size:33px;line-height:1.2;letter-spacing:-1px;font-weight:800;color:#fff;margin-top:49px;max-width:250px}.wellness .sample-head{color:#654b46}.sample-head small{display:block;font-size:13px;letter-spacing:0;font-weight:400;margin-top:12px}.sample-pill{display:inline-block;background:#c9f07b;color:#264129;font-size:10px;letter-spacing:0;padding:9px 16px;border-radius:20px;margin-top:18px}.wellness .sample-pill{background:#755d55;color:white}.work-copy{padding:22px 25px}.work-copy h3{margin:0 0 4px}.work-copy p{margin:0 0 10px}.demo-tag{font-size:11px;color:#637b83}.cta-band{background:var(--teal);color:#fff;padding:38px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:29px;margin:0 0 4px}.cta-inner p{margin:0}.btn-white{background:#fff;color:var(--teal);border-color:#fff;white-space:nowrap}.btn-white:hover{background:#e9f7f3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.contact-grid h2{max-width:430px}.contact-detail{margin:22px 0;font-weight:650;overflow-wrap:anywhere}.contact-detail a{color:var(--teal)}.contact-hint{margin-top:34px}.contact-form{padding:30px;display:flex;flex-direction:column;gap:9px;box-shadow:0 10px 35px #10243b08}.contact-form label{font-size:13px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ccd9da;border-radius:8px;padding:12px 13px;margin-bottom:9px;background:#fff;color:var(--dark)}.contact-form :is(input,select,textarea):focus{outline:2px solid #78cfc4;outline-offset:1px}.form-note{font-size:11px!important;margin:0;text-align:center}footer{background:#10243b;color:#fff;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-inner p{color:#bed0d8;font-size:12px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-inner>div:last-child{text-align:right;font-size:13px}.footer-brand strong{color:#6bdbca}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.header-cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:20px}.contact-grid{gap:35px}}@media(max-width:700px){.nav-wrap{min-height:70px}.brand{font-size:16px}.brand-icon{font-size:34px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 20px #0001;flex-direction:column;gap:18px}.site-header nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:58px 0 36px;gap:10px}.hero-art{height:315px;max-width:480px;width:100%;margin:auto}.browser-body{height:215px}.hero h1{letter-spacing:-1.7px}.section{padding:62px 0}.service-grid,.pricing-grid,.work-grid,.contact-grid{grid-template-columns:1fr}.price-card{max-width:500px;width:100%;margin:auto}.pricing-grid{gap:28px}.cta-inner{flex-direction:column;align-items:start}.footer-inner{flex-direction:column}.footer-inner>div:last-child{text-align:left}.work-visual{height:225px}}@media(max-width:390px){.hero-actions .btn{width:100%}.trust{gap:12px}.hero-art{transform:scale(.88);transform-origin:center top;margin-bottom:-30px}.contact-form{padding:20px}.sample-nav span{display:none}}
