:root{--blue:#00b8ff;--text:#14243a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fbff;color:var(--text);font-family:"Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;line-height:1.8}.topbar{height:70px;padding:0 max(22px,calc((100% - 1220px)/2));display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #ddebf5;position:sticky;top:0;z-index:10}.product-brand{color:#13396d;font-size:1.25rem;font-weight:900;letter-spacing:.02em;text-decoration:none}.topbar nav{display:flex;gap:22px;margin-left:auto}.topbar nav a,.back-link{color:#3c5b7a;font-size:.84rem;font-weight:700;text-decoration:none}.topbar nav a:hover,.back-link:hover{color:#087bc2}.back-link{padding:6px 12px;border:1px solid #bfd8ed;border-radius:99px}.hero{min-height:650px;position:relative;display:grid;align-items:center;overflow:hidden;color:#fff;background:#04101e}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,20,.94) 0%,rgba(3,11,25,.78) 39%,rgba(3,12,25,.2) 73%,rgba(0,7,15,.16))}.hero-inner{max-width:1220px;width:100%;margin:auto;padding:78px max(24px,calc((100% - 1220px)/2));position:relative}.kicker,.section-kicker{margin:0 0 15px;color:#1cc6ff;font-size:.73rem;font-weight:900;letter-spacing:.18em}.hero h1{max-width:620px;margin:0;font-size:clamp(2.85rem,6vw,5.7rem);line-height:1.14;letter-spacing:.015em}.hero h1 span{display:block;margin-top:13px;font-size:.48em;color:#86e5ff;letter-spacing:.08em}.hero-copy{margin:25px 0 0;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;letter-spacing:.045em}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:7px;font-size:.9rem;font-weight:900;letter-spacing:.03em;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(110deg,#6359ff,#00c4f2);box-shadow:0 12px 28px rgba(0,169,255,.28)}.button.ghost{border:1px solid rgba(190,235,255,.7);color:#e9f9ff;background:rgba(3,25,50,.42)}.hero-points{display:flex;flex-wrap:wrap;gap:10px 25px;margin:35px 0 0;padding:0;list-style:none;color:#ceefff;font-size:.78rem;font-weight:700}.hero-points li:before{content:"✓";margin-right:7px;color:#59e2ff}.section{max-width:1220px;margin:auto;padding:104px max(24px,calc((100% - 1220px)/2))}.intro{text-align:center}.intro h2,.feature h2,.formats h2,.howto h2,.notes h2,.download-panel h2{margin:0;font-size:clamp(2rem,4vw,3.65rem);line-height:1.3;letter-spacing:.025em}.intro p:last-child{margin:24px 0 0;color:#476783;font-weight:600}.feature-area{background:#061528}.feature{min-height:580px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.feature-text{max-width:610px;padding:80px max(28px,calc((100vw - 1220px)/2))}.feature-text h2{margin-top:0;color:#fff}.feature-text>p:not(.section-kicker){margin:24px 0;color:#b9d6ea}.feature-text ul{margin:25px 0 0;padding:0;list-style:none;color:#eff9ff;font-size:.92rem}.feature-text li{padding:7px 0;border-top:1px solid rgba(151,210,242,.2)}.feature-text li:before{content:"→";padding-right:10px;color:#28d3ff}.feature img{width:100%;height:100%;min-height:580px;object-fit:cover}.feature-light{background:#eaf7ff}.feature-light .feature-text h2{color:#102941}.feature-light .feature-text>p:not(.section-kicker){color:#466982}.feature-light .feature-text ul{color:#1b3b55}.feature-light .feature-text li{border-color:#c0ddeb}.feature-light .section-kicker{color:#1476b9}.reverse .feature-text{grid-column:2}.reverse img{grid-column:1;grid-row:1}.formats{display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:center}.formats-copy>p:not(.section-kicker){color:#496a84;font-weight:600}.formats img{width:100%;border-radius:17px;box-shadow:0 17px 40px rgba(9,43,78,.18)}.format-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.format-chips span{padding:4px 11px;border:1px solid #a9d8ef;border-radius:99px;background:#fff;color:#175d8a;font-family:Consolas,monospace;font-size:.78rem;font-weight:800}.howto{max-width:none;background:#e9f7ff;text-align:center}.howto>h2{margin-bottom:54px}.howto ol{max-width:1160px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;text-align:left}.howto li{padding:25px 21px;background:#fff;border:1px solid #c9e2f1;border-radius:12px;box-shadow:0 9px 23px rgba(23,78,115,.08)}.howto b{color:#179dd6;font-size:.82rem;letter-spacing:.08em}.howto h3{margin:11px 0 5px;font-size:1.06rem}.howto p{margin:0;color:#53728c;font-size:.87rem}.notes{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px}.note-list{display:grid;gap:13px}.note-list p{margin:0;padding:18px 20px;background:#fff;border-left:4px solid #28c7ef;border-radius:4px;box-shadow:0 7px 18px rgba(14,57,89,.07);color:#4b6981}.note-list strong{display:block;margin-bottom:3px;color:#143350;font-size:1.04rem}.note-list code{display:inline-block;margin-top:5px;padding:5px 8px;border-radius:4px;background:#e7f1f7;color:#22516e;font-family:Consolas,monospace;font-size:.78rem}.download-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:76px max(24px,calc((100% - 1120px)/2));color:#fff;background:radial-gradient(circle at 72% 0,#1558a9 0,transparent 42%),linear-gradient(120deg,#07192d,#072b58)}.download-panel .section-kicker{color:#73e6ff}.download-panel h2{font-size:clamp(1.9rem,3vw,3rem)}.download-panel p:not(.section-kicker){margin:12px 0 0;color:#c7e3f5}footer{display:flex;justify-content:space-between;gap:20px;padding:23px max(24px,calc((100% - 1220px)/2));background:#05101d;color:#82a1ba;font-size:.76rem}footer a{color:#d5edff;text-decoration:none;font-weight:700}@media(max-width:780px){.topbar{height:auto;min-height:61px;padding:12px 18px;gap:13px;flex-wrap:wrap}.topbar nav{order:3;width:100%;margin:0;justify-content:space-between;gap:8px}.topbar nav a{font-size:.74rem}.back-link{margin-left:auto;font-size:.72rem}.hero{min-height:610px}.hero-image{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(2,9,20,.88),rgba(3,12,25,.65),rgba(0,7,15,.1))}.hero-inner{padding:58px 25px}.feature{grid-template-columns:1fr}.feature-text{padding:65px 25px}.feature img{min-height:0;height:auto}.reverse .feature-text,.reverse img{grid-column:auto;grid-row:auto}.formats,.notes{grid-template-columns:1fr;gap:35px}.howto ol{grid-template-columns:1fr 1fr}.download-panel{align-items:flex-start;flex-direction:column;padding:57px 25px}}@media(max-width:460px){.product-brand{font-size:1.07rem}.topbar nav{display:none}.hero h1{font-size:2.65rem}.hero-copy{font-size:.98rem}.howto ol{grid-template-columns:1fr}.section{padding-top:72px;padding-bottom:72px}footer{flex-direction:column}}
@media(min-width:781px){.feature-text{max-width:none;padding:80px 64px 80px max(28px,calc((100vw - 1220px)/2))}.reverse .feature-text{padding:80px max(28px,calc((100vw - 1220px)/2)) 80px 64px}.formats{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:38px}.notes{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:42px}.formats h2,.notes h2{font-size:clamp(2rem,2.35vw,2.35rem);line-height:1.42;letter-spacing:0}}
@media(min-width:781px) and (max-width:1050px){.formats,.notes{grid-template-columns:1fr;gap:34px}.formats h2,.notes h2{font-size:clamp(1.8rem,3.5vw,2.35rem);line-height:1.35}}
.hero-inner{padding-left:24px;padding-right:24px}.section{width:min(100%,1220px);padding-left:24px;padding-right:24px}
.product-brand{width:176px;height:46px;display:flex;align-items:center}.product-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}

