/* InternLoom Landing v4 */
.il-landing-page {
  background: linear-gradient(135deg,#c8f5f0 0%,#b4f0e8 20%,#a0eee4 40%,#b8f2d0 60%,#c0f5c8 80%,#d0f8e0 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}
.il-landing-page::before {
  content:''; position:fixed; inset:0;
  background-image: radial-gradient(circle,rgba(0,80,80,.07) 1.5px,transparent 1.5px);
  background-size:20px 20px; pointer-events:none; z-index:0;
}
.il-landing-page::after {
  content:''; position:fixed; inset:0; opacity:.025; pointer-events:none; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat; background-size:256px 256px;
}
.il-landing-page main,.il-landing-page section{position:relative;z-index:1;}
/* No section borders/backgrounds - seamless flow */
.il-landing-page section{background:transparent!important;border:none!important;}

/* Navbar */
.il-landing-page .il-nav{background:rgba(200,245,240,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,160,160,.08);}
.il-landing-page .il-logo-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-left:.15rem;}
.il-landing-page .il-logo-img{background:transparent!important;mix-blend-mode:multiply;}



/* Hero BG Video */
.il3-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}

/* INTERNLOOM Whoosh Overlay */
.il3-whoosh-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(200,245,240,1),rgba(184,242,208,1));transition:opacity 1s ease;pointer-events:none}
.il3-whoosh-overlay.fading{opacity:0}
.il3-logo-text-reveal{position:absolute;z-index:2;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;letter-spacing:-.02em;color:#0f172a;opacity:0;display:flex;gap:3px}
.il3-logo-text-reveal.show{opacity:1}
.il3-logo-text-reveal.tornado{pointer-events:none}
.il3-whoosh-letter{display:inline-block;opacity:0;transform:translateY(40px) scale(.5) rotate(calc(var(--i)*4deg - 20deg));filter:blur(8px);transition:all .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*.04s)}
.il3-logo-text-reveal.show .il3-whoosh-letter{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}
.il3-logo-text-reveal.tornado .il3-whoosh-letter{opacity:0;transform:rotate(calc(360deg + var(--i)*40deg)) translateX(calc(var(--i)*25px - 120px)) translateY(-80px) scale(.3);filter:blur(10px);transition:all .6s cubic-bezier(.6,0,.4,1);transition-delay:calc(var(--i)*.035s)}

/* Multilingual POPUPS */
.il3-lang-popups{position:absolute;inset:0;pointer-events:none;z-index:1}
.il3-lang-word{position:absolute;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:800;color:rgba(15,23,42,.1);opacity:0;transform:scale(.3) rotate(calc(var(--l)*-8deg + 15deg));filter:blur(10px);transition:all .7s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}
.il3-lang-word.show-lang{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0);color:rgba(15,23,42,.75)}

