/* Srishti website compositions consume the shared design-system tokens. */
:root{--page:var(--srishti-color-canvas);--ink:var(--srishti-color-text);--body:var(--srishti-color-body);--action:var(--srishti-color-action);--line:var(--srishti-color-surface-soft);--blue:var(--srishti-palette-sky);--yellow:var(--srishti-palette-yellow);--coral:var(--srishti-palette-coral);--display:var(--srishti-font-family-display)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--srishti-font-family-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--srishti-color-focus);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section-pad{padding-block:90px}.eyebrow{font-size:10px;letter-spacing:.08em;font-weight:600;line-height:1.6;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:var(--action);border-radius:50%}.skip-link{position:absolute;left:20px;top:-80px;background:var(--page);padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:95px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}.wordmark{font-family:var(--display);font-size:39px;font-weight:800;letter-spacing:-2px;line-height:1;display:inline-flex;align-items:center;gap:5px}.wordmark>span{color:var(--action);font-size:43px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}#menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;min-height:52px;border-radius:12px;background:var(--action);color:var(--srishti-color-on-action);font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:var(--srishti-color-action-hover);transform:translateY(-2px)}.button-small{min-height:44px;padding:12px 16px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.circle-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;font-size:17px}.hero{padding-top:40px;text-align:center}.hero>.eyebrow{justify-content:center}.hero h1{font-size:clamp(65px,8.5vw,116px);line-height:1;letter-spacing:-.065em;margin:24px 0}.hero h1>span{color:var(--action)}.hero-lead{font-size:22px;font-weight:600;line-height:1.5}.hero-description{font-size:16px;line-height:1.8;color:var(--body);margin-top:14px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:28px}.hero-scene{position:relative;margin-top:44px;border-radius:24px 24px 8px 8px;overflow:hidden;background:var(--blue);isolation:isolate}.hero-scene>img{width:100%;height:auto;min-height:300px;object-fit:cover}.scene-note{position:absolute;display:flex;gap:11px;align-items:center;padding:13px 17px;border-radius:13px;background:var(--page);border:1px solid var(--line);text-align:left;box-shadow:0 6px 0 color-mix(in srgb,var(--ink) 4%,transparent)}.scene-note>span{width:35px;height:35px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:25px}.scene-note strong{font-family:var(--display);font-size:18px;line-height:1.3;letter-spacing:-.5px}.scene-note small{display:block;font-family:var(--srishti-font-family-sans);font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px;color:var(--body)}.note-one{top:16%;left:7%;transform:rotate(-4deg)}.note-two{right:5%;top:40%;transform:rotate(4deg)}.note-two>span{background:var(--blue);font-size:20px}.scene-label{position:absolute;bottom:14px;right:20px;font-size:9px;color:var(--body)}h2{font-size:clamp(38px,4.7vw,64px);line-height:1.05;letter-spacing:-.055em}.pain-section h2{margin-top:18px}.pain-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:38px}.pain-strip article{border-top:1px solid var(--line);padding-top:26px}.pain-strip h3{font-size:31px;line-height:1.12;letter-spacing:-1px;margin-top:26px}.pain-symbol{height:80px;width:95px;display:block;position:relative}.paper-symbol{background:var(--blue);border-radius:9px;transform:rotate(-7deg);padding:17px}.paper-symbol i{display:block;height:7px;width:85%;background:var(--srishti-color-accent);margin-bottom:10px;border-radius:4px}.paper-symbol i:nth-child(2){width:60%}.update-symbol{background:var(--yellow);border-radius:45px}.update-symbol i{position:absolute;width:20px;height:20px;background:var(--ink);border-radius:50%;left:18px;top:16px}.update-symbol i:nth-child(2){top:42px;left:35px;width:26px;height:20px;border-radius:14px 14px 4px 4px}.update-symbol b{font-family:var(--display);position:absolute;right:15px;top:1px;font-size:49px}.bill-symbol{background:var(--yellow);border-radius:8px;transform:rotate(7deg);font-family:var(--display);font-size:51px;line-height:75px;text-align:center}.bill-symbol i{height:13px;width:45px;background:var(--coral);position:absolute;bottom:-5px;right:-12px;transform:rotate(-20deg)}.bridge{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font-size:16px;font-weight:500}.bridge>span{font-size:25px;color:var(--action)}.workflow-section{background:var(--srishti-palette-orange-soft)}.workflow-section h2{margin-top:18px}.workflow-section h2>span{color:var(--action)}.workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:45px 0 0}.step-top{display:flex;gap:9px;align-items:center;font-size:10px}.step-number{width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:9px}.step-label{letter-spacing:.07em;font-weight:600}.step-arrow{margin-left:auto;color:var(--action);font-size:22px}.workflow-step:last-child .step-arrow{visibility:hidden}.workflow-step h3{font-size:27px;line-height:1.08;letter-spacing:-.9px;margin-top:21px;min-height:59px}.workflow-step>p{font-size:14px;line-height:1.7;margin-top:19px;color:var(--body)}.work-art{height:135px;margin-top:23px;position:relative;background:var(--blue);border-radius:18px;display:grid;place-items:center;overflow:hidden}.prepare .work-art,.bill .work-art{background:var(--yellow)}.execute .work-art{background:var(--srishti-color-success-soft)}.art-sheet{display:block;width:78px;height:93px;padding:20px 12px;background:var(--page);border:1px solid var(--line);border-radius:4px;transform:rotate(-7deg)}.art-sheet i{display:block;height:5px;background:var(--blue);border-radius:3px;margin-bottom:9px}.art-sheet i:nth-child(2){width:75%}.art-sheet i:nth-child(3){width:50%}.art-stamp{position:absolute;right:18%;bottom:18px;width:33px;height:33px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:23px}.prepare .art-stamp,.bill .art-stamp{background:var(--blue)}.prepare .art-sheet{transform:rotate(7deg)}.execute .art-sheet{transform:rotate(-3deg)}.bill .art-sheet{transform:rotate(5deg)}.close .work-art{background:var(--coral)}.coordinator-line{border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);display:flex;gap:18px;align-items:center;margin-top:36px;padding-top:23px}.coordinator-line>span{font-size:40px;color:var(--action);line-height:1}.coordinator-line p{font-size:13px;line-height:1.8;color:var(--body)}.coordinator-line strong{color:var(--ink)}.vision-note{font-size:11px;color:var(--body);margin-top:16px}.control-section{display:flex;gap:40px;align-items:center}.control-section h2{font-size:clamp(30px,3.5vw,47px)}.control-section p{font-size:15px;color:var(--body);margin-top:21px}.control-mark{flex:none;width:115px;height:115px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:67px;transform:rotate(-10deg)}.start-section{background:var(--blue)}.start-section h2{margin-top:18px}.start-steps{display:flex;justify-content:space-between;gap:25px;list-style:none;margin:38px 0 0;padding:0}.start-steps li{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.5px}.start-steps li>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:var(--srishti-font-family-sans);font-size:12px;font-weight:400;letter-spacing:0}.start-bottom{margin-top:35px;padding-top:23px;border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);display:flex;align-items:center;justify-content:space-between;gap:25px}.start-bottom>p{font-size:14px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq-section h2{font-size:43px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;padding:22px 0;font-family:var(--display);font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.4px}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{color:var(--action);flex:none;transition:transform .2s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details>p{font-size:14px;line-height:1.8;color:var(--body);padding:0 20px 22px 0}.early-access-section{background:var(--yellow);overflow:clip}.access-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.access-layout h2{font-size:clamp(54px,6.7vw,90px);margin-top:17px}.access-layout>div>p:last-child{font-size:15px;margin-top:22px;max-width:390px}.access-action{position:relative}.access-action .button{font-size:15px;padding:18px 23px;position:relative;z-index:1}.access-action>p{font-size:12px!important;color:var(--body);line-height:1.8;position:relative;z-index:1}.access-action>span{position:absolute;font-size:150px;right:10px;top:-125px;color:var(--action);line-height:1;transform:rotate(15deg)}.site-footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer p{font-size:12px}.site-footer small{font-size:10px;color:var(--body)}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.site-header nav{gap:22px}.pain-strip{gap:25px}.pain-strip h3{font-size:28px}.workflow{gap:16px}.workflow-step h3{font-size:23px;min-height:52px}.step-label{font-size:9px}.art-stamp{right:12%}.start-steps{flex-wrap:wrap;justify-content:flex-start}.start-steps li{font-size:21px}.faq-section{gap:45px}.access-layout{gap:40px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.section-pad{padding-block:52px}.site-header{height:78px}.wordmark{font-size:35px}.wordmark>span{font-size:39px}#menu-toggle{display:flex;align-items:center;gap:17px;padding:10px 13px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:9px;font-size:12px;color:var(--ink)}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--page);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 15px 30px color-mix(in srgb,var(--ink) 9%,transparent);align-items:stretch;gap:15px}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a:not(.button){padding:8px;font-size:14px}.hero{padding-top:30px}.eyebrow{font-size:9px}.hero>.eyebrow{font-size:8px;letter-spacing:.04em}.hero h1{font-size:clamp(43px,11.8vw,76px);line-height:1.03;letter-spacing:-.06em;margin:24px 0}.hero-lead{font-size:18px;line-height:1.5;max-width:350px;margin-inline:auto}.hero-description{font-size:14px;line-height:1.8;margin-top:15px}.desktop-break{display:none}.hero-actions{gap:18px;margin-top:24px}.button{font-size:12px;padding:14px 17px;gap:20px;min-height:50px}.text-link{font-size:11px;gap:8px}.circle-arrow{width:29px;height:29px;flex:none}.hero-scene{margin-top:32px;border-radius:20px 20px 6px 6px}.hero-scene>img{min-height:300px}.scene-note{padding:10px 12px;gap:8px;max-width:200px}.scene-note strong{font-size:14px}.scene-note small{font-size:9px}.scene-note>span{width:29px;height:29px;font-size:22px;flex:none}.note-one{top:10%;left:6px}.note-two{top:57%;right:6px}.scene-label{font-size:8px;bottom:12px;right:13px}h2{font-size:39px;line-height:1.07;letter-spacing:-1.8px}.pain-strip{grid-template-columns:1fr;gap:23px;margin-top:27px}.pain-strip article{display:flex;align-items:center;gap:24px;padding-top:22px;min-height:122px}.pain-strip h3{font-size:26px;letter-spacing:-.9px;margin:0;line-height:1.12}.pain-symbol{flex:none;width:76px;height:70px}.paper-symbol{padding:14px}.paper-symbol i{height:6px;margin-bottom:9px}.update-symbol i{left:13px;top:12px;width:18px;height:18px}.update-symbol i:nth-child(2){top:39px;left:24px;width:23px;height:19px}.update-symbol b{font-size:43px;right:11px}.bill-symbol{font-size:44px;line-height:67px}.bill-symbol i{right:-6px;width:35px;height:10px}.bridge{margin-top:25px;padding-top:20px;font-size:14px;gap:25px;line-height:1.7}.workflow{grid-template-columns:1fr;margin-top:30px;gap:0}.workflow-step{display:grid;grid-template-columns:1fr 95px;column-gap:20px;position:relative;padding-bottom:26px;margin-bottom:25px;border-bottom:1px solid color-mix(in srgb,var(--ink) 13%,transparent)}.workflow-step:last-child{margin-bottom:0}.step-top{grid-column:1;gap:9px}.step-number{width:24px;height:24px}.step-label{font-size:9px}.step-arrow{display:none}.workflow-step h3{grid-column:1;min-height:0;font-size:26px;letter-spacing:-.9px;margin-top:14px}.workflow-step>p{grid-column:1;font-size:14px;line-height:1.7;margin-top:12px}.work-art{grid-column:2;grid-row:1/4;height:132px;margin-top:0;align-self:center;border-radius:14px}.art-sheet{width:57px;height:78px;padding:17px 10px}.art-stamp{width:28px;height:28px;font-size:20px;right:8px;bottom:14px}.coordinator-line{margin-top:25px;padding-top:0;border:0;gap:13px;align-items:flex-start}.coordinator-line>span{font-size:34px}.coordinator-line p{font-size:12px}.vision-note{font-size:10px;line-height:1.7;margin-top:20px}.control-section{gap:20px;align-items:flex-start}.control-mark{width:49px;height:49px;font-size:29px;margin-top:5px}.control-section h2{font-size:28px;letter-spacing:-1px}.control-section p{font-size:13px;line-height:1.8;margin-top:16px}.start-section h2{font-size:38px}.start-steps{flex-direction:column;gap:22px;margin-top:28px}.start-steps li{font-size:24px;letter-spacing:-.8px}.start-steps li>span{width:29px;height:29px}.start-bottom{align-items:flex-start;gap:18px;margin-top:29px;flex-direction:column}.start-bottom p{font-size:13px}.start-bottom .text-link{font-size:13px;gap:20px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:36px}.faqs summary{font-size:20px;padding-block:20px}.faqs details>p{font-size:14px}.access-layout{grid-template-columns:1fr;gap:30px}.access-layout h2{font-size:clamp(56px,15vw,78px);letter-spacing:-3px}.access-layout>div>p:last-child{font-size:14px;max-width:290px}.access-action .button{font-size:13px;min-height:53px;gap:24px}.access-action>span{font-size:105px;right:8px;top:-70px;opacity:.35}.access-action>p{font-size:11px!important;margin-top:16px!important}.site-footer{padding-block:28px;gap:19px;flex-wrap:wrap}.site-footer p{width:100%;order:3;font-size:11px}.site-footer small{margin-left:auto;font-size:9px}}
@media(prefers-reduced-motion:no-preference){.note-one{animation:note-in .6s .1s both}.note-two{animation:note-in .6s .25s both}[data-reveal].is-in-view{animation:section-in .4s both}@keyframes note-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes section-in{from{translate:0 10px}to{translate:0 0}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
/* Small task artifacts distinguish a plan, a resource check and billing evidence. */
.plan .art-sheet i:nth-child(2){margin-left:15%;width:75%}.plan .art-sheet i:nth-child(3){margin-left:35%;width:55%}
.prepare .art-sheet{background:transparent;border:0;display:flex;align-items:center;justify-content:center;gap:5px;width:95px;padding:0;transform:none}.prepare .art-sheet i,.prepare .art-sheet i:nth-child(2),.prepare .art-sheet i:nth-child(3){width:23px;height:39px;background:var(--ink);border-radius:14px 14px 5px 5px;margin:0;position:relative}.prepare .art-sheet i:before{content:"";position:absolute;width:17px;height:17px;top:-22px;left:3px;border-radius:50%;background:var(--ink)}.prepare .art-sheet i:nth-child(2){translate:0 -11px}
.execute .art-sheet i{background:var(--srishti-color-success)}.execute .art-sheet i:nth-child(2){width:85%}.execute .art-sheet i:nth-child(3){width:65%}
.bill .art-sheet{position:relative;padding-top:32px}.bill .art-sheet:before{content:"₹";position:absolute;top:4px;left:12px;font-family:var(--display);font-size:19px;color:var(--ink)}
.close .art-sheet i{position:relative;margin-left:10px}.close .art-sheet i:before{content:"✓";position:absolute;left:-13px;top:-6px;font-size:11px;color:var(--ink)}
@media(max-width:700px){.prepare .art-sheet{gap:5px;width:75px}.prepare .art-sheet i,.prepare .art-sheet i:nth-child(2),.prepare .art-sheet i:nth-child(3){width:17px;height:31px}.prepare .art-sheet i:before{width:13px;height:13px;left:2px;top:-18px}.bill .art-sheet{padding-top:29px}.bill .art-sheet:before{font-size:16px;left:9px;top:3px}}
