/* 3E Özel Yazılım Geliştirme */
.custom-software-site{
  --s-navy:#0b1930;
  --s-navy-2:#152239;
  --s-blue:#155eef;
  --s-blue-soft:#eef4ff;
  --s-green:#0b9f62;
  --s-ink:#111827;
  --s-muted:#667085;
  --s-line:#d9e1eb;
  --s-surface:#f4f6f8;
  background:#fff;
  color:var(--s-ink);
  font-family:Manrope,Arial,sans-serif;
}

.custom-software-site *,
.custom-software-site *::before,
.custom-software-site *::after{
  box-sizing:border-box;
}

.s-main{
  overflow:hidden;
}

.s-shell{
  width:min(1260px,calc(100% - 48px));
  margin:0 auto;
}

.s-hero{
  min-height:710px;
  padding:76px 0 88px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--s-line);
  background:#f7f9fb;
}

.s-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(600px,1.14fr);
  gap:62px;
  align-items:center;
}

.s-hero-copy h1{
  max-width:690px;
  margin:0;
  color:var(--s-navy);
  font-size:clamp(45px,5vw,70px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.058em;
  text-shadow:none;
  text-wrap:balance;
}

.s-hero-copy h1 span{
  display:block;
  color:var(--s-blue);
}

.s-hero-copy>p{
  max-width:690px;
  margin:25px 0 0;
  color:#526071;
  font-size:16px;
  line-height:1.82;
  text-shadow:none;
}

.s-actions{
  margin-top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.s-btn{
  min-height:48px;
  padding:0 21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--s-navy);
  border-radius:5px;
  background:var(--s-navy);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  box-shadow:none;
  transform:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}

.s-btn:hover{
  border-color:var(--s-blue);
  background:var(--s-blue);
  color:#fff;
  transform:none;
}

.s-btn-outline{
  border-color:#b9c5d4;
  background:#fff;
  color:var(--s-navy);
}

.s-btn-outline:hover{
  border-color:var(--s-navy);
  background:#fff;
  color:var(--s-navy);
}

.s-hero-scope{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  color:#536175;
  font-size:11px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.s-hero-scope span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.s-hero-scope span::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--s-blue);
}

.s-device-stage{
  position:relative;
  min-height:510px;
}

.s-monitor{
  position:absolute;
  top:6px;
  left:10%;
  z-index:2;
  width:80%;
  margin:0;
}

.s-monitor-frame{
  position:relative;
  padding:10px 10px 29px;
  border:1px solid #929aa3;
  border-radius:12px;
  background:linear-gradient(180deg,#eef1f3 0%,#c8cdd2 75%,#aeb5bc 100%);
  box-shadow:0 20px 38px rgba(15,23,42,.22);
}

.s-monitor-screen{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border:2px solid #10151d;
  border-radius:5px 5px 2px 2px;
  background:#fff;
}

.s-monitor-screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left top;
}

.s-monitor-camera{
  position:absolute;
  top:4px;
  left:50%;
  z-index:3;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#1b2028;
  transform:translateX(-50%);
}

