/*
 * isummarizeit.css
 * HELM Coders Website
 *
 * Created by HELM Coders LLC on 2026-10-24 (America/Chicago).
 * Purpose: Page stylesheet for the relaunched iSummarizeIT product page (/apps/isummarizeit/ and /es/):
 *          indigo/cyan identity taken from the app icon, hero with device art, processing flow, demo video,
 *          record/process/act steps, analysis tiles, features, On Device vs Private Cloud Compute privacy
 *          comparison, screenshot gallery, requirements, pricing, FAQ. Loaded after /assets/site.css.
 *          Classes are prefixed isi- (same structure as health-migrate.css).
 * Change log:
 *   2026-10-24  Created for the iSummarizeIT 1.1 relaunch page. Prepared, not yet published.
 *   2026-10-24  Relaunch Production 002: portrait hero card, vertical (9:16) demo player, gallery captions,
 *               iPhone Duo block, four-up platforms grid.
 */
.isi{--isi-bg:#060a22;--isi-bg2:#0b1440;--isi-deep:#1a1f6b;--isi-panel:#0c1434;--isi-panel2:#111c46;--isi-line:rgba(160,180,255,.16);
  --isi-cyan:#67e8f9;--isi-cyan2:#22d3ee;--isi-blue:#3b82f6;--isi-violet:#8b5cf6;--isi-gold:#fbbf24;--isi-text:#f4f6ff;--isi-muted:#b6c0e0;
  background:var(--isi-bg);color:var(--isi-text);overflow-x:hidden}
.isi img{max-width:100%}
.isi .wrap{max-width:1200px}
.isi p{color:var(--isi-muted)}
.isi h1,.isi h2,.isi h3{color:var(--isi-text)}
.isi h2{font-size:clamp(1.85rem,3.4vw,3rem);line-height:1.1;letter-spacing:-.025em;margin:.3em 0 .45em}
.isi h3{line-height:1.25}
.isi main a:not(.badge-button):not(.isi-btn){color:var(--isi-cyan)}
.isi .badge-button{color:#fff;background:#000;border-color:#8a8a8a}
.isi a:focus-visible,.isi .badge-button:focus-visible,.isi summary:focus-visible,.isi .isi-btn:focus-visible{outline:2px solid var(--isi-cyan);outline-offset:3px;border-radius:6px}
.isi-skip{position:absolute;left:-999px;top:8px;z-index:50;background:#000;color:#fff;padding:8px 12px;border-radius:6px}
.isi-skip:focus{left:8px}
.isi-kicker{color:var(--isi-cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}
.isi-intro{max-width:760px}
.isi-intro p{font-size:1.08rem}
.isi-center{text-align:center;margin-left:auto;margin-right:auto}
.isi-note{font-size:.88rem;color:#8f9cc4}

/* Hero */
.isi-hero{position:relative;isolation:isolate;padding:70px 0 40px;
  background:radial-gradient(ellipse 60% 70% at 8% 0%,rgba(59,130,246,.34),transparent 62%),
             radial-gradient(ellipse 50% 60% at 95% 100%,rgba(139,92,246,.24),transparent 60%),
             radial-gradient(ellipse 45% 50% at 62% 40%,rgba(34,211,238,.12),transparent 60%),
             linear-gradient(160deg,var(--isi-bg) 0%,var(--isi-bg2) 55%,var(--isi-deep) 100%)}
.isi-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;align-items:center}
.isi-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.isi-brand img{width:64px;height:64px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.isi-brand span{display:block;color:var(--isi-cyan);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem}
.isi-brand small{display:block;color:var(--isi-muted);font-size:.86rem;letter-spacing:0;text-transform:none;font-weight:500}
.isi h1{font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1;letter-spacing:-.04em;margin:0 0 18px}
.isi h1 em{font-style:normal;background:linear-gradient(90deg,#67e8f9,#93c5fd 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.isi-lead{font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:600px}
.isi .isi-lead{color:#d8def5}
.isi-status{display:inline-flex;align-items:center;gap:10px;margin:6px 0 0;padding:7px 14px;border-radius:999px;font-size:.88rem;font-weight:700;border:1px solid rgba(251,191,36,.45);background:rgba(251,191,36,.08);color:#fde9b0}
.isi-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--isi-gold);box-shadow:0 0 10px var(--isi-gold);flex:none}
.isi-status[data-release="live"]:before{background:#41d78c;box-shadow:0 0 10px #41d78c}
.isi-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:26px 0 22px}
.isi-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.55);border-radius:10px;padding:12px 20px;text-decoration:none;font-weight:700;background:rgba(34,211,238,.12);color:#fff}
.isi a.isi-btn{color:#fff}
.isi-btn:hover{background:rgba(34,211,238,.26)}
.isi-btn svg{width:16px;height:16px}
.isi-pills{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.isi-pills li{border:1px solid rgba(147,197,253,.4);background:rgba(255,255,255,.06);padding:7px 14px;border-radius:999px;font-size:.88rem;font-weight:600;color:#e6ecff}
.isi-hero-art{margin:0 auto;position:relative;width:100%;max-width:460px}
.isi-hero-art img{display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--isi-line);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.isi-hero-art:before{content:"";position:absolute;inset:12% 8%;background:radial-gradient(circle,rgba(103,232,249,.22),transparent 65%);z-index:-1;filter:blur(30px)}

/* Processing flow */
.isi-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:46px 0 0;padding:0;list-style:none;position:relative}
.isi-path li{position:relative;text-align:center;padding:0 10px}
.isi-path li:not(:last-child):after{content:"";position:absolute;top:30px;left:calc(50% + 36px);right:calc(-50% + 36px);height:2px;
  background:linear-gradient(90deg,rgba(103,232,249,.15),rgba(103,232,249,.9),rgba(103,232,249,.15));background-size:200% 100%;animation:isi-flow 2.6s linear infinite}
.isi-path .dot{width:60px;height:60px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:var(--isi-panel2);border:1px solid var(--isi-line);font-size:1.5rem}
.isi-path b{display:block;font-size:.98rem}
.isi-path span{display:block;font-size:.84rem;color:var(--isi-muted)}
@keyframes isi-flow{from{background-position:200% 0}to{background-position:0 0}}

/* Sections */
.isi-section{padding:88px 0;border-top:1px solid var(--isi-line)}
.isi-alt{background:linear-gradient(180deg,rgba(17,28,70,.55),rgba(6,10,34,0))}
.isi-glow{background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(59,130,246,.16),transparent 60%),radial-gradient(ellipse 50% 50% at 0% 100%,rgba(139,92,246,.12),transparent 60%)}

/* Video */
.isi-video-frame{width:100%;max-width:360px;margin:30px auto 0;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(103,232,249,.6),rgba(59,130,246,.4),rgba(139,92,246,.45));box-shadow:0 30px 90px rgba(0,0,0,.5)}
.isi-video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:17px;background:#000}
.isi-video-note{margin:14px auto 0;max-width:520px}

/* Record / Process / Act */
.isi-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.isi-step{position:relative;border:1px solid var(--isi-line);border-radius:18px;background:linear-gradient(180deg,var(--isi-panel2),var(--isi-panel));padding:22px 20px 24px}
.isi-step .num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--isi-blue),var(--isi-violet));color:#fff;font-weight:800;margin-bottom:10px}
.isi-step h3{margin:0 0 6px;font-size:1.25rem}
.isi-step p{margin:0;font-size:.96rem;line-height:1.55}

/* Analysis tiles */
.isi-analysis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.isi-tile{border:1px solid var(--isi-line);border-radius:16px;padding:20px 18px;background:var(--isi-panel);position:relative;overflow:hidden}
.isi-tile:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--isi-cyan2),var(--isi-blue),var(--isi-violet))}
.isi-tile b{display:block;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--isi-cyan);margin-bottom:6px}
.isi-tile h3{margin:0 0 6px;font-size:1.12rem}
.isi-tile p{margin:0;font-size:.94rem}

