:root{
  --ink:#11141e; --ink-2:#161a26; --panel:#1b2030; --panel-2:#20263a; --panel-3:#252c42;
  --border:#2b3245; --border-strong:#3a4258;
  --ember:#ff7a45; --ember-dark:#c84e1c; --ember-light:#ffaf80;
  --teal:#2dd4bf; --teal-dark:#14b8a6; --teal-light:#7af0e2;
  --wood:#d8a86a; --wood-dark:#b07e3e;
  --violet:#a78bfa; --violet-dark:#7c5cf0;
  --snow:#f6f9fc; --cloud:#dadce6; --mist:#9aa3b5; --slate:#303648;
  --radius:16px; --radius-sm:10px;
  --shadow:0 18px 50px rgba(0,0,0,.35);
  --shadow-lg:0 30px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--ink); color:var(--snow); line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 560px at 75% -10%, rgba(255,122,69,.14), transparent 60%),
                   radial-gradient(900px 480px at 10% 6%, rgba(45,212,191,.06), transparent 60%);
}
.wrap{max-width:1100px; margin:0 auto; padding:0 22px}
a{color:inherit; text-decoration:none}
h1,h2,h3{line-height:1.2; margin:0}

/* Nav */
nav{position:sticky; top:0; z-index:30; backdrop-filter:blur(10px);
  background:rgba(17,20,30,.78); border-bottom:1px solid var(--border)}
.nav-in{display:flex; align-items:center; justify-content:space-between; height:66px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:18px}
.brand .mark{width:30px; height:30px; border-radius:8px; display:grid; place-items:center;
  font-size:13px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--ember),var(--ember-dark)); box-shadow:0 6px 16px rgba(255,122,69,.32)}