/* Hero */
.il3-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 0 6rem;overflow:hidden}
.il3-depth-particles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.il3-pixel{position:absolute;width:5px;height:5px;background:rgba(0,120,120,.35);border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}
.il3-pixel:nth-child(odd){background:rgba(0,160,160,.4);width:6px;height:6px}
.il3-pixel:nth-child(3n){background:rgba(10,102,194,.3);width:4px;height:4px}
.il3-pixel:nth-child(5n){background:rgba(22,163,74,.35);width:5px;height:5px}
.il3-pixel:nth-child(7n){background:rgba(0,200,200,.3);width:7px;height:7px;border-radius:2px}
.il3-hero-content{position:relative;z-index:3;margin-top:-16vh}
.il3-floating-cards{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.il3-float-card{position:absolute;background:rgba(255,255,255,.7);border:1px solid rgba(0,160,160,.12);border-radius:14px;padding:.85rem 1.1rem;box-shadow:0 4px 20px rgba(0,80,80,.06);font-family:'Plus Jakarta Sans',sans-serif;animation:il3Float 8s ease-in-out infinite;opacity:0;backdrop-filter:blur(8px)}
.il3-float-card-company{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}
.il3-float-card-role{font-size:.85rem;font-weight:600;color:#0f172a}
.il3-fc-1{top:15%;right:8%;animation-delay:0s}.il3-fc-2{top:55%;right:5%;animation-delay:2s}
.il3-fc-3{top:35%;right:15%;animation-delay:4s}.il3-fc-4{bottom:20%;right:10%;animation-delay:6s}
.il3-fc-5{bottom:2%;right:0.5%;background:white;animation:none !important;opacity:1 !important;transform:none !important;z-index:10;}
@keyframes il3Float{0%,100%{opacity:0;transform:translateY(20px)}15%,85%{opacity:.65;transform:translateY(0)}50%{opacity:.65;transform:translateY(-10px)}}

/* Hero Typography */
.il3-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(255,255,255,.45);border:1px solid rgba(0,160,160,.12);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--il-teal);margin-bottom:2rem}
.il3-badge-dot{width:6px;height:6px;background:var(--il-teal);border-radius:50%;animation:pulseDot 2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.il3-hero-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#0f172a;margin-bottom:1.5rem;position:relative}
.il3-char{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1),color .4s ease;will-change:transform}
.il3-title-line{display:inline}.il3-title-word{display:inline-block;position:relative}
.il3-title-gradient{background:linear-gradient(135deg,var(--il-teal) 0%,#22c55e 50%,var(--il-blue) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 4s ease-in-out infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Rotating words — block layout for alignment */
.il3-rotating-wrap{display:block;position:relative;overflow:hidden;height:1.8em;width:100%;margin-top:.25rem}
.il3-rotating-word{position:absolute;left:0;top:0;opacity:0;transform:translateY(100%);transition:all .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding:.1em .3em;border-radius:8px;border:2px solid transparent;font-style:normal;font-size:1.1rem;color:#475569;line-height:1.6}
.il3-rotating-word.active{opacity:1;transform:translateY(0)}
.il3-rotating-word.exit{opacity:0;transform:translateY(-100%)}
.il3-rotating-word:hover{border-color:var(--il-teal);background:rgba(0,160,160,.06);cursor:default}

.il3-hero-sub{font-size:1.15rem;color:#475569;max-width:540px;line-height:1.75;margin-bottom:2.5rem}
.il3-hero-sub strong{color:#0f172a}

/* Buttons */
.il3-btn-group{display:flex;flex-wrap:wrap;gap:.75rem}
.il3-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:.78rem;padding:.45rem 1.1rem;border-radius:10px;border:none;cursor:pointer;text-decoration:none!important;white-space:nowrap;letter-spacing:-.01em;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}
.il3-btn::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:rgba(255,255,255,.15);transition:height .35s cubic-bezier(.4,0,.2,1);z-index:0}
.il3-btn:hover::before{height:100%}.il3-btn>*{position:relative;z-index:1}
.il3-btn-primary{background:#0f172a;color:#fff;box-shadow:0 2px 12px rgba(15,23,42,.2)}
.il3-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(15,23,42,.25);color:#fff}
.il3-btn-outline{background:rgba(255,255,255,.45);color:#0f172a;border:1.5px solid rgba(0,160,160,.18)}
.il3-btn-outline:hover{transform:translateY(-3px);border-color:var(--il-teal);box-shadow:0 4px 16px rgba(0,160,160,.12);color:#0f172a}
.il3-btn-outline::before{background:rgba(0,160,160,.05)}
.il3-btn-ghost{background:transparent;color:#475569}.il3-btn-ghost:hover{color:#0f172a;transform:translateY(-2px)}

/* Section Base - no visible boundaries */
.il3-section{padding:7rem 0;position:relative}
.il3-section-head{text-align:center;max-width:850px;margin:0 auto 4rem}
.il3-section-label{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:rgba(255,255,255,.45);border:1px solid rgba(0,160,160,.1);border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--il-teal);margin-bottom:1.25rem}
.il3-section-head h2{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-bottom:.6rem}
.il3-section-head p{font-size:1.05rem;color:#64748b;line-height:1.7}
.il3-heading-char{display:inline-block;transition:transform .35s cubic-bezier(.4,0,.2,1),color .35s}

/* Scroll Reveal */
.il3-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}
.il3-reveal.visible{opacity:1;transform:translateY(0)}

/* Network */
.il3-network-canvas{width:100%;height:600px;display:block;margin:0 auto;cursor:grab}
.il3-network-canvas:active{cursor:grabbing}

/* Trust Marquee */
.il3-trust{padding:4rem 0;overflow:hidden}
.il3-trust-label{text-align:center;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--il-teal);margin-bottom:1.5rem}
.il3-marquee-wrap{position:relative;overflow:hidden;padding:.5rem 0}
.il3-marquee-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.il3-marquee-fade-l{left:0;background:linear-gradient(90deg,rgba(180,240,232,.9),transparent)}
.il3-marquee-fade-r{right:0;background:linear-gradient(270deg,rgba(192,245,200,.9),transparent)}
.il3-marquee-track{display:flex;align-items:center;gap:2rem;width:max-content;animation:il3Marquee calc(var(--count,6)*4s) linear infinite}
.il3-marquee-track:hover{animation-play-state:paused}
.il3-marquee-rev{animation-name:il3MarqueeRev}
@keyframes il3Marquee{0%{transform:translateX(0)}100%{transform:translateX(-25%)}}
@keyframes il3MarqueeRev{0%{transform:translateX(-25%)}100%{transform:translateX(0)}}
.il3-logo-card{flex-shrink:0;width:260px;height:140px;background:#ffffff;box-shadow:0 6px 20px rgba(0,160,160,.06);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem 1rem;transition:all .3s}
.il3-logo-card:hover{box-shadow:0 12px 32px rgba(0,160,160,.12);transform:translateY(-3px)}
.il3-logo-card img{max-width:100%;height:75px;object-fit:contain;transition:all .3s}
.il3-logo-card:hover img{transform:scale(1.05)}
.il3-logo-name{font-size:.68rem;font-weight:700;color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}

/* Problem Section */
.il3-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto 2.5rem}
.il3-prob-card{background:#ffffff;border:1px solid rgba(0,160,160,.08);border-radius:18px;padding:2rem;box-shadow:0 8px 30px rgba(0,160,160,.04);transition:transform .3s,box-shadow .3s}
.il3-prob-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,160,160,.08)}
.il3-prob-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem;background:linear-gradient(135deg,#16a34a,var(--il-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.il3-prob-card p{font-size:1.05rem;color:#475569;margin:0;line-height:1.6}
.il3-prob-footer{background:#ffffff;border:1px solid rgba(0,160,160,.08);border-radius:12px;padding:1.2rem 2rem;text-align:center;font-size:1.05rem;color:#475569;max-width:900px;margin:0 auto;box-shadow:0 4px 15px rgba(0,0,0,.02)}

/* Solution Pipeline Section */
.il3-pipeline-wrap{position:relative;max-width:1100px;margin:3rem auto 0;padding:1rem 0}
.il3-pipeline-line{position:absolute;top:38px;left:5%;right:5%;height:2px;background:rgba(0,160,160,.15);z-index:0;border-top:2px dashed rgba(0,160,160,.3)}
.il3-pipeline-steps{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1.5rem}
.il3-pipe-card{flex:1;background:#ffffff;border:1px solid rgba(0,160,160,.1);border-radius:16px;padding:1.75rem 1.25rem;text-align:center;box-shadow:0 8px 24px rgba(0,160,160,.05);position:relative;transition:transform .3s,box-shadow .3s;background-image:linear-gradient(to bottom, #ffffff, #fafafa)}
.il3-pipe-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,160,160,.1)}
.il3-pipe-num{width:46px;height:46px;background:linear-gradient(135deg,var(--il-teal),#22c55e);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:800;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 12px rgba(34,197,94,.3)}
.il3-pipe-card h4{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.02em}
.il3-pipe-card p{font-size:.9rem;color:#64748b;line-height:1.5;margin:0}
.il3-pipe-footer{font-size:1.1rem;color:#475569}

/* Discovery Cards */
.il3-discover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.il3-disc-card{background:rgba(255,255,255,.6);border:1px solid rgba(0,160,160,.08);border-radius:18px;padding:2rem 1.75rem;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;will-change:transform;backdrop-filter:blur(8px)}
.il3-disc-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,80,80,.1);border-color:rgba(0,160,160,.2)}
.il3-disc-card-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.il3-disc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:#fff;flex-shrink:0}
.il3-disc-icon-img{width:44px;height:44px;border-radius:12px;object-fit:cover;object-position:center;flex-shrink:0;background:#fff;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.il3-disc-icon-blue{background:linear-gradient(135deg,#004182,#0A66C2)}.il3-disc-icon-teal{background:linear-gradient(135deg,#006b6b,#00A0A0)}
.il3-disc-icon-green{background:linear-gradient(135deg,#166534,#22c55e)}.il3-disc-icon-orange{background:linear-gradient(135deg,#b85e05,#f5820d)}
.il3-disc-company{font-size:.9rem;font-weight:700;color:#0f172a}.il3-disc-loc{font-size:.75rem;color:#94a3b8}
.il3-disc-card h4{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}
.il3-disc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}
.il3-disc-tag{font-size:.72rem;font-weight:600;padding:.25em .7em;border-radius:999px;background:rgba(255,255,255,.55);color:#475569;border:1px solid rgba(0,160,160,.08)}
.il3-disc-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--il-teal);text-decoration:none!important;padding:.45rem 1rem;border:1.5px solid rgba(0,160,160,.18);border-radius:10px;transition:all .25s}
.il3-disc-btn:hover{background:rgba(0,160,160,.08);border-color:var(--il-teal);color:var(--il-teal);transform:translateY(-1px)}

/* Stats */
.il3-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}
.il3-stat-card{background:rgba(255,255,255,.55);border:1px solid rgba(0,160,160,.08);border-radius:18px;padding:2rem 1.25rem;text-align:center;transition:transform .3s,box-shadow .3s;backdrop-filter:blur(8px)}
.il3-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,80,80,.08)}
.il3-stat-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:#0f172a;display:inline}
.il3-stat-suf{font-size:1.6rem;font-weight:700;color:var(--il-teal);display:inline}
.il3-stat-lbl{font-size:.75rem;font-weight:600;color:#64748b;margin-top:.5rem;text-transform:uppercase;letter-spacing:.06em}

/* Reviews */
.il3-marquee-reviews .il3-review-card {
  width: 350px;
  flex-shrink: 0;
  white-space: normal;
}
.il3-review-card{background:rgba(255,255,255,.55);border:1px solid rgba(0,160,160,.08);border-radius:18px;padding:2rem;backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s}
.il3-review-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,80,80,.08)}
.il3-review-stars{color:#f59e0b;font-size:.9rem;margin-bottom:.75rem;letter-spacing:2px}
.il3-review-card p{font-size:.95rem;color:#475569;line-height:1.7;margin-bottom:1.25rem;font-style:italic}
.il3-review-author{display:flex;align-items:center;gap:.75rem}
.il3-review-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0}
.il3-ra-blue{background:linear-gradient(135deg,var(--il-blue),#1d7fe8)}.il3-ra-teal{background:linear-gradient(135deg,#006b6b,var(--il-teal))}.il3-ra-green{background:linear-gradient(135deg,#166534,#22c55e)}
.il3-review-author strong{font-size:.88rem;color:#0f172a}.il3-review-author span{font-size:.78rem;color:#64748b}

/* CTA */
.il3-cta{padding:6rem 0;text-align:center;position:relative;overflow:hidden}
.il3-cta-inner{position:relative;z-index:1}
.il3-cta h2{font-size:clamp(1.75rem,4vw,2.8rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin-bottom:.75rem}
.il3-cta p{font-size:1.05rem;color:#64748b;max-width:520px;margin:0 auto 2.5rem;line-height:1.7}
.il3-cta-btns{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}
.il3-btn-white{background:#0f172a;color:#fff;box-shadow:0 4px 20px rgba(15,23,42,.2)}
.il3-btn-white:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(15,23,42,.25);color:#fff}
.il3-btn-glass-w{background:rgba(255,255,255,.45);color:#0f172a;border:1.5px solid rgba(0,160,160,.12)}
.il3-btn-glass-w:hover{background:rgba(255,255,255,.65);color:#0f172a;transform:translateY(-3px)}

/* Footer */
.il-landing-page footer.il-footer{background:rgba(255,255,255,.4)!important;border-top:1px solid rgba(0,160,160,.08)!important}
.il-landing-page .il-footer-brand-name{color:#0f172a}.il-landing-page .il-footer-tagline{color:#475569}
.il-landing-page .il-footer-copy{color:#94a3b8;border-top-color:rgba(0,160,160,.08)}
.il-landing-page .il-footer-links a{color:#64748b}.il-landing-page .il-footer-links a:hover{color:var(--il-teal)}
.il-landing-page footer .container .row div[style]{color:#475569!important}

/* Responsive */
@media(max-width:991px){.il3-hero{padding:6rem 0 4rem}.il3-floating-cards{display:none}.il3-network-canvas{height:380px}.il3-pipeline-steps{flex-wrap:wrap}.il3-pipe-card{flex:1 1 calc(50% - 1.5rem)}.il3-pipeline-line{display:none}}
@media(max-width:768px){.il3-hero-title{font-size:2.2rem}.il3-section{padding:4.5rem 0}.il3-problem-grid,.il3-discover-grid,.il3-reviews-grid{grid-template-columns:1fr}.il3-pipe-card{flex:1 1 100%}.il3-stats-grid{grid-template-columns:repeat(2,1fr)}.il3-marquee-fade{width:60px}.il3-logo-card{width:200px;height:115px;padding:.85rem 1rem}.il3-logo-card img{height:55px}.il3-cursor,.il3-cursor-ring,.il3-blackhole{display:none!important}}
@media(max-width:480px){.il3-btn-group{flex-direction:column}.il3-btn{width:100%;justify-content:center}.il3-cta-btns{flex-direction:column;align-items:center}.il3-cta-btns .il3-btn{width:100%;max-width:300px}}