/* IITECH SI product page (/si/) v2: plain, flat, no 3D */
body.page-si{background:#000}
.si{--y:#FFD400;--p:#7B2FF7;--mut:rgba(255,255,255,.68);--line:rgba(255,255,255,.12);color:#fff;background:#000;overflow:hidden}
.si-wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto;position:relative}
.si-narrow{width:min(820px,100% - 2.5rem)}
.si h1,.si h2,.si h3{color:#fff;letter-spacing:-.02em}
.si-hero{padding:150px 0 clamp(56px,8vw,110px)}
.si-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:center}
.si-brandrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;font-weight:700;font-size:1.05rem;letter-spacing:.01em}
.si-brandrow img{border-radius:10px;display:block}
.si h1{font-size:clamp(2.4rem,5.6vw,4.8rem);line-height:1;margin:0 0 22px;font-weight:700}
.si-lead{font-size:clamp(1.08rem,1.5vw,1.3rem);color:var(--mut);max-width:36ch;margin:0 0 26px;line-height:1.5}
.si .ai-priceline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:clamp(1.1rem,1.8vw,1.4rem);margin:0 0 6px;color:#fff}
.si .ai-priceline b{color:#fff;font-weight:700}
.si .ai-cur{background:#111;color:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}
.si-note{font-size:.82rem;color:rgba(255,255,255,.5);margin:6px 0 0}
.si-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.si-center{justify-content:center}
.si-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s,border-color .2s}
.si-btn-main{color:#000;background:#fff}.si-btn-main:hover{color:#000;background:#e8e8e8}
.si-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.3)}.si-btn-ghost:hover{color:#fff;border-color:#fff}
.si-btn:focus-visible{outline:3px solid var(--y);outline-offset:3px}
/* product mock */
.si-demo{margin:0}
.si-win{background:#0d0d0f;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.si-win-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#141417}
.si-win-bar img{border-radius:7px;display:block}
.si-win-bar b{display:block;font-size:.95rem}.si-win-bar span{font-size:.78rem;color:#7ee2a8}
.si-win-log{display:flex;flex-direction:column;gap:10px;padding:20px 18px;min-height:260px}
.si-msg{margin:0;max-width:82%;padding:11px 15px;border-radius:18px;font-size:.95rem;line-height:1.45}
.si-me{align-self:flex-end;background:#2b2b31;color:#fff;border-end-end-radius:6px}
.si-bot{align-self:flex-start;background:#fff;color:#111;border-end-start-radius:6px}
.si-win-input{display:flex;align-items:center;justify-content:space-between;margin:0 14px 14px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;color:rgba(255,255,255,.4);font-size:.9rem}
.si-win-input i{width:28px;height:28px;border-radius:50%;background:var(--p)}
.si-demo figcaption{margin-top:14px;font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.5}
.si-tag{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,212,0,.6);color:var(--y);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-inline-end:6px}
/* sections */
.si-sec{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--line)}
.si h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:0 0 40px;font-weight:700}
.si-sub{color:var(--mut);font-weight:600;margin:-24px 0 0}
.si-prob{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:clamp(48px,7vw,96px)}
.si-prob:last-child{margin-bottom:0}
.si-prob:nth-of-type(even) img{order:2}
.si-prob img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block}
.si-prob h3{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;margin:0 0 14px}
.si-prob p{margin:0;line-height:1.6;font-size:1.05rem;color:var(--mut)}
.si-prob .si-pb{color:#fff;margin-bottom:22px}
.si-help-h{font-size:.8rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--y)!important;margin-bottom:6px!important}
.si-two{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
.si-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.si-list li{position:relative;padding-inline-start:28px;font-size:1.05rem;line-height:1.5;color:#eee}
.si-list li::before{content:"";position:absolute;inset-inline-start:2px;top:.5em;width:12px;height:7px;border-inline-start:2px solid var(--y);border-bottom:2px solid var(--y);transform:rotate(-45deg)}
[dir=rtl] .si-list li::before{transform:rotate(45deg)}
.si-list-sm li{font-size:.95rem}
.si-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.si-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.35)}
.si-steps h3{font-size:1.1rem;margin:16px 0 6px}.si-steps p{color:var(--mut);font-size:.95rem;line-height:1.55;margin:0}
.si-pricecard{max-width:620px;margin-inline:auto;padding:clamp(26px,4vw,44px);border-radius:22px;background:#0d0d0f;border:1px solid var(--line)}
.si-pricecard .si-list{margin:22px 0}
.si-offer{display:inline-block;color:#000;background:var(--y);font-weight:700;font-size:.95rem;padding:4px 12px;border-radius:999px;margin:0 0 16px}
.si-faq-item{border-bottom:1px solid var(--line)}
.si-faq-item summary{cursor:pointer;list-style:none;padding:20px 0;font-size:1.1rem;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.si-faq-item summary::-webkit-details-marker{display:none}
.si-faq-item summary::after{content:"+";color:#fff;font-size:1.5rem;line-height:1}
.si-faq-item[open] summary::after{content:"−"}
.si-faq-item summary:focus-visible{outline:2px solid var(--y);outline-offset:4px}
.si-faq-item div{padding:0 0 20px;color:var(--mut);line-height:1.6}.si-faq-item p{margin:0 0 8px}
.si .ai-why{margin-top:0;border-top:0;padding-top:0;max-width:none}
.si-fine{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:18px}
@media (max-width:1000px){.si-steps{grid-template-columns:repeat(2,1fr)}.si-two{grid-template-columns:1fr}}
@media (max-width:860px){.si-hero-grid{grid-template-columns:1fr}.si-prob{grid-template-columns:1fr;gap:22px}.si-prob:nth-of-type(even) img{order:0}}
@media (max-width:760px){.si-hero{padding:112px 0 48px}.si-steps{grid-template-columns:1fr}.si-btn{width:100%}.si-msg{max-width:90%}}
@media (max-width:360px){.si-wrap,.si-narrow{width:calc(100% - 1.5rem)}.si-win-log{padding:16px 12px}}
@media (prefers-reduced-motion:reduce){.si-btn{transition:none}}
/* v3: What IITECH SI can do */
.si-can{border-top:0;padding-top:0}
.si-can-box{border:1px solid rgba(255,212,0,.45);border-radius:26px;background:#0b0b0d;padding:clamp(24px,4.5vw,56px);box-shadow:inset 0 3px 0 #FFD400}
.si-can-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:clamp(24px,3.5vw,40px)}
.si-can-head img{flex:none;border-radius:14px;display:block}
.si-can-head h2{margin:0 0 8px}
.si-can-intro{margin:0;color:var(--mut);font-size:1.08rem;line-height:1.5;max-width:52ch}
.si-can-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.si-can-item{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#121215;font-size:1.02rem;line-height:1.4;font-weight:600;color:#fff}
.si-can-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(123,47,247,.16);color:#FFD400}
.si-can-ico svg{width:22px;height:22px}
.si-can-more{grid-column:1/-1;border-style:dashed;border-color:rgba(255,212,0,.4);font-weight:500;color:#eee}
.si-can-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(24px,3.5vw,40px)}
.si-can-close{margin:0;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;letter-spacing:-.01em}
.si-can-note{margin-top:14px}
@media (max-width:1000px){.si-can-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.si-can-grid{grid-template-columns:1fr}.si-can-head{flex-direction:column;gap:14px}.si-can-head img{width:48px;height:48px}.si-can-item{padding:14px}.si-can-foot .si-btn{width:100%}}
@media (min-width:1100px){.si-can-grid{grid-template-columns:repeat(4,1fr)}}
.si-can-foot .si-btn{text-align:center;line-height:1.25;padding-block:10px}
.si-win-input{color:rgba(255,255,255,.66)}