:root{color:#2c3e50;font-synthesis:none;text-rendering:optimizelegibility;background:#e0f6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overscroll-behavior:none}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}.shell{isolation:isolate;background:linear-gradient(45deg,#0000 30%,#ffffff1f 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ffffff1f 50%,#0000 70%),linear-gradient(#87ceeb 0%,#e0f6ff 32%,#f0f8ff 68%,#edf6ee 100%);min-height:100vh;position:relative}.shell:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#0000 0%,#9effff73 18%,#2c3e5038 100%);height:42vh;position:fixed;inset:auto 0 0}.shell:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(0% 100%,31% 100%,45% 38%,51% 64%,61% 0%,75% 67%,84% 41%,100% 73%,100% 100%);background:linear-gradient(#fff 0% 41%,#0000 46% 100%),linear-gradient(45deg,#0000 10%,#8c725e 50%,#0000 60%),linear-gradient(-45deg,#0000 10%,#876f5c8c 40%,#0000 50%);height:42vh;position:fixed;bottom:0;left:0;right:0}.atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sun{background:radial-gradient(circle,gold,orange 70%,#ff8c00);border-radius:999px;width:82px;height:82px;animation:4s ease-in-out infinite sunShine;position:absolute;top:5%;right:8%;box-shadow:0 0 70px #ffd700b3}.cloud{opacity:.76;filter:blur(.1px);background:#ffffffc7;border-radius:999px;position:absolute}.cloud:before,.cloud:after{content:"";background:#ffffffc7;border-radius:999px;position:absolute}.cloud-a{width:92px;height:34px;animation:28s linear infinite cloudMove;top:21%;left:-120px}.cloud-a:before{width:52px;height:52px;top:-23px;left:12px}.cloud-a:after{width:62px;height:42px;top:-14px;right:10px}.cloud-b{width:120px;height:42px;animation:36s linear 7s infinite cloudMove;top:43%;left:-160px}.cloud-b:before{width:68px;height:68px;top:-30px;left:18px}.cloud-b:after{width:76px;height:52px;top:-20px;right:16px}.bird{clip-path:polygon(52% 56%,13% 28%,49% 88%,61% 71%,75% 52%,94% 26%);opacity:.55;background:#2c3e50a6;width:22px;height:12px;position:absolute}.bird-a{animation:27s linear infinite birdFly;top:17%;left:-40px}.bird-b{animation:34s linear 8s infinite birdFly;top:31%;left:-70px}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(calc(100vw + 260px))}}@keyframes birdFly{0%{transform:translate(0)translateY(0)}45%{transform:translate(55vw)translateY(-12px)}to{transform:translate(calc(100vw + 120px))translateY(4px)}}@keyframes sunShine{0%,to{transform:scale(1);box-shadow:0 0 55px #ffd7009e}50%{transform:scale(1.05);box-shadow:0 0 86px #ffd700d1}}@keyframes spinCog{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageEnter{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa3;border:1px solid #ffffffa6;border-radius:999px;justify-content:space-between;align-items:center;gap:.55rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:.7rem;display:flex;position:sticky;top:1rem;box-shadow:0 12px 36px #2c3e501f}.brand{letter-spacing:.03em;background:linear-gradient(135deg,#fff,#c8efff);border-radius:999px;place-items:center;min-width:2.6rem;min-height:2.6rem;padding:0 .95rem;font-family:Georgia,Times New Roman,serif;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #2c3e5014}nav{color:#2c3e50;align-items:center;gap:.35rem;display:flex}nav a,.link-button{color:#2c3e50;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1rem;font-size:.86rem;font-weight:800;transition:background .2s,box-shadow .2s,transform .2s;display:flex}nav a:hover,.link-button:hover{background:#ffffffe0;transform:translateY(-1px);box-shadow:0 8px 22px #2c3e501f}.link-button{cursor:pointer;background:0 0;border:0}main{width:min(1180px,100% - 2rem);margin:0 auto;padding:5rem 0 7rem}.page-transition{animation:.42s cubic-bezier(.2,.8,.2,1) both pageEnter}.hero-panel{text-align:left;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:2rem;min-height:72vh;display:grid}.eyebrow{color:#5a6c7d;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.85rem,1.5vw,1rem);font-weight:800}h1{color:#2c3e50;text-shadow:2px 2px 4px #00000014;letter-spacing:-.065em;margin:0 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,10vw,7rem);font-weight:800;line-height:.9}h2{letter-spacing:-.04em;color:#2c3e50;margin:0 0 .75rem}h3{margin:.5rem 0}.lede{color:#5a6c7d;max-width:680px;font-size:clamp(1.15rem,2.4vw,1.65rem);line-height:1.48}.actions,.split,.section-heading.split{justify-content:space-between;align-items:center;gap:1rem;display:flex}.actions{justify-content:flex-start;margin-top:2rem}.actions.compact{margin-top:0}.primary,.secondary,button{cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:900}.primary{color:#fff;background:#2c3e50;display:inline-flex;box-shadow:0 12px 28px #2c3e502e}.secondary,button{color:#2c3e50;background:#ffffffd1;box-shadow:inset 0 0 0 1px #2c3e501f}.danger{color:#fff;background:#9b1c1ceb;box-shadow:0 12px 28px #9b1c1c2e}.compact-button{padding:.55rem .8rem;font-size:.84rem}.score-card,.card,.metric{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;border:1px solid #ffffffb8;border-radius:1.6rem;box-shadow:0 18px 46px #2c3e5024}.score-card{flex-direction:column;justify-content:flex-end;min-height:320px;padding:2rem;display:flex}.score-card span,.metric span,.account-card span,.status-card span{color:#5a6c7d;text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;font-weight:900}.score-card strong{letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-size:2.15rem;line-height:1.05}.card{margin-bottom:1rem;padding:1.5rem}.loading-card{text-align:center;animation:.45s both riseIn}.loading-card h1{font-size:clamp(2.2rem,6vw,4.2rem)}.cog-loader{background:#ffffff75;border-radius:999px;place-items:center;width:84px;height:84px;margin:0 auto 1.25rem;display:grid;box-shadow:inset 0 0 0 1px #ffffffb8,0 18px 36px #2c3e501f}.cog-loader svg{fill:#2c3e50;transform-origin:50%;width:56px;height:56px;animation:1.15s linear infinite spinCog}.cog-loader circle{fill:#e0f6ff}.first-audit{text-align:center;max-width:780px;margin:4rem auto;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.first-audit:before{content:"";clip-path:polygon(0 100%,22% 100%,39% 18%,52% 72%,66% 0,84% 100%,100% 100%);pointer-events:none;background:linear-gradient(45deg,#0000 8%,#8c725e47 48%,#0000 58%),linear-gradient(-45deg,#0000 12%,#2c3e502e 44%,#0000 54%);height:8rem;position:absolute;bottom:-2rem;left:8%;right:8%}.first-audit.compact{max-width:none;margin:1rem 0}.first-audit span{color:#5a6c7d;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:900}.first-audit h1{font-size:clamp(2.8rem,8vw,5.5rem)}.first-audit p{max-width:620px;margin:0 auto}.first-audit .actions{justify-content:center}.narrow{max-width:640px;margin:4rem auto}.section-heading{margin-bottom:2rem}.section-heading h1{font-size:clamp(2.5rem,6vw,5rem)}.section-heading p,.card p{color:#5a6c7d;line-height:1.55}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.account-card{flex-direction:column;gap:.65rem;display:flex}.account-card strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metrics.mini{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:1.2rem}.metric strong{letter-spacing:-.06em;margin-top:.5rem;font-size:2.25rem;display:block}.metric .small-value{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:.95rem}.audit-row,.settings-row{border-top:1px solid #2c3e501a;grid-template-columns:120px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.audit-row-actions{border-top:1px solid #2c3e501a;grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.audit-row-actions .audit-row{border-top:0}.status-card{gap:.4rem;display:grid}.status-card strong{text-transform:capitalize;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.running-audit-card{max-width:820px;margin:4rem auto;padding:clamp(1.5rem,4vw,3rem);animation:.45s both riseIn}.running-audit-card span{color:#5a6c7d;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:900}.running-audit-card h1{font-size:clamp(3rem,8vw,6rem)}.running-audit-card p{font-size:1.2rem}.progress-meta{color:#5a6c7d;justify-content:space-between;align-items:center;margin:1.5rem 0 .75rem;display:flex}.progress-meta strong{color:#2c3e50;font-size:1.3rem}.progress{background:#2c3e501f;border-radius:999px;height:12px;overflow:hidden}.progress div{background:linear-gradient(90deg,#7aa36f,#f2a900 70%,#8c725e);height:100%;transition:width .3s}.audit-progress{height:16px}.audit-progress div{background:linear-gradient(90deg,#1f7899,#7aa36f,#f2a900) 0 0/200% 100%;animation:1.8s linear infinite shimmer}.finding{border-top:1px solid #2c3e501a;padding:1rem 0}.badge{text-transform:uppercase;background:#ffffffbf;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:900;display:inline-flex}.badge.critical,.badge.high{color:#fff;background:#2c3e50}.badge.medium{color:#fff7e6;background:#8c725e}.badge.low{color:#1f7899;background:#d2f2ff}.badge.info{color:#315f35;background:#e7f7e6}.error{color:#9b1c1c}.error-panel>.split>strong{letter-spacing:-.08em;color:#8c725e;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4rem)}.note{color:#5a6c7d;font-size:.9rem}.action-plan .split>span{color:#1f7899;background:#d2f2ffd1;border-radius:999px;padding:.35rem .75rem;font-weight:900}.action-list{gap:.75rem;display:grid}.action-item{background:#ffffff7a;border:1px solid #ffffffb3;border-radius:1.1rem;grid-template-columns:2.6rem 1fr;gap:1rem;padding:1rem;display:grid}.action-item b{color:#fff;background:#2c3e50;border-radius:999px;place-items:center;width:2.3rem;height:2.3rem;display:grid}.action-item p{margin:.35rem 0 0}.terrain-bars{gap:.75rem;margin-top:1rem;display:grid}.terrain-bars div{grid-template-columns:150px 1fr auto;align-items:center;gap:.75rem;display:grid}.terrain-bars span{color:#5a6c7d;text-transform:capitalize;font-weight:800}.terrain-bars i{background:linear-gradient(90deg,#1f7899,#8c725e);border-radius:999px;height:12px;display:block}.terrain-bars strong{text-align:right}.billing-panel .split>span,.best-practices-panel .split>span{color:#1f7899;text-transform:uppercase;background:#d2f2ffd1;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:900}.subscription-list{gap:.75rem;display:grid}.subscription-list article{border-top:1px solid #2c3e501a;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.85rem 0;display:grid}.subscription-list span{color:#5a6c7d;text-transform:capitalize}.subscription-list small{color:#2c3e50;font-weight:800}.best-practice-list{gap:.75rem;display:grid}.best-practice-list article{background:#ffffff7a;border:1px solid #ffffffb8;border-radius:1rem;grid-template-columns:100px 1fr;gap:1rem;padding:1rem;display:grid}.best-practice-list article>span{text-transform:uppercase;color:#1f7899;background:#d2f2ff;border-radius:999px;width:fit-content;height:fit-content;padding:.25rem .55rem;font-size:.72rem;font-weight:900}.best-practice-list article.warning>span,.best-practice-list article.failed>span{color:#fff7e6;background:#8c725e}.best-practice-list p{margin:.25rem 0 0}.graph-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin:1rem 0;display:grid}.graph-card{flex-direction:column;gap:1rem;min-height:430px;display:flex}.graph-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.graph-heading span{color:#fff;background:#2c3e50;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:900}.chart-canvas{height:230px;min-height:230px;position:relative}.compact-bars{gap:.55rem;display:grid}.compact-bar{grid-template-columns:minmax(80px,.8fr) minmax(120px,2fr) auto;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.compact-bar span{text-overflow:ellipsis;white-space:nowrap;color:#5a6c7d;overflow:hidden}.compact-bar div{background:#2c3e501f;border-radius:999px;height:8px;overflow:hidden}.compact-bar i{border-radius:inherit;background:#1f7899;height:100%;display:block}.compact-bar strong{text-align:right;color:#2c3e50;font-size:.8rem}.limit-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.limit-card{flex-direction:column;gap:.75rem;display:flex}.limit-card span{color:#5a6c7d;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.limit-card strong{letter-spacing:-.04em;font-size:1.3rem}@media (width<=760px){.hero-panel,.metrics,.metrics.mini{grid-template-columns:1fr}.topbar,nav,.actions,.split,.section-heading.split{border-radius:1.5rem;flex-direction:column;align-items:stretch}nav,nav a,.link-button{width:100%}.audit-row,.settings-row,.audit-row-actions,.compact-bar,.terrain-bars div,.subscription-list article,.best-practice-list article,.action-item,.graph-grid{grid-template-columns:1fr}}
