/* All frontend visual rules are scoped to SMDCRYSTAL. View is backend controlled. */
html[data-smd-view=crystal] body{background:var(--crystal-bg);color:#edf7ff}
html[data-smd-view=crystal] .site-header{max-width:1440px;padding:14px 24px;gap:18px;min-height:88px;background:linear-gradient(110deg,var(--crystal-surface),var(--crystal-bg));border:1px solid #10465d;border-top:0;position:relative;z-index:20}
html[data-smd-view=crystal] .brand{font-size:24px;gap:10px;min-width:180px;max-width:260px}
html[data-smd-view=crystal] .brand img{object-fit:contain}
html[data-smd-view=crystal] .site-header>nav{display:flex;flex:1;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
html[data-smd-view=crystal] .site-header>nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 9px;font-size:12px;white-space:nowrap;border-radius:8px;color:#e1edfa}
html[data-smd-view=crystal] .site-header>nav>a:hover{background:#00bfff16;color:var(--crystal-accent)}
html[data-smd-view=crystal] .site-header>nav>.button{flex-direction:row;font-size:13px}
html[data-smd-view=crystal] .language-switcher{gap:2px}html[data-smd-view=crystal] .language-switcher button{padding:5px;font-size:10px;min-width:30px}
html[data-smd-view=crystal] .crystal-menu{display:none}
html[data-smd-view=crystal] #main{max-width:1440px;margin:auto}
html[data-smd-view=crystal] .hero{padding:0!important;max-width:none;border-bottom:1px solid #0b566e;position:relative}
html[data-smd-view=crystal] .hero-layout{display:grid!important;grid-template-columns:1fr!important;gap:0!important;position:relative;min-height:450px;overflow:hidden;isolation:isolate;border-radius:0}
html[data-smd-view=crystal] .hero-text-panel{grid-area:1/1;z-index:3;align-self:center;display:block!important;position:relative;width:57%;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:45px 42px!important;pointer-events:none}
html[data-smd-view=crystal] .hero-text-panel a{pointer-events:auto}
html[data-smd-view=crystal] .hero-text-panel .eyebrow{color:#b9d1e6;font:12px/1.5 Arial,sans-serif;letter-spacing:1.2px}
html[data-smd-view=crystal] .hero-text-panel h1{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.06!important;text-transform:uppercase;letter-spacing:-.7px;margin:12px 0!important;max-width:100%!important;text-wrap:balance;font-weight:900}
html[data-smd-view=crystal] .hero-text-panel h1 em{display:block;color:var(--crystal-accent);font-style:normal}
html[data-smd-view=crystal] .hero-text-panel[data-font-mode=manual] h1{font-size:var(--hero-title-desktop,44px)!important;line-height:var(--hero-title-line-height,1.06)!important;max-width:var(--hero-text-width,100%)!important}
html[data-smd-view=crystal] .hero-text-panel[data-font-mode=manual] .hero-copy{font-size:var(--hero-description-size,17px)!important}
html[data-smd-view=crystal] .hero-text-panel .hero-copy{font-size:17px!important;line-height:1.5;color:#bfd2e5;max-width:480px;margin:12px 0 25px}
html[data-smd-view=crystal] .button{border:1px solid var(--crystal-accent);background:linear-gradient(120deg,#00b9ef,#0066d9);color:#fff;box-shadow:0 0 16px #009dff44,inset 0 0 8px #00cfff55;border-radius:9px;min-height:44px;padding:11px 18px;gap:9px;font-weight:700}
html[data-smd-view=crystal] .button.secondary{background:#00121ed9;box-shadow:none;color:#eef9ff}
html[data-smd-view=crystal] .hero-text-panel .button{font-size:14px;margin:6px 8px 0 0;display:inline-flex}
html[data-smd-view=crystal] .hero-slider{grid-area:1/1;position:relative!important;inset:auto;width:100%!important;min-width:0;height:450px!important;min-height:450px!important;max-height:none!important;margin:0;border:0!important;border-radius:0!important;z-index:1;box-shadow:none;overflow:hidden}
html[data-smd-view=crystal] .hero-slider:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--crystal-bg) 0%,rgb(2 12 21 / var(--crystal-blend)) 27%,#020c1522 67%),linear-gradient(0deg,var(--crystal-bg),transparent 36%)}
html[data-smd-view=crystal] .hero-slide,html[data-smd-view=crystal] .hero-slide img{height:450px!important;min-height:450px!important;max-height:none!important}
html[data-smd-view=crystal] .hero-slide img{object-fit:cover!important;object-position:center!important;width:100%;filter:none!important}
html[data-smd-view=crystal] .hero-slider-track{height:100%;will-change:transform}
html[data-smd-view=crystal] .hero-arrow{z-index:5;top:auto;bottom:22px;background:#00121ed9;border:1px solid #147494;color:var(--crystal-accent);width:36px;height:36px;border-radius:50%;transform:none}
html[data-smd-view=crystal] .hero-prev{left:auto;right:62px}html[data-smd-view=crystal] .hero-next{right:18px}
html[data-smd-view=crystal] .hero-dots{z-index:5;bottom:12px;left:50%;width:auto;transform:translateX(-50%)}
html[data-smd-view=crystal] .hero-slider figcaption{display:none}
html[data-smd-view=crystal] .hero-slider .smd-slider-watermark{top:24px!important;right:24px;z-index:2}
html[data-smd-view=crystal] .service-line{padding:10px 32px;margin:0;border:0;font-size:12px;background:var(--crystal-bg);color:#b9d1e6;position:relative;z-index:4}
html[data-smd-view=crystal] .crystal-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:12px 24px 18px;background:var(--crystal-bg);border-bottom:1px solid #0b566e}
html[data-smd-view=crystal] .crystal-strip>a{overflow:hidden;border:1px solid #087ea3;border-radius:10px;min-width:0;background:linear-gradient(130deg,var(--crystal-surface),var(--crystal-bg));transition:transform .15s}
html[data-smd-view=crystal] .crystal-strip>a:hover{transform:translateY(-3px);border-color:var(--crystal-accent)}
html[data-smd-view=crystal] .crystal-strip img{display:block;width:100%;height:100px;object-fit:cover}
html[data-smd-view=crystal] .crystal-strip a>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:12px;line-height:1.25;padding:9px 7px;font-weight:600}
html[data-smd-view=crystal] .crystal-strip svg{color:var(--crystal-accent);flex-shrink:0}
html[data-smd-view=crystal] .crystal-category-icon{display:grid;place-content:center;height:100px;background:radial-gradient(ellipse at 70% 20%,#00c7ff30,transparent 70%)}
html[data-smd-view=crystal] .crystal-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:14px 24px;background:var(--crystal-bg);border-bottom:1px solid #10465d}
html[data-smd-view=crystal] .crystal-promo{position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start;min-height:192px;padding:22px 18px;border:1px solid #087ea3;border-radius:14px;background:radial-gradient(ellipse at 100% 90%,#006eae55,transparent 65%),linear-gradient(130deg,var(--crystal-surface),var(--crystal-bg));isolation:isolate}
html[data-smd-view=crystal] .crystal-promo-icon{color:var(--crystal-accent);filter:drop-shadow(0 0 8px #00ceff55)}
html[data-smd-view=crystal] .crystal-promo h2{font-size:17px;line-height:1.3;text-transform:uppercase;margin:0 0 9px;font-weight:800}
html[data-smd-view=crystal] .crystal-promo p{font-size:13px;line-height:1.5;max-width:250px;color:#bdd1e4;margin:0 0 18px}
html[data-smd-view=crystal] .crystal-promo .button{font-size:13px;padding:8px 15px}
html[data-smd-view=crystal] .crystal-promo-art{position:absolute;right:-12px;bottom:-18px;transform:rotate(-12deg);color:var(--crystal-accent);opacity:.12;z-index:-1}
html[data-smd-view=crystal] .services{padding:28px 32px}
html[data-smd-view=crystal] .services .section-heading h2{font-size:25px;text-transform:uppercase;margin:3px 0}
html[data-smd-view=crystal] .services .section-heading{align-items:center}
html[data-smd-view=crystal] .services .section-heading p{color:#b9d1e6;font-size:14px}
html[data-smd-view=crystal] .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-smd-view=crystal] .service-card{background:linear-gradient(135deg,var(--crystal-surface),var(--crystal-bg));border:1px solid #105674;border-radius:12px;overflow:hidden;min-width:0;padding:18px}
html[data-smd-view=crystal] .service-card h3{font-size:18px}html[data-smd-view=crystal] .service-card p{font-size:14px}
html[data-smd-view=crystal] .service-image-wrap{margin:-18px -18px 16px;width:calc(100% + 36px);max-width:none}
html[data-smd-view=crystal] .filters button[aria-pressed=true]{background:#007ca2;border-color:var(--crystal-accent);color:#fff}
html[data-smd-view=crystal] .site-footer{background:var(--crystal-bg);border-top:1px solid #10465d}
html[data-smd-view=crystal] .crystal-bottom{display:none}
html[data-smd-view=crystal] .crystal-pause{position:absolute;right:18px;top:18px;z-index:6;width:34px;height:34px;padding:0;border:1px solid #167897;border-radius:50%;background:#00121ed9;color:#fff;cursor:pointer}
html[data-smd-view=crystal] a:focus-visible,html[data-smd-view=crystal] button:focus-visible,html[data-smd-view=crystal] select:focus-visible{outline:2px solid var(--crystal-accent);outline-offset:3px}
.crystal-admin{border:1px solid #167897;border-radius:12px;padding:18px;margin:0 0 24px}.crystal-admin legend{padding:0 10px;font-weight:700}
html[data-smd-view=crystal] .crystal-capabilities{display:flex;gap:16px;align-items:flex-start;margin:22px 0 0;pointer-events:auto}
html[data-smd-view=crystal] .crystal-capabilities a{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:#d6e7f6;font-size:11px;line-height:1.3}
html[data-smd-view=crystal] .crystal-capabilities svg{color:var(--crystal-accent);border:1px solid var(--crystal-accent);border-radius:50%;padding:5px;width:35px;height:35px;flex-shrink:0}
html[data-smd-view=crystal] body .services .service-card{min-height:0;height:auto;gap:0}
html[data-smd-view=crystal] body .services .service-card h3{min-height:0;margin:12px 0}
html[data-smd-view=crystal] body .services .service-card p{min-height:0;margin:8px 0 20px}
html[data-smd-view=crystal] body .services .service-card .service-image-wrap{height:155px;min-height:0;margin:-18px -18px 12px;width:calc(100% + 36px);border-radius:0;overflow:hidden}
html[data-smd-view=crystal] body .services .service-card .service-image{height:100%;width:100%;object-fit:cover}
@media(min-width:761px) and (max-width:1100px){html[data-smd-view=crystal] .site-header{flex-wrap:wrap}html[data-smd-view=crystal] .site-header>nav{order:3;width:100%}html[data-smd-view=crystal] .crystal-strip{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-smd-view=crystal] .hero-text-panel{width:68%}html[data-smd-view=crystal] .crystal-promo{padding:16px 12px;gap:8px}html[data-smd-view=crystal] .crystal-promo-icon svg{width:28px}}
@media(max-width:760px){
 html[data-smd-view=crystal] body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 html[data-smd-view=crystal] .site-header{padding:10px 14px;gap:8px;min-height:76px;flex-wrap:wrap}
 html[data-smd-view=crystal] .brand{min-width:0;max-width:calc(100% - 142px);font-size:17px;flex:1}
 html[data-smd-view=crystal] .brand img{max-width:58px;max-height:54px}
 html[data-smd-view=crystal] .crystal-menu{display:block;border:1px solid #10465d;border-radius:8px;background:#061b2b;color:#fff;width:34px;height:36px;font-size:21px;padding:0}
 html[data-smd-view=crystal] .site-header>nav{display:none;order:4;flex-basis:100%;justify-content:flex-start;max-height:70vh;overflow:auto;padding:10px 0}
 html[data-smd-view=crystal] .site-header.crystal-menu-open>nav{display:flex}
 html[data-smd-view=crystal] .hero-layout{min-height:0;display:flex!important;flex-direction:column}
 html[data-smd-view=crystal] .hero-slider{order:0;height:245px!important;min-height:245px!important;flex:none}
 html[data-smd-view=crystal] .hero-slide,html[data-smd-view=crystal] .hero-slide img{height:245px!important;min-height:245px!important}
 html[data-smd-view=crystal] .hero-slider:after{background:linear-gradient(0deg,var(--crystal-bg),#020c1510 65%)}
 html[data-smd-view=crystal] .hero-text-panel{order:1;width:100%;padding:4px 18px 20px!important;margin-top:-14px;z-index:3}
 html[data-smd-view=crystal] .hero-text-panel h1{font-size:clamp(23px,5.7vw,34px)!important;letter-spacing:-.4px;line-height:1.08!important}
 html[data-smd-view=crystal] .hero-text-panel .eyebrow{font-size:10px;letter-spacing:.6px}
 html[data-smd-view=crystal] .hero-text-panel .hero-copy{font-size:14px!important;margin:8px 0 12px}
 html[data-smd-view=crystal] .hero-text-panel .button{font-size:12px;padding:10px 11px;margin:4px 4px 0 0;min-height:42px}
 html[data-smd-view=crystal] .hero-arrow{bottom:34px}html[data-smd-view=crystal] .hero-dots{bottom:23px}
 html[data-smd-view=crystal] .service-line{padding:10px 18px;font-size:11px;flex-wrap:wrap}
 html[data-smd-view=crystal] .crystal-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 16px 16px}
 html[data-smd-view=crystal] .crystal-strip>a{flex:0 0 30%;flex-basis:30%;flex-shrink:0;scroll-snap-align:start}
 html[data-smd-view=crystal] .crystal-strip img,html[data-smd-view=crystal] .crystal-category-icon{height:94px}
 html[data-smd-view=crystal] .crystal-strip a>span:last-child{font-size:10px;min-height:39px}
 html[data-smd-view=crystal] .crystal-promos{grid-template-columns:1fr;gap:12px;padding:12px 16px}
 html[data-smd-view=crystal] .crystal-promo{min-height:136px;padding:16px;gap:16px}
 html[data-smd-view=crystal] .crystal-promo h2{font-size:16px}
 html[data-smd-view=crystal] .crystal-promo p{font-size:12px;margin-bottom:12px}
 html[data-smd-view=crystal] .services{padding:24px 16px}
 html[data-smd-view=crystal] .services .section-heading{display:block}
 html[data-smd-view=crystal] .services .section-heading h2{font-size:23px}
 html[data-smd-view=crystal] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html[data-smd-view=crystal] .service-card{padding:12px}
 html[data-smd-view=crystal] body .services .service-card .service-image-wrap{height:125px;margin:-12px -12px 12px;width:calc(100% + 24px)}
 html[data-smd-view=crystal] .crystal-capabilities{gap:8px;margin:18px 0 0}
 html[data-smd-view=crystal] .crystal-capabilities a{flex-direction:column;text-align:center;font-size:10px}
 html[data-smd-view=crystal] .service-card h3{font-size:16px}html[data-smd-view=crystal] .service-card p{font-size:12px}
 html[data-smd-view=crystal] .service-image-wrap{margin:-12px -12px 12px;width:calc(100% + 24px)}
 html[data-smd-view=crystal] .crystal-bottom{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;justify-content:space-around;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #105674;background:#020c15f5;box-shadow:0 -5px 20px #0008}
 html[data-smd-view=crystal] .crystal-bottom a{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;font-size:10px;line-height:1.2;text-align:center;padding:4px 2px;color:#cfdfed}
 html[data-smd-view=crystal] .crystal-bottom a[aria-current=page]{color:var(--crystal-accent);background:#009bff22;border-radius:9px}
 html[data-smd-view=crystal] .smd-human-chat{bottom:calc(85px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){html[data-smd-view=crystal] .service-grid{grid-template-columns:1fr}html[data-smd-view=crystal] .brand{font-size:14px}html[data-smd-view=crystal] .hero-text-panel .button{font-size:11px}}
@media(min-width:761px) and (max-width:1100px){html[data-smd-view=crystal] .hero-text-panel[data-font-mode=manual] h1{font-size:var(--hero-title-tablet,38px)!important}}
@media(max-width:760px){html[data-smd-view=crystal] .hero-text-panel[data-font-mode=manual] h1{font-size:var(--hero-title-mobile,29px)!important}}
@media(prefers-reduced-motion:reduce){html[data-smd-view=crystal] *,html[data-smd-view=crystal] *:before,html[data-smd-view=crystal] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}