.s-monitor-stand{
  position:absolute;
  left:50%;
  bottom:-53px;
  width:55%;
  height:55px;
  transform:translateX(-50%);
  background:
    linear-gradient(180deg,#a3aab0,#d7dade) center bottom/100% 8px no-repeat,
    linear-gradient(102deg,transparent 18%,#d6dade 19%,#aeb5bb 81%,transparent 82%) center top/58% 50px no-repeat;
  filter:drop-shadow(0 6px 4px rgba(0,0,0,.2));
}

.s-laptop{
  position:absolute;
  left:0;
  bottom:25px;
  z-index:4;
  width:49%;
  transform:rotate(-1deg);
}

.s-laptop-lid{
  padding:8px 8px 11px;
  border:1px solid #5c6672;
  border-radius:11px 11px 5px 5px;
  background:#1a222e;
  box-shadow:0 16px 30px rgba(15,23,42,.24);
}

.s-code-screen{
  min-height:184px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #334055;
  border-radius:4px;
  background:#101827;
}

.s-code-toolbar{
  min-height:25px;
  padding:0 7px;
  display:flex;
  align-items:center;
  gap:5px;
  border-bottom:1px solid #29364a;
  background:#172235;
  color:#a9b6c9;
  font:600 6px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.s-code-dots{
  display:flex;
  gap:3px;
  margin-right:3px;
}

.s-code-dots i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#637189;
}

.s-code-file{
  align-self:stretch;
  padding:7px 8px 0;
  border-right:1px solid #29364a;
  border-left:1px solid #29364a;
  background:#101827;
  color:#d8e1ee;
}

.s-code-file b{
  margin-right:4px;
  color:#4aa3ff;
  font-size:5px;
}

.s-code-branch{
  margin-left:auto;
  color:#7f8da3;
}

.s-code-editor{
  flex:1;
  padding:7px 0 6px;
  overflow:hidden;
  color:#dce5f2;
  font:500 clamp(5px,.5vw,6.5px)/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}

.s-code-row{
  display:grid;
  grid-template-columns:21px minmax(0,1fr);
  min-height:11px;
}

.s-code-row code{
  padding-left:7px;
  overflow:hidden;
  color:inherit;
  font:inherit;
  white-space:nowrap;
}

.s-line-no{
  padding-right:6px;
  border-right:1px solid #253247;
  color:#58677e;
  text-align:right;
  user-select:none;
}

.s-syntax-key{color:#76a9ff}
.s-syntax-fn{color:#d6b5ff}
.s-syntax-string{color:#8ed7a8}

.s-code-status{
  min-height:17px;
  padding:0 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #29364a;
  background:#155eef;
  color:#fff;
  font:600 5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.s-laptop-base{
  width:110%;
  height:12px;
  margin-left:-5%;
  border-radius:2px 2px 13px 13px;
  background:linear-gradient(180deg,#d9dde0,#8f979e);
  box-shadow:0 7px 9px rgba(15,23,42,.18);
}

.s-tablet{
  position:absolute;
  right:7%;
  bottom:20px;
  z-index:5;
  width:30%;
  padding:7px;
  border:1px solid #3b4654;
  border-radius:12px;
  background:#172131;
  box-shadow:0 16px 30px rgba(15,23,42,.24);
}

.s-tablet-screen{
  min-height:190px;
  overflow:hidden;
  border-radius:6px;
  background:#eef2f6;
}

.s-appbar{
  min-height:32px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#155eef;
  color:#fff;
  font-size:6px;
}

.s-appbar span b,
.s-appbar span small{
  display:block;
}

.s-appbar span b{
  font-size:7px;
  font-weight:800;
}

.s-appbar span small{
  margin-top:2px;
  color:#dce8ff;
  font-size:4px;
}

.s-appbar em{
  display:flex;
  align-items:center;
  gap:3px;
  font-size:5px;
  font-style:normal;
  font-weight:750;
}

.s-appbar em i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#6ee7a8;
}

.s-tablet-body{
  padding:7px;
}

.s-tablet-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}

.s-tablet-metrics article{
  min-width:0;
  padding:5px;
  border:1px solid #d7dfe8;
  border-radius:3px;
  background:#fff;
}

.s-tablet-metrics small,
.s-tablet-metrics b{
  display:block;
}

.s-tablet-metrics small{
  overflow:hidden;
  color:#6f7d8e;
  font-size:4px;
  white-space:nowrap;
}

.s-tablet-metrics b{
  margin-top:2px;
  color:#10203a;
  font-size:9px;
  line-height:1;
}

.s-tablet-list{
  margin-top:7px;
  border:1px solid #d7dfe8;
  border-radius:3px;
  background:#fff;
}

.s-tablet-list-head,
.s-tablet-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.s-tablet-list-head{
  min-height:17px;
  padding:0 6px;
  border-bottom:1px solid #e2e7ed;
  color:#667487;
  font-size:4px;
}

.s-tablet-list-head b{
  color:#16253c;
  font-size:5px;
}

.s-tablet-row{
  min-height:34px;
  padding:4px 6px;
  border-bottom:1px solid #e8ecf1;
}

.s-tablet-row:last-child{
  border-bottom:0;
}

.s-tablet-row > span{
  min-width:0;
}

.s-tablet-row span b,
.s-tablet-row span small{
  display:block;
}

.s-tablet-row span b{
  overflow:hidden;
  color:#1a2940;
  font-size:5px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.s-tablet-row span small{
  margin-top:3px;
  color:#7b8796;
  font-size:4px;
}

.s-tablet-row em{
  flex:none;
  margin-left:5px;
  padding:3px 4px;
  border:1px solid;
  border-radius:8px;
  font-size:4px;
  font-style:normal;
  font-weight:800;
}

.s-tablet-row em.is-running{
  border-color:#a7c2ff;
  background:#eef4ff;
  color:#155eef;
}

.s-tablet-row em.is-done{
  border-color:#b9e3ce;
  background:#eefaf4;
  color:#08784b;
}

.s-tablet-row em.is-waiting{
  border-color:#ead7a3;
  background:#fff9e8;
  color:#876400;
}

.s-phone{
  position:absolute;
  right:0;
  bottom:4px;
  z-index:6;
  width:16%;
  padding:6px;
  border:1px solid #3a4552;
  border-radius:18px;
  background:#111927;
  box-shadow:0 16px 28px rgba(15,23,42,.28);
}

.s-phone-screen{
  min-height:205px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:12px;
  background:#eef2f6;
}

.s-phone-notch{
  width:38%;
  height:7px;
  margin:0 auto;
  border-radius:0 0 7px 7px;
  background:#111927;
}

.s-mobile-head{
  padding:9px 7px 7px;
  border-bottom:1px solid #dce3eb;
  background:#fff;
}

.s-mobile-head b,
.s-mobile-head small{
  display:block;
}

.s-mobile-head b{
  color:#0b1930;
  font-size:7px;
  font-weight:850;
}

.s-mobile-head small{
  margin-top:3px;
  color:#7a8696;
  font-size:4px;
}

.s-mobile-list{
  padding:5px 5px 4px;
  display:grid;
  gap:4px;
}

.s-mobile-card{
  padding:5px;
  border:1px solid #d9e1eb;
  border-radius:3px;
  background:#fff;
}

.s-mobile-card > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.s-mobile-card b,
.s-mobile-card strong,
.s-mobile-card small{
  display:block;
}

.s-mobile-card b{
  color:#155eef;
  font-size:6px;
}

.s-mobile-card > div span{
  padding:2px 3px;
  border-radius:6px;
  font-size:3.5px;
  font-weight:800;
}

.s-mobile-card > div span.is-route{
  background:#eef4ff;
  color:#155eef;
}

.s-mobile-card > div span.is-active{
  background:#fff7df;
  color:#806000;
}

.s-mobile-card > div span.is-complete{
  background:#eaf8f0;
  color:#08784b;
}

.s-mobile-card strong{
  margin-top:3px;
  color:#17263d;
  font-size:5px;
  font-weight:800;
}

.s-mobile-card small{
  margin-top:2px;
  color:#7a8696;
  font-size:3.5px;
}

.s-mobile-nav{
  min-height:25px;
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  border-top:1px solid #dce3eb;
  background:#fff;
  color:#778395;
  font-size:4px;
  font-weight:750;
  text-align:center;
}

.s-mobile-nav .is-current{
  color:#155eef;
}

.s-device-caption{
  position:absolute;
  right:19%;
  bottom:-7px;
  z-index:7;
  color:#748095;
  font-size:8px;
  font-weight:700;
}

.s-metrics{
  background:var(--s-navy);
  color:#fff;
}

.s-metrics .s-shell{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.s-metrics article{
  min-height:142px;
  padding:31px 25px;
  border-right:1px solid rgba(255,255,255,.14);
}

.s-metrics article:first-child{
  border-left:1px solid rgba(255,255,255,.14);
}

.s-metrics strong,
.s-metrics span{
  display:block;
}

.s-metrics strong{
  font-size:14px;
  font-weight:800;
}

.s-metrics span{
  margin-top:10px;
  color:#aab8ca;
  font-size:11px;
  line-height:1.65;
}

.s-section{
  padding:96px 0;
  background:#fff;
}

.s-section-tint{
  background:var(--s-surface);
}

.s-section-dark{
  background:var(--s-navy);
  color:#fff;
}

.s-section-head{
  max-width:850px;
  margin-bottom:46px;
}

.s-section-head.center{
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.s-section h2{
  margin:0;
  color:var(--s-ink);
  font-size:clamp(35px,4vw,54px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.052em;
  text-shadow:none;
  text-wrap:balance;
}

.s-section-dark h2{
  color:#fff;
}

.s-section-head>p,
.s-copy>p{
  margin:20px 0 0;
  color:var(--s-muted);
  font-size:15px;
  line-height:1.82;
  text-shadow:none;
}

.s-section-dark .s-section-head>p,
.s-section-dark .s-copy>p{
  color:#aebaca;
}

.s-process{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--s-line);
  border-left:1px solid var(--s-line);
}

.s-process article{
  min-height:245px;
  padding:26px 23px;
  border-right:1px solid var(--s-line);
  border-bottom:1px solid var(--s-line);
  background:#fff;
}

.s-process b{
  color:var(--s-blue);
  font-size:11px;
  font-weight:850;
}

.s-process h3{
  margin:43px 0 12px;
  color:var(--s-ink);
  font-size:18px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.025em;
  text-shadow:none;
}

.s-process p{
  margin:0;
  color:var(--s-muted);
  font-size:11px;
  line-height:1.72;
  text-shadow:none;
}

.s-platform-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--s-line);
  border-left:1px solid var(--s-line);
}

.s-platform-grid article{
  min-height:255px;
  padding:27px;
  border-right:1px solid var(--s-line);
  border-bottom:1px solid var(--s-line);
  background:#fff;
}

.s-platform-code{
  width:48px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b9c9dd;
  border-radius:4px;
  background:var(--s-blue-soft);
  color:var(--s-blue);
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
}

.s-platform-grid h3{
  margin:28px 0 12px;
  color:var(--s-ink);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.03em;
  text-shadow:none;
}

.s-platform-grid p{
  margin:0;
  color:var(--s-muted);
  font-size:12px;
  line-height:1.75;
  text-shadow:none;
}

.s-gif-grid{
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(590px,1.1fr);
  gap:70px;
  align-items:center;
}

.s-check-list{
  margin:28px 0 0;
  padding:0;
  display:grid;
  gap:12px;
  list-style:none;
}

.s-check-list li{
  position:relative;
  padding-left:23px;
  color:#c0cad8;
  font-size:12px;
  line-height:1.65;
}

.s-check-list li::before{
  content:"";
  position:absolute;
  top:.55em;
  left:0;
  width:9px;
  height:5px;
  border-bottom:2px solid #68d6a1;
  border-left:2px solid #68d6a1;
  transform:rotate(-45deg);
}

.s-demo-monitor{
  position:relative;
  margin:0 0 54px;
}

.s-demo-frame{
  position:relative;
  padding:10px 10px 31px;
  border:1px solid #8b959f;
  border-radius:13px;
  background:linear-gradient(180deg,#e9ecef,#bec5ca);
  box-shadow:0 22px 44px rgba(0,0,0,.26);
}

.s-demo-screen{
  overflow:hidden;
  aspect-ratio:16/9;
  border:2px solid #0d1117;
  border-radius:5px 5px 2px 2px;
  background:#fff;
}

.s-demo-screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left top;
}

.s-demo-frame::before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  z-index:2;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#20252d;
}

.s-demo-stand{
  position:absolute;
  left:50%;
  bottom:-54px;
  width:52%;
  height:56px;
  transform:translateX(-50%);
  background:
    linear-gradient(180deg,#9ea6ad,#d7dadd) center bottom/100% 8px no-repeat,
    linear-gradient(102deg,transparent 18%,#d3d7da 19%,#a8afb5 81%,transparent 82%) center top/58% 50px no-repeat;
  filter:drop-shadow(0 6px 4px rgba(0,0,0,.25));
}

.s-example-note{
  margin:14px 0 0;
  color:#8190a4;
  font-size:9px;
  line-height:1.6;
}

.s-architecture-grid{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(560px,1.08fr);
  gap:72px;
  align-items:center;
}

.s-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--s-line);
  border-left:1px solid var(--s-line);
}

.s-flow article{
  min-height:148px;
  padding:21px;
  border-right:1px solid var(--s-line);
  border-bottom:1px solid var(--s-line);
  background:#fff;
}

.s-flow b,
.s-flow span{
  display:block;
}

.s-flow b{
  color:var(--s-blue);
  font-size:11px;
  font-weight:850;
}

.s-flow span{
  margin-top:30px;
  color:var(--s-ink);
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}

.s-flow article:last-child{
  background:var(--s-navy);
}

.s-flow article:last-child b,
.s-flow article:last-child span{
  color:#fff;
}

.s-industry-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--s-line);
  border-left:1px solid var(--s-line);
}

.s-industry-grid article{
  min-height:188px;
  padding:24px;
  border-right:1px solid var(--s-line);
  border-bottom:1px solid var(--s-line);
}

.s-industry-grid h3{
  margin:0 0 12px;
  color:var(--s-ink);
  font-size:16px;
  font-weight:800;
  text-shadow:none;
}

.s-industry-grid p{
  margin:0;
  color:var(--s-muted);
  font-size:11px;
  line-height:1.72;
  text-shadow:none;
}

.s-security-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1fr);
  gap:75px;
  align-items:center;
}

.s-security-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(255,255,255,.17);
  border-left:1px solid rgba(255,255,255,.17);
}

