/* Variable Vazirmatn: local deployment preferred, hosted stylesheet as a fallback. */
@font-face {
  font-family: 'Vazirmatn Local';
  src: url('/fonts/Vazirmatn.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Kish VPS | Champagne + Onyx mobile-first design system */
:root{
  color-scheme:light;
  --onyx:#11100F;--carbon:#292523;--bronze:#C88F45;--gold:#E8B86D;--glow:#FFE1A6;--ivory:#F8F4EE;
  --pearl:#F4EEE7;--white:#fff;--ink:#201B17;--ink2:#5F5953;--line:#E8E0D6;--muted:#8B8379;
  --font:'Vazirmatn Local','Vazirmatn',Tahoma,system-ui,sans-serif;
  --radius:20px;--shadow:0 16px 45px rgba(34,23,10,.09);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EAE4DD;color:var(--ink);font:14px/1.8 var(--font);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #C88F45;outline-offset:3px} [hidden]{display:none!important}
.app-shell{width:min(100%,570px);min-height:100dvh;margin:auto;background:var(--ivory);position:relative;box-shadow:0 0 65px rgba(29,24,19,.15);padding-bottom:calc(91px + env(safe-area-inset-bottom,0px))}
.topbar{height:84px;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--onyx);color:var(--white);position:relative;z-index:5}
.identity{display:flex;align-items:center;gap:11px}.identity-text{text-align:left;direction:ltr;line-height:1.18}.identity-text b{font:800 20px/1.1 Arial,sans-serif;letter-spacing:1.3px}.identity-text b span{color:var(--gold)}.identity-text small{font:600 8px/2 Arial,sans-serif;letter-spacing:1.75px;color:#b9a994;display:block}.brand-icon{width:47px;height:47px;border:1px solid #99703d;border-radius:14px;background:linear-gradient(145deg,#33291e,#16120e);display:grid;place-items:center;color:var(--glow)}.brand-icon svg{width:29px;height:29px}
.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #484039;background:#24201c;color:#DCC49D;border-radius:13px}.icon-button svg{width:19px}
.preview-strip{background:#FFF2D6;color:#6A4A15;padding:7px 16px;text-align:center;font-size:11px}
.content{min-height:calc(100dvh - 190px);padding-bottom:10px}.page-pad{padding:22px 19px 28px}
.hero{background:var(--onyx);color:#fff;position:relative;overflow:hidden;min-height:355px;padding:28px 23px 30px;isolation:isolate}.hero:before{content:"";position:absolute;inset:-90px -70px auto auto;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(232,184,109,.17),transparent 68%);z-index:-1}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(to right,#937d6122 1px,transparent 1px),linear-gradient(to bottom,#937d6122 1px,transparent 1px);background-size:36px 36px;z-index:-1}
.eyebrow{font:700 10px/1.6 Arial,sans-serif;letter-spacing:2.5px;color:var(--gold);direction:ltr;text-align:right}.hero h1{font-size:clamp(29px,7.6vw,38px);font-weight:900;line-height:1.48;margin:15px 0 10px;letter-spacing:-1.2px;max-width:325px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:285px;color:#d5c7b5;font-size:12px;line-height:2.1;margin:0 0 21px}.hero-actions{display:flex;gap:9px;align-items:center;position:relative;z-index:2;flex-wrap:wrap}.gold-btn,.dark-btn,.outline-btn{border:0;padding:12px 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;min-height:45px}.gold-btn{color:#2D2010;background:linear-gradient(128deg,#B78340 0%,#F6D99E 35%,#E8B86D 70%,#AF7834 100%);box-shadow:0 7px 20px #0003,inset 0 1px 1px #fff7}.gold-btn svg,.dark-btn svg,.outline-btn svg{width:16px;height:16px}.dark-btn{background:var(--onyx);color:var(--glow)}.outline-btn{border:1px solid #907b60;background:#1b1816;color:#f6e7ce}.hero-foot{display:flex;gap:16px;margin-top:34px;padding-top:14px;border-top:1px solid #74604356;position:relative;z-index:2}.hero-foot div{display:flex;align-items:center;gap:5px;color:#c6baa9;font-size:10px}.hero-foot svg{width:14px;height:14px;color:var(--gold)}
.section{padding:24px 19px 10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:15px}.section-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:900;color:var(--bronze);margin-bottom:2px}.section-heading h2,.page-title{margin:0;font-size:21px;font-weight:900;letter-spacing:-.5px;line-height:1.65}.section-heading a,.text-link{color:#9C6F33;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px}.section-heading a svg{width:14px;height:14px}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.category-card{position:relative;background:#fff;min-height:143px;border:1px solid var(--line);border-radius:18px;padding:18px 13px 15px;text-align:right;box-shadow:0 3px 9px rgba(27,20,13,.025);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-2px);border-color:#CEAA7D}.category-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:0}.category-card:hover:before{opacity:1}.category-card .icon-tile{width:42px;height:42px;background:#F9F1E4;border:1px solid #F1E0C7;border-radius:13px;display:grid;place-items:center;color:#A9793E}.category-card .icon-tile svg{width:21px;height:21px}.category-card strong{font-size:13px;font-weight:900}.category-card small{font-size:10px;color:var(--muted);line-height:1.8}.category-card .cat-arrow{position:absolute;left:13px;top:20px;color:#C7B7A0;width:15px;height:15px}
.support-highlight{position:relative;overflow:hidden;background:linear-gradient(110deg,#1b1713,#353027 48%,#171411);color:#fff;margin:20px 19px 0;border:1px solid #6F5534;border-radius:22px;padding:19px 18px;display:flex;gap:12px;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.support-highlight:after{content:"";position:absolute;top:-55px;left:-18px;width:180px;height:180px;background:radial-gradient(circle,#E8B86D33,transparent 70%);pointer-events:none}.support-highlight h3{margin:0 0 3px;font-size:15px}.support-highlight p{margin:0;font-size:10px;color:#D3C3B0}.support-highlight .headset-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#d7a45e19;border:1px solid #aa8146;color:var(--gold)}.support-highlight .headset-icon svg{width:25px;height:25px}.arrow-circle{border:0;background:linear-gradient(140deg,#F6D99E,#B98240);height:35px;width:35px;border-radius:50%;color:#251b10;display:grid;place-items:center}.arrow-circle svg{width:17px}
.request-banner{border:1px solid #E2D5C2;margin:13px 19px 20px;padding:17px;background:linear-gradient(110deg,#FFFDFB,#F5EDE2);border-radius:19px;display:flex;align-items:center;gap:14px;text-align:right;justify-content:space-between}.request-banner .large-icon{color:#B18246;width:28px;height:28px}.request-banner h3{margin:0;font-size:15px}.request-banner p{font-size:10px;color:#7c7165;margin:2px 0 0}.request-banner .go{width:19px;color:#aa834e}
.bottom-nav{position:fixed;bottom:0;width:min(100%,570px);height:calc(78px + env(safe-area-inset-bottom,0px));padding:7px 11px calc(7px + env(safe-area-inset-bottom,0px));z-index:15;display:flex;justify-content:space-around;background:#fffefb;border-top:1px solid #E9DED0;box-shadow:0 -10px 35px #271d1113}.bottom-nav button{width:24%;border:0;background:transparent;border-radius:13px;color:#8A8176;font-size:10px;display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;position:relative}.bottom-nav button.active{color:#9D6F30;font-weight:900}.bottom-nav button.active:before{content:"";position:absolute;top:0;height:3px;width:26px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#B88645,#F9DA9A)}.bottom-nav .nav-icon svg{width:23px;height:23px}
.page-header{background:linear-gradient(125deg,#151311,#33291d);padding:27px 22px 30px;color:white;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#CF99502C,transparent 67%);left:-40px;top:-80px}.page-header .mini-kicker{color:var(--gold);font-size:10px;letter-spacing:1.8px;font-weight:900;direction:ltr;text-align:right}.page-header h1{font-size:24px;line-height:1.5;font-weight:900;margin:8px 0 4px}.page-header p{font-size:11px;color:#CDBEAB;line-height:2;margin:0}.subtle-count{font-size:10px;color:#9F7842;font-weight:800}
.search-box{display:flex;align-items:center;gap:8px;background:white;padding:0 15px;border:1px solid #E5D6C4;border-radius:14px;height:52px;box-shadow:0 4px 15px #22180b06}.search-box svg{width:18px;color:#AC8A60}.search-box input{border:0;background:none;width:100%;outline:0;font-size:12px;color:var(--ink)}.search-box input:focus-visible{outline:0}.chip-row{display:flex;gap:7px;overflow-x:auto;padding:13px 0 8px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid #DCCDB9;border-radius:99px;padding:7px 13px;background:white;color:#6E6051;font-size:11px;font-weight:700}.chip.active{background:var(--onyx);color:var(--glow);border-color:var(--onyx)}
.service-list{display:grid;gap:10px;margin-top:10px}.service-card{background:#fff;border:1px solid #E7DCD0;border-radius:17px;padding:14px 15px;display:flex;gap:12px;align-items:center;text-align:right;box-shadow:0 3px 10px #20191108}.service-card .icon-tile{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;background:#F8F0E4;color:#AF7E41}.service-card .icon-tile svg{width:20px;height:20px}.service-info{flex:1;min-width:0}.service-info b{font-size:13px;font-weight:900;display:block}.service-info small{font-size:10px;color:#8D8276}.service-card .forward{width:17px;color:#BA9562}
.back-link{border:0;background:transparent;color:#9F733C;display:flex;align-items:center;gap:5px;padding:0;margin-bottom:12px;font-size:12px;font-weight:800}.back-link svg{width:18px}.detail-card{background:#fff;border-radius:20px;padding:17px;border:1px solid #E7DACC;box-shadow:var(--shadow);margin:16px 0}.detail-card h3{font-size:14px;margin:0 0 9px}.detail-card p{font-size:11px;color:#746C63;margin:0;line-height:2}.service-label{display:inline-block;background:#F7ECD9;border:1px solid #EAD2AA;border-radius:99px;padding:4px 10px;font-size:10px;color:#91642C}
.plan-list{display:grid;gap:10px}.plan-card{border:1px solid #E1D5C4;background:#fff;border-radius:17px;text-align:right;padding:15px;position:relative;overflow:hidden}.plan-card.selected{background:#FFFAF3;border:1.5px solid #C39250;box-shadow:0 5px 20px #b4803220}.plan-card.rec:after{content:"پیشنهادی";position:absolute;top:0;left:0;font-size:9px;background:#E5BA72;color:#3e2e16;font-weight:900;padding:2px 10px;border-radius:0 0 10px 0}.plan-top{display:flex;align-items:center;justify-content:space-between;padding-left:10px}.plan-top strong{font:800 15px/1.5 Arial,sans-serif;direction:ltr}.plan-top .price{color:#7E5320;font-size:16px;font-weight:900}.plan-top .price small{display:block;font-size:9px;color:#98826D;font-weight:500;text-align:left}.plan-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.plan-features span{font-size:10px;color:#665C51;background:#F6F1EB;border-radius:7px;padding:5px 7px}.plan-pick{font-size:10px;color:#9E743E;display:flex;align-items:center;gap:5px;margin-top:8px}.plan-pick svg{width:15px}
.form-group{margin:16px 0}.form-group label{font-weight:800;font-size:11px;display:block;margin-bottom:7px}.form-group label em{font-style:normal;color:#BF5B42}.field,.area{display:block;width:100%;padding:12px 13px;border:1px solid #DFD1BC;border-radius:12px;background:#fff;color:#342920;min-height:49px;outline:0;font-size:12px}.field:focus,.area:focus{border-color:#C08B45;box-shadow:0 0 0 3px #E8B86D33}.area{resize:vertical;min-height:95px}.fine-print{color:#8A8075;font-size:10px;line-height:1.9}.full-width{width:100%}.small-note{color:#987D5C;font-size:10px}.empty-box{border:1px dashed #D6C2A6;background:#FCF9F4;border-radius:18px;padding:27px 20px;text-align:center}.empty-box svg{width:34px;height:34px;color:#B88744}.empty-box h3{font-size:15px;margin:10px 0 4px}.empty-box p{font-size:11px;color:#807164;margin:0 0 18px}.status-pill{display:inline-block;font-size:10px;background:#F5E7D0;color:#805519;border-radius:99px;padding:4px 10px;font-weight:800}.status-pill.answered{background:#E6F2E7;color:#24613A}.status-pill.closed{background:#E8E4E2;color:#77706D}
.thread-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #E7D9C7;border-radius:17px;padding:16px;text-align:right;width:100%;margin-bottom:10px}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.thread-head b{font-size:13px}.thread-card small{font-size:10px;color:#87796A}.thread-card .thread-id{font:700 10px Arial,sans-serif;letter-spacing:.5px;direction:ltr;text-align:right;color:#9B7446}
.chat-wrap{display:flex;flex-direction:column;height:calc(100dvh - 240px);min-height:430px}.chat-head{background:#fff;border-bottom:1px solid #E8DAC9;padding:13px 19px;display:flex;align-items:center;gap:11px}.chat-avatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(140deg,#251d16,#715334);color:#EDC88F;display:grid;place-items:center}.chat-avatar svg{width:23px}.chat-title b{font-size:13px;display:block}.chat-title small{font-size:10px;color:#847B71}.chat-messages{flex:1;overflow-y:auto;padding:20px 15px;background:radial-gradient(circle at 30% -10%,#E7D7BEaa,transparent 40%),#F9F6F1;display:flex;flex-direction:column;gap:12px}.bubble{max-width:88%;padding:12px 14px;border-radius:15px;box-shadow:0 2px 6px #00000007}.bubble.user{align-self:flex-start;background:#2B2520;color:#FFF9F0;border-bottom-left-radius:4px}.bubble.staff{align-self:flex-end;background:#fff;border:1px solid #EADAC3;color:#32271D;border-bottom-right-radius:4px}.bubble.system{align-self:center;background:#F2E8DC;color:#785A3F;font-size:11px}.bubble p{margin:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{font:9px Arial,sans-serif;opacity:.65;display:block;text-align:left;margin-top:6px}.chat-compose{display:flex;align-items:end;gap:9px;padding:11px 13px;background:#fff;border-top:1px solid #E5D8C9}.chat-compose textarea{flex:1;resize:none;border:1px solid #E7DCCF;border-radius:14px;padding:10px 12px;min-height:46px;max-height:120px;font-size:12px;outline:0}.chat-compose button{width:47px;height:47px;border:0;border-radius:14px;background:linear-gradient(140deg,#F6D99E,#BC8641);display:grid;place-items:center;color:#22170B}.chat-compose button svg{width:19px;transform:rotate(180deg)}
.overlay{position:fixed;inset:0;background:#0008;z-index:50;display:flex;justify-content:flex-start}.side-menu{background:#161311;color:#f7e5cd;min-height:100%;width:min(310px,84vw);padding:27px 21px;box-shadow:15px 0 40px #0005;display:flex;flex-direction:column;gap:4px}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:#E7B36B;font:800 19px Arial,sans-serif}.round-btn{border:1px solid #57432d;color:#f7e4c5;background:#231c16;border-radius:50%;height:31px;width:31px;font-size:22px}.drawer-copy{color:#9E8F7E;font-size:11px;margin:8px 0 24px}.side-menu>button:not(.round-btn),.side-menu>a{background:none;border:0;border-bottom:1px solid #4F403433;text-align:right;font-size:13px;color:#EDE2D6;padding:14px 0}.drawer-footer{margin-top:auto;font:10px Arial,sans-serif;letter-spacing:2px;color:#8F7859;direction:ltr}
.toast{position:fixed;z-index:99;bottom:calc(93px + env(safe-area-inset-bottom,0px));right:50%;transform:translateX(50%) translateY(15px);background:#2A241F;color:#fff;border:1px solid #AF7D45;padding:11px 16px;border-radius:13px;font-size:12px;max-width:min(90vw,500px);box-shadow:0 12px 30px #0004;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translateX(50%) translateY(0)}
.skeleton-zone{padding:24px}.skeleton{background:linear-gradient(90deg,#EEE6DB,#FAF6F1,#EEE6DB);background-size:220% 100%;animation:shimmer 1.4s infinite}.hero-skeleton{height:270px;border-radius:22px}.skeleton-line{height:70px;border-radius:15px;margin-top:15px}@keyframes shimmer{to{background-position-x:-220%}}
.footer-mini{text-align:center;color:#A59A8F;font-size:9px;padding:10px 15px 17px;letter-spacing:.2px}.footer-mini span{color:#AE7C3C}
@media (min-width:700px){body{padding:24px}.app-shell{border-radius:29px;overflow:hidden;min-height:850px;border:1px solid #DACBB7}.bottom-nav{border-radius:0 0 28px 28px;bottom:24px}.topbar{height:79px}.hero{min-height:362px}.hero h1{max-width:370px}.hero p{max-width:320px}.chat-wrap{height:560px}}
@media (max-width:370px){.hero h1{font-size:28px}.hero-actions{gap:6px}.gold-btn,.outline-btn{padding:11px 12px}.page-pad{padding-left:13px;padding-right:13px}.section{padding-left:13px;padding-right:13px}.category-card{padding:13px 10px;min-height:136px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Kish VPS 2.2 — consistent image stages and mobile spacing; functional styles unchanged. */
.brand-logo{width:51px;height:51px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 6px rgba(231,178,97,.17))}
.identity{gap:9px}.topbar{height:87px}
.hero{min-height:0;padding:28px 21px 18px;background:radial-gradient(ellipse at 35% 78%,rgba(178,114,38,.24),transparent 45%),linear-gradient(150deg,#11100F 0%,#231D18 60%,#11100F 100%)}
.hero:before{z-index:0;opacity:.7}.hero:after{z-index:0;opacity:.055}
.hero .eyebrow,.hero-copy,.hero-actions,.hero-visual,.hero-foot{position:relative;z-index:1}
.hero .eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:8px}
.hero-copy h1{font-size:clamp(29px,7vw,36px);line-height:1.43;max-width:none;margin:10px 0 9px;letter-spacing:-.7px}
.hero-copy p{font-size:12px;line-height:1.9;max-width:360px;margin:0 0 18px;color:#DCD0C1}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:8px;max-width:440px}
.hero-actions .gold-btn,.hero-actions .outline-btn{width:100%;min-width:0;min-height:46px;padding:10px 8px;font-size:11.5px;white-space:nowrap;box-shadow:none}
.hero-actions .outline-btn{border-color:#AA885B;background:#1A1714;color:#F2D9B4}
.hero-visual{height:168px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 2px;isolation:isolate}
.hero-visual-orbit{position:absolute;top:20px;width:min(80%,320px);height:115px;border-radius:50%;background:radial-gradient(ellipse,rgba(225,160,73,.19),rgba(225,160,73,.035) 55%,transparent 75%);filter:blur(4px);z-index:-1}
.hero-illustration{position:static;width:min(88%,255px);height:167px;max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 20px rgba(0,0,0,.4));pointer-events:none;opacity:1}
.hero-foot{margin-top:0;padding-top:12px;gap:14px;justify-content:center;background:transparent}
.hero-foot div{font-size:10px;white-space:nowrap}
.section{padding:24px 17px 10px}.section-heading{margin-bottom:15px;gap:8px}.section-heading h2{font-size:20px}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.category-card,.category-card.has-art{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;min-height:225px;gap:11px;padding:11px 11px 14px;text-align:right;border:1px solid #E9DDCC;background:linear-gradient(158deg,#fffdfb 0%,#fff 65%,#fbf5ec 100%);border-radius:20px;box-shadow:0 5px 16px rgba(37,26,14,.045);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;isolation:isolate}
.category-card:hover,.category-card:focus-visible{border-color:#C99A5B;box-shadow:0 10px 28px rgba(60,37,9,.1);transform:translateY(-1px)}
.category-card:before{display:none}.category-card .icon-tile{display:none}
.category-card .cat-media{display:flex;align-items:center;justify-content:center;height:121px;min-height:121px;width:100%;padding:8px 5px;border:1px solid rgba(231,216,191,.6);border-radius:14px;background:radial-gradient(ellipse at 50% 70%,#F5E9D4 0%,#FFFCF7 62%,#FFFFFF 100%);overflow:hidden;flex:none}
.category-card .card-art{position:static!important;left:auto;top:auto;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(87,56,21,.15));pointer-events:none;display:block}
.category-card .cat-copy,.category-card.has-art .cat-copy{padding:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;justify-content:start}
.category-card strong,.category-card.has-art strong{font-size:12.5px;font-weight:900;line-height:1.6;letter-spacing:-.25px;display:block}
.category-card small,.category-card.has-art small{font-size:10px;color:#817467;line-height:1.75;display:block;overflow-wrap:anywhere}
.category-card .cat-arrow{position:absolute;left:19px;bottom:15px;top:auto;width:13px;height:13px;color:#AB8455}
.category-card.has-art.category-card--wide{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) 135px;grid-template-rows:auto;min-height:133px;gap:14px;align-items:center;padding:11px 14px}
.category-card--wide .cat-media{grid-column:2;grid-row:1;height:112px;min-height:112px;padding:5px}
.category-card--wide .cat-copy{grid-column:1;grid-row:1;align-self:center;padding:0!important;gap:7px}
.category-card--wide .cat-copy strong{font-size:14px}
.category-card--wide .cat-arrow{display:none}
.support-highlight{margin:21px 17px 0;padding:17px 15px;border-radius:19px}.support-highlight h3{font-size:14px}
.request-banner{margin:13px 17px 18px}.knowledge-banner{margin:16px 17px 19px;display:flex;align-items:center;gap:7px;border:1px solid #dac6a8;border-radius:18px;padding:10px 12px;background:linear-gradient(120deg,#1b1714,#33271c);color:#fff;min-height:103px;box-shadow:0 12px 25px #2c1d0a17;overflow:hidden}
.knowledge-banner img{width:102px;height:77px;object-fit:contain;flex:none}.knowledge-banner div{flex:1;min-width:0}.knowledge-banner .knowledge-kicker{font:700 8px Arial,sans-serif;letter-spacing:1.6px;color:#e5b56b}.knowledge-banner h3{font-size:13px;margin:1px 0}.knowledge-banner p{font-size:10px;color:#c8b49a;margin:0}.knowledge-banner>svg{width:16px;color:var(--gold)}
.service-card .icon-tile:has(.service-art){background:linear-gradient(145deg,#fffaf2,#eadac5);overflow:hidden}
.service-art{width:50px;height:43px;object-fit:contain;display:block}
.detail-cover{background:radial-gradient(ellipse at 5% 70%,rgba(232,184,109,.18),transparent 65%),linear-gradient(120deg,#11100F,#292523);border:1px solid rgba(200,143,69,.40);border-radius:21px;min-height:164px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:17px 17px 17px 3px;position:relative;color:#fff}
.detail-cover-copy{position:relative;z-index:2;max-width:64%}.detail-kicker{font:700 9px Arial,sans-serif;letter-spacing:1.15px;color:var(--gold)}.detail-cover-copy h2{font-size:19px;line-height:1.5;margin:8px 0 3px;font-weight:900}.detail-cover-copy>span:last-child{font:11px Arial,sans-serif;color:#c7b69f;direction:ltr;display:block;text-align:right}
.detail-art{width:144px;max-width:43%;height:132px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.33));margin-left:-10px}
.chat-avatar{overflow:hidden}.chat-avatar img{object-fit:contain;width:42px;height:42px}.drawer-brand{display:inline-flex;align-items:center;gap:8px;direction:ltr}.drawer-brand img{object-fit:contain}
@media(max-width:390px){
 .hero{padding:24px 16px 16px}.hero .eyebrow{font-size:8px}.hero-copy h1{font-size:30px}.hero-actions{gap:7px}.hero-actions .gold-btn,.hero-actions .outline-btn{font-size:10.5px;padding:10px 6px}.hero-visual{height:148px}.hero-illustration{height:145px;width:min(88%,220px)}.hero-foot{gap:10px}.hero-foot div{font-size:9px}
 .section{padding-left:14px;padding-right:14px}.category-grid{gap:9px}.category-card{padding:9px 9px 13px;min-height:215px;border-radius:17px;gap:9px}.category-card .cat-media{height:109px;min-height:109px;padding:6px 4px}.category-card strong{font-size:12px}.category-card small{font-size:9.5px}.category-card.has-art.category-card--wide{min-height:125px;grid-template-columns:minmax(0,1fr) 116px;padding:9px 11px;gap:10px}.category-card--wide .cat-media{height:105px;min-height:105px}.category-card--wide .cat-copy strong{font-size:13px}
}
@media(max-width:340px){.hero-actions{grid-template-columns:1fr}.hero-visual{height:133px}.hero-illustration{height:131px}.category-card strong{font-size:11px}.category-card small{font-size:9px}}
@media(min-width:700px){.hero{min-height:0}.hero-visual{height:186px}.hero-illustration{height:184px;width:295px}.category-card .cat-media{height:135px;min-height:135px}.category-card{min-height:244px}}