/* ZX7: the final public homepage. No remote dependencies or decorative libraries. */
:root{--paper:#f6f5f1;--white:#fffefa;--ink:#17191a;--muted:#515858;--line:#d8d8d1;--accent:#d7ff56;--frame:1260px;--gutter:clamp(20px,4.5vw,64px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Devanagari",sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.052em;font-weight:650}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #50782c;outline-offset:4px}[hidden]{display:none!important}.frame{max-width:calc(var(--frame) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:60;padding:10px 16px;background:var(--ink);color:white}.skip-link:focus{top:12px}.eyebrow,.service-index,.subhead{font-size:.73rem;font-weight:750;line-height:1.5;letter-spacing:.10em;text-transform:uppercase}
.site-header{z-index:30;position:relative;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-letters,.footer-wordmark{font-size:2rem;font-weight:850;letter-spacing:-.095em;line-height:1}.brand-letters span,.footer-wordmark span{color:#536e17}.brand-letters i,.footer-wordmark i{color:var(--ink);font-style:normal}.brand-caption{border-left:1px solid var(--line);padding-left:13px;letter-spacing:.11em;font-size:.57rem;line-height:1.6;font-weight:800}.desktop-nav{margin-left:auto;display:flex;gap:30px}.desktop-nav a{font-size:.9rem;font-weight:550}.desktop-nav a:hover,.text-link:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.nav-end{display:flex;align-items:center;gap:19px}.lang-toggle{border:0;background:transparent;font-size:.76rem;font-weight:750;padding:12px 2px}.lang-divider{color:#90958b;padding:0 5px}.nav-cta,.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-radius:3px;border:1px solid var(--ink);font-weight:650;padding:15px 20px;font-size:.91rem;line-height:1.2;transition:background .2s,color .2s,transform .2s}.nav-cta{background:var(--ink);color:var(--white);white-space:nowrap}.nav-cta:hover,.button-dark:hover{background:#3e423a;transform:translateY(-1px)}.button-dark{background:var(--ink);color:white}.button-lime{border-color:var(--accent);background:var(--accent);color:var(--ink)}.button-lime:not(:disabled):hover{background:#e5ff9b}.button:disabled{opacity:.6;cursor:not-allowed}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:clamp(80px,10vw,148px);padding-bottom:29px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.65fr);align-items:center;gap:clamp(30px,6vw,100px)}.hero .eyebrow{color:#5c625f;margin:0 0 29px}.hero h1{font-size:clamp(3.15rem,5.8vw,6.65rem);line-height:1.055;letter-spacing:-.074em;margin-bottom:30px;max-width:840px}.hero h1 span{color:#646c61}.hero-description{max-width:510px;font-size:clamp(1.06rem,1.45vw,1.28rem);color:#434949;line-height:1.65;margin-bottom:31px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.text-link{font-size:.93rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.hero-art{width:100%;aspect-ratio:4/5;display:grid;place-items:center;max-height:490px}.art-square{position:relative;overflow:hidden;width:100%;height:100%;background:#dce4d1;border-radius:2px;display:flex;align-items:center;justify-content:center}.art-square::before{content:'';width:65%;height:63%;border:1px solid #879b75;position:absolute;transform:rotate(-12deg)}.art-monogram{font-size:clamp(5rem,12vw,12rem);letter-spacing:-.18em;font-weight:800;z-index:2;line-height:1}.art-monogram span{color:#536e17}.art-index{position:absolute;bottom:24px;left:24px;letter-spacing:.13em;font-size:.63rem;font-weight:750}.art-line{width:180%;height:1px;position:absolute;top:45%;left:-35%;background:#9db58d;transform:rotate(-37deg)}.art-line-two{top:60%;transform:rotate(32deg)}.hero-foot{margin-top:95px;padding-top:19px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.69rem;font-weight:700;letter-spacing:.11em;color:var(--muted)}
.section{padding:clamp(74px,8vw,123px) 0}.section-top{display:grid;grid-template-columns:1fr 2fr;column-gap:35px;row-gap:13px;align-items:start;margin-bottom:40px}.section-top .eyebrow{margin:10px 0 0}.section-top h2{font-size:clamp(2.5rem,4vw,4.6rem);line-height:1.09;margin-bottom:0}.section-top>p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:1.03rem}.section-services{background:#fffefa}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--white);padding:27px;min-height:225px;display:flex;flex-direction:column;position:relative;transition:background .2s}.service-card:hover{background:#eef1e9}.service-card .service-index{color:#68706a}.service-card h3{font-size:clamp(1.32rem,2vw,1.75rem);line-height:1.25;margin:22px 0 8px}.service-card p{max-width:260px;font-size:.91rem;line-height:1.6;color:var(--muted);margin:0}.card-arrow{position:absolute;right:24px;top:25px;font-size:1.16rem}.main-service{background:var(--ink);color:white}.main-service:hover{background:#323633}.main-service .service-index,.main-service p{color:#d3d7cf}.main-service h3{font-size:clamp(1.5rem,2.3vw,2rem)}
.section-work{background:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{min-width:0;display:block}.work-visual{aspect-ratio:1.1/1;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;transition:filter .2s}.work-card:hover .work-visual{filter:brightness(.95)}.work-architecture{background:#d6cec0;color:#2b2e2d;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px}.work-architecture strong{font-size:clamp(2.1rem,4.1vw,4rem);letter-spacing:-.08em;line-height:.99;z-index:1}.work-architecture-graphic{position:absolute;display:flex;align-items:flex-end;right:0;top:0;width:85%;height:75%;gap:4px;transform:skewY(-18deg)}.work-architecture-graphic span{display:block;background:#b5a995;height:85%;flex:1}.work-architecture-graphic span:nth-child(2){height:60%;background:#e5dfd5}.work-architecture-graphic span:nth-child(3){height:98%;background:#867e73}.work-objects{background:#d6d9cf;color:#323936}.work-objects strong{position:absolute;bottom:25px;left:24px;letter-spacing:.04em;font-size:.76rem}.product-object{width:42%;height:53%;border-radius:48% 48% 25% 25%;background:linear-gradient(130deg,#e4e5d7,#7a8374);box-shadow:27px 25px 40px #7e857f55;transform:rotate(-15deg)}.product-object-small{position:absolute;width:22%;height:34%;border-radius:25% 25% 45% 45%;background:#f3f1df;box-shadow:15px 12px 20px #777b7440;transform:translate(80px,32px) rotate(22deg)}.work-health{background:#dbe5da;color:#316c57;justify-content:flex-start;align-items:flex-end;padding:28px}.work-health strong{font-size:clamp(2.2rem,4.1vw,4rem);letter-spacing:-.07em;line-height:1.0;z-index:1}.health-mark{position:absolute;top:6%;right:14%;font-size:13rem;line-height:1;color:#aacbb7;font-weight:300}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:19px 0 0}.work-caption h3{font-size:1.22rem;letter-spacing:-.03em;font-weight:650;line-height:1.3;margin:6px 0 0}.work-caption .eyebrow{font-size:.59rem;color:#6c726f}.work-caption>span{font-size:1.35rem}.work-disclaimer{margin:26px 0 9px;color:var(--muted);font-size:.88rem}.portfolio-link{display:inline-block;margin-top:12px}.live-projects{margin-bottom:44px}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.live-card{border:1px solid var(--line);padding:20px;background:#fff}.live-card img{width:100%;height:190px;object-fit:cover}.live-card h3{font-size:1.3rem}.live-card p{color:var(--muted)}
.section-approach{background:var(--ink);color:#f6f5f1}.section-approach .section-top>p,.section-approach .eyebrow{color:#c6cac4}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #626764;gap:20px;padding-top:25px}.process-grid>div>span{font-size:.75rem;color:var(--accent)}.process-grid h3{font-size:1.75rem;margin:21px 0 8px}.process-grid p{color:#c5ccc7;line-height:1.55;font-size:.9rem}.signal-check{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:85px;padding:44px;border:1px solid #616965;background:#242726}.signal-check h3{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.15;margin:14px 0 10px}.signal-check p{color:#c7cdc5}.signal-options{display:grid;grid-template-columns:1fr;gap:8px}.signal-option{text-align:left;background:transparent;color:#fff;border:1px solid #67736b;border-radius:3px;padding:15px 20px;font-size:.9rem}.signal-option:hover,.signal-option[aria-pressed="true"]{border-color:var(--accent);background:#3b4437}.signal-result{margin-top:18px;min-height:75px}.signal-result p{margin:0 0 9px}.signal-result a{font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.section-questions{background:#fffefa}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq-grid h2{font-size:clamp(2.3rem,3.9vw,4.4rem)}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line);padding:21px 0}.accordion summary{font-size:1.08rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:650}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:'+';font-size:1.45rem;font-weight:400}.accordion details[open] summary::after{content:'−'}.accordion p{max-width:570px;margin:13px 0 0;color:var(--muted)}
.section-contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:clamp(25px,6vw,90px);align-items:start}.contact-copy h2{font-size:clamp(2.8rem,4.5vw,5rem);line-height:1.08;margin:20px 0 18px}.contact-copy p{color:var(--muted);font-size:1.06rem}.contact-methods{display:grid;gap:10px;margin-top:26px}.contact-methods a{font-weight:650;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-panel{background:#fffefa;border:1px solid var(--line);padding:clamp(25px,4vw,45px)}.contact-form{display:grid;gap:22px}.contact-form label{font-weight:650;font-size:.87rem;display:grid;gap:8px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;background:#fff;border:1px solid #9a9f97;border-radius:2px;padding:15px 13px;width:100%;min-width:0;color:var(--ink)}.contact-form textarea{resize:vertical;min-height:110px}.contact-form .consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:.8rem;line-height:1.5}.consent input{margin-top:4px;accent-color:#536e17}.consent a{text-decoration:underline;text-underline-offset:2px}.form-trap{position:absolute!important;left:-9999px!important;opacity:0!important}.form-status{margin:0;color:#414b40;font-size:.86rem}.form-footnote{margin:0;color:var(--muted);font-size:.76rem}.contact-form .button{justify-content:center;width:max-content}.footer{background:#111316;color:#f6f5f1;padding:34px 0}.footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:28px;font-size:.85rem}.footer-wordmark{font-size:1.8rem}.footer-wordmark span{color:var(--accent)}.footer-wordmark i{color:var(--white)}.footer-inner p{margin:0;color:#b7bdbb}.footer-inner>div{margin-left:auto;display:flex;gap:25px}.footer-inner>span{color:#bcc4bd}
.hindi-mode h1,.hindi-mode h2,.hindi-mode h3{letter-spacing:-.03em}.hindi-mode .hero h1{font-size:clamp(2.8rem,5.5vw,5.7rem)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1.4fr .65fr;gap:30px}.hero h1{font-size:clamp(3.1rem,6vw,5rem)}.services-grid{grid-template-columns:repeat(2,1fr)}.work-grid{gap:14px}.work-visual{aspect-ratio:1/1}.work-caption h3{font-size:1.06rem}.signal-check{gap:25px;padding:25px}}
@media(max-width:820px){.header-inner{height:72px}.desktop-nav,.nav-cta{display:none}.nav-end{margin-left:auto}.menu-toggle{display:flex;width:42px;height:40px;align-items:center;justify-content:center;gap:6px;flex-direction:column;background:transparent;border:1px solid var(--line);border-radius:2px}.menu-toggle span{display:block;background:var(--ink);width:19px;height:2px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:16px var(--gutter) 26px;border-top:1px solid var(--line);background:var(--paper)}.mobile-nav a{font-size:1.05rem;padding:12px 0;border-bottom:1px solid var(--line)}.hero{padding-top:70px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero h1{max-width:780px}.hero-foot{margin-top:70px}.section-top{grid-template-columns:1fr}.section-top .eyebrow{margin:0}.section-top>p{grid-column:1}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-grid,.contact-grid{grid-template-columns:1fr}.faq-grid{gap:15px}.signal-check{grid-template-columns:1fr}.work-visual{min-height:200px}}
@media(max-width:600px){.brand-caption{font-size:.49rem;padding-left:10px}.brand-letters{font-size:1.7rem}.hero{padding-top:74px}.hero h1{font-size:clamp(2.6rem,10.1vw,4.2rem);line-height:1.095}.hero-description{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-foot{margin-top:64px;font-size:.58rem}.section{padding:76px 0}.section-top h2{font-size:2.65rem}.services-grid{grid-template-columns:1fr}.service-card{min-height:166px;padding:23px}.service-card h3{margin-top:16px}.service-card .service-index{font-size:.65rem}.work-grid{grid-template-columns:1fr;gap:34px}.work-visual{aspect-ratio:1.25/1}.work-caption h3{font-size:1.22rem}.process-grid{gap:15px}.process-grid h3{font-size:1.3rem}.signal-check{margin-top:55px;padding:22px}.faq-grid h2,.contact-copy h2{font-size:2.85rem}.form-two{grid-template-columns:1fr}.footer-inner{gap:17px}.footer-inner>div{margin-left:0}.live-grid{grid-template-columns:1fr}}
@media(max-width:360px){.brand-caption{display:none}.hero h1{font-size:2.45rem}.hero .eyebrow{font-size:.65rem}.button{gap:18px}.section-top h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}