/* BizStart motion layer and interactive demo */
html{scroll-behavior:smooth}
body{animation:pageEnter .65s cubic-bezier(.22,.8,.25,1) both}
@keyframes pageEnter{from{opacity:0}to{opacity:1}}
@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes softFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes orbPulse{0%,100%{filter:saturate(1);transform:scale(1)}50%{filter:saturate(1.16);transform:scale(1.025)}}
@keyframes shine{0%{transform:translateX(-150%) skewX(-20deg)}100%{transform:translateX(350%) skewX(-20deg)}}
@keyframes barGrow{from{height:4%}to{height:var(--bar-height,70%)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}
.siteHeader{animation:riseIn .65s .05s both}
.heroCopy>*{animation:riseIn .72s both}.heroCopy>*:nth-child(1){animation-delay:.12s}.heroCopy>*:nth-child(2){animation-delay:.2s}.heroCopy>*:nth-child(3){animation-delay:.28s}.heroCopy>*:nth-child(4){animation-delay:.36s}
.heroStage .brandCore,.heroAside .brandCore{animation:softFloat 5.5s ease-in-out infinite}
.heroStage .metalOrb,.heroAside .metalOrb,.supportSphere{animation:orbPulse 7s ease-in-out infinite}
.orbitCard{animation:softFloat 6s ease-in-out infinite}.orbitCard.oc2{animation-delay:-2s}.orbitCard.oc3{animation-delay:-4s}
.reveal{transition-delay:var(--reveal-delay,0ms)!important}
.button,.headerCta,.textLink,.projectBottom a,.serviceRow a{position:relative;overflow:hidden;isolation:isolate}
.button:after,.headerCta:after{content:'';position:absolute;inset:-40% auto -40% -35%;width:24px;background:rgba(255,255,255,.32);transform:translateX(-150%) skewX(-20deg);pointer-events:none}
.button:hover:after,.headerCta:hover:after{animation:shine .7s ease}
.button b,.headerCta span,.textLink b{display:inline-block;transition:transform .25s ease}.button:hover b,.headerCta:hover span,.textLink:hover b{transform:translate(3px,-2px)}
.projectCard,.directionCard,.serviceRow,.featureItem,.timeline article,.moduleCard{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.projectCard:hover,.directionCard:hover,.featureItem:hover,.timeline article:hover,.moduleCard:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(32,44,68,.12)}
.projectVisual:after{content:'';position:absolute;inset:-80% -30%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translateX(-60%);transition:transform .8s ease;pointer-events:none}.projectCard:hover .projectVisual:after{transform:translateX(55%)}
.projectDemoBadge{position:absolute;left:20px;bottom:18px;z-index:3;border:1px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);color:#33415d;padding:7px 10px;font-size:7px;letter-spacing:.3px}
.projectDevice{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.projectCard:hover .projectDevice{transform:rotate(-2deg) translateY(-8px) scale(1.025)}
.serviceRow:hover{transform:translateX(8px)}.serviceRow:hover a{background:#6e8ff4;color:white}

.demoIntro{min-height:560px}.demoIntroCards{position:relative;z-index:2;display:grid;gap:12px;max-width:390px;justify-self:end}.demoIntroCards>div{width:330px;border:1px solid rgba(87,110,170,.18);border-radius:24px;background:rgba(255,255,255,.68);backdrop-filter:blur(16px);padding:24px;display:grid;grid-template-columns:42px 1fr;gap:3px 15px;box-shadow:0 22px 55px rgba(38,52,87,.1);animation:softFloat 6s ease-in-out infinite}.demoIntroCards>div+div{margin-left:-75px;animation-delay:-3s}.demoIntroCards span{grid-row:1/3;color:var(--blue);font-size:10px}.demoIntroCards b{font-family:'Onest';font-size:21px}.demoIntroCards small{color:var(--muted);font-size:9px;line-height:1.5}
.interactiveDemoSection{padding:105px 0;background:linear-gradient(180deg,#151c2b,#101622);color:white}.interactiveDemoHead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.interactiveDemoHead .sectionLabel{color:#8f99aa}.interactiveDemoHead .sectionTitle{max-width:760px}.interactiveDemoHead .sectionTitle em{color:#7f899b}
.demoModeSwitch{display:flex;border:1px solid #384355;border-radius:99px;background:#1b2435;padding:5px;flex:0 0 auto}.demoModeSwitch button{border:0;border-radius:99px;background:transparent;color:#99a4b7;padding:13px 18px;font-size:10px;cursor:pointer;transition:.25s}.demoModeSwitch button i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#536078;margin-right:8px}.demoModeSwitch button.active{background:white;color:#172033}.demoModeSwitch button.active i{background:#5d7ee4;box-shadow:0 0 0 4px rgba(93,126,228,.14)}
.interactiveDemo{--demo-accent:#5b7de4;--demo-accent-soft:#e7edff;position:relative;border-radius:30px;background:#f2f4f2;color:#151a22;overflow:hidden;box-shadow:0 45px 110px rgba(0,0,0,.32)}.interactiveDemo.tone-sand{--demo-accent:#b9804c;--demo-accent-soft:#f4e8da}.interactiveDemo.tone-violet{--demo-accent:#806bd4;--demo-accent-soft:#ece8fb}
.demoBrowserBar{height:52px;display:grid;grid-template-columns:88px 1fr 60px;align-items:center;background:#e3e6e4;border-bottom:1px solid #d3d8d5;padding:0 16px}.browserDots{display:flex;gap:6px}.browserDots i{width:8px;height:8px;border-radius:50%;background:#bdc4c1}.browserDots i:first-child{background:#e08f89}.browserDots i:nth-child(2){background:#e4be73}.browserDots i:last-child{background:#78b48a}.browserAddress{justify-self:center;width:min(440px,90%);height:30px;border-radius:9px;background:#f8faf8;color:#8b9398;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px}.browserAddress b{font-weight:500}.browserSecure{justify-self:end;color:#7c858c;font-size:7px;letter-spacing:1px}
.demoProductScreen{display:none;min-height:660px;background:#f7f8f6}.demoProductScreen.active{display:block;animation:riseIn .45s both}
.mockSiteHeader{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;background:white;border-bottom:1px solid #e5e8e5}.mockSiteBrand{border:0;background:transparent;display:flex;align-items:center;gap:10px;justify-self:start;cursor:pointer}.mockSiteBrand i,.mockCrmBrand>i{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--demo-accent-soft),var(--demo-accent));position:relative}.mockSiteBrand i:after,.mockCrmBrand>i:after{content:'B';position:absolute;inset:0;display:grid;place-items:center;color:white;font-weight:700;font-size:16px}.mockSiteBrand b{font-family:'Onest';font-size:16px}.mockSiteHeader nav{display:flex;gap:6px}.mockSiteHeader nav button{border:0;background:transparent;border-radius:99px;padding:9px 12px;color:#757d84;font-size:9px;cursor:pointer}.mockSiteHeader nav button.active{background:#eef1ef;color:#151a22}.mockOrderButton{justify-self:end;border:0;border-radius:99px;background:#171e2c;color:white;padding:11px 14px;font-size:9px;cursor:pointer}.mockOrderButton span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--demo-accent);margin-left:7px}
.mockSitePage{display:none;min-height:582px}.mockSitePage.active{display:block;animation:riseIn .4s both}.mockSiteHero{min-height:500px;display:grid;grid-template-columns:1.08fr .72fr;align-items:center;gap:65px;padding:58px 7% 35px;background:radial-gradient(circle at 82% 35%,var(--demo-accent-soft),transparent 32%),#f9faf8}.mockEyebrow,.mockPageHeading>span{display:block;color:var(--demo-accent);font-size:8px;text-transform:uppercase;letter-spacing:1.3px}.mockSiteHero h2{font-family:'Onest';font-size:clamp(40px,4vw,62px);font-weight:500;letter-spacing:-3px;line-height:.98;margin:18px 0;max-width:700px}.mockSiteHero p{max-width:570px;color:#6e767d;font-size:11px;line-height:1.75}.mockHeroActions{display:flex;gap:8px;margin-top:25px}.mockHeroActions button,.mockContactLayout form>button{border:0;border-radius:99px;background:#171e2c;color:white;padding:13px 17px;font-size:9px;cursor:pointer}.mockHeroActions button+button{background:white;color:#151a22;border:1px solid #d6dbd7}.mockHeroVisual{height:335px;display:grid;place-items:center;position:relative}.mockShape{width:245px;height:245px;border-radius:44% 56% 62% 38%/47% 39% 61% 53%;background:linear-gradient(145deg,#fff,var(--demo-accent-soft));box-shadow:inset -30px -35px 60px rgba(72,86,130,.13),0 35px 70px rgba(46,60,104,.16);display:grid;place-items:center;animation:softFloat 5s ease-in-out infinite}.mockShape i{position:absolute;width:174px;height:174px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.mockShape b{font-family:'Onest';font-size:84px;color:var(--demo-accent);font-weight:500}.mockHeroVisual>span{position:absolute;right:0;bottom:28px;border-radius:15px;background:white;padding:13px 16px;color:#6f777f;font-size:8px;line-height:1.5;box-shadow:0 18px 35px rgba(32,45,76,.12)}.mockTrustRow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1e5e2;background:white;padding:20px 5%}.mockTrustRow span{font-size:9px;text-align:center;border-right:1px solid #e4e7e5}.mockTrustRow span:last-child{border:0}.mockTrustRow i{font-style:normal;color:var(--demo-accent);margin-right:7px}
.mockPageHeading{padding:45px 5% 22px}.mockPageHeading h3,.mockContactLayout h3{font-family:'Onest';font-size:34px;font-weight:500;letter-spacing:-1.7px;margin:10px 0}.mockPageHeading p,.mockContactLayout>div>p{color:#727a81;font-size:10px}.mockOfferGrid,.mockReviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 5% 35px}.mockOfferCard,.mockReviewGrid blockquote{margin:0;background:white;border-radius:19px;padding:22px;min-height:245px;border:1px solid #e4e8e5;transition:.3s}.mockOfferCard:hover,.mockReviewGrid blockquote:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(31,43,69,.1)}.mockOfferCard>span{color:var(--demo-accent);font-size:8px}.mockOfferCard h4{font-family:'Onest';font-size:20px;font-weight:500;margin:30px 0 9px}.mockOfferCard p{color:#7c848a;font-size:9px}.mockOfferCard strong{display:block;font-size:11px;margin:24px 0 14px}.mockOfferCard button{width:100%;border:1px solid #d8ddda;border-radius:99px;background:#f9faf9;padding:10px;font-size:9px;cursor:pointer}.mockOfferCard button.selected{background:var(--demo-accent);border-color:var(--demo-accent);color:white}.mockOfferCard button b{float:right}.mockCartNotice{margin:0 5% 36px;border-radius:13px;background:var(--demo-accent-soft);color:#5d6680;padding:13px 16px;font-size:9px}.mockReviewGrid blockquote b{display:block;font-family:'Onest';font-size:18px;margin:16px 0}.mockReviewGrid blockquote p{color:#6f777e;font-size:10px;line-height:1.7}.mockReviewGrid footer{color:var(--demo-accent);font-size:8px;margin-top:28px}
.mockContactLayout{display:grid;grid-template-columns:1fr .8fr;gap:60px;padding:58px 7%;align-items:start}.mockContactFacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.mockContactFacts span{border-radius:16px;background:white;padding:18px;color:#7b838a;font-size:8px}.mockContactFacts b{display:block;color:#171c24;font-size:15px;margin-bottom:6px}.mockContactLayout form{background:white;border-radius:22px;padding:25px;box-shadow:0 20px 50px rgba(30,44,72,.09)}.mockContactLayout label{display:block;color:#7d858c;font-size:8px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px}.mockContactLayout input,.mockContactLayout textarea{display:block;width:100%;border:0;border-bottom:1px solid #d9dedb;background:transparent;padding:10px 0;font-size:10px;outline:none}.mockContactLayout textarea{min-height:65px;resize:none}.mockContactLayout form>button{width:100%;background:var(--demo-accent)}.mockContactLayout form>p{min-height:14px;color:#52805d;font-size:9px;margin:11px 0 0}

.mockCrm{display:grid;grid-template-columns:205px 1fr;min-height:660px}.mockCrmSidebar{background:#172032;color:white;padding:24px 17px;display:flex;flex-direction:column}.mockCrmBrand{display:flex;align-items:center;gap:10px;padding:0 7px 30px}.mockCrmBrand>i{width:34px;height:34px;flex:0 0 34px}.mockCrmBrand div{min-width:0}.mockCrmBrand b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockCrmBrand span{display:block;color:#728096;font-size:7px;margin-top:3px}.mockCrmSidebar nav{display:flex;flex-direction:column;gap:4px}.mockCrmSidebar nav button{border:0;border-radius:10px;background:transparent;color:#97a3b6;display:grid;grid-template-columns:22px 1fr auto;align-items:center;text-align:left;padding:11px;font-size:9px;cursor:pointer}.mockCrmSidebar nav button.active{background:#26334a;color:white}.mockCrmSidebar nav button i{font-style:normal;color:#7f9df1}.mockCrmSidebar nav button b{border-radius:99px;background:#33445f;padding:3px 6px;font-size:7px}.mockCrmUser{margin-top:auto;border-top:1px solid #303b4c;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.mockCrmUser>span{width:31px;height:31px;border-radius:10px;background:#26344c;display:grid;place-items:center;color:#a8baf2;font-size:8px}.mockCrmUser b,.mockCrmUser small{display:block;font-size:8px}.mockCrmUser small{color:#738096;margin-top:3px;font-size:7px}
.mockCrmMain{min-width:0;padding:28px 31px;background:#eef1ef}.mockCrmTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mockCrmTop span{color:#81898f;font-size:8px}.mockCrmTop h3{font-family:'Onest';font-size:27px;font-weight:500;margin:5px 0 0}.mockCrmTop>button,.crmOutlineButton{border:0;border-radius:99px;background:var(--demo-accent);color:white;padding:11px 14px;font-size:8px;cursor:pointer}.mockCrmPanel{display:none}.mockCrmPanel.active{display:block;animation:riseIn .35s both}.demoMetric small{display:block;color:#6f9d79;font-size:7px;margin-top:9px}.demoPanelTitle{display:flex;align-items:center;justify-content:space-between;gap:15px}.demoPanelTitle span,.demoPanelTitle button{color:#858d94;font-size:8px}.demoPanelTitle button{border:0;background:transparent;cursor:pointer}.bars i{--bar-height:60%;height:var(--bar-height);animation:barGrow .65s ease both}.bars i:nth-child(1){--bar-height:38%}.bars i:nth-child(2){--bar-height:58%}.bars i:nth-child(3){--bar-height:47%}.bars i:nth-child(4){--bar-height:78%}.bars i:nth-child(5){--bar-height:66%}.bars i:nth-child(6){--bar-height:92%}.bars i:nth-child(7){--bar-height:74%}.barLabels{display:flex;justify-content:space-around;color:#979da2;font-size:7px;margin-top:8px}.demoTasks .task span{flex:1}.demoTasks .task b{font-size:7px;color:#92999f}.crmSectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.crmSectionHead>div>span{color:#838b92;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.crmSectionHead h4{font-family:'Onest';font-size:22px;font-weight:500;margin:5px 0 0}.crmFilterPills{display:flex;gap:5px}.crmFilterPills button,.crmOutlineButton{border:1px solid #d6dcd8;background:white;color:#747d84;padding:8px 11px}.crmFilterPills button{border-radius:99px;font-size:7px;cursor:pointer}.crmFilterPills button.active{background:#1d2533;color:white;border-color:#1d2533}
.crmTable{background:white;border-radius:18px;overflow:hidden}.crmTableHead,.crmTableRow{display:grid;grid-template-columns:1.15fr 1fr .65fr .6fr;gap:12px;align-items:center}.crmTableHead{padding:12px 17px;color:#8a9298;font-size:7px;text-transform:uppercase;border-bottom:1px solid #e5e9e6}.crmTableRow{padding:15px 17px;border-bottom:1px solid #ebeeec;font-size:9px}.crmTableRow:last-child{border:0}.crmTableRow span b,.crmTableRow span small{display:block}.crmTableRow span small{color:#90979d;font-size:7px;margin-top:4px}.leadStatus{border:0;border-radius:99px;padding:7px 8px;font-size:7px;cursor:pointer}.statusNew{background:#e2eaff;color:#4e6dbd}.statusWork{background:#f2e8cf;color:#8c6b22}.statusDone{background:#dfece0;color:#4a7651}.crmHint{color:#899197;font-size:8px;margin:12px 4px}.crmClientGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crmClientGrid article{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:white;border-radius:17px;padding:18px}.crmClientGrid article>span{width:38px;height:38px;border-radius:12px;background:var(--demo-accent-soft);color:var(--demo-accent);display:grid;place-items:center;font-size:8px}.crmClientGrid b,.crmClientGrid small{display:block;font-size:9px}.crmClientGrid small{color:#8c949a;font-size:7px;margin-top:4px}.crmClientGrid strong{font-size:9px}
.taskProgress{width:180px;height:6px;border-radius:99px;background:#d8deda;overflow:hidden}.taskProgress i{display:block;width:0;height:100%;background:var(--demo-accent);transition:width .35s}.crmTaskList{background:white;border-radius:18px;padding:5px 20px}.crmTaskList label{display:grid;grid-template-columns:21px 1fr;gap:12px;align-items:center;border-bottom:1px solid #e8ece9;padding:15px 0;cursor:pointer}.crmTaskList label:last-child{border:0}.crmTaskList input{position:absolute;opacity:0}.crmTaskList label>i{width:19px;height:19px;border:1px solid #cbd2ce;border-radius:6px}.crmTaskList input:checked+i{background:var(--demo-accent);border-color:var(--demo-accent)}.crmTaskList input:checked+i:after{content:'✓';display:grid;place-items:center;color:white;font-size:10px}.crmTaskList input:checked~span{text-decoration:line-through;color:#8a9298}.crmTaskList span b,.crmTaskList span small{display:block;font-size:9px}.crmTaskList span small{color:#92999e;font-size:7px;margin-top:4px}.financeSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.financeSummary article{background:white;border-radius:17px;padding:19px}.financeSummary span,.financeSummary small{display:block;color:#858e94;font-size:7px}.financeSummary b{display:block;font-family:'Onest';font-size:21px;margin:12px 0}.financeSummary small{color:#63876a}.financeChart{margin-top:10px;background:white;border-radius:18px;padding:20px}.financeChart>div:first-child{display:flex;justify-content:space-between;font-size:9px}.financeChart>div:first-child span{color:#818a90;font-size:7px}.financeBars{height:175px;display:flex;align-items:end;gap:15px;border-bottom:1px solid #e0e5e2;margin-top:16px}.financeBars i{flex:1;height:var(--h);border-radius:7px 7px 0 0;background:linear-gradient(var(--demo-accent-soft),var(--demo-accent));animation:barGrow .7s ease both;--bar-height:var(--h)}
.demoModal{position:absolute;inset:52px 0 0;background:rgba(18,25,38,.42);backdrop-filter:blur(5px);z-index:20;display:grid;place-items:center;padding:20px}.demoModal[hidden]{display:none}.demoModal form{position:relative;width:min(390px,100%);border-radius:23px;background:white;padding:28px;box-shadow:0 35px 80px rgba(17,25,42,.25);animation:riseIn .3s both}.demoModal form>span{color:var(--demo-accent);font-size:8px;text-transform:uppercase}.demoModal h3{font-family:'Onest';font-size:26px;font-weight:500;margin:8px 0 22px}.demoModal label{display:block;color:#7b838a;font-size:8px;text-transform:uppercase;margin-bottom:14px}.demoModal input,.demoModal select{display:block;width:100%;border:1px solid #d9dedb;border-radius:10px;background:white;padding:11px;margin-top:6px;font-size:9px}.demoModalClose{position:absolute;right:18px;top:18px;border:0;background:#eff2f0;border-radius:50%;width:28px;height:28px;cursor:pointer}.demoModalSave{width:100%;border:0;border-radius:99px;background:var(--demo-accent);color:white;padding:12px;font-size:9px;cursor:pointer}.demoToast{position:absolute;left:50%;bottom:22px;z-index:30;min-width:220px;max-width:80%;border-radius:99px;background:#171f2d;color:white;text-align:center;padding:12px 18px;font-size:9px;opacity:0;pointer-events:none}.demoToast.show{animation:toastIn .3s both}

@media(max-width:980px){.interactiveDemoHead{align-items:flex-start;flex-direction:column}.mockSiteHeader{grid-template-columns:1fr auto}.mockSiteHeader nav{display:none}.mockSiteHero{grid-template-columns:1fr}.mockHeroVisual{display:none}.mockCrm{grid-template-columns:72px 1fr}.mockCrmSidebar{padding:20px 10px}.mockCrmBrand{padding-inline:8px}.mockCrmBrand div,.mockCrmSidebar nav span,.mockCrmSidebar nav b,.mockCrmUser div{display:none}.mockCrmSidebar nav button{grid-template-columns:1fr;text-align:center}.mockCrmUser{justify-content:center}.mockCrmMain{padding:24px 20px}}
@media(max-width:760px){.demoIntroCards{display:none}.interactiveDemoSection{padding:75px 0}.demoModeSwitch{width:100%}.demoModeSwitch button{flex:1;padding-inline:10px}.demoBrowserBar{grid-template-columns:62px 1fr 42px}.browserAddress{justify-content:flex-start;padding:0 9px;overflow:hidden}.browserAddress b{white-space:nowrap}.browserSecure{font-size:6px}.demoProductScreen{min-height:620px}.mockSiteHeader{height:65px;padding:0 14px}.mockSiteBrand b{font-size:13px}.mockOrderButton{padding:9px;font-size:0}.mockOrderButton:before{content:'Заявка';font-size:8px}.mockSiteHero{min-height:430px;padding:45px 22px}.mockSiteHero h2{font-size:39px;letter-spacing:-2.2px}.mockHeroActions{flex-direction:column}.mockTrustRow{grid-template-columns:1fr 1fr;gap:16px}.mockTrustRow span{border:0;text-align:left}.mockPageHeading{padding:35px 22px 20px}.mockOfferGrid,.mockReviewGrid{display:block;padding:0 14px 28px}.mockOfferCard,.mockReviewGrid blockquote{min-height:0;margin-bottom:10px}.mockOfferCard h4{margin-top:18px}.mockCartNotice{margin-inline:14px}.mockContactLayout{grid-template-columns:1fr;padding:35px 18px;gap:24px}.mockContactFacts{margin-top:20px}.mockCrm{grid-template-columns:54px 1fr}.mockCrmSidebar{padding:15px 6px}.mockCrmBrand{padding:0 3px 18px}.mockCrmBrand>i{width:32px;height:32px}.mockCrmSidebar nav button{padding:10px 5px}.mockCrmUser{display:none}.mockCrmMain{padding:19px 12px}.mockCrmTop h3{font-size:21px}.mockCrmTop>button{font-size:0;padding:9px}.mockCrmTop>button:before{content:'+';font-size:18px}.demoMetrics{grid-template-columns:1fr 1fr}.demoMetrics .demoMetric:last-child{grid-column:1/-1}.demoDashboard{grid-template-columns:1fr}.demoTasks{display:none}.crmSectionHead{align-items:flex-start;flex-direction:column}.crmFilterPills{display:none}.crmTable{overflow-x:auto}.crmTableHead,.crmTableRow{min-width:570px}.crmClientGrid,.financeSummary{grid-template-columns:1fr}.taskProgress{width:100%}.financeBars{gap:7px}.interactiveDemo{border-radius:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* Eight independent demo brand systems */
.interactiveDemo{--brand-ink:#172033;--brand-surface:#f7f8f6;--brand-card:#fff;--brand-display:'Onest','Manrope',Arial,sans-serif;--brand-radius:19px}
.interactiveDemo .mockSiteHeader,.interactiveDemo .mockSitePage,.interactiveDemo .mockCrmMain{font-family:'Manrope',Arial,sans-serif}
.interactiveDemo .mockSiteBrand i,.interactiveDemo .mockCrmBrand>i{display:grid;place-items:center;background:var(--brand-logo-bg,linear-gradient(145deg,var(--demo-accent-soft),var(--demo-accent)));border-radius:var(--brand-logo-radius,10px)}
.interactiveDemo .mockSiteBrand i:after,.interactiveDemo .mockCrmBrand>i:after{display:none}
.interactiveDemo .mockSiteBrand i span,.interactiveDemo .mockCrmBrand>i span{position:relative;z-index:2;color:var(--brand-logo-color,#fff);font-family:var(--brand-display);font-size:var(--brand-mark-size,11px);font-weight:700;line-height:1}
.interactiveDemo .mockSiteBrand b,.interactiveDemo .mockSiteHero h2,.interactiveDemo .mockPageHeading h3,.interactiveDemo .mockContactLayout h3{font-family:var(--brand-display)}
.interactiveDemo .mockSitePage{background:var(--brand-surface)}
.interactiveDemo .mockOfferCard,.interactiveDemo .mockReviewGrid blockquote,.interactiveDemo .mockContactLayout form{border-radius:var(--brand-radius)}
.interactiveDemo .mockHeroVisual{overflow:hidden;border-radius:var(--brand-hero-radius,34px)}
.interactiveDemo .mockHeroVisual .mockPhoto{position:absolute;inset:0;background-image:var(--brand-photo-overlay,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))),var(--brand-photo);background-size:cover;background-position:var(--brand-photo-position,center);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}
.interactiveDemo .mockHeroVisual:hover .mockPhoto{transform:scale(1.035)}
.interactiveDemo .mockHeroVisual .mockShape{display:none}
.interactiveDemo .mockHeroVisual>span{z-index:2}

.brand-clean{--demo-accent:#477da4;--demo-accent-soft:#e1edf3;--brand-ink:#153047;--brand-surface:#f4f8f9;--brand-display:'Onest','Manrope',sans-serif;--brand-logo-bg:linear-gradient(150deg,#dff4fa,#5187aa);--brand-logo-radius:50% 50% 50% 10px;--brand-mark-size:15px;--brand-radius:24px;--brand-hero-radius:40% 40% 40% 12px;--brand-photo-position:center}
.brand-clean .mockSiteHeader{background:rgba(247,251,252,.96)}.brand-clean .mockSiteBrand b{font-weight:500;letter-spacing:-.6px}.brand-clean .mockSiteHero{background:#f4f8f9}.brand-clean .mockSiteHero h2{color:#153047}.brand-clean .mockHeroActions button:first-child{background:#467d9f}.brand-clean .mockOfferCard{border-color:#dfeaed}.brand-clean .mockOfferCard h4{color:#214762}

.brand-upholstery{--demo-accent:#7b406b;--demo-accent-soft:#f1e5ee;--brand-ink:#251827;--brand-surface:#f4f0f2;--brand-display:Georgia,'Times New Roman',serif;--brand-logo-bg:#2b1d2c;--brand-logo-radius:4px;--brand-mark-size:14px;--brand-radius:8px;--brand-hero-radius:4px;--brand-photo-overlay:linear-gradient(90deg,rgba(38,20,36,.08),rgba(38,20,36,.02))}
.brand-upholstery .mockSiteHeader{background:#251827;color:#fff;border:0}.brand-upholstery .mockSiteHeader nav button{color:#c0acba}.brand-upholstery .mockSiteHeader nav button.active{background:#fff;color:#251827}.brand-upholstery .mockOrderButton{background:#a45c8e}.brand-upholstery .mockSiteBrand b{font-family:var(--brand-display);font-size:18px;font-style:italic;font-weight:400}.brand-upholstery .mockSiteHero{background:#f4f0f2}.brand-upholstery .mockSiteHero h2{font-size:clamp(43px,4.3vw,68px);font-weight:400;color:#2c1c2c}.brand-upholstery .mockHeroVisual>span{border-radius:3px}.brand-upholstery .mockOfferCard{border-radius:8px;border-color:#ddcfd9}.brand-upholstery .mockOfferCard h4{font-family:var(--brand-display);font-weight:400}

.brand-lunch{--demo-accent:#c05232;--demo-accent-soft:#f4dfd4;--brand-ink:#352116;--brand-surface:#f7f0e4;--brand-display:Georgia,'Times New Roman',serif;--brand-logo-bg:#c45131;--brand-logo-radius:50%;--brand-mark-size:16px;--brand-radius:30px;--brand-hero-radius:30px;--brand-photo-position:center}
.brand-lunch .mockSiteHeader{background:#fff8ed}.brand-lunch .mockSiteBrand b{font-family:var(--brand-display);font-size:18px;color:#44291c}.brand-lunch .mockSiteHero{background:#f7f0e4}.brand-lunch .mockSiteHero h2{font-weight:400;color:#402719;letter-spacing:-2px}.brand-lunch .mockHeroActions button:first-child{background:#bf5131}.brand-lunch .mockTrustRow{background:#efe2cf}.brand-lunch .mockOfferCard{background:#fffaf1;border:0}.brand-lunch .mockOfferCard h4{font-family:var(--brand-display);font-weight:400}

.brand-party{--demo-accent:#9b5cb8;--demo-accent-soft:#f1e4f6;--brand-ink:#27182d;--brand-surface:#fbf5fa;--brand-display:'Onest','Manrope',sans-serif;--brand-logo-bg:radial-gradient(circle at 30% 30%,#ffd8c3,#a65cbc 72%);--brand-logo-radius:50%;--brand-mark-size:24px;--brand-radius:30px 9px 30px 30px;--brand-hero-radius:120px 28px 120px 28px;--brand-photo-position:center}
.brand-party .mockSiteHeader{background:#fff9fd}.brand-party .mockSiteBrand b{font-size:17px;letter-spacing:-.8px}.brand-party .mockSiteHero{background:radial-gradient(circle at 10% 20%,#f7e1ee,transparent 30%),#fbf5fa}.brand-party .mockSiteHero h2{font-size:clamp(42px,4.5vw,70px);color:#3a2141}.brand-party .mockHeroActions button:first-child{background:#a55eb4}.brand-party .mockOfferCard:nth-child(2){transform:translateY(18px)}.brand-party .mockOfferCard h4{color:#59315f}

.brand-print{--demo-accent:#ff5b2e;--demo-accent-soft:#ffded4;--brand-ink:#11131a;--brand-surface:#f0f0ea;--brand-display:Impact,'Arial Black',sans-serif;--brand-logo-bg:linear-gradient(135deg,#1654d5 0 50%,#ff5b2e 50%);--brand-logo-radius:0;--brand-mark-size:10px;--brand-radius:0;--brand-hero-radius:0;--brand-photo-position:center}
.brand-print .mockSiteHeader{background:#f5f5ef;border-bottom:3px solid #11131a}.brand-print .mockSiteBrand b{font-family:var(--brand-display);font-size:19px;letter-spacing:-.4px;text-transform:uppercase}.brand-print .mockSiteHeader nav button{border-radius:0;text-transform:uppercase;font-weight:700}.brand-print .mockSiteHeader nav button.active{background:#1554d5;color:white}.brand-print .mockOrderButton{border-radius:0;background:#ff5b2e;font-weight:700;text-transform:uppercase}.brand-print .mockSiteHero{background:#f0f0ea}.brand-print .mockSiteHero h2{text-transform:uppercase;font-weight:900;letter-spacing:-1.5px;line-height:.9}.brand-print .mockHeroActions button{border-radius:0!important;text-transform:uppercase;font-weight:700}.brand-print .mockHeroActions button:first-child{background:#1554d5}.brand-print .mockOfferCard{border:2px solid #11131a;box-shadow:7px 7px 0 #11131a}.brand-print .mockOfferCard h4{font-family:var(--brand-display);text-transform:uppercase}.brand-print .mockOfferCard button{border-radius:0;background:#ff5b2e;color:white;border:0}

.brand-handyman{--demo-accent:#e3a414;--demo-accent-soft:#f8e7b3;--brand-ink:#172033;--brand-surface:#f2f1ec;--brand-display:'Arial Narrow','Manrope',sans-serif;--brand-logo-bg:#e3a414;--brand-logo-color:#172033;--brand-logo-radius:5px;--brand-mark-size:9px;--brand-radius:8px;--brand-hero-radius:8px;--brand-photo-position:center}
.brand-handyman .mockSiteHeader{background:#172033;color:white}.brand-handyman .mockSiteHeader nav button{color:#aeb5c1}.brand-handyman .mockSiteHeader nav button.active{background:#e3a414;color:#172033}.brand-handyman .mockOrderButton{background:#e3a414;color:#172033;border-radius:5px;font-weight:700}.brand-handyman .mockSiteBrand b{text-transform:uppercase;font-weight:800;letter-spacing:.4px}.brand-handyman .mockSiteHero{background:#f2f1ec}.brand-handyman .mockSiteHero h2{text-transform:uppercase;font-weight:800;color:#172033;letter-spacing:-2px}.brand-handyman .mockHeroActions button{border-radius:5px}.brand-handyman .mockHeroActions button:first-child{background:#172033}.brand-handyman .mockOfferCard{border-radius:8px;border-top:5px solid #e3a414}.brand-handyman .mockOfferCard h4{font-weight:800;text-transform:uppercase}

.brand-garden{--demo-accent:#47724c;--demo-accent-soft:#dde9dc;--brand-ink:#18301e;--brand-surface:#eef3ea;--brand-display:Georgia,'Times New Roman',serif;--brand-logo-bg:#3f6945;--brand-logo-radius:50% 5px 50% 50%;--brand-mark-size:16px;--brand-radius:6px 30px 6px 30px;--brand-hero-radius:50% 12px 50% 12px;--brand-photo-position:center}
.brand-garden .mockSiteHeader{background:#f6f8f1}.brand-garden .mockSiteBrand b{font-family:var(--brand-display);font-size:18px;font-weight:400}.brand-garden .mockSiteHero{background:#eef3ea}.brand-garden .mockSiteHero h2{font-weight:400;color:#18301e}.brand-garden .mockHeroActions button:first-child{background:#47724c}.brand-garden .mockTrustRow{background:#dfe8db}.brand-garden .mockOfferCard{background:#f8faf5;border:0}.brand-garden .mockOfferCard h4{font-family:var(--brand-display);font-weight:400}

.brand-gift{--demo-accent:#a04462;--demo-accent-soft:#f2dfe5;--brand-ink:#40202b;--brand-surface:#fbf3f0;--brand-display:Georgia,'Times New Roman',serif;--brand-logo-bg:#9d405e;--brand-logo-radius:50% 50% 8px 50%;--brand-mark-size:9px;--brand-radius:28px;--brand-hero-radius:50% 50% 18px 50%;--brand-photo-position:center}
.brand-gift .mockSiteHeader{background:#fffaf7}.brand-gift .mockSiteBrand b{font-family:var(--brand-display);font-size:18px;font-weight:400;font-style:italic}.brand-gift .mockSiteHero{background:radial-gradient(circle at 12% 20%,#f2dfe5,transparent 30%),#fbf3f0}.brand-gift .mockSiteHero h2{font-weight:400;color:#4a2531;letter-spacing:-2px}.brand-gift .mockHeroActions button:first-child{background:#9d405e}.brand-gift .mockOfferCard{background:#fffaf7;border-color:#eadbde}.brand-gift .mockOfferCard h4{font-family:var(--brand-display);font-weight:400}.brand-gift .mockHeroVisual>span{background:#9d405e;color:white}

/* Each brand gets its own composition, not only a different palette. */
.brand-upholstery .mockSiteHero{grid-template-columns:.72fr 1fr;padding-left:4%}.brand-upholstery .mockSiteHero>div:first-child{order:2;padding-left:18px}.brand-upholstery .mockHeroVisual{order:1;height:390px}
.brand-lunch .mockSiteHero{position:relative;display:block;min-height:520px;padding:85px 7%;overflow:hidden;color:#fff}.brand-lunch .mockSiteHero>div:first-child{position:relative;z-index:3;width:58%}.brand-lunch .mockSiteHero h2,.brand-lunch .mockSiteHero p,.brand-lunch .mockSiteHero .mockEyebrow{color:#fff}.brand-lunch .mockHeroVisual{position:absolute;inset:0;height:auto;border-radius:0}.brand-lunch .mockHeroVisual .mockPhoto{--brand-photo-overlay:linear-gradient(90deg,rgba(53,25,11,.88) 0%,rgba(53,25,11,.62) 44%,rgba(53,25,11,.04) 86%)}.brand-lunch .mockHeroVisual>span{display:none}
.brand-party .mockSiteHero{grid-template-columns:.72fr 1.28fr;padding-right:4%}.brand-party .mockHeroVisual{height:430px;transform:rotate(1deg)}
.brand-print .mockSiteHero{position:relative;display:block;min-height:500px;padding:68px 6%;overflow:hidden}.brand-print .mockSiteHero>div:first-child{position:relative;z-index:3;width:54%;padding:32px;background:#f3f2ea;border:3px solid #11131a;box-shadow:12px 12px 0 #1554d5}.brand-print .mockHeroVisual{position:absolute;inset:0;height:auto}.brand-print .mockHeroVisual .mockPhoto{--brand-photo-overlay:linear-gradient(90deg,rgba(240,240,234,.06),rgba(240,240,234,.02))}.brand-print .mockHeroVisual>span{display:none}
.brand-handyman .mockSiteHero{grid-template-columns:1.15fr .85fr;padding-right:5%}.brand-handyman .mockHeroVisual{height:415px}.brand-handyman .mockSiteHero>div:first-child{border-left:6px solid #e3a414;padding-left:28px}
.brand-garden .mockSiteHero{position:relative;display:block;min-height:520px;padding:70px 6%;overflow:hidden}.brand-garden .mockSiteHero>div:first-child{position:relative;z-index:3;width:51%;padding:34px;background:rgba(246,248,241,.84);border:1px solid rgba(255,255,255,.8);border-radius:6px 42px 6px 42px;box-shadow:0 22px 60px rgba(24,48,30,.15);backdrop-filter:blur(10px)}.brand-garden .mockHeroVisual{position:absolute;inset:0;height:auto;border-radius:0}.brand-garden .mockHeroVisual .mockPhoto{--brand-photo-overlay:linear-gradient(90deg,rgba(238,243,234,.15),rgba(238,243,234,.01))}.brand-garden .mockHeroVisual>span{display:none}
.brand-gift .mockSiteHero{grid-template-columns:.95fr 1.05fr;padding-left:4%}.brand-gift .mockSiteHero>div:first-child{order:2;padding-left:28px}.brand-gift .mockHeroVisual{order:1;height:410px}

/* CRM inherits the selected identity but keeps familiar controls. */
.interactiveDemo[class*='brand-'] .mockCrmSidebar{background:var(--brand-ink)}.interactiveDemo[class*='brand-'] .mockCrmTop>button{background:var(--demo-accent)}.interactiveDemo[class*='brand-'] .demoMetric,.interactiveDemo[class*='brand-'] .demoChart,.interactiveDemo[class*='brand-'] .demoTasks,.interactiveDemo[class*='brand-'] .crmTable,.interactiveDemo[class*='brand-'] .crmClientGrid article,.interactiveDemo[class*='brand-'] .crmTaskList,.interactiveDemo[class*='brand-'] .financeSummary article,.interactiveDemo[class*='brand-'] .financeChart{border-radius:var(--brand-radius)}
.brand-print .mockCrmMain{background:#e9e9e2}.brand-print .demoMetric,.brand-print .demoChart,.brand-print .demoTasks,.brand-print .crmTable,.brand-print .crmTaskList,.brand-print .financeChart{border:2px solid #11131a;box-shadow:5px 5px 0 #11131a}.brand-upholstery .mockCrmTop h3,.brand-lunch .mockCrmTop h3,.brand-garden .mockCrmTop h3,.brand-gift .mockCrmTop h3{font-family:var(--brand-display)}

@media(max-width:760px){.interactiveDemo .mockSiteHero,.brand-lunch .mockSiteHero,.brand-print .mockSiteHero,.brand-garden .mockSiteHero{display:flex;flex-direction:column;min-height:auto;padding:36px 20px}.interactiveDemo .mockSiteHero>div:first-child,.brand-lunch .mockSiteHero>div:first-child,.brand-print .mockSiteHero>div:first-child,.brand-garden .mockSiteHero>div:first-child{position:relative;width:100%;order:1;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.interactiveDemo .mockHeroVisual{display:block;position:relative;inset:auto;height:220px;margin-top:20px;order:2!important;transform:none!important;border-radius:var(--brand-hero-radius,24px)}.brand-lunch .mockSiteHero{background:#5a2c1c}.brand-lunch .mockHeroVisual .mockPhoto,.brand-print .mockHeroVisual .mockPhoto,.brand-garden .mockHeroVisual .mockPhoto{--brand-photo-overlay:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))}.brand-lunch .mockHeroVisual>span,.brand-print .mockHeroVisual>span,.brand-garden .mockHeroVisual>span{display:block}.brand-garden .mockSiteHero h2,.brand-garden .mockSiteHero p{color:#18301e}.brand-party .mockOfferCard:nth-child(2){transform:none}}

/* Animated working previews inside catalog cards. */
.projectVisual.brand-card-clean{background:linear-gradient(145deg,#dfeff3,#779eb5)}
.projectVisual.brand-card-upholstery{background:linear-gradient(145deg,#eadce6,#6b405f)}
.projectVisual.brand-card-lunch{background:linear-gradient(145deg,#f3e2c6,#b96643)}
.projectVisual.brand-card-party{background:linear-gradient(145deg,#f2dceb,#a277bc)}
.projectVisual.brand-card-print{background:linear-gradient(145deg,#e9e8df,#2e58ae)}
.projectVisual.brand-card-handyman{background:linear-gradient(145deg,#f0d996,#30415b)}
.projectVisual.brand-card-garden{background:linear-gradient(145deg,#dcebd7,#557960)}
.projectVisual.brand-card-gift{background:linear-gradient(145deg,#f2dfe2,#a75f73)}
.projectMiniDemo{--mini-accent:#527fa1;--mini-soft:#e4eff3;--mini-ink:#173047;position:absolute;z-index:2;overflow:hidden;padding:0;color:var(--mini-ink);background:#f8faf9;border:1px solid rgba(255,255,255,.88);box-shadow:0 25px 55px rgba(27,38,70,.25);font-family:'Manrope',Arial,sans-serif;isolation:isolate}
.projectMiniDemo.mini-upholstery{--mini-accent:#84496f;--mini-soft:#f0e4ec;--mini-ink:#2d1d2b;border-radius:7px}
.projectMiniDemo.mini-lunch{--mini-accent:#c25432;--mini-soft:#f5e4d4;--mini-ink:#402719;border-radius:25px}
.projectMiniDemo.mini-party{--mini-accent:#9e5eb7;--mini-soft:#f2e3f5;--mini-ink:#3b2441;border-radius:28px 8px 28px 28px}
.projectMiniDemo.mini-print{--mini-accent:#1955d0;--mini-soft:#ffe0d7;--mini-ink:#11131a;border:2px solid #11131a;border-radius:0;box-shadow:7px 7px 0 #ff5b2e}
.projectMiniDemo.mini-handyman{--mini-accent:#dda416;--mini-soft:#f8e7b3;--mini-ink:#172033;border-radius:6px}
.projectMiniDemo.mini-garden{--mini-accent:#47734e;--mini-soft:#dfebdc;--mini-ink:#18301e;border-radius:7px 27px 7px 27px}
.projectMiniDemo.mini-gift{--mini-accent:#9d4360;--mini-soft:#f3e1e5;--mini-ink:#41222d;border-radius:27px 27px 9px 27px}
.projectMiniDemo .miniDemoChrome{height:27px;display:grid;grid-template-columns:45px 1fr 34px;align-items:center;padding:0 9px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(61,75,95,.09)}
.miniWindowDots{display:flex;gap:3px}.miniWindowDots>span{display:block;width:4px;height:4px;border-radius:50%;background:#bdc5ca}.miniWindowDots>span:first-child{background:#e79089}.miniWindowDots>span:nth-child(2){background:#e6bd72}.miniWindowDots>span:last-child{background:#75b488}
.projectMiniDemo .miniDemoChrome small{overflow:hidden;color:#76808a;font-size:6px;line-height:1;white-space:nowrap;text-overflow:ellipsis}.projectMiniDemo .miniDemoChrome em{justify-self:end;border-radius:99px;background:#dff0e2;color:#4a7853;padding:3px 5px;font-size:4.5px;font-style:normal;letter-spacing:.5px}
.miniDemoTabs{height:26px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;padding:0 10px;background:#fff;border-bottom:1px solid rgba(61,75,95,.09)}.miniDemoTabs>span{position:relative;height:22px;display:grid;place-items:center;color:#8b9399;font-size:6px}.miniDemoTabs>span:after{content:'';position:absolute;left:25%;right:25%;bottom:-1px;height:2px;border-radius:2px;background:var(--mini-accent);transform:scaleX(0);transition:transform .25s}.miniDemoTabs>span.active{color:var(--mini-ink);font-weight:700}.miniDemoTabs>span.active:after{transform:scaleX(1)}
.miniDemoCanvas{position:relative;height:calc(100% - 53px);background:#f6f8f7}.miniDemoScene{position:absolute;inset:0;display:none;padding:8px 10px}.miniDemoScene.active{display:grid;animation:miniSceneIn .38s ease both}
.miniSiteScene{grid-template-columns:1.1fr .9fr;gap:7px}.miniSiteCopy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.miniSiteCopy .miniBrandMark{width:17px;height:17px;border-radius:5px;background:var(--mini-accent);color:#fff;display:grid;place-items:center;font-size:6px;font-weight:800;margin-bottom:5px}.mini-upholstery .miniBrandMark,.mini-print .miniBrandMark,.mini-handyman .miniBrandMark{border-radius:2px}.mini-lunch .miniBrandMark,.mini-party .miniBrandMark{border-radius:50%}.mini-garden .miniBrandMark{border-radius:50% 3px 50% 50%}.mini-gift .miniBrandMark{border-radius:50% 50% 3px 50%}.miniSiteCopy strong{display:block;max-width:100%;overflow:hidden;font-size:8px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.miniSiteCopy small{display:block;max-width:100%;overflow:hidden;color:#778089;font-size:5px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.miniSiteCopy em{border-radius:99px;background:var(--mini-accent);color:#fff;padding:4px 6px;font-size:4.5px;font-style:normal;margin-top:7px}.mini-print .miniSiteCopy em,.mini-handyman .miniSiteCopy em{border-radius:2px}.miniSitePhoto{border-radius:8px;background-image:linear-gradient(rgba(25,35,50,.02),rgba(25,35,50,.12)),var(--mini-photo);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.mini-print .miniSitePhoto,.mini-handyman .miniSitePhoto{border-radius:2px}
.miniLeadsScene,.miniTasksScene{align-content:start;gap:5px}.miniSceneHead{display:flex;align-items:center;justify-content:space-between;padding:1px 1px 3px}.miniSceneHead strong{font-size:7px}.miniSceneHead>small{color:#7e878d;font-size:5px}.miniSceneHead>small span{display:inline-block;border-radius:99px;background:#dff0e2;color:#4a7853;padding:2px 4px;margin-left:2px}.miniLeadRow{display:grid;grid-template-columns:19px 1fr auto;gap:6px;align-items:center;border:1px solid #eaeeeb;border-radius:7px;background:#fff;padding:5px 6px}.miniLeadRow>span{width:17px;height:17px;border-radius:5px;background:var(--mini-soft);color:var(--mini-accent);display:grid;place-items:center;font-size:5px;font-weight:800}.miniLeadRow strong,.miniLeadRow small{display:block;max-width:75px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.miniLeadRow strong{font-size:6px}.miniLeadRow small{color:#8b9297;font-size:4.5px;margin-top:2px}.miniLeadRow em{border-radius:99px;background:var(--mini-soft);color:var(--mini-accent);padding:3px 5px;font-size:4.5px;font-style:normal;transition:.3s}.miniLeadsScene.active .miniLeadRow:first-of-type{animation:miniRowFocus 1.1s .35s ease both}
.miniTask{display:grid;grid-template-columns:17px 1fr;gap:7px;align-items:center;border-radius:7px;background:#fff;padding:6px 7px}.miniTask>span{width:14px;height:14px;border:1px solid #ccd3cf;border-radius:4px;display:grid;place-items:center;color:white;font-size:7px}.miniTask small{font-size:5.5px;color:#59636b}.miniTask.done>span,.miniTask.checkedByDemo>span{background:var(--mini-accent);border-color:var(--mini-accent)}.miniTask.done small,.miniTask.checkedByDemo small{text-decoration:line-through;color:#92999d}.miniTasksScene.active .activeTask{animation:miniTaskFocus 1s .38s ease both}
.miniDemoCursor{--cursor-x:23%;position:absolute;z-index:8;left:var(--cursor-x);top:39px;width:13px;height:17px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));transition:left .62s cubic-bezier(.2,.75,.25,1),top .62s cubic-bezier(.2,.75,.25,1);pointer-events:none}.miniDemoCursor:before{content:'';position:absolute;inset:0;background:#172033;clip-path:polygon(0 0,90% 62%,54% 68%,72% 100%,56% 100%,40% 72%,13% 100%)}.miniDemoCursor:after{content:'';position:absolute;inset:2px 4px 6px 2px;background:#fff;clip-path:polygon(0 0,88% 61%,45% 61%,12% 91%)}
.projectMiniDemo[data-cursor-step="0"]{--cursor-x:24%}.projectMiniDemo[data-cursor-step="1"]{--cursor-x:49%}.projectMiniDemo[data-cursor-step="2"]{--cursor-x:75%}.miniClickRing{position:absolute;z-index:7;left:calc(var(--cursor-x) + 3px);top:43px;width:10px;height:10px;border:1px solid var(--mini-accent);border-radius:50%;opacity:0;transition:left .62s cubic-bezier(.2,.75,.25,1);pointer-events:none}.projectMiniDemo.isClicking .miniClickRing{animation:miniClick .42s ease-out}
.projectCard:hover .projectMiniDemo{transform:rotate(-2deg) translateY(-8px) scale(1.025)}
@keyframes miniSceneIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes miniClick{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(2.5)}}@keyframes miniRowFocus{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 2px var(--mini-soft)}}@keyframes miniTaskFocus{0%,100%{transform:none}45%{transform:translateX(3px)}}
@media(max-width:760px){.projectMiniDemo .miniDemoChrome{height:24px}.miniDemoTabs{height:23px}.miniDemoCanvas{height:calc(100% - 47px)}.miniDemoScene{padding:6px 8px}.miniLeadRow:nth-child(3),.miniTask:nth-child(4){display:none}.miniDemoCursor{top:34px}.miniClickRing{top:38px}.projectDemoBadge{left:13px;bottom:12px}.projectCategory{right:13px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.miniDemoCursor,.miniClickRing{display:none}.miniDemoScene.active,.miniLeadsScene.active .miniLeadRow:first-of-type,.miniTasksScene.active .activeTask{animation:none}}