*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17243a;background:#f6f8fb}button,select{font:inherit}button{cursor:pointer}.wrap{max-width:1040px;margin:auto;padding:0 20px}
header{height:76px;background:#fff;border-bottom:1px solid #e7ebf1;display:flex;align-items:center}.head{display:flex;align-items:center;justify-content:space-between}.logo{width:205px}.trust{font-size:12px;color:#718096;font-weight:700}
.hero{padding:56px 0 30px;text-align:center}.badge{display:inline-block;padding:7px 11px;background:#eaf2ff;color:#1769ff;border-radius:99px;font-size:11px;font-weight:900}.hero h1{font-size:42px;letter-spacing:-1.8px;line-height:1.18;margin:14px 0 10px;color:#0d1d37}.hero p{font-size:14px;color:#6e7b90;line-height:1.7}
.panel{max-width:780px;margin:18px auto 70px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px;box-shadow:0 18px 55px rgba(25,44,80,.08)}
.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:26px}.progress i{height:4px;background:#edf0f4;border-radius:10px}.progress i.on{background:#1769ff}
.step{display:none}.step.on{display:block}.step small{font-size:11px;color:#1769ff;font-weight:900}.step h2{font-size:25px;margin:7px 0 6px;letter-spacing:-.8px}.step p{font-size:12px;color:#7a8799;margin:0 0 18px}
.selects{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.selectbox label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.selectbox select{width:100%;border:1px solid #dce3ec;border-radius:11px;background:#fff;padding:13px;color:#26364e}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pick{border:1px solid #dce3ec;background:#fff;border-radius:12px;padding:16px;text-align:left;font-weight:850;color:#33435b}.pick span{display:block;font-size:10px;color:#8a96a6;font-weight:600;margin-top:4px}.pick.sel{border-color:#1769ff;background:#eef4ff;color:#1769ff}
.next{width:100%;border:0;border-radius:11px;padding:14px;background:#10213d;color:#fff;font-weight:900;margin-top:18px}.next:disabled{opacity:.35;cursor:not-allowed}
.result{display:none}.result.on{display:block}.result h2{font-size:27px;margin:9px 0}.result p{font-size:13px;color:#617086;line-height:1.7}.box{background:#f7f9fc;border-radius:13px;padding:16px;margin-top:12px}.box b{font-size:12px}.box ol{font-size:12px;color:#56647a;line-height:1.8;padding-left:18px;margin-bottom:0}
.answer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.answer button{padding:12px;border-radius:10px;border:1px solid #dce3ec;background:#fff;font-weight:850}.answer .no{color:#c44949;background:#fff7f7;border-color:#ffd9d9}
.call{display:none;margin-top:10px;background:#10213d;color:#fff;padding:16px;border-radius:13px}.call.on{display:block}.call b{display:block}.call span{display:block;font-size:11px;opacity:.72;margin-top:4px}
.seo{background:#fff;padding:55px 0}.seo h2{text-align:center;font-size:27px}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.link{padding:15px;border:1px solid #e2e8f0;border-radius:12px}.link b{font-size:13px}.link span{display:block;font-size:10px;color:#8290a2;margin-top:4px}
footer{background:#10213d;color:#fff;padding:30px 0;text-align:center;font-size:11px;opacity:.95}
@media(max-width:700px){.hero h1{font-size:33px}.selects,.cards,.links{grid-template-columns:1fr}.trust{display:none}.panel{padding:20px;margin-bottom:45px}}

/* 로고 - 외부 폰트/SVG 텍스트에 의존하지 않음 */
.brand-logo{display:flex;align-items:center;gap:11px;min-width:215px}
.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#0b2d59,#287cff);position:relative;display:block;flex:0 0 auto;box-shadow:0 7px 18px rgba(30,94,190,.15)}
.brand-mark i{position:absolute;display:block;border:3px solid #fff;border-left:0;border-top:0;border-radius:0 0 10px 0}
.brand-mark i:first-child{left:11px;top:9px;width:20px;height:20px}
.brand-mark i:last-child{left:16px;top:15px;width:18px;height:18px;border-color:#a9d2ff}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text b{font-size:20px;letter-spacing:-.8px;color:#10213d}
.brand-text small{font-size:10px;color:#78869a;font-weight:700;margin-top:5px}

/* 반응형 애니메이션 카드 */
.motion-scene{
  max-width:760px;
  margin:28px auto 0;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  min-height:230px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
  align-items:center;
  text-align:left;
  padding:26px 30px;
  box-shadow:0 18px 50px rgba(25,44,80,.06);
  overflow:hidden
}
.motion-copy b{display:block;font-size:20px;letter-spacing:-.6px;color:#10213d}
.motion-copy span{display:block;font-size:12px;color:#7b889a;line-height:1.65;margin-top:7px;max-width:320px}

.drain-animation{
  width:280px;
  height:180px;
  position:relative;
  margin:0 auto;
}
.toilet-ani{
  position:absolute;
  width:130px;
  height:148px;
  left:105px;
  bottom:5px;
}
.tank-ani{
  position:absolute;left:42px;top:0;width:72px;height:56px;
  background:#f4f8fc;border:3px solid #aebfd1;border-radius:12px 12px 8px 8px
}
.seat-ani{
  position:absolute;left:20px;top:48px;width:102px;height:12px;
  border:3px solid #aebfd1;background:#fff;border-radius:10px;z-index:3
}
.bowl-ani{
  position:absolute;left:23px;top:55px;width:96px;height:58px;
  border:3px solid #aebfd1;background:#f9fcff;border-radius:12px 12px 44px 44px;overflow:hidden
}
.base-ani{
  position:absolute;left:55px;top:109px;width:50px;height:35px;
  border:3px solid #aebfd1;border-top:0;background:#f4f8fc;border-radius:0 0 12px 12px
}
.water-ani{
  position:absolute;left:9px;right:9px;top:21px;height:25px;border-radius:50%;
  background:#dceeff;overflow:hidden
}
.water-ani span{
  position:absolute;width:7px;height:7px;border-radius:50%;background:#438fff;bottom:-8px;
  animation:bubbleUp 2.2s ease-in infinite
}
.water-ani span:nth-child(1){left:18px}
.water-ani span:nth-child(2){left:42px;animation-delay:.55s}
.water-ani span:nth-child(3){left:65px;animation-delay:1.05s}

.plunger-ani{
  position:absolute;
  left:60px;
  top:5px;
  width:54px;
  height:132px;
  transform-origin:50% 100%;
  animation:plungeStable 1.8s ease-in-out infinite;
  z-index:5
}
.plunger-stick{
  position:absolute;left:23px;top:0;width:7px;height:94px;
  background:#48596e;border-radius:6px
}
.plunger-cup{
  position:absolute;left:7px;top:85px;width:40px;height:29px;
  background:#287cff;border-radius:22px 22px 8px 8px
}
.flow-line{
  position:absolute;border-radius:999px;background:#75b7ff;opacity:.0;
  animation:flowFlash 1.8s ease-in-out infinite
}
.f1{width:34px;height:4px;left:98px;top:108px;transform:rotate(18deg)}
.f2{width:28px;height:4px;left:93px;top:126px;transform:rotate(-12deg);animation-delay:.15s}

.panel{animation:riseIn .55s ease both}
.step.on{animation:stepIn .3s ease both}
.pick{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.pick:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(25,44,80,.07)}
.next{transition:transform .18s ease,box-shadow .18s ease}
.next:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,33,61,.13)}

@keyframes plungeStable{
  0%,100%{transform:translateY(-7px) rotate(-3deg)}
  46%,62%{transform:translateY(19px) rotate(2deg)}
}
@keyframes bubbleUp{
  0%{transform:translateY(10px) scale(.55);opacity:0}
  32%{opacity:1}
  100%{transform:translateY(-28px) scale(1.05);opacity:0}
}
@keyframes flowFlash{
  0%,43%{opacity:0;transform:scaleX(.5)}
  55%{opacity:.8}
  78%,100%{opacity:0;transform:scaleX(1.2)}
}
@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes stepIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .motion-scene{grid-template-columns:1fr;padding:21px;text-align:center}
  .motion-copy span{margin:7px auto 0}
  .drain-animation{width:260px;height:170px}
  .toilet-ani{left:100px;transform:scale(.92);transform-origin:bottom left}
  .plunger-ani{left:56px;transform-origin:50% 100%}
  .brand-logo{min-width:0}.brand-text b{font-size:19px}
}
@media(max-width:420px){
  .motion-scene{padding:18px 12px}
  .drain-animation{transform:scale(.88);transform-origin:center top;margin-bottom:-18px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
}

.ai-hero{background:radial-gradient(circle at 80% 20%,#e9f3ff 0,#f6f9fd 32%,#fff 70%);padding:72px 0 66px;border-bottom:1px solid #e7ebf1}
.ai-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:58px;align-items:center}.ai-copy h1{font-size:50px;line-height:1.1;letter-spacing:-2.3px;margin:17px 0 15px;color:#0d1d37}.ai-copy h1 em{font-style:normal;color:#1769ff}.ai-copy p{font-size:15px;max-width:560px}.hero-btn{border:0;background:#1769ff;color:#fff;border-radius:12px;padding:15px 20px;font-weight:900;margin-top:17px;box-shadow:0 10px 25px rgba(23,105,255,.18)}.hero-note{font-size:10px;color:#8793a4;margin-top:11px}
.ai-screen{background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(24,48,88,.12);position:relative;overflow:hidden}.ai-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(44,127,255,.035),transparent 70%);animation:screenSweep 4s linear infinite}.screen-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;padding-bottom:14px;margin-bottom:15px;position:relative}.screen-head .dot{width:9px;height:9px;border-radius:50%;background:#1769ff;box-shadow:0 0 0 5px #e9f2ff}.screen-head b{font-size:12px}.screen-head small{margin-left:auto;color:#8793a4;font-size:9px}.chat{max-width:84%;font-size:11px;line-height:1.55;padding:11px 13px;border-radius:13px;margin:9px 0;position:relative}.chat.bot{background:#f0f5ff;color:#244265}.chat.user{background:#10213d;color:#fff;margin-left:auto}.scan{background:#f8fafc;border-radius:13px;padding:13px;margin-top:14px;position:relative}.scan-title{display:block;font-size:10px;font-weight:900;color:#1769ff;margin-bottom:8px}.scan div{font-size:10px;color:#627086;margin-top:7px}.scan i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.scan .ok{background:#13a474}.scan .load{border:1px solid #1769ff;border-top-color:transparent;animation:spin 1s linear infinite}.ai-result-mini{border:1px solid #dce6f3;border-radius:13px;padding:13px;margin-top:11px;position:relative}.ai-result-mini b{font-size:11px}.ai-result-mini strong{float:right;color:#1769ff;font-size:11px}.ai-result-mini span{display:block;font-size:9px;color:#8591a2;margin-top:5px}
.flow-strip{background:#fff;border-bottom:1px solid #e7ebf1}.flow-grid{min-height:90px;display:flex;align-items:center;justify-content:space-between}.flow-grid div{text-align:center;min-width:110px}.flow-grid b{display:block;font-size:10px;color:#1769ff}.flow-grid span{font-size:11px;font-weight:800}.flow-grid i{height:1px;flex:1;background:#dfe5ed;max-width:55px}
.ai-panel{margin-top:70px;margin-bottom:70px}.panel-title{text-align:center;margin-bottom:25px}.panel-title h2{font-size:29px;margin:8px 0}.panel-title p{font-size:12px;color:#7b8798}.free-text{margin-top:14px}.free-text label{display:block;font-size:11px;font-weight:850;margin-bottom:7px}.free-text textarea{width:100%;min-height:86px;resize:vertical;border:1px solid #dce3ec;border-radius:12px;padding:13px;outline:none}.free-text textarea:focus{border-color:#1769ff;box-shadow:0 0 0 3px #edf4ff}.ai-next{background:#1769ff}.analysis-step{display:none;text-align:center;padding:38px 10px}.analysis-step.on{display:block;animation:riseIn .3s ease}.ai-orb{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1769ff,#6fb5ff);margin:0 auto 18px;position:relative;box-shadow:0 0 0 10px #edf4ff}.ai-orb span{position:absolute;inset:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.analysis-step h2{font-size:22px}.analysis-lines{max-width:330px;margin:18px auto;text-align:left}.analysis-lines div{font-size:11px;color:#68768a;padding:7px}.analysis-lines i{display:inline-block;width:6px;height:6px;background:#1769ff;border-radius:50%;margin-right:7px;animation:pulse 1.2s infinite}.risk{display:flex;justify-content:space-between;align-items:center;background:#eef4ff;border-radius:12px;padding:14px;margin-top:13px}.risk span{font-size:10px;color:#718096}.risk b{font-size:12px;color:#1769ff}.request-btn{width:100%;border:0;background:#fff;color:#10213d;padding:11px;border-radius:9px;font-weight:900;margin-top:12px}
.twins{padding:68px 0;background:#f6f8fb}.section-title{text-align:center;max-width:650px;margin:0 auto 28px}.section-title>span{font-size:10px;color:#1769ff;font-weight:900}.section-title h2{font-size:30px;letter-spacing:-1px;margin:7px 0}.section-title p{font-size:12px;color:#7a8799}.twin-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:820px;margin:auto}.twin-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:21px;display:flex;gap:15px;align-items:flex-start}.twin-icon{width:45px;height:45px;border-radius:14px;background:#1769ff;color:#fff;display:grid;place-items:center;font-weight:950;flex:none}.twin-icon.light{background:#10213d}.twin-card b{font-size:15px}.twin-card p{font-size:11px;line-height:1.65;margin:5px 0 0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}@keyframes screenSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:760px){.ai-hero-grid{grid-template-columns:1fr}.ai-copy{text-align:center}.ai-copy h1{font-size:37px}.ai-copy p{margin-left:auto;margin-right:auto}.flow-grid{overflow-x:auto;justify-content:flex-start;gap:6px;padding-top:16px;padding-bottom:16px}.flow-grid i{min-width:20px}.twin-grid{grid-template-columns:1fr}}

.question-flow{display:none;text-align:center;padding:10px 0 4px}.question-flow.on{display:block;animation:stepIn .3s ease}
.qtop{margin-bottom:25px}.qtop>span{font-size:10px;font-weight:900;color:#1769ff}.qtrack{height:5px;background:#edf1f6;border-radius:99px;margin-top:9px;overflow:hidden}.qtrack i{display:block;height:100%;width:12%;background:#1769ff;border-radius:99px;transition:width .25s ease}
.question-flow h2{font-size:25px;letter-spacing:-.8px;margin:0 0 7px}.question-flow>p{font-size:12px;color:#7a8799}
.qoptions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.qoptions button{border:1px solid #dce3ec;background:#fff;border-radius:12px;padding:15px;font-weight:800;color:#33435b;transition:.16s}.qoptions button:hover{border-color:#1769ff;background:#eef4ff;color:#1769ff;transform:translateY(-1px)}
.answer-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.answer-summary span{background:#f8fafc;border-radius:9px;padding:10px;font-size:10px;color:#67758a}.answer-summary b{display:block;color:#27364e;margin-bottom:3px}
.local-hub{padding:62px 0;background:#fff}.local-hub .area-buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.local-hub a{border:1px solid #dfe6ef;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:800;background:#fff}
@media(max-width:700px){.qoptions,.answer-summary{grid-template-columns:1fr}}

.search-entry{padding:62px 0;background:#fff}.search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.search-grid a{border:1px solid #e0e7ef;border-radius:15px;padding:18px;background:#fff;transition:.18s}.search-grid a:hover{transform:translateY(-2px);border-color:#1769ff;box-shadow:0 10px 25px rgba(20,60,110,.07)}.search-grid b{display:block;font-size:14px;color:#17243a}.search-grid span{display:block;font-size:10px;color:#7c899a;line-height:1.6;margin-top:5px}.faq-seo{padding:65px 0;background:#f6f8fb}.faq-seo details{max-width:820px;margin:9px auto;background:#fff;border:1px solid #e1e7ef;border-radius:13px;padding:0 17px}.faq-seo summary{padding:16px 0;font-size:13px;font-weight:850;cursor:pointer}.faq-seo details p{font-size:11px;color:#66758a;line-height:1.75;margin:0 0 16px}@media(max-width:760px){.search-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.search-grid{grid-template-columns:1fr}}

/* 최종 브랜드 심볼: 나란히 선 두 개의 뚫어뻥 = 쌍둥이 */
.brand-mark.twin-plunger{
 width:48px;height:48px;border-radius:14px;
 background:linear-gradient(145deg,#0b2b55,#1769ff);
 position:relative;display:block;flex:0 0 auto;
 box-shadow:0 7px 18px rgba(23,74,145,.16);
 overflow:hidden
}
.twin-plunger>i{
 position:absolute;top:9px;width:16px;height:31px;
 transform:rotate(-7deg)
}
.twin-plunger>i:nth-child(1){left:9px}
.twin-plunger>i:nth-child(2){right:8px;transform:rotate(7deg)}
.twin-plunger>i:before{
 content:"";position:absolute;left:6px;top:0;width:4px;height:22px;
 background:#fff;border-radius:4px
}
.twin-plunger>i>b{
 position:absolute;left:1px;bottom:0;width:14px;height:10px;
 background:#9fd0ff;border:2px solid #fff;
 border-radius:9px 9px 4px 4px
}
.twin-plunger>i:nth-child(2)>b{background:#fff}
.brand-text b{font-weight:900;letter-spacing:-1px}

.brand-mark.logo-image{width:48px;height:48px;border:0;background:none;box-shadow:none;overflow:visible;display:block;flex:0 0 auto}
.brand-mark.logo-image img{display:block;width:48px;height:48px}

/* 신뢰형 상담/푸터 */
.phone-request{display:block;text-align:center;text-decoration:none}
.trust-contact{padding:86px 0;background:linear-gradient(135deg,#f5f9ff,#edf6ff);border-top:1px solid #e1ebf5}
.trust-contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}
.trust-eyebrow{font-size:11px;font-weight:900;color:#1769ff}
.trust-copy h2{font-size:35px;line-height:1.35;letter-spacing:-1.4px;color:#10213d;margin:10px 0 17px}
.trust-copy>p{font-size:13px;color:#68778c;line-height:1.9;max-width:690px}
.trust-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.trust-points span{font-size:10px;font-weight:800;color:#48617d;padding:8px 10px;border:1px solid #d9e8f6;background:#fff;border-radius:999px}
.trust-callbox{background:#10213d;color:#fff;border-radius:19px;padding:28px;box-shadow:0 18px 42px rgba(16,33,61,.13)}
.trust-callbox small{font-size:10px;color:#9db4ce}
.trust-callbox strong{font-size:29px;letter-spacing:-1px;display:block;margin:8px 0}
.trust-callbox p{font-size:11px;line-height:1.7;color:#b9c8d8}
.trust-callbox a{display:flex;justify-content:space-between;align-items:center;margin-top:18px;background:#fff;color:#10213d;padding:13px 15px;border-radius:10px;font-size:12px;font-weight:900;text-decoration:none}
.site-footer{background:#0d1d34!important;color:#fff!important;padding:50px 0 20px!important;text-align:left!important}
.footer-top{display:grid;grid-template-columns:1.5fr .7fr .7fr .9fr;gap:42px}
.footer-logo{display:flex;gap:11px;align-items:center}.footer-logo img{width:43px;height:43px}
.footer-logo b{font-size:16px}.footer-logo span{display:block;font-size:9px;color:#8398b2;margin-top:3px}
.footer-brand p{font-size:10px;line-height:1.8;color:#8194aa;max-width:360px;margin-top:16px}
.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col>b{font-size:11px;color:#fff;margin-bottom:5px}.footer-col span,.footer-col a{font-size:10px;color:#8394a9;text-decoration:none}
.footer-col .footer-phone{font-size:15px;font-weight:900;color:#fff;margin-bottom:4px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#687c94}
.regional-footer{padding:27px 0!important;background:#10213d!important;color:#fff!important}.regional-footer .wrap{display:flex;justify-content:space-between;align-items:center}.regional-footer b{font-size:13px}.regional-footer span{display:block;font-size:9px;color:#8fa2b9;margin-top:3px}.regional-footer a{font-size:11px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:9px 11px;border-radius:9px}
.float-final{display:none}
@media(max-width:820px){.trust-contact-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.trust-contact{padding:58px 0}.trust-copy h2{font-size:28px}.trust-callbox strong{font-size:25px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.regional-footer .wrap{gap:15px}.regional-footer a{white-space:nowrap}}

.seo-symptom-hub{padding:70px 0;background:#fff}.seo-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.seo-hub-grid a{padding:14px 15px;border:1px solid #dfeaf5;border-radius:10px;font-size:11px;font-weight:800;color:#405975;background:#fbfdff}.seo-hub-grid a:hover{border-color:#2684ff;color:#1479ef;background:#f2f8ff}@media(max-width:700px){.seo-hub-grid{grid-template-columns:1fr 1fr}}
