/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--color-paper:#fbf2e4;--color-surface:#fffaf2;--color-ink:#1f2633;--color-blue:#1f4f82;--color-blue-deep:#143f73;--color-rose:#e897a7;--color-rose-deep:#b94f68;--color-sky:#b8d8ef;--color-mint:#b8d9c3;--color-success:#2f7d5b;--color-warning:#a66716;--color-danger:#b33d4a;--color-border:#1f263324;--shadow-card:0 18px 50px #1f26331a;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--font-sans:Geist, Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-ink);background:var(--color-paper);font-family:var(--font-sans);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img,svg{display:block}:focus-visible{outline-offset:3px;outline:3px solid #1f4f8259}.skip-link{z-index:1000;color:var(--color-blue-deep);box-shadow:var(--shadow-card);background:#fff;border-radius:12px;padding:10px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.section-shell{width:min(1180px,100% - 40px);margin-inline:auto}.section-block{padding-block:96px}.public-page{overflow:hidden}.public-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf2e4e6;border-bottom:1px solid #1f263314;position:sticky;top:0}.public-nav{align-items:center;gap:30px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.08rem;font-weight:650;display:inline-flex}.brand strong{color:var(--color-blue)}.brand-mark{background:var(--color-blue);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 9px 22px #143f733b}.nav-links{color:#4e5663;gap:30px;margin-left:auto;font-size:.94rem;display:flex}.nav-links a:hover{color:var(--color-blue)}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 22px;font-weight:720;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-blue);color:#fff;box-shadow:0 12px 28px #1f4f8240}.button-primary:hover{background:var(--color-blue-deep)}.button-secondary{color:var(--color-blue-deep);background:#fffaf2b8;border-color:#1f4f8233}.button-light{color:var(--color-blue-deep);background:#fff;box-shadow:0 12px 30px #143f7333}.button-danger{color:var(--color-danger);background:#fff0f1;border-color:#b33d4a40}.button-small{min-height:42px;padding:8px 18px;font-size:.9rem}.button-quiet{color:var(--color-blue);border-color:var(--color-border);background:0 0}.button-row{flex-wrap:wrap;gap:12px;display:flex}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:64px;min-height:710px;padding-block:85px 110px;display:grid}.eyebrow{color:var(--color-blue);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:.8rem;font-weight:800;display:flex}.hero h1{letter-spacing:-.065em;max-width:680px;margin:22px 0;font-size:clamp(3.25rem,6.2vw,5.25rem);line-height:1.02}.hero h1 span{color:var(--color-blue)}.hero-lead{color:#4c5562;max-width:620px;margin:0 0 30px;font-size:clamp(1.08rem,2vw,1.28rem)}.trust-list{color:#5a6370;flex-wrap:wrap;gap:20px;margin:32px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.trust-list li{align-items:center;gap:7px;display:flex}.trust-list svg{color:var(--color-success)}.hero-home{place-items:center;min-height:510px;display:grid;position:relative}.hero-home:before{content:"";background:var(--color-sky);opacity:.5;border-radius:48% 52% 54% 46%/52% 42% 58% 48%;position:absolute;inset:9% 5% 7%;transform:rotate(-6deg)}.sun-orb{opacity:.65;background:#f2c85d;border-radius:50%;width:110px;height:110px;position:absolute;top:5%;right:5%;box-shadow:0 0 0 24px #f2c85d29}.home-card{box-shadow:var(--shadow-card);background:#fffaf2ed;border:1px solid #ffffffb8;position:relative}.home-card-main{border-radius:32px;width:min(440px,90%);min-height:300px;padding:30px;transform:rotate(1.5deg)}.home-card-top{justify-content:space-between;align-items:center;gap:16px;padding-bottom:30px;display:flex}.brand-mini{color:var(--color-blue-deep);align-items:center;gap:7px;font-weight:750;display:flex}.status-dot{color:#285c42;background:#b8d9c38c;border-radius:999px;padding:6px 10px;font-size:.75rem}.mini-label{color:#6c7480;margin:0 0 8px;font-size:.88rem}.home-card-main h2{letter-spacing:-.04em;color:var(--color-blue-deep);margin:0;font-size:2rem;line-height:1.2}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.metric-grid span{color:#616a75;background:#fff;border-radius:16px;padding:15px;font-size:.8rem}.metric-grid strong{color:var(--color-blue);font-size:1.65rem;line-height:1.1;display:block}.floating-card{border-radius:18px;align-items:center;gap:12px;max-width:220px;padding:14px 17px;font-size:.78rem;display:flex;position:absolute}.floating-card strong{color:var(--color-blue-deep);display:block}.floating-card svg{color:var(--color-blue)}.floating-left{bottom:20%;left:0;transform:rotate(-4deg)}.floating-right{top:22%;right:-1%;transform:rotate(4deg)}.audience-band{background:var(--color-blue-deep);color:#fff;grid-template-columns:repeat(3,1fr);display:grid}.audience-band>div{border-right:1px solid #ffffff29;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:14px;min-height:170px;padding:35px 8%;display:grid}.audience-band svg{color:var(--color-sky);grid-row:span 2}.audience-band strong{font-size:1.08rem}.audience-band span{color:#ffffffb3;font-size:.86rem}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.security-section h2,.flow-panel h2,.cta-section h2{letter-spacing:-.05em;margin:12px 0 14px;font-size:clamp(2.15rem,4.2vw,3.45rem);line-height:1.1}.section-heading p,.security-section p{color:#5c6571;font-size:1.05rem}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid #1f263314;min-height:290px;padding:27px;box-shadow:0 12px 30px #1f263312}.feature-card h3{margin:34px 0 10px;font-size:1.25rem}.feature-card p{color:#5e6672;margin:0}.tone-sky{background:#eaf6ff}.tone-mint{background:#edf7ee}.tone-rose{background:#fff0f1}.tone-paper{background:var(--color-surface)}.icon-tile{width:50px;height:50px;color:var(--color-blue);background:#fff;border-radius:16px;place-items:center;display:grid;box-shadow:0 8px 22px #1f263314}.capability-strip{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:34px;display:flex}.capability-strip span{border:1px solid var(--color-border);color:#545d69;background:#fffaf2b3;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.88rem;display:inline-flex}.split-section{grid-template-columns:1fr 1fr;gap:22px;display:grid}.flow-panel{border-radius:36px;padding:clamp(30px,5vw,56px)}.flow-admin{background:var(--color-blue-deep);color:#fff}.flow-resident{background:var(--color-sky);color:var(--color-ink)}.flow-panel h2{font-size:clamp(2rem,3.5vw,3rem)}.panel-kicker{background:#ffffff2e;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:760;display:inline-block}.numbered-list{gap:4px;margin:34px 0 0;padding:0;list-style:none;display:grid}.numbered-list li{border-top:1px solid #fff3;grid-template-columns:46px 1fr;gap:12px;padding:18px 0;display:grid}.flow-resident .numbered-list li{border-color:#1f26331f}.numbered-list>li>span{opacity:.65;font-size:.75rem;font-weight:800}.numbered-list strong{font-size:1.02rem}.numbered-list p{opacity:.7;margin:2px 0 0;font-size:.9rem}.security-section{grid-template-columns:.75fr 1.25fr;align-items:center;gap:80px;display:grid}.security-visual{min-height:370px;color:var(--color-blue-deep);background:#b8d9c38c;border-radius:50%;place-items:center;display:grid;position:relative}.security-visual:before{content:"";border:1px dashed #1f4f824d;border-radius:50%;position:absolute;inset:16%}.orbit{background:var(--color-rose);border-radius:50%;width:18px;height:18px;position:absolute}.orbit-one{top:13%;right:22%}.orbit-two{background:var(--color-blue);bottom:14%;left:23%}.security-points{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.security-points span{border:1px solid var(--color-border);background:#fffaf2cc;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:.86rem;display:inline-flex}.text-link{color:var(--color-blue);align-items:center;gap:8px;font-weight:740;display:inline-flex}.demo-showcase{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#edf6fd 0%,#fffaf2 48%,#edf7ee 100%);border:1px solid #1f4f8226;border-radius:34px;padding:clamp(30px,5vw,56px);position:relative;overflow:hidden}.demo-showcase:after{content:"";border:32px solid #e897a724;border-radius:50%;width:220px;height:220px;position:absolute;top:-105px;right:-95px}.demo-showcase-head{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;display:grid;position:relative}.demo-showcase-head h2{max-width:820px;color:var(--color-blue-deep);letter-spacing:-.05em;margin:11px 0 10px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.demo-showcase-head p{color:#596671;max-width:850px;margin:0}.demo-account-grid{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px;display:grid;position:relative}.demo-account-card{background:#fffaf2e6;border:1px solid #1f4f821c;border-radius:19px;align-content:start;gap:13px;min-width:0;padding:17px;display:grid}.demo-account-card .icon-tile{border-radius:14px;width:43px;height:43px}.demo-account-card h3{color:var(--color-blue-deep);margin:0 0 3px;font-size:1rem}.demo-account-card code{color:var(--color-rose-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;display:block;overflow:hidden}.demo-account-card p{color:#66717b;margin:9px 0 0;font-size:.77rem}.demo-privacy-note{z-index:1;color:#586b61;align-items:center;gap:8px;margin:20px 0 0;font-size:.82rem;display:flex;position:relative}.demo-privacy-note svg{color:var(--color-success)}.faq-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.faq details{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;padding:19px 22px}.faq summary{cursor:pointer;font-weight:720}.faq details p{color:#5c6571;margin:12px 0 0}.cta-section{background:var(--color-blue);color:#fff;border-radius:36px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:250px;margin-bottom:96px;padding:45px;display:grid}.cta-section .eyebrow{color:var(--color-sky)}.cta-section h2{margin:6px 0 0;font-size:clamp(2rem,4vw,3.1rem)}.cta-icon{background:#ffffff24;border-radius:24px;place-items:center;width:76px;height:76px;display:grid}.public-footer{color:#fff;background:#152c49;padding:70px 0 25px}.public-footer .brand strong{color:var(--color-sky)}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-grid>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-grid p,.footer-grid a{color:#ffffffa6;font-size:.88rem}.footer-bottom{color:#ffffff80;border-top:1px solid #ffffff1f;justify-content:space-between;margin-top:45px;padding-top:20px;font-size:.78rem;display:flex}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand-panel{background:var(--color-blue-deep);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(35px,6vw,80px);display:flex}.auth-brand-panel h1{letter-spacing:-.055em;max-width:600px;margin:auto 0 20px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.05}.auth-brand-panel p{color:#ffffffb8;max-width:520px;font-size:1.05rem}.brand-inverse strong{color:var(--color-sky)}.auth-panel{background:var(--color-paper);place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(520px,100%);box-shadow:var(--shadow-card);border-radius:28px;padding:clamp(28px,5vw,46px)}.auth-card h2{letter-spacing:-.035em;margin:10px 0;font-size:2rem}.auth-card>p{color:#606975}.auth-card-wide{width:min(660px,100%)}.auth-legal{margin-top:22px}.demo-login-box{background:linear-gradient(145deg,#eaf4fbd1,#edf8f1b8);border:1px solid #1f4f822e;border-radius:20px;margin-top:26px;padding:20px;scroll-margin-top:24px}.demo-login-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.demo-login-heading h3{color:var(--color-blue-deep);margin:0}.demo-login-heading p{color:#66717c;margin:1px 0 0;font-size:.8rem}.demo-login-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-login-account{text-align:left;min-height:64px;color:var(--color-blue-deep);background:#fffaf2e6;border:1px solid #1f4f8221;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.demo-login-account:hover{border-color:#1f4f825c;transform:translateY(-2px);box-shadow:0 9px 22px #1f263314}.demo-login-account>svg{color:var(--color-blue)}.demo-login-account span{flex-direction:column;min-width:0;display:flex}.demo-login-account small{color:#69737e;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.demo-login-account .demo-login-action{color:var(--color-blue);font-size:.75rem;font-weight:780;display:block}.demo-login-note{color:#5f6d66;align-items:center;gap:7px;margin:13px 0 0;font-size:.76rem;display:flex}.demo-login-note svg{color:var(--color-success);flex:none}.form-stack{gap:18px;margin-top:26px;display:grid}.field{gap:7px;display:grid}.field label,.field>span{color:#3d4652;font-size:.86rem;font-weight:700}.field input,.field select,.field textarea,.community-switcher select{width:100%;min-height:48px;color:var(--color-ink);background:#fff;border:1px solid #1f26332e;border-radius:12px;padding:10px 13px}.input-with-icon{position:relative}.input-with-icon svg{color:#74808c;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.field textarea{resize:vertical;min-height:120px}.field-help{color:#707985;margin:0;font-size:.78rem}.form-error,.form-success,.form-info{border-radius:12px;padding:12px 14px;font-size:.86rem}.form-error{color:var(--color-danger);background:#fff0f1}.form-success{color:var(--color-success);background:#eaf7ef}.form-info{color:var(--color-blue-deep);background:#edf5fb}.preview-link{word-break:break-all;color:var(--color-blue);text-decoration:underline}.public-content{min-height:75vh;padding-block:72px 100px}.public-content article{max-width:820px}.public-content h1{letter-spacing:-.055em;font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.05}.public-content h2{margin-top:45px;font-size:1.65rem}.public-content p,.public-content li{color:#535c68}.app-frame{background:#f7f4ee;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#fff;background:#153d69;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;padding:0 8px 22px;display:flex}.sidebar-close{display:none!important}.sidebar-community{background:#ffffff14;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:11px;margin-bottom:20px;padding:13px;display:flex}.sidebar-community-mark{width:38px;height:38px;color:var(--color-sky);background:#b8d8ef2e;border-radius:12px;place-items:center;display:grid}.sidebar-community span:last-child{flex-direction:column;min-width:0;display:flex}.sidebar-community small,.sidebar-community em{color:#fff9;font-size:.68rem;font-style:normal}.sidebar-community strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.sidebar-nav{gap:3px;display:grid}.sidebar-nav a{color:#ffffffb8;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:9px 12px;font-size:.9rem;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#ffffff1c}.sidebar-nav a.active{box-shadow:inset 3px 0 0 var(--color-sky)}.sidebar-security{color:#ffffffb8;background:#b8d9c321;border-radius:12px;align-items:center;gap:9px;margin-top:auto;padding:12px;font-size:.72rem;display:flex}.app-main{min-width:0}.app-topbar{z-index:20;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2eb;align-items:center;gap:18px;min-height:76px;padding:12px 28px;display:flex;position:sticky;top:0}.community-switcher{width:min(360px,45vw);position:relative}.community-switcher select{appearance:none;background:#fff;padding-right:38px;font-size:.86rem}.community-switcher svg{pointer-events:none;color:#69727d;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.account-summary{align-items:center;gap:10px;margin-left:auto;display:flex}.account-summary>span:nth-child(2){flex-direction:column;display:flex}.account-summary strong{font-size:.82rem}.account-summary small{text-overflow:ellipsis;color:#717a85;max-width:230px;font-size:.7rem;overflow:hidden}.avatar{background:var(--color-sky);width:38px;height:38px;color:var(--color-blue-deep);border-radius:12px;place-items:center;font-weight:800;display:grid}.icon-button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-button:hover{background:#1f4f8214}.mobile-menu{display:none}.app-content{width:min(1220px,100%);margin-inline:auto;padding:34px}.page-head{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:26px;display:flex}.page-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,3.6vw,2.55rem);line-height:1.15}.page-head p{color:#68717c;margin:7px 0 0}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stat-card,.panel-card,.list-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 8px 25px #1f26330d}.stat-card{flex-direction:column;justify-content:space-between;min-height:140px;padding:19px;display:flex}.stat-card-top{color:#6a7380;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.stat-icon{width:36px;height:36px;color:var(--color-blue);background:#eaf4fb;border-radius:11px;place-items:center;display:grid}.stat-card strong{color:var(--color-blue-deep);font-size:2.1rem;line-height:1}.stat-card small{color:#707985}.content-grid{grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px;display:grid}.panel-card{padding:22px}.panel-card h2{margin:0 0 15px;font-size:1.08rem}.checklist{gap:11px;padding:0;list-style:none;display:grid}.checklist li{border-bottom:1px solid #1f263314;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.checklist li:last-child{border:0}.checklist span{align-items:center;gap:9px;display:flex}.list-stack{gap:12px;display:grid}.list-card{padding:18px}.list-card-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.list-card h3{margin:0 0 4px;font-size:1rem}.list-card p{color:#69727e;margin:0;font-size:.84rem}.list-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-badge{color:#58616d;background:#edf1f4;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:.7rem;font-weight:720;display:inline-flex}.status-active,.status-published,.status-accepted,.status-sent{color:var(--color-success);background:#e7f5ec}.status-draft,.status-opened{color:var(--color-blue);background:#edf5fb}.status-archived,.status-expired,.status-revoked,.status-inactive,.status-suspended{color:#78646a;background:#f2eeee}.status-important{color:var(--color-danger);background:#fff0f1}.form-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:18px;padding:22px}.form-card h2{margin:0 0 8px;font-size:1.12rem}.form-card>p{color:#6b7480;margin:0 0 18px;font-size:.86rem}.tabs{background:#edf1f4;border-radius:12px;gap:6px;width:max-content;margin-bottom:20px;padding:4px;display:flex}.tabs button{color:#646e79;background:0 0;border:0;border-radius:9px;min-height:40px;padding:7px 13px}.tabs button.active{color:var(--color-blue-deep);background:#fff;font-weight:720;box-shadow:0 5px 16px #1f263314}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.form-grid .span-2{grid-column:span 2}.checkbox-row{flex-wrap:wrap;gap:18px;display:flex}.checkbox-row label{align-items:center;gap:8px;min-height:44px;font-size:.84rem;display:inline-flex}.empty-state{text-align:center;border-radius:var(--radius-md);background:#b8d8ef1f;border:1px dashed #1f4f8240;padding:42px 24px}.empty-state svg{color:var(--color-blue);margin:0 auto 12px}.empty-state h3{margin:0 0 6px}.empty-state p{color:#6b7480;margin:0 0 18px}.empty-state.compact{padding:26px 16px}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:700px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #1f263314;padding:13px 15px;font-size:.82rem}.data-table th{color:#59626e;background:#b8d8ef26;font-weight:760}.data-table tr:last-child td{border-bottom:0}.toast-line{margin:12px 0}.danger-text{color:var(--color-danger)!important}.muted{color:#717a85}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notice-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:14px;padding:18px;display:flex}.notice-card.unread{border-left:4px solid var(--color-blue)}.notice-card-icon{width:40px;height:40px;color:var(--color-blue);background:#eaf4fb;border-radius:12px;flex:none;place-items:center;display:grid}.notice-card h3{margin:0 0 4px;font-size:.98rem}.notice-card p{color:#67717d;margin:0;font-size:.85rem}.announcement-detail.unread{border-left:5px solid var(--color-blue)}.announcement-detail h2{margin:18px 0 8px;font-size:1.35rem}.announcement-content{white-space:pre-wrap;font-size:.95rem!important}.announcement-actions{justify-content:flex-end;margin-top:18px;display:flex}.small-stat{font-size:1.15rem!important;line-height:1.25!important}.action-field{justify-content:end}.action-field .button{align-self:end}.onboarding-page{background:linear-gradient(145deg,var(--color-paper),#edf5fb);min-height:100vh}.onboarding-top{justify-content:space-between;align-items:center;min-height:72px;display:flex}.onboarding-shell{width:min(920px,100% - 36px);margin:0 auto;padding:45px 0 90px}.onboarding-shell>.eyebrow{justify-content:center}.onboarding-shell>h1{text-align:center;letter-spacing:-.05em;max-width:720px;margin:14px auto 10px;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.08}.onboarding-lead{text-align:center;color:#606976;max-width:650px;margin:0 auto 34px}.role-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.role-card{border:1px solid var(--color-border);background:var(--color-surface);min-height:300px;box-shadow:var(--shadow-card);border-radius:26px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}.role-card-icon{width:58px;height:58px;color:var(--color-blue);background:#eaf4fb;border-radius:18px;place-items:center;display:grid}.role-card h2{margin:28px 0 8px;font-size:1.55rem}.role-card p{color:#616b77;margin:0 0 24px}.role-card .button{margin-top:auto}.step-list{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.step-list span{background:#1f4f8224;border-radius:999px;width:34px;height:7px}.step-list span.active{background:var(--color-blue)}.onboarding-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:28px;padding:clamp(24px,5vw,44px)}.onboarding-card h2{margin:0 0 8px;font-size:1.65rem}.onboarding-actions{justify-content:space-between;gap:12px;margin-top:26px;display:flex}.pending-invitations{background:#edf8f1;border:1px solid #2f7d5b38;border-radius:20px;margin-bottom:22px;padding:20px}.pending-title{align-items:flex-start;gap:12px;display:flex}.pending-title svg{color:var(--color-success)}.pending-title p{color:#5c6e65;margin:2px 0 0;font-size:.85rem}.pending-row{border-top:1px solid #2f7d5b26;justify-content:space-between;gap:18px;margin-top:14px;padding-top:13px;display:flex}.pending-row span{flex-direction:column;display:flex}.pending-row small,.pending-row time{color:#607067;font-size:.76rem}.review-summary{gap:10px;display:grid}.review-summary>div{background:#b8d8ef24;border-radius:13px;flex-direction:column;padding:14px;display:flex}.review-summary span{color:#68727d;font-size:.72rem}.review-summary strong{color:var(--color-blue-deep)}.review-summary small{color:#6d7782}.invitation-card .role-card-icon{margin-bottom:22px}.invitation-card .button{width:100%;margin-top:20px}.verify-card{text-align:center}.verify-card>svg{margin:0 auto 16px}.success-icon{color:var(--color-success)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-bottom-nav{display:none}.form-title-row,.section-title-row{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.form-title-row{justify-content:flex-start}.form-title-row .role-card-icon{border-radius:15px;flex:none;width:48px;height:48px}.form-title-row h2,.section-title-row h2{margin:0 0 4px}.form-title-row p,.section-title-row p{color:#68727d;margin:0;font-size:.86rem}.section-title-row>svg{color:var(--color-blue)}.inline-field{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.scanner-control{gap:4px;display:grid}.scanner-error{max-width:260px;color:var(--color-warning)}.scanner-sheet{z-index:100;color:#fff;background:#0d1d31f5;grid-template-rows:auto minmax(0,1fr);padding:18px;display:grid;position:fixed;inset:0}.scanner-head{justify-content:space-between;align-items:center;gap:12px;width:min(760px,100%);margin:0 auto;display:flex}.scanner-head span{align-items:center;gap:9px;font-weight:750;display:flex}.scanner-viewport{background:#07111e;border-radius:24px;width:min(760px,100%);height:min(72vh,760px);margin:18px auto 0;position:relative;overflow:hidden}.scanner-viewport video{object-fit:cover;width:100%;height:100%}.scanner-frame{border:3px solid var(--color-sky);border-radius:20px;position:absolute;inset:24% 8%;box-shadow:0 0 0 999px #05101e59}.scanner-frame:after{content:"";background:var(--color-rose);height:2px;box-shadow:0 0 12px var(--color-rose);position:absolute;top:50%;left:5%;right:5%}.camera-upload{min-height:92px;color:var(--color-blue);cursor:pointer;background:linear-gradient(135deg,#b8d8ef38,#b8d9c32e);border:1px dashed #1f4f8257;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.camera-upload span{flex-direction:column;display:flex}.camera-upload strong{color:var(--color-blue-deep)}.camera-upload small{color:#6a7480;font-size:.76rem}.card-reader-panel{background:radial-gradient(circle at 90% 10%,#e897a72e 0 8px,transparent 9px),radial-gradient(circle at 94% 18%,#1f4f8221 0 5px,transparent 6px),var(--color-surface);margin-bottom:18px}.reader-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.reader-result{color:var(--color-success);background:#edf8f1;border-radius:14px;gap:4px;padding:14px;display:grid}.reader-result span,.reader-result small{color:#5f7167}.reader-permission-note{background:#eaf4fba8;border:1px solid #1f4f8229;border-radius:16px;align-items:flex-start;gap:12px;min-height:100%;padding:18px;display:flex}.reader-permission-note>svg{color:var(--color-blue);flex:none}.reader-permission-note p{color:#63707b;margin:4px 0 0;font-size:.82rem}.permission-chip{min-height:44px;color:var(--color-success);background:#edf8f1;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:740;display:inline-flex}.package-summary{justify-items:start;gap:5px;display:grid}.package-summary .text-link{margin-top:4px;font-size:.78rem}.pickup-form{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-top:16px;padding-top:16px;display:grid}.status-notified,.status-received,.status-open{color:var(--color-success);background:#e7f5ec}.status-picked_up,.status-closed{color:var(--color-blue);background:#edf5fb}.status-returned,.status-misregistered{color:var(--color-danger);background:#fff0f1}.status-scheduled{color:var(--color-warning);background:#fff5df}.package-hero-pattern{color:#fff;background-color:var(--color-blue-deep);background-image:radial-gradient(circle at 86% 22%,#b8d8ef52 0 8px,#0000 9px),radial-gradient(circle at 92% 36%,#e897a766 0 5px,#0000 6px),linear-gradient(115deg,#0000 0 68%,#ffffff0f 68% 70%,#0000 70% 76%,#ffffff0a 76% 78%,#0000 78%);border-radius:26px;justify-content:space-between;align-items:center;gap:30px;min-height:165px;margin-bottom:20px;padding:26px;display:flex;position:relative;overflow:hidden}.package-hero-pattern>div{align-items:center;gap:18px;display:flex}.package-hero-pattern .icon-tile{color:var(--color-blue-deep)}.package-hero-pattern strong{font-size:2.8rem;line-height:1;display:block}.package-hero-pattern span{color:#ffffffbd}.package-hero-pattern p{color:#ffffffbf;max-width:430px;margin:0}.resident-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.resident-package-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 32px #1f263312}.resident-package-card:after{content:"";border:20px solid #b8d8ef4d;border-radius:50%;width:130px;height:130px;position:absolute;top:-55px;right:-55px}.resident-package-top{z-index:1;color:#66717c;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex;position:relative}.resident-package-card h2{color:var(--color-blue-deep);margin:18px 0 4px}.tracking-code{color:#626d79;word-break:break-all;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;display:flex}.pickup-code{background:linear-gradient(135deg,#eaf6ff,#edf7ee);border-radius:18px;justify-items:center;margin:20px 0;padding:18px;display:grid}.pickup-code small,.pickup-code span{color:#67727b;font-size:.74rem}.pickup-code strong{color:var(--color-blue-deep);letter-spacing:.2em;margin:4px 0;font-size:2rem}.package-meta{gap:8px;display:grid}.package-meta div{justify-content:space-between;gap:14px;display:flex}.package-meta dt{color:#6a7480;align-items:center;gap:6px;font-size:.78rem;display:flex}.package-meta dd{margin:0;font-size:.8rem;font-weight:700}.progress-track{background:#e9ecef;border-radius:99px;height:8px;margin-top:16px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--color-mint),var(--color-blue));height:100%;display:block}.gas-active-card{background:linear-gradient(135deg,#dceefb 0%,#edf7ee 60%,#fff0f1 100%);border-radius:28px;grid-template-columns:.8fr 1.2fr;gap:34px;margin-bottom:20px;padding:clamp(22px,4vw,34px);display:grid;position:relative;overflow:hidden}.gas-active-card:before{content:"";border:28px solid #1f4f8214;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-100px;right:-80px}.gas-active-copy{z-index:1;position:relative}.gas-active-copy h2{color:var(--color-blue-deep);margin:14px 0 8px;font-size:1.6rem}.gas-active-copy p{color:#566773}.gas-active-copy time{color:var(--color-warning);font-weight:740}.gas-reading-form{z-index:1;background:#fffaf2e0;border:1px solid #ffffffb3;border-radius:20px;padding:22px;position:relative}.meter-input{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.meter-input>svg{color:var(--color-blue)}.meter-input span{color:#68737d;font-weight:700}.meter-history{gap:10px;display:grid}.meter-history article{border-bottom:1px solid #1f263314;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.meter-history article:last-child{border:0}.meter-history span{flex-direction:column;display:flex}.meter-history span:last-child{text-align:right}.meter-history time,.meter-history small{color:#727b84;font-size:.74rem}.ops-frame{background-color:#f4f1eb;background-image:radial-gradient(circle at 2% 4%,#b8d8ef47 0 5px,#0000 6px),radial-gradient(circle at 98% 92%,#e897a733 0 8px,#0000 9px);min-height:100vh}.ops-header{z-index:30;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2f0;align-items:center;gap:20px;min-height:76px;padding:12px max(22px,50vw - 660px);display:flex;position:sticky;top:0}.ops-header nav{gap:4px;display:flex}.ops-header nav a{color:#66717c;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:8px 11px;font-size:.82rem;font-weight:730;display:flex}.ops-header nav a.active,.ops-header nav a:hover{color:var(--color-blue-deep);background:#eaf4fb}.ops-account{align-items:center;gap:10px;margin-left:auto;display:flex}.ops-account>svg{color:var(--color-success)}.ops-account span{flex-direction:column;display:flex}.ops-account small{color:#6d7680}.ops-content{width:min(1320px,100% - 44px);margin:0 auto;padding:40px 0 80px}.ops-dashboard{grid-template-columns:repeat(4,1fr)}.ops-health-card{background:linear-gradient(145deg,var(--color-surface),#edf5fb)}.ops-email-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.ops-email-metrics div{background:#ffffffc7;border-radius:15px;padding:16px}.ops-email-metrics strong{color:var(--color-blue-deep);font-size:1.7rem;display:block}.ops-email-metrics span{color:#6c7680;font-size:.78rem}.ops-mobile-nav{display:none}.ops-user-summary{align-items:center;gap:13px;display:flex}.role-card-icon.small{border-radius:14px;width:44px;height:44px}.service-health-card{min-height:220px}.service-state{margin:16px 0 4px;font-size:2rem;display:block}.service-state.is-up,.health-summary.is-up{color:var(--color-success)}.service-state.is-down,.health-summary.is-down{color:var(--color-danger)}.health-summary{background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-weight:780;display:inline-flex}@media (width<=1020px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:760px}.hero-home{min-height:450px}.feature-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.demo-account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-frame{grid-template-columns:230px minmax(0,1fr)}.app-content{padding:26px}.account-summary>span:nth-child(2){display:none}.pickup-form{grid-template-columns:1fr 1fr}.reader-grid{grid-template-columns:1fr}.ops-header nav{display:none}.ops-content{padding-bottom:95px}.ops-mobile-nav{z-index:40;min-height:68px;padding:6px max(8px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2f7;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.ops-mobile-nav a{color:#69727d;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;padding:5px 7px;font-size:.62rem;display:flex}.ops-mobile-nav a.active{color:var(--color-blue-deep);background:#eaf4fb;font-weight:760}}@media (width<=760px){.section-shell{width:min(100% - 28px,1180px)}.section-block{padding-block:66px}.public-nav{min-height:68px}.nav-links{display:none}.public-nav .button{margin-left:auto}.hero{gap:15px;min-height:auto;padding-block:55px 70px}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-home{min-height:420px}.floating-left{left:-3%}.floating-right{right:-4%}.trust-list{gap:10px 18px}.audience-band{grid-template-columns:1fr}.audience-band>div{border-bottom:1px solid #ffffff26;border-right:0;min-height:120px;padding:25px 10%}.feature-grid,.split-section,.faq-grid,.security-section,.footer-grid,.role-grid{grid-template-columns:1fr}.security-section{gap:35px}.security-visual{min-height:280px}.demo-showcase-head,.demo-account-grid{grid-template-columns:1fr}.demo-showcase-head{align-items:start}.demo-showcase-head .button{justify-self:start}.cta-section{text-align:left;grid-template-columns:1fr}.cta-section .button{justify-self:start}.footer-bottom{flex-direction:column;gap:6px}.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:330px}.auth-panel{padding:24px 16px}.demo-login-list{grid-template-columns:1fr}.app-frame{display:block}.app-sidebar{z-index:60;width:min(300px,88vw);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-105%)}.app-sidebar.is-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-grid!important}.sidebar-backdrop{z-index:50;background:#141e2d73;border:0;position:fixed;inset:0}.app-topbar{min-height:68px;padding:10px 14px}.community-switcher{width:min(52vw,330px)}.app-content{padding:22px 15px 80px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.page-head{flex-direction:column}.list-card-row{flex-direction:column;align-items:flex-start}.list-card-actions{width:100%}.mobile-bottom-nav{z-index:40;min-height:66px;padding:6px max(8px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2f5;justify-content:space-around;align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#69727d;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:54px;padding:5px 7px;font-size:.64rem;display:flex}.mobile-bottom-nav a.active{color:var(--color-blue-deep);background:#eaf4fb;font-weight:760}.inline-field{grid-template-columns:1fr}.inline-field .button{width:100%}.pickup-form,.resident-package-grid{grid-template-columns:1fr}.package-hero-pattern{flex-direction:column;align-items:flex-start;gap:14px}.gas-active-card{grid-template-columns:1fr}.ops-header{padding-inline:14px}.ops-account span{display:none}.ops-content{width:min(100% - 28px,1320px);padding-top:24px}}@media (width<=420px){.hero h1{font-size:2.75rem}.button-row .button{width:100%}.home-card-main{padding:23px}.floating-card{max-width:185px}.feature-grid,.dashboard-grid,.metric-grid{grid-template-columns:1fr}.account-summary .avatar{display:none}.community-switcher{width:calc(100vw - 125px)}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}