:root{--bg:#fffcf7;--ink:#303f37;--green:#28745b;--muted:#6e786d;--line:#e5e5d8;--wash:#f2f3e9;--font:Georgia,"Times New Roman",serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit}header,main,footer{max-width:1320px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:30px}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-1px}.brand img{object-fit:contain}.brand-sub{display:block;font-size:9px;letter-spacing:4px;margin-top:6px}nav{display:flex;align-items:center;gap:28px;font-size:16px}nav a{padding:8px 0}nav a[aria-current],nav a:hover{color:var(--green);box-shadow:0 2px var(--green)}main{padding:0 24px}.panel{background:#fffefb;border:1px solid var(--line);border-radius:26px;padding:60px;margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-2px;font-weight:500}h1{font-size:clamp(44px,4.8vw,68px);margin-bottom:28px}h2{font-size:clamp(32px,3.4vw,46px);margin-bottom:24px}h3{font-size:26px;letter-spacing:-.7px}em{font-style:normal;color:var(--green)}p{color:var(--muted);margin-bottom:22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--green);margin-bottom:23px}.hero{background:linear-gradient(110deg,#f5f2e9,#f5f6ec);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:620px}.hero-copy>p:not(.eyebrow){max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:13px 21px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#1d5944;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--green);border-color:#c4cebe}.button.secondary:hover{background:#e2ecdc}.hero-note{display:flex;align-items:center;gap:12px;margin-top:40px;color:var(--muted);font-size:13px}.small-line{width:30px;height:1px;background:var(--green)}.orbit-art{color:#528268;position:relative;text-align:center}.orbit-art svg{display:block;width:100%;max-width:480px;margin:auto}.rotation{transform-origin:240px 240px;animation:orbit 65s linear infinite}.art-caption{display:block;font-size:10px;letter-spacing:2.4px;margin-top:-12px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;margin-bottom:30px}.section-heading p:last-child{max-width:380px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principles article{padding:26px 20px;border:1px solid var(--line);background:var(--wash);border-radius:14px}.number{display:block;font-size:14px;color:var(--green);margin-bottom:36px}.principles h3{font-size:23px;line-height:1.3;margin-bottom:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{display:block;padding:32px;background:#f5f5ed;border:1px solid var(--line);border-radius:18px;transition:border-color .2s}.product-card:hover{border-color:var(--green)}.product-card:nth-child(2){background:#f6f2e8}.product-card p{font-size:17px}.product-title{display:flex;justify-content:space-between}.product-title h3{font-size:39px}.product-title>span{font-size:30px;color:var(--green)}.wealth-preview,.fund-preview{background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:22px;margin:26px 0;font-size:13px;height:195px}.preview-bars{display:flex;gap:16px;height:85px;align-items:end;margin:10px 0}.preview-bars i{width:17%;height:50%;border-radius:5px 5px 0 0;background:#bfd2bc}.preview-bars i:nth-child(2){height:70%}.preview-bars i:nth-child(3){height:55%}.preview-bars i:nth-child(4){height:85%}.preview-bars i:nth-child(5){height:100%;background:var(--green)}.preview-tags{display:flex;gap:12px;color:var(--muted);font-size:11px}.browser-dots{font-size:9px;color:#b5b7a6;display:flex;gap:18px;margin-bottom:14px}.browser-dots span{font-size:11px}.fund-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0}.fund-row strong{font-weight:500;color:var(--green)}.text-link{font-size:16px;font-weight:600;color:var(--green)}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.security-panel{background:#f0f3e9}.checks{list-style:none;padding:0;margin:26px 0}.checks li{margin:10px 0;font-size:16px}.checks li:before{content:'✓';color:var(--green);padding-right:12px}.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:50px}.faq-layout>div:first-child p{max-width:310px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:17px;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:22px;color:var(--green)}details[open] summary>span:last-child{transform:rotate(45deg)}details p{font-size:16px;margin:16px 0 0}.closing{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:60px;border-radius:26px;background:#e4eddf;margin-bottom:24px}.closing h2{font-size:48px}.closing p:last-child{margin:0}.closing .button{flex-shrink:0}.page-title{padding:65px 60px 30px;max-width:900px}.page-title p:last-child{max-width:610px}.notice{border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.notice p{font-size:16px}.scripts{letter-spacing:1px}.contact-email{font-size:clamp(17px,3vw,29px);color:var(--green);overflow-wrap:anywhere}.contact-card .muted{margin-top:30px;font-size:15px}.product-image{width:100%;height:auto;border-radius:14px}footer{padding:55px 60px 25px}.footer-top{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:40px}.footer-top>.brand{margin-bottom:20px}.footer-top>div>p:not(.eyebrow){font-size:16px;margin-top:25px}.footer-top>div>a:not(.brand),.pending-link{display:block;font-size:15px;margin-bottom:10px}.pending-link{color:var(--muted);font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:25px;border-top:1px solid var(--line);margin-top:35px}.menu-toggle{display:none}.skip-link{position:absolute;top:-100px;left:20px;background:var(--green);color:white;padding:10px;z-index:20}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #9ba774;outline-offset:5px}@keyframes orbit{to{transform:rotate(360deg)}}@media(min-width:1500px){header,main,footer{max-width:1380px}}@media(max-width:1000px){header{padding:0 28px}nav{gap:16px;font-size:14px}.panel,.closing{padding:36px}.hero{min-height:530px}.split{gap:30px}.principles{grid-template-columns:repeat(2,1fr)}.section-heading{gap:25px}.hero-note{font-size:11px}.page-title{padding:45px 35px 25px}}@media(max-width:720px){body{font-size:17px}header{height:86px;position:relative}.brand{font-size:22px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:8px;padding:7px 12px;font-size:14px}nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:var(--bg);border:1px solid var(--line);padding:20px;z-index:10;border-radius:16px;box-shadow:0 15px 30px #303f3712}nav.open{display:flex;flex-direction:column;align-items:stretch}main{padding:0 14px}.panel,.closing{padding:30px 24px;border-radius:20px;margin-bottom:16px}.hero,.split,.section-heading,.faq-layout,.product-grid{grid-template-columns:1fr;gap:25px}.hero{padding-top:40px}.hero .orbit-art{max-width:310px;width:100%;margin:auto}.hero-note{font-size:11px;margin-top:26px}h1{font-size:46px;letter-spacing:-2px}h2{font-size:34px;letter-spacing:-1.3px}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-heading{margin-bottom:20px}.section-heading p{margin-bottom:0}.principles{gap:10px}.principles article{padding:20px 16px}.principles h3{font-size:20px}.number{margin-bottom:22px}.product-card{padding:25px}.product-card p{font-size:16px}.closing{display:block}.closing h2{font-size:37px}.closing .button{margin-top:25px}.page-title{padding:35px 14px 25px}.page-title h1{font-size:44px}.secure-art{max-width:330px;margin:auto}.faq-layout{gap:12px}footer{padding:35px 26px 20px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.button{font-size:14px;padding:12px 16px;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rotation{animation:none}.button{transition:none}}

/* Display the supplied square logos in compact frames without changing the originals. */
.brand{display:block;width:210px;flex-shrink:0;line-height:0}.brand img{width:210px;height:76px;object-fit:cover;object-position:50% 46%}.product-wordmark{margin:0 0 20px}.product-wordmark img,.vasuni-wordmark img{display:block;width:205px;height:70px;object-fit:cover;object-position:50% 46%}.vasuni-wordmark{margin-bottom:28px}body{font-size:20px}nav{font-size:18px}h1,h2,h3{letter-spacing:-.035em}.eyebrow{font-size:13px}.button{font-size:18px}.product-card p{font-size:19px}.checks li,summary,details p{font-size:18px}
@media(max-width:1000px){header{gap:16px}nav{gap:15px;font-size:16px}.brand,.brand img{width:180px}.brand img{height:64px}}
@media(max-width:720px){body{font-size:19px}.brand,.brand img{width:170px}.brand img{height:60px}.product-card p{font-size:18px}.button{font-size:17px}.principles h3{font-size:23px}.eyebrow{font-size:12px}nav{font-size:18px}}

/* Motion edition: GSAP owns transforms; the static page remains readable. */
.rotation{animation:none}.motion-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;font-size:14px;color:var(--green)}.motion-control{border:1px solid #bdcdb8;border-radius:999px;padding:9px 17px;background:transparent;color:var(--green);font:inherit;cursor:pointer;white-space:nowrap}.motion-control:hover{background:#e4eddf}.about-art svg{display:block;width:100%;height:auto}.about-art{text-align:center}.heading-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.heading-line-inner{display:block}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.product-card{position:relative;overflow:hidden}.product-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff70 50%,transparent 65%);transform:translateX(-110%);transition:transform 1s ease}.product-card:hover:after{transform:translateX(110%)}.button{transition:background .2s}.button:hover{transform:none}.orbit-art svg{overflow:visible}.preview-bars i{transform-origin:50% 100%}.principles article{position:relative;overflow:hidden}.principles article:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#88aa78;transform:scaleX(0);transform-origin:left;transition:transform .5s}.principles article:hover:after{transform:scaleX(1)}
@media(max-width:720px){.motion-toolbar{font-size:12px}.motion-control{padding:8px 12px}.about-art{max-width:340px;margin:auto}}
@media(prefers-reduced-motion:reduce){.product-card:after{display:none}.principles article:after{transition:none}.reading-progress{display:none}}

.motion-paused .product-card:after{display:none}.motion-paused .principles article:after{transition:none}.motion-paused .reading-progress{display:none}

/* Richer motion scenes and surfaces. */
.hero{position:relative;isolation:isolate;background:linear-gradient(125deg,#f5f0e5 0%,#f1f5e9 65%,#e6edde 100%)}.hero-copy{position:relative;z-index:2}.rich-scene{position:relative;isolation:isolate}.scene-aura{position:absolute;inset:8% 4% 14%;border-radius:50%;background:radial-gradient(ellipse,#d6e5bb99,transparent 70%);filter:blur(15px);z-index:-1}.scene-parallax{position:relative;perspective:900px}.rich-scene svg{position:relative;z-index:1;width:100%;max-width:520px}.scene-plaque{position:relative;z-index:2;width:76%;margin:-40px auto 28px;border:1px solid #ffffffdd;border-radius:16px;padding:19px 22px;background:linear-gradient(125deg,#fffefaf5,#f7f8edeb);box-shadow:0 15px 36px #355b3814;backdrop-filter:blur(12px);text-align:left}.plaque-label{display:block;font-size:9px;letter-spacing:2px;color:#728269;margin-bottom:8px}.plaque-title{font-size:23px;line-height:1.2;color:#36553f;display:block}.plaque-line{display:flex;gap:5px;margin-top:14px}.plaque-line i{display:block;height:3px;border-radius:2px;background:#8aa879;flex:1}.plaque-line i:nth-child(2){background:#b8c69b}.plaque-line i:nth-child(3){background:#d3ba83}.plaque-line i:nth-child(4){background:#52775c}.rich-scene .art-caption{font-size:9px;letter-spacing:2px;margin:0}.page-title{position:relative;max-width:none;padding-right:330px;isolation:isolate}.title-sculpture{position:absolute;right:60px;top:40px;width:220px;opacity:.65;z-index:-1}.title-sculpture svg{width:100%;height:auto}.product-grid{perspective:1200px}.product-card{transform-style:preserve-3d;box-shadow:0 8px 24px #52633c06;--light-x:50%;--light-y:50%}.product-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff8c,transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.product-card:hover:before{opacity:1}.wealth-preview,.fund-preview{box-shadow:0 8px 22px #344e3610}.principles{position:relative}.principle-track{height:2px;background:#dce3d1;position:absolute;left:0;right:0;bottom:-20px;border-radius:2px;overflow:hidden}.principle-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#427b58,#b2b67c);transform:scaleX(0);transform-origin:left}.heading-word{display:inline-block}.closing{position:relative;overflow:hidden;isolation:isolate}.closing:before{content:'';position:absolute;width:520px;height:520px;right:-100px;top:-180px;border-radius:50%;border:1px solid #aabd973d;box-shadow:0 0 0 40px #aabd9715,0 0 0 80px #aabd9710,0 0 0 120px #aabd970a;z-index:-1}.contact-card{background:radial-gradient(ellipse at 95% 10%,#e2ecd5,transparent 65%),#fffefb}.contact-email{display:inline-block}.motion-paused .product-card:before{display:none}
@media(max-width:1000px){.page-title{padding-right:240px}.title-sculpture{width:165px;right:35px}.plaque-title{font-size:20px}.scene-plaque{padding:16px}}
@media(max-width:720px){.page-title{padding-right:14px}.title-sculpture{width:110px;right:0;top:10px;opacity:.23}.page-title h1,.page-title>p{position:relative;z-index:1}.rich-scene .scene-plaque{width:86%;margin-top:-24px}.plaque-title{font-size:20px}.plaque-label{font-size:8px}.scene-plaque{padding:16px}.hero .rich-scene{max-width:350px}.rich-scene .art-caption{font-size:8px}.principle-track{bottom:-12px}}
@media(prefers-reduced-motion:reduce){.product-card:before{display:none}.principle-track i{transform:scaleX(1)}}

/* Expressive sequence layer. All continuous movement is owned by GSAP. */
.scene-plaque,.wealth-preview,.fund-preview{overflow:hidden;position:relative}.scene-scan,.preview-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 25%,#ffffff99 48%,transparent 70%);transform:translateX(-120%)}.closing-flow{position:absolute;inset:0;width:100%;height:100%;opacity:.24;z-index:-1}.principles{perspective:1100px}.principles article{transform-style:preserve-3d}.scene-parallax svg{transform-origin:50% 50%}.hero em,.page-title em{position:relative}.hero em:after,.page-title em:after{content:'';display:block;height:1px;position:absolute;bottom:-5px;left:0;width:100%;background:linear-gradient(90deg,#4b865c,transparent)}.contact-card{overflow:hidden;position:relative}.contact-card>*{position:relative;z-index:1}.contact-rings{position:absolute;right:-85px;bottom:-130px;width:390px;height:390px;z-index:0;border:1px solid #99b18477;border-radius:50%;box-shadow:0 0 0 32px #b8c79c22,0 0 0 64px #b8c79c18,0 0 0 96px #b8c79c0c;pointer-events:none}.button>span{display:inline-block}.pin-spacer{max-width:100%}
@media(max-width:720px){.contact-rings{width:240px;height:240px;right:-100px;bottom:-100px}.closing-flow{width:160%;left:-30%}}
@media(prefers-reduced-motion:reduce){.scene-scan,.preview-scan{display:none}}
.motion-paused .scene-scan,.motion-paused .preview-scan{display:none}

/* Native vector logos: transparent background, uncropped aspect ratio. */
.brand img{height:auto;object-fit:contain;object-position:center}.product-wordmark img,.vasuni-wordmark img{height:auto;object-fit:contain;object-position:center}

/* Procedural 3D artwork with SVG fallbacks. */
.sculpture-canvas{position:absolute;top:0;left:0;display:block;width:100%;aspect-ratio:1;pointer-events:none;z-index:2}.has-sculpture>svg{visibility:hidden!important}.scene-parallax.has-sculpture:after{content:'';position:absolute;left:21%;right:21%;top:82%;height:4%;border-radius:50%;background:#54734826;filter:blur(9px);z-index:0}.title-sculpture{isolation:isolate}.title-sculpture.has-sculpture{opacity:.9}.page-title{min-height:330px}.scene-caption-rail{position:absolute;left:0;right:0;top:9%;display:flex;justify-content:space-between;z-index:3;font-size:8px;letter-spacing:2px;color:#68816a;pointer-events:none}.scene-caption-rail:after{content:'';height:1px;width:35%;align-self:center;background:#adbd9766}.scene-caption-rail span{background:#f1f5e9aa;padding:6px 8px;border-radius:20px}.panel{transform-origin:50% 0}.product-showcase-label{display:flex;justify-content:space-between;gap:20px;color:#6b7e61;font-size:11px;letter-spacing:1px;margin-top:20px}.product-showcase-label i{display:block;width:100px;height:2px;background:#d2debf;align-self:center;position:relative;overflow:hidden}.product-showcase-label i:after{content:'';position:absolute;inset:0;background:#50734e;transform:scaleX(var(--showcase-progress,0));transform-origin:left}.title-sculpture svg{display:block}.cinematic-frame{overflow:hidden;position:relative;border-radius:14px}.cinematic-frame .product-image{display:block}.scene-plaque{box-shadow:0 18px 45px #355b381c}
@media(max-width:720px){.page-title{min-height:0}.scene-caption-rail{font-size:7px;letter-spacing:1px}.product-showcase-label{font-size:9px}}

.product-showcase-label{grid-column:1/-1;margin:0;padding:4px 0}.scene-caption-rail{top:3%}.about-art{position:relative}.about-art.has-sculpture>.sculpture-canvas{top:0}.cinematic-frame{overflow:hidden}.hero{min-height:660px}.motion-paused .scene-caption-rail{opacity:.65}

/* SVG globe: rotating surface coordinates, luminous orbit trails, layered atmosphere. */
.globe-wire{display:none}.svg-globe-live .globe-wire{display:inline}.svg-globe-live .sphere-grid{visibility:hidden}.orbit-trail{opacity:0;stroke-linecap:round}.globe-light{mix-blend-mode:soft-light}.rich-scene .scene-aura{inset:4% -2% 18%;background:radial-gradient(ellipse,#d9e6bcaa,transparent 69%)}.globe-wire-front,.globe-wire-back{stroke-linejoin:round;stroke-linecap:round}

/* Rich glass globe and true front/rear orbit layering. */
.rich-scene .scene-plaque{background:linear-gradient(130deg,#fffefbf5,#f3f6e9ed);border-color:#e6ebd7;box-shadow:0 22px 45px #3e644722,inset 0 1px #ffffff}.rich-scene .scene-aura{background:radial-gradient(ellipse,#c4d6a98a,transparent 68%)}.globe-specular,.globe-atmosphere{pointer-events:none}.orbit-depth-front,.orbit-depth-rear,.orbit-trail,.orbit-glow-rear{stroke-linecap:round;stroke-linejoin:round}.orbit-glow-rear{opacity:0}.rich-scene svg{filter:drop-shadow(0 7px 12px #43624a0b)}

/* Demo 07 financial threads, adapted for the two product cards. */
.product-grid{align-items:stretch;perspective:none}.product-card{display:flex;flex-direction:column;padding:34px;transform-style:flat}.product-card>p:not(.eyebrow){min-height:100px}.product-title{align-items:center;min-height:80px}.clear-view{position:relative;margin:8px -12px 28px;background:radial-gradient(ellipse at center,#e1ead2b0,transparent 70%);border-radius:30px}.clear-view-fund{background:radial-gradient(ellipse at center,#e9e3cdb0,transparent 70%)}.thread-stage{display:block;width:100%;height:auto}.financial-threads{stroke:#8fae93;stroke-width:1.2}.financial-threads path:nth-child(2){stroke:#149278}.financial-threads path:nth-child(3){stroke:#baa574}.thread-window{fill:#fffdf7;stroke:#c2d4bb;stroke-width:1}.thread-text{text-anchor:middle;fill:#356255;font:23px Georgia,serif}.thread-sub{font:11px Arial,sans-serif;fill:#72796d}.thread-dots{fill:#149278}.clear-view-tags{display:flex;gap:8px;justify-content:center;margin-top:-8px;font:11px/1.5 Arial,sans-serif;color:#526a59}.clear-view-tags span{padding:6px 12px;border:1px solid #dce4d3;border-radius:999px;background:#fffdf790}.product-card>.text-link{margin-top:auto}.product-showcase-label{display:none}
.careers-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,#eef3e7,#fffdf7)}.careers-intro p:last-child{margin-bottom:0}.career-values{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.career-values span{border:1px solid #cbd8c2;border-radius:999px;padding:12px 22px;color:var(--green);font-size:16px}.career-list{display:grid;gap:16px}.career-role,.career-role:first-child{border:1px solid #dce4d3;border-radius:18px;padding:0;background:#fafbf5;overflow:hidden;transition:border-color .2s,background .2s}.career-role:hover,.career-role[open]{border-color:#92b39a;background:#fffefb}.career-role summary{padding:28px;align-items:start;gap:24px}.role-number{font:13px Arial,sans-serif;color:#7b8b73;padding-top:5px}.role-department{display:block;font:11px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:10px}.career-role h3{font-size:29px;margin:0 0 10px}.career-role summary p{font-size:16px;max-width:630px;margin:0}.role-expand{flex-shrink:0;margin-left:auto;border:1px solid #ccd9c4;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;transition:transform .2s}.role-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 28px 30px 67px}.role-details h4{font-size:18px;font-weight:500;margin:8px 0 15px;color:var(--green)}.role-details ul{padding-left:18px;font-size:16px;color:var(--muted);margin:0}.role-details li{margin-bottom:10px}.role-apply{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.role-apply p{max-width:420px;margin:0;font-size:15px}.role-apply .button{font-size:15px;flex-shrink:0}.about-story{grid-template-columns:1.35fr 1fr;align-items:start}.about-story .about-art{position:sticky;top:60px}.about-story p,.about-mission>p{font-size:18px;line-height:1.85}.about-mission{background:linear-gradient(115deg,#f0f4e9,#fffdf7)}.about-mission>p{max-width:850px}.about-mission .story-lead{font-size:24px;color:var(--ink)}.mission-statement{font-size:clamp(27px,3vw,40px);line-height:1.3;margin-top:35px;padding-top:30px;border-top:1px solid #d7e0ce;max-width:850px}
@media(max-width:1000px){.product-card{padding:26px}.product-card>p:not(.eyebrow){min-height:130px}.role-apply{align-items:start;flex-direction:column}}
@media(max-width:720px){.product-card>p:not(.eyebrow){min-height:0}.product-title{min-height:70px}.clear-view{margin:0 -8px 24px}.careers-intro,.about-story,.role-details{grid-template-columns:1fr}.career-values{justify-content:start}.careers-intro{gap:24px}.career-role summary{padding:22px 18px;gap:12px}.career-role h3{font-size:25px}.career-role summary p{font-size:15px}.role-number{display:none}.role-details{padding:0 20px 24px;gap:16px}.role-apply{grid-column:auto}.role-expand{width:30px;height:30px}.about-story .about-art{position:static;max-width:280px}.career-values span{padding:8px 15px;font-size:14px}}

/* Frame the original square Vasuni artwork around its central wordmark. */
.product-wordmark img,.vasuni-wordmark img{height:70px;object-fit:cover;object-position:50% 46%;mix-blend-mode:multiply}

/* Production updates — readable type, static product UI, accessible drawers. */
body{font-size:22px}nav{font-size:18px;gap:19px}header{max-width:1440px;padding-inline:24px;gap:24px}.brand,.brand img{width:190px}.eyebrow{font-size:15px;letter-spacing:1.5px}.button,.text-link{font-size:20px}.checks li,summary,details p{font-size:20px}.hero{grid-template-columns:1.2fr 1fr;padding:50px;min-height:740px}.hero h1{font-size:clamp(44px,4.4vw,64px)}.hero-subheadline{font-size:29px;font-weight:700;text-align:left;color:var(--green);line-height:1.35;max-width:none!important}.india-tagline{color:var(--green);font-weight:700;font-size:22px}.hero-note{font-size:16px;line-height:1.6}.plaque-label{font-size:12px;letter-spacing:1px}.plaque-title{font-size:25px}.rich-scene .art-caption{font-size:12px;line-height:1.6;letter-spacing:1.3px}.scene-plaque{width:88%;margin-top:-25px}.india-map{transition:opacity .15s}.page-title{padding:65px 60px 30px;max-width:1050px;min-height:0}.page-title p:last-child{max-width:850px}.product-card p{font-size:21px}.product-card:before,.product-card:after,.closing:before{display:none}.product-card>p:not(.eyebrow){min-height:150px}.product-mockup{margin:15px 0 30px;background:#fffefb;border:1px solid var(--line);border-radius:14px;overflow:hidden}.product-mockup img{display:block;width:100%;height:auto;aspect-ratio:1200/850;object-fit:contain;background:#f7f9f3}.product-mockup figcaption{padding:18px 20px;font-size:22px;line-height:1.4;color:var(--green)}.product-mockup small{display:block;font-size:16px;color:var(--muted);margin-top:6px}.principles{align-items:start;gap:16px}.principles article{padding:0;transform-style:flat}.approach-toggle{border:0;padding:24px 20px;width:100%;background:transparent;text-align:left;color:var(--ink);cursor:pointer;position:relative}.approach-toggle .number{font-size:17px;margin:0 0 28px}.principle-name{display:block;font-size:25px;line-height:1.25;min-height:95px;padding-right:4px}.approach-plus{position:absolute;right:18px;top:19px;color:var(--green);font-size:29px;transition:transform .35s}.approach-toggle[aria-expanded=true] .approach-plus{transform:rotate(45deg)}.approach-drawer{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s ease,visibility .35s}.approach-drawer.expanded{grid-template-rows:1fr;visibility:visible}.approach-drawer>div{overflow:hidden}.approach-drawer p{font-size:19px;line-height:1.7;margin:0;padding:0 20px 24px}.contact-routes{display:grid;gap:28px;margin-top:40px}.contact-routes article{border-top:1px solid var(--line);padding-top:30px;max-width:950px}.contact-routes p{max-width:800px}.contact-email{font-size:clamp(18px,2.8vw,28px)}.job{padding:35px 0;border-top:1px solid var(--line);margin-top:35px}.job h3{font-size:35px}.job-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}.job h4{font-size:24px;font-weight:500;color:var(--green);margin:20px 0}.job ul{padding-left:24px;font-size:20px;color:var(--muted)}.job li{margin-bottom:20px}.closing{align-items:start}.closing h2{font-size:42px}.closing>div{max-width:790px}.closing p{font-size:21px}.footer-top>div>p:not(.eyebrow){font-size:20px}.footer-top>div>a:not(.brand){font-size:18px}.footer-bottom,.motion-toolbar{font-size:16px}.social-links{display:flex;gap:12px;margin-top:24px}.social-links a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8c8b3;border-radius:50%;font-family:Arial,sans-serif;font-size:22px;color:var(--green)}.social-links a:hover{background:#e4eddf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.about-story p,.about-mission>p{font-size:22px;max-width:950px}.how-steps{padding-left:25px}.how-steps li{padding:12px 0}.menu-toggle{cursor:pointer}details p{line-height:1.7}summary{padding-block:4px}.faq-layout .text-link{display:inline-block;margin-top:24px}
@media(max-width:1150px){header{height:auto;min-height:105px;flex-wrap:wrap;padding-block:20px}nav{gap:18px;font-size:17px;flex-wrap:wrap}.hero{padding:36px}.principles{grid-template-columns:repeat(2,1fr)}.principle-name{min-height:62px}}
@media(max-width:850px){nav{gap:15px}.hero{grid-template-columns:1fr}.hero-copy>p:not(.eyebrow){max-width:none}.hero .rich-scene{max-width:440px;margin:auto}.hero-subheadline{text-align:center}.job-columns{gap:25px}.closing{flex-direction:column}.page-title{padding:40px 30px 25px}}
@media(max-width:720px){body{font-size:21px}header{height:90px;min-height:90px;flex-wrap:nowrap;padding:0 24px}.brand,.brand img{width:170px}nav{font-size:19px;top:80px;padding:22px}.panel,.closing{padding:30px 24px}.hero{padding:32px 24px}.hero h1{font-size:44px}.hero-subheadline{font-size:25px}.hero-note{font-size:15px}.eyebrow{font-size:14px}.button,.text-link{font-size:19px}.principles{grid-template-columns:1fr}.principle-name{min-height:0;font-size:26px}.approach-toggle .number{margin-bottom:16px}.approach-toggle{padding:22px}.approach-drawer p{font-size:20px}.product-card>p:not(.eyebrow){min-height:0}.product-card p{font-size:20px}.product-card{padding:24px}.job-columns{grid-template-columns:1fr;gap:0}.job h3{font-size:30px}.job ul{font-size:20px}.contact-email{font-size:19px}.closing h2{font-size:35px}.page-title{padding:35px 14px 25px}.page-title h1{font-size:42px}.about-story p,.about-mission>p{font-size:21px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{font-size:15px}.motion-toolbar{align-items:start;font-size:15px}.plaque-label{font-size:11px}.rich-scene .art-caption{font-size:11px}.product-mockup figcaption{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.motion-paused .approach-drawer,.motion-paused .approach-plus{transition:none}
.globe-label{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 -25px}.secure-art .india-map{display:none}
@media(max-width:720px){.globe-label{font-size:12px;margin-bottom:-15px}}
html:not(.js) .approach-drawer{grid-template-rows:1fr;visibility:visible}html:not(.js) .approach-plus,html:not(.js) .menu-toggle,html:not(.js) .motion-control{display:none}
@media(max-width:720px){html:not(.js) header{height:auto;flex-wrap:wrap;padding-block:20px}html:not(.js) nav{position:static;display:flex;flex-wrap:wrap;box-shadow:none;width:100%;font-size:18px}}

/* Expand individual career positions using keyboard-accessible native disclosures. */
details.job,details.job:first-child{padding:0;border:1px solid var(--line);border-radius:16px;background:var(--wash);overflow:hidden;margin-top:24px}.job-summary{padding:28px;align-items:center;gap:24px}.job-summary>span:first-child{min-width:0}.job-summary .eyebrow{display:block;margin-bottom:12px}.job-title{display:block;font-size:35px;line-height:1.2;letter-spacing:-.035em}.job-expand{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #bdcdb8;border-radius:50%;transition:transform .25s}.job[open] .job-expand{transform:rotate(45deg)}.job-body{padding:0 28px 28px}.job[open]{background:#fffefb}.job-summary:hover{background:#eaf0e2}
@media(max-width:720px){.job-summary{padding:22px 18px;gap:14px}.job-title{font-size:28px}.job-body{padding:0 20px 24px}.job-expand{width:34px;height:34px}}
/* Advanced hero globe: projected surface activity without surrounding orbit rings. */
.hero .scene-parallax{transform-style:preserve-3d;will-change:transform}.hero .rich-scene{perspective:1100px}.hero .rich-scene svg{filter:drop-shadow(0 12px 22px #24543c18)}.hero .globe-wire-front{opacity:.42;stroke-width:.65}.hero .globe-rim{stroke-width:1.8;opacity:.8}.india-route-flow{stroke-dasharray:7 35}.india-cities{filter:drop-shadow(0 0 3px #f6eaa488)}.globe-connections,.advanced-globe-light{pointer-events:none}.globe-connections{display:none}.hero .svg-globe-live .globe-connections{display:inline}.advanced-globe-light{opacity:.7}.globe-sweep{mix-blend-mode:screen}.hero .india-map{stroke-width:1;filter:drop-shadow(0 1px 1px #14453040)}
@media(prefers-reduced-motion:reduce){.hero .scene-parallax{will-change:auto}.globe-sweep{display:none}}
.motion-paused .globe-sweep{display:none}
.product-mockup img[src$="saarthi-screen.png"]{aspect-ratio:1624/968;background:#fafafa}

.social-links .social-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b8c8b3;border-radius:50%;background:transparent;color:var(--green);opacity:1;cursor:default}

/* Responsive layout pass: phones, tablets, and touch navigation. */
img{max-width:100%}main,main section,.split>*,.product-grid>*,.section-heading>*,.faq-layout>*,.job-columns>*,.footer-top>*{min-width:0}.button{min-height:48px;max-width:100%;text-align:center}.button>span{flex-shrink:0}.social-links{flex-wrap:wrap}.footer-top>div>a:not(.brand){min-height:44px;display:flex;align-items:center;margin-bottom:2px}.menu-toggle{min-width:46px;min-height:46px;align-items:center;justify-content:center;font-size:23px;line-height:1;padding:10px}.product-wordmark{min-width:0}.product-title>span{flex-shrink:0;margin-left:12px}.product-wordmark img,.vasuni-wordmark img{max-width:100%}.product-mockup img{aspect-ratio:auto}.contact-email{max-width:100%;min-height:44px;padding-block:5px;line-height:1.6}.job-title{overflow-wrap:break-word}.motion-control{min-height:44px;white-space:normal;text-align:center}summary{min-height:48px}.about-art svg{max-width:100%}
@media(max-width:1100px){
 header{position:relative;height:96px;min-height:96px;padding:0 28px;flex-wrap:nowrap;gap:20px;z-index:20}
 .menu-toggle{display:inline-flex;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
 #navigation{display:none;position:absolute;top:calc(100% - 6px);left:24px;right:24px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px #303f371c;z-index:25;font-size:19px}
 #navigation.open{display:flex}#navigation a{display:flex;align-items:center;min-height:48px;padding:10px 14px;border-radius:8px}#navigation a[aria-current],#navigation a:hover{box-shadow:none;background:var(--wash)}
 html:not(.js) header{height:auto;flex-wrap:wrap;padding-block:20px}html:not(.js) #navigation{position:static;display:flex;flex-direction:row;flex-wrap:wrap;max-height:none;width:100%;box-shadow:none}
}
@media(max-width:900px){
 .split,.section-heading,.faq-layout,.product-grid,.careers-intro{grid-template-columns:minmax(0,1fr);gap:30px}
 .panel,.closing{padding:32px}.section-heading p:last-child,.faq-layout>div:first-child p{max-width:none}.section-heading{align-items:start}.section-heading p{margin-bottom:0}
 .product-card>p:not(.eyebrow){min-height:0}.product-card{padding:28px}.product-title{min-height:70px}.product-title h3{margin-bottom:18px}.product-mockup{margin-top:10px}.product-mockup img{height:auto}
 .about-story .about-art{position:static;max-width:360px;width:100%;margin:auto}.secure-art{max-width:410px;width:100%;margin:auto}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero .rich-scene{max-width:440px;width:100%;margin:auto}
 .job-columns{grid-template-columns:minmax(0,1fr);gap:0}.closing{flex-direction:column}.closing .button{margin-top:0}.careers-intro .career-values{justify-content:flex-start}.page-title{padding:40px 32px 24px}
}
@media(max-width:600px){
 body{font-size:20px;line-height:1.65}header{height:86px;min-height:86px;padding-inline:22px}.brand,.brand img{width:165px}main{padding-inline:12px}.panel,.closing{padding:26px 20px;border-radius:20px;margin-bottom:16px}
 h1,.page-title h1{font-size:clamp(35px,9.7vw,44px);line-height:1.13;letter-spacing:-.035em}h2{font-size:clamp(29px,8.2vw,36px);line-height:1.18}h3{line-height:1.25}
 .hero{padding:30px 22px;gap:24px}.hero h1{font-size:clamp(36px,10.2vw,44px)}.hero-copy>p:not(.eyebrow){max-width:none}.hero-subheadline{font-size:clamp(23px,6.2vw,27px)}.hero .eyebrow{line-height:1.65}.hero-note{font-size:15px;margin-top:25px;gap:10px}.small-line{flex-shrink:0;width:20px}.india-tagline{font-size:21px}
 .eyebrow{font-size:13px;letter-spacing:1.4px}.actions{gap:12px;margin-top:24px}.button{font-size:18px;padding:13px 17px;gap:16px}.page-title{padding:28px 12px 20px}.page-title p:last-child{margin-bottom:16px}
 .principles{grid-template-columns:minmax(0,1fr);gap:12px}.approach-toggle{padding:22px 20px}.principle-name{font-size:25px;min-height:0}.approach-drawer p{font-size:19px;padding-inline:20px}.section-heading{gap:16px}
 .product-card{padding:22px 18px;border-radius:16px}.product-card p{font-size:19px}.product-title h3{font-size:34px}.product-wordmark img,.vasuni-wordmark img{width:min(190px,100%);height:64px}.product-mockup{margin:12px 0 24px}.product-mockup figcaption{padding:15px;font-size:21px}.product-mockup small{font-size:15px}.product-grid{gap:18px}.product-title{gap:8px}
 .scene-plaque{width:90%;padding:17px;margin-top:-24px}.plaque-title{font-size:22px}.plaque-label{font-size:10px;line-height:1.6;letter-spacing:1px}.rich-scene .art-caption{font-size:10px;line-height:1.7;letter-spacing:1px}.hero .rich-scene{max-width:380px}
 .faq-layout{gap:14px}summary,.checks li,details p{font-size:19px}summary{gap:14px}.checks li{line-height:1.6}.closing h2{font-size:34px}.closing p,.about-story p,.about-mission>p{font-size:20px}.closing{gap:22px}.closing .button{margin-top:0}.mission-statement{font-size:28px}
 .job-summary{padding:22px 16px;gap:12px}.job-summary .eyebrow{font-size:12px}.job-title{font-size:26px;line-height:1.25}.job-expand{width:34px;height:34px}.job-body{padding:0 18px 24px}.job h4{font-size:23px}.job ul{font-size:19px;padding-left:20px}.job li{margin-bottom:16px}.job .actions .button{width:100%}.contact-routes{gap:22px;margin-top:28px}.contact-routes article{padding-top:24px}.contact-routes h3{font-size:26px;margin-bottom:16px}.contact-email{font-size:clamp(17px,4.7vw,20px);overflow-wrap:anywhere}
 footer{padding:30px 24px 22px}.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 18px}.footer-top>div>p:not(.eyebrow){font-size:19px}.footer-top>div>a:not(.brand){font-size:17px;line-height:1.5}.footer-bottom{font-size:14px;gap:6px}.motion-toolbar{margin-bottom:28px}.motion-control{font-size:15px}.social-links{gap:10px}
}
@media(max-width:380px){
 .hero{padding-inline:20px}.hero .actions>.button,.panel>.actions>.button{width:100%}.panel,.closing{padding-inline:18px}.product-card{padding-inline:16px}.product-wordmark img{width:165px}.job-summary{gap:10px}.job-title{font-size:24px}.job-body{padding-inline:16px}.scene-plaque{width:96%;padding:15px}.plaque-title{font-size:21px}footer{padding-inline:22px}
}

/* Shared alignment and navigation across the production pages. */
:root{--content-width:1320px;--page-gutter:24px;--section-padding:clamp(20px,4vw,52px)}
header,main,footer{max-width:var(--content-width)}
header{padding:24px calc(var(--page-gutter) + var(--section-padding));height:auto;min-height:108px}
main{padding-inline:var(--page-gutter)}
.panel,.closing{padding:var(--section-padding);margin-bottom:24px}
.page-title{padding:40px var(--section-padding) 28px;max-width:none}
footer{padding:36px calc(var(--page-gutter) + var(--section-padding)) 24px}
.brand{display:flex;align-items:center;flex-shrink:0;width:180px}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
nav{gap:24px;font-size:18px}
nav>a{white-space:nowrap}
.nav-products,.nav-products:first-child{position:relative;border:0;padding:0;margin:0}
.nav-products>summary{display:flex;align-items:center;gap:10px;padding:8px 0;min-height:44px;font-size:inherit;white-space:nowrap}
.nav-products>summary.active,.nav-products>summary:hover{color:var(--green)}
.nav-products .nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.nav-products[open]>summary .nav-chevron{transform:rotate(225deg)}
.product-dropdown{position:absolute;top:100%;left:-18px;min-width:200px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #303f371c;z-index:30}
.product-dropdown a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:6px;white-space:nowrap}
.product-dropdown a:hover,.product-dropdown a[aria-current]{background:var(--wash);box-shadow:none}
.single-line-title{white-space:nowrap;font-size:clamp(28px,3.4vw,46px)}
.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.section-heading h2{margin-bottom:0}.section-heading p:last-child{margin-bottom:0}
.product-title{align-items:center;min-height:80px;margin-bottom:18px}
.product-title h3{margin:0}.product-wordmark img{display:block;width:190px;height:57px;object-fit:contain;object-position:center}
.button{min-height:48px;padding:13px 24px;line-height:1.4}
.closing{align-items:center}.closing .button{margin:0}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:1100px){header{padding:20px calc(var(--page-gutter) + var(--section-padding));min-height:90px}.nav-products>summary{padding:10px 14px}.product-dropdown{position:static;box-shadow:none;margin:0 14px 8px;min-width:0}.nav-products .product-dropdown a{padding-left:20px}}
@media(max-width:900px){.section-heading{grid-template-columns:minmax(0,1fr);gap:20px}.closing{align-items:flex-start}.page-title{padding-top:32px}}
@media(max-width:600px){:root{--page-gutter:12px;--section-padding:20px}header{padding:18px 32px;min-height:86px}.brand{width:165px}.panel,.closing{margin-bottom:16px}.hero{padding-block:30px}.page-title{padding-block:28px 20px}footer{padding-inline:32px}.product-title{min-height:64px}.product-title h3{font-size:34px}.product-wordmark img{width:165px;height:49px}}

/* One content guide for the logo, section headings, page titles and footer. */
header,footer{padding-inline:calc(var(--page-gutter) + var(--section-padding))}
main{padding-inline:var(--page-gutter)}
main>.panel{padding-inline:calc(var(--section-padding) - 1px)}
main>.closing,main>.page-title{padding-inline:var(--section-padding)}

/* Align the logo with the section frames; retain padding inside cards. */
header,footer{padding-inline:var(--page-gutter)}
main>.page-title{padding-inline:0}

/* Use the tightly framed vector wordmark so the artwork fills its layout box. */
.product-wordmark img,.vasuni-wordmark img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:normal}
@media(max-width:600px){.product-wordmark img,.vasuni-wordmark img{width:165px;height:auto}}

/* Section introductions flow below their title on a new row. */
.section-heading{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.section-heading>p:last-child{max-width:850px;margin:0}

/* Common closing CTA: reference banner shared by all applicable pages. */
main>.closing{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;min-height:300px;padding-block:52px;background:#e4eddf;border:0;border-radius:26px}
.closing>div{flex:1;max-width:790px}
.closing .eyebrow{margin-bottom:28px}
.closing h2{font-size:clamp(32px,3.4vw,42px);line-height:1.12;margin-bottom:28px}
.closing>div>p:last-child{margin:0;font-size:21px}
.closing>.button{flex:none;margin:0;padding:15px 24px;font-size:20px}
.closing-flow{inset:0;width:100%;height:100%;opacity:.24;pointer-events:none}
@media(max-width:900px){main>.closing{flex-direction:column;align-items:flex-start;gap:28px;min-height:0;padding-block:36px}}
@media(max-width:600px){main>.closing{padding-block:30px;border-radius:20px}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:32px;margin-bottom:22px}.closing>div>p:last-child{font-size:20px}.closing>.button{font-size:18px}}

/* Copy guide: accommodate the parent-company story and shared footer links. */
.footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:32px}
.closing>div{max-width:850px}.closing h2{max-width:740px}
.hero h1{max-width:650px}.hero .eyebrow{max-width:600px}
@media(max-width:900px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.footer-top{grid-template-columns:minmax(0,1fr)}}

/* Equal-height approach cards with aligned title and description rows. */
.principles{align-items:stretch}
.principles>article{display:flex;flex-direction:column;min-width:0}
.principles .approach-toggle{flex-shrink:0}
.principles .approach-drawer{flex:1}
.principles .principle-name{min-height:95px}
@media(max-width:1150px){.principles .principle-name{min-height:64px}}
@media(max-width:720px){.principles .principle-name{min-height:0}}

/* Product cards share row sizes so different copy and screenshots stay aligned. */
.product-grid{align-items:stretch;row-gap:22px}
.product-grid>.product-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:20px}
.product-grid>.product-card>.eyebrow,
.product-grid>.product-card>.product-title,
.product-grid>.product-card>p,
.product-grid>.product-card>.product-mockup{margin:0;min-height:0}
.product-grid>.product-card>.product-title{min-height:64px}
.product-grid>.product-card>.product-mockup{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;align-self:stretch}
.product-grid .product-mockup img,
.product-grid .product-mockup img[src$="saarthi-screen.png"]{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#fafbf7}
.product-grid .product-mockup figcaption{margin:0;padding:20px;align-self:stretch}
.product-grid>.product-card>.text-link{align-self:end;padding-top:8px}
@media(max-width:900px){.product-grid{row-gap:18px}}

/* Product presentation: neutral screenshot frames and a shared visual rhythm. */
.product-card{border-color:var(--line);transition:box-shadow .2s,border-color .2s}
.product-card:hover{border-color:#c9cfc4;box-shadow:0 8px 24px #303f370a}
.product-grid .product-mockup{background:#fffefb;border-color:#e1e3dc}
.product-grid .product-mockup img,
.product-grid .product-mockup img[src$="saarthi-screen.png"]{padding:16px;background:#fffefb;aspect-ratio:4/3;object-fit:contain;border-radius:0}
.product-grid .product-mockup figcaption{border-top:1px solid #eceee7;background:#fffefb}
.product-grid>.product-card>.eyebrow{line-height:1.6;align-self:start}
.product-grid .product-title{justify-content:flex-start}
.product-grid .product-title h3{line-height:1.15}
.product-detail{align-items:start;gap:clamp(28px,4vw,56px)}
.product-detail>.product-mockup{margin:0}
.vasuni-wordmark{margin-bottom:28px}
.notice>:last-child{margin-bottom:0}
.checks li{display:flex;align-items:baseline;gap:12px}
.checks li:before{flex:none;padding-right:0}
.world-land{stroke-linejoin:round;pointer-events:none}
.hero .india-map{fill:#28745b;stroke:#eff4d9;stroke-width:.8;filter:none}
.hero .globe-wire-front{opacity:.25}
@media(max-width:900px){
 .product-grid>.product-card{display:flex;flex-direction:column;gap:20px;grid-row:auto}
 .product-grid>.product-card>.product-mockup{display:block;grid-row:auto;width:100%}
 .product-grid>.product-card>.text-link{align-self:flex-start;padding-top:0}
 .product-grid>.product-card>.product-title{min-height:56px}
}
@media(max-width:600px){
 .product-grid .product-mockup img,.product-grid .product-mockup img[src$="saarthi-screen.png"]{padding:10px}
 .product-grid .product-mockup figcaption{padding:16px}
 .product-card .eyebrow{font-size:12px;letter-spacing:1px}
 .product-detail .notice{padding-top:24px;margin-top:28px}
}

/* Site-wide finishing pass: consistent content edges and disclosure controls. */
.panel>p:last-child,
.split>div>p:last-child,
.split>div>.checks:last-child{margin-bottom:0}
.page-title>p:last-child{margin-bottom:0}
.product-detail>.product-image{display:block;margin:0;padding:16px;background:#fffefb;border:1px solid var(--line);border-radius:14px;align-self:start}
.product-detail .product-mockup img{padding:16px;background:#fffefb;border-radius:0}
.product-detail .product-mockup figcaption{border-top:1px solid #eceee7}
.faq-layout summary{align-items:baseline}
.faq-layout summary>span:last-child{flex:0 0 20px;text-align:center;line-height:1}
.job-summary .job-expand{flex:0 0 40px;font-size:22px;line-height:1}
.contact-routes article>p{margin-bottom:16px}
.contact-routes article>h3{margin-bottom:16px}
.footer-top .eyebrow{line-height:1.6;margin-bottom:18px}
.footer-top>div>a:not(.brand){line-height:1.5}
@media(max-width:900px){.product-detail{gap:28px}}
@media(max-width:600px){
 .product-detail>.product-image,.product-detail .product-mockup img{padding:10px}
 .job-summary .job-expand{flex-basis:34px}
}