/* Mr. Tech catalog studio — responsive, local fonts, reduced-motion support. */
@font-face{font-family:CatalogCairo;src:url(fonts/Cairo-Regular.ttf)}@font-face{font-family:CatalogCairo;src:url(fonts/Cairo-Bold.ttf);font-weight:700}
.clarity-types{gap:22px!important}.clarity-type{--card-accent:#5576df;position:relative;isolation:isolate;overflow:hidden;padding:32px!important;border-radius:26px!important;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 13%,var(--surface,#fff)),var(--surface,#fff))!important;transition:transform .3s,box-shadow .3s!important;min-height:290px}.clarity-type:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:var(--card-accent);opacity:.07;inset-inline-end:-60px;top:-45px;z-index:-1}.clarity-type:nth-child(2){--card-accent:#9161db}.clarity-type:nth-child(3){--card-accent:#178fb5}.clarity-type:nth-child(4){--card-accent:#d88d38}.clarity-type:nth-child(5){--card-accent:#d96756}.clarity-type:nth-child(6){--card-accent:#a568a4}.clarity-type:hover{transform:translateY(-7px);box-shadow:0 20px 45px color-mix(in srgb,var(--card-accent) 18%,transparent)}.clarity-type h3{font-size:22px!important}.clarity-type p{line-height:1.9}.clarity-category-icon{width:90px!important;height:90px!important;border-radius:24px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 65%,white),var(--card-accent))!important;color:white!important;box-shadow:inset 0 2px 3px #ffffff70,0 10px 20px color-mix(in srgb,var(--card-accent) 25%,transparent)!important;transform:rotate(-5deg);animation:categoryFloat 5s ease-in-out infinite}.clarity-category-icon svg{width:47px!important;height:47px!important;filter:drop-shadow(0 4px 1px #0002)}.clarity-type:nth-child(even) .clarity-category-icon{animation-delay:-2.5s}.clarity-type:hover .clarity-category-icon svg{animation:categoryWiggle 1s ease-in-out}.clarity-type>span:last-child{color:var(--card-accent)!important}.clarity-footer{padding:32px!important;border:1px solid var(--border,#dce3ee);border-radius:24px;margin:40px auto 20px;max-width:1240px;background:linear-gradient(115deg,#365ab80b,#987ddd10)}.clarity-footer>.text-button{background:#1c3765;color:#fff!important;padding:13px 20px!important;border-radius:14px;display:inline-flex;gap:10px;align-items:center}.system-guide{font-family:CatalogCairo,Arial,sans-serif;background:#f8f9fc;color:#182b48;margin:0}.system-guide *{box-sizing:border-box}.system-guide main{max-width:1280px;padding:0 32px;margin:auto}.system-guide>header{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.system-guide header img{width:36px;height:36px;border-radius:10px}.system-guide a{text-decoration:none;color:inherit}.system-guide nav{display:flex;gap:24px}.system-guide .brand{display:flex;gap:12px;align-items:center;font-weight:700}.system-guide .eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#68788e}.system-guide h1{font-size:clamp(32px,4vw,56px);line-height:1.5;letter-spacing:-.03em;margin:20px 0}.guide-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding:72px 0}.guide-hero p{font-size:16px;line-height:2.05;color:#65758a;max-width:650px}.system-guide .primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:#244b91;color:white;padding:12px 20px;font:700 13px CatalogCairo,sans-serif}.guide-actions{display:flex;gap:20px;align-items:center;margin-top:28px;flex-wrap:wrap}.guide-actions>span{font-size:12px;color:#6c798b}.guide-art{position:relative;padding:32px 0;perspective:900px}.guide-window{background:white;border:1px solid #e2e6ee;border-radius:15px;box-shadow:0 35px 80px #2135641c;overflow:hidden;transform:rotateY(-7deg) rotate(2deg);min-height:320px}.guide-window-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e8edf3;padding:16px;direction:ltr}.guide-window-bar i,.theme-window-top i{width:6px;height:6px;background:#ccd5e0;border-radius:50%}.guide-window-bar span{font-size:8px;letter-spacing:2px;margin-inline-start:15px;color:#8996a8}.guide-window-grid{display:grid;grid-template-columns:55px 1fr;direction:ltr}.guide-window-grid aside{padding:28px 15px;color:#7183a3;line-height:3.5;border-inline-end:1px solid #edf0f7}.guide-window-grid>div{padding:35px 24px;direction:rtl}.guide-window-grid h2{font-size:19px;margin:8px 0 20px}.guide-window-grid small{font-size:9px;color:#8795aa}.guide-mini-stats{display:flex;gap:10px}.guide-mini-stats b{flex:1;background:#f0f4fc;border-radius:9px;padding:13px;color:#5374b2;font-size:22px}.guide-mini-stats small{display:block;font-size:9px}.guide-mini-lines{display:grid;gap:10px;margin-top:22px}.guide-mini-lines i{height:6px;background:#eff2f7;border-radius:4px}.guide-mini-lines i:nth-child(2){width:75%}.guide-float{position:absolute;bottom:8px;left:-20px;padding:17px 23px;background:#264e86;color:white;border-radius:13px;font-size:13px;box-shadow:0 15px 40px #18396e30;animation:categoryFloat 6s ease-in-out infinite}.guide-section-title{margin:40px 0 24px}.guide-section-title h2{font-size:30px;margin:10px 0}.guide-section-title p{color:#718095;line-height:1.9}.guide-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-feature-grid article{display:flex;gap:17px;align-items:center;padding:16px 22px;background:white;border:1px solid #e2e7f0;border-radius:15px}.guide-feature-grid span{color:#a5b2c9;font-size:12px}.guide-feature-grid h3{font-size:14px}.guide-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-theme{padding:0!important;display:block!important;overflow:hidden;background:#fff!important;border:1px solid #e0e5ee!important;border-radius:18px!important;transition:transform .25s}.guide-theme:hover{transform:translateY(-5px)}.theme-window{display:block;background:var(--theme-surface);color:var(--theme-color)!important;padding:16px 20px 24px;min-height:210px}.theme-window-top{display:flex;gap:4px;padding-bottom:16px;direction:ltr}.theme-window-hero{display:flex;align-items:center;gap:20px;min-height:80px}.theme-window-hero b{font-size:28px;font-family:Georgia,serif;flex:1}.theme-window-hero>span{width:65px;height:65px;background:var(--theme-color);border-radius:50% 50% 10px 10px;opacity:.8}.theme-window-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.theme-window-cards i{height:47px;background:var(--theme-color);opacity:.13;border-radius:7px}.layout-bento .theme-window-cards i:first-child{grid-column:span 2}.layout-bento .theme-window-cards i:last-child{display:none}.layout-minimal .theme-window-hero span{display:none}.layout-editorial .theme-window-hero{flex-direction:row-reverse}.layout-catalog .theme-window-hero{min-height:50px}.layout-catalog .theme-window-cards i{height:76px}.theme-description{padding:22px}.theme-description>small{color:#98a3b4;font-size:10px;letter-spacing:1px}.theme-description h3{font-size:22px;margin:5px 0}.theme-description p{color:#738297;font-size:12px;min-height:38px;line-height:1.8}.theme-demo-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.theme-demo-links a{font-size:12px}.theme-demo-links .primary{background:var(--theme-color)}.theme-request{display:block;margin-top:16px;padding-top:12px;border-top:1px solid #edf0f5;color:#7a879b!important;font-size:11px}.guide-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:65px 0}.guide-flow article{padding:25px;border-inline-start:1px solid #dce4f1}.guide-flow b{color:#7390be;font-size:32px}.guide-flow p{font-size:14px}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1216px;margin:0 auto 30px;padding:30px 35px;border-radius:20px;background:#152e50;color:#fff}.guide-footer p{font-size:12px;color:#b2c4dc}.guide-footer a{border:1px solid #ffffff30;padding:12px 20px;border-radius:12px;font-size:13px}
@keyframes categoryFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes categoryWiggle{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@media(max-width:900px){.guide-hero{gap:30px;padding:35px 0}.guide-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.clarity-type{padding:23px!important;min-height:255px}.clarity-category-icon{width:74px!important;height:74px!important}.clarity-category-icon svg{width:38px!important;height:38px!important}.clarity-footer{margin:20px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.system-guide main{padding:0 20px}.system-guide>header{padding:18px 20px}.system-guide .brand span{font-size:12px}.system-guide nav{gap:14px;font-size:11px}.guide-hero{grid-template-columns:1fr;gap:15px;padding:25px 0}.guide-hero h1{font-size:32px}.guide-hero p{font-size:14px}.guide-art{padding:12px 0 24px}.guide-window{transform:none;min-height:260px}.guide-float{left:8px;font-size:11px;padding:12px}.guide-section-title h2{font-size:23px}.guide-feature-grid{gap:8px}.guide-feature-grid article{padding:10px;gap:9px}.guide-feature-grid h3{font-size:11px}.guide-themes{grid-template-columns:1fr}.guide-flow{grid-template-columns:1fr;gap:8px;padding:30px 0}.guide-flow article{display:flex;align-items:center;gap:20px;padding:10px 20px}.guide-footer{margin:0 16px 20px;padding:25px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.clarity-category-icon,.guide-float,.clarity-type:hover .clarity-category-icon svg{animation:none!important}.clarity-type,.guide-theme{transition:none!important}}