:root{--bg:#eef2ec;--surface:#fbfcf9eb;--surface-strong:#fff;--surface-soft:#f3f6f0;--text:#10211d;--muted:#5e6c67;--line:#10211d1f;--line-strong:#10211d33;--accent:#0f766e;--accent-deep:#123c3a;--accent-soft:#0f766e1f;--gold:#b8995f;--danger:#9d3f3f;--shadow:0 24px 60px -32px #1628233d;--radius-xl:34px;--radius-lg:28px;--radius-md:22px;--radius-sm:18px;--container:1220px;--transition:.7s cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0f766e24, transparent 26%), radial-gradient(circle at 85% 10%, #b8995f24, transparent 22%), linear-gradient(180deg, #f8faf6 0%, var(--bg) 100%);min-height:100dvh;color:var(--text);margin:0;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100dvh}img{max-width:100%;display:block}p{color:var(--muted);margin:0;line-height:1.75}h1,h2,h3,strong,b{letter-spacing:-.04em}h1{max-width:13ch;margin:22px 0 18px;font-size:clamp(2.3rem,3.8vw,4.1rem);line-height:.98}h2{max-width:17ch;margin:14px 0;font-size:clamp(1.7rem,2.5vw,2.45rem);line-height:1.05}h3{margin:0 0 12px;font-size:1.35rem}ul,ol{margin:0;padding:0}.app-shell{min-height:100dvh;position:relative;overflow:hidden}.noise-layer{pointer-events:none;opacity:.04;background-image:linear-gradient(#10211d1f 1px,#0000 1px),linear-gradient(90deg,#10211d1f 1px,#0000 1px);background-size:150px 150px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 86%);mask-image:radial-gradient(circle,#000 42%,#0000 86%)}.topbar,.page-main,.hero,.band{width:min(calc(100% - 32px), var(--container));margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf9d6;border:1px solid #ffffffd1;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding:14px 18px 14px 22px;display:flex;position:sticky;top:24px;box-shadow:inset 0 1px #ffffffd6,0 14px 28px -24px #10211d59}.brand-mark{align-items:center;gap:14px;font-weight:700;display:inline-flex}.brand-mark img{width:44px;height:44px}.brand-mark small,.metric small,.status-header span,.contact-grid small,.service-label,.metric-card small{color:var(--muted);font-size:.78rem;display:block}.nav-links,.footer-links,.topbar-actions,.hero-actions{align-items:center;gap:14px;display:flex}.nav-links{color:var(--muted);gap:22px}.nav-links a{transition:transform var(--transition), color var(--transition)}.nav-links a.active,.nav-links a:hover{color:var(--text);transform:translateY(-1px)}.button,.auth-toggle button{color:var(--text);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:8px 10px 8px 20px;font-weight:600;display:inline-flex}.button span{width:34px;height:34px;transition:transform var(--transition);background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.button:hover,.auth-toggle button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(4px,-1px)}.button:active,.auth-toggle button:active{transform:scale(.985)}.button-primary{color:#f7fffc;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);box-shadow:0 16px 28px -22px #0f766e8c}.button-secondary,.small-button,.cart-button{border-color:var(--line);background:#fbfcf9d1}.button-primary.small-button{color:#f7fffc;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);border-color:#0000}.small-button{padding:10px 16px}.button-disabled{opacity:.6;pointer-events:none}.cart-button b{background:var(--accent-soft);min-width:24px;height:24px;color:var(--accent-deep);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.floating-path{z-index:8;gap:12px;display:grid;position:fixed;bottom:24px;right:24px}.floating-card,.floating-stats{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf9d6;border:1px solid #ffffffdb;border-radius:26px}.floating-card{align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.floating-stats{gap:10px;padding:14px 16px;display:grid}.floating-stats div{color:var(--muted);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.clickable-card{transition:transform var(--transition), box-shadow var(--transition)}.clickable-card:hover{transform:translateY(-4px)}.hero,.section-grid,.two-column-detail,.dashboard-detail-grid,.auth-layout{gap:28px;display:grid}.hero{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;min-height:calc(100dvh - 140px);padding:42px 0 74px}.hero-copy p,.section-heading p,.page-hero p{max-width:62ch;font-size:1.02rem}.eyebrow,.service-label{text-transform:uppercase;letter-spacing:.12em;border-radius:999px;align-items:center;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:.74rem;display:inline-flex}.eyebrow{background:#fbfcf9c2;border:1px solid #ffffffe0;box-shadow:inset 0 1px #ffffffc2}.service-label{color:var(--accent);padding:0}.hero-points,.content-list,.number-list{gap:12px;display:grid}.hero-points,.content-list{list-style:none}.hero-points li,.content-list li{padding-left:22px;position:relative}.hero-points li:before,.content-list li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 6px var(--accent-soft);border-radius:999px;position:absolute;top:10px;left:0}.number-list{color:var(--muted);padding-left:20px}.number-list li{line-height:1.7}.bezel{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(#fffffff5,#d3dcd4d6);padding:1.5px}.bezel-core{border-radius:calc(var(--radius-xl) - 2px);background:linear-gradient(#fffffffa,#f5f7f2f5);border:1px solid #ffffffe0;height:100%;box-shadow:inset 0 1px 1px #ffffffd6}.status-board,.feature-card .bezel-core,.detail-card .bezel-core,.legal-card .bezel-core,.knowledge-card .bezel-core,.dashboard-card .bezel-core,.service-section .bezel-core,.pricing-section .bezel-core,.auth-card .bezel-core{padding:28px}.status-header,.service-section-header,.pricing-headline,.dashboard-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pricing-headline h3{max-width:20ch;font-size:clamp(2.05rem,3vw,2.7rem);line-height:1.1}.signal-grid,.services-layout,.pricing-grid,.dashboard-grid,.mini-grid,.role-grid{gap:16px;display:grid}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.metric-card,.metric,.pricing-card,.plan-shell,.stat-pill,.dashboard-card-head,.cart-item{border-radius:var(--radius-md)}.metric-card,.metric,.pricing-card,.plan-shell,.stat-pill{border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px #ffffffd9}.metric-card,.pricing-card,.plan-shell{padding:20px}.pricing-card,.plan-shell{flex-direction:column;min-height:100%;display:flex}.metric-card strong,.metric strong,.pricing-card strong,.plan-shell strong,.dashboard-card strong,.cart-item strong,.page-state strong,.role-grid strong,.legal-copy strong{color:var(--text);margin:8px 0;font-size:1.05rem;display:block}.pricing-card strong{font-size:1.24rem;line-height:1.2}.metric-card span,.stat-pill span{color:var(--muted);font-size:.92rem;line-height:1.55}.hero-panel,.stack-grid{gap:18px;display:grid}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric{padding:20px}.metric strong{line-height:1.5}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 auto 84px;padding:22px 30px}.band p{color:var(--text)}.section-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start;column-gap:44px;padding:24px 0 72px}.section-heading{align-self:start;position:sticky;top:120px}.section-heading h2{max-width:11ch}.section-heading p{max-width:40ch}.feature-section{grid-template-columns:minmax(340px,.78fr) minmax(620px,.94fr);align-items:start;gap:0 56px}.feature-section .section-heading{max-width:520px;margin-left:clamp(20px,6vw,96px);padding-top:26px;position:static}.feature-section .section-heading h2{max-width:9ch}.feature-section .section-heading p{max-width:36ch}.feature-section .services-layout,.feature-section .two-column-detail,.feature-section .pricing-grid{width:min(100%,980px)}.feature-section .two-column-detail{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);padding-bottom:0}.feature-section .pricing-grid{grid-template-columns:repeat(2,minmax(280px,360px));justify-content:start}.services-layout{grid-template-columns:repeat(2,minmax(280px,1fr));justify-content:start}.feature-card h3{margin-bottom:12px;line-height:1.3}.feature-card .bezel-core{gap:16px;min-height:100%;display:grid}.feature-card .bezel-core,.pricing-card,.plan-shell,.detail-card .bezel-core,.dashboard-card .bezel-core,.knowledge-card .bezel-core,.legal-card .bezel-core{overflow-wrap:anywhere}.feature-card,.pricing-card{max-width:470px}.inline-link,.text-button{color:var(--accent-deep);font-weight:600}.policy-list,.legal-copy{gap:18px;display:grid}.policy-list article,.legal-copy article{border-top:1px solid var(--line);padding-top:18px}.policy-list article:first-child,.legal-copy article:first-child{border-top:none;padding-top:0}.two-column-detail,.dashboard-detail-grid,.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:28px;padding-bottom:72px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.stat-pill{align-items:flex-start;gap:14px;min-height:108px;padding:20px 18px;display:flex}.stat-pill strong{margin-bottom:6px;display:block}.stat-pill div{gap:4px;display:grid}.service-section-body,.plan-shells,.cart-list,.auth-form,.auth-message-block{gap:18px;display:grid}.service-section-body{margin-top:16px}.plan-shells{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 24px;display:grid}.contact-grid-wide{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.9fr) minmax(180px,1fr)}.contact-grid strong{overflow-wrap:anywhere;line-height:1.35}.plan-description,.add-on-card p,.role-catalog-card p,.catalog-count,.role-meta,.pricing-add-on-head span{color:var(--muted)}.role-grid article,.contact-grid>div{min-width:0}.compact li:before{top:9px}.plan-action-row{margin-top:auto;padding-top:16px}.plan-action-button{justify-content:center;min-width:182px;padding:9px 18px}.detail-card .hero-actions{justify-content:flex-start;align-items:center;margin-top:18px}.detail-card .hero-actions .button{white-space:nowrap}.card-action-row{padding-top:6px}.action-button{color:var(--accent-deep);background:#0f766e14;border-color:#0f766e2e;padding:10px 16px;font-weight:700}.dashboard-detail-grid .policy-list,.two-column-detail .policy-list{padding-top:8px}.price-placeholder{color:var(--gold);margin:10px 0 14px;font-weight:700}.subtle-price{margin:8px 0 10px;font-size:.95rem}.compact-header{justify-content:flex-start}.add-on-block{margin-top:2px}.add-on-grid,.role-catalog-grid{gap:16px;display:grid}.add-on-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-add-on-wrap{margin-top:18px;padding-top:6px}.pricing-add-on-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.add-on-card,.role-catalog-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:18px;box-shadow:inset 0 1px #ffffffd9}.add-on-card strong,.role-catalog-card strong{margin:8px 0;display:block}.role-tool-row{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:16px;margin:18px 0;display:grid}.role-tool-row label{gap:8px;font-size:.95rem;font-weight:500;display:grid}.role-tool-row input,.role-tool-row select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe6;border-radius:16px;padding:14px 16px}.role-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.role-meta,.catalog-count{font-size:.92rem}.page-main{padding:42px 0 0}.portal-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:28px;display:grid}.page-hero{padding:40px 0 28px}.page-hero h1{max-width:12ch}.section-note{border-radius:var(--radius-md);border:1px solid var(--line);background:#fbfcf9db;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.warning-note svg{color:var(--danger)}.auth-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;gap:8px;padding:8px;display:inline-flex}.auth-toggle button{padding:10px 18px}.toggle-active{background:var(--surface-strong);border-color:#ffffffe6;box-shadow:inset 0 1px #ffffffe6}.auth-form label{color:var(--text);gap:8px;font-size:.95rem;font-weight:500;display:grid}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe6;border-radius:16px;padding:14px 16px}.checkbox-row{color:var(--muted);align-items:center;gap:10px;display:flex}.checkbox-row input{width:18px;height:18px;margin:0}.checkbox-row label{color:var(--muted);font-size:.95rem;font-weight:400}.auth-actions-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.submit-button{width:fit-content;margin-top:4px}.auth-message-block small{color:var(--muted)}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.dashboard-header{margin-bottom:22px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:28px}.dashboard-card-head{align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.cart-list{gap:14px}.cart-item{border:1px solid var(--line);background:var(--surface);justify-content:space-between;gap:16px;padding:18px;display:flex}.cart-actions{color:var(--muted);justify-items:end;gap:10px;font-size:.92rem;display:grid}.qty-control-group{border:1px solid var(--line);background:#f8faf6f2;border-radius:999px;align-items:center;gap:10px;padding:6px;display:inline-flex}.qty-button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;transition:transform var(--transition), border-color var(--transition);background:#fffffff0;border-radius:999px;font-size:1.15rem;line-height:1}.qty-button:hover{border-color:#0f766e52;transform:translateY(-1px)}.qty-badge{text-align:center;min-width:64px;color:var(--text);font-weight:700}.text-button{cursor:pointer;background:0 0;border:none;padding:0}.status-placeholder,.page-state{justify-items:start;gap:12px;display:grid}.status-placeholder svg,.page-state svg{color:var(--accent)}.site-footer{border-top:1px solid var(--line);background:#f8faf6e6;width:100%;margin-top:16px}.site-footer-inner{width:min(calc(100% - 32px), var(--container));justify-content:space-between;gap:24px;margin:0 auto;padding:24px 0 40px;display:flex}.footer-links{color:var(--muted);flex-wrap:wrap}@media (width<=1080px){.topbar,.hero,.section-grid,.two-column-detail,.dashboard-detail-grid,.auth-layout,.dashboard-grid,.signal-grid,.hero-metrics,.services-layout,.pricing-grid,.plan-shells,.role-grid,.contact-grid,.portal-intro-grid,.add-on-grid,.role-catalog-grid,.role-tool-row,.feature-section .two-column-detail,.feature-section .pricing-grid{grid-template-columns:1fr}.feature-section{grid-template-columns:1fr;row-gap:22px}.feature-section .section-heading{max-width:none;margin-left:0;padding-top:0}.section-heading{position:static}.section-heading h2,.section-heading p{max-width:none}.feature-card,.pricing-card,.feature-section .services-layout,.feature-section .two-column-detail,.feature-section .pricing-grid{width:100%;max-width:none}.topbar{border-radius:30px;flex-direction:column;align-items:flex-start}.nav-links,.topbar-actions,.footer-links{flex-wrap:wrap}.hero{min-height:auto;padding-top:34px}.floating-path{display:none}}@media (width<=720px){h1{max-width:none;font-size:clamp(2rem,9vw,3rem)}h2{max-width:none;font-size:clamp(1.5rem,7vw,2.05rem)}.topbar,.page-main,.hero,.band{width:min(calc(100% - 24px), var(--container))}.page-hero,.section-grid,.two-column-detail,.dashboard-detail-grid,.auth-layout{padding-top:0;padding-bottom:70px}.page-hero{padding-top:28px}.section-grid{row-gap:20px;padding-bottom:56px}.status-board,.feature-card .bezel-core,.detail-card .bezel-core,.legal-card .bezel-core,.knowledge-card .bezel-core,.dashboard-card .bezel-core,.service-section .bezel-core,.pricing-section .bezel-core,.auth-card .bezel-core{padding:22px}.site-footer-inner{flex-direction:column}.submit-button{width:100%}.detail-card .hero-actions .button{white-space:normal}}