.brand b{background:linear-gradient(90deg,#fff,#cfd4e0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.nav-links{display:flex; gap:24px; align-items:center; font-size:15px; color:var(--cloud)}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:#fff; font-weight:700}
.navbtn{padding:9px 16px; border-radius:999px; background:linear-gradient(135deg,var(--ember),var(--ember-dark));
  color:#fff !important; font-weight:600; box-shadow:0 8px 20px rgba(255,122,69,.28)}

/* Hero */
header.hero{padding:70px 0 30px; text-align:center}
header.hero.compact{padding:52px 0 14px}
.hero-logo{width:84px; height:84px; border-radius:20px; margin:0 auto 20px; display:block;
  background:#0e1118; border:1px solid var(--border-strong); padding:8px; box-shadow:var(--shadow); font-size:46px; line-height:68px}
.hero-logo img{width:100%; height:100%; object-fit:contain; display:block}
.pill{display:inline-flex; gap:8px; align-items:center; padding:7px 15px; border-radius:999px;
  background:rgba(255,122,69,.10); border:1px solid rgba(255,122,69,.32); color:var(--ember-light);
  font-size:13px; font-weight:600; margin-bottom:22px}
header.hero h1{font-size:clamp(34px,5.4vw,58px); font-weight:800; letter-spacing:-.02em}
header.hero.compact h1{font-size:clamp(30px,4.6vw,46px)}
header.hero h1 .accent{background:linear-gradient(90deg,var(--ember),var(--ember-light));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.lead{max-width:710px; margin:20px auto 0; font-size:19px; color:var(--cloud)}
.hero-cta{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:30px}
.btn{padding:14px 24px; border-radius:12px; font-weight:600; font-size:16px; cursor:pointer; border:1px solid transparent; transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--ember),var(--ember-dark)); color:#fff; box-shadow:0 12px 28px rgba(255,122,69,.30)}
.btn-ghost{background:transparent; border-color:var(--border-strong); color:var(--snow)}
.btn-ghost:hover{border-color:var(--ember); color:#fff}
.trust{display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-top:32px; color:var(--mist); font-size:14px}
.trust span{display:inline-flex; gap:7px; align-items:center}

section{padding:58px 0}
.eyebrow{color:var(--ember-light); font-weight:600; font-size:14px; letter-spacing:.06em; text-transform:uppercase; text-align:center}
.eyebrow.teal{color:var(--teal-light)}
.h2{font-size:clamp(26px,3.6vw,38px); font-weight:800; text-align:center; margin-top:8px}
.sub{max-width:680px; margin:14px auto 0; text-align:center; color:var(--cloud); font-size:17px}

/* Foxy spotlight */
.spot{padding-top:26px}
.spot-card{display:grid; grid-template-columns:1.04fr .96fr; gap:36px; align-items:center;
  background:linear-gradient(135deg,var(--panel),var(--panel-2)); border:1px solid rgba(255,122,69,.32);
  border-radius:22px; padding:40px; box-shadow:var(--shadow-lg); position:relative; overflow:hidden}
.spot-card::before{content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--ember),var(--ember-dark))}
.spot-card::after{content:""; position:absolute; width:340px; height:340px; right:-90px; top:-120px;
  background:radial-gradient(circle, rgba(255,122,69,.16), transparent 70%); pointer-events:none}
.spot .tagrow{display:flex; align-items:center; gap:12px}
.spot .foxhead{width:46px; height:46px; border-radius:12px; background:#0e1118; border:1px solid var(--border-strong);
  display:grid; place-items:center; font-size:26px; flex:0 0 auto}
.spot .foxhead img{width:100%; height:100%; object-fit:contain; padding:5px}
.spot .eyebrow{text-align:left; margin:0}
.spot h2{font-size:clamp(27px,4vw,40px); font-weight:800; margin-top:14px; letter-spacing:-.01em}
.spot h2 .accent{background:linear-gradient(90deg,var(--ember),var(--ember-light)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.spot p.desc{color:var(--cloud); font-size:17px; margin:16px 0 0}
.spot p.motto{margin:14px 0 0; font-size:18.5px; font-weight:600; font-style:italic; color:var(--ember-light)}
.spot .hl{list-style:none; padding:0; margin:20px 0 0; display:grid; gap:9px}
.spot .hl li{position:relative; padding-left:28px; color:var(--cloud); font-size:15px}
.spot .hl li::before{content:"🦊"; position:absolute; left:0; font-size:14px}
.spot-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px}
.spot-badge{display:inline-block; font-size:12px; font-weight:700; padding:4px 11px; border-radius:999px;
  background:rgba(255,122,69,.14); color:var(--ember-light); border:1px solid rgba(255,122,69,.35); margin-left:auto}

/* App mockup */
.mock{background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--border-strong); border-radius:18px; padding:24px; box-shadow:var(--shadow-lg); position:relative; z-index:1}
.mock-top{display:flex; align-items:center; gap:8px; margin-bottom:18px}
.mock-top i{width:11px; height:11px; border-radius:50%; display:inline-block; background:#3a4258}
.mock-top i:nth-child(1){background:#ff5f57}.mock-top i:nth-child(2){background:#febc2e}.mock-top i:nth-child(3){background:#28c840}
.mock-top span{margin-left:auto; color:var(--mist); font-size:12px; font-weight:600}
.rings{display:flex; gap:22px; justify-content:center; margin-bottom:18px}
.ring{text-align:center}
.ring .circle{width:84px; height:84px; border-radius:50%; display:grid; place-items:center; position:relative}
.ring.match .circle{background:conic-gradient(var(--ember) 93%, #2a3146 0)}
.ring.plaus .circle{background:conic-gradient(var(--teal) 100%, #2a3146 0)}
.ring .circle .v{width:64px; height:64px; border-radius:50%; background:var(--panel); display:grid; place-items:center; font-weight:800; font-size:20px; color:#fff}
.ring small{color:var(--mist); font-size:12px; font-weight:600}
.chips{display:flex; flex-wrap:wrap; gap:8px; justify-content:center}
.chip{font-size:12.5px; font-weight:600; padding:5px 11px; border-radius:999px; background:rgba(45,212,191,.12); color:#9af0e2; border:1px solid rgba(45,212,191,.28)}
.chip.miss{background:rgba(255,122,69,.12); color:var(--ember-light); border-color:rgba(255,122,69,.3)}

/* Leistungsbereiche overview */
.areas{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px}
.area{position:relative; background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:1px solid var(--border); border-radius:14px; padding:24px; transition:transform .15s ease,border-color .15s ease; display:block}
.area:hover{transform:translateY(-3px); border-color:var(--border-strong)}
.area.hl-fox{border-color:rgba(255,122,69,.4); box-shadow:0 0 0 1px rgba(255,122,69,.18)}
.area .ic{font-size:30px}
.area h3{margin:12px 0 6px; font-size:18px; font-weight:700}
.area p{margin:0; color:var(--mist); font-size:14px}
.area .tag{display:inline-block; margin-top:12px; font-size:12px; font-weight:700; padding:3px 10px; border-radius:999px}
.tag.t-ember{background:rgba(255,122,69,.14); color:var(--ember-light); border:1px solid rgba(255,122,69,.3)}
.tag.t-teal{background:rgba(45,212,191,.14); color:#8ff0e2; border:1px solid rgba(45,212,191,.3)}
.tag.t-wood{background:rgba(216,168,106,.14); color:#e9c79a; border:1px solid rgba(216,168,106,.3)}
.tag.t-violet{background:rgba(167,139,250,.14); color:#c9b8ff; border:1px solid rgba(167,139,250,.3)}

/* Product cards */
.products{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:42px}
.product{position:relative; background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:1px solid var(--border); border-radius:var(--radius); padding:30px; overflow:hidden; box-shadow:var(--shadow)}
.product::before{content:""; position:absolute; inset:0 0 auto 0; height:4px}
.product.fox{border-color:rgba(255,122,69,.32); box-shadow:0 0 0 1px rgba(255,122,69,.16), var(--shadow)}
.product.fc::before{background:linear-gradient(90deg,var(--teal),var(--teal-dark))}
.product.fox::before{background:linear-gradient(90deg,var(--ember),var(--ember-dark))}
.p-head{display:flex; align-items:center; gap:16px; margin-bottom:6px}
.p-logo{width:60px; height:60px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto}
.p-logo.fc{background:linear-gradient(135deg,#0f2c2a,#0b3b36); border:1px solid rgba(45,212,191,.35);
  color:var(--teal); font-weight:800; font-size:22px; box-shadow:0 8px 22px rgba(45,212,191,.18)}
.p-logo.fox{background:#0e1118; border:1px solid var(--border-strong); padding:6px; font-size:30px}
.p-logo.fox img{width:100%; height:100%; object-fit:contain; display:block}
.p-title{font-size:23px; font-weight:800}
.p-tag{color:var(--mist); font-size:14px; font-weight:500}
.badge{display:inline-block; font-size:12px; font-weight:700; padding:4px 11px; border-radius:999px; margin-left:auto}
.badge.live{background:rgba(45,212,191,.14); color:#8ff0e2; border:1px solid rgba(45,212,191,.35)}
.badge.soon{background:rgba(255,122,69,.14); color:var(--ember-light); border:1px solid rgba(255,122,69,.35)}
.product p.desc{color:var(--cloud); margin:16px 0 0; font-size:15.5px}
.product ul{list-style:none; padding:0; margin:18px 0 0}
.product li{position:relative; padding:7px 0 7px 26px; font-size:14.5px; color:var(--cloud)}
.product li::before{content:"✓"; position:absolute; left:2px; font-weight:700}
.product.fc li::before{color:var(--teal)}
.product.fox li::before{color:var(--ember)}
.p-cta{margin-top:24px; display:flex; gap:12px; flex-wrap:wrap}
.p-cta a{display:inline-flex; align-items:center; gap:8px; font-weight:600; padding:11px 18px; border-radius:10px}
.product.fc .p-cta a{background:rgba(45,212,191,.12); color:#aef3e8; border:1px solid rgba(45,212,191,.3)}
.product.fc .p-cta a:hover{background:rgba(45,212,191,.2)}
.product.fox .p-cta a{background:linear-gradient(135deg,var(--ember),var(--ember-dark)); color:#fff}
.product.fox .p-cta a:hover{box-shadow:0 10px 24px rgba(255,122,69,.3)}

/* Deep product section */
.deep{border-top:1px solid var(--border)}
.deep.fc{background:linear-gradient(180deg,rgba(45,212,191,.04),transparent)}
.deep.fox{background:linear-gradient(180deg,rgba(255,122,69,.05),transparent)}
.deep-head{display:flex; align-items:center; gap:18px; justify-content:center; margin-bottom:6px}
.deep-logo{width:54px; height:54px; border-radius:13px; display:grid; place-items:center; font-weight:800; flex:0 0 auto}
.deep-logo.fc{background:linear-gradient(135deg,#0f2c2a,#0b3b36); border:1px solid rgba(45,212,191,.35); color:var(--teal); font-size:20px}
.deep-logo.fox{background:#0e1118; border:1px solid var(--border-strong); font-size:28px}
.deep h2{font-size:clamp(24px,3.4vw,34px); font-weight:800}
.feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:38px}
.feat{background:linear-gradient(180deg,var(--panel),var(--panel-2)); border:1px solid var(--border);
  border-radius:14px; padding:22px; transition:transform .15s ease, border-color .15s ease}
.feat:hover{transform:translateY(-3px)}
.deep.fc .feat:hover{border-color:rgba(45,212,191,.5)}
.deep.fox .feat:hover{border-color:rgba(255,122,69,.5)}
.feat .ic{font-size:26px}
.feat h4{margin:12px 0 6px; font-size:16.5px; font-weight:700}
.feat p{margin:0; color:var(--mist); font-size:14px}

/* FabCost platform: foundation + module groups */
.foundation{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:38px}
.fbase{background:linear-gradient(135deg,#0f2c2a,#13241f); border:1px solid rgba(45,212,191,.3);
  border-radius:14px; padding:24px}
.fbase h4{margin:0 0 6px; font-size:18px; font-weight:800; color:var(--teal-light); display:flex; align-items:center; gap:10px}
.fbase p{margin:0; color:var(--cloud); font-size:14px}
.grp{margin-top:42px}
.grp-title{font-size:14px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--teal-light); margin-bottom:16px; display:flex; align-items:center; gap:10px}
.grp-title::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--border-strong),transparent)}
.mods{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.mod{background:linear-gradient(180deg,var(--panel),var(--panel-2)); border:1px solid var(--border);
  border-radius:13px; padding:20px; transition:transform .15s ease,border-color .15s ease}
.mod:hover{transform:translateY(-3px); border-color:rgba(45,212,191,.5)}
.mod-top{display:flex; align-items:center; gap:10px; margin-bottom:8px}
.mod-top .ic{font-size:22px}
.mod-top h4{margin:0; font-size:16px; font-weight:700; flex:1}
.mod p{margin:0; color:var(--mist); font-size:13.5px}
.st{font-size:10.5px; font-weight:800; padding:3px 8px; border-radius:999px; white-space:nowrap; letter-spacing:.02em}
.st.live{background:rgba(45,212,191,.16); color:#8ff0e2; border:1px solid rgba(45,212,191,.4)}
.st.dev{background:rgba(255,122,69,.14); color:var(--ember-light); border:1px solid rgba(255,122,69,.35)}
.st.plan{background:rgba(154,163,181,.12); color:var(--mist); border:1px solid var(--border-strong)}
.legend{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-top:34px; color:var(--mist); font-size:13px}
.legend span{display:inline-flex; gap:7px; align-items:center}
.dot{width:10px; height:10px; border-radius:50%; display:inline-block}
.dot.live{background:var(--teal)}.dot.dev{background:var(--ember)}.dot.plan{background:var(--mist)}

/* Fertigung service rows */
.svc{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center;
  background:linear-gradient(135deg,var(--panel),var(--panel-2)); border:1px solid var(--border);
  border-radius:var(--radius); padding:32px; box-shadow:var(--shadow); margin-top:24px}
.svc.rev .svc-visual{order:-1}
.svc h3{font-size:24px; font-weight:800}
.svc p{color:var(--cloud); margin:12px 0 0; font-size:15.5px}
.svc ul{list-style:none; padding:0; margin:16px 0 0; display:flex; flex-wrap:wrap; gap:8px}
.svc ul li{font-size:13px; font-weight:600; padding:5px 11px; border-radius:999px; background:var(--panel-3); border:1px solid var(--border-strong); color:var(--cloud)}
.svc-visual{font-size:96px; text-align:center; filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}

/* Privacy split */
.split{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px}
.split .card{background:linear-gradient(180deg,var(--panel),var(--panel-2)); border:1px solid var(--border); border-radius:var(--radius); padding:28px}
.split .card .ic{font-size:30px}
.split .card h3{margin:14px 0 8px; font-size:20px; font-weight:800}
.split .card p{margin:0; color:var(--cloud); font-size:15px}

/* Pricing */
.prices{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px; max-width:780px; margin-left:auto; margin-right:auto}
.prices.one{grid-template-columns:1fr; max-width:460px}
.price{background:linear-gradient(180deg,var(--panel),var(--panel-2)); border:1px solid var(--border); border-radius:var(--radius); padding:30px; text-align:center}
.price.feat-card{border-color:var(--ember-dark); box-shadow:0 0 0 1px rgba(255,122,69,.25), var(--shadow)}
.price h3{font-size:20px; font-weight:800}
.price .model{font-size:28px; font-weight:800; margin:14px 0 4px; color:var(--ember-light)}
.price .note{color:var(--mist); font-size:13.5px}
.price ul{list-style:none; padding:0; margin:18px 0 0; text-align:left}
.price li{position:relative; padding:6px 0 6px 24px; font-size:14px; color:var(--cloud)}
.price li::before{content:"✓"; position:absolute; left:0; color:var(--ember)}
.price-hint{text-align:center; color:var(--mist); font-size:14px; margin-top:22px}

/* CTA band */
.band{text-align:center; background:linear-gradient(135deg,rgba(255,122,69,.12),rgba(45,212,191,.08));
  border:1px solid var(--border); border-radius:var(--radius); padding:46px 24px; box-shadow:var(--shadow)}
.band h2{font-size:clamp(24px,3.4vw,34px); font-weight:800}
.band p{color:var(--cloud); max-width:560px; margin:14px auto 22px}
.contact-row{display:flex; gap:26px; justify-content:center; flex-wrap:wrap; margin-top:20px; color:var(--cloud); font-size:15px}
.contact-row span{display:inline-flex; gap:8px; align-items:center}

footer{border-top:1px solid var(--border); padding:34px 0; color:var(--mist); font-size:14px}
.foot-in{display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; align-items:center}
footer a:hover{color:#fff}

@media(max-width:820px){
  .spot-card{grid-template-columns:1fr}
  .products,.split,.prices,.svc,.foundation{grid-template-columns:1fr}
  .areas,.feature-grid,.mods{grid-template-columns:1fr 1fr}
  .svc.rev .svc-visual{order:0}
  .svc{text-align:center}
  .svc ul{justify-content:center}
  nav .nav-in{height:auto; flex-wrap:wrap; padding:9px 0; gap:6px 14px}
  .nav-links{gap:13px; font-size:14px; flex-wrap:wrap}
}
@media(max-width:520px){ .areas,.feature-grid,.mods{grid-template-columns:1fr} }

/* How-to steps */
.steps{margin-top:42px; display:grid; gap:22px}
.step{display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center;
  background:linear-gradient(135deg,var(--panel),var(--panel-2)); border:1px solid var(--border);
  border-radius:18px; padding:32px; box-shadow:var(--shadow)}
.step.rev .step-visual{order:-1}
.step-num{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px;
  border-radius:50%; background:linear-gradient(135deg,var(--ember),var(--ember-dark)); color:#fff;
  font-weight:800; font-size:18px; box-shadow:0 8px 20px rgba(255,122,69,.3); margin-bottom:14px}
.step h3{font-size:22px; font-weight:800}
.step p{color:var(--cloud); margin:10px 0 0; font-size:15.5px}
.shot{width:100%; height:auto; display:block; border-radius:12px; border:1px solid var(--border-strong); box-shadow:var(--shadow-lg)}
@media(max-width:820px){ .step{grid-template-columns:1fr} .step.rev .step-visual{order:0} }

/* Ermutigung */
.mut{background:linear-gradient(180deg, rgba(255,122,69,.06), transparent)}
.mut-card{display:grid; grid-template-columns:auto 1fr; gap:34px; align-items:center;
  background:linear-gradient(135deg,var(--panel),var(--panel-2)); border:1px solid rgba(255,122,69,.3);
  border-radius:22px; padding:40px; box-shadow:var(--shadow-lg); position:relative; overflow:hidden}
.mut-card::after{content:""; position:absolute; width:320px; height:320px; left:-80px; bottom:-140px;
  background:radial-gradient(circle, rgba(255,122,69,.14), transparent 70%); pointer-events:none}
.mut-shot{flex:0 0 auto; max-width:380px; width:100%; position:relative; z-index:1}
.mut-shot img{width:100%; height:auto; display:block; border-radius:16px; border:1px solid var(--border-strong); box-shadow:var(--shadow-lg)}
.mut-card .txt{position:relative; z-index:1}
.mut-card h2{font-size:clamp(23px,3.2vw,32px); font-weight:800; margin-top:8px}
.mut-card p{color:var(--cloud); font-size:16px; margin:14px 0 0}
.mut-quotes{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px}
.mut-quotes span{font-size:14px; font-weight:600; padding:8px 14px; border-radius:999px;
  background:rgba(255,122,69,.12); color:var(--ember-light); border:1px solid rgba(255,122,69,.3)}
@media(max-width:820px){ .mut-card{grid-template-columns:1fr; text-align:center} .mut-shot{margin:0 auto} .mut-quotes{justify-content:center} }

/* Kontaktformular */
.cform{display:grid; gap:14px; margin-top:6px}
.cform-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.cform input, .cform textarea{width:100%; padding:13px 15px; border-radius:11px; border:1px solid var(--border-strong);
  background:#0e1118; color:var(--snow); font-family:inherit; font-size:15px}
.cform input::placeholder, .cform textarea::placeholder{color:var(--mist)}
.cform input:focus, .cform textarea:focus{outline:none; border-color:var(--ember); box-shadow:0 0 0 3px rgba(255,122,69,.18)}
.cform textarea{resize:vertical}
.cform .hp{display:none}
.cform button{width:100%}
@media(max-width:560px){ .cform-row{grid-template-columns:1fr} }