.switch-guide-main { padding-top: 38px; padding-bottom: 72px; }
.switch-guide-hero { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr); align-items:center; gap:44px; margin-bottom:18px; padding:42px; border:1px solid rgba(255,86,99,.28); border-radius:23px; background:radial-gradient(circle at 82% 15%,rgba(255,63,81,.15),transparent 27%),linear-gradient(135deg,rgba(24,33,48,.95),rgba(12,17,26,.98)); box-shadow:0 22px 55px rgba(0,0,0,.2); }
.switch-guide-hero h1 { margin:7px 0 13px; font-size:clamp(2.3rem,5vw,4.1rem); line-height:.95; letter-spacing:-.06em; }
.switch-guide-hero h1 em { color:#ff838d; font-style:normal; }
.switch-guide-hero p:not(.eyebrow) { max-width:780px; margin:0; color:#b6c1ce; line-height:1.7; }
.switch-hero-media { position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; border:1px solid rgba(255,255,255,.35); border-radius:28px; background:#06090e; box-shadow:0 28px 65px rgba(0,0,0,.5); transform:rotate(-1.5deg); }
.switch-hero-media::after { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 55%,rgba(2,5,9,.4)); content:""; }
.switch-hero-media video { display:block; width:100%; height:100%; object-fit:cover; }
.switch-media-tag { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(14,24,37,.88); color:#eaf0f7; font-size:.6875rem; font-weight:800; box-shadow:0 8px 20px rgba(0,0,0,.3); backdrop-filter:blur(8px); }.switch-media-tag i { color:#ff806f; }.switch-media-tag-top { top:14px; left:14px; }.switch-media-tag-bottom { right:14px; bottom:14px; }
#switchVideoToggle { position:absolute; z-index:3; right:14px; top:14px; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,255,255,.26); border-radius:50%; background:rgba(7,12,19,.82); color:#fff; cursor:pointer; backdrop-filter:blur(8px); }#switchVideoToggle:hover,#switchVideoToggle:focus-visible{border-color:#ff8993;outline:none}
.guide-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.guide-primary,.guide-secondary,.guide-service aside a { display:inline-flex; min-height:43px; align-items:center; justify-content:center; padding:0 15px; border:1px solid rgba(255,110,120,.44); border-radius:8px; background:linear-gradient(135deg,#a33946,#592833); color:#fff6f7; font-size:.76rem; font-weight:800; }
.guide-secondary { background:rgba(255,255,255,.035); color:#ffb0b6; }
.guide-warning { display:flex; gap:13px; margin-bottom:18px; padding:16px 18px; border:1px solid rgba(255,165,87,.27); border-radius:12px; background:rgba(76,48,29,.27); }
.guide-warning i { padding-top:3px; color:#ffaf72; }.guide-warning strong { color:#fff0dd; }.guide-warning p { margin:4px 0 0; color:#c1b7aa; font-size:.79rem; line-height:1.6; }
.guide-service { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(275px,.7fr); gap:26px; margin:0 0 20px; padding:25px; border:1px solid rgba(230,179,91,.42); border-radius:15px; background:radial-gradient(ellipse at 10% 0,rgba(188,130,46,.16),transparent 46%),linear-gradient(145deg,#171b20,#10151c); }
.guide-service h2,.guide-heading h2 { margin:7px 0 10px; font-size:clamp(1.45rem,2.8vw,2.15rem); letter-spacing:-.035em; }.guide-service p { max-width:760px; color:#b6c0cc; line-height:1.65; }
.guide-service ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:17px 0 0; padding:0; list-style:none; }.guide-service li { padding:10px 12px; border-left:2px solid #cc964d; background:rgba(218,166,74,.06); color:#e2d5bf; font-size:.76rem; }
.guide-service aside { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; padding:19px; border:1px solid rgba(230,179,91,.25); border-radius:11px; background:rgba(6,10,15,.48); }.guide-service aside>span { color:#e6bc78; font-size:.6875rem; font-weight:900; letter-spacing:.12em; }.guide-service aside strong { color:#f4d18b; font-size:2.15rem; line-height:1; }.guide-service aside small { color:#aeb7c4; font-size:.69rem; line-height:1.55; }.guide-service aside a { width:100%; box-sizing:border-box; }.guide-service aside .guide-whatsapp { border-color:rgba(107,214,139,.45); background:rgba(44,140,74,.13); color:#a4ecbc; }
.guide-video { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr); gap:24px; align-items:center; margin-bottom:38px; padding:20px; border:1px solid var(--line); border-radius:14px; background:rgba(10,17,26,.75); }.guide-video-frame { aspect-ratio:16/9; overflow:hidden; border-radius:9px; background:#030508; }.guide-video iframe { width:100%; height:100%; border:0; }.guide-video h2 { margin:8px 0; font-size:1.55rem; }.guide-video p { color:var(--muted); line-height:1.65; }.guide-video a { color:#ff9ca5; font-weight:800; font-size:.78rem; }
.guide-section { margin:0 0 36px; }.guide-heading { max-width:850px; margin:0 0 17px; }.guide-heading p:not(.eyebrow) { color:var(--muted); line-height:1.65; }.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.guide-grid article { padding:20px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(145deg,rgba(23,35,49,.92),rgba(13,21,31,.97)); }.guide-grid h3 { display:flex; align-items:center; gap:10px; margin:0 0 11px; color:#f2f6fb; font-size:1.03rem; }.guide-grid h3 i { color:#ff8993; }.guide-grid p { margin:0 0 10px; color:#b2bfcd; font-size:.79rem; line-height:1.68; }.guide-grid p:last-child { margin-bottom:0; }.guide-grid a { color:#9bd9ec; font-weight:700; }.guide-grid code { color:#ffe1b0; }
.source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.source-grid a { display:flex; align-items:center; gap:13px; min-height:66px; padding:13px 15px; border:1px solid var(--line); border-radius:10px; background:rgba(18,30,43,.82); color:#d7e5f4; }.source-grid a:hover { border-color:rgba(113,215,255,.48); }.source-grid i { display:grid; width:35px; height:35px; flex:0 0 35px; place-items:center; border-radius:9px; background:rgba(83,191,231,.12); color:#89daf2; }.source-grid strong,.source-grid small { display:block; }.source-grid strong { font-size:.8rem; }.source-grid small { margin-top:3px; color:#a1b1c2; font-size:.6875rem; }
@media(max-width:980px){.switch-guide-hero{grid-template-columns:1fr}.switch-hero-media{max-width:720px;justify-self:center;transform:none}}@media(max-width:780px){.guide-service,.guide-video{grid-template-columns:1fr}.guide-grid,.source-grid{grid-template-columns:1fr}.guide-service ul{grid-template-columns:1fr}}@media(max-width:540px){.switch-guide-main{padding-top:22px}.switch-guide-hero,.guide-service{padding:19px}.switch-guide-hero h1{font-size:2.45rem}.guide-service aside strong{font-size:1.85rem}.switch-media-tag-bottom{display:none}}