:root{color-scheme:light;--bg:#f5f7f9;--paper:#fff;--text:#112b3b;--muted:#778b9e;--line:#dce4ed;--soft:#eef7f4;--green:#147f71;--tag:#e8f5ef;--shadow:0 12px 30px #18334408}
:root[data-theme=dark]{color-scheme:dark;--bg:#14212c;--paper:#1b2b38;--text:#e7f0f6;--muted:#a0b4c4;--line:#304453;--soft:#263f3c;--green:#80d6c4;--tag:#24413a;--shadow:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,summary{outline-offset:5px}button{border:0;transition:background .18s,transform .18s;color:inherit}button:active{transform:scale(.98)}svg{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}aside{position:fixed;inset:0 auto 0 0;width:270px;background:#101f2a;color:#a6bbcc;padding:34px 22px;display:flex;flex-direction:column}.brand{font-size:34px;letter-spacing:-1.6px;line-height:1.2;color:white;margin-bottom:54px}.brand b{font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:700;color:#8eb1bf;margin-top:14px}.nav-label{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#7696a8;margin-bottom:20px}nav{display:flex;flex-direction:column;gap:7px}nav button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:#a6bbcc;text-align:left;padding:13px 12px;border-radius:10px;font-size:16px}nav button:hover{background:#1a323e}nav button.active{background:#1b4043;color:#86e0d5}nav em{font-style:normal;margin-left:auto;font-size:14px;background:#ffffff0a;padding:0 6px;border-radius:5px}.account{margin-top:auto;display:flex;align-items:center;gap:11px;padding-top:28px;font-size:12px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#2b4852;border-radius:50%;color:white}.account b{color:white}.account small{display:block;color:#7ca5bc}
main{margin-left:270px;padding:0 42px 60px;max-width:1850px}.utility{display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.utility>div{display:flex;align-items:center;gap:15px}.utility button{background:transparent;display:flex;align-items:center;padding:6px}.balance{gap:9px}.balance b{color:var(--text);font-size:13px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:40px 0 32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green);margin:0 0 18px}h1{font-size:36px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 16px}header p:last-child{color:var(--muted);margin:0}h2{font-size:18px;line-height:1.4;letter-spacing:-.2px}.primary,.soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;white-space:nowrap}.primary{background:#147f71;color:white;padding:14px 21px}.primary:hover{background:#106b60}.soft{background:var(--soft);color:var(--green);padding:11px 13px;font-size:12px}.soft:hover{filter:brightness(.96)}.soft svg{width:14px;height:14px;transition:transform .2s}.soft:hover svg{transform:translateY(-2px)}.search{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 19px;height:61px;color:#94a8b8}.search input{border:0;outline:none;width:100%;background:transparent;color:var(--text);font-size:17px}.search:focus-within{box-shadow:0 0 0 3px #147f7115}.search kbd{font:9px Arial;border:1px solid var(--line);padding:3px 6px;border-radius:4px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:27px 0 23px;font-size:12px;color:var(--muted)}.catalog-toolbar>div{display:flex;gap:12px}.catalog-toolbar select{background:transparent;border:0;color:var(--text);font-size:12px;padding:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:23px;display:flex;flex-direction:column;min-height:340px;transition:box-shadow .2s,transform .2s}.product:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between}.tag{display:inline-block;background:var(--tag);color:var(--green);font-size:10px;padding:5px 10px;border-radius:5px;font-weight:600}.favorite{background:transparent;padding:0;color:#9badba}.favorite.selected{color:#178575}.favorite.selected svg{fill:#17857522}.product h2{margin:22px 0 14px}.product>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 8px;min-height:49px}.text-button{background:transparent;color:var(--muted);text-align:left;font-size:11px;padding:0;margin-bottom:16px}.text-button:hover{color:var(--green)}.plans{display:flex;gap:4px;margin-bottom:22px}.plans button{font-size:11px;background:transparent;color:var(--muted);padding:5px 8px;border-radius:5px}.plans button.active{background:var(--soft);color:var(--green)}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:17px;margin-top:auto}footer strong{font-size:17px}footer small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.panel,.empty,.metrics article{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:20px}.panel p,.empty p{color:var(--muted)}.panel form{max-width:550px}.empty{text-align:center;padding:55px 20px}.empty>svg{width:30px;height:30px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:28px;margin-top:10px}.section-title{margin:25px 0 18px}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}td,th{padding:17px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:400}label{display:block;color:var(--muted);font-size:13px;margin:15px 0}label input,label select,label textarea{display:block;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:11px;border-radius:8px;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.result{background:var(--soft);color:var(--green);padding:17px;border-radius:9px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:18px 0;border-block:1px solid var(--line);font-size:13px}.summary span{color:var(--muted)}.summary b{text-align:right}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:17px;padding:30px;background:var(--paper);color:var(--text)}dialog::backdrop{background:#101f2a75;backdrop-filter:blur(3px)}dialog h2{padding-right:20px}.close{position:absolute;right:15px;top:10px;background:transparent;color:var(--muted);font-size:27px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#183e37;color:white;padding:12px 22px;border-radius:10px;transition:.2s;font-size:13px;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}summary{cursor:pointer;font-weight:600}
@media(min-width:1600px){aside{width:316px;padding:43px 26px}main{margin-left:316px;padding-inline:56px}h1{font-size:43px}.product{min-height:370px;padding:26px}.product h2{font-size:21px}.product>p{font-size:15px}.cards{gap:25px}}
@media(max-width:1150px){aside{width:220px;padding:30px 18px}main{margin-left:220px;padding-inline:26px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{font-size:14px}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){aside{position:static;width:auto;padding:20px}.brand{font-size:27px;margin-bottom:20px}.brand small{font-size:9px;margin-top:7px}.nav-label,.account{display:none}nav{flex-direction:row;overflow-x:auto;gap:6px}nav button{width:auto;white-space:nowrap;padding:10px;font-size:12px}nav em{display:none}main{margin:0;padding:0 18px 35px}header{margin:28px 0;align-items:flex-start;flex-wrap:wrap}h1{font-size:32px}.cards{grid-template-columns:1fr}.utility{gap:10px}.utility>span{max-width:80px}.utility>div{gap:7px}.balance small{display:none}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar>div{flex-wrap:wrap}.metrics,.form-grid{grid-template-columns:1fr}.product{min-height:330px}.search input{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.product:hover{transform:none}}
/* Catalog refinement */
header{margin-top:44px;margin-bottom:38px}
.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:17px}
#subtitle{max-width:540px;line-height:1.7}
.search{height:64px;border-radius:12px;box-shadow:0 2px 7px #16314702}
.catalog-toolbar{margin:27px 0 24px}
.catalog-toolbar select{padding:8px 11px;border-radius:7px}
.catalog-toolbar select:hover{background:var(--paper)}
.product{padding:26px;min-height:380px;border-radius:16px}
.card-top{height:30px}
.product h2{font-size:19px;font-weight:600;line-height:1.45;margin:24px 0 12px;min-height:55px;letter-spacing:-.35px}
.product>p{font-size:13px;line-height:1.85;min-height:48px;margin:0 0 13px}
.text-button{font-size:11px;margin-bottom:22px}
.plans{background:var(--bg);border:1px solid var(--line);padding:3px;border-radius:8px;align-self:flex-start;margin-bottom:24px;gap:2px}
.plans button{padding:6px 10px;font-size:11px;border-radius:5px;transition:color .18s,background .18s,box-shadow .18s}
.plans button.active{background:var(--paper);color:var(--text);box-shadow:0 1px 4px #172b3b14}
footer{padding-top:20px}
footer strong{font-size:21px;font-weight:600;letter-spacing:-.6px}
footer small{font-size:10px;margin-top:5px;display:flex;align-items:center;gap:5px}
footer small:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--muted)}
.soft{padding:12px 14px}
.product:hover{transform:translateY(-3px);box-shadow:0 12px 28px #12372d08}
.favorite{padding:5px;border-radius:50%}
.favorite:hover{background:var(--soft);color:var(--green)}
.catalog-toolbar>div{gap:5px}
.cards{gap:24px}
@media(min-width:1600px){.product{min-height:395px;padding:28px}.product h2{font-size:21px}.product>p{font-size:14px}.plans button{font-size:12px;padding:7px 12px}footer strong{font-size:23px}}
@media(max-width:700px){.product{min-height:365px;padding:24px}.product h2{min-height:0}.product>p{min-height:0}header{margin:28px 0}.plans{margin-top:5px}footer{margin-top:8px}.search input{min-width:0}.search kbd{display:none}}
/* Typography and aligned catalog rhythm */
body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.brand{font-family:Arial,sans-serif}
main{padding-inline:40px}
header{margin-top:38px;margin-bottom:32px}
h1{font-size:34px;font-weight:750;letter-spacing:-1.15px;line-height:1.2}
header p:last-child{font-size:14px;line-height:1.7}
.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750}
nav button{font-size:14px;font-weight:500;padding:14px 12px}
.search{height:58px}
.search input{font-size:14px;font-weight:400;letter-spacing:0}
.catalog-toolbar{font-size:11px}
.catalog-toolbar select{font-family:inherit;font-size:11px}
.cards{gap:20px;align-items:stretch}
.product{display:grid;grid-template-rows:28px 60px 56px 24px 44px 78px;row-gap:12px;min-height:0;padding:24px;border-radius:14px}
.card-top{height:28px;align-self:start}
.tag{font-size:10px;font-weight:650;letter-spacing:0;padding:4px 8px}
.product h2{font-size:17px;font-weight:750;line-height:1.55;letter-spacing:-.45px;margin:0;min-height:0;align-self:center;overflow-wrap:anywhere}
.product>p{font-size:12px;font-weight:400;line-height:1.9;margin:0;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.text-button{font-size:10px;font-weight:500;margin:0;align-self:start;justify-self:start}
.plans{margin:0;align-self:start;justify-self:start;height:34px;padding:3px;border-color:transparent;border-radius:7px;gap:2px}
.plans button{font-size:10px;font-weight:600;padding:3px 9px;min-width:37px}
footer{margin:0;padding-top:18px;align-self:stretch;align-items:center}
footer strong{font-size:20px;font-weight:750;letter-spacing:-.55px;font-variant-numeric:tabular-nums}
footer small{font-size:9px;font-weight:500;margin-top:4px;white-space:nowrap}
.soft{font-size:10px;font-weight:750;padding:11px 12px;border-radius:8px}
.primary{font-size:12px;font-weight:750;border-radius:9px;padding:14px 18px}
.favorite svg{width:18px;height:18px}
@media(min-width:1600px){main{padding-inline:56px}.cards{gap:24px}.product{padding:28px;grid-template-rows:28px 64px 60px 24px 44px 80px;row-gap:14px}.product h2{font-size:19px}.product>p{font-size:13px}h1{font-size:40px}footer strong{font-size:22px}.soft{font-size:11px}}
@media(max-width:700px){main{padding-inline:18px}.product{grid-template-rows:28px auto 52px 24px 44px 76px;row-gap:12px;padding:24px}.product h2{min-height:30px}header{margin-top:26px}h1{font-size:30px}footer{margin:0}.search input{font-size:14px}}
.product-identity{display:flex;align-items:center;gap:10px;min-width:0}
.application-icon{display:grid;place-items:center;color:var(--green);width:30px;height:30px;flex-shrink:0}
.application-icon svg{width:25px;height:25px;stroke-width:1.55}
.category-caption{font-size:10px;font-weight:500;letter-spacing:.25px;color:var(--muted)}