/* Motion language: files flow from input to output. */
.topbar nav a{position:relative;transition:color .25s ease}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--blue);transition:right .25s ease}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{right:0}
.hero-image{animation:conv-hero-drift 12s ease-in-out infinite alternate}.hero-inner{z-index:2}.hero h1{animation:conv-title-in .8s cubic-bezier(.2,.8,.2,1) both}.hero-copy,.hero-actions,.hero-points{animation:conv-copy-in .7s ease-out both}.hero-copy{animation-delay:.12s}.hero-actions{animation-delay:.23s}.hero-points{animation-delay:.34s}
.conversion-stream{position:absolute;z-index:2;right:7%;bottom:8%;display:flex;align-items:center;gap:8px;color:#bceeff;font:800 .72rem/1 Consolas,monospace;letter-spacing:.08em;opacity:.75}.conversion-stream span,.conversion-stream b{padding:8px 10px;border:1px solid rgba(105,222,255,.55);border-radius:7px;background:rgba(2,18,39,.65);backdrop-filter:blur(6px)}.conversion-stream b{color:#07182b;background:#55ddff}.conversion-stream i{width:8px;height:8px;border-radius:50%;background:#48d9ff;box-shadow:0 0 12px #29caff;animation:conv-packet 1.15s ease-in-out infinite}.conversion-stream i:nth-of-type(2){animation-delay:.18s}.conversion-stream i:nth-of-type(3){animation-delay:.36s}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-30% auto -30% -40%;width:24%;background:rgba(255,255,255,.55);transform:skewX(-18deg);transition:left .45s ease}.button:hover:after{left:120%}.feature{perspective:1000px}.feature img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}.feature:hover img{transform:scale(1.025);filter:saturate(1.08)}.feature-text li{transition:transform .25s ease,color .25s ease}.feature-text li:hover{transform:translateX(8px);color:#58ddff}.feature-light .feature-text li:hover{color:#087bc2}
.format-chips span{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.format-chips span:hover{transform:translateY(-5px) rotate(-2deg);background:#e8f9ff;box-shadow:0 8px 15px rgba(0,135,205,.13)}.howto li,.note-list p{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.howto li:hover,.note-list p:hover{transform:translateY(-7px);box-shadow:0 17px 32px rgba(23,78,115,.15);border-color:#75cef4}
.motion-ready .scroll-reveal{opacity:0;transform:translateY(34px);transition:opacity .72s ease var(--delay,0ms),transform .72s cubic-bezier(.2,.75,.2,1) var(--delay,0ms)}.motion-ready .scroll-reveal.is-visible{opacity:1;transform:none}
@keyframes conv-title-in{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes conv-copy-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@keyframes conv-packet{0%,100%{transform:scale(.55);opacity:.35}50%{transform:scale(1.15);opacity:1}}@keyframes conv-hero-drift{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.045) translateX(-.8%)}}
@media(max-width:780px){.conversion-stream{right:18px;bottom:18px}.conversion-stream i:nth-of-type(2),.conversion-stream i:nth-of-type(3){display:none}}
@media(max-width:460px){.product-brand{width:142px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .scroll-reveal{opacity:1;transform:none}}