.s-security-list article{
  min-height:150px;
  padding:24px;
  border-right:1px solid rgba(255,255,255,.17);
  border-bottom:1px solid rgba(255,255,255,.17);
}

.s-security-list b,
.s-security-list span{
  display:block;
}

.s-security-list b{
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.s-security-list span{
  margin-top:11px;
  color:#aebaca;
  font-size:10px;
  line-height:1.7;
}

.s-faq{
  display:grid;
  grid-template-columns:minmax(300px,.58fr) minmax(0,1fr);
  gap:70px;
  align-items:start;
}

.s-faq-list{
  border-top:1px solid var(--s-line);
}

.s-faq-list details{
  border-bottom:1px solid var(--s-line);
}

.s-faq-list summary{
  min-height:70px;
  padding:20px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:var(--s-ink);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}

.s-faq-list summary::-webkit-details-marker{
  display:none;
}

.s-faq-list summary span{
  color:var(--s-blue);
  font-size:21px;
  font-weight:500;
}

.s-faq-list details[open] summary span{
  transform:rotate(45deg);
}

.s-faq-list details p{
  margin:0;
  padding:0 42px 22px 0;
  color:var(--s-muted);
  font-size:12px;
  line-height:1.75;
}

.s-cta{
  padding:67px 0;
  background:var(--s-blue);
  color:#fff;
}

.s-cta .s-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:45px;
  align-items:center;
}

