.page-da-ga{color:#F2FFF6;background-color:#08160F}
.page-da-ga__hero{
 background: linear-gradient(135deg, #0A4B2C 0%, #08160F 100%);
 padding:10px 0 0;
 }
.page-da-ga__hero-container{
 max-width:1200px;
 display:flex;
 flex-direction:column;
 gap:20px;
 width:100%;
 margin:0 auto;
 padding:0 16px;
 }
.page-da-ga__hero-image img{
 width:100%;
 height:auto;
 aspect-ratio:16/9;
 object-fit:cover;
 border-radius:16px;
 border:1px solid #2E7A4E;
 }
.page-da-ga__hero-content{
 text-align:center;
 }
.page-da-ga__hero-title{
 font-size:clamp(2rem, 5vw, 3.2rem);
 font-weight:800;
 line-height:1.2;
 letter-spacing:-0.02em;
 color:#F2FFF6;
 max-width:900px;
 margin:0 auto 12px;
 }
.page-da-ga__hero-subtitle{
 color:#A7D9B8;
 font-size:1.1rem;
 line-height:1.7;
 max-width:900px;
 margin:0 auto 24px;
 }
.page-da-ga__hero-actions{
 display:flex;
 gap:12px;
 justify-content:center;
 flex-wrap:wrap;
 }
.page-da-ga__btn-primary,
.page-da-ga__btn-download{
 display:inline-block;
 padding:12px 30px;
 background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);
 color:#fff;
 border-radius:8px;
 font-weight:700;
 text-decoration:none;
 text-align:center;
 transition: transform .2s ease, box-shadow .2s ease;
 box-shadow:0 4px 15px rgba(87,227,141,.25);
 max-width:100%;
 box-sizing:border-box;
 white-space:normal;
 word-wrap:break-word;
 border:1px solid #57E38D;
 }
.page-da-ga__btn-primary:hover,
.page-da-ga__btn-download:hover{
 transform: translateY(-2px);
 box-shadow:0 6px 20px rgba(87,227,141,.4);
 }
.page-da-ga__logo-grid{
 max-width:1200px;
 margin:24px auto;
 padding:0 16px;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px 16px;
 justify-items:center;
 }
.page-da-ga__section-title{
 grid-column:1/-1;
 text-align:center;
 font-size:1.8rem;
 font-weight:700;
 color:#F2C14E;
 margin-bottom:8px;
 }
.page-da-ga__logo-item{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:12px;
 max-width:280px;
 width:100%;
 }
.page-da-ga__logo-image{
 display:block;
 width:100%;
 aspect-ratio:2/1;
 object-fit:contain;
 border-radius:8px;
 background-color:#11271B;
 border:1px solid #2E7A4E;
 }
.page-da-ga__logo-cta{
 display:inline-block;
 padding:8px 22px;
 border-radius:30px;
 background:#11271B;
 color:#57E38D;
 font-weight:600;
 text-decoration:none;
 transition: background .2s ease, color .2s ease;
 border:1px solid #2E7A4E;
 }
.page-da-ga__logo-cta:hover{
 background:#0A4B2C;
 color:#F2FFF6;
 }
.page-da-ga__logo-item:nth-child(5){grid-column:2}
.page-da-ga__logo-item:nth-child(6){grid-column:3}
.page-da-ga__guide{
 background:#08160F;
 padding:0 0 48px;
 }
.page-da-ga__guide-inner{
 max-width:1000px;
 margin:0 auto;
 padding:16px;
 }
.page-da-ga__guide-title{
 text-align:center;
 font-size:2rem;
 color:#F2C14E;
 margin-bottom:12px;
 }
.page-da-ga__guide-intro{
 text-align:center;
 color:#A7D9B8;
 margin-bottom:32px;
 font-size:1.1rem;
 }
.page-da-ga__guide-step{
 display:flex;
 flex-direction:column;
 gap:16px;
 margin-bottom:32px;
 padding:16px;
 background:#11271B;
 border-radius:12px;
 border:1px solid #2E7A4E;
 }
.page-da-ga__guide-figure{
 width:100%;
 }
.page-da-ga__guide-figure img{
 width:100%;
 max-width:800px;
 aspect-ratio:2/1;
 object-fit:cover;
 border-radius:8px;
 }
.page-da-ga__guide-content h3{
 font-size:1.4rem;
 color:#F2FFF6;
 margin-bottom:8px;
 }
.page-da-ga__guide-content p{
 color:#A7D9B8;
 line-height:1.8;
 }
.page-da-ga__guide-action{
 text-align:center;
 margin-top:16px;
 }
@media (max-width: 1024px){
 .page-da-ga__logo-grid{
   grid-template-columns:repeat(3,1fr);
 }
 .page-da-ga__logo-item:nth-child(5),
 .page-da-ga__logo-item:nth-child(6){
   grid-column:auto;
 }
}
@media (max-width: 768px){
 .page-da-ga__hero{
   padding-top:10px;
 }
 .page-da-ga__hero-title{
   font-size:1.8rem;
 }
 .page-da-ga__hero-subtitle{
   font-size:1rem;
 }
 .page-da-ga__hero-image img{
   aspect-ratio:16/10;
 }
 .page-da-ga__logo-grid{
   grid-template-columns:repeat(2,1fr);
   gap:16px 12px;
 }
 .page-da-ga__section-title{
   font-size:1.4rem;
 }
 .page-da-ga__logo-item:nth-child(5),
 .page-da-ga__logo-item:nth-child(6){
   grid-column:auto;
 }
 .page-da-ga__guide-title{
   font-size:1.5rem;
 }
 .page-da-ga__guide-figure{
   width:100%;
 }
 .page-da-ga__guide-figure img{
   width:100%;
   max-width:100%;
   height:auto;
 }
 .page-da-ga img{
   max-width:100% !important;
   height:auto !important;
 }
 .page-da-ga__btn-primary,
 .page-da-ga__btn-download{
   width:100%;
   box-sizing:border-box;
 }
 .page-da-ga__hero-actions{
   width:100%;
   max-width:100%;
   overflow:hidden;
   box-sizing:border-box;
 }
}