/* Feature cards */
.isi-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.isi-feature{border:1px solid var(--isi-line);border-radius:14px;padding:20px;background:var(--isi-panel)}
.isi-feature .ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(103,232,249,.1);border:1px solid rgba(103,232,249,.25);font-size:1.25rem;margin-bottom:10px}
.isi-feature h3{margin:0 0 6px;font-size:1.08rem}
.isi-feature p{margin:0;font-size:.95rem}

/* Privacy */
.isi-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.isi-mode{border:1px solid var(--isi-line);border-radius:18px;padding:24px;background:var(--isi-panel)}
.isi-mode.default{border-color:rgba(103,232,249,.5);background:linear-gradient(180deg,rgba(34,211,238,.12),var(--isi-panel))}
.isi-mode .tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(103,232,249,.45);color:var(--isi-cyan);margin-bottom:8px}
.isi-mode.optional .tag{border-color:rgba(196,181,253,.5);color:#c4b5fd}
.isi-mode h3{margin:0 0 8px;font-size:1.3rem}
.isi-mode p{margin:0 0 10px}
.isi-mode ul{margin:0;padding-left:20px;color:var(--isi-muted)}
.isi-mode li{margin:4px 0}
.isi-list{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.isi-list li{padding:14px 16px 14px 46px;border:1px solid var(--isi-line);border-radius:12px;background:rgba(12,20,52,.8);position:relative}
.isi-list li:before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--isi-cyan) 35%,rgba(103,232,249,.2) 36%)}
.isi-list strong{display:block;color:var(--isi-text);margin-bottom:2px}
.isi-list span{color:var(--isi-muted)}

