/* MeetingCost Free RC14.2.15 — single authoritative stylesheet; no inherited patch CSS. */
:root{--mc-navy:#082f6d;--mc-green:#05c943}
html{overflow-x:hidden}
body.publicPage:has(#landing.active){margin:0!important;min-height:100dvh!important;overflow-x:hidden!important;color:var(--mc-navy)!important;background:#e4f5ff url('assets/mc-free-office-14218.webp') center center/cover no-repeat fixed!important}
body.publicPage:has(#landing.active)::before{display:none!important}
body.publicPage:has(#landing.active) .publicHeader{position:relative!important;z-index:30!important;background:transparent!important}
body.publicPage:has(#landing.active) .privacyNotice{min-height:34px!important;box-sizing:border-box!important;padding:4px 10px!important}
body.publicPage:has(#landing.active) .publicToolbar{min-height:66px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:5px clamp(18px,2.4vw,40px)!important;background:transparent!important}
body.publicPage:has(#landing.active) .publicToolbarLeft{display:flex!important;align-items:center!important;gap:15px!important}
body.publicPage:has(#landing.active) #publicMenuButton{width:auto!important;min-width:105px!important;padding:10px 17px!important;border-radius:30px!important;background:#f9fcff!important;color:var(--mc-navy)!important;box-shadow:0 5px 16px #174d8022!important}
body.publicPage:has(#landing.active) #publicMenuButton::after{content:' Meny';font-weight:800}
body.publicPage:has(#landing.active) .proLink{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:0 18px!important;border-radius:30px!important;background:#f9fcff!important;color:var(--mc-navy)!important;box-shadow:0 5px 16px #174d8022!important;text-decoration:none!important;font-weight:800!important}
body.publicPage:has(#landing.active) .proLink strong{color:#00bd3e!important}
body.publicPage:has(#landing.active) .compactLanguage label{border-radius:30px!important;background:#f9fcff!important;padding:7px 12px!important;box-shadow:0 5px 16px #174d8022!important}
body.publicPage:has(#landing.active) #app{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100dvh - 100px)!important;height:calc(100dvh - 100px)!important;gap:0!important;background:transparent!important}
body.publicPage:has(#landing.active) #landing.screen.active{display:grid!important;position:relative!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1.38fr) minmax(0,.98fr)!important;grid-template-rows:clamp(105px,13vh,135px) minmax(365px,clamp(405px,46vh,445px)) minmax(94px,1fr)!important;gap:0 clamp(18px,2.1vw,34px)!important;width:100%!important;max-width:1536px!important;min-height:0!important;height:100%!important;max-height:none!important;margin:0 auto!important;padding:0 clamp(20px,2.8vw,46px)!important;box-sizing:border-box!important;overflow:visible!important;background:none!important}
body.publicPage:has(#landing.active) #landing .homeLogoLink{position:static!important;grid-column:1/-1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;width:auto!important;margin:0!important;transform:none!important;z-index:2!important}
body.publicPage:has(#landing.active) #landing .heroLogo{display:block!important;width:clamp(340px,30vw,450px)!important;height:clamp(105px,13vh,140px)!important;max-height:none!important;object-fit:contain!important;margin:0!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro,body.publicPage:has(#landing.active) #landing .landingCard,body.publicPage:has(#landing.active) #landing .mcFreeSteps{grid-row:2!important;align-self:stretch!important;min-width:0!important;min-height:0!important;border-radius:29px!important;box-sizing:border-box!important;background:rgba(250,253,255,.83)!important;box-shadow:0 10px 24px #1c4c7a18!important;border:1px solid rgba(205,230,249,.7)!important;backdrop-filter:blur(3px)!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro{grid-column:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(18px,2.2vw,34px)!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro h2{font-size:clamp(27px,2.75vw,43px)!important;line-height:1.07!important;letter-spacing:-.03em!important;margin:0 0 15px!important;color:var(--mc-navy)!important;overflow-wrap:normal!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro p{font-size:clamp(16px,1.45vw,22px)!important;line-height:1.28!important;margin:0 0 20px!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro ul{margin:0!important;padding:0!important;list-style:none!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro li{display:flex!important;align-items:center!important;margin:8px 0!important;font-size:clamp(13px,1.16vw,18px)!important;font-weight:650!important;line-height:1.18!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro li::before{content:'✓'!important;display:grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;margin-right:11px!important;border-radius:50%!important;background:#08bf45!important;color:white!important;font-size:18px!important}
body.publicPage:has(#landing.active) #landing .landingCard{grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:clamp(22px,2.8vw,42px)!important;background:rgba(250,253,255,.93)!important;border-color:#b4dafa!important}
body.publicPage:has(#landing.active) #landing .landingCard h1{margin:0 0 16px!important;font-size:clamp(28px,3.0vw,46px)!important;line-height:1.09!important;letter-spacing:-.035em!important;color:var(--mc-navy)!important;text-align:center!important}
body.publicPage:has(#landing.active) #landing .landingCard .muted{margin:0!important;font-size:clamp(15px,1.4vw,20px)!important;font-weight:700!important;color:var(--mc-navy)!important;text-align:center!important}
body.publicPage:has(#landing.active) #landing .landingCard .codeEntry{position:relative!important;display:block!important;width:100%!important;max-width:460px!important;height:56px!important;min-height:56px!important;margin:18px auto 8px!important}
body.publicPage:has(#landing.active) #landing .landingCard .codeEntry input{display:block!important;position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;width:100%!important;height:56px!important;min-height:56px!important;padding:0 16px 0 76px!important;box-sizing:border-box!important;border:2px solid #b4dafa!important;border-radius:40px!important;background:white!important;text-align:center!important;font-size:21px!important;font-weight:800!important;letter-spacing:2px!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #landing .landingCard .codeEntry::before{content:'';position:absolute;z-index:3;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:center/contain no-repeat url('assets/mc-users.svg');pointer-events:none}
body.publicPage:has(#landing.active) #landing .landingCard .codeEntry::after{content:'';position:absolute;z-index:3;left:64px;top:12px;height:32px;width:1px;background:#b7dafa;pointer-events:none}
body.publicPage:has(#landing.active) #landing .landingCard .joinHint{display:block!important;margin:3px auto 16px!important;font-size:clamp(12px,1.1vw,15px)!important;color:var(--mc-navy)!important;text-align:center!important}
body.publicPage:has(#landing.active) #landing .landingCard #joinBtn,body.publicPage:has(#landing.active) #landing .landingCard #createBtn{display:block!important;width:100%!important;min-height:56px!important;box-sizing:border-box!important;border-radius:40px!important;padding:10px 12px!important;font-size:clamp(17px,1.65vw,23px)!important;font-weight:850!important;text-align:center!important;white-space:normal!important}
body.publicPage:has(#landing.active) #landing .landingCard #joinBtn{border:0!important;background:linear-gradient(105deg,#22d82b,#00b83e)!important;color:white!important}
body.publicPage:has(#landing.active) #landing .landingCard #joinBtn::after{content:' →';font-size:1.1em}
body.publicPage:has(#landing.active) #landing .landingCard .or{margin:9px auto!important;font-size:16px!important;color:#63809e!important}
body.publicPage:has(#landing.active) #landing .landingCard #createBtn{border:2px solid #b4dafa!important;background:#f9fcff!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #landing .landingCard #createBtn::before{content:'';display:inline-block;width:26px;height:26px;margin-right:12px;vertical-align:middle;background:center/contain no-repeat url('assets/mc-calendar.svg')}
body.publicPage:has(#landing.active) #landing .mcFreeSteps{grid-column:3!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:clamp(18px,2.5vw,40px)!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps ol{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:clamp(20px,3vh,38px)!important;margin:0!important;padding:0!important;list-style:none!important;width:100%!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps ol::before{content:'';position:absolute;left:27px;top:27px;bottom:27px;width:2px;background:#add7f7;z-index:0}
body.publicPage:has(#landing.active) #landing .mcFreeSteps li{display:grid!important;grid-template-columns:56px 22px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;position:relative!important;z-index:1!important;margin:0!important;min-width:0!important;color:var(--mc-navy)!important;line-height:1.14!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps li::before{display:none!important;content:none!important}
body.publicPage:has(#landing.active) #landing .mcStepGlyph{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:50%!important;border:2px solid #acd5f7!important;background:white!important;color:var(--mc-navy)!important;box-shadow:0 4px 10px #174d7a1b!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps li:first-child .mcStepGlyph{background:linear-gradient(135deg,#32e531,#00b43e)!important;border-color:#00c54a!important;color:white!important}
body.publicPage:has(#landing.active) #landing .mcStepGlyph svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.publicPage:has(#landing.active) #landing .mcStepNumber{font-size:clamp(18px,1.6vw,24px)!important;font-weight:850!important;color:#00549b!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps li:first-child .mcStepNumber{color:#00b73c!important}
body.publicPage:has(#landing.active) #landing .mcStepLabel{font-size:clamp(17px,1.55vw,23px)!important;font-weight:850!important;line-height:1.15!important;color:var(--mc-navy)!important;min-width:0!important}
body.publicPage:has(#landing.active) #landing .mcStepSub{font-weight:500!important}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:0!important;min-height:0!important;margin:0!important;padding:0 3% 0 20%!important;background:transparent!important}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:70px!important;border-right:1px solid #b3d4ed!important;text-align:center!important}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div:last-child{border-right:0!important}
body.publicPage:has(#landing.active) #landing .mcFeatureIcon{display:block!important;width:35px!important;height:35px!important;margin:0 auto 5px!important;font-size:0!important;background:center/contain no-repeat}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div:nth-child(1) .mcFeatureIcon{background-image:url('assets/mc-database.svg')}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div:nth-child(2) .mcFeatureIcon{background-image:url('assets/mc-bolt.svg')}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div:nth-child(3) .mcFeatureIcon{background-image:url('assets/mc-shield.svg')}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures>div:nth-child(4) .mcFeatureIcon{background-image:url('assets/mc-trash.svg')}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures strong{font-size:clamp(12px,1.16vw,16px)!important;line-height:1.15!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #landing .privacyLine{display:none!important}
body.publicPage:has(#landing.active) #app>.siteFooter{display:none!important}
body.publicPage:has(#landing.active) #app>.newsletterPostit{position:relative!important;grid-column:1!important;grid-row:2!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;display:block!important;box-sizing:border-box!important;width:calc(100% - clamp(36px,5.6vw,90px))!important;max-width:1470px!important;height:auto!important;min-height:86px!important;margin:0 auto 10px!important;padding:13px clamp(18px,2.4vw,36px)!important;background:rgba(250,253,255,.94)!important;border:1px solid #c4e0f7!important;border-radius:28px!important;box-shadow:0 8px 22px #1a568422!important}
body.publicPage:has(#landing.active) #newsletterFormState{display:grid!important;position:relative!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;grid-template-rows:auto auto!important;column-gap:20px!important;align-items:center!important;padding-left:65px!important}
body.publicPage:has(#landing.active) #newsletterFormState::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:48px;background:center/contain no-repeat url('assets/mc-mail.svg')}
body.publicPage:has(#landing.active) #newsletterFormState h3{grid-column:1!important;grid-row:1!important;margin:0 0 4px!important;font-size:clamp(17px,1.75vw,25px)!important;letter-spacing:normal!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #newsletterFormState p{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(12px,1.08vw,16px)!important;line-height:1.25!important;color:var(--mc-navy)!important}
body.publicPage:has(#landing.active) #inlineNewsletter{grid-column:2!important;grid-row:1/3!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;margin:0!important}
body.publicPage:has(#landing.active) #inlineNewsletter label{display:none!important}
body.publicPage:has(#landing.active) #newsletterEmail{display:block!important;flex:1 1 160px!important;min-width:0!important;width:auto!important;height:45px!important;box-sizing:border-box!important;margin:0!important;padding:0 16px!important;border:1px solid #c4def6!important;border-radius:28px!important;background:white!important}
body.publicPage:has(#landing.active) .newsletterPostitBtn{flex:0 0 auto!important;min-height:45px!important;width:auto!important;margin:0!important;padding:9px 18px!important;border:0!important;border-radius:28px!important;background:linear-gradient(110deg,#20d52a,#00b43f)!important;color:white!important;font-size:clamp(11px,1.05vw,15px)!important;white-space:nowrap!important}
body.publicPage:has(#landing.active) #inlineNewsletter small{display:block!important;flex:0 0 auto!important;margin:0!important;font-size:12px!important;white-space:nowrap!important}
body.publicPage:has(#landing.active) .publicHelpFab{position:fixed!important;right:clamp(18px,3.8vw,58px)!important;bottom:clamp(100px,12vh,145px)!important;z-index:15!important}
@media(max-width:1050px){body.publicPage:has(#landing.active) #app{height:auto!important;min-height:calc(100dvh - 100px)!important}body.publicPage:has(#landing.active) #landing.screen.active{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:110px auto auto auto!important;gap:16px!important}body.publicPage:has(#landing.active) #landing .homeLogoLink{grid-column:1/-1!important;grid-row:1!important}body.publicPage:has(#landing.active) #landing .mcFreeIntro{grid-column:1!important;grid-row:2!important}body.publicPage:has(#landing.active) #landing .landingCard{grid-column:2!important;grid-row:2!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps{grid-column:1/-1!important;grid-row:3!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps ol{flex-direction:row!important;justify-content:space-around!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps ol::before{display:none!important}body.publicPage:has(#landing.active) #landing .mcApprovedFeatures{grid-column:1/-1!important;grid-row:4!important;padding:10px!important}body.publicPage:has(#landing.active) #newsletterFormState{grid-template-columns:1fr!important;gap:10px!important}body.publicPage:has(#landing.active) #newsletterFormState h3,body.publicPage:has(#landing.active) #newsletterFormState p,body.publicPage:has(#landing.active) #inlineNewsletter{grid-column:1!important;grid-row:auto!important}}
@media(max-width:680px){body.publicPage:has(#landing.active) #landing.screen.active{display:flex!important;flex-direction:column!important;gap:14px!important;padding:10px 15px!important}body.publicPage:has(#landing.active) #landing .homeLogoLink{order:0!important}body.publicPage:has(#landing.active) #landing .mcFreeIntro{order:1!important;width:100%!important}body.publicPage:has(#landing.active) #landing .landingCard{order:2!important;width:100%!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps{order:3!important;width:100%!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps ol{flex-direction:column!important}body.publicPage:has(#landing.active) #landing .mcFreeSteps ol::before{display:block!important}body.publicPage:has(#landing.active) #landing .mcApprovedFeatures{order:4!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:12px!important}body.publicPage:has(#landing.active) #app>.newsletterPostit{width:calc(100% - 30px)!important}body.publicPage:has(#landing.active) #inlineNewsletter{flex-wrap:wrap!important}body.publicPage:has(#landing.active) #inlineNewsletter small{width:100%!important}body.publicPage:has(#landing.active) .publicToolbar{padding:6px 10px!important}body.publicPage:has(#landing.active) .proLink{padding:9px!important;font-size:12px!important}body.publicPage:has(#landing.active) #newsletterFormState{padding-left:0!important;padding-top:48px!important}body.publicPage:has(#landing.active) #newsletterFormState::before{top:0;transform:none;width:38px;height:38px}}
@media(max-height:750px) and (min-width:1051px){body.publicPage:has(#landing.active) #app{height:auto!important;min-height:calc(100dvh - 100px)!important}body.publicPage:has(#landing.active) #landing.screen.active{height:auto!important;grid-template-rows:90px minmax(390px,auto) 90px!important}}



/* Final Free layout — 14.2.18 */
body.publicPage:has(#landing.active) #landing .mcStepLabel{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
body.publicPage:has(#landing.active) #landing .mcStepTitle{display:block!important;font-weight:850!important}
body.publicPage:has(#landing.active) #landing .mcStepSub{display:block!important;font-size:.89em!important;font-weight:500!important;line-height:1.2!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps li:nth-child(2) .mcStepLabel,body.publicPage:has(#landing.active) #landing .mcFreeSteps li:nth-child(3) .mcStepLabel{line-height:1.22!important}
body.publicPage:has(#landing.active) #landing .mcFreeIntro{padding-top:16px!important;padding-bottom:16px!important}
body.publicPage:has(#landing.active) #landing .mcApprovedFeatures{align-self:center!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps ol{gap:clamp(22px,3.3vh,40px)!important}
body.publicPage:has(#landing.active) #landing .mcFreeSteps ol::before{top:30px!important;bottom:30px!important}
body.publicPage:has(#landing.active) #landing .heroLogo{max-width:100%!important}
@media(min-width:1051px) and (max-height:780px){body.publicPage:has(#landing.active) #landing.screen.active{grid-template-rows:95px minmax(380px,auto) 95px!important}}
@media(max-width:680px){body.publicPage:has(#landing.active) #landing .heroLogo{width:min(84vw,360px)!important;height:108px!important}}

/* 14.2.19: harden process flow against legacy site CSS and runtime DOM changes */
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:28px!important;list-style:none!important;list-style-type:none!important;padding:0!important;margin:0!important;width:100%!important;counter-reset:none!important}
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps>li{display:grid!important;grid-template-columns:56px 25px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:56px!important;position:relative!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;font-size:inherit!important}
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps>li>.mcStepGlyph{display:grid!important;visibility:visible!important;opacity:1!important;grid-column:1!important;grid-row:1!important}
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps>li>.mcStepNumber{display:block!important;visibility:visible!important;opacity:1!important;grid-column:2!important;grid-row:1!important}
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps>li>.mcStepLabel{display:flex!important;visibility:visible!important;opacity:1!important;grid-column:3!important;grid-row:1!important;flex-direction:column!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;font-weight:800!important}
body.publicPage:has(#landing.active) #landing aside.mcFreeSteps ol#mcFreeSteps>li>.mcStepLabel .mcStepSub{font-weight:500!important}