:root{--navy:#041124;--navy-2:#071a32;--panel:#0a203c;--panel-2:#0d294a;--cyan:#39e7ee;--green:#28d89b;--red:#ff5261;--text:#ecf9ff;--muted:#94afc3;--line:rgba(111,196,222,.18);--max:1180px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.hero{overflow:hidden}
.start-copy,.report-preview{min-width:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:var(--sans);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}em{color:var(--cyan);font-style:normal}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:10px 16px;background:var(--cyan);color:var(--navy);font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(4,17,36,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:18px;font-weight:800;letter-spacing:.02em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(57,231,238,.55);border-radius:6px;color:var(--cyan);box-shadow:inset 0 0 14px rgba(57,231,238,.12)}.site-nav{display:flex;gap:34px;font-size:13px;color:#b4c8d8}.site-nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:10px}.language-toggle,.github-link{height:38px;border:1px solid var(--line);border-radius:6px;background:rgba(10,32,60,.65);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.language-toggle{width:44px;font-family:var(--mono);font-size:12px}.github-link{gap:8px;padding:0 14px;font-size:12px;font-weight:700}.github-link svg{width:17px;fill:currentColor}.language-toggle:hover,.github-link:hover{border-color:var(--cyan);color:var(--cyan)}
.hero{min-height:700px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);align-items:center;gap:70px;padding:96px max(24px,calc((100vw - var(--max))/2)) 86px;background:radial-gradient(circle at 76% 40%,rgba(27,117,169,.18),transparent 34%),linear-gradient(180deg,#041124 0%,#05162b 100%)}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(57,231,238,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(57,231,238,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 0,#000 35%,transparent 95%);transform:perspective(600px) rotateX(58deg) translateY(42%);transform-origin:bottom}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow,.section-kicker{font:700 11px/1.4 var(--mono);letter-spacing:.2em;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}h1{font-size:clamp(52px,5.6vw,78px);line-height:1.12;letter-spacing:-.055em;margin:23px 0 25px}h2{font-size:clamp(36px,4vw,55px);line-height:1.18;letter-spacing:-.045em;margin:15px 0 22px}h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:8px 0 14px}.hero-lead{max-width:630px;font-size:16px;color:#afc6d8;margin:0 0 34px}.hero-actions,.start-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:0 21px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:800;letter-spacing:.02em;border:1px solid var(--line);transition:.2s ease}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#02111f;box-shadow:0 0 24px rgba(57,231,238,.14)}.button-primary:hover{background:#7cf6fa;transform:translateY(-2px)}.button-secondary{background:rgba(10,32,60,.62)}.button-secondary:hover{border-color:rgba(57,231,238,.7);color:var(--cyan)}.hero-stats{display:flex;gap:0;margin:48px 0 0}.hero-stats div{padding-right:28px;margin-right:28px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats dt{font:800 18px var(--mono);color:#fff}.hero-stats dd{margin:3px 0 0;font-size:11px;color:var(--muted)}
.hero-visual{height:420px;display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;filter:drop-shadow(0 22px 30px rgba(0,0,0,.25))}.file-card{height:282px;border:1px solid rgba(85,176,209,.36);background:linear-gradient(145deg,rgba(16,48,82,.94),rgba(6,27,52,.96));border-radius:8px;padding:16px;transform:perspective(700px) rotateY(7deg);box-shadow:inset 0 0 26px rgba(66,168,208,.07)}.file-right{transform:perspective(700px) rotateY(-7deg)}.file-head{display:flex;justify-content:space-between;font:700 9px var(--mono);color:#8aadc2;padding-bottom:14px;border-bottom:1px solid var(--line)}.data-row{height:42px;border-bottom:1px solid rgba(102,173,199,.1);display:grid;grid-template-columns:26px 1fr 1fr 1fr;align-items:center;gap:8px}.data-row i,.data-row b{height:6px;border-radius:2px;background:#385872}.data-row i{background:#2fd69b}.data-row b:nth-child(3){width:74%}.data-row.diff i{background:var(--red)}.data-row.diff b:nth-child(3){width:95%;background:var(--red);box-shadow:0 0 15px rgba(255,82,97,.35)}.compare-rail{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;z-index:3}.compare-rail span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font:800 13px var(--mono);background:var(--navy)}.compare-rail .ok{border:1px solid var(--green);color:var(--green)}.compare-rail .ng{border:1px solid var(--red);color:var(--red);box-shadow:0 0 15px rgba(255,82,97,.25)}.result-chip{position:absolute;right:8%;bottom:26px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#07172a;border:1px solid rgba(255,82,97,.5);border-radius:5px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.result-chip span{color:var(--red)}.result-chip strong{font:800 20px var(--mono)}.result-chip small{font:700 8px var(--mono);color:#aabccb;letter-spacing:.13em}.scan-line{position:absolute;z-index:6;left:0;right:0;top:18%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);opacity:.45;animation:scan 4.5s linear infinite}
.problem-strip{max-width:var(--max);margin:0 auto;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:24px 18px;background:rgba(7,26,50,.55)}.problem-strip div{display:flex;align-items:center;gap:14px}.problem-strip div>span{font:800 10px var(--mono);color:var(--cyan)}.problem-strip p{margin:0;font-size:11px;color:var(--muted)}.problem-strip strong{display:block;font:700 10px var(--mono);letter-spacing:.12em;color:#e3f5fa}.problem-strip>i{color:#36566c;font-style:normal}.section{max-width:var(--max);margin:0 auto;padding:118px 0}.section-heading{max-width:660px;margin-bottom:50px}.section-heading>p:last-child,.formats-copy>p,.start-copy>p{color:var(--muted);max-width:570px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-card{position:relative;min-height:380px;padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,34,64,.8),rgba(6,25,48,.75));border-radius:8px;overflow:hidden}.feature-card::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(57,231,238,.05),transparent 35%);pointer-events:none}.feature-card-wide{grid-column:span 1}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(57,231,238,.3);border-radius:6px;color:var(--cyan);font:700 24px var(--mono)}.card-number{position:absolute;right:28px;top:23px;font:700 9px var(--mono);letter-spacing:.15em;color:#608198}.feature-card>p:not(.card-number),.ci-card>div>p:not(.card-number){font-size:14px;color:var(--muted);max-width:500px}.mini-table{position:absolute;left:34px;right:34px;bottom:32px;border:1px solid var(--line);font:10px var(--mono);color:#89a7ba}.mini-table>div{display:grid;grid-template-columns:1fr 1.6fr 1fr}.mini-table span{padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-table>div:first-child{background:#0d2948;color:#69a0b8}.mini-table .cell-ng{color:#ff8d97;background:rgba(255,82,97,.08)}.mini-table .cell-ok{color:var(--green)}.card-image{position:absolute;left:34px;right:34px;bottom:30px;width:calc(100% - 68px);height:125px;object-fit:cover;object-position:center;border:1px solid rgba(255,82,97,.35);border-radius:4px}.batch-list{position:absolute;left:34px;right:34px;bottom:29px;display:grid;gap:8px;font:11px var(--mono)}.batch-list span{display:flex;align-items:center;gap:11px;padding:10px 12px;background:#071a31;border:1px solid var(--line);border-radius:3px}.batch-list i{font-style:normal;color:var(--green)}.batch-list .batch-ng{border-color:rgba(255,82,97,.3)}.batch-list .batch-ng i{color:var(--red)}.ci-card{grid-column:1/-1;min-height:310px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.ci-card .card-number{position:static;margin:16px 0 4px}.ci-card pre{margin:0;padding:25px;background:#03101f;border:1px solid var(--line);border-radius:6px;color:#8eaec2;font:11px/1.9 var(--mono);overflow:auto}.ci-card code span{color:var(--cyan)}.ci-card code b{color:var(--red)}.ci-card code strong{color:var(--red)}
.formats-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.text-link{display:inline-flex;gap:16px;margin-top:18px;color:var(--cyan);font-size:13px;font-weight:800}.format-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.format-cloud span{height:78px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(9,31,58,.7);border-radius:5px;font:800 13px var(--mono);color:#bad0dd;transition:.2s}.format-cloud span:hover{color:var(--cyan);border-color:rgba(57,231,238,.5);transform:translateY(-2px)}.start-section{padding-top:30px}.start-panel{position:relative;padding:64px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;border:1px solid rgba(57,231,238,.25);border-radius:10px;background:radial-gradient(circle at 90% 50%,rgba(25,123,153,.15),transparent 38%),#071a31;box-shadow:0 30px 80px rgba(0,0,0,.2)}.install-tabs{display:flex;gap:5px;margin-top:28px}.install-tab{padding:8px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#7798ad;font:700 11px var(--mono);cursor:pointer}.install-tab.is-active{color:var(--cyan);border-color:var(--cyan)}.command-box{display:flex;align-items:stretch;margin:8px 0 22px;background:#020d19;border:1px solid var(--line);border-radius:5px;overflow:hidden}.command-box code{flex:1;min-width:0;padding:15px 17px;color:#a9cad9;font:10px/1.55 var(--mono);overflow-x:auto;white-space:nowrap}.command-box button{flex:0 0 auto;padding:0 15px;border:0;border-left:1px solid var(--line);background:#0b2440;color:var(--cyan);font-size:11px;cursor:pointer}.report-preview{padding:18px;border:1px solid rgba(75,157,188,.32);background:#051428;border-radius:8px;transform:rotate(1.5deg);box-shadow:0 20px 45px rgba(0,0,0,.32)}.report-bar{display:flex;justify-content:space-between;padding:0 0 14px;font:700 10px var(--mono);color:#7e9cae}.report-status{color:var(--red)}.report-preview img{width:100%;background:#fff}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.report-metrics div{padding:12px;background:#071d36;border:1px solid var(--line)}.report-metrics span{display:block;font:700 8px var(--mono);color:#66879c}.report-metrics strong{font:800 22px var(--mono)}.report-metrics .metric-ng strong{color:var(--red)}.final-cta{text-align:center;padding:120px 24px;background:radial-gradient(circle at 50% 50%,rgba(18,105,133,.18),transparent 34%);border-top:1px solid var(--line)}.final-cta>p{font:700 10px var(--mono);letter-spacing:.2em;color:var(--cyan)}.final-cta .button{margin-top:18px}.site-footer{max-width:var(--max);margin:0 auto;padding:34px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#708ba0;font-size:11px}.site-footer .brand{color:#d6e9f0;font-size:14px}.site-footer>div:last-child{display:flex;gap:22px}.site-footer a:hover{color:var(--cyan)}
@keyframes scan{0%{top:16%;opacity:0}10%{opacity:.5}90%{opacity:.5}100%{top:82%;opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-line{animation:none;display:none}.button,.format-cloud span{transition:none}}
@media (max-width:1000px){.site-nav{display:none}.hero{grid-template-columns:1fr;padding-top:72px}.hero-copy{max-width:740px}.hero-visual{max-width:700px;width:100%;margin:auto}.section{padding:90px 24px}.formats-section{grid-template-columns:1fr;gap:45px}.start-panel{grid-template-columns:1fr;padding:45px}.site-footer{margin:0 24px}.problem-strip{margin-inline:24px}}
@media (max-width:680px){.site-header{height:66px;padding:0 16px}.github-text{display:none}.github-link{padding:0;width:38px}.brand{font-size:15px}.hero{display:block;min-height:auto;padding:67px 20px 56px}.hero-lead{font-size:15px}.hero-stats{gap:0;justify-content:space-between}.hero-stats div{padding-right:13px;margin-right:13px}.hero-stats dt{font-size:14px}.hero-stats dd{font-size:9px}.hero-visual{height:290px;margin-top:44px;grid-template-columns:1fr 30px 1fr}.file-card{height:205px;padding:10px}.file-head{font-size:6px}.data-row{height:30px;grid-template-columns:14px 1fr 1fr 1fr;gap:4px}.compare-rail{height:155px}.compare-rail span{width:17px;height:17px;font-size:9px}.result-chip{right:2%;bottom:8px}.problem-strip{margin:0;display:grid;grid-template-columns:1fr;gap:10px;padding:20px}.problem-strip>i{display:none}.section{padding:75px 18px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card-wide{grid-column:1;min-height:360px;padding:26px}.mini-table,.batch-list{left:26px;right:26px}.card-image{left:26px;right:26px;width:calc(100% - 52px)}.ci-card{grid-template-columns:1fr;gap:24px}.formats-section{gap:36px}.format-cloud{grid-template-columns:repeat(3,1fr)}.format-cloud span{height:60px;font-size:11px}.start-panel{padding:30px 20px;gap:45px}.start-actions{display:grid}.start-actions .button{width:100%}.command-box code{font-size:9px}.report-preview{transform:none}.final-cta{padding:86px 18px}.site-footer{margin:0 18px;align-items:flex-start;gap:22px;flex-direction:column}.site-footer p{margin:0}}
@media (max-width:390px){h1{font-size:45px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-stats dd{max-width:75px}.format-cloud{grid-template-columns:repeat(2,1fr)}}
.ci-card{grid-column:auto;min-height:380px;display:block}
.ci-card .card-number{position:absolute;margin:0}
.ci-card pre{position:absolute;left:34px;right:34px;bottom:29px;height:122px;padding:18px}
.formats-section{grid-template-columns:1fr 1.15fr;gap:70px}
.formats-section h2{font-size:clamp(36px,3.6vw,50px)}
.nowrap{white-space:nowrap}
@media (max-width:1000px){.formats-section{grid-template-columns:1fr;gap:45px}}
@media (max-width:680px){.feature-card.ci-card{grid-column:1;min-height:360px;padding:26px}.ci-card pre{left:26px;right:26px;bottom:26px}.formats-section{grid-template-columns:1fr;gap:36px}.formats-section h2{font-size:clamp(28px,8.7vw,34px)}}