/* Gallery */
.isi-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 18px;margin-top:26px;scrollbar-width:thin}
.isi-gallery figure{margin:0;flex:0 0 min(260px,62vw);scroll-snap-align:start}
.isi-gallery img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--isi-line);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.isi-gallery figcaption{margin-top:12px;font-weight:700;color:var(--isi-text);font-size:.95rem;text-align:center}
.isi-devices{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.35fr) minmax(0,.35fr);gap:22px;margin-top:22px;align-items:end}
.isi-devices figure{margin:0}
.isi-devices img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--isi-line);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.isi-devices figcaption{font-size:.84rem;color:#8f9cc4;margin-top:8px}
.isi-duo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.5fr);gap:22px;align-items:end;margin-top:40px;padding:26px;border:1px solid var(--isi-line);border-radius:20px;background:linear-gradient(180deg,var(--isi-panel2),var(--isi-panel))}
.isi-duo-copy{align-self:center}
.isi-duo-copy h3{margin:6px 0 10px;font-size:1.35rem}
.isi-duo-copy p{margin:0}
.isi-duo figure{margin:0}
.isi-duo img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--isi-line);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.isi-duo figcaption{font-size:.84rem;color:#8f9cc4;margin-top:8px}

/* Requirements */
.isi-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.isi-platform{border:1px solid var(--isi-line);border-radius:16px;padding:22px;background:var(--isi-panel)}
.isi-platform h3{margin:0 0 2px;font-size:1.2rem}
.isi-platform .os{display:block;color:var(--isi-cyan);font-weight:700;font-size:.92rem;margin-bottom:8px}
.isi-platform p{margin:0;font-size:.95rem}
.isi-reqs{margin:22px 0 0;padding:18px 22px 18px 40px;border:1px solid var(--isi-line);border-radius:14px;background:rgba(12,20,52,.6);color:var(--isi-muted)}
.isi-reqs li{margin:6px 0}

/* Pricing */
.isi-price{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-top:30px;padding:30px;border-radius:20px;border:1px solid rgba(103,232,249,.4);
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.12))}
.isi-price .amount{text-align:center}
.isi-price .amount b{display:block;font-size:clamp(3rem,7vw,4.6rem);line-height:1;letter-spacing:-.04em;color:var(--isi-text)}
.isi-price .amount span{display:block;color:var(--isi-cyan);font-weight:700;margin-top:6px}
.isi-nos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.isi-nos li{padding:10px 14px;border-radius:12px;border:1px solid var(--isi-line);background:rgba(6,10,34,.5);font-weight:700;color:#e6ecff}
.isi-nos li:before{content:"✓";color:var(--isi-cyan);margin-right:8px}

/* FAQ */
.isi-faq{margin-top:26px;display:grid;gap:10px}
.isi-faq details{border:1px solid var(--isi-line);border-radius:12px;background:var(--isi-panel);padding:0 18px}
.isi-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:700;position:relative}
.isi-faq summary::-webkit-details-marker{display:none}
.isi-faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--isi-cyan);transition:transform .2s}
.isi-faq details[open] summary:after{transform:rotate(45deg)}
.isi-faq details p{margin:0 0 16px}

/* Info + final */
.isi-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.isi-info article{border:1px solid var(--isi-line);border-radius:14px;padding:20px;background:var(--isi-panel)}
.isi .brand img,.isi .footer-logo{height:auto}
.isi-info h3{margin:0 0 6px}
.isi-info a{text-decoration:none;font-weight:600}
.isi-final{text-align:center;padding:96px 0;border-top:1px solid var(--isi-line);
  background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(59,130,246,.24),transparent 65%),radial-gradient(ellipse 40% 50% at 85% 0%,rgba(139,92,246,.14),transparent 60%)}
.isi-final img{width:88px;height:88px;border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.isi-final .isi-actions{justify-content:center}
.isi-final p{max-width:620px;margin-left:auto;margin-right:auto}

/* Reveal on scroll (enabled by the page script; content is visible without it). */
.isi-js .isi-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.isi-js .isi-reveal.is-in{opacity:1;transform:none}
@keyframes isi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.isi-hero-art img{animation:isi-float 7s ease-in-out infinite}

@media(max-width:1020px){
 .isi-analysis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .isi-features,.isi-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
 .isi-duo{grid-template-columns:minmax(0,1fr) minmax(0,.42fr)}
 .isi-duo-copy{grid-column:1/-1}
}
@media(max-width:900px){
 .isi-hero-grid,.isi-price{grid-template-columns:1fr;gap:28px}
 .isi-steps,.isi-modes,.isi-info{grid-template-columns:1fr}
 .isi-list{grid-template-columns:1fr}
 .isi-devices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .isi-devices figure:first-child{grid-column:1/-1}
}
@media(max-width:700px){
 .isi-hero{padding:40px 0 30px}
 .isi-brand img{width:52px;height:52px;border-radius:12px}
 .isi-section{padding:58px 0}
 .isi-path{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
 .isi-path li:nth-child(2):after{display:none}
 .isi-analysis,.isi-features,.isi-nos,.isi-platforms{grid-template-columns:1fr}
 .isi-duo{grid-template-columns:1fr;padding:20px}
 .isi-duo-fold{max-width:240px}
 .isi-price{padding:22px}
 .isi-actions .badge-button,.isi-actions .isi-btn{flex:1 1 100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 .isi *{scroll-behavior:auto;animation:none!important;transition:none!important}
 .isi-js .isi-reveal{opacity:1;transform:none}
}