:root{--green:#168447;--green-dark:#0c5c32;--green-soft:#eaf6ee;--ink:#183126;--muted:#66766c;--line:#dfe9e2;--white:#fff;--shadow:0 18px 50px rgba(19,78,43,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf2ee;display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--green);color:white;font-weight:900;font-size:25px;border-radius:13px 13px 13px 4px;box-shadow:0 5px 14px #16844733}.brand strong{display:block;letter-spacing:1.5px;font-size:17px;line-height:1.25}.brand small{display:block;font-size:9px;letter-spacing:1.1px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650;color:#53665a}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:var(--green)}.nav .nav-cta{background:var(--green);color:#fff;padding:11px 18px;border-radius:9px}.nav .nav-cta:hover{background:var(--green-dark);color:#fff}.menu-toggle{display:none;border:0;background:var(--green-soft);padding:8px 12px;border-radius:8px;font-size:22px;color:var(--green)}.hero{background:radial-gradient(ellipse at 80% 35%,#d8f1df 0,transparent 40%),linear-gradient(115deg,#f6fbf7,#fff 65%);overflow:hidden}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding-top:50px;padding-bottom:55px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:800;letter-spacing:1.8px;font-size:10px}.dot{width:7px;height:7px;background:#25aa5d;border-radius:50%;box-shadow:0 0 0 5px #d8f4e0}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,61px);letter-spacing:-2.6px;line-height:1.1;margin:20px 0}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.page-hero h1 span{color:var(--green)}.hero-copy>p,.page-hero p{font-size:16px;color:var(--muted);max-width:540px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 21px;border-radius:9px;font-size:13px;font-weight:750;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:white;box-shadow:0 8px 20px #1684472b}.btn-primary:hover{background:var(--green-dark)}.btn-outline{border-color:#cbdccf;color:var(--ink);background:#fff}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:32px}.proof-icon,.check-circle{display:grid;place-items:center;background:#dff4e5;color:var(--green);width:34px;height:34px;border-radius:50%;font-weight:900}.hero-proof p{margin:0;font-size:13px;line-height:1.5}.hero-proof small{color:var(--muted)}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.visual-glow{position:absolute;width:390px;height:390px;background:#d4efdc;border-radius:50%;filter:blur(1px)}.camera-card{position:relative;z-index:2;width:min(410px,90%);background:#fff;border:1px solid #dcebe0;border-radius:22px;padding:19px 20px 15px;box-shadow:0 28px 65px #1c6d3a20;transform:rotate(-2deg)}.camera-top{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#54705d;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#22b45a;border-radius:50%}.camera-svg{width:100%;height:auto;margin:8px 0}.camera-footer{display:flex;justify-content:space-between;border-top:1px solid #e9f0eb;padding-top:12px;color:#678071;font-size:10px;font-weight:700}.camera-footer i{display:inline-block;width:6px;height:6px;background:#20a951;border-radius:50%;margin-right:5px}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);border:1px solid #e5eee7}.floating-chip>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:22px}.floating-chip strong,.floating-chip small{display:block}.floating-chip strong{font-size:12px}.floating-chip small{font-size:10px;color:var(--muted)}.chip-one{top:38px;right:-4px}.chip-two{bottom:30px;left:-5px}.hero-orbit{position:absolute;width:450px;height:450px;border:1px dashed #a7d5b4;border-radius:50%}.trust-strip{border-top:1px solid #eaf0eb;border-bottom:1px solid #eaf0eb;background:#fff}.trust-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-inner span{font-size:9px;color:#8a9a8f;font-weight:800;letter-spacing:1.2px}.trust-inner strong{font-size:11px;letter-spacing:.5px;color:#45614e}.section{padding:95px 0}.section-soft{background:#f5faf6}.section-heading{max-width:620px;margin-bottom:38px}.section-heading h2,.about-copy h2{font-size:clamp(31px,4vw,43px);line-height:1.17;letter-spacing:-1.4px;margin:13px 0}.section-heading p,.about-copy p{color:var(--muted);font-size:14px;line-height:1.9}.centered{text-align:center;margin-left:auto;margin-right:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:15px;padding:28px 25px;background:#fff;transition:transform .25s,box-shadow .25s}.service-card:hover,.portfolio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:48px;height:48px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-size:24px;margin-bottom:20px}.service-card h3{font-size:17px;margin:0 0 9px}.service-card p{font-size:13px;color:var(--muted);line-height:1.8;min-height:70px}.service-card>a,.text-link{color:var(--green);font-size:12px;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.about-art{min-height:365px;position:relative;background:linear-gradient(140deg,#e4f5e9,#f7fcf8);border-radius:24px;display:grid;place-items:center;overflow:hidden}.about-art:before,.about-art:after{content:"";position:absolute;border:1px solid #c0e3ca;border-radius:50%;width:300px;height:300px}.about-art:after{width:220px;height:220px}.big-letter{font-size:220px;font-weight:900;line-height:1;color:#168447;opacity:.12}.art-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e2eee5;border-radius:13px;box-shadow:var(--shadow)}.art-caption strong,.art-caption small{display:block}.art-caption strong{font-size:13px}.art-caption small{font-size:11px;color:var(--muted)}.center-note{margin-top:20px}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.client-grid>div{border:1px solid var(--line);border-radius:12px;padding:20px 10px;text-align:center;font-size:17px;font-weight:850;color:var(--green)}.client-grid small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:4px}.note{font-size:11px;color:#89978d}.cta-section{background:linear-gradient(115deg,#0e6335,#168447);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow.light{color:#bde9c9}.cta-inner h2{font-size:clamp(28px,4vw,38px);letter-spacing:-1px;margin:10px 0}.cta-inner p{margin:0;color:#d5efdc;font-size:14px}.btn-white{background:#fff;color:var(--green-dark);white-space:nowrap}.footer{background:#10271a;color:#d9e7dd;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:70px;padding-bottom:45px}.brand-footer strong{color:#fff}.brand-footer small{color:#9db6a5}.footer-grid p{font-size:12px;line-height:1.8;color:#a9bdb0;margin:18px 0}.footer-tagline{font-size:12px;color:#b6e8c4}.footer h4{color:#fff;font-size:13px;margin:5px 0 17px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#b4c7b9;margin:10px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #294436;display:flex;justify-content:space-between;gap:15px;padding:18px 0;color:#8fa797;font-size:10px}.page-hero{padding:76px 0 70px;background:radial-gradient(ellipse at 82% 20%,#dff4e5,transparent 42%),#f6fbf7}.page-hero h1{max-width:850px;font-size:clamp(38px,5vw,55px)}.page-hero p{max-width:650px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-grid article{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.value-grid article>span{font-size:12px;color:var(--green);font-weight:900}.value-grid h3{margin:12px 0 7px}.value-grid p{color:var(--muted);font-size:13px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-card{padding:30px;border:1px solid var(--line);border-radius:16px;scroll-margin-top:100px}.detail-card h2{font-size:20px;margin:0 0 10px}.detail-card p,.detail-card li{font-size:13px;color:var(--muted);line-height:1.8}.detail-card ul{padding-left:19px}.detail-card li::marker{color:var(--green)}.service-disclaimer{margin-top:30px;padding:18px 20px;border-radius:12px;background:#f1f8f3;border:1px solid #d9ecdf;font-size:12px;color:#52695a;line-height:1.8}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}.portfolio-visual{height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--green);background:linear-gradient(140deg,#e4f5e9,#f7fcf8)}.portfolio-visual>span{font-size:58px;font-weight:300}.portfolio-visual small{font-size:9px;font-weight:850;letter-spacing:1.5px}.visual-school{background:linear-gradient(140deg,#e8f0fb,#f7faff);color:#376c9d}.visual-business{background:linear-gradient(140deg,#f3eee1,#fcfaf4);color:#8c713c}.portfolio-body{padding:24px}.portfolio-type{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--green);font-weight:850}.portfolio-body h3{font-size:17px;line-height:1.4}.portfolio-body p,.portfolio-location{font-size:12px;color:var(--muted);line-height:1.8}.portfolio-location{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:15px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.contact-info h2,.form-card h2{font-size:31px;letter-spacing:-1px;margin:10px 0}.contact-info>p,.form-intro{font-size:13px;color:var(--muted);line-height:1.8}.contact-item{display:flex;gap:15px;margin:26px 0;align-items:flex-start}.contact-item>span{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:var(--green-soft);border-radius:12px;color:var(--green);font-size:20px}.contact-item small{font-size:9px;letter-spacing:1.3px;font-weight:850;color:#809286;display:block}.contact-item a,.contact-item p{font-size:13px;margin:4px 0;color:var(--ink)}.contact-callout{padding:18px 20px;background:#f1f8f3;border-radius:12px;border-left:3px solid var(--green)}.contact-callout strong{color:var(--green-dark)}.contact-callout p{margin:4px 0 0;font-size:11px;color:var(--muted)}.form-card{padding:32px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.form-card h2{font-size:25px}.form-intro{margin-bottom:25px}.form-card label{display:block;font-size:12px;font-weight:750;margin:15px 0 7px}.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px 13px;border:1px solid #d9e5dc;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #16844717}.form-card textarea{resize:vertical}.submit-btn{margin-top:20px;width:100%}.form-message{font-size:10px;color:#7b8c80;line-height:1.6;margin:13px 0 0}.form-message.success{color:var(--green-dark)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:65px}.hero-copy{max-width:700px}.hero-visual{min-height:400px}.trust-inner{justify-content:center;padding:22px 0}.trust-inner span{width:100%;text-align:center}.split{gap:40px}.client-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:35px}.contact-grid{gap:35px}}@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.site-header{height:72px}.brand-mark{width:39px;height:39px}.brand strong{font-size:15px}.brand small{font-size:8px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:15px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #10271a12;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 15px}.nav .nav-cta{text-align:center;margin-top:5px}.hero-grid{padding-top:45px;padding-bottom:35px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-visual{min-height:340px}.visual-glow{width:280px;height:280px}.hero-orbit{width:310px;height:310px}.camera-card{width:82%;padding:14px}.chip-one{right:0;top:20px}.chip-two{left:0;bottom:15px}.floating-chip{padding:9px 11px}.floating-chip>span{width:30px;height:30px}.floating-chip strong{font-size:10px}.floating-chip small{font-size:9px}.trust-inner{gap:14px}.trust-inner strong{font-size:9px}.section{padding:65px 0}.section-heading h2,.about-copy h2{font-size:33px}.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.split{grid-template-columns:1fr;gap:35px}.about-art{min-height:290px}.big-letter{font-size:170px}.client-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:55px 0}.page-hero h1{font-size:40px;letter-spacing:-1.8px}.value-grid{grid-template-columns:1fr 1fr}.service-detail-grid,.portfolio-grid,.contact-grid{grid-template-columns:1fr}.detail-card{padding:23px}.form-card{padding:23px}.portfolio-visual{height:155px}}@media(max-width:390px){.value-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.hero-actions .btn{width:100%}}