:root{--navy:#1d2b54;--blue:#4263a0;--ink:#152343;--muted:#63708a;--line:#dbe2ed;--paper:#f3f6fa;--gold:#b39157;--portal:#234b87}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ae854a}button{color:inherit}header{max-width:1360px;padding:24px 36px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.7px;white-space:nowrap}.brandmark{border:1px solid var(--navy);padding:5px 8px;font:22px Georgia;line-height:1;text-align:center}.brandmark span{display:block;font:5px Arial;letter-spacing:1.5px;margin-top:5px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav>a:hover{color:var(--blue)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--navy);color:white;border:1px solid var(--navy);padding:16px 25px;font-size:14px;font-weight:bold;min-height:48px}.button:hover{background:#304677;color:white}.button.small{padding:10px 18px;min-height:44px;font-size:12px}.menu{display:none;background:none;border:1px solid var(--line);width:44px;height:44px}.wrap{max-width:1232px;margin:auto;padding-left:36px;padding-right:36px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-top:56px;padding-bottom:74px;min-height:760px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--blue);margin:0 0 25px;line-height:1.6}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.6px;line-height:1.03;margin:0}h1{font-size:clamp(62px,6.8vw,92px)}h1 em,h2 em{color:var(--blue);font-weight:400}h2{font-size:clamp(38px,4.4vw,58px);letter-spacing:-1.9px;line-height:1.1}h3,h4,p{margin-top:0}h3{line-height:1.3}p{color:var(--muted)}.lede{margin:27px 0 30px;max-width:460px;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:28px}.text-link{font-weight:bold;font-size:13px;border-bottom:1px solid var(--line);padding:12px 0;display:inline-flex;gap:22px}.hero-foot{font-size:11px;color:var(--muted);margin-top:55px;display:flex;align-items:center;gap:12px}.line{width:40px;height:1px;background:var(--gold);display:inline-block}.hero-product{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.orbit{position:absolute;border:1px solid #dbe4f1;border-radius:50%;z-index:-1}.orbit1{width:520px;height:520px}.orbit2{width:620px;height:620px;background:radial-gradient(circle,#e6edf8,transparent 70%);border-color:#edf1f8}.phone{width:292px;height:580px;border:5px solid #a8aab3;border-radius:44px;background:#10141e;padding:7px;box-shadow:0 25px 50px #1d2b5425,0 0 0 2px #e5e6eb;position:relative;overflow:hidden}.phone-status{height:39px;border-radius:30px 30px 0 0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;position:relative}.island{position:absolute;left:50%;transform:translateX(-50%);width:81px;height:22px;background:#11151c;border-radius:25px;top:7px}.phone-scroll{height:510px;overflow-y:auto;overscroll-behavior:contain;background:#f5f7fb;border-radius:0 0 28px 28px;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.phone-banner{background:var(--navy);padding:22px 15px;text-align:center;color:white}.micro{font-size:8px;letter-spacing:1.5px;font-weight:bold}.phone-banner .micro{color:#c1cbe0}.mini-monogram{display:block;border:1px solid #c5a469;border-radius:50%;width:47px;height:47px;margin:18px auto 12px;font:20px/45px Georgia;color:#d6b572}.phone-banner h3{font-size:20px;margin-bottom:9px}.phone-body{padding:21px 17px 35px}.phone-body>.micro{color:var(--blue)}.phone-body h3{font-size:23px;letter-spacing:-.7px}.phone-body h4{font-size:14px;margin:21px 0 8px}.phone-dues{background:white;border:1px solid var(--line);padding:15px;border-radius:8px}.tag{display:inline-block;background:#eaf0f8;color:var(--portal);font-size:10px;padding:3px 8px;border-radius:4px}.tag.green{background:#e4f2e9;color:#28664a}.phone-dues p{font-size:11px;margin:8px 0}.phone-link{border:0;background:none;padding:7px 0;font-size:11px;color:var(--blue);font-weight:bold;min-height:44px}.phone-option{display:flex;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:15px 0;font-size:11px;gap:10px}.phone-option>span{color:var(--blue);font-size:11px}.phone-option div{flex:1}.phone-option small{display:block;font-size:10px;color:var(--muted)}.phone-news{background:var(--navy);padding:16px;border-radius:6px;margin-top:22px}.phone-news h4{color:white;font:23px/1.15 Georgia;margin-top:0}.phone-news p{color:#c3cfe2;font-size:11px}.phone-event{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px}.phone-event small{display:block;color:var(--muted)}.date-block{background:#e4eaf5;text-align:center;padding:5px 10px;font-size:8px}.date-block b{display:block;font-size:20px}.phone-note{font-size:11px}.phone-bottom{position:absolute;bottom:12px;width:88px;height:4px;background:#9ba2b2;border-radius:4px;left:50%;transform:translateX(-50%)}.scroll-hint{margin-top:20px;font-size:11px;color:var(--muted)}.float-label{position:absolute;top:23px;left:5px;border:1px solid var(--line);background:#fff;padding:10px 18px;font-size:11px;z-index:2;box-shadow:0 6px 20px #17294408}.status-dot{display:inline-block;background:#2d8c64;width:7px;height:7px;border-radius:50%;margin-right:9px}.float-card{position:absolute;right:-4px;bottom:85px;display:flex;gap:12px;padding:17px;background:#fff;box-shadow:0 10px 35px #15234318;border:1px solid var(--line);font-size:11px}.float-card small{display:block;font-size:9px;color:var(--muted)}.check{background:#e7f4ed;color:#32805b;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px}.body-strip{background:var(--navy);color:white;padding:27px 5%;display:flex;gap:30px;justify-content:space-around;align-items:center;font-size:12px}.body-strip span{font-size:8px;letter-spacing:1.3px;max-width:100px}.body-strip p{margin:0;color:#e4e9f4}.section{padding-top:100px;padding-bottom:100px}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading>p:last-child{max-width:630px;margin:24px auto 0;font-size:15px}.demo-shell{border:1px solid #d0d8e7;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #1523430d}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);gap:12px;font-size:13px}.demo-label{font-size:8px;color:var(--muted);margin-left:17px;letter-spacing:1px}.view-toggle{display:flex;background:var(--paper);padding:3px;border-radius:5px}.view-toggle button{border:0;background:none;padding:8px 12px;font-size:11px;min-height:38px}.view-toggle button.active{background:white;box-shadow:0 1px 5px #15234312}.demo-layout{display:grid;grid-template-columns:210px 1fr;min-height:540px}.demo-sidebar{background:var(--portal);color:white;padding:24px 16px;display:flex;flex-direction:column}.side-monogram{border:1px solid #c9ac71;color:#dfc28b;font:23px/45px Georgia;text-align:center;width:47px;height:47px;display:block;margin:0 auto 12px;border-radius:50%}.demo-sidebar p{text-align:center;color:#fff;font-size:14px;font-weight:bold;line-height:1.4}.demo-sidebar small{font-size:8px;letter-spacing:1.5px;color:#ffffffa8;margin:17px 8px 11px}.demo-sidebar button{border:0;color:#ffffffcc;background:none;text-align:left;width:100%;padding:12px 10px;display:flex;gap:10px;align-items:center;font-size:11px;min-height:44px}.demo-sidebar button.active{background:#ffffff1f;color:white;border-radius:4px}.side-footer{margin-top:auto;font-size:9px;color:#ffffffa8;line-height:1.8;padding:25px 10px 0}.demo-main{padding:25px 30px;background:#f7f9fc;min-width:0}.demo-context{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:20px}.avatar{width:32px;height:32px;border-radius:50%;background:#e4eaf4;font-size:11px;line-height:32px;text-align:center;letter-spacing:0}.demo-main h3{font-size:24px;letter-spacing:-.5px;margin:0 0 6px}.screen-intro{font-size:12px;margin-bottom:23px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);padding:17px;border-radius:5px}.stat small{color:var(--muted);font-size:10px}.stat b{display:block;font-size:26px;line-height:1.6}.stat span{font-size:9px;color:#3d7458}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:5px;padding:20px}.panel h4{font-size:13px;margin-bottom:18px}.activity{padding:10px 0;border-bottom:1px solid #edf0f5;font-size:11px}.activity small{display:block;color:var(--muted);font-size:9px}.panel .text-link{font-size:10px}.demo-callout{background:var(--portal);color:white;padding:22px;border-radius:5px;margin-bottom:15px}.demo-callout h4{font:22px Georgia;margin:0 0 12px}.demo-callout p{color:#ffffffb8;font-size:11px;margin-bottom:0}.demo-bottom{padding:13px 20px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line)}.demo-bottom button{border:0;background:none;font-size:10px;min-height:44px}.demo-caption{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);gap:12px;margin-top:22px}.search-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search-row input{width:100%;font-size:12px;border:1px solid var(--line);padding:11px;background:white;border-radius:4px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px}table{border-collapse:collapse;background:white;width:100%;font-size:11px;text-align:left;min-width:480px}th{font-size:9px;letter-spacing:.5px;background:#edf1f7;color:var(--muted);font-weight:normal}td,th{padding:14px 13px;border-bottom:1px solid var(--line)}td small{display:block;font-size:9px;color:var(--muted)}.table-button{background:none;border:0;color:var(--portal);font-size:11px;font-weight:bold;padding:5px 0;min-height:36px}.empty-state{padding:20px;text-align:center;font-size:12px}.document-row{display:flex;gap:14px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.document-row small{display:block;color:var(--muted);font-size:10px}.document-row button{background:white;border:1px solid var(--line);font-size:10px;padding:7px 12px;min-height:40px}.calendar-list{display:grid;gap:15px}.calendar-item{display:flex;align-items:center;gap:17px;background:white;padding:17px;border:1px solid var(--line);border-radius:5px;font-size:13px}.calendar-item p{font-size:11px;margin:5px 0 0}.customize{background:var(--paper)}.custom-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.feature-step{display:flex;gap:21px;padding:24px 20px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;width:100%}.feature-step>span{color:var(--blue);font:18px Georgia}.feature-step h3{font-size:20px;margin:0 0 10px}.feature-step p{font-size:13px;margin:0;display:none}.feature-step.active{background:white;box-shadow:0 10px 28px #15234308;border-left:3px solid var(--blue)}.feature-step.active p{display:block}.identity-preview{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 12px 45px #1729440b}.identity-controls{padding:25px}.identity-controls label{display:block;font-size:11px;font-weight:bold;margin-bottom:7px}.identity-controls select{width:100%;border:1px solid var(--line);background:#f7f9fc;padding:10px;font-size:12px;margin-bottom:17px;min-height:44px}.color-row{display:flex;gap:8px}.color-row input[type=color]{padding:3px;width:46px;min-height:44px;border:1px solid var(--line);background:white}.color-row input[type=text],#custom-color{width:100%;min-width:0;border:1px solid var(--line);padding:8px;font-size:13px}.color-row button{border:1px solid var(--line);background:var(--paper);font-size:12px;padding:8px 16px}.identity-controls .micro{margin:10px 0 0;font-size:9px;letter-spacing:0}.identity-header{display:flex;align-items:center;gap:15px;background:var(--portal);color:#fff;padding:20px 25px}.identity-header .side-monogram{margin:0;flex-shrink:0}.identity-header small{font-size:8px;letter-spacing:1px;color:#ffffffb0}.identity-header h3{font-size:17px;margin:4px 0 0}.identity-inner{padding:23px}.identity-inner>h3{font:32px/1.15 Georgia;margin:13px 0 20px}.officer-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.officer-row span{color:var(--muted)}.identity-tools{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.identity-tools span{font-size:9px;border:1px solid var(--line);padding:5px 8px}.org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.org-card{position:relative;isolation:isolate;overflow:hidden;min-height:375px;background:var(--org);color:#fff;padding:27px 23px;border-radius:5px;transition:transform .2s}.org-card:hover{transform:translateY(-6px)}.org-number{font-size:8px;letter-spacing:1.2px;color:#ffffffac}.org-card h3{font:27px/1.12 Georgia;letter-spacing:-.7px;margin:28px 0 15px}.org-card p{font-size:12px;color:#ffffffc2;position:relative}.org-card ul{padding:0;list-style:none;font-size:10px;line-height:2.4;margin-top:25px}.org-card li:before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;margin-right:8px;color:#d2b47a}.org-action{position:absolute;bottom:24px;left:23px;right:18px;font-size:10px;border-top:1px solid #ffffff35;padding-top:16px}.arch-art{position:absolute;width:210px;height:290px;border:24px double #ffffff08;border-radius:110px 110px 0 0;right:-40px;bottom:0;z-index:-1}.more-bodies{display:grid;grid-template-columns:1.1fr 1fr auto;gap:25px;align-items:center;border-top:1px solid var(--line);padding:30px 0;margin-top:30px}.more-bodies .eyebrow{margin-bottom:8px;font-size:8px}.more-bodies h3{font:22px Georgia;margin:0}.more-bodies p{font-size:12px;margin:0}.connected-band{background:var(--navy);padding:85px 0;color:#fff;text-align:center}.connected-band .eyebrow{color:#bbcce5}.connected-band h2 em{color:#c1a573}.workflow{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:35px;margin:50px auto 40px;max-width:990px}.workflow>div{border-top:1px solid #ffffff35;padding-top:21px}.workflow span{font-size:10px;color:#c1a573}.workflow h3{font-size:18px;margin:14px 0}.workflow p{font-size:13px;color:#bfcae0}.button.light{background:white;color:var(--navy);border-color:white}.plans-section{background:var(--paper)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plans article{border:1px solid var(--line);background:#fff;padding:30px;position:relative;display:flex;flex-direction:column}.plans .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.plans h3{font-size:16px;min-height:42px}.price{font:700 44px/1.06 Oswald,'Arial Narrow',Arial,sans-serif;color:var(--navy);letter-spacing:-.8px;margin:16px 0}.price small{font:700 16px/1.2 Oswald,'Arial Narrow',Arial,sans-serif;color:var(--muted);letter-spacing:0}.setup{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.setup b{color:var(--navy)}.plans ul{list-style:none;padding:0;margin:12px 0 30px;font-size:12px;color:var(--muted);flex:1}.plans li{position:relative;padding-left:16px;margin-bottom:13px}.plans li:before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;color:var(--blue)}.plans .button{font-size:11px;padding:12px;min-height:44px}.button.outline{background:#fff;color:var(--navy);border-color:#c1ccde}.featured{border-color:#8197ba!important}.plan-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;font-size:8px;letter-spacing:1px;padding:5px 13px;white-space:nowrap}.pricing-note{font-size:11px;text-align:center;margin:25px 0 0}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq-section h2{font-size:43px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{font-size:14px;font-weight:bold;cursor:pointer;min-height:28px}.faq-list p{font-size:13px;margin:15px 0 0}.contact-section{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid>div>p:not(.eyebrow){font-size:14px;max-width:380px;margin-top:25px}.contact-note{font-size:11px!important;border-left:2px solid var(--gold);padding-left:16px}form{display:grid;gap:14px}form label{display:block;font-size:11px;font-weight:bold}form input,form select,form textarea{width:100%;display:block;margin-top:7px;border:1px solid #d0d9e7;background:#fff;padding:11px;font-size:12px;min-height:44px;border-radius:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form>p{font-size:11px;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}footer p,footer span{font-size:10px;margin:0;color:var(--muted)}footer .brand{font-size:15px}dialog{width:min(610px,calc(100% - 32px));border:1px solid var(--line);padding:35px;border-radius:10px;max-height:85vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#14223f88;backdrop-filter:blur(3px)}.dialog-close{float:right;border:0;background:var(--paper);font-size:24px;width:44px;height:44px}.dialog-note{font-size:10px;margin:25px 0 0;border-top:1px solid var(--line);padding-top:15px}.profile-head{display:flex;gap:15px;align-items:center;margin:20px 0}.profile-head .avatar{width:58px;height:58px;line-height:58px;font-size:18px}.profile-head h3{margin:0;font-size:24px}.profile-head p{font-size:12px;margin:0}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-fields div{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.profile-fields small{display:block;color:var(--muted);font-size:10px}.dues-card{border:1px solid var(--line);padding:30px;max-width:420px;margin:20px auto;background:white}.dues-card h3{border-bottom:3px solid var(--gold);padding-bottom:20px;font:25px Georgia;color:var(--navy)}.dues-card h4{font-size:24px;margin:20px 0 5px}.dues-card p{font-size:12px}.dues-card strong{font-size:11px;color:#28664a}.screen-button{background:var(--portal);color:white;border:0;font-size:11px;padding:10px 16px;min-height:44px}.screen-help{font-size:10px;margin-top:14px}.officer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.officer-item{background:white;border:1px solid var(--line);padding:16px;font-size:12px}.officer-item small{display:block;color:var(--muted);font-size:10px}.chart-bars{display:flex;align-items:flex-end;gap:14px;height:105px;margin-top:20px}.chart-bars div{background:var(--portal);flex:1;opacity:.65;position:relative}.chart-bars div:last-child{opacity:1}.chart-bars span{position:absolute;bottom:-21px;width:100%;font-size:8px;text-align:center;color:var(--muted)}
@media(min-width:1440px){.hero{padding-top:70px}}@media(max-width:1000px){nav{gap:15px}.hero{min-height:700px}h1{font-size:70px}.float-label{left:-5px}.float-card{right:-12px;font-size:10px;padding:12px}.org-grid{grid-template-columns:repeat(2,1fr)}.org-card{min-height:340px}.more-bodies{grid-template-columns:1fr 1fr}.more-bodies>a{grid-column:1/-1;justify-self:start}.custom-grid{gap:30px}.contact-grid{gap:45px}.plans article{padding:25px 20px}.demo-label{display:none}}@media(max-width:760px){header{padding:18px 22px}.brand{font-size:17px}.menu{display:block}nav{display:none;position:absolute;top:80px;left:16px;right:16px;background:white;z-index:10;padding:20px;border:1px solid var(--line);box-shadow:0 15px 30px #14223f15}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{padding:8px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:48px;gap:45px;min-height:0;text-align:center}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:65px;letter-spacing:-2px}.lede{font-size:15px;margin:23px auto}.actions{justify-content:center;gap:20px}.button{font-size:12px;padding:14px 18px}.text-link{font-size:11px;gap:12px}.hero-foot{justify-content:center;margin-top:28px;font-size:10px}.hero-product{max-width:440px;width:100%;margin:auto}.phone{width:280px;height:560px}.phone-scroll{height:490px}.float-label{left:0;top:18px;font-size:9px;padding:9px}.float-card{right:0;bottom:70px;font-size:10px}.body-strip{overflow-x:auto;justify-content:flex-start;gap:26px;white-space:nowrap;padding:22px}.body-strip span{white-space:normal;min-width:95px}.section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:35px}h2{font-size:40px;letter-spacing:-1.5px}.section-heading .eyebrow{font-size:9px}.section-heading>p:last-child{font-size:13px}.demo-top{padding:12px;flex-wrap:wrap}.demo-top>div:first-child{font-size:12px}.view-toggle{margin-left:auto}.view-toggle button{font-size:9px;padding:8px}.demo-layout{grid-template-columns:1fr;min-height:0}.demo-sidebar{padding:8px 10px;background:var(--portal)}.demo-sidebar>.side-monogram,.demo-sidebar>p,.demo-sidebar>small,.side-footer{display:none}#demo-nav{display:flex;overflow-x:auto;gap:2px}#demo-nav button{width:auto;white-space:nowrap;padding:9px 12px;font-size:10px;min-height:44px}#demo-nav button>span{display:none}.demo-main{padding:18px 15px;min-height:470px}.demo-context{font-size:7px}.demo-main h3{font-size:22px}.stats{gap:7px}.stat{padding:12px 9px}.stat small{font-size:8px}.stat b{font-size:22px}.stat span{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel{padding:15px}.dashboard-grid>div:last-child{display:none}.demo-bottom{font-size:8px;padding:8px 12px}.demo-bottom span{max-width:220px}.demo-caption{font-size:9px;text-align:center}.custom-grid{grid-template-columns:1fr;gap:25px}.feature-step{padding:19px 15px}.feature-step h3{font-size:17px}.feature-step p{font-size:12px}.identity-preview{max-width:440px;width:100%;margin:auto}.org-grid{gap:12px}.org-card{padding:22px 17px;min-height:360px}.org-card h3{font-size:23px}.org-card p{font-size:11px}.org-card ul{font-size:9px}.org-number{font-size:7px;letter-spacing:.8px}.org-action{font-size:9px;left:17px}.more-bodies{grid-template-columns:1fr;gap:16px}.more-bodies h3{font-size:22px}.connected-band{padding:60px 0}.workflow{grid-template-columns:1fr;text-align:center;gap:22px;margin:35px auto}.workflow p{max-width:330px;margin:0 auto}.plans{grid-template-columns:1fr;gap:28px;max-width:450px;margin:auto}.plans h3{min-height:0}.plans article{padding:28px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section>div:first-child{text-align:center}.faq-section h2{font-size:38px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid>div{text-align:center}.contact-grid>div>p{margin-left:auto;margin-right:auto}.contact-note{text-align:left}.contact-grid h2{font-size:48px}.contact-grid h2 br{display:none}footer{flex-direction:column;text-align:center;gap:12px}.profile-fields{gap:10px}.profile-fields div{font-size:11px}.officer-grid{grid-template-columns:1fr}.orbit2{width:430px;height:430px}.orbit1{width:350px;height:350px}}@media(max-width:380px){.wrap{padding-left:16px;padding-right:16px}h1{font-size:58px}.actions{flex-direction:column;gap:9px}.org-grid{grid-template-columns:1fr}.org-card{min-height:330px}.float-card{font-size:9px;padding:9px}.float-label{font-size:8px}.brand{font-size:15px}.profile-fields,.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Stronger brand typography and authentic identity assets. */
@font-face{font-family:Oswald;src:url('oswald-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
h1,h2,.org-card h3,.more-bodies h3,.workflow h3,.feature-step h3,.plans h3,.identity-inner>h3{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.8px}
h1{font-size:clamp(70px,7.4vw,100px);line-height:1.08}
h2{font-size:clamp(42px,4.4vw,60px);line-height:1.15;letter-spacing:-.7px}
h1 em,h2 em{font-style:normal;font-weight:700}
.brand{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.4px;gap:13px}
.brand b{font-weight:700}.brand-logo{display:block;object-fit:contain;width:64px;height:64px;flex-shrink:0}header{padding-top:18px;padding-bottom:18px}
.button,.button.small,.plans .button,.text-link{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.2px;font-size:17px}
.button{padding:16px 27px;min-height:54px}.button.small{font-size:16px;padding:12px 21px;min-height:48px}.plans .button{font-size:16px;min-height:50px}.text-link{font-size:16px;line-height:1.4}
.phone-seal{display:block;width:84px;height:84px;object-fit:contain;margin:17px auto 12px}.phone-motto{color:#e7b64e;font-size:8px;letter-spacing:1.3px;font-weight:bold;line-height:1.65;margin:10px auto 15px;max-width:210px}.phone-banner{background:#0e233b}.phone-banner h3{font-size:21px;line-height:1.25}.phone-link{font-size:13px}.phone-option{font-size:12px}.phone-option small{font-size:11px}.phone-body h4{font-size:15px}.phone-news h4{font-family:Oswald,Arial,sans-serif;font-weight:700;letter-spacing:0}
.demo-top b{font-size:15px}.table-button,.screen-button{font-size:13px}.document-row button{font-size:12px}.demo-sidebar button{font-size:12px}.view-toggle button{font-size:12px}.feature-step h3{font-size:24px}.org-card h3{font-size:29px;line-height:1.16;letter-spacing:-.4px}.org-action{font-size:12px}.org-card{min-height:410px}.org-card ul{font-size:11px}.plans h3{font-size:21px;min-height:56px}.workflow h3{font-size:24px}.more-bodies h3{font-size:26px}.identity-inner>h3{font-size:34px}.contact-grid h2{line-height:1.16}footer .brand-logo{width:46px;height:46px}footer .brand{font-size:20px}
@media(max-width:1000px){header nav{gap:16px}.brand{font-size:23px}.brand-logo{width:55px;height:55px}.button.small{font-size:15px;padding:10px 15px}}
@media(max-width:760px){h1{font-size:clamp(64px,12vw,80px);line-height:1.1;letter-spacing:-1px}h2,.faq-section h2{font-size:clamp(36px,7.4vw,46px);letter-spacing:-.5px}.brand{font-size:23px}.brand-logo{width:51px;height:51px}.actions .button{font-size:17px;padding:15px 22px}.text-link{font-size:15px}.org-card h3{font-size:25px}.org-card{min-height:395px}.org-action{font-size:10px}.plans h3{font-size:23px;min-height:0}.plans .button{font-size:17px}.feature-step h3{font-size:22px}.demo-sidebar button{font-size:11px}.view-toggle button{font-size:11px}.demo-top>div:first-child{font-size:12px}.contact-grid h2{font-size:49px}.contact-grid h2 br{display:block}.hero-foot{font-size:10px}}
@media(max-width:380px){.brand{font-size:20px;gap:9px}.brand-logo{width:43px;height:43px}h1{font-size:60px}.org-card{min-height:345px}.org-card h3{font-size:29px}}

#sidebar-identity:has(img){border:0;width:64px;height:64px}#sidebar-identity img{width:64px;height:64px;object-fit:contain;display:block}
@media(min-width:761px) and (max-width:980px){header .brand{font-size:21px}header .brand-logo{width:48px;height:48px}header nav{gap:12px;font-size:11px}header .button.small{font-size:14px;padding:10px 12px}}

/* Lodge portal styling follows the supplied navy, gold, and white interface. */
.lodge-welcome{background:var(--portal);color:#fff;padding:25px 23px;border-bottom:3px solid #e6b323;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.lodge-welcome>div>span{font-size:9px;color:#edbb2c;font-weight:800;letter-spacing:1.2px}.lodge-welcome h3{font:700 23px/1.3 Arial,sans-serif;margin:12px 0 9px;letter-spacing:-.4px}.lodge-welcome p{font-size:12px;color:#bbc9d9;margin:0}.next-meeting{border-left:1px solid #ffffff25;padding-left:20px;font-size:11px;min-width:170px}.next-meeting small{display:block;font-size:10px;color:#bbc9d9}.next-meeting b{display:block;margin:7px 0}.lodge-stats{grid-template-columns:repeat(4,1fr)}.lodge-stats .stat{padding:16px 12px;border-radius:8px}.lodge-stats .stat small{display:flex;justify-content:space-between;align-items:center;font-size:9px}.lodge-stats .stat b{font-size:23px;color:#172b41;letter-spacing:-.6px}.lodge-stats .stat>span{font-size:8px;color:#5f718a}.stat-icon{color:#94700e!important;font-size:17px!important}.panel-eyebrow{font-size:9px;color:#8b6509;font-weight:800;letter-spacing:1.4px;margin:0 0 8px}.dashboard-grid>.panel h4{font-size:18px}.demo-sidebar button.active{background:#193e60;border-left:3px solid #e6b323}.birthday-banner{display:flex;gap:13px;align-items:center;text-align:left;width:100%;background:#fff9e9;border:1px solid #ead7a8;border-radius:6px;padding:16px;margin-top:18px;color:#13283e}.birthday-star{color:#a8801d;font-size:25px}.birthday-banner div{flex:1}.birthday-banner b{font-size:12px}.birthday-banner small{display:block;font-size:10px;color:#6f6b5f}.birthday-banner>span:last-child{font-size:11px;font-weight:bold}.phone-birthday{display:block;width:100%;background:#fff7df;border:1px solid #ead7a8;border-radius:6px;text-align:left;padding:14px;margin-top:18px}.phone-birthday b{display:block;font-size:13px;line-height:1.4}.phone-birthday small{display:block;font-size:10px;color:#766745;margin-top:7px}.birthday-preview{text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px}.birthday-preview img{object-fit:contain;margin:0 auto 20px}.birthday-preview h3{font:700 28px/1.3 Arial,sans-serif;letter-spacing:-.6px}.birthday-preview p:not(.panel-eyebrow){font-size:13px;max-width:340px;margin:16px auto 22px}.birthday-modal img{object-fit:contain;display:block;margin:0 0 20px}.birthday-modal h3{font:700 25px/1.3 Arial,sans-serif;letter-spacing:-.5px;margin:15px 0 25px}.birthday-modal>p:not(.panel-eyebrow){font-size:15px;color:#172b41}.birthday-modal .screen-button{background:#0d233c;font:700 15px Arial,sans-serif;border-radius:5px;padding:15px 22px;margin-top:10px}.birthday-modal .panel-eyebrow{font-size:11px}.demo-main{background:#f3f6f9}.demo-sidebar{transition:background .2s}
@media(max-width:1000px){.lodge-stats{grid-template-columns:repeat(2,1fr)}.next-meeting{min-width:140px}}
@media(max-width:760px){.lodge-welcome{padding:20px 15px;display:block}.lodge-welcome h3{font-size:21px}.next-meeting{border:0;border-top:1px solid #ffffff25;padding:12px 0 0;margin-top:15px}.lodge-stats .stat b{font-size:23px}.lodge-stats .stat small{font-size:10px}.lodge-stats .stat>span{font-size:9px}.dashboard-grid>.panel:last-child{display:block}.birthday-banner{flex-wrap:wrap}.birthday-banner>span:last-child{padding-left:38px}.birthday-modal h3{font-size:22px}.birthday-modal>p:not(.panel-eyebrow){font-size:14px}.birthday-preview{padding:25px 15px}}

/* Consistent typography, natural wrapping, and tighter heading rhythm. */
body{line-height:1.5}
h1,h2,h3,h4{ text-transform:capitalize }
h1{line-height:1.01;letter-spacing:-.8px;font-size:clamp(66px,7.1vw,96px)}
h2{line-height:1.06;letter-spacing:-.5px;font-size:clamp(38px,4.2vw,56px)}
h3,h4{line-height:1.2}
.section-heading{max-width:960px}.section-heading>p:last-child{max-width:700px;font-size:16px;line-height:1.5;margin-top:20px}
.eyebrow{font-size:11px;line-height:1.35;letter-spacing:1.5px;margin-bottom:20px}
.lede{font-size:17px;line-height:1.5;margin:24px 0 28px}
header{max-width:1360px}.brand{font-size:26px}.brand-logo{width:58px;height:58px}
nav{font:600 16px/1.25 Arial,Helvetica,sans-serif;gap:22px}
.button,.button.small,.plans .button,.text-link{font:700 16px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0}
.button,.button.small,.plans .button{padding:15px 22px;min-height:50px}.text-link{padding:12px 0}
.hero-foot,.scroll-hint,.demo-caption{font-size:12px;line-height:1.4}
.hero{min-height:730px;padding-top:40px;padding-bottom:55px}
.body-strip{padding:22px 4%;gap:24px;flex-wrap:wrap;justify-content:center;font-size:15px;line-height:1.4}
.body-strip span{font-size:10px;max-width:none;white-space:nowrap;letter-spacing:1.2px}
.section{padding-top:80px;padding-bottom:80px}
.feature-step{padding:21px 20px}.feature-step h3{font-size:24px;line-height:1.18}.feature-step p{font-size:16px;line-height:1.5}
.org-card{min-height:485px;padding:26px 22px}.org-card h3{font-size:30px;line-height:1.08;margin:24px 0 16px}.org-card p{font-size:16px;line-height:1.45}.org-card ul{font-size:14px;line-height:1.45;margin:25px 0 45px}.org-card li{margin:12px 0}.org-action{font-size:13px;line-height:1.35}
.more-bodies p,.workflow p,.faq-list p,.contact-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.5}
.workflow h3,.more-bodies h3{font-size:26px;line-height:1.15}.plans h3{font-size:23px;line-height:1.15}.plans ul{font-size:16px;line-height:1.5}.plans .setup{font-size:13px}.plans .eyebrow{font-size:10px}.faq-list summary{font-size:16px;line-height:1.35}.pricing-note{font-size:12px}
.contact-grid h2{line-height:1.06}.contact-grid>div>p{max-width:440px!important}.contact-note{font-size:13px!important}
form label,form>p{font-size:13px}form input,form select,form textarea{font-size:15px;line-height:1.4}
.demo-top>div:first-child{display:flex;align-items:center;gap:10px}.demo-top b{font-size:16px}.demo-toolbar-seal{width:32px;height:32px;object-fit:contain;flex-shrink:0}.demo-label{font-size:10px;margin-left:8px}
.demo-layout{grid-template-columns:235px 1fr}.demo-sidebar{padding:22px 14px}.demo-sidebar p{font-size:16px;line-height:1.3}.demo-sidebar small{font-size:10px;line-height:1.3}.demo-sidebar button{font-size:14px;line-height:1.3;padding:12px 10px;gap:10px}.demo-sidebar button>span{width:18px;flex-shrink:0;text-align:center}.side-footer{font-size:11px;line-height:1.4}
.demo-main h3{font-size:24px;line-height:1.2}.screen-intro,.table-button,.screen-button,.view-toggle button{font-size:14px;line-height:1.4}.demo-context{font-size:10px;line-height:1.3}.screen-help,.demo-bottom{font-size:11px;line-height:1.4}.demo-bottom button{font-size:12px}
.demo-seal{display:block;object-fit:contain;width:64px;height:64px;flex-shrink:0}.identity-header{gap:15px}.identity-header small,.identity-controls label{font-size:12px;line-height:1.3}.identity-header h3{font-size:22px;line-height:1.2}.identity-controls select,.color-row input,.color-row button{font-size:14px}.identity-controls .micro{font-size:11px}.officer-row{font-size:13px;line-height:1.4}.identity-tools span{font-size:11px}.identity-inner>h3{font-size:32px;line-height:1.05}
.lodge-welcome h3{font-size:24px;line-height:1.2}.lodge-welcome p,.next-meeting{font-size:13px;line-height:1.4}.next-meeting small{font-size:12px}.lodge-welcome>div>span,.panel-eyebrow{font-size:10px}.lodge-stats .stat small{font-size:11px}.lodge-stats .stat>span{font-size:10px}.stat-icon{color:#94700e;font-size:16px}.activity,.document-row,.calendar-item,table{font-size:13px;line-height:1.4}.activity small,.document-row small,td small,.calendar-item p{font-size:11px;line-height:1.4}.panel h4{font-size:18px;line-height:1.2}.document-row button,.officer-item{font-size:13px}.officer-item small{font-size:11px}.birthday-banner b{font-size:14px}.birthday-banner small,.birthday-banner>span:last-child{font-size:12px}.birthday-modal h3{line-height:1.2}.birthday-modal>p:not(.panel-eyebrow){line-height:1.45}
.phone-banner h3{line-height:1.15}.phone-motto{line-height:1.4}.phone-body h3{line-height:1.12}.phone-note,.phone-news p,.phone-dues p{line-height:1.45}.phone-body h4{line-height:1.2}.phone-news h4{line-height:1.1}.phone-status>span:last-child{display:flex;gap:4px;align-items:center}.phone-option>span i{font-size:14px}.phone-birthday b{line-height:1.2}.phone-birthday small{line-height:1.4}.phone-body .fa-solid{flex-shrink:0}
.button .fa-solid,.text-link .fa-solid{font-size:.85em}.check{display:flex;align-items:center;justify-content:center}.birthday-star .fa-solid{font-size:22px}.menu .fa-solid{font-size:18px}.dialog-close .fa-solid{font-size:18px}.phone-status .fa-solid{font-size:10px}
@media(max-width:1100px) and (min-width:761px){header{padding-left:25px;padding-right:25px}.brand{font-size:22px}.brand-logo{width:48px;height:48px}nav{font-size:15px;gap:14px}.button.small{font-size:15px;padding:13px 16px}.demo-layout{grid-template-columns:220px 1fr}.demo-main{padding:22px}.org-card{min-height:420px}}
@media(max-width:980px) and (min-width:761px){header .brand{font-size:21px}header nav{font-size:15px;gap:14px}header .button.small{font-size:15px;padding:13px 15px}.menu{display:block}header nav{display:none;position:absolute;top:86px;left:20px;right:20px;background:white;z-index:10;padding:20px;border:1px solid var(--line);box-shadow:0 15px 30px #14223f15}header nav.open{display:flex;flex-direction:column;align-items:stretch}header nav a{padding:12px}}
@media(max-width:760px){h1{font-size:clamp(55px,12vw,76px);line-height:1.01;letter-spacing:-.5px}h2,.faq-section h2{font-size:clamp(35px,7.5vw,44px);line-height:1.06;letter-spacing:-.3px}.hero{padding-top:36px;min-height:0}.hero .eyebrow,.section-heading .eyebrow{font-size:10px}.lede{font-size:16px;line-height:1.5;margin:20px auto}.hero-foot{font-size:11px}.button,.actions .button,.plans .button,.button.small,.text-link{font-size:16px}.section-heading>p:last-child{font-size:16px;line-height:1.5}.body-strip{flex-wrap:nowrap;justify-content:flex-start;font-size:14px}.body-strip span{font-size:10px;min-width:auto;white-space:nowrap}.section{padding-top:60px;padding-bottom:60px}.demo-layout{grid-template-columns:1fr}.demo-sidebar{padding:8px 10px}#demo-nav button{font-size:13px;line-height:1.3;padding:10px 12px}#demo-nav button>span{display:inline-block;width:16px}.demo-top b{font-size:14px}.demo-main{padding:18px 15px}.demo-top{gap:8px}.view-toggle{margin-left:0}.view-toggle button{font-size:12px}.demo-context{font-size:9px}.demo-bottom{font-size:10px}.demo-bottom button{font-size:11px}.screen-intro{font-size:13px}.lodge-welcome h3{font-size:22px}.lodge-stats .stat small{font-size:10px}.lodge-stats .stat>span{font-size:10px}.demo-caption{font-size:11px}.feature-step h3{font-size:23px}.feature-step p{font-size:16px}.org-card h3{font-size:27px}.org-card p{font-size:16px}.org-card ul{font-size:13px}.org-card{min-height:475px;padding:23px 18px}.org-action{font-size:11px}.more-bodies h3,.workflow h3{font-size:25px}.more-bodies p,.workflow p,.faq-list p{font-size:16px}.contact-grid h2{font-size:48px;line-height:1.06}.contact-grid>div>p:not(.eyebrow){font-size:16px}.contact-grid .contact-note{font-size:13px!important}.plans ul{font-size:16px}.faq-list summary{font-size:16px}}
@media(max-width:380px){h1{font-size:54px}.org-card{min-height:405px}.org-card h3{font-size:29px}.org-card ul{font-size:14px}.demo-top b{font-size:13px}.brand{font-size:20px}}
@media(min-width:761px){header nav,header .button.small{font-size:16px}}
@media(max-width:760px){header nav{font-size:16px}}

/* Body-specific official seals retain their original aspect ratios. */
.body-seal{object-fit:contain;flex-shrink:0;max-width:100%;border:0}
.body-seal--chapter{background:#fff;border-radius:50%;padding:3px}
.body-seal--commandery{border-radius:0;padding:0}
#sidebar-identity .body-seal{width:64px;height:64px}
.identity-header .body-seal{width:64px;height:64px}
.birthday-preview .body-seal{width:88px;height:88px}
.birthday-modal .body-seal{width:78px;height:78px}
.dues-card .body-seal{width:72px;height:72px}

.billing-toggle{display:flex;width:max-content;margin:-15px auto 40px;background:#e8edf6;padding:5px;border:1px solid var(--line);border-radius:6px;gap:4px}
.billing-toggle button{font:700 16px/1.2 Arial,sans-serif;padding:13px 25px;min-height:46px;background:none;border:1px solid transparent;border-radius:4px;color:var(--muted)}
.billing-toggle button.active{background:#fff;color:var(--navy);border-color:#ccd7e8;box-shadow:0 2px 6px #1523430c}
.billing-detail{font-size:13px;line-height:1.4;color:var(--muted);min-height:37px;margin:0 0 15px}
@media(max-width:760px){.billing-toggle{margin:-10px auto 40px}.billing-toggle button{font-size:16px;padding:12px 23px}}

.officer-group-title{grid-column:1/-1;font-size:16px!important;line-height:1.3;margin:18px 0 2px;color:var(--ink)}
.presiding-officer{grid-column:1/-1;border-left:3px solid var(--gold)}
/* Shared corner radii across the landing page and product previews. */
:root{--radius-card:12px;--radius-control:8px}
.demo-shell,.identity-preview,.org-card,.plans article,.panel,.stat,.lodge-stats .stat,.officer-item,.lodge-welcome,.birthday-preview,.birthday-banner,.float-label,.float-card,.phone-dues,.phone-news,.phone-birthday,.table-wrap,.dues-card,dialog{border-radius:var(--radius-card)}
.button,.button.small,.plans .button,.screen-button,.document-row button,.menu,.dialog-close,.view-toggle,.view-toggle button,.billing-toggle,.billing-toggle button,.identity-controls select,.color-row input,.color-row button,form input,form select,form textarea,.tag,.plan-label,.date-block,.identity-tools span{border-radius:var(--radius-control)}
.feature-step{border-radius:var(--radius-card)}
.demo-sidebar button,.demo-sidebar button.active,#demo-nav button,.birthday-modal .screen-button{border-radius:var(--radius-control)}
.chart-bars div{border-radius:var(--radius-control) var(--radius-control) 0 0}

.org-emblem{display:block;width:100px;height:72px;object-fit:contain;object-position:left center;margin:22px 0 17px;max-width:100%}
.org-emblem--chapter{width:72px;background:#fff;border-radius:50%;padding:5px;object-position:center}
.org-card h3{margin-top:0}
.org-card{min-height:560px}
@media(max-width:1000px){.org-card{min-height:500px}}
@media(max-width:760px){.org-card{min-height:565px}.org-emblem{margin-top:20px;margin-bottom:16px}}
@media(max-width:380px){.org-card{min-height:495px}}
/* Center the organization card headings and their matching emblems. */
.org-card h3{text-align:center}
.org-card .org-number{display:block;text-align:center}
.org-card .org-emblem{margin-left:auto;margin-right:auto;object-position:center}

/* Membership-based plans and a personal enterprise inquiry. */
#plans .wrap{max-width:1560px}
#plans .plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:none}
#plans .plans article{padding:30px 24px;min-width:0}
#plans .plans h3{min-height:58px}
#plans .plans .eyebrow{font-size:11px}
#plans .billing-detail{min-height:48px;font-size:14px;line-height:1.5}
#plans .custom-price{font-size:40px;letter-spacing:-.5px}
#plans .enterprise-plan{background:#edf1f8;border-color:#bdc9dd}
#plans .setup{min-height:60px;align-items:center;gap:10px;flex-wrap:wrap}
#plans .sales-note{font-size:12px;text-align:center;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}
#plans .pricing-note{max-width:760px;margin:26px auto 0;line-height:1.6}
@media(max-width:1150px){#plans .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}}
@media(max-width:600px){#plans .plans{grid-template-columns:1fr;max-width:460px;margin:auto}#plans .plans h3{min-height:0;text-align:center}#plans .plans .eyebrow,#plans .price,#plans .billing-detail{text-align:center}#plans .billing-detail{min-height:0}#plans .plans article{padding:28px 24px}}

.store-addon{border-top:1px solid var(--line);padding-top:16px;margin:0 0 20px}
.store-addon label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;cursor:pointer}
.store-addon input{width:18px;height:18px;flex-shrink:0;accent-color:var(--navy);margin-top:3px}
.store-addon strong{display:block;font-size:15px;color:var(--navy)}
.store-addon p{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.store-addon .store-total{color:var(--navy);font-weight:700}
#inquiry .inquiry-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;cursor:pointer}
#inquiry .inquiry-check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--navy);margin-top:3px}
#inquiry .inquiry-check small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.inquiry-hint,.optional{font-size:13px;color:var(--muted);font-weight:400}
.inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#inquiry button:disabled{opacity:.65;cursor:wait}
#form-status.inquiry-error{color:#9f2626}
.inquiry-success{padding:28px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff}
.inquiry-success h3{font:700 28px/1.2 Oswald,Arial,sans-serif}
.inquiry-success p{font-size:16px;line-height:1.6}
[hidden]{display:none!important}
#inquiry input,#inquiry select,#inquiry textarea{font-size:16px;font-weight:400}
@media(max-width:600px){#inquiry .form-row{grid-template-columns:1fr}#inquiry label{font-size:14px}}
.audit-summary{border:1px solid #d5e5dc;border-radius:12px;background:#f6faf7;padding:20px;margin-bottom:18px}
.audit-summary h4{font-size:19px;line-height:1.4;margin:15px 0 8px}
.audit-summary p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}
.sample-payment{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:1px solid var(--line);border-radius:14px;background:white;padding:24px}
.sample-payment h4{font-size:23px;margin:18px 0 7px}
.sample-payment p{font-size:14px;line-height:1.6;color:var(--muted)}
.sample-payment .dues-amount{font:700 42px/1.3 Oswald,Arial,sans-serif;display:block;margin-top:22px}
.sample-payment form{border-left:1px solid var(--line);padding-left:22px;box-shadow:none}
.sample-payment form label{font-size:14px}
.sample-payment form input{font-size:18px;border-radius:8px}
.sample-payment form button{border-radius:8px;font:500 18px Oswald,Arial,sans-serif;width:100%}
#sample-payment-result{color:var(--navy);font-size:14px}
#demo-content{scroll-margin-top:110px}

/* Compact demonstration with contextual feature orbs. */
#platform{max-width:1240px}
#platform .section-heading{max-width:940px;margin-left:auto;margin-right:auto}
#platform .section-heading h2{font-size:clamp(36px,4.2vw,60px);line-height:1.15}
.solution-stage{position:relative;max-width:1100px;margin:0 auto}
.solution-stage .demo-layout{grid-template-columns:210px minmax(0,1fr)}
.solution-stage .demo-main{min-width:0;padding:25px 22px}
.solution-stage .demo-shell{overflow:hidden}
.solution-stage .demo-sidebar #side-org{font-size:17px;margin-top:14px}
.solution-stage .demo-label{display:none}
.solution-stage .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.solution-stage .lodge-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.solution-stage .stat{min-width:0}
.solution-stage .stat b{font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.solution-stage .stat small{font-size:11px;line-height:1.4}
.solution-stage .stat>span{font-size:11px;line-height:1.5}
.solution-stage .stat-icon{display:none}
.solution-stage .screen-help{font-size:13px;line-height:1.6}
.solution-stage .table-wrap{overflow-x:auto}
.demo-nav-item{position:relative;display:flex;align-items:center;min-width:0}
#demo-nav .demo-nav-item>[data-screen]{width:100%;padding:12px 45px 12px 10px;font-size:13px;min-height:46px;margin:0;text-align:left}
#demo-nav .demo-nav-item>.feature-orb{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;background:transparent;display:grid;place-items:center;border-radius:8px;cursor:pointer}
#demo-nav .feature-orb>span{display:block;position:relative;width:12px;height:12px;border-radius:50%;background:#edbc53;box-shadow:0 0 9px #edbc5370;flex:none}
.feature-orb>span:after{content:"";position:absolute;inset:-5px;border:1px solid #edbc53;border-radius:50%;animation:feature-orb-pulse 2.6s ease-out infinite;pointer-events:none}
.demo-nav-item:nth-child(2n) .feature-orb>span:after{animation-delay:.7s}
.demo-nav-item:nth-child(3n) .feature-orb>span:after{animation-delay:1.3s}
#demo-nav .feature-orb:hover>span,#demo-nav .feature-orb[aria-expanded=true]>span{background:#fff3cd}
#demo-nav .feature-orb:focus-visible{outline:2px solid #fff3cd;outline-offset:-4px}
@keyframes feature-orb-pulse{0%{transform:scale(.65);opacity:.75}85%,100%{transform:scale(1.7);opacity:0}}
.feature-tooltip{position:fixed;z-index:1000;width:min(300px,calc(100vw - 24px));padding:22px;background:#fff;border:1px solid #d9c398;border-radius:14px;box-shadow:0 16px 50px #0d233c24;color:var(--navy)}
.feature-tooltip h4{font:500 24px/1.25 Oswald,Arial,sans-serif;margin:3px 25px 12px 0}
.feature-tooltip p{font:400 14px/1.65 Arial,sans-serif;color:var(--muted);margin:0 0 18px}
.feature-tooltip-close{position:absolute;top:5px;right:5px;width:38px;height:38px;border:0;background:transparent;border-radius:8px;color:var(--navy);font-size:25px;cursor:pointer}
.feature-tooltip-explore{background:var(--navy);color:white;min-height:44px;width:100%;border:0;border-radius:8px;padding:10px 16px;font:500 17px Oswald,Arial,sans-serif;cursor:pointer}
.feature-tooltip button:focus-visible{outline:3px solid #c8a66c;outline-offset:3px}
/* The decorative gold orb follows the existing outer ring around the phone. */
.hero-product .orbit2{animation:phone-orb-orbit 18s linear infinite;pointer-events:none}
.hero-product .orbit2:after{content:"";position:absolute;top:50%;right:-7px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff3ca,#ddb04f 60%,#a87b2a);box-shadow:0 0 0 5px #ddb04f18,0 0 18px #ddb04f50}
@keyframes phone-orb-orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.solution-stage .lodge-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-stage .lodge-welcome{display:block}.solution-stage .next-meeting{border-left:0;border-top:1px solid #ffffff25;margin-top:16px;padding:13px 0 0}.sample-payment{grid-template-columns:1fr}.sample-payment form{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}
@media(max-width:760px){.solution-stage .demo-layout{grid-template-columns:1fr}.solution-stage .demo-main{padding:20px 15px}.solution-stage .demo-sidebar{padding:14px 12px}.solution-stage .demo-sidebar>.side-monogram{display:block;margin:0 auto 8px}.solution-stage .demo-sidebar>p{display:block;text-align:center}.solution-stage .demo-sidebar>small{display:none}#demo-nav{margin-top:12px;gap:8px;padding-bottom:4px}#demo-nav .demo-nav-item{flex:0 0 auto}#demo-nav .demo-nav-item>[data-screen]{width:auto;white-space:nowrap;padding:12px 43px 12px 12px}#demo-nav .demo-nav-item:not(:has(.feature-orb))>[data-screen]{padding-right:12px}.solution-stage .demo-top{gap:12px}.solution-stage .view-toggle{width:100%}.solution-stage .view-toggle button{flex:1}.solution-stage .stats{grid-template-columns:1fr}.solution-stage .lodge-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-stage .lodge-welcome h3{font-size:22px}.solution-stage .demo-bottom{flex-wrap:wrap;gap:12px}.solution-stage .demo-bottom span{max-width:none}.solution-stage table{min-width:540px}.solution-stage .demo-main h3{overflow-wrap:anywhere}}
/* A dues card should read like a card, with identity and scannable demo data. */
.dues-card.membership-card{width:100%;max-width:540px;padding:0;margin:18px auto;border:1px solid #d4dcea;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 36px #1523430e}
.membership-card-header{display:flex;align-items:center;gap:13px;padding:22px 24px 18px}
.membership-card-header img{width:56px;height:56px;object-fit:contain;flex-shrink:0}
.membership-card-header>div{flex:1;min-width:0}
.membership-card-header small{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#63708a}
.dues-card.membership-card .membership-card-header h3{font:500 23px/1.2 Oswald,Arial,sans-serif;color:#152343;margin:6px 0 0;padding:0;border:0;overflow-wrap:anywhere}
.membership-card-year{font:500 25px Oswald,Arial,sans-serif;color:#152343}
.membership-card-line{height:4px;background:linear-gradient(90deg,#b39157 0 72%,#1d2b54 72%)}
.membership-card-body{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:22px;padding:25px 24px 23px;align-items:center}
.membership-card-identity>small,.membership-card-fields small{font-size:9px;font-weight:600;letter-spacing:1px;color:#63708a;display:block}
.dues-card.membership-card h4{font:700 26px/1.3 Arial,sans-serif;color:#152343;margin:7px 0 18px;letter-spacing:-.5px}
.membership-card-fields{display:grid;grid-template-columns:1fr;gap:12px}
.membership-card-fields b{font:600 13px/1.5 Arial,sans-serif;color:#152343;display:block;margin-top:3px}
.membership-card-status{display:inline-flex;align-items:center;gap:7px;background:#edf7f1;color:#28664a;border-radius:7px;padding:8px 10px;margin-top:17px;font:600 11px/1.4 Arial,sans-serif}
.membership-card-qr img{width:130px;height:130px;display:block;background:#fff}
.membership-card-qr small{font-size:8px;line-height:1.5;letter-spacing:.5px;color:#63708a;text-align:center;display:block;margin-top:4px}
.membership-card-footer{padding:12px 24px;background:#f5f7fb;border-top:1px solid #e1e6ef;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#63708a}
.membership-card-footer b{font-size:8px;letter-spacing:.8px;color:#63708a}
.membership-card-note{font-size:13px;line-height:1.65;color:var(--muted)}
.faq-brand-seal{display:block;object-fit:contain;width:min(300px,78%);height:auto;margin:40px auto 0}
.solution-stage .birthday-banner{margin:0 0 18px}
/* Animate the orb itself, in addition to its expanding ring. */
#demo-nav .feature-orb>span{animation:feature-orb-breathe 2s ease-in-out infinite}
.demo-nav-item:nth-child(2n) .feature-orb>span{animation-delay:.5s}
.demo-nav-item:nth-child(3n) .feature-orb>span{animation-delay:1s}
@keyframes feature-orb-breathe{0%,100%{transform:translateY(2px) scale(.75);opacity:.55;box-shadow:0 0 4px #edbc5330}50%{transform:translateY(-2px) scale(1.15);opacity:1;box-shadow:0 0 16px #edbc5380}}
.hero-product .orbit2{animation:phone-orb-orbit 10s linear infinite}
.hero-product .orbit2:after{width:16px;height:16px;right:-8px;box-shadow:0 0 0 6px #ddb04f18,0 0 23px #ddb04f70}
@media(max-width:520px){.dues-card.membership-card .membership-card-header h3{font-size:20px}.membership-card-header{padding:18px 16px;gap:10px}.membership-card-header img{width:44px;height:44px}.membership-card-header small{font-size:8px;letter-spacing:1px}.membership-card-year{font-size:20px}.membership-card-body{padding:20px 16px;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.membership-card-qr img{width:100px;height:100px}.dues-card.membership-card h4{font-size:22px}.membership-card-status{font-size:10px;padding:7px}.membership-card-footer{padding:12px 16px;flex-wrap:wrap}.membership-card-qr small{font-size:7px}.faq-brand-seal{width:min(240px,75%);margin-top:28px}}
@media(max-width:360px){.membership-card-body{grid-template-columns:1fr}.membership-card-qr{justify-self:start}.membership-card-header{flex-wrap:wrap}.membership-card-year{display:none}}

/* Requested product-demo animations remain enabled in every motion mode. */
.hero-product .orbit2{animation:phone-orb-orbit 10s linear infinite}
.hero-product .orbit2:after{display:block}
#demo-nav .feature-orb>span{display:block;background:#edbc53;width:12px;height:12px;animation:feature-orb-breathe 2s ease-in-out infinite}
#demo-nav .feature-orb>span:before{content:none;display:none}
#demo-nav .feature-orb>span:after{display:block;animation:feature-orb-pulse 2.6s ease-out infinite}
/* Organization themes apply consistently to the product previews. */
:root{--portal-soft:#f3f5f8;--portal-tint:#e7eaf0;--portal-line:#d4dae3}
#demo-nav .demo-nav-item>[data-screen].active{background:#fff;color:var(--portal);border-left:3px solid #c8a66c;box-shadow:0 3px 12px #0000000a}
#demo-nav .demo-nav-item>[data-screen]:not(.active):hover{background:#ffffff15;color:#fff}
#demo-nav .demo-nav-item:has(>[data-screen].active) .feature-orb>span{background:#a67b27}
#demo-nav .demo-nav-item:has(>[data-screen].active) .feature-orb>span:after{border-color:#a67b27}
.demo-main{background:var(--portal-soft)}
.demo-context,.demo-main h3,.demo-main h4,.demo-main .stat b{color:var(--portal)}
.demo-main .panel,.demo-main .stat,.demo-main .table-wrap,.demo-main .officer-item{border-color:var(--portal-line)}
.demo-main .avatar{background:var(--portal-tint);color:var(--portal)}
.demo-main .tag:not(.green){background:var(--portal-tint);color:var(--portal)}
.demo-main .view-toggle,.view-toggle{background:var(--portal-soft)}
.view-toggle button.active{color:var(--portal);background:white;border-color:var(--portal-line)}
.demo-main .screen-button{background:var(--portal);color:#fff}
.demo-main .table-button,.demo-main .document-row button{color:var(--portal)}
.demo-main .lodge-welcome,.identity-header,.phone-banner{background:var(--portal);color:#fff}
.demo-main .lodge-welcome h3{color:#fff}
.identity-preview{border-color:var(--portal-line)}
.identity-inner .tag,.identity-tools span{background:var(--portal-tint);color:var(--portal)}
.identity-inner h3,.officer-row b{color:var(--portal)}
.feature-step.active{border-left-color:var(--portal)}
#detail-dialog .table-button,#detail-dialog .document-row button,#detail-dialog .profile-head h3,#detail-dialog .birthday-modal h3,#detail-dialog .birthday-modal>p:not(.panel-eyebrow){color:var(--portal)}
#detail-dialog .screen-button,#feature-tooltip .feature-tooltip-explore{background:var(--portal);color:#fff}
#feature-tooltip h4{color:var(--portal)}
.dues-card.membership-card .membership-card-header h3,.dues-card.membership-card h4,.membership-card-year,.membership-card-fields b{color:var(--portal)}
.membership-card-line{background:linear-gradient(90deg,#b39157 0 72%,var(--portal) 72%)}
.phone-link{color:var(--portal)}
.demo-conversion{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 30px;margin:30px auto 0;border:1px solid var(--line);border-radius:14px;background:#f7f9fc;max-width:1100px}
.demo-conversion h3{font:500 28px/1.25 Oswald,Arial,sans-serif;margin:0 0 8px;color:var(--navy)}
.demo-conversion p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}
.demo-conversion .button{flex-shrink:0;white-space:nowrap}
@media(max-width:760px){.demo-conversion{flex-direction:column;text-align:center;padding:25px 20px;gap:20px}.demo-conversion h3{font-size:25px}.demo-conversion .button{width:100%}}
/* Enterprise pricing has a distinct PH Connect navy surface. */
#plans .enterprise-plan{background:#1d2b54;border-color:#1d2b54;color:#fff;box-shadow:0 12px 30px #1d2b5412}
#plans .enterprise-plan h3,#plans .enterprise-plan .price,#plans .enterprise-plan .setup b{color:#fff}
#plans .enterprise-plan .eyebrow{color:#e4c18a}
#plans .enterprise-plan .billing-detail,#plans .enterprise-plan .setup,#plans .enterprise-plan ul,#plans .enterprise-plan .store-addon p,#plans .enterprise-plan .sales-note{color:#e0e6f1}
#plans .enterprise-plan .setup,#plans .enterprise-plan .store-addon{border-color:#ffffff26}
#plans .enterprise-plan li:before{color:#e4c18a}
#plans .enterprise-plan .button.outline{background:#fff;border-color:#fff;color:#1d2b54}
#plans .enterprise-plan .button.outline:hover{background:#f3e5ce;border-color:#f3e5ce;color:#1d2b54}
#plans .enterprise-plan .button.outline:focus-visible{outline-color:#e4c18a}
/* Consistent plan actions, with a clear gold hover state. */
#plans .plans article:not(.enterprise-plan) .button{background:#1d2b54;color:#fff;border-color:#1d2b54}
#plans .plans article .button{min-height:50px;border-radius:var(--radius-control);transition:background-color .2s,color .2s,border-color .2s}
#plans .plans article .button:hover,#plans .plans article .button:focus-visible{background:#c8a66c;color:#152343;border-color:#c8a66c}
#plans .plans article .button:focus-visible{outline:3px solid #c8a66c;outline-offset:4px}
#plans .plans .enterprise-plan .button.outline:hover,#plans .plans .enterprise-plan .button.outline:focus-visible{background:#c8a66c;color:#152343;border-color:#c8a66c}
#organization-feature-preview{min-height:335px}
#organization-feature-content h3{font:500 30px/1.2 Oswald,Arial,sans-serif;color:var(--portal);margin:20px 0 12px;overflow-wrap:anywhere}
#organization-feature-content>p{font-size:15px;line-height:1.6;color:var(--muted)}
#organization-feature-content .screen-button{background:var(--portal);color:#fff;border-radius:8px;font-size:14px;margin-top:15px}
.local-feature-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.local-feature-fields small{display:block;font-size:10px;letter-spacing:.7px;color:var(--muted)}
.local-feature-fields b{font-size:13px;color:var(--portal);overflow-wrap:anywhere}
.local-feature-document{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--portal-line)}
.local-feature-document>i{color:var(--portal);font-size:19px}
.local-feature-document>div{flex:1;min-width:0}
.local-feature-document b{display:block;font-size:14px;color:var(--portal)}
.local-feature-document small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}
.local-feature-document button{color:var(--portal);font-size:13px;min-height:44px}
.local-feature-balance{background:var(--portal-soft);border:1px solid var(--portal-line);border-radius:12px;padding:20px;margin:20px 0;color:var(--portal)}
.local-feature-balance small{display:block;font-size:10px;letter-spacing:.8px}
.local-feature-balance b{display:block;font:500 40px/1.4 Oswald,Arial,sans-serif}
.local-feature-balance span{font-size:13px;color:var(--muted)}
.local-feature-transaction{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;padding:12px 0;border-bottom:1px solid var(--portal-line)}
.local-feature-transaction b{color:var(--portal);white-space:nowrap}
#organization-feature-content .local-feature-note{font-size:12px}
@media(max-width:420px){.local-feature-fields{grid-template-columns:1fr}.local-feature-document{gap:9px}#organization-feature-content h3{font-size:27px}}

/* Reference-inspired hero texture, FAQ cards, and pricing-list spacing. */
.hero-backdrop{position:relative;background:radial-gradient(ellipse at 35% 25%,#dfe9fc 0,transparent 62%),radial-gradient(ellipse at 85% 72%,#e7edf8 0,transparent 52%),#f8fafc;isolation:isolate}
.hero-backdrop:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#4263a014 1px,transparent 1px),linear-gradient(90deg,#4263a014 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 78%);z-index:-1}
.hero-backdrop .hero{position:relative;isolation:isolate}
.faq-list details{background:#fff;border:1px solid #dbe2ed;border-radius:18px;padding:18px 20px;margin-bottom:14px;box-shadow:0 7px 20px #1d2b5407;transition:border-color .2s,box-shadow .2s}
.faq-list details:hover,.faq-list details[open]{border-color:#a4b7d9;box-shadow:0 9px 26px #1d2b540d}
.faq-list summary{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:16px;align-items:center;list-style:none;font-size:17px;line-height:1.4;font-weight:700;min-height:46px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{content:""}
.faq-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#4d6da6,#1d2b54 80%);color:#fff;font-size:20px;border:1px solid #6d87b5;box-shadow:inset 0 2px 1px #ffffff30,0 7px 14px #1d2b5420}
.faq-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dbe2ed;border-radius:50%;color:#63708a;font-size:24px;font-weight:400;line-height:1}
.faq-toggle:before{content:"+"}
.faq-list details[open] .faq-toggle{color:var(--navy);border-color:#a4b7d9;background:#f3f6fa}
.faq-list details[open] .faq-toggle:before{content:"−"}
.faq-list p{margin:16px 50px 4px 62px;line-height:1.65}
#plans .plans li{padding-left:28px;margin-left:6px}
#plans .plans li:before{left:0;width:18px;text-align:center}
@media(max-width:760px){.hero-backdrop:before{background-size:54px 54px}.faq-list details{padding:16px 14px;border-radius:16px}.faq-list summary{grid-template-columns:40px minmax(0,1fr) 30px;gap:12px;font-size:16px}.faq-icon{width:40px;height:40px;border-radius:11px;font-size:18px}.faq-toggle{width:30px;height:30px;font-size:22px}.faq-list p{margin:14px 0 2px;line-height:1.6}}

/* Centered inquiry heading above a full-width form. */
#contact .contact-grid{grid-template-columns:minmax(0,1fr);gap:32px}
#contact .contact-grid>div:first-child{text-align:center;width:100%;max-width:none;margin:0 auto}
#contact .contact-grid h2{max-width:none;margin:0 auto}
#contact .contact-grid>div>p:not(.eyebrow){max-width:none!important;width:100%;margin:20px auto 0}
#contact .contact-grid .contact-note{border-left:0;padding-left:0;font-size:14px!important;line-height:1.6}
#contact #inquiry{width:100%;max-width:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:32px;gap:20px;box-shadow:0 12px 30px #1d2b5407}
#contact #inquiry .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#contact #inquiry label{min-width:0}
#contact #inquiry input:not([type="checkbox"]),#contact #inquiry select,#contact #inquiry textarea{width:100%;background:#f8fafc;min-height:50px}
#contact #inquiry textarea{min-height:112px;resize:vertical}
#contact #inquiry>p{margin:0}
#contact #inquiry>button[type="submit"]{width:100%}
#contact #form-status{text-align:center}
@media(max-width:600px){#contact .contact-grid{gap:24px}#contact #inquiry{padding:20px 16px;gap:18px}#contact #inquiry .form-row{grid-template-columns:minmax(0,1fr);gap:18px}#contact .contact-grid>div>p:not(.eyebrow){margin-top:16px}}

#contact .contact-grid>div:first-child>.eyebrow{display:block;width:100%;max-width:none!important;text-align:center;margin-left:auto;margin-right:auto}

/* Distinct headline lines and readable organization icons. */
.connected-band h2>span,.connected-band h2>em{display:block}
.connected-band h2>em{margin-top:8px}
.connected-band .workflow .workflow-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;border:1px solid #c8a66c80;background:#c8a66c15;color:#e5c892;font-size:26px;line-height:1}
.connected-band .workflow h3{margin-top:18px}
@media(max-width:760px){.connected-band .workflow .workflow-icon{width:54px;height:54px;font-size:24px}.connected-band h2>em{margin-top:10px}}

/* A quieter footer with one brand reference and a useful return link. */
footer.site-footer{flex-direction:row;border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px;gap:24px;text-align:left}
.site-footer .footer-identity{display:flex;align-items:center;gap:16px;min-width:0}
.site-footer .footer-seal{display:flex;flex-shrink:0;border-radius:50%}
.site-footer .footer-seal img{display:block;width:44px;height:44px;object-fit:contain}
.site-footer p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}
.site-footer .footer-top{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap}
.site-footer .footer-top:hover{color:#98722f}
@media(max-width:600px){footer.site-footer{flex-direction:column;gap:8px;text-align:center}.site-footer .footer-identity{gap:12px}.site-footer p{font-size:12px}}

/* Phone-sized dashboards use a contained feature menu and readable cards. */
.demo-sidebar,.dashboard-grid>*{min-width:0}
.demo-mobile-selector{display:none}
@media(max-width:900px){
 .solution-stage .demo-layout{grid-template-columns:minmax(0,1fr)}
 .solution-stage .demo-top{flex-wrap:wrap;padding:14px;gap:12px}
 .solution-stage .demo-top>div:first-child{width:100%;justify-content:center}
 .solution-stage .view-toggle{width:100%;margin:0}
 .solution-stage .view-toggle button{flex:1;min-width:0;min-height:44px;white-space:normal;font-size:14px}
 .solution-stage .demo-sidebar{padding:14px;min-width:0}
 .solution-stage .demo-sidebar>.side-monogram,.solution-stage .demo-sidebar>small{display:none}
 .solution-stage .demo-sidebar>#side-org{display:block;font-size:17px;margin:0 0 12px;text-align:center}
 .solution-stage .demo-mobile-selector{display:block;width:100%;min-width:0}
 .demo-mobile-selector>label{display:block;color:#ffffffd9;font-size:13px;margin-bottom:8px;text-align:center}
 .demo-mobile-selector-row{display:flex;gap:10px;align-items:center;min-width:0}
 .demo-mobile-selector-row select{display:block;width:100%;flex:1;min-width:0;min-height:48px;padding:12px 14px;background:#fff;color:var(--portal);font-size:16px;line-height:1.4;border:1px solid #ffffff70;border-radius:10px;appearance:auto;-webkit-appearance:menulist;cursor:pointer}
 .solution-stage .demo-mobile-selector-row>.feature-orb{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;margin:0;border:1px solid #ffffff45;border-radius:10px;background:#ffffff13}
 .solution-stage .demo-mobile-selector-row>.feature-orb[hidden]{display:none}
 .demo-mobile-selector-row .feature-orb>span{position:relative;display:block;width:12px;height:12px;border-radius:50%;background:#edbc53;box-shadow:0 0 9px #edbc5370;animation:feature-orb-breathe 2s ease-in-out infinite}
 .solution-stage #demo-nav{display:none!important;min-width:0;max-width:100%;margin:0;padding:0}
 .solution-stage .demo-main{padding:18px 14px;min-width:0;min-height:0}
 .solution-stage .dashboard-grid{grid-template-columns:minmax(0,1fr)}
 .solution-stage .dashboard-grid>.panel:last-child{display:block}
 .solution-stage .lodge-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .solution-stage .stat{padding:16px 12px}
 .solution-stage .stat small,.solution-stage .stat>span{font-size:12px;line-height:1.45}
 .solution-stage .stat b{font-size:26px;margin:8px 0;line-height:1.15;overflow-wrap:normal}
 .solution-stage .lodge-welcome{display:block;padding:20px 16px}
 .solution-stage .next-meeting{min-width:0;border-left:0;border-top:1px solid #ffffff25;margin:16px 0 0;padding:14px 0 0}
 .solution-stage .birthday-banner{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px 12px;padding:16px}
 .solution-stage .birthday-banner>div{min-width:0}
 .solution-stage .birthday-banner>span:last-child{grid-column:2;padding:0;font-size:13px}
 .solution-stage .birthday-banner b{font-size:14px;line-height:1.45}
 .solution-stage .birthday-banner small{font-size:12px;line-height:1.45;margin-top:4px}
 .solution-stage .demo-context{gap:12px;line-height:1.5;font-size:11px}
 .solution-stage .demo-context>span:first-child{min-width:0;overflow-wrap:anywhere}
 .solution-stage .avatar{flex-shrink:0}
 .solution-stage .table-wrap{min-width:0;width:100%;max-width:100%;overflow-x:auto}
 .solution-stage .search-row{flex-wrap:wrap}
 .solution-stage .search-row input{min-width:0;flex:1 1 180px}
 .solution-stage .screen-button{white-space:normal}
}
@media(max-width:760px){
 main h1,main h2,main h3,main h4,.section-heading,.more-bodies,.more-bodies .eyebrow,.workflow .eyebrow,.demo-main .panel-eyebrow{text-align:center}
 .more-bodies{grid-template-columns:minmax(0,1fr)}
 .more-bodies>a{justify-self:center;text-align:center;max-width:100%}
 .feature-step>div{flex:1;min-width:0}
 .demo-conversion{text-align:center}
 .solution-stage .screen-intro,.solution-stage .lodge-welcome,.solution-stage .next-meeting{text-align:center}
 .solution-stage .demo-main h3{overflow-wrap:normal;word-break:normal}
 .connected-band h2{font-size:clamp(30px,7.7vw,44px);line-height:1.12}
 #contact .contact-grid h2{font-size:clamp(34px,8vw,46px);line-height:1.12}
 .actions{flex-wrap:wrap}
 .body-strip{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center}
 .body-strip p{white-space:normal}
}
@media(max-width:420px){
 .solution-stage .lodge-stats,.solution-stage .stats{grid-template-columns:minmax(0,1fr)}
 .solution-stage .demo-top b{font-size:15px}
 .solution-stage .demo-main h3{font-size:22px;line-height:1.3}
 .solution-stage .demo-bottom{justify-content:center;text-align:center}
}

/* Full-width invitation and readable mobile preview headings. */
.demo-conversion{display:block;max-width:none;margin:0;padding:48px 0;border:0;border-radius:0;background:var(--navy);color:#fff}
.demo-conversion-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.demo-conversion h3{color:#fff}.demo-conversion p{color:#e1e7f0}
.demo-conversion .button{background:#fff;color:var(--navy);border:1px solid #d9b778;box-shadow:0 4px 0 #c6a56d;transition:background .2s,color .2s,transform .2s}
.demo-conversion .button:hover,.demo-conversion .button:focus-visible{background:#d9b778;color:var(--navy);transform:translateY(-2px)}
@media(max-width:760px){.demo-conversion-inner{flex-direction:column;text-align:center;gap:24px}.demo-conversion .button{width:auto;min-width:220px}.phone-body>.micro,.phone-body h3,.phone-body h4,.phone-news .micro,#demo-content h1,#demo-content h2,#demo-content h3,#demo-content h4{text-align:center}.demo-head{justify-content:center;text-align:center}}

/* Navigation rests on the hero, then becomes a persistent navy bar. */
body>.site-header{position:fixed;inset:0 0 auto;z-index:1100;max-width:none;width:100%;margin:0;padding:18px max(36px,calc((100vw - 1290px)/2));background:transparent;border:0;box-shadow:none;transition:background-color .25s,box-shadow .25s,color .25s}
.site-header.is-scrolled,.site-header.menu-open{background:var(--navy);color:white;box-shadow:0 8px 28px #15234320}

.site-header.is-scrolled nav>a,.site-header.menu-open nav>a{color:#fff}
.site-header.is-scrolled nav>a:hover,.site-header.menu-open nav>a:hover{color:#e3c58d}
.site-header.is-scrolled nav>.button,.site-header.menu-open nav>.button{background:#fff;color:var(--navy);border-color:#d9b778}
.site-header.is-scrolled nav>.button:hover,.site-header.menu-open nav>.button:hover{background:#d9b778;color:var(--navy)}
.hero-backdrop .hero{padding-top:154px}
.phone-body>.micro,.phone-body>h3,.phone-body>h4{text-align:center}
.mission-section{background:var(--navy);color:#fff;padding:76px 0}
.mission-grid{display:grid;grid-template-columns:1fr 2fr;gap:65px;align-items:start}
.mission-section .eyebrow{color:#c9d4e8;margin-bottom:20px}
.mission-section h2,.trust-section h2{font-size:clamp(34px,4vw,48px);letter-spacing:-1px;line-height:1.2}
.purpose-line{display:block;width:54px;height:2px;background:#c8a66c;margin:24px 0 30px}
.mission-statement{font-size:clamp(22px,2.6vw,30px);line-height:1.6;color:white;margin:0 0 24px}
.mission-support{font-size:17px;line-height:1.8;color:#cbd5e8;margin-bottom:0}
.trust-section{background:var(--paper);padding:80px 0}
.trust-grid{display:grid;grid-template-columns:1.05fr 1.5fr;gap:68px}
.trust-intro .eyebrow{margin-bottom:22px}.trust-section p{font-size:17px;line-height:1.85}
.trust-lock{width:180px;height:180px;margin:38px auto 0;border:1px solid #c8a66c75;border-radius:50%;display:grid;place-items:center;color:var(--navy);background:radial-gradient(circle,#fff 0,#e9eef6 74%);box-shadow:0 0 0 14px #c8a66c0a;font-size:72px}
.trust-principles{margin-top:32px}.trust-principles>div{display:grid;grid-template-columns:180px 1fr;gap:28px;border-top:1px solid var(--line);padding:25px 0}.trust-principles>div:last-child{border-bottom:1px solid var(--line)}
.trust-principles h3{font:700 23px/1.3 Oswald,Arial,sans-serif;margin:0;letter-spacing:-.4px}.trust-principles p{font-size:16px;margin:0}
@media(max-width:900px){body>.site-header{padding:16px 22px}.site-header #nav{top:100%;left:0;right:0;margin:0;border:0;border-top:1px solid #ffffff20;background:var(--navy);color:#fff;border-radius:0 0 14px 14px;box-shadow:0 12px 22px #15234325}.site-header #nav a{color:#fff}.site-header #nav>.button{background:#fff;color:var(--navy);border-color:#d9b778}.site-header.is-scrolled .menu,.site-header.menu-open .menu{background:#ffffff13;color:#fff;border-color:#ffffff55}.mission-grid,.trust-grid{gap:35px}.trust-principles>div{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.hero-backdrop .hero{padding-top:132px}.mission-section,.trust-section{padding:52px 0}.mission-grid,.trust-grid{grid-template-columns:1fr;gap:26px;text-align:center}.purpose-line{margin:22px auto 26px}.mission-section .eyebrow,.trust-section .eyebrow{text-align:center}.mission-statement{font-size:23px;line-height:1.65}.trust-lock{width:130px;height:130px;font-size:54px;margin:28px auto 5px}.trust-principles>div{padding:22px 0}.trust-principles h3{font-size:24px}.trust-section p,.mission-support{font-size:16px}}
@media(prefers-reduced-motion:reduce){body>.site-header{transition:none}}

/* Align the larger lock and its heading on one shared center line. */
.trust-intro{text-align:center}.trust-intro h2,.trust-intro .eyebrow{text-align:center}.trust-intro .purpose-line{margin-left:auto;margin-right:auto}
.trust-lock{width:260px;height:260px;font-size:124px;margin:38px auto 0}
@media(max-width:760px){.trust-lock{width:200px;height:200px;font-size:94px;margin:30px auto 8px}}