/* AppLunio — safe source-inspector and CI setup additions */
.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tabs a{white-space:nowrap}
.inspect-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.inspect-summary>div{border:1px solid #e3e8f1;background:#f8faff;padding:16px;border-radius:14px;min-width:0}
.inspect-summary small{display:block;font-size:12px;color:#728198;margin-bottom:6px}
.inspect-summary strong{display:block;overflow-wrap:anywhere;color:#172744;font-size:16px}
.inspect-checks{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.inspect-check{display:flex;align-items:flex-start;gap:12px;border:1px solid #e4eaf2;border-radius:14px;padding:16px;background:#fff}
.inspect-check strong{display:block;color:#172744;margin:0 0 5px}
.inspect-check p{font-size:13px;color:#62718a;margin:0;line-height:1.55}
.inspect-badge{display:inline-flex;flex:0 0 29px;width:29px;height:29px;border-radius:9px;align-items:center;justify-content:center;font-weight:800}
.inspect-ok{background:#e7f8ed;color:#1c855a}
.inspect-warn{background:#fff6df;color:#a36d12}
.inspect-bad{background:#fdebed;color:#a7333f}
.ci-options{display:flex;flex-direction:column;gap:12px;margin:22px 0}
.ci-option{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border:1px solid #e0e7f1;border-radius:14px;background:#fbfcff}
.ci-option strong{color:#172744}
.ci-option p{color:#738096;font-size:13px;margin:6px 0 0;line-height:1.5}
.ci-option .btn{flex-shrink:0}
.ci-steps{padding-left:25px;color:#33435c;line-height:1.8}
.ci-steps li{margin-bottom:8px}
.ci-steps code,.inspect-summary code{overflow-wrap:anywhere}
@media(max-width:760px){.inspect-summary{grid-template-columns:1fr}.ci-option{flex-direction:column;align-items:flex-start}.ci-option .btn{width:100%;text-align:center}}

/* v1.1 - prevent desktop horizontal overflow when sidebar is fixed */
@media(min-width:1001px){.app-layout{display:block}.app-content{width:calc(100% - 248px);margin-left:248px;flex:none}}
@media(max-width:1000px){.app-layout{display:block}.app-content{width:100%;margin-left:0;flex:none}}

/* Mobile dashboard polish — 2026-11-04 */
@media (max-width: 760px) {
  .workspace .workspace-alert {
    margin: 22px 17px 10px;
    width: auto;
    padding: 13px 14px;
    min-height: 62px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    box-shadow: 0 8px 24px rgba(18, 91, 59, .035);
  }
  .workspace .workspace-alert.alert.success {
    background: #eafaef;
    border-color: #bce9cb;
    color: #176c3e;
  }
  .workspace .workspace-alert.alert.success::before {
    content: "✓";
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 11px;
    background: #c7f3d5;
    color: #137a40;
    font-size: 24px;
    font-weight: 900;
  }
  .workspace .section-heading {
    margin: 37px 0 18px;
    gap: 10px;
    align-items: baseline;
  }
  .workspace .section-heading h2 {
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -.025em;
  }
  .workspace .section-heading span {
    font-size: 12px;
    white-space: nowrap;
  }
  .workspace .quick-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .workspace .quick-steps > div {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 21px;
    min-width: 0;
    min-height: 126px;
    padding: 19px 18px;
    align-items: start;
    background: #fff;
    border: 1px solid #e3eaf5;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(44, 73, 130, .065);
  }
  .workspace .quick-steps > div::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / 4;
    align-self: center;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 15px;
    background-color: #eaf0ff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 29px 29px;
  }
  .workspace .quick-steps > div:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23345ee9%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%226.7%22%20height%3D%226.7%22%20rx%3D%221.4%22%2F%3E%3Crect%20x%3D%2213.8%22%20y%3D%223.5%22%20width%3D%226.7%22%20height%3D%226.7%22%20rx%3D%221.4%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.8%22%20width%3D%226.7%22%20height%3D%226.7%22%20rx%3D%221.4%22%2F%3E%3Crect%20x%3D%2213.8%22%20y%3D%2213.8%22%20width%3D%226.7%22%20height%3D%226.7%22%20rx%3D%221.4%22%2F%3E%3C%2Fsvg%3E"); }
  .workspace .quick-steps > div:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23345ee9%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19.5%2017H19a4.5%204.5%200%200%200-1.7-8.7A6.2%206.2%200%200%200%205.4%2010a4%204%200%200%200%20.8%207H8%22%2F%3E%3Cpath%20d%3D%22M12%2021V12m0%200-3%203m3-3%203%203%22%2F%3E%3C%2Fsvg%3E"); }
  .workspace .quick-steps > div:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23345ee9%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5%209-5Z%22%2F%3E%3Cpath%20d%3D%22m3%2013%209%205%209-5%22%2F%3E%3Cpath%20d%3D%22m3%2018%209%205%209-5%22%2F%3E%3C%2Fsvg%3E"); }
  .workspace .quick-steps > div::after {
    content: "";
    position: absolute;
    left: 85px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #dce5f5;
  }
  .workspace .quick-steps .step-number {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    margin: 0 0 8px;
    padding: 5px 11px;
    border-radius: 999px;
    background: #e9efff;
    color: #285be2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1;
  }
  .workspace .quick-steps h3 {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.23;
    letter-spacing: -.025em;
    color: #152641;
  }
  .workspace .quick-steps p {
    grid-column: 2;
    grid-row: 3;
    min-width: 0;
    margin: 0;
    color: #7889a2;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 359px) {
  .workspace .quick-steps > div {
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 16px;
    padding: 16px 14px;
  }
  .workspace .quick-steps > div::before { width: 46px; height: 46px; background-size: 25px 25px; }
  .workspace .quick-steps > div::after { left: 68px; }
  .workspace .quick-steps h3 { font-size: 15px; }
  .workspace .section-heading h2 { font-size: 18px; }
}

/* APPLUNIO PREMIUM DESIGN 2026-11-05 | Visual-only CSS patch */
:root{--ink:#172443;--muted:#697a93;--line:#e1e7f3;--primary:#6055e9;--primary-deep:#473ec7;--light:#f6f7ff;--card:#fff;--navy:#111a39;--soft:#f0efff;--shadow:0 12px 30px rgba(32,40,100,.05)}
body{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(64,202,204,.5);outline-offset:3px}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e9e9f7;box-shadow:0 3px 24px rgba(41,39,109,.035)}
.brand{color:#152442}.brand b{color:#6055e9}
.brand-symbol{border-radius:12px;background:linear-gradient(145deg,#6454ed 0%,#497ce9 75%,#27b5bd 130%);box-shadow:0 8px 20px rgba(95,85,233,.23)}
.site-nav{color:#566480}.site-nav a:not(.btn):hover{color:#6055e9}
.btn{border-radius:11px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.btn.primary{background:linear-gradient(112deg,#6055e9 0%,#477bec 100%);color:#fff;box-shadow:0 10px 24px rgba(78,88,220,.20)}
.btn.primary:hover{background:linear-gradient(112deg,#5146d7,#376cdd);color:#fff;box-shadow:0 14px 28px rgba(78,88,220,.26);transform:translateY(-2px)}
.btn.outline{background:rgba(255,255,255,.91);border-color:#dfe3f3;color:#26375a}
.btn.outline:hover{background:#f5f4ff;border-color:#c6bffc;color:#5149d9}
.hero{background:radial-gradient(ellipse at 79% 27%,rgba(113,110,250,.14),transparent 36%),radial-gradient(ellipse at 45% 78%,rgba(43,199,207,.11),transparent 35%),linear-gradient(118deg,#fff 5%,#f6f7ff 54%,#f5f9ff 100%);padding-top:98px;padding-bottom:105px}
.hero-copy h1{color:#172341;letter-spacing:-.059em}
.hero-copy h1 span{color:#6055e9;background:linear-gradient(110deg,#5348de 10%,#5577f0 62%,#249fae);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{color:#647591}
.hero-pill{background:linear-gradient(90deg,#f0edff,#effbfc);border-color:#dedafa;color:#5149c9;box-shadow:0 4px 13px rgba(86,85,186,.045)}
.pulse,.hero-note .dot{background:#2cbaaa}.pulse{box-shadow:0 0 0 4px #dbf7f3}
.hero-note{color:#7e8ca4}
.visual-browser{border:1px solid #e1e4f7;box-shadow:0 27px 72px rgba(46,45,130,.18);background:#fff}
.preview-side{background:linear-gradient(175deg,#242151,#142444);color:#a6a3f7}
.preview-side span:first-child{color:#93f0e8}
.preview-stats>div,.preview-panel{border-color:#e5e9f6;background:linear-gradient(140deg,#fff,#fbfcff)}
.preview-dot{background:#58c9c8}.preview-bar span{background:linear-gradient(90deg,#6155ed,#38c0c8)}
.device-preview{border-color:#202342;background:linear-gradient(150deg,#f5f2ff,#f1fcfd 65%,#fff);box-shadow:0 20px 49px rgba(37,39,97,.24)}
.device-symbol,.device-button{background:#e7e4ff;color:#5b54dc}
.logo-strip{background:linear-gradient(95deg,#fafaff,#f7fbfd);border-color:#ebeaf6}
.logo-strip span{color:#7485a8}
.eyebrow{color:#6355e8}
.section .center-intro h2,.center-intro h2{color:#1d2948}
.feature-tile{position:relative;overflow:hidden;border:1px solid #e5e7f5;border-radius:19px;box-shadow:0 11px 34px rgba(37,38,105,.052);transition:transform .22s,box-shadow .22s,border-color .22s}
.feature-tile::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6862e8,#41c6c6);opacity:.66}
.feature-tile:hover{transform:translateY(-5px);border-color:#d6d5fa;box-shadow:0 20px 40px rgba(71,68,156,.12)}
.tile-icon{border-radius:13px;background:#eeeaff;color:#6552d7}
.feature-tile:nth-child(3n + 2) .tile-icon{background:#e6f8f7;color:#159a9c}
.feature-tile:nth-child(3n + 3) .tile-icon{background:#eaf2ff;color:#4875e3}
.feature-tile h3{color:#1c2949}
.feature-tile p,.steps-grid p{color:#70809a}
.steps-section{background:linear-gradient(130deg,#f6f5ff,#f2fbfc)}
.steps-grid>div{background:rgba(255,255,255,.86);border:1px solid #e6e6f7;border-radius:17px;padding:28px 24px;box-shadow:0 10px 27px rgba(50,51,115,.045)}
.steps-grid span{color:#665ae3}
.cta-card{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(58,217,213,.29),transparent 37%),linear-gradient(112deg,#2c286f,#4b47cf 57%,#287cbd);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 62px rgba(52,55,149,.22)}
.cta-card .eyebrow{color:#b8f3ec}.cta-card p{color:#e6e8ff}.cta-card .btn.white{color:#5146c3;box-shadow:0 10px 22px rgba(9,22,68,.15)}
.site-footer{background:linear-gradient(135deg,#151c3b,#111932 68%,#172949);color:#c8d0e6}.site-footer p{color:#9caacc}.site-footer .brand b{color:#b6a7ff}
.subhero{position:relative}.subhero h1{color:#182746}
.pricing-card{border:1px solid #e4e5f5;border-radius:19px;box-shadow:0 14px 34px rgba(35,43,110,.055);transition:transform .2s,box-shadow .2s}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 39px rgba(43,45,126,.11)}
.price{color:#27224f}.pricing-card li:before{color:#1aa9aa}
.auth-decoration{background:radial-gradient(circle at 75% 25%,rgba(50,215,208,.2),transparent 42%),linear-gradient(150deg,#38308a,#151f4c 70%,#0c3647)}
.auth-pulse{background:linear-gradient(145deg,#7462f1,#3c97c9);border-color:#a9a0ff}
.auth-form-panel{background:linear-gradient(150deg,#fff 10%,#fbfaff 100%)}
.auth-box h1{color:#172343}
.field input:focus,.field textarea:focus,.field select:focus,.toolbar input:focus{border-color:#8075ed;box-shadow:0 0 0 4px rgba(112,103,235,.12)}
.workspace{background:linear-gradient(135deg,#f7f8ff,#f5f9fd)}
.sidebar{background:linear-gradient(180deg,#1e204a,#131a38 66%,#13253d);scrollbar-color:#424476 transparent}
.sidebar-caption{color:#9294bd}
.side-link{color:#bdc4df;border-radius:11px}
.side-link:hover{background:rgba(148,143,255,.13);color:#fff}
.side-link.selected{background:linear-gradient(110deg,#6156d9,#3e70c7);color:#fff;box-shadow:0 6px 20px rgba(24,28,79,.23)}
.sidebar-user{border-top-color:#323b66}
.avatar{background:linear-gradient(135deg,#6956db,#318eac)}
.topbar{background:rgba(255,255,255,.95);border-color:#e5e8f5}
.user-circle{background:#efecff;color:#5c50d7}
.stat-card,.panel,.device-panel{border-color:#e5e8f5;border-radius:16px;box-shadow:0 11px 30px rgba(40,48,112,.042)}
.stat-card{background:linear-gradient(155deg,#fff,#fbfbff)}
.stat-glyph{background:#eeeaff;color:#6259dc}
.stat-card:nth-child(2) .stat-glyph{background:#e7f8f6;color:#189d9f}
.stat-card:nth-child(3) .stat-glyph{background:#eaf1ff;color:#547be2}
.stat-card:nth-child(4) .stat-glyph{background:#fbebf7;color:#b4599e}
.project-card{border-color:#e6e9f7;border-radius:16px;background:#fff}
.project-card:hover{border-color:#c7c0f6;box-shadow:0 13px 31px rgba(75,73,166,.10)}
.project-logo{background:linear-gradient(135deg,#e9e3ff,#d9f4f6);color:#5a53d4}
.tabs a.current,.text-link{color:#6055e9}.tabs a.current:after{background:linear-gradient(90deg,#6752e9,#35bcbf)}
.data-table th{background:#f4f4fc;color:#7885a3}
.docs-links a:hover,.action-link span{background:#efedff;color:#5e51df}
.upload-drop{background:#faf9ff;border-color:#c9c2ed}
@media(max-width:1000px){.hero{padding-top:73px;padding-bottom:75px}}
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 75% 33%,rgba(117,110,246,.13),transparent 50%),linear-gradient(145deg,#fff,#f5f8ff);padding-top:60px;padding-bottom:66px}.hero-copy h1{letter-spacing:-.048em}.feature-tile{border-radius:17px}.steps-grid>div{padding:22px}.cta-card{border-radius:19px}.site-nav{background:#fff}.workspace .quick-steps>div{border-color:#e2e4f8;box-shadow:0 9px 25px rgba(52,52,129,.075)}}
@media(prefers-reduced-motion:reduce){.feature-tile,.pricing-card,.btn,.project-card{transition:none}.btn:hover,.feature-tile:hover,.pricing-card:hover{transform:none}}
/* APPLUNIO CARD REDESIGN 2026-11-05 R2 / CSS-only */
.feature-grid{gap:18px}
.feature-grid .feature-tile{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;
  min-height:213px;padding:25px 25px 23px;
  border:1px solid #dfe5f4;border-radius:19px;
  background:linear-gradient(160deg,#ffffff 48%,#f9faff 100%);
  box-shadow:0 6px 14px rgba(31,49,93,.035),0 18px 40px rgba(31,49,93,.04);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.feature-grid .feature-tile:hover{transform:translateY(-5px);border-color:#b5b5eb;box-shadow:0 16px 40px rgba(52,54,125,.14)}
.feature-grid .feature-tile::before{
  content:"";position:absolute;left:24px;right:24px;top:0;bottom:auto;
  width:auto;height:3px;opacity:1;border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#7163ee,#39bfc8);
}
.feature-grid .feature-tile::after{
  content:"";position:absolute;right:-36px;top:-50px;width:142px;height:142px;
  background:radial-gradient(circle,rgba(111,105,234,.09),rgba(111,105,234,0) 72%);
  border-radius:50%;pointer-events:none;z-index:-1;
}
.feature-grid .feature-tile .tile-icon{
  flex:none;display:grid;place-items:center;width:54px;height:54px;margin:1px 0 21px;
  border:1px solid #ddd9ff;border-radius:16px;
  background:linear-gradient(145deg,#f0edff,#e9f3ff);
  color:transparent;font-size:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.feature-grid .feature-tile .tile-icon::after{
  content:"";display:block;width:27px;height:27px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
}
.feature-grid .feature-tile h3{
  font-size:17px;line-height:1.32;letter-spacing:-.025em;font-weight:790;
  color:#1c2849;margin:0 0 9px;
}
.feature-grid .feature-tile p{
  margin:0;color:#67778f;font-size:13px;line-height:1.62;
}
.feature-grid .feature-tile:nth-child(3n + 2) .tile-icon{
  border-color:#c8efec;background:linear-gradient(145deg,#e5faf5,#e9f6fe);
}
.feature-grid .feature-tile:nth-child(3n + 3) .tile-icon{
  border-color:#d4e5fd;background:linear-gradient(145deg,#eaf1ff,#f0ebff);
}
.feature-grid .feature-tile:nth-child(3n + 2)::before{background:linear-gradient(90deg,#27b4b2,#54d4cd)}
.feature-grid .feature-tile:nth-child(3n + 3)::before{background:linear-gradient(90deg,#4a82ed,#8170ed)}
.steps-grid{gap:17px}
.steps-grid>div{
  position:relative;display:flex;flex-direction:column;
  padding:25px 24px 24px;border:1px solid #e0e5f3;border-radius:18px;
  background:#fff;box-shadow:0 10px 29px rgba(37,45,106,.055);
}
.steps-grid>div::before{
  content:"";position:absolute;top:0;left:24px;right:24px;height:3px;
  background:linear-gradient(90deg,#7060ee,#37bdbd);border-radius:0 0 8px 8px;
}
.steps-grid>div:nth-child(2)::before{background:linear-gradient(90deg,#24afb6,#53d3be)}
.steps-grid>div:nth-child(3)::before{background:linear-gradient(90deg,#4980ec,#7763ea)}
.steps-grid>div>span{
  display:grid;place-items:center;flex:none;width:55px;height:55px;
  border:1px solid #ddd8ff;border-radius:16px;margin:0 0 19px;
  background:#f0edff;font-size:24px;font-weight:850;letter-spacing:-.055em;color:#6554d9;
}
.steps-grid>div:nth-child(2)>span{background:#e6f9f6;border-color:#c9edeb;color:#158f99}
.steps-grid>div:nth-child(3)>span{background:#eaf2ff;border-color:#d3e0ff;color:#4677d7}
.steps-grid h3{color:#1c2949;font-size:17px;line-height:1.32;margin:0 0 8px}
.steps-grid p{font-size:13px;line-height:1.65;color:#697991;margin:0}
.steps-section{background:linear-gradient(140deg,#f7f7ff,#f1fafd)}
.pricing-card{overflow:hidden;position:relative}
.pricing-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6f60ef,#38bfc1)}
.pricing-name{color:#24234b}
@media(max-width:760px){
  .container{width:calc(100% - 34px)}
  .section{padding-top:55px;padding-bottom:55px}
  .section .center-intro{margin-bottom:27px}
  .center-intro h2{font-size:clamp(27px,7.5vw,35px);line-height:1.15;letter-spacing:-.045em}
  .center-intro p{font-size:13px;line-height:1.57}
  .feature-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .feature-grid .feature-tile{
    display:grid;grid-template-columns:53px minmax(0,1fr);
    grid-template-rows:auto auto;align-items:start;
    column-gap:15px;row-gap:2px;min-height:0;
    padding:19px 18px 19px 21px;border-radius:17px;
    box-shadow:0 7px 19px rgba(35,49,99,.052);
  }
  .feature-grid .feature-tile::before{
    left:0;right:auto;top:18px;bottom:18px;height:auto;width:3px;
    border-radius:0 7px 7px 0;
  }
  .feature-grid .feature-tile::after{right:-27px;top:-34px;width:90px;height:90px}
  .feature-grid .feature-tile .tile-icon{
    grid-column:1;grid-row:1/span 2;width:50px;height:50px;
    margin:0;border-radius:14px;
  }
  .feature-grid .feature-tile .tile-icon::after{width:24px;height:24px}
  .feature-grid .feature-tile h3{
    grid-column:2;grid-row:1;min-width:0;
    margin:2px 0 3px;font-size:16px;line-height:1.29;
  }
  .feature-grid .feature-tile p{
    grid-column:2;grid-row:2;min-width:0;
    margin:0;font-size:12.4px;line-height:1.52;color:#63738d;overflow-wrap:anywhere;
  }
  .steps-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .steps-grid>div{
    display:grid;grid-template-columns:50px minmax(0,1fr);
    grid-template-rows:auto auto;gap:2px 14px;align-items:start;
    min-height:0;margin:0;padding:19px 18px 19px 21px;
    border:1px solid #e0e5f3;border-radius:17px;
    box-shadow:0 7px 19px rgba(35,49,99,.052);
  }
  .steps-grid>div::before{left:0;right:auto;top:18px;bottom:18px;width:3px;height:auto;border-radius:0 7px 7px 0}
  .steps-grid>div>span{
    grid-column:1;grid-row:1/span 2;display:grid;place-items:center;
    width:49px;height:49px;margin:0;border-radius:14px;font-size:21px;
  }
  .steps-grid h3{grid-column:2;grid-row:1;margin:2px 0 3px;font-size:16px;line-height:1.3}
  .steps-grid p{grid-column:2;grid-row:2;margin:0;font-size:12.5px;line-height:1.54}
  .site-header{z-index:40}
  .site-nav{
    position:absolute;top:68px;left:10px;right:10px;gap:5px;
    padding:13px;border:1px solid #e4e7f4;border-radius:0 0 20px 20px;
    background:rgba(255,255,255,.985);
    box-shadow:0 24px 42px rgba(27,38,89,.17);
    max-height:min(80vh,550px);overflow-y:auto;
  }
  .site-nav.open{display:flex}
  .site-nav a:not(.btn){
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 14px;margin:0;border:1px solid transparent;
    border-radius:11px;background:#f7f8ff;color:#334361;
    font-size:13px;font-weight:720;min-height:43px;
  }
  .site-nav a:not(.btn)::after{content:"›";font-size:22px;line-height:1;color:#8b8ebf;font-weight:400}
  .site-nav a:not(.btn):hover{color:#574bda;border-color:#e3ddff;background:#f1efff}
  .site-nav .btn{margin-top:5px;min-height:46px}
  .mobile-menu{border-color:#dedff1;background:#fff;color:#242a52;border-radius:12px}
  .subhero{padding-top:50px;padding-bottom:10px}
  .subhero h1{font-size:clamp(29px,7.8vw,39px);line-height:1.14;letter-spacing:-.045em}
  .subhero>p{font-size:13px;line-height:1.58}
  .pricing-card{padding:26px 24px}
}
@media(max-width:360px){
 .feature-grid .feature-tile{grid-template-columns:45px minmax(0,1fr);column-gap:12px;padding:16px 14px 16px 18px}
 .feature-grid .feature-tile .tile-icon{width:44px;height:44px}
 .feature-grid .feature-tile h3{font-size:15px}
 .feature-grid .feature-tile p{font-size:12px}
 .steps-grid>div{grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:16px 14px 16px 18px}
 .steps-grid>div>span{width:44px;height:44px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 .feature-grid .feature-tile{transition:none}
}

.feature-grid .feature-tile:nth-child(1) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236659d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213.5%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.6%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(2) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23159ca1%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16v13H4z%22%2F%3E%3Cpath%20d%3D%22M2.5%204h19v3h-19z%22%2F%3E%3Cpath%20d%3D%22M9%2012h6%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(3) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234775dc%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m7%209%203%203-3%203m6%200h4%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(4) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236659d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2220%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M11%2018.5h2%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(5) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23159ca1%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.5%2013.5a4.7%204.7%200%200%200%207.1.5l2.1-2.1a4.7%204.7%200%200%200-6.6-6.6l-1.2%201.2%22%2F%3E%3Cpath%20d%3D%22M13.5%2010.5a4.7%204.7%200%200%200-7.1-.5l-2.1%202.1a4.7%204.7%200%200%200%206.6%206.6l1.2-1.2%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(6) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234775dc%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2012h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2217%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(7) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236659d9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022c4-2%208-4%208-10V5l-8-3-8%203v7c0%206%204%208%208%2010z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(8) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23159ca1%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%227%22%20rx%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M19%2018a6%206%200%200%201-6%204h-2%22%2F%3E%3C%2Fsvg%3E")}

.feature-grid .feature-tile:nth-child(9) .tile-icon::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234775dc%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%2020h8m-4-4v4%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%229%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}

/* APPLUNIO CUSTOM LOGO PNG — 2026-11-05 */
.brand:has(.brand-image){display:inline-flex;align-items:center;gap:0;line-height:1}
.brand .brand-image{display:block;height:52px;width:auto;max-width:min(205px,50vw);object-fit:contain;object-position:left center;flex:0 0 auto}
.site-header .brand .brand-image{height:53px;max-width:218px}
.site-footer .brand .brand-image{height:49px;max-width:220px}
.sidebar .brand .brand-image{height:48px;max-width:194px}
@media(max-width:760px){.site-header .brand .brand-image{height:47px;max-width:200px}.sidebar .brand .brand-image{height:44px;max-width:185px}}