:root { --ink:#111a17; --muted:#617069; --paper:#f5f7f2; --cream:#e9efe5; --lime:#c8ff54; --green:#173d33; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-body),sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-shell { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 78% 24%,rgba(200,255,84,.14),transparent 24%),var(--paper); }
.nav-wrap { width:min(1200px,calc(100% - 48px)); height:84px; margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(17,26,23,.12); position:relative; z-index:20; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:800; letter-spacing:-.04em; font-size:20px; width:fit-content; }
.brand-mark { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:var(--lime); font-size:15px; }
.nav-links { display:flex; gap:32px; color:#43524c; font-size:14px; font-weight:600; }
.nav-links a:hover,.text-link:hover { color:#000; }
.nav-actions { justify-self:end; display:flex; align-items:center; gap:22px; font-size:14px; font-weight:650; }
.button { min-height:52px; border-radius:999px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; gap:18px; font-weight:750; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-small { min-height:43px; padding:0 19px; gap:12px; }
.button-dark { background:var(--ink); color:white; }
.button-primary { background:var(--lime); color:#132018; box-shadow:0 12px 30px rgba(117,156,29,.18); }
.menu-button { display:none; background:none; border:0; padding:10px; }
.menu-button span { display:block; width:22px; height:2px; background:var(--ink); margin:5px; }
.hero { width:min(1200px,calc(100% - 48px)); margin:0 auto; min-height:690px; padding:88px 0 76px; display:grid; grid-template-columns:.91fr 1.09fr; align-items:center; gap:64px; }
.eyebrow { display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; color:#53635c; margin-bottom:22px; }
.live-dot { width:8px; height:8px; border-radius:50%; background:#7dc600; box-shadow:0 0 0 5px rgba(125,198,0,.12); }
.hero h1 { margin:0; max-width:630px; font-family:var(--font-display); font-size:clamp(52px,5.5vw,82px); line-height:.99; letter-spacing:-.065em; font-weight:760; }
.hero-lede { max-width:560px; color:var(--muted); font-size:18px; line-height:1.65; margin:28px 0 32px; }
.hero-actions { display:flex; align-items:center; gap:24px; }
.watch-link { display:inline-flex; align-items:center; gap:10px; font-weight:750; font-size:14px; }
.play { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(17,26,23,.2); border-radius:50%; font-size:10px; padding-left:2px; }
.trust-row { margin-top:28px; display:flex; flex-wrap:wrap; gap:9px 22px; color:#6c7973; font-size:12px; font-weight:600; }
.trust-row span::before { content:"✓"; color:#609d00; margin-right:7px; }
.hero-visual { position:relative; min-height:510px; display:grid; place-items:center; }
.hero-visual::before { content:""; position:absolute; inset:14px -70px 14px 34px; border-radius:46% 54% 44% 56%; background:var(--cream); transform:rotate(-3deg); }
.media-card { position:relative; z-index:2; width:min(100%,610px); background:#fff; border:1px solid rgba(17,26,23,.11); border-radius:24px; padding:11px; box-shadow:0 32px 80px rgba(36,62,50,.15); transform:rotate(1.4deg); }
.video-stage { position:relative; aspect-ratio:16/10.1; border-radius:17px; overflow:hidden; background:#183d35; }
.video-gradient { position:absolute; inset:0; background:radial-gradient(circle at 70% 35%,rgba(200,255,84,.34),transparent 28%),linear-gradient(130deg,#082c25 10%,#245c4c 65%,#8da45c); }
.hero-video-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.speaker-frame { position:absolute; inset:11% 7% 14% 42%; overflow:hidden; border-radius:180px 180px 16px 16px; }
.speaker-glow { position:absolute; width:76%; aspect-ratio:1; left:14%; top:4%; border-radius:50%; background:#c8ff54; filter:blur(28px); opacity:.72; }
.speaker-silhouette { position:absolute; width:42%; height:44%; left:29%; top:11%; border-radius:50% 50% 45% 45%; background:#0b1714; box-shadow:0 130px 0 56px #10231e; }
.caption-stack { position:absolute; left:7%; right:7%; bottom:20%; display:flex; flex-direction:column; align-items:center; gap:5px; }
.caption-line { background:rgba(4,10,8,.88); color:#fff; font-size:clamp(12px,1.25vw,17px); padding:5px 10px; font-weight:700; letter-spacing:-.01em; }
.caption-line.accent { color:var(--lime); }
.video-controls { position:absolute; inset:auto 5% 5% 5%; display:flex; align-items:center; gap:11px; color:#fff; font-size:10px; font-weight:700; }
.control-play { font-size:9px; }
.timeline { flex:1; height:2px; background:rgba(255,255,255,.32); position:relative; }
.timeline i { display:block; width:36%; height:100%; background:var(--lime); }
.media-meta { padding:15px 8px 5px; display:flex; justify-content:space-between; align-items:center; }
.media-meta>div:first-child { display:flex; flex-direction:column; gap:3px; }
.meta-label,.tiny-label { color:#839088; font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.media-meta strong { font-size:14px; }
.quality-pill { background:#eef8d5; color:#476e12; padding:8px 11px; border-radius:999px; font-size:11px; font-weight:800; }
.floating-card { position:absolute; z-index:4; background:rgba(255,255,255,.94); border:1px solid rgba(17,26,23,.11); box-shadow:0 18px 45px rgba(34,56,47,.14); backdrop-filter:blur(12px); }
.language-card { top:16px; right:-30px; padding:14px 16px; border-radius:15px; }
.language-list { display:flex; align-items:center; margin-top:9px; }
.language-list span,.language-list b { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#edf1ea; border:2px solid white; margin-left:-6px; font-size:9px; }
.language-list span:first-child { margin-left:0; }
.language-list b { width:auto; padding:0 8px; border-radius:999px; background:var(--ink); color:white; }
.human-card { bottom:20px; left:-18px; display:flex; align-items:center; gap:10px; border-radius:15px; padding:11px 15px 11px 11px; }
.avatar { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--green); color:var(--lime); font-weight:800; font-size:11px; }
.human-card>div:last-child { display:flex; flex-direction:column; gap:2px; font-size:11px; }
.human-card span { color:#7b8982; font-size:9px; }
.proof-bar { border-top:1px solid rgba(17,26,23,.12); width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:24px 0 30px; display:grid; grid-template-columns:repeat(4,1fr); }
.proof-bar div { display:flex; align-items:center; gap:13px; padding:0 24px; border-left:1px solid rgba(17,26,23,.1); }
.proof-bar div:first-child { border-left:0; padding-left:0; }
.proof-bar strong { color:#90a29a; font-size:10px; }
.proof-bar span { font-size:12px; font-weight:750; }
.sample-section { width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:120px 0 30px; }
.demo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.demo-card { overflow:hidden; border:1px solid rgba(17,26,23,.12); border-radius:22px; background:#fff; box-shadow:0 16px 45px rgba(36,62,50,.07); }
.demo-card.featured-demo { grid-column:1/-1; display:grid; grid-template-columns:1.35fr .65fr; align-items:center; }
.demo-player { width:100%; aspect-ratio:16/9; background:#101d19; --video-border-radius:0; --media-brand:#c8ff54; }
.demo-player media-poster img { object-fit:cover; }
.demo-player media-captions { font-size:150%; }
.demo-copy { padding:25px 28px 30px; }
.demo-copy>span { color:#5f796d; font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.demo-copy h3 { margin:10px 0 8px; font:750 25px/1.15 var(--font-display); letter-spacing:-.035em; }
.demo-copy p { margin:0; color:#718078; font-size:13px; line-height:1.6; }
.value-section,.language-section,.pricing-section { width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:120px 0; }
.section-heading { max-width:680px; margin:0 auto 56px; text-align:center; }
.section-heading.compact { margin-bottom:46px; }
.section-kicker { display:block; margin-bottom:15px; color:#6a7b72; text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:850; }
.section-kicker.light { color:#aebeaf; }
.section-heading h2,.process-intro h2,.language-copy h2,.final-cta h2 { margin:0; font-family:var(--font-display); font-size:clamp(40px,5vw,64px); line-height:1.03; letter-spacing:-.055em; }
.section-heading p,.language-copy p { color:var(--muted); font-size:17px; line-height:1.65; }
.value-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
.value-card { min-height:330px; position:relative; overflow:hidden; padding:34px; border-radius:24px; background:#fff; border:1px solid rgba(17,26,23,.1); display:flex; flex-direction:column; justify-content:flex-end; }
.value-card.feature-main { grid-row:span 2; min-height:680px; background:#e8eee4; }
.value-card.dark-card { background:#153a31; color:white; }
.card-number { position:absolute; top:28px; left:30px; color:#89988f; font-size:11px; font-weight:800; }
.value-card h3 { margin:17px 0 9px; font-family:var(--font-display); font-size:24px; letter-spacing:-.035em; }
.value-card p { max-width:500px; margin:0; color:#718078; line-height:1.6; font-size:14px; }
.dark-card p { color:#aec0b7; }
.mini-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:15px; background:#edf2e8; color:#315a4a; font-size:27px; font-weight:800; }
.feature-orbit { position:absolute; width:340px; height:340px; left:50%; top:44%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(25,57,46,.16); display:grid; place-items:center; }
.feature-orbit::before,.feature-orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(25,57,46,.13); }
.feature-orbit::before { inset:34px; }.feature-orbit::after { inset:72px; }
.orbit-core { width:112px; height:112px; border-radius:32px; display:grid; place-items:center; background:var(--green); color:var(--lime); font-family:var(--font-display); font-weight:800; font-size:24px; box-shadow:0 18px 40px rgba(20,54,44,.25); }
.feature-orbit i { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--lime); border:3px solid var(--green); }
.feature-orbit i:nth-of-type(1){top:15px;left:80px}.feature-orbit i:nth-of-type(2){right:4px;bottom:105px}.feature-orbit i:nth-of-type(3){left:23px;bottom:47px}
.translation-sample { display:grid; grid-template-columns:28px 1fr; gap:4px 10px; align-items:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:18px; margin-bottom:6px; }
.translation-sample small { color:var(--lime); font-weight:800; }.translation-sample b { font-size:13px; }.translation-sample span { grid-column:1/-1; color:#82a297; font-size:13px; padding-left:7px; }
.process-section { background:#102c25; color:white; padding:120px max(24px,calc((100vw - 1200px)/2)); display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:start; }
.process-intro { position:sticky; top:40px; }
.process-intro p { color:#abc0b7; line-height:1.7; max-width:470px; margin:24px 0 34px; }
.process-list { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.14); }
.process-list li { display:grid; grid-template-columns:48px 1fr; gap:12px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.process-list li>b { color:var(--lime); font-size:11px; padding-top:4px; }.process-list div { display:flex; flex-direction:column; gap:7px; }.process-list strong { font-family:var(--font-display); font-size:18px; }.process-list span { color:#9eb2a9; font-size:13px; line-height:1.55; }
.language-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:center; }
.language-copy p { max-width:470px; }
.language-cloud { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:11px; padding:40px; border-radius:28px; background:#e8eee4; min-height:370px; }
.language-cloud span,.language-cloud b { padding:13px 17px; border-radius:999px; background:white; border:1px solid rgba(17,26,23,.09); font-size:13px; font-weight:750; box-shadow:0 5px 12px rgba(32,54,45,.05); transform:rotate(var(--tilt,0deg)); }
.language-cloud span:nth-child(3n){--tilt:2deg}.language-cloud span:nth-child(4n){--tilt:-2deg}.language-cloud .language-hot { background:var(--green); color:white; }.language-cloud b { background:var(--lime); }
.pricing-section { padding-top:90px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.price-card { position:relative; padding:34px; border-radius:24px; background:white; border:1px solid rgba(17,26,23,.1); display:flex; flex-direction:column; }
.price-card>span { color:#65756d; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.price-card h3 { margin:16px 0 4px; font-family:var(--font-display); font-size:48px; letter-spacing:-.06em; }.price-card>p { color:#77867f; font-size:13px; }.price-card ul { list-style:none; padding:24px 0; margin:8px 0 auto; border-top:1px solid #e8ece8; }.price-card li { margin:12px 0; font-size:13px; }.price-card li::before { content:"✓"; color:#6b9f16; margin-right:9px; font-weight:900; }.featured-price { background:#173d33; color:white; transform:translateY(-12px); }.featured-price>span,.featured-price>p { color:#b5c6be; }.featured-price ul { border-color:rgba(255,255,255,.13); }.price-badge { position:absolute; top:18px; right:18px; padding:7px 10px; border-radius:99px; background:var(--lime); color:var(--ink); font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:900; }
.final-cta { margin-top:40px; padding:120px 24px; text-align:center; background:#173d33; color:white; }.final-cta p { color:#b1c2ba; max-width:560px; margin:22px auto 32px; line-height:1.65; }
footer { padding:50px max(24px,calc((100vw - 1200px)/2)); display:grid; grid-template-columns:1fr 1fr auto; gap:20px; align-items:center; background:#0d211c; color:white; }footer>p { color:#91a49b; font-size:13px; }footer>div { display:flex; gap:22px; font-size:12px; font-weight:700; }footer small { grid-column:1/-1; padding-top:28px; border-top:1px solid rgba(255,255,255,.1); color:#71877d; font-size:10px; }
@media(max-width:980px){.nav-wrap{grid-template-columns:1fr auto}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;padding:24px;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(20,30,25,.1)}.nav-links.is-open{display:flex}.menu-button{display:block;justify-self:end}.nav-actions{display:none}.hero{grid-template-columns:1fr;padding-top:64px}.hero-copy{text-align:center}.hero h1,.hero-lede{margin-left:auto;margin-right:auto}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(700px,100%);margin:0 auto}.value-grid,.process-section,.language-section{grid-template-columns:1fr}.value-card.feature-main{grid-row:auto;min-height:570px}.process-intro{position:static}.pricing-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.featured-price{transform:none}.language-section{gap:50px}footer{grid-template-columns:1fr;text-align:center}footer .brand,footer>div{justify-self:center}footer small{grid-column:1}}
@media(max-width:680px){.nav-wrap,.hero,.proof-bar,.value-section,.language-section,.pricing-section{width:min(100% - 28px,1200px)}.nav-wrap{height:70px}.hero{padding-top:48px;gap:30px}.hero h1{font-size:48px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.hero-visual{min-height:390px}.language-card{right:-6px;top:0}.human-card{left:-3px;bottom:8px}.proof-bar{grid-template-columns:1fr 1fr;gap:18px 0}.proof-bar div:nth-child(3){border-left:0;padding-left:0}.value-section,.language-section,.pricing-section{padding:80px 0}.value-grid{grid-template-columns:1fr}.value-card{padding:27px}.feature-orbit{width:270px;height:270px}.process-section{padding:80px 22px;gap:55px}.language-cloud{padding:24px}.pricing-grid{grid-template-columns:1fr}footer{padding:40px 22px}}
@media(max-width:980px){.demo-card.featured-demo{grid-template-columns:1fr}}
@media(max-width:680px){.sample-section{width:min(100% - 28px,1200px);padding:80px 0 20px}.demo-grid{grid-template-columns:1fr}.demo-card.featured-demo{grid-column:auto}.demo-copy{padding:20px}.demo-player media-captions{font-size:165%}}

/* WordPress landing template and demo player */
.srtwise-page{margin:0!important;padding:0!important;max-width:none!important}
.srtwise-page .demo-player{position:relative;display:block;border:0;padding:0;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.srtwise-page .demo-player img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.srtwise-page .demo-player:hover img{transform:scale(1.02);filter:brightness(.85)}
.srtwise-page .demo-play{position:absolute;left:50%;top:50%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#173d33;font-size:20px;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.srtwise-page .demo-caption{position:absolute;left:50%;bottom:12%;max-width:86%;transform:translateX(-50%);padding:7px 12px;border-radius:5px;background:rgba(0,0,0,.84);font-size:clamp(14px,1.6vw,21px);font-weight:800;text-align:center;white-space:nowrap}
.srtwise-modal{position:fixed;z-index:999999;inset:0;display:none;place-items:center;padding:24px;background:rgba(5,12,10,.92)}
.srtwise-modal.is-open{display:grid}.srtwise-modal-box{width:min(1080px,100%);position:relative}.srtwise-close{position:absolute;right:0;bottom:calc(100% + 10px);border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}
.srtwise-video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:17px;background:#000}.srtwise-video-wrap iframe{width:100%;height:100%;border:0}
.srtwise-live-caption{position:absolute;left:50%;bottom:8%;max-width:90%;transform:translateX(-50%);padding:8px 14px;border-radius:6px;background:rgba(0,0,0,.88);color:#fff;font-size:clamp(20px,2.5vw,31px);font-weight:800;line-height:1.25;text-align:center;white-space:pre-line;text-shadow:0 2px 3px #000;pointer-events:none}
.srtwise-player-bar{display:flex;align-items:center;gap:12px;padding:14px 4px;color:#fff}.srtwise-player-bar label{font-size:12px;color:#b8c2bd}.srtwise-player-bar select{padding:9px 12px;border:1px solid #52625b;border-radius:8px;background:#13251f;color:#fff}.srtwise-preview-note{margin-left:auto;color:#aebbb5;font-size:11px}
@media(max-width:680px){.srtwise-page .demo-caption{font-size:14px;white-space:normal}.srtwise-live-caption{bottom:11%;max-width:94%;font-size:19px}.srtwise-player-bar{flex-wrap:wrap}.srtwise-preview-note{width:100%;margin:0}.language-card{right:0}}

/* Authentication */
.auth-page { min-height:100vh; display:grid; grid-template-columns:minmax(420px,.82fr) 1.18fr; background:#fff; }
.auth-panel { padding:42px clamp(34px,6vw,100px); display:flex; flex-direction:column; justify-content:center; }
.auth-panel>.brand { position:absolute; top:38px; }
.auth-copy { max-width:510px; margin:70px 0 32px; }
.auth-copy h1 { margin:11px 0 16px; font:760 clamp(42px,5vw,64px)/1 var(--font-display); letter-spacing:-.06em; }
.auth-copy p { color:var(--muted); line-height:1.65; }
.auth-form { width:min(100%,480px); display:grid; gap:18px; }
.auth-form>label,.password-field { display:grid; gap:8px; color:#36453e; font-size:12px; font-weight:750; }
.auth-form input,.auth-form textarea { width:100%; height:52px; border:1px solid #d9dfda; border-radius:11px; padding:0 15px; outline:none; color:var(--ink); background:#fff; }
.auth-form input:focus,.project-options select:focus,.project-options textarea:focus { border-color:#5c7f6f; box-shadow:0 0 0 3px rgba(92,127,111,.12); }
.password-field { position:relative; }.password-field button { position:absolute; right:10px; bottom:9px; height:34px; border:0; background:transparent; font-size:11px; font-weight:800; }
.check-label { display:flex!important; grid-template-columns:auto 1fr; align-items:flex-start; gap:10px!important; font-weight:550!important; line-height:1.45; }.check-label input { width:16px!important; height:16px!important; margin-top:1px; accent-color:var(--green); }
.auth-submit { width:100%; border:0; cursor:pointer; }.auth-switch { color:#748078; font-size:13px; }.auth-switch a,.form-row a { color:#1e493b; font-weight:800; }
.auth-story { margin:16px; border-radius:24px; overflow:hidden; position:relative; min-height:650px; background:#183d34; }.auth-story>img { width:100%; height:100%; object-fit:cover; }
.auth-story::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%,rgba(6,18,14,.86)); }
.auth-quote { position:absolute; z-index:2; left:7%; right:7%; bottom:7%; color:white; }.auth-quote>span { color:var(--lime); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.auth-quote blockquote { margin:12px 0 25px; max-width:750px; font:650 clamp(22px,2.4vw,34px)/1.25 var(--font-display); letter-spacing:-.035em; }.auth-quote div { display:flex; flex-direction:column; }.auth-quote small { color:#b9c8c1; margin-top:4px; }
.form-row { display:flex; align-items:center; justify-content:space-between; font-size:12px; }.login-visual { margin:16px; border-radius:24px; padding:8%; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 80% 20%,rgba(200,255,84,.18),transparent 30%),var(--green); color:white; overflow:hidden; }.login-stat { display:flex; flex-direction:column; }.login-stat span,.login-stat small { color:#aebfb7; }.login-stat strong { margin:8px 0; font:800 clamp(80px,11vw,160px)/.9 var(--font-display); letter-spacing:-.08em; color:var(--lime); }.waveform { height:90px; display:flex; align-items:center; gap:5px; margin:35px 0; opacity:.65; }.waveform i { width:4px; border-radius:4px; background:#fff; }.login-visual h2 { font:700 clamp(35px,4vw,58px)/1 var(--font-display); letter-spacing:-.05em; margin:0; }

/* Shared product portal */
.portal-shell,.admin-shell { min-height:100vh; display:grid; grid-template-columns:240px 1fr; background:#eef1ed; }
.portal-sidebar,.admin-sidebar { min-height:100vh; position:sticky; top:0; height:100vh; padding:28px 20px; display:flex; flex-direction:column; background:#102c25; color:white; }
.brand-light>span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; color:#173d33; background:var(--lime); }
.sidebar-new { margin:38px 0 24px; padding:13px; border:0; border-radius:10px; background:var(--lime); color:#15362d; font-size:12px; font-weight:850; cursor:pointer; }
.portal-sidebar nav,.admin-sidebar nav { display:grid; gap:5px; }.portal-sidebar nav a,.admin-sidebar nav a { display:flex; align-items:center; gap:12px; min-height:43px; padding:0 12px; border-radius:9px; color:#9fb3aa; font-size:12px; font-weight:700; }.portal-sidebar nav a.active,.admin-sidebar nav a.active { background:rgba(255,255,255,.09); color:white; }.admin-sidebar nav a b { margin-left:auto; min-width:20px; height:20px; display:grid; place-items:center; border-radius:99px; background:var(--lime); color:#183d33; font-size:9px; }
.sidebar-help { margin-top:auto; padding:17px; display:flex; flex-direction:column; gap:6px; border:1px solid rgba(255,255,255,.1); border-radius:12px; }.sidebar-help span { color:#9eb1a8; font-size:11px; line-height:1.45; }.sidebar-help a { color:var(--lime); font-size:11px; font-weight:800; margin-top:5px; }.sidebar-switch { margin-top:18px; color:#839a90; font-size:10px; font-weight:750; }
.portal-main,.admin-main { min-width:0; }.portal-header { height:74px; padding:0 4%; display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #dfe4df; }.mobile-brand { display:none; }.account-chip { display:flex; align-items:center; gap:10px; }.account-chip>span,.admin-user>span:last-child { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#dfe8db; color:#315244; font-size:10px; font-weight:900; }.account-chip div { display:flex; flex-direction:column; gap:2px; font-size:11px; }.account-chip small { color:#839088; }
.portal-content,.admin-content { width:min(1180px,92%); margin:auto; padding:46px 0 80px; }.welcome-row { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:26px; }.welcome-row h1,.admin-header h1 { margin:7px 0; font:760 clamp(34px,4vw,48px)/1 var(--font-display); letter-spacing:-.05em; }.welcome-row>div>p:last-child { color:#718078; margin:0; }.trial-meter { width:220px; padding:16px 18px; display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:4px 9px; border-radius:13px; background:#fff; border:1px solid #dfe4df; }.trial-meter b { font-size:20px; }.trial-meter span { color:#7b8981; font-size:10px; }.trial-meter i { grid-column:1/-1; height:4px; background:#e9ede8; border-radius:5px; overflow:hidden; }.trial-meter em { display:block; width:100%; height:100%; background:#99cd35; }
.upload-panel { background:#fff; border:1px solid #dce2dd; border-radius:18px; overflow:hidden; }.upload-copy { display:flex; gap:14px; padding:24px 26px 18px; }.upload-copy h2,.table-title h2 { margin:0 0 5px; font:750 21px/1.2 var(--font-display); letter-spacing:-.03em; }.upload-copy p,.table-title p { margin:0; color:#7b8982; font-size:11px; }.upload-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#e9f7c7; color:#315b20; font-size:22px; }
.upload-grid { padding:0 26px 24px; display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; }.drop-zone { min-height:260px; padding:30px; border:1.5px dashed #b7c3ba; border-radius:14px; background:#f8faf7; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; cursor:pointer; }.drop-zone:hover,.drop-zone.has-file { border-color:#6d916d; background:#f2f8e9; }.drop-zone>span { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#e6eee2; font-size:24px; }.drop-zone b { margin-top:7px; }.drop-zone small { color:#829087; }.project-options { display:grid; gap:15px; }.project-options label,.project-options legend { display:grid; gap:7px; color:#56655e; font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }.project-options select,.project-options textarea { width:100%; border:1px solid #d9dfda; border-radius:9px; background:#fff; padding:11px; color:#24332d; outline:none; font-size:12px; text-transform:none; }.project-options textarea { height:65px; resize:none; }.project-options fieldset { border:0; padding:0; margin:0; }.project-options legend small { color:#a0aaa5; font-weight:600; }.language-pills { display:flex; flex-wrap:wrap; gap:6px; }.language-pills button { padding:7px 9px; border:1px solid #dce3dd; border-radius:99px; background:white; font-size:9px; cursor:pointer; }.language-pills button.selected { background:#173d33; color:white; border-color:#173d33; }
.upload-footer { padding:17px 26px; border-top:1px solid #edf0ed; display:flex; align-items:center; justify-content:space-between; }.upload-footer p { display:flex; flex-direction:column; margin:0; font-size:11px; }.upload-footer span { color:#849189; margin-top:3px; }.upload-footer .button { border:0; min-height:43px; font-size:11px; cursor:pointer; }.upload-footer .button:disabled { opacity:.35; cursor:not-allowed; }.success-message { margin:0 26px 22px; padding:12px; border-radius:9px; background:#eef8d9; color:#436123; font-size:11px; font-weight:700; }
.project-section { margin-top:34px; }.table-title { min-height:46px; display:flex; align-items:center; justify-content:space-between; }.table-title>span { color:#859188; font-size:10px; }.project-table { overflow:hidden; background:#fff; border:1px solid #dce2dd; border-radius:15px; }.project-row { min-width:880px; display:grid; grid-template-columns:2.2fr .7fr 1.2fr .8fr .6fr; gap:15px; align-items:center; padding:18px 20px; border-top:1px solid #edf0ed; font-size:11px; }.project-head { min-height:40px; padding-top:0; padding-bottom:0; border:0; background:#f7f9f6; color:#8a958f; font-size:9px; font-weight:800; text-transform:uppercase; }.project-name { display:flex; align-items:center; gap:12px; }.project-name>i { width:35px; height:35px; display:grid; place-items:center; border-radius:8px; background:#dfe8dc; color:#315344; font-size:9px; font-style:normal; }.project-name p,.project-row>div { display:flex; flex-direction:column; gap:4px; margin:0; }.project-row small,.queue-job small { color:#8a9690; }.flag-list { flex-direction:row!important; }.flag-list span { width:28px; height:22px; display:grid; place-items:center; border-radius:5px; background:#eef1ed; font-size:8px; font-weight:900; }.status { width:fit-content; padding:5px 7px; border-radius:99px; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.status.review { color:#6a5100; background:#fff1bd; }.status.ready { color:#2e611e; background:#e2f4ce; }.status.new { color:#185d55; background:#d9f2ec; }.progress-label { margin-top:2px; }.progress { width:100%; height:3px; border-radius:4px; background:#e9ede9; overflow:hidden; }.progress em { display:block; height:100%; background:#deb230; }.row-action,.download-button { border:0; background:transparent; cursor:pointer; }.download-button { padding:9px; border-radius:8px; background:#173d33; color:white; font-size:9px; font-weight:800; }

/* Admin */
.admin-sidebar>small { margin:25px 12px 16px; color:#6f887e; font-size:8px; font-weight:900; letter-spacing:.16em; }.admin-sidebar .sidebar-switch { margin-top:auto; }.admin-main { background:#f4f6f2; }.admin-header { height:102px; padding:0 4%; display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #dfe4df; }.admin-header p { margin:0; color:#8b9790; font-size:10px; }.admin-header h1 { font-size:28px; }.admin-user { display:flex; align-items:center; gap:18px; }.notification { color:#9ace2d; font-size:18px; }.admin-content { padding-top:30px; }.admin-alert { padding:13px 17px; display:flex; align-items:center; gap:12px; border:1px solid #dbe5c9; border-radius:11px; background:#f0f8df; }.admin-alert>span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:#dff1bb; }.admin-alert p { display:flex; flex-direction:column; gap:3px; margin:0; font-size:10px; }.admin-alert small { color:#6d7d6d; }.admin-alert em { margin-left:auto; color:#567d11; font-size:8px; font-style:normal; font-weight:900; }.stat-grid { margin:20px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.stat-grid article { min-height:125px; padding:19px; display:flex; flex-direction:column; border:1px solid #dfe4df; border-radius:13px; background:white; }.stat-grid span { color:#829087; font-size:8px; font-weight:900; letter-spacing:.09em; }.stat-grid b { margin:12px 0 7px; font:750 27px/1 var(--font-display); }.stat-grid small { color:#849088; font-size:9px; }
.admin-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr); gap:14px; align-items:start; }.queue-card,.job-detail { background:#fff; border:1px solid #dfe4df; border-radius:14px; overflow:hidden; }.queue-card>.table-title { padding:15px 18px; }.table-title button,.detail-top button { border:1px solid #dce2dd; border-radius:7px; background:white; padding:7px 10px; font-size:9px; }.queue-job { width:100%; padding:15px 17px; display:grid; grid-template-columns:2fr .7fr .8fr .5fr; align-items:center; gap:12px; text-align:left; border:0; border-top:1px solid #edf0ed; background:white; cursor:pointer; color:var(--ink); font-size:10px; }.queue-job:hover,.queue-job.selected { background:#f4f8ef; box-shadow:inset 3px 0 #89bd29; }.queue-job>div:not(.project-name) { display:flex; flex-direction:column; gap:5px; }.queue-job .due { text-align:right; }.due small { font-size:7px; }.job-detail { padding:20px; }.detail-top { display:flex; align-items:center; justify-content:space-between; color:#8a978f; font-size:8px; font-weight:900; letter-spacing:.1em; }.job-detail h2 { margin:15px 0 4px; font:750 20px/1.2 var(--font-display); letter-spacing:-.03em; }.detail-file { margin:0 0 14px; color:#859189; font-size:9px; }.video-placeholder { height:145px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; border-radius:10px; background:linear-gradient(145deg,#0f2821,#275247); color:white; }.video-placeholder>span { width:40px; height:40px; display:grid; place-items:center; padding-left:2px; border:1px solid rgba(255,255,255,.35); border-radius:50%; }.video-placeholder small { color:#b7c9c0; }.job-detail h3 { margin:22px 0 12px; font-size:11px; }.workflow-list { list-style:none; padding:0; margin:0 0 20px; }.workflow-list li { min-height:47px; display:grid; grid-template-columns:26px 1fr; gap:10px; position:relative; }.workflow-list li:not(:last-child)::after { content:""; position:absolute; left:12px; top:28px; width:1px; height:20px; background:#d9ded9; }.workflow-list i { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:#eef1ee; color:#929d97; font-size:8px; font-style:normal; font-weight:900; }.workflow-list .done i { background:#dff1bd; color:#4e7413; }.workflow-list .current i { background:#173d33; color:var(--lime); }.workflow-list div { display:flex; flex-direction:column; gap:3px; font-size:10px; }.workflow-list small { color:#8b9690; font-size:8px; }.full-button,.secondary-button { width:100%; border:0; min-height:43px; font-size:10px; cursor:pointer; }.secondary-button { margin-top:8px; border:1px solid #dce2dd; border-radius:99px; background:white; font-weight:750; }

@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-story,.login-visual{display:none}.auth-panel{min-height:100vh}.portal-shell,.admin-shell{grid-template-columns:72px 1fr}.portal-sidebar,.admin-sidebar{padding:25px 12px;align-items:center}.portal-sidebar .brand,.admin-sidebar .brand{font-size:0}.portal-sidebar .brand>span,.admin-sidebar .brand>span{font-size:15px}.sidebar-new{font-size:0;width:45px;height:45px}.sidebar-new::first-letter{font-size:20px}.portal-sidebar nav a,.admin-sidebar nav a{font-size:17px;width:45px;justify-content:center}.portal-sidebar nav a span,.admin-sidebar nav a:not(.active){font-size:0}.sidebar-help,.sidebar-switch,.admin-sidebar>small{display:none}.upload-grid,.admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.project-table{overflow-x:auto}}
@media(max-width:620px){.auth-panel{padding:32px 24px}.auth-copy{margin-top:80px}.portal-shell,.admin-shell{display:block}.portal-sidebar,.admin-sidebar{display:none}.mobile-brand{display:block;font:800 19px var(--font-display)}.portal-content,.admin-content{width:calc(100% - 28px);padding-top:28px}.welcome-row{align-items:stretch;flex-direction:column}.trial-meter{width:100%}.upload-grid{padding:0 16px 18px}.upload-copy{padding:19px 16px}.upload-footer{padding:15px 16px}.upload-footer p{display:none}.drop-zone{min-height:190px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{min-height:110px}.admin-header{height:84px}.admin-header h1{font-size:22px}.admin-alert em{display:none}.queue-job{grid-template-columns:1.6fr .7fr}.queue-job>.status,.queue-job>.due{display:none}}

/* SRTwise 1.0.1: light-only WordPress presentation */
.srtwise-page{background:#f8faf6;color:#17201c}
.srtwise-page .site-shell{background:radial-gradient(circle at 78% 24%,rgba(200,255,84,.12),transparent 24%),#f8faf6}
.srtwise-page .brand-mark{background:#e7f1df;color:#244333;border:1px solid #cfdcc9}
.srtwise-page .button-dark{background:#fff;color:#17201c;border:1px solid #cbd4ce;box-shadow:0 8px 24px rgba(33,55,44,.07)}
.srtwise-page .button-dark:hover{border-color:#819289}
.srtwise-page .language-list b{background:#f1f5ee;color:#26372f;border-color:#dce5d8}
.srtwise-page .avatar{background:#e7f1df;color:#31523f;border:1px solid #cbdac6}
.srtwise-page .video-stage,.srtwise-page .demo-player{background:#edf1eb}
.srtwise-page .value-card.dark-card{background:#eef3eb;color:#17201c;border-color:#d4ddd0}
.srtwise-page .dark-card p{color:#66756d}
.srtwise-page .translation-sample{background:#fff;border:1px solid #d7dfd4}
.srtwise-page .translation-sample b{color:#17201c}.srtwise-page .translation-sample small,.srtwise-page .translation-sample span{color:#66776d}
.srtwise-page .orbit-core{background:#eef4e9;color:#284a38;border:1px solid #ccd9c7;box-shadow:0 16px 38px rgba(33,55,44,.1)}
.srtwise-page .process-section{background:#eef3eb;color:#17201c;border-top:1px solid #d5ddd2;border-bottom:1px solid #d5ddd2}
.srtwise-page .section-kicker.light{color:#63746b}
.srtwise-page .process-intro p{color:#66756e}
.srtwise-page .process-list{border-color:#cfd9cc}
.srtwise-page .process-list li{border-color:#cfd9cc}
.srtwise-page .process-list li>b{background:#fff;color:#365b45;border:1px solid #cbd8c6}
.srtwise-page .process-list strong{color:#17201c}.srtwise-page .process-list span{color:#6b7871}
.srtwise-page .language-cloud .language-hot{background:#fff;color:#284337;border:1px solid #c9d5c5}
.srtwise-page .price-card.featured-price{background:#eef3eb;color:#17201c;border-color:#cfd9cc;box-shadow:0 22px 55px rgba(35,55,45,.1)}
.srtwise-page .featured-price>span,.srtwise-page .featured-price>p{color:#617169}
.srtwise-page .featured-price ul{border-color:#d5ddd2}
.srtwise-page .final-cta{background:#edf3e9;color:#17201c;border-top:1px solid #d2dccf}
.srtwise-page .final-cta p{color:#617168}
.srtwise-page footer{background:#f8faf6;color:#17201c;border-top:1px solid #d5ddd2}
.srtwise-page footer>p{color:#66756e}.srtwise-page footer small{color:#748179;border-color:#d5ddd2}
.srtwise-modal{background:rgba(245,248,243,.96)}
.srtwise-close{width:42px;height:42px;display:grid;place-items:center;border-radius:50%!important;background:#fff!important;color:#17201c!important;border:1px solid #cfd8cc!important;box-shadow:0 8px 22px rgba(30,45,38,.1)}
.srtwise-video-wrap{background:#edf1eb;border:1px solid #ccd6c9;box-shadow:0 22px 60px rgba(35,55,45,.16)}
.srtwise-live-caption{background:rgba(255,255,255,.94);color:#111;text-shadow:none;border:1px solid rgba(20,30,25,.16)}
.srtwise-player-bar{color:#17201c}.srtwise-player-bar label,.srtwise-preview-note{color:#627169}
.srtwise-player-bar select{background:#fff;color:#17201c;border-color:#c9d4c6}
.srtwise-page .demo-caption{background:rgba(255,255,255,.93);color:#111;box-shadow:0 5px 18px rgba(0,0,0,.12)}