.nav-links{gap:16px}.nav-links a{font-size:14px}.nav .wrap{gap:18px}.nav-actions{display:flex;gap:12px;align-items:center}.nav .btn{padding:13px 18px}.brand-txt b{font-size:17px}.brand-txt small{font:500 10px/1.4 var(--f-body);letter-spacing:.02em}.nav a[aria-current=page]{color:var(--kesar-deep)}.nav a[aria-current=page]:after{content:'';height:2px;background:var(--kesar);margin-top:5px}.home-title{font-size:clamp(54px,6.6vw,104px)!important}.page-hero{padding-block:70px 85px}.inner-hero{display:grid;grid-template-columns:1.5fr .5fr;align-items:center;gap:65px}.page-hero h1{font-size:clamp(50px,6.3vw,92px);margin:25px 0}.lede{font-size:20px;color:var(--ink-2);max-width:690px}.editorial-seal{aspect-ratio:1;border:1.5px dashed var(--ink);border-radius:50%;padding:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--kesar-soft);text-align:center;transform:rotate(5deg)}.editorial-seal svg{width:52px;height:52px;margin-bottom:20px}.editorial-seal span{font:400 24px/1.2 var(--f-hand);color:var(--kesar-deep)}.editorial-seal small{font-size:9px;letter-spacing:.16em;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-block:1px dashed var(--line-2);padding:35px 0}.stats>div{text-align:center;border-right:1px solid var(--line-2)}.stats>div:last-child{border:0}.stats b{font:400 64px/1 var(--f-display);display:block;color:var(--kesar-deep)}.stats span{color:var(--muted);font-size:16px;display:block;margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:30px;background:var(--card);border:1px solid var(--line-2);border-radius:8px}.feature-num{font:600 12px var(--f-body);color:var(--kesar-deep);display:block;margin-bottom:28px;letter-spacing:.15em}.feature h3{font-size:29px;line-height:1.15;margin-bottom:17px}.feature p{font-size:17px;color:var(--ink-2)}.founder-line{display:flex;align-items:center;gap:18px;border-top:1px dashed var(--line-2);margin-top:40px;padding-top:30px}.initial-avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--kagaz);font:28px var(--f-display);flex:none}.founder-line b,.founder-line span:not(.initial-avatar){display:block}.founder-line div>span{font-size:15px;color:var(--muted)}.founder-line .btn{margin-left:auto}.home-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);border-left:1px solid var(--line-2)}.service-tile{padding:30px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);display:grid;grid-template-columns:1fr auto;gap:20px;transition:background .2s}.service-tile:hover{background:var(--kesar-soft)}.service-tile>span{font-size:12px;color:var(--muted);grid-column:1/-1}.service-tile h3{font-size:27px;line-height:1.2}.service-tile>b{font-size:24px;color:var(--kesar-deep)}.section-action{margin-top:38px;text-align:center}.steps.five{grid-template-columns:repeat(5,1fr);gap:24px}.steps.five h3{font-size:27px}.audit-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.audit-panel h2{font-size:clamp(40px,5vw,68px);margin:24px 0}.audit-panel p{margin-bottom:26px;color:var(--ink-2)}.audit-paper{background:var(--card);border:1px solid var(--ink);padding:40px;box-shadow:8px 8px 0 var(--kesar);transform:rotate(2deg)}.audit-paper h3{font-size:35px;margin:18px 0}.audit-paper .hand{font-size:22px}.check-list{padding:0;margin:20px 0 25px;list-style:none}.check-list li{padding:15px 0 15px 28px;border-bottom:1px dashed var(--line-2);position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--kesar-deep);font-weight:700}.small-note{font-size:13px!important;color:var(--muted)!important;line-height:1.6}.closing{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.closing h2{font-size:clamp(42px,5vw,72px);margin:23px 0}.closing p{max-width:650px;color:var(--ink-2)}.closing>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:18px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.manifesto>p{font-size:23px;line-height:1.6;color:var(--ink-2)}.manifesto blockquote{margin:0;font:400 40px/1.18 var(--f-display);border-left:4px solid var(--kesar);padding:15px 0 15px 35px}.manifesto cite{display:block;font:600 13px var(--f-body);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:25px}.founder-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.founder-card{background:var(--ink);color:var(--kagaz);border-radius:12px;text-align:center;padding:50px 25px}.founder-monogram{font:110px/1 var(--f-display);width:210px;height:210px;border:1px dashed var(--kesar);border-radius:50%;display:grid;place-items:center;margin:0 auto 30px;background:radial-gradient(circle,#ffffff08 2px,transparent 2px) 0 0/16px 16px;color:var(--kesar)}.founder-card h3{font-size:35px}.founder-card p{font-size:16px;margin:10px 0 25px}.founder-card .hand{font-size:19px;color:#ffac75}.founder-profile>div>h3{font-size:40px;line-height:1.15;margin-bottom:25px}.founder-profile>div>p{color:var(--ink-2)}.education{display:grid;gap:23px;padding:25px 0 35px}.education span{font-size:11px;letter-spacing:.14em;color:var(--kesar-deep);display:block}.education b{font-size:18px;display:block}.education p{font-size:15px;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.timeline article{border-top:2px solid var(--kesar);padding-top:25px}.timeline b{font:50px var(--f-display);color:var(--kesar-deep)}.timeline h3{font-size:28px;margin:20px 0}.timeline p{font-size:16px;color:var(--ink-2)}.service-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.service-detail h2{font-size:clamp(40px,4.5vw,64px);margin:20px 0}.service-detail p{color:var(--ink-2);margin-bottom:28px}.service-no{display:block;font:70px/1 var(--f-display);color:var(--line-2);margin-bottom:20px}.deliverables{background:var(--card);border:1px solid var(--line-2);border-radius:8px;padding:30px 35px}.deliverables .menu-cat{margin-top:0}.simple-link{font:700 16px var(--f-body);color:var(--kesar-deep);background:none;border:0;cursor:pointer;padding:8px 0;text-align:left}.portfolio-grid{row-gap:50px}.project-art{height:170px;position:relative;border-radius:5px;margin:20px 0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-art:after{content:'';width:150px;height:150px;border:1px dashed #fff7;position:absolute;border-radius:50%;right:-30px;top:-30px}.project-art>span{font:90px/1 var(--f-display);color:#fff9}.project-art>small{color:white;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.project-desc{font-size:16px;color:var(--ink-2);min-height:128px}.portfolio-grid .r-total{align-items:center}.portfolio-grid .r-total span{max-width:140px;line-height:1.3}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px}.filter{padding:12px 20px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:600 16px/1 var(--f-body);cursor:pointer}.filter.active{background:var(--ink);color:var(--kagaz);border-color:var(--ink)}.filter:hover{border-color:var(--ink)}.pricing-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:65px;align-items:start}.pricing-layout .sec-head{display:block}.pricing-layout .sec-head p{max-width:none;margin-top:25px}.package-group{margin:0 0 32px;padding:22px;border:1px solid var(--line-2);border-radius:8px;min-width:0;background:var(--card)}.package-group legend{font:26px var(--f-display);padding:0 10px}.package-group legend span{color:var(--kesar-deep);font-size:17px}.package-group legend small{display:block;font:500 12px var(--f-body);color:var(--muted)}.package-none{font-size:14px;color:var(--muted);display:flex;gap:9px;align-items:center;margin:0 0 15px}.package-option{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px dashed var(--line-2);cursor:pointer}.package-option input,.package-none input{accent-color:var(--kesar-deep);width:18px;height:18px;flex:none}.package-option>span{font-size:17px;line-height:1.35}.package-option b{font:24px var(--f-display);margin-left:auto;white-space:nowrap}.package-option small{display:block;font:500 12px var(--f-body);color:var(--muted)}.package-option:has(input:checked){color:var(--kesar-deep)}.quote-slip{position:sticky;top:110px;background:var(--card);border:1px solid var(--ink);border-radius:10px;box-shadow:7px 7px 0 var(--kesar);overflow:hidden}.quote-slip .slip-head:before,.quote-slip .slip-head:after{background:var(--kagaz)}.quote-body{padding:25px}.quote-body ul{padding-left:18px;font-size:15px}.quote-body li{margin-bottom:12px}.quote-body li small{display:block;color:var(--muted)}.quote-body .btn{margin-top:20px;width:100%;justify-content:center}.quote-body .r-total{flex-wrap:wrap}.quote-body .r-total b{font-size:32px}.quote-body .small-note{margin-top:20px}.quote-body>.simple-link{display:block;text-align:center;width:100%;margin-top:15px}.discount{color:var(--kesar-deep)}.pricing-note{padding:28px;border-left:3px solid var(--kesar);background:var(--kesar-soft)}.pricing-note h3{font-size:30px;margin-bottom:15px}.pricing-note p{font-size:16px;margin-top:12px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:40px}.calculator form{padding:0;grid-template-columns:1fr 1fr;gap:24px}.calculator label{display:grid;font-size:15px;gap:8px}.calculator input,.search-input{font:18px var(--f-body);padding:13px;border:1px solid var(--line-2);border-radius:5px;width:100%;background:var(--card);color:var(--ink)}.calculator .btn{grid-column:1/-1;justify-self:start}.calc-results{background:var(--ink);color:var(--kagaz);border-radius:10px;padding:35px}.calc-results .eyebrow{color:var(--kesar)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px 0}.calc-grid b{display:block;font:36px var(--f-display);color:var(--kesar)}.calc-grid span{font-size:14px}.calc-results p{font-size:13px;color:#d3cede;margin-top:15px}.featured-article{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.article-cover{padding:40px;background:var(--ink);color:var(--kagaz);border:8px solid var(--kesar-soft);box-shadow:7px 7px 0 var(--kesar);transform:rotate(-2deg)}.article-cover>span{font-size:13px;letter-spacing:.25em}.article-cover h2{font-size:clamp(50px,5vw,76px);margin-top:30px}.article-cover h2 span{color:var(--kesar)}.cover-dots{font-size:35px;letter-spacing:12px;color:var(--kesar);margin:40px 0 20px}.article-cover p{font-size:11px;letter-spacing:.12em;border-top:1px dashed #fff5;padding-top:18px}.featured-article>div>h2{font-size:45px;line-height:1.1;margin:20px 0}.featured-article>div>p{color:var(--ink-2);margin-top:20px}.read-meta{font-size:13px;color:var(--muted)!important}.article-summary{margin-top:25px}.article-summary summary{font-size:17px}.compact{margin-top:25px;padding-top:25px}.topic-panel{padding:45px;background:var(--card);border:1px solid var(--line-2);border-radius:8px;max-width:850px;min-height:230px}.topic-panel h3{font-size:38px;margin-bottom:20px}.topic-panel p{font-size:19px;margin-bottom:20px;color:var(--ink-2)}.search-label{font-size:13px;color:var(--muted);display:block;margin-bottom:8px}.faq-side .vertical{margin-top:20px}.jobs{display:grid;gap:25px}.job{padding:35px;border:1px solid var(--line-2);border-radius:8px;background:var(--card)}.job-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;color:var(--kesar-deep);text-transform:uppercase}.job h3{font-size:35px;margin:22px 0}.job-tags{display:flex;gap:10px;flex-wrap:wrap}.job-tags span{font-size:13px;background:var(--kesar-soft);padding:6px 12px;border-radius:3px}.job p{color:var(--ink-2);max-width:820px;margin:22px 0}.contact-main .cta-copy h2{font-size:clamp(48px,5vw,74px)}.direct a{font-size:21px;overflow-wrap:anywhere}.direct span{margin-top:16px}.field select,.field textarea{font:500 17px var(--f-body);background:var(--card);color:var(--ink);border:1.5px solid var(--line-2);border-radius:10px;padding:13px 14px;width:100%;min-width:0}.field textarea{resize:vertical}.enquiry-ready{border-top:1px dashed var(--line-2);padding-top:25px;display:grid;gap:15px}.enquiry-ready h3{font-size:28px}.enquiry-ready p{font-size:15px}.foot-grid{grid-template-columns:1.2fr .7fr .7fr 1.3fr;gap:35px}.foot-grid a{overflow-wrap:anywhere}.foot-grid .brand{white-space:normal}.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}
@media(max-width:1180px){.nav-links{display:none}.menu-btn{display:grid}.steps.five{grid-template-columns:repeat(3,1fr)}.steps.five:before{display:none}.brand-txt b{font-size:18px}.pricing-layout{gap:35px}.quote-body{padding:20px}}@media(max-width:1080px){.inner-hero{grid-template-columns:1.6fr .6fr;gap:30px}.editorial-seal{padding:25px}.editorial-seal span{font-size:21px}.feature-grid{grid-template-columns:repeat(2,1fr)}.audit-panel,.manifesto,.founder-profile,.service-detail,.featured-article{gap:40px}.foot-grid{grid-template-columns:1fr 1fr}.pricing-layout{grid-template-columns:1.2fr .8fr}.hero-grid{grid-template-columns:1fr}.home-title{font-size:clamp(64px,8vw,90px)!important}.scene{margin-top:25px}.service-detail{grid-template-columns:1fr 1fr}.calculator{grid-template-columns:1fr}.calculator form{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:1fr}.thali-wrap{position:static}.menu-card .item .name{font-size:20px}}@media(max-width:820px){.inner-hero{grid-template-columns:1fr}.editorial-seal{display:none}.page-hero{padding-block:50px 65px}.page-hero h1{font-size:clamp(47px,8vw,70px)}.home-services{grid-template-columns:1fr 1fr}.steps.five{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr;row-gap:30px}.stats>div:nth-child(2){border:0}.stats b{font-size:54px}.audit-panel,.closing,.manifesto,.founder-profile,.service-detail,.featured-article,.pricing-layout{grid-template-columns:1fr}.closing>div:last-child{justify-self:start}.founder-profile{gap:45px}.timeline{grid-template-columns:1fr 1fr;gap:40px}.quote-slip{position:static;grid-row:1}.pricing-layout>div{grid-row:2}.quote-body .r-total{display:inline-flex;width:49%;vertical-align:top;padding-right:15px;border-bottom:0}.quote-body ul{columns:2}.quote-body .btn{width:auto}.quote-body>.simple-link{text-align:left}.portfolio-grid{max-width:480px}.project-desc{min-height:0}.calculator form{grid-template-columns:1fr 1fr}.featured-article>div>h2{font-size:40px}.article-cover{max-width:500px}.founder-line{flex-wrap:wrap}.founder-line .btn{margin-left:0}.audit-paper{transform:none}.service-no{font-size:50px}.closing h2{font-size:46px}.contact-main .direct{margin-bottom:20px}}@media(max-width:560px){.feature-grid,.home-services,.steps.five,.timeline,.foot-grid{grid-template-columns:1fr}.feature{padding:25px}.home-title{font-size:clamp(46px,11vw,64px)!important}.brand-txt small{display:block;font-size:9px}.brand-txt b{font-size:15px}.nav .wrap{gap:12px}.brand{gap:8px}.brand svg{width:35px;height:35px}.page-hero h1{font-size:48px}.lede{font-size:18px}.stats span{font-size:14px}.stats b{font-size:48px}.hero-proof{gap:20px}.hero-proof b{font-size:26px}.audit-paper{padding:25px}.audit-panel{gap:35px}.founder-line div{max-width:240px}.manifesto{gap:35px}.manifesto blockquote{font-size:32px;padding-left:25px}.manifesto>p{font-size:20px}.founder-monogram{width:160px;height:160px;font-size:85px}.founder-profile>div>h3{font-size:34px}.deliverables{padding:25px}.service-detail h2{font-size:40px}.services-grid .item{grid-template-columns:1fr}.item .price{margin-top:7px}.menu-card .item .name{font-size:20px}.menu-card .item .name:after{display:none}.package-group{padding:15px}.package-group legend{font-size:23px}.package-option{gap:9px}.package-option>span{font-size:15px}.package-option b{font-size:21px}.quote-body ul{columns:1}.quote-body .r-total{width:100%}.calculator form{grid-template-columns:1fr 1fr;gap:15px}.calculator label{font-size:13px}.calc-results{padding:25px}.calc-grid b{font-size:30px}.filter{font-size:14px;padding:11px 15px}.featured-article>div>h2{font-size:36px}.topic-panel{padding:28px}.job{padding:25px}.job h3{font-size:29px}.job-top{flex-direction:column;gap:8px}.closing h2{font-size:40px}.direct a{font-size:18px}.legal{font-size:12px}}
/* Hinglish copy needs breathing room in navigation and editorial headings. */
.nav-links{gap:12px}.nav-links a{font-size:12px}.nav-links a small{font-size:11px}.mobile-panel{max-height:75vh;overflow-y:auto}.page-hero h1{overflow-wrap:break-word}.service-tile h3,.feature h3{overflow-wrap:break-word}
@media(max-width:1380px){.nav-links{display:none}.menu-btn{display:grid}}
/* Readability fixes verified against the actual paper/cream colour pairs. */
:root{--kesar-deep:#a94006;--muted:#6b6053}
.kesar,.big-hindi span{color:var(--kesar-deep)}
.cta .kesar{color:var(--kesar)}
.project-art>small{background:var(--ink);color:var(--kagaz);padding:5px 8px;align-self:flex-start;position:relative;z-index:1}
.thali .katori[data-svc="crm"] circle:nth-child(2){fill:var(--kesar-deep)}

/* Hoots: guided growth companion */
.hoots-launch{position:fixed;right:22px;bottom:20px;z-index:100;display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--kagaz);border:1px solid var(--kagaz);border-radius:40px;padding:8px 20px 8px 8px;box-shadow:0 8px 28px #16173d25;cursor:pointer;text-align:left;font:700 16px Mukta,sans-serif}
.hoots-launch img,.hoots-head img{object-fit:contain}.hoots-launch small{display:block;font-size:12px;font-weight:400}.hoots-panel{position:fixed;inset:auto 20px 20px auto;margin:0;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ink);border-radius:18px;background:var(--kagaz);color:var(--ink);box-shadow:0 20px 70px #16173d40;overflow:auto;font-family:Mukta,sans-serif}.hoots-panel::backdrop{background:#16173d55}.hoots-head{display:flex;align-items:center;gap:10px;padding:16px;background:var(--paper,#f4e8d4);border-bottom:1px solid #16173d20}.hoots-head h2{font:400 24px 'Rozha One',serif;margin:0}.hoots-head p{font-size:13px;margin:0}.hoots-head button{margin-left:auto;align-self:flex-start;border:0;background:transparent;font-size:30px;min-width:40px;min-height:40px;cursor:pointer;color:var(--ink)}.hoots-note{font-size:12px;line-height:1.4;padding:0 16px;margin:10px 0;color:var(--muted)}.hoots-log{max-height:260px;overflow:auto;padding:0 16px}.hoots-message{font-size:15px;line-height:1.5;padding:12px;border-radius:12px;background:#f4e8d4;margin:10px 24px 10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.hoots-message.visitor{background:var(--ink);color:var(--kagaz);margin:10px 0 10px 24px}.hoots-choices{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px}.hoots-choices button,.hoots-links a{border:1px solid #a94006;border-radius:20px;background:transparent;padding:8px 12px;color:#a94006;font:600 14px Mukta,sans-serif;cursor:pointer;text-decoration:none}.hoots-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hoots-links a:last-child{background:var(--ink);color:var(--kagaz);border-color:var(--ink)}.hoots-form{padding:0 16px}.hoots-form label{font-size:13px;font-weight:700}.hoots-form>div{display:flex;gap:6px}.hoots-form input{min-width:0;flex:1;border:1px solid #6b6053;border-radius:8px;padding:10px;background:#fffaf2;font:16px Mukta,sans-serif;color:var(--ink)}.hoots-form button{border:0;border-radius:8px;background:var(--ink);color:var(--kagaz);padding:10px;font-weight:700;cursor:pointer}.hoots-bottom{display:flex;justify-content:space-between;padding:12px 16px;font-size:13px}.hoots-bottom button{border:0;background:none;text-decoration:underline;color:var(--ink);font:inherit;cursor:pointer}.hoots-bottom a{color:var(--ink)}.hoots-panel :focus-visible,.hoots-launch:focus-visible{outline:3px solid #a94006;outline-offset:3px}.receipt-evidence{margin:12px 0;font-size:13px;border-top:1px dashed #6b6053;padding-top:10px}.receipt-evidence summary{cursor:pointer;font-weight:700}.receipt-evidence p{font-size:13px;line-height:1.5}.founder-photo{width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.initial-avatar.founder-photo{width:56px;height:56px;aspect-ratio:1;border-radius:50%}
@media(max-width:600px){.hoots-launch{right:12px;bottom:12px;font-size:14px;padding-right:14px}.hoots-panel{right:12px;bottom:12px;max-height:calc(100dvh - 24px)}.hoots-head h2{font-size:21px}footer{padding-bottom:100px}.hoots-log{max-height:32dvh}}
/* Keep the supplied founder portrait centred on the face. */
.founder-photo{object-position:center 20%;display:block;margin-inline:auto}
.initial-avatar.founder-photo{object-position:center 20%;margin:0;flex-shrink:0}
.legal-links{display:flex;flex-wrap:wrap;gap:18px}.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.policy-copy{max-width:800px;margin-inline:auto}.policy-copy article{margin-bottom:36px}.policy-copy h2{font-size:28px;margin-bottom:12px}.policy-copy p{line-height:1.8}.policy-copy a{color:var(--kesar-deep);text-decoration:underline}
.hoots-human{display:block;margin:12px 16px;padding:10px 14px;background:var(--ink);color:var(--kagaz);border-radius:8px;text-align:center;font-weight:700;text-decoration:none}.growth-article h3{font-size:24px;margin:28px 0 10px}.growth-article p{margin-bottom:18px}.hoots-form[hidden]{display:none}
@media(max-width:600px){.pricing-layout>*,.founder-profile>*,.inner-hero>*{min-width:0}.policy-copy h2{font-size:25px}.direct a,.foot-grid a{overflow-wrap:anywhere}.hoots-choices button,.hoots-bottom a,.hoots-bottom button{min-height:44px}.hoots-head{gap:6px}.hoots-head img{width:48px;height:48px}}
.website-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.website-project{overflow:hidden;border:1px solid #16173d25;border-radius:16px;background:#fffaf2;display:flex;flex-direction:column}.website-preview{display:block;line-height:0;background:var(--ink)}.website-preview img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}.website-project-copy{padding:24px;display:flex;flex-direction:column;flex:1}.website-project-copy h3{font:400 32px 'Rozha One',serif;margin:10px 0}.website-project-copy p{line-height:1.7;margin:0 0 20px}.website-project-copy>a{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}.website-preview:focus-visible{outline:4px solid var(--kesar);outline-offset:-4px}@media(max-width:700px){.website-projects{grid-template-columns:1fr;gap:24px}.website-project-copy{padding:20px}.website-project-copy h3{font-size:28px}}
.project-status{display:inline-block;align-self:flex-start;margin-top:10px;padding:4px 10px;border:1px solid var(--kesar-deep);border-radius:20px;color:var(--kesar-deep);font-size:13px;font-weight:700}
.project-details-link{font-weight:700;color:var(--kesar-deep);padding:10px 0;min-height:44px;display:inline-flex;align-items:center}.project-hero-image{margin:24px 0}.project-hero-image img{display:block;width:100%;height:auto;border-radius:16px}.project-hero-image figcaption{font-size:14px;color:var(--muted);margin-top:10px}.project-buttons,.brief-actions{display:flex;gap:14px;flex-wrap:wrap}.project-progress{max-width:760px}.project-progress p{margin-top:18px}.project-mobile-preview{display:block;max-width:360px;width:100%;height:auto;margin:auto}.founder-note{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}.founder-note p{margin:16px 0;line-height:1.75}.client-feedback{padding:28px;background:var(--paper);border-left:4px solid var(--kesar-deep)}.client-feedback footer{padding:12px 0;background:transparent;color:var(--ink)}@media(max-width:760px){.founder-note{grid-template-columns:1fr;gap:28px}.founder-note .founder-photo{max-width:240px}.project-buttons .btn,.brief-actions .btn{max-width:100%;white-space:normal}}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;padding:28px;border:1px solid #16173d25;border-radius:14px;background:#fffaf2}.blog-number{font:40px 'Kalam',cursive;color:var(--kesar-deep);margin-bottom:18px}.blog-card h3{font:27px/1.25 'Rozha One',serif;margin:14px 0}.blog-card h3 a{color:var(--ink);text-decoration:none}.blog-card p{line-height:1.65;margin:0 0 24px}.blog-card>a{margin-top:auto;min-height:44px;display:flex;align-items:center}.reading-layout{display:grid;grid-template-columns:250px minmax(0,750px);gap:60px;align-items:start;justify-content:center}.article-toc{font-size:15px}.article-toc h2{font-size:24px;margin:24px 0 12px}.article-toc ol{padding-left:20px}.article-toc li{padding-bottom:10px}.article-toc>a{display:block;padding:10px 0;color:var(--kesar-deep)}.article-toc li a{color:var(--ink)}.article-copy{font-size:18px;line-height:1.8;min-width:0}.article-copy>section{padding:0;margin:40px 0;scroll-margin-top:110px}.article-copy h2{font:32px/1.2 'Rozha One',serif;margin-bottom:18px}.article-intro{font-size:21px;line-height:1.7}.article-copy .article-checklist{padding:24px;background:var(--paper,#f4e8d4);border-radius:12px}.article-copy details{border-bottom:1px solid #16173d30;padding:16px 0}.article-copy summary{cursor:pointer;font-weight:700}.article-copy details p{margin-top:12px}.article-references{font-size:15px}.article-references a{color:var(--kesar-deep);overflow-wrap:anywhere}.article-next{border-top:2px solid var(--ink);padding-top:24px}.article-next .btn{margin:12px 12px 0 0}.related-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.related-guides a{padding:24px;border:1px solid #16173d30;color:var(--ink);border-radius:12px;font:24px 'Rozha One',serif;text-decoration:none}.reading-layout a:focus-visible,.blog-grid a:focus-visible{outline:3px solid var(--kesar-deep);outline-offset:4px}@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr);gap:28px}.article-toc{padding:20px;background:var(--paper,#f4e8d4);border-radius:12px}}@media(max-width:600px){.blog-grid,.related-guides{grid-template-columns:1fr}.blog-card{padding:22px}.article-copy{font-size:17px}.article-copy h2{font-size:27px}.article-intro{font-size:19px}}
.blog-card .blog-cover-link{display:block;margin:-28px -28px 22px;min-height:0;overflow:hidden;border-radius:13px 13px 0 0}.blog-cover{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;background:#fbf4e8}.blog-number{font-size:24px;margin-bottom:8px}.article-cover-figure{max-width:1100px;margin:0 auto}.article-cover-figure img{display:block;width:100%;height:auto;border-radius:16px;background:#fbf4e8}.article-cover-figure figcaption{font-size:13px;color:var(--muted);margin-top:10px}@media(max-width:600px){.blog-card .blog-cover-link{margin:-22px -22px 20px}}
.sample-testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-testimonial{padding:26px;border:1px dashed var(--muted);border-radius:14px;background:var(--kagaz)}.sample-label{display:block;font-size:13px;line-height:1.5;color:var(--kesar-deep);font-weight:700;margin-bottom:18px}.sample-testimonial h3{font-size:24px;margin-bottom:14px}.sample-testimonial blockquote{margin:0;font-size:18px;line-height:1.7;color:var(--ink)}@media(max-width:760px){.sample-testimonials{grid-template-columns:1fr}}
.testimonial-slider{max-width:880px;margin:0 auto}.testimonial-slider .sample-testimonials{grid-template-columns:1fr}.testimonial-slider .sample-testimonial{padding:36px;border-style:solid}.sample-testimonial[hidden]{display:none}.sample-person{display:flex;gap:14px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid #16173d25}.sample-person b,.sample-person span,.sample-person small{display:block}.sample-person small{font-size:12px;color:var(--kesar-deep);margin-top:4px}.sample-person .sample-initial{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--kagaz);font-weight:700;flex-shrink:0}.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:22px}.testimonial-controls[hidden]{display:none}.testimonial-controls button{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--kagaz);font-size:24px;cursor:pointer}.testimonial-controls button:hover{background:var(--kesar-deep);border-color:var(--kesar-deep)}.testimonial-controls button:focus-visible{outline:3px solid var(--kesar-deep);outline-offset:4px}.slide-count{font-size:16px;min-width:48px;text-align:center}@media(max-width:600px){.testimonial-slider .sample-testimonial{padding:22px}.sample-testimonial blockquote{font-size:17px}}
.noscript-help{padding:18px;text-align:center;background:var(--paper,#f4e8d4);font-size:15px}.noscript-help a{text-decoration:underline;color:var(--kesar-deep)}.hoots-panel{overscroll-behavior:contain}.page-hero h1{overflow-wrap:anywhere}.field input,.field select,.field textarea{min-width:0}@media(max-width:560px){.calculator form{grid-template-columns:1fr}.nav .wrap{min-width:0}.nav-actions{flex-shrink:0}.legal-links a{display:inline-flex;align-items:center;min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Search-friendly navigation and contextual reading */
.breadcrumbs{padding-top:18px;padding-bottom:8px;font-size:14px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs li+li:before{content:"/";margin-right:8px;opacity:.55}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs [aria-current]{overflow-wrap:anywhere}.service-reading{margin:18px 0;padding:14px 0;border-top:1px solid #d8cdbd}.service-reading p{font-weight:700}.service-reading a{display:block;margin:8px 0;text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   Client Onboarding & Project Scope Builder (Pixel-Perfect Harmonized Layout)
   ========================================================================== */
.brief-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 36px;
  align-items: start;
  margin-top: 24px;
}

.brief-form-area {
  min-width: 0;
}

/* Step Cards */
.onboarding-step-card {
  background: #ffffff;
  border: 1px solid #e5ded2;
  border-radius: 16px;
  padding: 32px 34px;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(22, 23, 61, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-step-card:focus-within {
  border-color: #ffb885;
  box-shadow: 0 6px 24px rgba(255, 117, 32, 0.08);
}

/* Step Header */
.step-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f0e8dc;
}

.step-number-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #fff4e8;
  border: 1.5px solid #ffd3b0;
  color: #ff7520;
  font-family: var(--f-body, 'Mukta', sans-serif);
  font-size: 18px;
  font-weight: 800;
  flex-shrink: 0;
}

.step-card-header h2 {
  font-family: var(--f-display, 'Rozha One', serif);
  font-size: 24px;
  line-height: 1.25;
  color: var(--ink, #16173d);
  margin: 0 0 4px 0;
}

.step-card-header p {
  font-size: 13.5px;
  color: var(--muted, #6b6053);
  margin: 0;
  line-height: 1.4;
}

/* Field Groups & Uniform Inputs */
.form-field-group {
  margin-bottom: 18px;
}

.form-field-group:last-child {
  margin-bottom: 0;
}

.field-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #16173d;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.field-label .req {
  color: #ff7520;
  margin-left: 2px;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--f-body, 'Mukta', sans-serif);
  font-size: 15px;
  color: #16173d;
  background: #faf7f2;
  border: 1.5px solid #ded4c5;
  border-radius: 10px;
  padding: 12px 16px;
  transition: all 0.2s ease;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  background: #ffffff;
  border-color: #ff7520;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 117, 32, 0.15);
}

.form-textarea {
  resize: vertical;
  min-height: 88px;
  line-height: 1.6;
}

.grid-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Step 2: Logo Dropzone & Preview */
.upload-dropzone-card {
  border: 2px dashed #d5c8b5;
  background: #faf7f2;
  border-radius: 12px;
  padding: 28px 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}

.upload-dropzone-card:hover {
  border-color: #ff7520;
  background: #fff8f1;
}

.upload-dropzone-card input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.upload-icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff0e0;
  color: #ff7520;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.upload-title {
  font-weight: 700;
  font-size: 16px;
  color: #16173d;
  margin: 0 0 4px 0;
}

.upload-subtitle {
  font-size: 13px;
  color: #6b6053;
  margin: 0 0 10px 0;
}

.upload-limit-badge {
  display: inline-block;
  background: #fff1e5;
  color: #a94006;
  border: 1px solid #ffd8b8;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
}

.logo-preview-card {
  display: none;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  padding: 14px 18px;
  background: #ffffff;
  border: 1.5px solid #25d366;
  border-radius: 10px;
}

.logo-preview-card img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 8px;
  background: #faf5ee;
  border: 1px solid #e7ded0;
}

.upload-error-box {
  color: #b00020;
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
  display: none;
  background: #ffebee;
  border: 1px solid #ffcdd2;
  border-radius: 8px;
  padding: 10px 14px;
}

.logo-alt-toggle {
  margin-top: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1.5px dashed #ded4c5;
  background: #fbf9f5;
  border-radius: 10px;
  padding: 14px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.logo-alt-toggle:hover {
  border-color: #ff7520;
  background: #fffaf5;
}

.logo-alt-toggle input[type="checkbox"] {
  width: 19px;
  height: 19px;
  margin-top: 2px;
  accent-color: #ff7520;
  flex-shrink: 0;
}

/* Checkbox Cards (Equal Height, Structured Rows) */
.options-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 12px;
  align-items: stretch;
}

.option-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #faf7f2;
  border: 1.5px solid #ded4c5;
  border-radius: 10px;
  cursor: pointer;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.option-card:hover {
  background: #fff5eb;
  border-color: #ffb885;
}

.option-card input[type="checkbox"] {
  width: 19px;
  height: 19px;
  margin-top: 2px;
  accent-color: #ff7520;
  flex-shrink: 0;
  cursor: pointer;
}

.option-card-content {
  flex: 1;
}

.option-card-content b {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #16173d;
  line-height: 1.3;
  margin-bottom: 3px;
}

.option-card-content small {
  display: block;
  font-size: 12px;
  color: #6b6053;
  line-height: 1.45;
}

/* Submit Actions */
.submit-action-card {
  background: #16173d;
  color: #ffffff;
  border-radius: 16px;
  padding: 28px 32px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(22, 23, 61, 0.12);
  margin-top: 28px;
}

.submit-action-card .btn-submit-main {
  width: 100%;
  background: #ff7520;
  color: #ffffff;
  font-family: var(--f-body, 'Mukta', sans-serif);
  font-size: 18px;
  font-weight: 800;
  padding: 16px 24px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.submit-action-card .btn-submit-main:hover {
  background: #e56210;
  transform: translateY(-1px);
}

.submit-reassurance {
  margin-top: 12px;
  font-size: 13px;
  color: #ffdac2;
  opacity: 0.9;
}

/* Sidebar: Sticky Live Scope Summary */
.scope-sidebar {
  position: sticky;
  top: 96px;
  background: #ffffff;
  border: 1.5px solid #16173d;
  border-radius: 16px;
  box-shadow: 6px 6px 0 #ff7520;
  overflow: hidden;
}

.scope-sidebar-head {
  background: #16173d;
  color: #ffffff;
  padding: 20px 22px;
  border-bottom: 3px solid #ff7520;
}

.scope-sidebar-head span {
  display: inline-block;
  background: rgba(255, 117, 32, 0.2);
  color: #ff9d5c;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 6px;
}

.scope-sidebar-head h3 {
  font-family: var(--f-display, 'Rozha One', serif);
  font-size: 22px;
  margin: 0;
  color: #ffffff;
}

.scope-sidebar-body {
  padding: 22px;
  display: grid;
  gap: 14px;
  font-size: 13.5px;
}

.scope-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  border-bottom: 1px dashed #e4d8c7;
  padding-bottom: 8px;
}

.scope-row span {
  color: #6b6053;
  font-weight: 500;
}

.scope-row b {
  color: #16173d;
  font-weight: 700;
  text-align: right;
  max-width: 60%;
  overflow-wrap: break-word;
}

.scope-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.scope-tags span {
  background: #fff4e8;
  color: #a94006;
  border: 1px solid #ffd8b8;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 11.5px;
  font-weight: 700;
}

.scope-sidebar .btn-sidebar-submit {
  width: 100%;
  background: #ff7520;
  color: #ffffff;
  font-weight: 800;
  font-size: 16px;
  padding: 13px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 10px;
}

.scope-sidebar .btn-sidebar-submit:hover {
  background: #e56210;
}

/* Mobile Responsiveness */
@media (max-width: 960px) {
  .brief-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .scope-sidebar {
    position: static;
    margin-top: 24px;
  }
}

@media (max-width: 640px) {
  .onboarding-step-card {
    padding: 22px 18px;
  }
  .grid-2col,
  .options-grid {
    grid-template-columns: 1fr;
  }
  .step-card-header {
    flex-direction: row;
    gap: 12px;
  }
  .step-card-header h2 {
    font-size: 20px;
  }
}

/* ==========================================================================
   Executive Founder Profile (Single Unified Showcase)
   ========================================================================== */
.founder-showcase {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 52px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e5ded2;
  border-radius: 20px;
  padding: 44px 48px;
  box-shadow: 0 10px 40px rgba(22, 23, 61, 0.05);
  margin-top: 24px;
}

.founder-photo-frame {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(22, 23, 61, 0.12);
  background: #ffffff;
  border: 4px solid #ffffff;
  outline: 1.5px solid #ded4c5;
  display: flex;
  flex-direction: column;
}

.founder-photo-frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.founder-photo-frame:hover img {
  transform: scale(1.02);
}

.founder-frame-badge {
  background: #16173d;
  color: #ffffff;
  padding: 14px 16px;
  text-align: center;
  border-top: 2.5px solid #ff7520;
}

.founder-frame-badge b {
  display: block;
  font-size: 17px;
  color: #ffffff;
  font-family: var(--f-display, 'Rozha One', serif);
  letter-spacing: 0.02em;
}

.founder-frame-badge span {
  display: block;
  font-size: 12px;
  color: #ffac75;
  font-weight: 700;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.founder-content h3 {
  font-family: var(--f-display, 'Rozha One', serif);
  font-size: 34px;
  line-height: 1.22;
  color: #16173d;
  margin: 0 0 16px 0;
}

.founder-quote-banner {
  background: #faf5ee;
  border-left: 4px solid #ff7520;
  padding: 16px 20px;
  border-radius: 0 10px 10px 0;
  font-size: 16px;
  line-height: 1.65;
  color: #16173d;
  font-style: italic;
  margin-bottom: 20px;
}

.founder-bio-text {
  font-size: 16px;
  line-height: 1.75;
  color: #4a4237;
  margin-bottom: 24px;
}

.founder-credentials-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

.credential-card {
  background: #faf7f2;
  border: 1px solid #e7ded0;
  border-radius: 10px;
  padding: 14px 18px;
}

.credential-tag {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ff7520;
  display: block;
  margin-bottom: 4px;
}

.credential-card b {
  font-size: 14.5px;
  color: #16173d;
  display: block;
  line-height: 1.35;
}

.credential-card span {
  font-size: 12.5px;
  color: #6b6053;
  display: block;
  margin-top: 3px;
}

.founder-action-buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 960px) {
  .founder-showcase {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 24px;
  }
  .founder-photo-frame {
    max-width: 320px;
    margin: 0 auto;
  }
  .founder-credentials-grid {
    grid-template-columns: 1fr;
  }
}

/* =============================================================================
   CAREERS & REMOTE POSITIONS STYLING (careers.html)
   ============================================================================= */
.careers-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff0e6;
  border: 1px solid #ffcca3;
  color: #c94d00;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
}

.careers-hero-badge i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.25);
  display: inline-block;
}

.career-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.career-card {
  background: #ffffff;
  border: 1.5px solid #e7ded0;
  border-radius: 14px;
  padding: 38px 40px;
  box-shadow: 0 4px 20px rgba(22, 23, 61, 0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  position: relative;
  overflow: hidden;
}

.career-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(22, 23, 61, 0.08);
  border-color: #ffcca3;
}

.career-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #ff7520;
  opacity: 0.8;
}

.career-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.career-role-index {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #887e71;
}

.career-badges-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.badge-remote {
  background: #e8f9ef;
  color: #0d7a3a;
  border: 1px solid #b7ebd0;
  font-size: 11.5px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.badge-remote::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #0d7a3a;
  border-radius: 50%;
  display: inline-block;
}

.badge-type {
  background: #faf5ee;
  color: #16173d;
  border: 1px solid #e7ded0;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.badge-stipend {
  background: #fff4e8;
  color: #a94006;
  border: 1px solid #ffd8b8;
  font-size: 11.5px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}

.career-card h3 {
  font-size: 28px;
  line-height: 1.25;
  color: #16173d;
  margin: 0 0 14px 0;
  font-family: var(--f-display, 'Rozha One', serif);
}

.career-card-desc {
  font-size: 16px;
  line-height: 1.65;
  color: #4a4237;
  margin: 0 0 24px 0;
}

.career-details-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 28px;
  background: #faf7f2;
  border: 1px solid #e7ded0;
  border-radius: 10px;
  padding: 22px 26px;
  margin-bottom: 24px;
}

.career-col-title {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ff7520;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.career-responsibilities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.career-responsibilities-list li {
  position: relative;
  padding-left: 20px;
  font-size: 14.5px;
  line-height: 1.5;
  color: #2b251e;
}

.career-responsibilities-list li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: #ff7520;
  font-weight: 900;
  font-size: 14px;
}

.career-skills-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.career-skills-tags span {
  background: #ffffff;
  border: 1px solid #dfd4c4;
  color: #16173d;
  font-size: 12.5px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 6px;
}

.career-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-top: 1px dashed #e7ded0;
  padding-top: 20px;
}

.career-summary-text {
  font-size: 13.5px;
  color: #6b6053;
}

.career-summary-text b {
  color: #16173d;
}

/* =============================================================================
   CAREER APPLICATION FORM STYLING
   ============================================================================= */
.career-form-card {
  background: #ffffff;
  border: 1.5px solid #e7ded0;
  border-radius: 16px;
  padding: 44px;
  box-shadow: 0 10px 36px rgba(22, 23, 61, 0.06);
}

.career-form-intro {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee5d8;
}

.career-form-intro h3 {
  font-size: 30px;
  margin: 0 0 10px 0;
  color: #16173d;
  font-family: var(--f-display, 'Rozha One', serif);
}

.career-form-intro p {
  font-size: 16px;
  color: #5d5345;
  margin: 0;
}

.career-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 24px;
}

.career-full-width {
  grid-column: 1 / -1;
}

.career-field-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.career-field-group label {
  font-size: 14px;
  font-weight: 700;
  color: #16173d;
}

.career-field-group label .req {
  color: #ff7520;
  margin-left: 3px;
}

.career-field-group label .opt {
  font-size: 12px;
  color: #887e71;
  font-weight: 500;
  margin-left: 6px;
}

.career-input,
.career-select,
.career-textarea {
  font-family: inherit;
  font-size: 15px;
  padding: 12px 14px;
  background: #faf7f2;
  border: 1.5px solid #d8cdbd;
  border-radius: 8px;
  color: #16173d;
  outline: none;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

.career-input:focus,
.career-select:focus,
.career-textarea:focus {
  background: #ffffff;
  border-color: #ff7520;
  box-shadow: 0 0 0 3.5px rgba(255, 117, 32, 0.15);
}

.career-file-wrap {
  position: relative;
  background: #faf7f2;
  border: 1.5px dashed #cbbda9;
  border-radius: 8px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  transition: border-color 0.2s;
}

.career-file-wrap:hover {
  border-color: #ff7520;
  background: #fff8f2;
}

.career-file-input {
  font-size: 13.5px;
  color: #4a4237;
  cursor: pointer;
  width: 100%;
}

.career-form-actions {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #eee5d8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
}

.career-privacy-note {
  font-size: 13px;
  color: #7a6e60;
  display: flex;
  align-items: center;
  gap: 8px;
}

.career-privacy-note i {
  color: #25d366;
  font-style: normal;
}

.btn-career-submit {
  background: #ff7520;
  color: #ffffff;
  font-weight: 800;
  font-size: 16px;
  padding: 14px 32px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-career-submit:hover {
  background: #e06010;
  box-shadow: 0 6px 18px rgba(255, 117, 32, 0.35);
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .career-card {
    padding: 28px 22px;
  }
  .career-details-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 18px 20px;
  }
  .career-form-card {
    padding: 30px 20px;
  }
  .career-fields-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}