.s-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(32px,4vw,51px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.05em;
  text-shadow:none;
}

.s-cta p{
  max-width:800px;
  margin:17px 0 0;
  color:#fff;
  font-size:14px;
  line-height:1.75;
}

.s-cta .s-btn{
  border-color:#fff;
  background:#fff;
  color:var(--s-blue);
}

.s-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease;
}

.s-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media(max-width:1120px){
  .s-hero-grid,
  .s-gif-grid,
  .s-architecture-grid,
  .s-security-grid{
    grid-template-columns:1fr;
  }

  .s-device-stage{
    width:min(760px,100%);
  }

  .s-process{
    grid-template-columns:repeat(3,1fr);
  }

  .s-metrics .s-shell{
    grid-template-columns:repeat(2,1fr);
  }

  .s-faq{
    grid-template-columns:1fr;
    gap:35px;
  }
}

@media(max-width:760px){
  .s-shell{
    width:calc(100% - 28px);
  }

  .s-hero{
    min-height:0;
    padding:57px 0 70px;
  }

  .s-hero-grid{
    gap:42px;
  }

  .s-hero-copy h1{
    font-size:41px;
  }

  .s-actions{
    display:grid;
  }

  .s-btn{
    width:100%;
  }

  .s-device-stage{
    min-height:410px;
  }

  .s-monitor{
    left:6%;
    width:88%;
  }

  .s-monitor-frame{
    padding:7px 7px 21px;
    border-radius:9px;
  }

  .s-monitor-stand{
    bottom:-39px;
    height:42px;
  }

  .s-laptop{
    bottom:40px;
    width:51%;
  }

  .s-code-screen{
    min-height:130px;
  }

  .s-code-toolbar{
    min-height:21px;
  }

  .s-code-editor{
    padding:5px 0;
    font-size:5px;
  }

  .s-code-row{
    min-height:8px;
  }

  .s-code-status{
    min-height:14px;
  }

  .s-tablet{
    right:8%;
    bottom:37px;
    width:31%;
  }

  .s-tablet-screen{
    min-height:142px;
  }

  .s-tablet-body{
    padding:5px;
  }

  .s-tablet-list{
    margin-top:5px;
  }

  .s-tablet-row{
    min-height:27px;
  }

  .s-phone{
    bottom:27px;
    width:17%;
  }

  .s-phone-screen{
    min-height:155px;
  }

  .s-mobile-head{
    padding:7px 5px 5px;
  }

  .s-mobile-list{
    padding:4px;
    gap:3px;
  }

  .s-mobile-card{
    padding:4px;
  }

  .s-device-caption{
    right:18%;
    bottom:7px;
  }

  .s-metrics .s-shell,
  .s-platform-grid,
  .s-industry-grid,
  .s-security-list{
    grid-template-columns:1fr;
  }

  .s-metrics article,
  .s-metrics article:first-child{
    min-height:0;
    border-right:1px solid rgba(255,255,255,.14);
    border-bottom:1px solid rgba(255,255,255,.14);
    border-left:1px solid rgba(255,255,255,.14);
  }

  .s-section{
    padding:72px 0;
  }

  .s-process{
    grid-template-columns:1fr;
  }

  .s-process article{
    min-height:0;
  }

  .s-process h3{
    margin-top:25px;
  }

  .s-platform-grid article{
    min-height:0;
  }

  .s-demo-frame{
    padding:7px 7px 22px;
  }

  .s-demo-stand{
    bottom:-40px;
    height:42px;
  }

  .s-flow{
    grid-template-columns:repeat(2,1fr);
  }

  .s-cta .s-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:460px){
  .s-hero-copy h1{
    font-size:37px;
  }

  .s-device-stage{
    min-height:330px;
  }

  .s-laptop{
    bottom:32px;
  }

  .s-code-screen{
    min-height:98px;
  }

  .s-code-toolbar{
    min-height:18px;
    padding:0 4px;
  }

  .s-code-branch,
  .s-code-status{
    display:none;
  }

  .s-code-file{
    padding:5px 5px 0;
  }

  .s-code-editor{
    padding:3px 0;
    font-size:4.2px;
    line-height:1.38;
  }

  .s-code-row{
    grid-template-columns:14px minmax(0,1fr);
    min-height:6px;
  }

  .s-code-row code{
    padding-left:4px;
  }

  .s-line-no{
    padding-right:3px;
  }

  .s-tablet{
    bottom:29px;
  }

  .s-tablet-screen{
    min-height:108px;
  }

  .s-appbar{
    min-height:23px;
    padding:0 5px;
  }

  .s-appbar span small,
  .s-tablet-metrics{
    display:none;
  }

  .s-tablet-body{
    padding:3px;
  }

  .s-tablet-list{
    margin-top:0;
  }

  .s-tablet-list-head{
    min-height:13px;
    padding:0 4px;
  }

  .s-tablet-row{
    min-height:22px;
    padding:3px 4px;
  }

  .s-tablet-row span small{
    margin-top:1px;
    font-size:3.4px;
  }

  .s-tablet-row em{
    margin-left:3px;
    padding:2px 3px;
    font-size:3.3px;
  }

  .s-phone{
    bottom:21px;
  }

  .s-phone-screen{
    min-height:118px;
  }

  .s-mobile-head{
    padding:5px 4px;
  }

  .s-mobile-head small,
  .s-mobile-card small{
    display:none;
  }

  .s-mobile-list{
    padding:3px;
    gap:2px;
  }

  .s-mobile-card{
    padding:3px 4px;
  }

  .s-mobile-nav{
    min-height:16px;
    font-size:3.4px;
  }

  .s-device-caption{
    display:none;
  }

  .s-section h2{
    font-size:34px;
  }

  .s-flow{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .s-reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}