.doublo-figma{--dg-paper:#fdfbf7;--dg-sage:#f1f2e8;--dg-accent:#9a9d67;--dg-dark:#30352a;--dg-ink:#3d332f;background:var(--dg-paper);color:var(--dg-ink);font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo',sans-serif}.doublo-figma main{padding-top:127px;overflow:hidden}.doublo-figma .lp-header{height:127px;background:#fdfbf7}.dg-container{width:min(1460px,calc(100% - 80px));margin:auto}.dg-kicker{margin:0 0 18px;color:var(--dg-accent);font-size:18px;font-weight:700;letter-spacing:.08em}.dg-two{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.dg-copy h2,.dg-progress h2,.dg-benefits h2,.dg-recommend h2,.dg-faq h2{margin:0;font-size:52px;line-height:1.16;letter-spacing:-.045em}.dg-copy>p:not(.dg-kicker){margin:26px 0 0;color:#665e5e;font-size:21px;line-height:1.75}.dg-hero{height:762px;margin:0 2.3vw;border:0;border-radius:37px;overflow:hidden;display:grid;grid-template-columns:48% 52%;background:var(--dg-sage)}.dg-hero-copy{padding:112px 40px 45px max(9vw,calc((100vw - 1460px)/2))}.dg-hero h1{margin:0;font-size:72px;line-height:1.08;letter-spacing:-.055em}.dg-hero h1 em{color:var(--dg-accent);font-style:normal}.dg-lead{margin:25px 0 0;color:#62595a;font-size:22px;line-height:1.75}.dg-pills{display:flex;gap:12px;margin-top:28px}.dg-pills span{padding:10px 19px;border:0;border-radius:999px;background:#7f8252;color:#fff;font-size:18px;font-weight:700}.dg-hero figure{height:100%;margin:0;overflow:hidden}.dg-hero figure img{height:100%;object-fit:cover}.dg-intro{height:820px;padding:130px 0}.dg-intro figure,.dg-effect figure{height:560px;margin:0;border-radius:28px;overflow:hidden}.dg-intro figure img,.dg-effect figure img{height:100%;width:100%;object-fit:cover;object-position:22% 30%;transform:scale(1.28);transform-origin:18% 32%}.dg-progress{height:767px;padding:130px 0;background:var(--dg-sage)}.dg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}.dg-steps article{height:262px;padding:38px;background:#f5efe8;border:1px solid #e3d9d8;border-radius:24px}.dg-steps b{color:var(--dg-accent);font-size:36px}.dg-steps h3{margin:12px 0;font-size:23px}.dg-steps p{margin:0;color:#665e5e;font-size:18px;line-height:1.65}.dg-effect{height:820px;padding:105px 0}.dg-effect figure{height:480px;width:100%}.dg-effect figure img{object-position:22% 30%}.dg-effect .dg-copy>i,.dg-benefits-grid>div:first-child>i{display:block;width:88px;height:3px;margin:24px 0;background:var(--dg-accent)}.dg-effect .dg-copy>p:last-child{font-size:20px;color:#616354;line-height:1.65}.dg-benefits{height:760px;padding:105px 0;background:var(--dg-dark);color:#fffcf0}.dg-benefits-grid{display:grid;grid-template-columns:560px 1fr;gap:110px}.dg-benefits-grid>div:first-child>p:last-child{color:#c9cfb8;font-size:20px;line-height:1.65}.dg-benefit-list p{height:137px;margin:0;display:flex;align-items:center;border-top:1px solid #6b7357;font-size:23px;font-weight:700}.dg-benefit-list b{width:80px;color:#c7b873;font-size:17px}.dg-recommend{height:820px;background:var(--dg-sage)}.dg-recommend-grid{height:100%;display:grid;grid-template-columns:54.7% 45.3%}.dg-recommend-grid>div{padding:78px 100px 70px max(6vw,calc((100vw - 1680px)/2))}.dg-recommend ol{padding:0;margin:24px 0;list-style:none;counter-reset:r}.dg-recommend li{counter-increment:r;display:flex;align-items:center;height:82px;padding:0 24px 0 94px;position:relative;border-radius:12px;background:#e8f0e1;font-size:20px}.dg-recommend li:nth-child(even){background:#fdf9fb}.dg-recommend li:before{content:'0' counter(r);position:absolute;left:24px;color:#929759;font-size:16px;font-weight:700}.dg-recommend figure{height:820px;margin:0;overflow:hidden}.dg-recommend figure img{height:100%;object-fit:cover}.dg-faq{padding:110px 0 125px}.dg-faq-head{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin-bottom:42px}.dg-faq-head>p{margin:0;color:#6b6e5c;font-size:22px}.dg-faq-list{display:grid;gap:16px}.dg-faq details{padding:0 36px;border-radius:18px;background:var(--dg-sage)}.dg-faq summary{min-height:96px;display:grid;grid-template-columns:56px 1fr 42px;gap:30px;align-items:center;list-style:none;cursor:pointer}.dg-faq summary::-webkit-details-marker{display:none}.dg-faq summary b{color:#8c914f;font-size:17px}.dg-faq summary span{font-size:24px;font-weight:700}.dg-faq summary i{color:#8c914f;font-size:26px;font-style:normal;text-align:center}.dg-faq details p{margin:0 72px 34px 86px;color:#666957;font-size:18px;line-height:1.65}
@media(max-width:1500px){.dg-hero-copy{padding:82px 32px 38px 9vw}.dg-hero h1{font-size:48px;line-height:1.12}.dg-kicker{font-size:15px}.dg-lead{font-size:18px}.dg-pills span{font-size:15px}.dg-steps h3{font-size:20px}.dg-benefits-grid{gap:70px}}
@media(max-width:1100px){.dg-container{width:calc(100% - 56px)}.dg-hero h1{font-size:46px}.dg-hero-copy{padding-left:6vw}.dg-two{gap:46px}.dg-copy h2,.dg-progress h2,.dg-benefits h2,.dg-recommend h2,.dg-faq h2{font-size:43px}.dg-benefits-grid{grid-template-columns:42% 1fr}.dg-benefit-list p{font-size:19px}.dg-recommend-grid>div{padding-right:42px}}
@media(max-width:760px){.doublo-figma main{padding-top:68px}.doublo-figma .lp-header{height:68px}.dg-container{width:calc(100% - 40px)}.dg-hero{height:auto;margin:0;border-radius:0;grid-template-columns:1fr}.dg-hero-copy{padding:56px 20px 40px}.dg-kicker{font-size:14px}.dg-hero h1{font-size:40px}.dg-lead{font-size:17px}.dg-lead br,.dg-copy p br,.dg-faq details p br{display:none}.dg-pills{flex-wrap:wrap}.dg-pills span{font-size:14px}.dg-hero figure{height:440px}.dg-intro,.dg-progress,.dg-effect,.dg-benefits,.dg-recommend{height:auto;padding:78px 0}.dg-two,.dg-benefits-grid,.dg-recommend-grid{grid-template-columns:1fr;gap:42px}.dg-copy h2,.dg-progress h2,.dg-benefits h2,.dg-recommend h2,.dg-faq h2{font-size:34px}.dg-copy>p:not(.dg-kicker){font-size:18px}.dg-intro figure{height:390px}.dg-steps{grid-template-columns:1fr}.dg-steps article{height:auto;min-height:230px}.dg-effect figure{width:100%;height:330px;order:2}.dg-benefits-grid>div:first-child>p:last-child{font-size:18px}.dg-benefit-list p{height:auto;min-height:100px;font-size:18px}.dg-benefit-list b{width:55px}.dg-recommend-grid{width:100%;gap:0}.dg-recommend-grid>div{width:calc(100% - 40px);margin:auto;padding:0 0 64px}.dg-recommend li{height:auto;min-height:74px;padding:15px 18px 15px 70px;font-size:16px;line-height:1.5}.dg-recommend figure{height:450px}.dg-faq{padding:78px 0 100px}.dg-faq-head{grid-template-columns:1fr;gap:22px}.dg-faq-head>p{font-size:18px}.dg-faq details{padding:0 20px}.dg-faq summary{grid-template-columns:42px 1fr 30px;gap:10px}.dg-faq summary span{font-size:19px}.dg-faq details p{margin:0 0 28px 52px;font-size:17px}}
.dg-effect{height:auto;min-height:610px;padding:105px 0}
@media(min-width:761px){
  .dg-effect .dg-two{min-height:400px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
  .dg-effect figure{width:100%;max-width:none;height:480px;order:2}
  .dg-effect .dg-copy{order:1}
  .dg-effect figure img{object-fit:cover;object-position:28% 30%;transform:none}
}
@media(max-width:760px){
  .dg-effect{min-height:0;padding:78px 0}
  .dg-effect .dg-two{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:32px!important;
    min-height:0!important;
  }
  .dg-effect .dg-copy{order:1!important;width:100%!important;max-width:none!important}
  .dg-effect figure{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    height:min(78vw,420px)!important;
    border-radius:24px;
    overflow:hidden;
  }
  .dg-effect figure img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
}

/* recommend: rounded photo card on right */
.doublo-figma .dg-recommend{position:relative;overflow:hidden;height:820px;background:#f1f2e8}
.doublo-figma .dg-recommend-grid{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:min(1460px,calc(100% - 80px));margin:auto}
.doublo-figma .dg-recommend-grid>div{position:relative;z-index:2;max-width:none;padding:78px 20px 78px 0}
.doublo-figma .dg-recommend figure{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:640px;margin:0;border-radius:36px;background:#e4e6d8;overflow:hidden;z-index:1;pointer-events:auto;display:block;box-shadow:0 18px 48px rgba(48,53,42,.1)}
.doublo-figma .dg-recommend figure img{width:100%;height:100%!important;max-height:none;max-width:none;object-fit:cover!important;object-position:center 22%;opacity:1;mix-blend-mode:normal;transform:none;display:block}
@media(max-width:760px){.doublo-figma .dg-recommend{height:auto;padding:72px 0}.doublo-figma .dg-recommend-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:36px;height:auto}.doublo-figma .dg-recommend-grid>div{padding:0}.doublo-figma .dg-recommend figure{height:min(78vw,520px);border-radius:28px}}
