:root{--ink:#14343c;--blue:#123f4a;--deep:#0e3039;--aqua:#84e1d1;--paper:#edf8f5;--yellow:#d9dc48;--coral:#319f94;--line:#d3e5e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:#fffffff4;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:120px;height:50px;object-fit:contain}.brand>span{padding-left:12px;border-left:1px solid var(--line);display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:17px}.brand small{margin-top:3px;color:#617782}.desktop-nav{height:100%;display:flex;align-items:stretch;gap:8px}.desktop-nav a{position:relative;display:flex;align-items:center;padding:0 15px;font-weight:700;font-size:14px}.desktop-nav a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:transparent}.desktop-nav a.active:after{background:var(--yellow)}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;font-weight:700;list-style:none;padding:10px 14px;border:1px solid var(--line);border-radius:8px}.mobile-menu nav{position:absolute;right:0;top:48px;width:190px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #092a3c26;border-radius:10px}.mobile-menu nav a{display:block;padding:12px;font-weight:700}
.hero{position:relative;overflow:hidden;color:#fff;background-color:var(--deep);background-image:url('../images/storm-wind-hero.webp');background-size:cover;background-position:center;min-height:680px;padding:110px 28px 0}.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto;filter:drop-shadow(0 2px 8px #021c2c88)}.eyebrow,.step{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px}.eyebrow{color:var(--aqua)}.hero h1{max-width:820px;margin:22px 0 20px;font-size:clamp(54px,8vw,96px);line-height:.94;letter-spacing:-.055em}.hero h1 em,h2 em{color:var(--aqua);font-family:Georgia,serif;font-weight:400}.hero-inner>p{max-width:600px;margin:0;color:#d9edf2;font-size:19px;line-height:1.6}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:28px}.primary-button{display:inline-flex;align-items:center;gap:16px;padding:15px 20px;background:var(--yellow);color:#152b38;font-weight:900;border-radius:7px;box-shadow:0 6px 20px #02172366}.emergency-link{display:flex;align-items:center;gap:12px}.emergency-link span{font-size:13px;color:#d4e8ed}.emergency-link strong{font-size:28px}.quick-nav{position:relative;z-index:3;max-width:1180px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:var(--ink);box-shadow:0 18px 50px #041e2e55}.quick-nav a{min-height:116px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr 1fr;gap:0 14px;align-items:end;padding:27px;border-right:1px solid var(--line)}.quick-nav a:last-child{border:0}.quick-nav span{grid-row:1/3;align-self:center;color:var(--coral);font-weight:900}.quick-nav strong{justify-self:end;text-align:right;font-size:19px}.quick-nav small{align-self:start;color:#637985}.quick-nav b{grid-row:1/3;align-self:center;font-size:28px;font-weight:400}
.content-section{padding:120px 28px}.pale{background:var(--paper)}.section-grid,.section-intro,.situation-grid,.after-grid,.official-info{max-width:1180px;margin-left:auto;margin-right:auto}.section-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.step{color:var(--blue)}.step.coral{color:var(--coral)}.step.mint{color:var(--aqua)}.section-heading h2,.section-intro h2,.other-risks h2{margin:17px 0 15px;font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.02}.section-heading h2 em{display:block}.section-heading p,.section-intro>p,.other-risks p{max-width:630px;color:#617681;font-size:17px;line-height:1.65}.scene-photo,.motion-graphic{background-size:cover;background-position:center;background-repeat:no-repeat}.section-heading .scene-photo{height:280px;margin:32px 0 0;border-radius:18px;box-shadow:0 18px 45px #07364a26}.prevention{background-image:url('../images/motion-prevention.png')}.preemergency{background-image:url('../images/motion-preemergency.png')}.driving{background-image:url('../images/motion-driving.png')}.recovery{background-image:url('../images/motion-recovery.png')}.paper-card{padding:42px;background:#fff;box-shadow:0 12px 35px #07324712;border:1px solid #dfeaec;border-radius:8px}.check-list{padding:0;margin:0;list-style:none;display:grid;gap:20px}.check-list li{display:grid;grid-template-columns:25px 1fr;gap:12px;line-height:1.55}.check-list i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#d9f3f1;color:var(--blue);font-style:normal;font-weight:900;margin-top:1px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;margin-bottom:58px}.section-intro .step{grid-column:1/-1}.section-intro h2{margin-bottom:0}.section-intro>p{align-self:end}.situation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.situation-card{padding:34px;background:#fbfdfd;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #07324712;transition:transform .25s ease,box-shadow .25s ease}.situation-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #07324722}.situation-card.featured{background:var(--paper)}.situation-card>.scene-photo{height:235px;margin:-34px -34px 25px}.situation-card h3,.dark-card h3{display:inline-block;margin:18px 0;padding:9px 14px;border-left:4px solid var(--coral);border-radius:0 9px 9px 0;background:#7757cc12;color:var(--blue);font-size:21px;font-weight:900;letter-spacing:-.02em}.wide-card{grid-column:1/-1}.driving-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;padding:0;align-items:stretch}.driving-card .scene-photo{height:100%;min-height:390px;margin:0}.driving-card>div:last-child{padding:24px 34px 34px 0}
.dark-section{background:var(--deep);color:#fff}.section-intro.light>p{color:#b9d1d8}.after-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.dark-card{background:#0c4660;border:1px solid #ffffff18;border-radius:18px}.graphic-card{overflow:hidden}.graphic-card .motion-graphic{height:330px}.card-copy{padding:30px 34px 38px}.dark-card h3{margin-top:0;border-color:var(--aqua);background:#c7b6ff18;color:#fff}.dark-card .check-list{color:#d5e7eb}.dark-card .check-list i{background:#195c70;color:var(--aqua)}.reminder{align-self:start;padding:34px;background:#704136}.reminder .alert-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#3b2c1c;font-size:28px;font-weight:900}.reminder h3{margin-top:22px}.reminder p{line-height:1.65;color:#f5ded8}.official-info{margin-top:18px;padding:25px 30px;display:flex;align-items:center;gap:18px;background:var(--aqua);color:var(--ink);border-radius:5px}.info-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font:900 22px Georgia}.official-info div{display:flex;flex-direction:column;gap:5px;flex:1}.official-info a{padding:12px 17px;background:var(--ink);color:#fff;border-radius:5px;font-weight:800}
.other-risks{max-width:1180px;margin:auto;padding:105px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.other-risks h2{font-size:46px}.risk-cards{display:grid;gap:12px}.risk-cards>a,.risk-cards article{padding:22px;border:1px solid var(--line);display:flex;flex-direction:column;gap:5px;border-radius:5px;background:var(--paper)}.risk-cards small{color:#687d87}.alerts-wrap{padding:0 28px 100px}.alerts-panel{max-width:1180px;margin:auto;padding:34px 30px 28px;border:1px solid #d9e3e6;border-top:6px solid #cc262b;border-radius:18px;background:linear-gradient(115deg,#fff 65%,#edf8f9);box-shadow:0 16px 38px #07324710}.alerts-heading{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center}.alert-symbol{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#cc262b;color:#fff;box-shadow:0 10px 20px #cc262b30;font-size:34px;font-weight:900}.step.red{color:#cc262b}.alerts-heading h2{margin:7px 0 6px;font-size:34px;letter-spacing:-.025em}.alerts-heading p{margin:0;max-width:780px;color:#617681;line-height:1.55}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px}.social-grid>a{min-height:112px;padding:20px 17px;display:flex;align-items:center;gap:14px;border:1px solid #d8e3e6;border-radius:12px;background:#f2f7f8;transition:transform .2s ease,box-shadow .2s ease}.social-grid>a:hover{transform:translateY(-2px);box-shadow:0 9px 22px #07324720}.social-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:27px;font-weight:800}.facebook{background:#1877f2}.instagram{background:linear-gradient(135deg,#6a4bc5,#da2868,#ff8c30)}.whatsapp{background:#159650}.telegram{background:#229ed9}.social-grid>a>span:last-child{display:flex;flex-direction:column;gap:4px}.social-grid small{color:#5f737d}.sos-banner{min-height:98px;padding:20px 24px;display:flex;align-items:center;gap:18px;background:#087b88;color:#fff;border-radius:13px;box-shadow:0 10px 22px #087b8825}.sos-banner>span{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#ffffff1c}.sos-banner>div{display:flex;flex:1;flex-direction:column;gap:6px}.sos-banner strong{font-size:19px}.sos-banner small{font-size:14px}.sos-banner b{font-size:28px}.official-check{margin:18px 4px 0;color:#627680;font-size:13px}footer{padding:35px 28px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:center;gap:24px}footer img{object-fit:contain}footer p{flex:1;color:#617681}footer a{font-weight:800}
@media(max-width:900px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{height:72px;padding:0 18px}.brand img{width:104px;height:44px}.brand strong{font-size:15px}.brand small{font-size:11px}.desktop-nav{display:none}.mobile-menu{display:block}.hero{min-height:auto;padding:75px 20px 0;background-image:url('../images/storm-wind-hero-mobile.webp');background-position:center bottom;background-size:cover}.hero h1{font-size:54px}.hero-inner>p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.primary-button{justify-content:space-between}.quick-nav{margin:65px -20px 0;grid-template-columns:1fr}.quick-nav a{min-height:90px;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.content-section{padding:80px 20px}.section-grid,.section-intro,.situation-grid,.after-grid,.other-risks{grid-template-columns:1fr;gap:25px}.section-grid{gap:38px}.paper-card,.situation-card{padding:25px}.section-intro{margin-bottom:38px}.section-intro .step{grid-column:auto}.section-intro h2{margin-top:-5px}.situation-card>.scene-photo{margin:-25px -25px 22px}.wide-card{grid-column:auto}.driving-card{grid-template-columns:1fr}.driving-card .scene-photo{min-height:260px}.driving-card>div:last-child{padding:0 25px 25px}.graphic-card .motion-graphic{height:240px}.official-info{align-items:flex-start;flex-wrap:wrap;padding:23px}.official-info div{min-width:calc(100% - 60px)}.official-info a{width:100%;text-align:center}.other-risks{padding:75px 20px}.other-risks h2{font-size:40px}.alerts-wrap{padding:0 14px 70px}.alerts-panel{padding:25px 18px 22px}.alerts-heading{grid-template-columns:54px 1fr;gap:14px}.alert-symbol{width:54px;height:54px}.alerts-heading h2{font-size:27px}.alerts-heading p{grid-column:1/-1}.social-grid{grid-template-columns:1fr}.social-grid>a{min-height:88px}.sos-banner{align-items:flex-start}footer{flex-wrap:wrap}footer p{min-width:calc(100% - 90px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.storm-wind-before{background-image:url('../images/storm-wind-before.webp')}.storm-wind-home{background-image:url('../images/storm-wind-home.webp')}.storm-wind-street{background-image:url('../images/storm-wind-street.webp')}.storm-wind-driving{background-image:url('../images/storm-wind-driving.webp')}.storm-wind-after{background-image:url('../images/storm-wind-after.webp')}
.after-showcase{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.after-showcase article{position:relative;min-height:310px;overflow:hidden;border:1px solid #ffffff1c;border-radius:18px;background:#30265c;box-shadow:0 18px 45px #100a2855}.after-showcase .motion-graphic{position:absolute;inset:0;height:100%;background-position:center}.after-showcase .motion-graphic:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#17102fd9)}.after-showcase h3{position:absolute;left:28px;right:28px;bottom:25px;z-index:2;margin:0;padding:10px 15px;border-left:4px solid var(--yellow);border-radius:0 9px 9px 0;background:#211942dc;color:#fff;font-size:22px}.after-tips{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.after-tips article{min-height:104px;padding:22px 24px;display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start;border:1px solid #ffffff18;border-radius:12px;background:#30265c}.after-tips article:last-child{grid-column:1/-1}.after-tips span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:900}.after-tips p{margin:1px 0 0;color:#eee9ff;font-size:16px;line-height:1.55}@media(max-width:760px){.after-showcase,.after-tips{grid-template-columns:1fr}.after-showcase article{min-height:260px}.after-tips article:last-child{grid-column:auto}}
\n.storm-wind-driving-card .scene-photo{min-height:390px}.storm-wind-after-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.storm-wind-after-grid>.motion-graphic{min-height:100%;border-radius:18px;box-shadow:0 18px 45px #051b2155}.storm-wind-page .after-tips{grid-template-columns:1fr}.storm-wind-page .after-tips article:last-child{grid-column:auto}.storm-wind-page .after-tips article{background:#174753}.storm-wind-page .after-tips span{background:#d9dc48}.storm-wind-page .official-info{background:#84e1d1}\n@media(max-width:760px){.hero h1{font-size:50px}.storm-wind-driving-card .scene-photo{min-height:260px}.storm-wind-after-grid{grid-template-columns:1fr}.storm-wind-after-grid>.motion-graphic{min-height:260px}}\n