.aiota-sc{--g:#01FC00;--bg:#030804;--tx:#d9ead9;--mut:#8fa690;--bd:rgba(1,252,0,.28);position:relative;width:100%;max-width:1240px;margin:0 auto;padding:10px 16px 40px;color:var(--tx);font-family:inherit;box-sizing:border-box}
.aiota-sc *,.aiota-sc *:before,.aiota-sc *:after{box-sizing:border-box}
.aiota-sc__intro{text-align:center;max-width:760px;margin:0 auto 56px}
.aiota-sc__eyebrow{display:inline-block;padding:7px 16px;border:1px solid var(--bd);border-radius:99px;color:var(--g);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;background:rgba(1,252,0,.05)}
.aiota-sc .aiota-sc__intro h2{color:var(--g);font-size:clamp(1.9rem,4vw,3rem);line-height:1.12;margin:0 0 14px;font-weight:700;text-shadow:0 0 28px rgba(1,252,0,.35)}
.aiota-sc .aiota-sc__intro p{color:var(--mut);font-size:1.05rem;margin:0}

/* ---------- Website sample row ---------- */
.aiota-sc__item{position:relative;border:1px solid var(--bd);border-radius:26px;padding:34px;margin:0 0 38px;background:linear-gradient(160deg,rgba(1,252,0,.05),rgba(1,252,0,0) 45%),rgba(255,255,255,.012);transition:border-color .3s,box-shadow .3s}
.aiota-sc__item:hover,.aiota-sc__card:hover{border-color:var(--g);box-shadow:0 0 0 1px rgba(1,252,0,.25),0 30px 80px -40px rgba(1,252,0,.55)}
.aiota-sc__info{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:start;margin-bottom:30px}
.aiota-sc__num{font-size:3.4rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--g);opacity:.8;min-width:78px}
.aiota-sc__cat{display:inline-block;color:var(--g);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:6px}
.aiota-sc .aiota-sc__title{color:var(--g);font-size:1.7rem;line-height:1.15;margin:0 0 10px;font-weight:700}
.aiota-sc .aiota-sc__text p,.aiota-sc__card p{color:var(--tx);margin:0 0 14px;font-size:1rem;line-height:1.65;opacity:.88}
.aiota-sc ul.aiota-sc__tags{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.aiota-sc ul.aiota-sc__tags li{margin:0;padding:5px 13px;border:1px solid var(--bd);border-radius:99px;font-size:.78rem;color:var(--g);background:rgba(1,252,0,.06)}
.aiota-sc__actions{display:flex;flex-direction:column;gap:10px;min-width:210px}
.aiota-sc a.aiota-sc__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 22px;border-radius:99px;background:var(--g);color:#031004;font-weight:700;font-size:.92rem;text-decoration:none;border:1px solid var(--g);box-shadow:0 0 26px -6px var(--g);transition:transform .2s,box-shadow .2s;text-align:center}
.aiota-sc a.aiota-sc__btn:hover{transform:translateY(-2px);box-shadow:0 0 38px -4px var(--g);color:#031004}
.aiota-sc a.aiota-sc__btn--ghost{background:transparent;color:var(--g);box-shadow:none}
.aiota-sc a.aiota-sc__btn--ghost:hover{background:rgba(1,252,0,.1);color:var(--g);box-shadow:none}

.aiota-sc__stage{display:flex;gap:34px;align-items:flex-end}

/* ---------- Browser frame ---------- */
.aiota-sc__browser{flex:1 1 auto;min-width:0;border-radius:16px;border:1px solid var(--bd);background:#0a120a;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 60px -30px var(--g)}
.aiota-sc__chrome{display:flex;gap:7px;align-items:center;height:38px;padding:0 14px;background:#0f1a0f;border-bottom:1px solid var(--bd)}
.aiota-sc__chrome i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.aiota-sc__chrome i:nth-child(2){background:#febc2e}.aiota-sc__chrome i:nth-child(3){background:#28c840}
.aiota-sc__chrome span{margin-left:14px;flex:1;max-width:340px;padding:4px 14px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--mut);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiota-sc__browser .aiota-sc__vp{aspect-ratio:16/10}

/* ---------- Phone frame ---------- */
.aiota-sc__phone{flex:0 0 auto;width:236px;border-radius:42px;padding:9px;background:linear-gradient(145deg,#1a241a,#050805);border:1.5px solid rgba(1,252,0,.5);box-shadow:0 30px 70px -26px rgba(0,0,0,.95),0 0 60px -22px var(--g),inset 0 0 0 2px #000;position:relative}
.aiota-sc__phone:before,.aiota-sc__phone:after{content:"";position:absolute;width:3px;border-radius:2px;background:rgba(1,252,0,.55)}
.aiota-sc__phone:before{left:-4px;top:96px;height:44px;box-shadow:0 60px 0 rgba(1,252,0,.55)}
.aiota-sc__phone:after{right:-4px;top:130px;height:64px}
.aiota-sc__screen{position:relative;border-radius:33px;overflow:hidden;aspect-ratio:390/844;background:var(--bar,#000)}
.aiota-sc__status{position:absolute;z-index:3;left:0;right:0;top:0;height:30px;padding:6px 20px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--fg,#fff);background:var(--bar,#000);font-family:-apple-system,system-ui,sans-serif}
.aiota-sc__icons{letter-spacing:1px;font-size:9px}
.aiota-sc__phone .aiota-sc__vp{position:absolute;left:0;right:0;top:30px;bottom:0}
.aiota-sc__island{position:absolute;z-index:4;top:7px;left:50%;width:66px;height:19px;margin-left:-33px;border-radius:99px;background:#000}
.aiota-sc__home{position:absolute;z-index:4;bottom:5px;left:50%;width:84px;height:4px;margin-left:-42px;border-radius:4px;background:var(--fg,#fff);opacity:.55}

.aiota-sc__vp{position:relative;overflow:hidden;background:#0a120a}
.aiota-sc .aiota-sc__vp iframe{position:absolute!important;left:0!important;top:0!important;border:0!important;margin:0!important;padding:0!important;max-width:none!important;min-width:0!important;max-height:none!important;transform-origin:0 0!important;pointer-events:none;background:#fff;opacity:0;transition:opacity .6s;display:block!important}
.aiota-sc__dev.is-ready iframe{opacity:1}
.aiota-sc__dev:not(.is-ready) .aiota-sc__vp:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border:2px solid rgba(1,252,0,.25);border-top-color:var(--g);border-radius:50%;animation:aiotaSpin .8s linear infinite}
@keyframes aiotaSpin{to{transform:rotate(360deg)}}

/* ---------- App sample grid ---------- */
.aiota-sc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.aiota-sc__card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--bd);border-radius:26px;padding:36px 28px 30px;background:linear-gradient(180deg,rgba(1,252,0,.06),rgba(1,252,0,0) 50%),rgba(255,255,255,.012);transition:border-color .3s,box-shadow .3s}
.aiota-sc__card .aiota-sc__phone{width:min(250px,76%);margin:0 auto 28px}
.aiota-sc__card .aiota-sc__title{font-size:1.4rem}
.aiota-sc__card ul.aiota-sc__tags{justify-content:center;margin-bottom:12px}
.aiota-sc__tech{display:block;color:var(--mut);font-size:.8rem;margin-bottom:20px}
.aiota-sc__card .aiota-sc__actions{width:100%;min-width:0;margin-top:auto;flex-direction:row}
.aiota-sc__card .aiota-sc__btn{flex:1;padding:12px 14px;font-size:.86rem}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
 .aiota-sc__grid{grid-template-columns:repeat(2,1fr)}
 .aiota-sc__info{grid-template-columns:auto 1fr}.aiota-sc__actions{grid-column:1/-1;flex-direction:row}.aiota-sc__actions .aiota-sc__btn{flex:1}
}
@media(max-width:760px){
 .aiota-sc{padding-inline:12px}
 .aiota-sc__item{padding:22px 16px;border-radius:20px}
 .aiota-sc__info{grid-template-columns:1fr;gap:6px}.aiota-sc__num{font-size:2.4rem;min-width:0}
 .aiota-sc .aiota-sc__title{font-size:1.4rem}
 .aiota-sc__actions{flex-direction:column}
 .aiota-sc__stage{flex-direction:column;align-items:center;gap:28px}
 .aiota-sc__browser{width:100%}
 .aiota-sc__phone{width:min(236px,70%)}
 .aiota-sc__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.aiota-sc *{transition:none!important;animation:none!important}}

/* ---------- Home-page teasers ---------- */
.aiota-tz{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:48px;align-items:center;padding:40px 16px}
.aiota-tz .aiota-sc__eyebrow{margin-bottom:16px}
.aiota-sc.aiota-tz h2{color:var(--g);font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.12;margin:0 0 14px;font-weight:700;text-shadow:0 0 28px rgba(1,252,0,.3)}
.aiota-tz__text p{color:var(--tx);opacity:.88;font-size:1.05rem;line-height:1.65;margin:0 0 20px}
.aiota-sc ul.aiota-tz__list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}
.aiota-sc ul.aiota-tz__list li{margin:0;padding:0 0 0 32px;position:relative;color:var(--tx)}
.aiota-sc ul.aiota-tz__list li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(1,252,0,.15);border:1px solid var(--bd);color:var(--g);font-size:.75rem;display:grid;place-items:center;line-height:1}
.aiota-tz__stage{display:flex;gap:30px;align-items:flex-end;justify-content:center}
.aiota-tz--app .aiota-tz__stage{gap:0;align-items:center}
.aiota-tz--app .aiota-sc__phone{width:min(240px,42%)}
.aiota-tz--app .aiota-sc__phone+.aiota-sc__phone{transform:translateY(34px) scale(.94);margin-left:-18px}
.aiota-tz--web .aiota-sc__browser{flex:1 1 auto;min-width:0}
.aiota-tz--web .aiota-sc__phone{width:200px}
.aiota-sc .aiota-sc__vp iframe.is-on{opacity:1}
.aiota-tz .aiota-sc__vp iframe{transition:opacity .7s ease}
.aiota-tz .aiota-sc__vp:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border:2px solid rgba(1,252,0,.25);border-top-color:var(--g);border-radius:50%;animation:aiotaSpin .8s linear infinite;z-index:0}
.aiota-tz .aiota-sc__vp.is-ready:after{display:none}
@media(max-width:900px){
 .aiota-tz{grid-template-columns:1fr;gap:34px}
 .aiota-tz__stage{flex-direction:column;align-items:center}
 .aiota-tz--app .aiota-tz__stage{flex-direction:row;justify-content:center}
 .aiota-tz--web .aiota-sc__browser{width:100%}
 .aiota-tz--web .aiota-sc__phone{width:min(220px,64%)}
}