:root{--blue:#2465ed;--blue-d:#174dbb;--navy:#142b4c;--text:#25364c;--muted:#63758b;--line:#dce5ef;--sky:#eaf2ff;--sky2:#f5f8fc;--orange:#e97b13;--hd-h:80px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:16px/1.95 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #dd9a25;outline-offset:5px}h1,h2,h3{line-height:1.55;letter-spacing:-.035em;word-break:auto-phrase}svg{flex:none}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.nw{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[id]{scroll-margin-top:calc(var(--hd-h) + 20px)}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;background:white}.skip-link:focus{top:12px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 25px;min-height:56px;border-radius:6px;font-size:14px;line-height:1.6;font-weight:700;white-space:nowrap;border:1px solid transparent;transition:background .2s,box-shadow .2s,transform .2s}.btn:after{content:"↗";font:19px Arial}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #173d7414}.btn-sm{min-height:42px;padding:10px 16px;font-size:12px;gap:12px}.btn-pri,.btn-sec{background:var(--blue);color:#fff}.btn-pri:hover,.btn-sec:hover{background:var(--blue-d)}.btn-ghost{background:#fff;border-color:#bbcee9;color:var(--blue)}.btn-outline-w{background:transparent;border-color:#b7c9e0;color:var(--blue)}.btn-white{background:#fff;color:var(--blue)}.bc{font-size:10px;color:#7b8b9f;padding-block:15px}.bc a{color:#657c9e}
.hero{background:radial-gradient(ellipse at 82% 28%,#e4efff 0,transparent 55%),linear-gradient(140deg,#f8fbff,#f1f6ff);position:relative;overflow:hidden;padding:0}.hero:after{content:"";position:absolute;inset:auto -10% -490px 35%;height:650px;border:1px solid #c5d9fa;border-radius:50%;pointer-events:none;transform:rotate(-18deg)}.hero-in{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:52px;position:relative;z-index:1;padding-block:54px 60px}.badge{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;color:#3c5e8d;margin-bottom:28px}.badge b{font:700 10px Arial;letter-spacing:.08em;color:var(--blue);background:#e0ebff;border:1px solid #c4d7fc;border-radius:3px;padding:5px 7px}.product-name{font:600 24px/1.4 Arial,sans-serif;color:var(--blue);letter-spacing:-.7px;margin-bottom:17px}.product-name span{font:500 10px/1.4 Arial;letter-spacing:.1em;border:1px solid #adc4e8;padding:3px 6px;vertical-align:middle;margin-left:8px;color:#57739b}.hero h1{font-size:clamp(36px,3.5vw,50px);line-height:1.55;font-weight:700;letter-spacing:-.055em;color:var(--navy);margin-bottom:20px}.hero h1 em{color:var(--blue);font-style:normal}.hero .desc{font-size:14px;line-height:2;color:#526b8c;max-width:480px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-note{font-size:10px;color:#6d83a2;margin-top:14px}.hero-visual{min-width:0}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;color:#6983a5}.visual-toolbar>span{font:600 10px Arial;letter-spacing:.16em}.motion-toggle{display:flex;align-items:center;gap:7px;background:#ffffffa6;border:1px solid #cbdaf0;border-radius:4px;color:#4b6b96;font-size:10px;padding:6px 10px;min-height:32px}.motion-toggle i{font:700 11px Arial;font-style:normal}.migration-scene{position:relative;height:245px;isolation:isolate}.route{position:absolute;top:112px;left:19%;right:18%;height:48px;border-top:2px dashed #a6c5f2;z-index:-1}.route:after{content:"";position:absolute;right:0;top:-5px;border:4px solid transparent;border-left:7px solid #719fde}.route span{position:absolute;top:32px;left:0;width:100%;text-align:center;font:600 9px Arial;letter-spacing:.15em;color:#7497c5}.storage-node{position:absolute;top:18px;width:29%;border:1px solid #d0ddef;background:#fffffff0;border-radius:10px;box-shadow:0 10px 28px #31589409;padding:14px 12px;z-index:2}.source-node{left:0}.target-node{right:0;border-color:#bad0f8;box-shadow:0 10px 28px #2465ed10}.storage-label{font:500 8px Arial;letter-spacing:.12em;color:#7e91aa;margin-bottom:9px}.storage-title{font-size:10px;color:#3c5678;font-weight:700;white-space:nowrap}.target-node .storage-title{font:600 15px Arial;color:var(--blue);margin-bottom:12px}.server-symbol{display:flex;gap:5px;margin:12px 0 15px}.server-symbol>i{height:31px;flex:1;background:linear-gradient(#eef3fa,#e6edf7);border:1px solid #cfdbeb;border-radius:3px;position:relative}.server-symbol>i:before{content:"";position:absolute;left:5px;right:5px;height:1px;top:8px;background:#bbcbdf;box-shadow:0 5px #bbcbdf}.server-symbol>i:after{content:"";position:absolute;bottom:5px;right:5px;width:3px;height:3px;border-radius:50%;background:#4bb5a0}.folder-row{display:flex;align-items:center;gap:6px;font-size:9px;color:#5b7191;border-top:1px solid #edf1f7;padding-top:8px;margin-top:8px;white-space:nowrap}.folder-icon{width:15px;height:11px;border-radius:2px;background:#8bb7f8;position:relative;display:inline-block;flex:none}.folder-icon:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:inherit}.folder-row>em{margin-left:auto;font:11px Arial;font-style:normal;color:#329985;opacity:.2;transition:opacity .35s}.target-node .folder-row{background:#f7faff;border:0;padding:9px 6px;border-radius:3px}.migration-scene .cloud-symbol{display:block;width:35px;height:25px;margin-bottom:14px;color:var(--blue)}.document-track{position:absolute;inset:44px 22% auto;height:140px;--travel:170px}.flying-doc{position:absolute;left:0;top:0;width:83px;height:113px;border:1px solid #d3dfef;border-radius:5px;background:#fff;box-shadow:0 8px 20px #254b831a;padding:10px;opacity:0;animation:document-transfer 14s var(--ease) infinite;will-change:transform,opacity}.flying-doc:after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:linear-gradient(45deg,#edf2fa 49%,#d0dceb 50%,#f4f8ff 53%);border-radius:0 4px 0 4px}.flying-doc.doc-xls{animation-delay:.7s;top:17px}.flying-doc.doc-pdf{animation-delay:1.4s;top:30px}.file-type{display:inline-grid;place-items:center;width:22px;height:25px;border-radius:3px;background:#e6efff;color:#3e71c2;font:700 12px Arial}.doc-xls .file-type,.type-xls{background:#e6f4ed;color:#308568}.doc-pdf .file-type,.type-pdf{background:#fcebe8;color:#bc5b50}.flying-doc strong{font-size:7px;display:block;white-space:nowrap;margin-top:8px;color:#50647f}.paper-lines{height:21px;margin-top:8px;background:repeating-linear-gradient(to bottom,#dbe4f1 0 2px,transparent 2px 7px)}.paper-chart{height:26px;display:flex;align-items:end;gap:3px;margin-top:7px;border-bottom:1px solid #cee4d9}.paper-chart i{flex:1;background:#91cbb2;height:40%}.paper-chart i:nth-child(2){height:70%}.paper-chart i:nth-child(3){height:55%}.paper-chart i:nth-child(4){height:95%}.paper-stamp{font:7px Arial;color:#c8877e;border:1px solid #e4b7af;padding:2px;margin-top:9px;width:28px;text-align:center;transform:rotate(-12deg)}
.migration-console{position:relative;z-index:3;background:#fff;border:1px solid #cfddf0;border-radius:9px;box-shadow:0 15px 40px #2d5a9b12;overflow:hidden}.console-title{display:flex;align-items:center;gap:6px;background:#fafcff;border-bottom:1px solid #e7edf7;padding:10px 15px;font:600 10px Arial;color:#60789b}.console-title>i{width:5px;height:5px;background:#d6e0ed;border-radius:50%}.console-title>span{margin-left:6px}.console-title>small{margin-left:auto;font:8px Arial;color:#8a9aaf}.console-steps{display:flex;gap:6px;padding:14px 16px 0;list-style:none}.console-steps li{flex:1;border-bottom:2px solid #e9eef6;padding-bottom:7px;color:#91a0b4;font-size:9px;transition:color .25s,border-color .25s}.console-steps b{font:9px Arial;margin-right:5px}.console-steps li.active{border-color:var(--blue);color:var(--blue)}.console-steps li.complete{color:#5b7eaa;border-color:#a9c4ef}.console-content{padding:15px 17px 17px}.progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#3b5579;gap:8px}.progress-heading strong{font:600 22px Arial;color:var(--blue);white-space:nowrap}.progress-heading strong small{font:10px Arial;margin-left:3px}.progress-rail{margin-block:10px;background:#edf2f9;height:5px;border-radius:8px;overflow:hidden}.progress-rail>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#87bcff,#2465ed);border-radius:8px}.console-file{display:flex;align-items:center;gap:7px;color:#7a8ea8;font-size:9px;white-space:nowrap;overflow:hidden}.console-file>span{overflow:hidden;text-overflow:ellipsis}.console-file .file-type{width:15px;height:18px;font-size:8px}.console-file>small{margin-left:auto;flex:none;font:9px Arial;color:#6491b7}.visual-caption{font-size:9px;color:#7a8da8;text-align:right;margin-top:12px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:19px;border-top:1px solid #d7e3f4;color:#6580a1;position:relative;z-index:1;font-size:11px}.hero-bottom>div{display:flex;gap:25px}.hero-bottom b{font-weight:500;color:#46678f}.hero-bottom a{color:#3e6fb4;font-weight:700}.hero-bottom a span{margin-left:10px}
.anav{border-bottom:1px solid var(--line);background:#fff}.anav ul{display:flex;justify-content:center;list-style:none;gap:24px;overflow:auto;scrollbar-width:none}.anav ul::-webkit-scrollbar{display:none}.anav a{display:block;white-space:nowrap;font-size:11px;font-weight:700;color:#657b99;padding:18px 0}.anav a:hover{color:var(--blue)}section{padding-block:86px}.bg-sky{background:var(--sky2)}.sec-h{text-align:center;margin-bottom:43px}.sec-h .en{display:block;font:600 10px/1.5 Arial;letter-spacing:.18em;color:var(--blue);margin-bottom:12px}.sec-h h2{font-size:32px;color:var(--navy);font-weight:700}.sec-h h2 em{color:var(--blue);font-style:normal}.sec-h p{font-size:14px;color:var(--muted);margin-top:16px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.intro h3{font-size:24px;color:var(--navy);margin-bottom:20px}.intro p{font-size:14px;color:var(--muted);margin-top:14px}.compare{display:grid;grid-template-columns:1fr 24px 1fr;gap:12px;align-items:center}.cbox{min-width:0;border-radius:8px;border:1px solid #dae3ef;overflow:hidden;background:#fff}.mini-chrome{font:8px Arial;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid #e3eaf3;color:#8092ac;display:flex;gap:4px;align-items:center}.mini-chrome i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c1cfdf}.mini-chrome span{margin-left:5px}.cbox-body{padding:20px 16px}.cbox .t{font-size:10px;color:#7b8ba1}.cbox .n{font:600 17px/1.6 Arial;color:#425773;margin-top:5px}.cbox .n small{font-size:10px;display:block;font-weight:400}.cbox ul{font-size:10px;list-style:none;line-height:2.1;color:#6e819c;margin-top:15px}.cbox ul li:before{content:"✓";margin-right:5px;color:#7a9cce}.cbox.old{background:#f8fafc}.cbox.new{border-color:#adc7f4;box-shadow:0 12px 26px #2465ed0b}.cbox.new .mini-chrome{background:#edf4ff;color:#4573b8}.cbox.new .n{color:var(--blue)}.terminal-preview{font:9px/1.9 Consolas,monospace;color:#8293ab;background:#eaf0f7;border-radius:3px;padding:9px;margin-top:12px;height:60px}.terminal-preview b{color:#536d8b;font-weight:400}.gui-preview{display:flex;gap:5px;align-items:center;height:60px;margin-top:12px}.gui-preview i{flex:1;display:grid;place-items:center;aspect-ratio:1;background:#eaf2ff;border:1px solid #cbdcfa;border-radius:4px;font:11px Arial;color:var(--blue);font-style:normal}.arrow{font:20px Arial;color:#91b3e4;text-align:center}
.points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pt{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:26px;position:relative;display:flex;flex-direction:column}.pt .num{display:block;font:600 9px Arial;letter-spacing:.1em;color:#7592b8;margin-bottom:19px}.pt .ic{display:none}.pt .key{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--blue);margin-top:22px;margin-bottom:6px}.pt h3{font-size:20px;color:var(--navy);margin-bottom:13px}.pt>p{font-size:13px;color:var(--muted)}.point-art{height:120px;background:#f5f8fe;border:1px solid #e6edf8;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:18px;gap:7px}.point-step{width:43px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #cfddf3;border-radius:4px;font-size:8px;color:#6c82a1}.point-step b{display:grid;place-items:center;background:#eaf2ff;color:var(--blue);border-radius:50%;width:19px;height:19px;font:9px Arial}.point-art>i{font:12px Arial;color:#9eb5d5;font-style:normal}.point-art .point-step:nth-last-child(1){border-color:#82abef}.scan-art{gap:18px}.scan-sheet{width:69px;height:79px;border:1px solid #d0dff2;background:#fff;border-radius:4px;padding:12px 10px;position:relative}.scan-sheet:before{content:"";display:block;width:20px;height:4px;background:#abc7ef;margin-bottom:13px}.scan-sheet i{display:block;height:3px;background:#e0e8f3;margin-top:7px}.scan-line{position:absolute;left:-5px;right:-5px;top:34px;height:2px;background:#78b3ff;box-shadow:0 5px 14px #80b3f35c}.scan-result{font-size:9px;color:#7b8faa;line-height:2}.scan-result b{display:block;color:#3a7a70;font-size:12px}.schedule-art{gap:18px}.clock-face{width:48px;height:48px;border:2px solid #b7ccef;border-radius:50%;background:#fff;position:relative}.clock-face:before{content:"";position:absolute;width:2px;height:14px;background:#4c7fc7;top:9px;left:21px}.clock-face:after{content:"";position:absolute;width:12px;height:2px;background:#4c7fc7;top:22px;left:21px;transform:rotate(25deg);transform-origin:left}.schedule-bars{flex:1;max-width:130px;font-size:8px;color:#7b8faa}.schedule-bars>div{display:flex;align-items:center;gap:7px;margin-block:8px;white-space:nowrap}.schedule-bars i{height:9px;background:#a7c3ec;border-radius:2px;display:block;width:37%}.schedule-bars div:last-child i{width:65%;background:#4989ec}
.stepbar{display:flex;justify-content:center;max-width:730px;margin:0 auto 56px}.stepbar>div{flex:1;text-align:center;font-size:12px;color:#627d9f;position:relative}.stepbar span{display:grid;place-items:center;margin:0 auto 9px;width:34px;height:34px;background:#eef4ff;color:var(--blue);border:1px solid #c9daf7;border-radius:50%;font:13px Arial;position:relative;z-index:1}.stepbar>div:not(:last-child):after{content:"";position:absolute;left:50%;top:17px;width:100%;height:1px;background:#d3e1f5}.feature,.feature.rev{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;margin-top:65px;padding-top:65px;border-top:1px solid #e6ecf5}.feature:first-of-type{margin-top:0}.feature.rev .ftxt{order:2}.feature.rev .feature-media{order:1}.ftxt .tag{display:inline-flex;color:var(--blue);font-size:10px;letter-spacing:.04em;margin-bottom:15px}.ftxt h3{font-size:26px;color:var(--navy);margin-bottom:21px}.ftxt>p{font-size:13px;color:var(--muted);margin-bottom:14px}.ftxt ul{list-style:none;margin-top:20px}.ftxt ul li{font-size:12px;color:#566e8c;padding-left:22px;position:relative;margin-bottom:9px}.ftxt ul li:before{content:"✓";position:absolute;left:0;color:var(--blue)}.rule{background:#f4f7fc;border-radius:5px;font-size:11px;color:#73859e;padding:14px 16px;margin-top:15px}.rule b{color:#45628a;font-size:12px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.modes>div{border:1px solid #dce5f2;border-radius:5px;padding:12px 10px}.modes b{font-size:12px;color:var(--blue);display:block;margin-bottom:5px}.modes small{font-size:10px;line-height:1.8;color:#73839a;display:block}.note{font-size:10px!important;background:#fcf6eb;border-left:2px solid #deb168;padding:9px 12px;margin-top:14px;color:#8c7659!important}.feature-media{min-width:0}.feature-illustration{background:linear-gradient(150deg,#f1f6ff,#f7faff);border:1px solid #dfe8f6;border-radius:9px;padding:26px;min-height:275px;display:flex;flex-direction:column;justify-content:center}.illustration-label{font:600 9px Arial;color:#8a9fbf;letter-spacing:.14em;margin-bottom:20px}.diagram-panel{background:#fff;border:1px solid #d4e0f1;border-radius:6px;box-shadow:0 8px 16px #315e9808;overflow:hidden}.diagram-header{padding:11px 16px;background:#fbfcff;border-bottom:1px solid #e8eef7;font-size:10px;color:#5c769b;display:flex;justify-content:space-between;align-items:center}.diagram-header small{font:8px Arial;color:#93a8c5}.diagram-body{padding:18px}.field-label{font-size:9px;color:#8294ac;margin-bottom:6px}.path-field{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d8e2f0;border-radius:4px;padding:9px 10px;font:10px Arial;color:#597394;margin-bottom:14px;background:#fbfdff}.path-field b{font-size:8px;color:#6e8db6}.path-field:last-child{margin-bottom:0;border-color:#9bbbef;background:#f7faff}.path-field .folder-icon{width:12px;height:9px}.diagram-caption{font-size:10px;color:#7d91b0;margin-top:16px;text-align:center}.mode-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-option{border:1px solid #d8e3f2;border-radius:5px;padding:17px 9px;text-align:center;position:relative}.mode-option>span{display:block;font-size:10px;color:#6b819f;margin-top:12px}.mode-option.active{border-color:#84acee;background:#f6f9ff}.mode-option.active:after{content:"✓";position:absolute;right:7px;top:4px;color:var(--blue);font-size:10px}.mode-symbol{display:flex;align-items:center;justify-content:center;gap:7px;height:45px}.mode-symbol .file-type{width:23px;height:30px;font-size:8px}.mode-symbol>i{font:17px Arial;color:#8caee0;font-style:normal}.mode-example{font-size:10px;color:#6584b2;text-align:center;padding-top:18px}.week-grid{display:grid;grid-template-columns:35px repeat(6,1fr);gap:4px;font:8px Arial;text-align:center;color:#8b9eb9;align-items:center}.week-grid>*{height:16px;display:grid;place-items:center}.week-grid .day{font-size:8px}.week-grid .cell{background:#c4d7f6;border-radius:2px}.week-grid .night{background:#5b90e5}.week-grid .weekend{background:#8dafeb}.chart-key{display:flex;gap:16px;justify-content:center;font-size:8px;color:#7891b3;margin-top:15px}.chart-key span{display:flex;align-items:center;gap:5px}.chart-key i{width:8px;height:8px;background:#c4d7f6;display:block;border-radius:2px}.chart-key span:last-child i{background:#5b90e5}.scan-stats{display:flex;gap:8px}.scan-stats>div{flex:1;background:#f7faff;border:1px solid #e7eef8;padding:12px 5px;text-align:center;border-radius:4px}.scan-stats strong{font:600 19px Arial;color:#4c71a9;display:block}.scan-stats small{font-size:8px;color:#8b9bb1;display:block;margin-top:6px}.scan-notice{font-size:9px;border:1px solid #efdcb8;background:#fffbf3;color:#a48654;padding:9px 12px;border-radius:4px;margin-top:14px}.delete-field{border:1px solid #dce5ef;margin-top:10px;padding:7px 12px;font:10px Arial;letter-spacing:.2em;color:#8191a8;border-radius:3px;display:flex;justify-content:space-between}.delete-field span{font:8px Arial;background:#eaf1fd;color:#6488be;letter-spacing:0;padding:3px 8px}.demo-progress{display:flex;justify-content:space-between;align-items:center;color:#677e9d;font-size:10px}.demo-progress strong{font:600 29px Arial;color:var(--blue)}.static-progress{height:6px;background:#edf2fa;border-radius:6px;margin-block:13px 19px}.static-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#8bb8fd,#2c6be8);border-radius:6px}.transfer-file{display:flex;gap:9px;align-items:center;font-size:9px;color:#637fa5;padding-block:9px;border-top:1px solid #edf1f7}.transfer-file .file-type{width:19px;height:23px;font-size:9px}.transfer-file small{margin-left:auto;color:#7d9abf;font-size:8px}.transfer-buttons{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.transfer-buttons span{font-size:8px;border:1px solid #cad9ee;border-radius:3px;color:#6985ad;padding:4px 10px}.report-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#648c81;margin-bottom:17px}.report-check{display:grid;place-items:center;width:29px;height:29px;background:#eaf5ef;border-radius:50%;color:#3b9477;font:15px Arial}.report-columns{display:flex;align-items:end;gap:8px;height:66px;padding-bottom:7px;border-bottom:1px solid #dce6f2}.report-columns>div{flex:1;background:#90b8f6;height:70%;border-radius:3px 3px 0 0}.report-columns>div:nth-child(2){height:45%;background:#b8cfee}.report-columns>div:nth-child(3){height:20%;background:#d5e2f3}.report-columns>div:nth-child(4){height:4%;background:#e3eaf4}.report-legend{display:flex;justify-content:space-around;font-size:8px;color:#8499b5;margin-top:7px}.log-file{display:flex;align-items:center;gap:8px;border:1px solid #cdddf5;background:#f8fbff;border-radius:4px;padding:10px 12px;margin-top:17px;font:9px Arial;color:#6987b0}.log-file>span:last-child{margin-left:auto;color:var(--blue)}.actual-screen{margin-top:13px;border:1px solid #e0e7f1;border-radius:5px;background:#fff;overflow:hidden}.actual-screen summary{cursor:pointer;padding:11px 14px;font-size:10px;color:#6881a3;list-style:none;display:flex;justify-content:space-between;align-items:center}.actual-screen summary:after{content:"＋";color:#829dc4;font-size:15px}.actual-screen[open] summary:after{content:"−"}.actual-screen .fimg{border-top:1px solid #e5edf7;padding:12px}.fimg img{width:100%;border:1px solid #e5eaf1;border-radius:3px}.fimg figcaption{font-size:9px;color:#8293aa;padding-top:9px}
.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid #d6e1ee;border-radius:7px;scrollbar-color:#b3c9e9 #f0f4fa}table{width:100%;border-collapse:collapse;min-width:680px;font-size:12px;line-height:1.9}th,td{padding:21px 24px;border-right:1px solid #e1e8f3;border-bottom:1px solid #e1e8f3;text-align:left;vertical-align:top}tr>:last-child{border-right:0}thead th{background:#eaf0f8;color:#556e90;font-size:13px;font-weight:700}thead th.hl{background:var(--blue);color:#fff}tbody th{background:#fafdff;color:#5b7190;font-size:11px;width:20%}td{color:#76869e}td.hl{background:#f4f8ff;color:#355f9a}tr:last-child>*{border-bottom:0}.tbl-hint{display:none;font-size:10px;text-align:right;margin-bottom:9px;color:#7c91ac}.tbl-note{font-size:10px;color:#7e90a8;margin-top:16px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;counter-reset:flow}.flow>div{padding:24px 20px 22px;border:1px solid #dee7f3;border-radius:6px;position:relative}.flow>div:before{counter-increment:flow;content:"0" counter(flow);font:400 30px Arial;color:#b6cbea;display:block;margin-bottom:18px}.flow>div:not(:last-child):after{content:"›";position:absolute;right:-19px;top:50%;color:#a5bedf;font:25px Arial}.flow h3{font-size:16px;color:var(--navy);margin-bottom:13px}.flow p{font-size:11px;color:#788aa2}.flow-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-card{border:1px solid var(--line);border-radius:6px;background:#fff;padding:25px 28px}.spec-card h3{font-size:11px;color:var(--blue);margin-bottom:11px;letter-spacing:0}.spec-card p{font-size:13px;color:#566e8d}.spec-card small{display:block;font-size:10px;margin-top:7px;color:#8493a9}.caution{border-block:1px solid #dfe7f1;padding:12px 0}.caution ul{list-style:none}.caution li{font-size:12px;color:#6e7e94;border-bottom:1px dashed #e3e9f1;padding:17px 8px 17px 29px;position:relative}.caution li:last-child{border-bottom:0}.caution li:before{content:"!";position:absolute;top:21px;left:2px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #caa66d;border-radius:50%;color:#b38c4f;font:10px Arial}.faq details{border-bottom:1px solid #dce5f1}.faq summary{padding:23px 45px 23px 37px;position:relative;cursor:pointer;list-style:none;color:#3d587d;font-size:13px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";position:absolute;left:0;color:var(--blue);font:500 18px Arial;top:26px}.faq summary:after{content:"＋";position:absolute;right:3px;top:22px;color:#7494c2;font-size:18px}.faq details[open] summary:after{content:"−"}.faq .ans{padding:0 30px 25px 37px;font-size:12px;color:#71839b;position:relative}.faq .ans:before{content:"A";position:absolute;left:1px;top:4px;font:17px Arial;color:#839bbd}.cta{background:radial-gradient(ellipse at 85% 130%,#24518c,transparent 70%),#122c50;color:#fff;text-align:center;padding-block:66px}.cta h2{font-size:32px;font-weight:700}.cta p{font-size:13px;line-height:2;max-width:670px;margin:20px auto 28px;color:#b3c7e1}.cta .btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.cta .btn-outline-w{border-color:#6380a6;color:#e0ebfa}.cta .btn-pri{background:#3477f0}.cta .btn-white{color:#3468b1}footer{padding-block:45px 25px;font-size:11px;background:#fff;color:#7a8da7}.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;padding-bottom:30px}.ft .logo{font:600 23px Arial;color:#2e6efe;margin-bottom:16px}.ft p{font-size:10px}.ft .ft-h{font-size:11px;color:#415b7f;margin-bottom:15px;font-weight:700}.ft ul{list-style:none}.ft li{margin-top:8px;font-size:10px}.ft a:hover{color:var(--blue)}.copy{border-top:1px solid #e5ebf3;padding-top:22px;font:9px Arial;color:#9aa9bd}.totop{position:fixed;right:22px;bottom:22px;background:#fff;border:1px solid #ccdbee;box-shadow:0 4px 15px #254c8010;color:#5381bd;display:grid;place-items:center;width:41px;height:41px;z-index:40;border-radius:5px;opacity:0;visibility:hidden;transition:opacity .25s}.totop.show{opacity:1;visibility:visible}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.hero-visual[data-phase="3"] .folder-row>em{opacity:1}.hero-visual[data-phase="3"] .target-node{border-color:#79a6ea}.hero-visual[data-phase="1"] .source-node{box-shadow:0 0 0 3px #bdd6fc44}.hero-visual[data-phase="2"] .target-node{box-shadow:0 0 0 3px #bdd6fc44}.motion-reduced .flying-doc{animation:none;opacity:1;transform:translateX(20px) rotate(-8deg)}.motion-reduced .doc-xls{transform:translateX(58px) rotate(2deg);top:8px}.motion-reduced .doc-pdf{transform:translateX(96px) rotate(10deg);top:16px}
@keyframes document-transfer{0%,28%{opacity:0;transform:translate(-22px,18px) rotate(-8deg) scale(.8)}32%,37%{opacity:1;transform:translate(0,0) rotate(-7deg) scale(1)}61%,66%{opacity:1;transform:translate(var(--travel),-4px) rotate(5deg) scale(.94)}72%,100%{opacity:0;transform:translate(calc(var(--travel) + 20px),5px) rotate(5deg) scale(.65)}}
@media(min-width:1500px){.hero-in{gap:70px;padding-block:65px 70px}.hero h1{font-size:50px}.migration-scene{height:260px}.storage-node{top:24px}}
@media(max-width:1199px){.wrap{width:calc(100% - 64px)}.hero-in{gap:32px}.hero h1{font-size:39px}.hero .desc{font-size:13px}.hero .btn{font-size:12px;padding-inline:19px}.hero h1 br{display:block}.storage-title{font-size:9px}.storage-node{padding:12px 9px}.target-node .storage-title{font-size:13px}.folder-row{font-size:8px;gap:4px}.anav ul{gap:19px}.anav a{font-size:10px}.intro,.feature,.feature.rev{gap:40px}.pt{padding:23px}.pt h3{font-size:18px}.point-art{padding:15px 10px}.feature-illustration{padding:20px}.ftxt h3{font-size:24px}}
@media(max-width:960px){.hero-in{grid-template-columns:1fr 1fr;gap:25px;padding-block:45px}.hero h1{font-size:34px}.badge{font-size:9px;gap:5px;margin-bottom:22px}.hero-cta{gap:8px}.hero .btn{padding-inline:14px;font-size:11px;gap:10px;min-height:48px}.hero-note{font-size:9px}.storage-title{font-size:8px}.storage-node{width:30%;padding:11px 7px}.target-node .storage-title{font-size:12px}.folder-row{gap:3px;font-size:7px}.folder-icon{width:12px;height:9px}.migration-scene{height:223px}.flying-doc{width:70px;height:104px;padding:8px}.flying-doc strong{font-size:6px}.console-steps{padding-inline:12px;gap:4px}.console-steps li{font-size:8px}.console-steps b{margin-right:3px}.progress-heading{font-size:10px}.console-file{font-size:8px}.hero-bottom{font-size:10px}.hero-bottom>div{gap:15px}.anav ul{justify-content:flex-start;padding-inline:32px;gap:25px}.anav a{font-size:11px}.intro{grid-template-columns:1fr;gap:30px}.compare{max-width:570px;width:100%;margin-inline:auto}.cbox-body{padding:20px 22px}.cbox ul{font-size:11px}.points{gap:15px}.pt{padding:18px}.pt h3{font-size:17px}.pt>p{font-size:12px}.point-art{height:110px;padding:10px;gap:4px}.point-step{font-size:7px;width:33px;height:47px}.scan-art{gap:10px}.scan-sheet{width:55px}.scan-result{font-size:8px}.schedule-art{gap:10px}.clock-face{flex:none;width:40px;height:40px}.clock-face:before{left:17px;top:6px}.clock-face:after{left:17px;top:19px}.schedule-bars{font-size:6px}.schedule-bars>div{gap:5px}.feature,.feature.rev{gap:32px}.ftxt h3{font-size:22px}.ftxt>p{font-size:12px}.feature-illustration{padding:18px;min-height:260px}.diagram-body{padding:14px}.modes{gap:5px}.modes>div{padding:10px 8px}.mode-preview{gap:5px}.mode-option{padding:14px 5px}.mode-symbol{gap:4px}.mode-symbol .file-type{width:19px;height:26px}.scan-stats strong{font-size:15px}.flow{gap:16px}.flow>div{padding:22px 15px}.flow>div:not(:last-child):after{right:-13px}.flow h3{font-size:14px}.flow p{font-size:10px}.ft{gap:20px}}
@media(max-width:740px){:root{--hd-h:68px}.wrap{width:calc(100% - 40px)}.bc{font-size:9px;padding-block:11px}.hero-in{grid-template-columns:1fr;gap:34px;padding-block:32px 35px}.badge{font-size:10px;margin-bottom:21px}.product-name{font-size:22px;margin-bottom:12px}.hero h1{font-size:clamp(32px,7.8vw,44px);margin-bottom:17px;line-height:1.55}.hero .desc{font-size:13px;max-width:520px}.hero-cta{margin-top:23px;gap:9px}.hero .btn{font-size:12px;min-height:49px;padding-inline:19px;gap:15px}.hero-note{font-size:9px;margin-top:12px}.hero-visual{width:min(530px,100%);margin-inline:auto}.visual-toolbar{margin-bottom:8px}.migration-scene{height:220px}.storage-node{top:17px;width:29%;padding:12px 9px}.storage-label{font-size:7px}.storage-title{font-size:8px}.target-node .storage-title{font-size:12px}.folder-row{font-size:8px;gap:5px}.document-track{inset-inline:23%;top:46px}.flying-doc{width:73px;height:107px;padding:9px}.console-steps{padding:12px 15px 0}.console-steps li{font-size:9px}.console-steps b{font-size:8px;margin-right:4px}.console-content{padding:14px 16px}.progress-heading{font-size:11px}.console-file{font-size:9px}.visual-caption{font-size:8px;margin-top:10px}.hero-bottom{font-size:9px;align-items:start;padding-block:16px}.hero-bottom>div{gap:8px;flex-wrap:wrap;max-width:235px}.hero-bottom a{white-space:nowrap}.anav ul{padding-inline:20px;gap:25px}.anav a{font-size:10px;padding-block:16px}section{padding-block:59px}.sec-h{margin-bottom:30px}.sec-h .en{font-size:9px;margin-bottom:10px}.sec-h h2{font-size:26px}.sec-h p{font-size:12px;margin-top:13px}.intro{gap:27px}.intro h3{font-size:22px;margin-bottom:16px}.intro p{font-size:13px}.compare{gap:8px;grid-template-columns:1fr 18px 1fr}.cbox-body{padding:18px 13px}.cbox .n{font-size:16px}.cbox ul{font-size:9px}.mini-chrome{padding:9px;font-size:7px;gap:3px}.terminal-preview{font-size:8px}.points{grid-template-columns:1fr;gap:17px}.pt{padding:24px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:center}.pt .num{grid-column:1/-1;margin-bottom:16px}.point-art{grid-row:2/5;grid-column:2;height:140px;padding:12px 8px}.pt .key{margin-top:0;font-size:9px}.pt h3{font-size:18px;line-height:1.7;margin-bottom:10px}.pt>p{font-size:11px;grid-column:1/-1;margin-top:14px}.point-step{width:28px;height:43px;font-size:6px}.point-step b{font-size:8px;width:16px;height:16px}.point-art>i{font-size:9px}.scan-art{gap:8px}.scan-sheet{height:70px;width:48px;padding-inline:8px}.scan-result{font-size:7px}.scan-result b{font-size:10px}.schedule-art{gap:9px;flex-wrap:wrap}.schedule-bars{font-size:7px;width:100%}.schedule-bars>div{margin-block:5px}.clock-face{width:33px;height:33px}.clock-face:before{left:14px;top:4px;height:11px}.clock-face:after{left:14px;top:15px;width:9px}.stepbar{margin-bottom:30px}.stepbar>div{font-size:10px}.stepbar span{width:30px;height:30px;font-size:11px}.stepbar>div:not(:last-child):after{top:15px}.feature,.feature.rev{grid-template-columns:1fr;gap:23px;padding-top:36px;margin-top:36px}.feature.rev .ftxt,.feature.rev .feature-media{order:initial}.ftxt .tag{font-size:9px;margin-bottom:12px}.ftxt h3{font-size:23px;margin-bottom:15px}.ftxt>p{font-size:13px}.ftxt ul{margin-top:15px}.ftxt ul li{font-size:11px}.modes{gap:8px}.modes>div{padding:12px 10px}.modes small{font-size:9px}.feature-illustration{min-height:255px;padding:23px}.illustration-label{font-size:8px;margin-bottom:15px}.diagram-header{padding:10px 14px}.diagram-body{padding:16px}.diagram-caption{font-size:9px;margin-top:13px}.mode-preview{gap:8px}.mode-option{padding:15px 9px}.mode-symbol{gap:7px}.mode-symbol .file-type{width:22px}.actual-screen summary{font-size:10px;padding:11px 13px}.scan-stats strong{font-size:18px}.tbl-hint{display:block}th,td{padding:18px}table{font-size:11px}.flow{grid-template-columns:repeat(2,1fr);gap:15px}.flow>div{padding:22px 19px}.flow>div:before{font-size:27px;margin-bottom:15px}.flow>div:after{display:none}.flow h3{font-size:15px}.flow p{font-size:11px}.flow-btns{gap:9px;margin-top:24px}.flow-btns .btn{font-size:11px;padding-inline:15px;gap:10px;min-height:49px}.spec{grid-template-columns:1fr;gap:12px}.spec-card{padding:21px 23px}.spec-card p{font-size:12px}.caution li{font-size:11px;padding-block:14px}.caution li:before{top:18px}.faq summary{font-size:12px;padding:20px 28px 20px 30px}.faq summary:before{font-size:16px;top:24px}.faq summary:after{font-size:16px;top:19px}.faq .ans{font-size:11px;padding-left:30px;padding-right:12px}.faq .ans:before{font-size:15px}.cta{padding-block:50px}.cta h2{font-size:26px}.cta p{font-size:12px;margin:18px auto 24px}.cta .btns{flex-direction:column;max-width:360px;margin-inline:auto;gap:10px}.cta .btn{min-height:50px;font-size:12px}.ft{grid-template-columns:1fr 1fr;gap:27px 20px}.ft>:first-child{grid-column:1/-1}.ft .logo img{width:155px}.ft ul li{font-size:9px}.totop{right:15px;bottom:15px;width:37px;height:37px}.motion-reduced .flying-doc{transform:translateX(0) rotate(-8deg)}.motion-reduced .doc-xls{transform:translateX(30px) rotate(2deg)}.motion-reduced .doc-pdf{transform:translateX(60px) rotate(10deg)}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:31px}.hero .btn{font-size:11px;padding-inline:15px;gap:10px}.folder-row{font-size:7px}.storage-node{padding-inline:7px}.storage-title{font-size:7px}.target-node .storage-title{font-size:11px}.pt{padding:20px;column-gap:15px}.point-art{padding-inline:5px}.point-step{width:25px}.cbox-body{padding-inline:10px}.cbox ul{font-size:8px}.hero-bottom{font-size:8px}.hero-bottom>div{max-width:205px}.feature-illustration{padding:17px}.mode-option{padding-inline:5px}.mode-symbol{gap:4px}.scan-stats strong{font-size:16px}}
@media(max-width:740px){.hero .btn{font-size:11px;padding-inline:16px;gap:12px}.visual-toolbar>span{font-size:8px;letter-spacing:.12em;white-space:nowrap}.motion-toggle{white-space:nowrap;font-size:9px;padding-inline:8px;gap:5px}.migration-scene{height:235px}.storage-label{font-size:6px;letter-spacing:.07em;white-space:nowrap}.scan-result{font-size:6px;white-space:nowrap}.scan-result b{font-size:9px;white-space:nowrap}.point-art>i{display:none}}
@media(max-width:370px){.visual-toolbar>span{font-size:7px;letter-spacing:.05em}.motion-toggle{font-size:8px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flying-doc{opacity:1;transform:translateX(0) rotate(-8deg)}.doc-xls{transform:translateX(30px) rotate(2deg);top:8px}.doc-pdf{transform:translateX(60px) rotate(10deg);top:16px}}

/* Shared DirectCloud presentation: illustrated steps, blue accents, clear reading sizes. */
:root{--blue:#1266e8;--blue-d:#0754c3;--navy:#0b2041;--muted:#66758a}
section{padding-block:90px}
.sec-h{margin-bottom:44px}
.sec-h .en{display:inline-flex;align-items:center;justify-content:center;min-width:108px;border:1px solid #a5c3ff;background:#fff;border-radius:30px;padding:6px 18px;font:600 13px/1.3 Arial,sans-serif;letter-spacing:.035em;margin-bottom:19px}
.sec-h h2{font-size:38px;line-height:1.5}
.sec-h p{font-size:16px;line-height:1.9;color:var(--muted);max-width:940px;margin:20px auto 0}
.btn-pri{background:#ff114a}.btn-pri:hover{background:#df0d3f}.cta .btn-pri{background:#ff114a}
.btn{border-radius:8px}
.hero .desc{font-size:15px}
.hero-in{padding-block:61px 64px}
.hero-note{font-size:11px}
.hero-bottom{font-size:12px}
.anav a{font-size:13px;padding-block:20px}
.anav ul{gap:27px}
.intro h3{font-size:27px}
.intro p{font-size:15px;line-height:2}
.compare{grid-template-columns:1fr 24px 1fr;gap:12px}
.cbox{border-radius:13px}
.cbox-body{padding:24px 19px}
.cbox .t{font-size:12px}
.cbox .n{font-size:20px}
.cbox .n small{font-size:12px}
.cbox ul{font-size:12px;line-height:2}
.mini-chrome{font-size:9px}
.terminal-preview{font-size:10px;height:70px}
.gui-preview{height:70px}
.gui-preview i{font-size:13px}
#points{background:linear-gradient(180deg,#edf5ff,#f7fbff)}
.pt{padding:29px;border-color:#b8d0f3;border-radius:14px;box-shadow:0 4px 14px #224a7d06}
.pt .num{font:700 17px Arial;color:var(--blue);letter-spacing:.01em;margin-bottom:10px}
.point-picture{height:164px;background:transparent;border:0;border-radius:0;padding:0;margin-block:4px 10px}
.point-picture img{width:210px;height:158px;object-fit:contain}
.pt .key{font-size:12px;margin-top:16px}
.pt h3{font-size:23px;margin-bottom:15px}
.pt>p{font-size:14px;line-height:1.95}
.visual-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:0;margin:0}
.visual-step{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #b6cef2;border-radius:17px;padding:25px 23px 23px;text-align:center;min-width:0;box-shadow:0 4px 10px #183f7607;transition:transform .2s,box-shadow .2s}
.visual-step:hover{transform:translateY(-3px);box-shadow:0 10px 24px #163d7710}
.visual-step-number{font:700 18px/1.4 Arial;color:var(--blue);display:block;margin-bottom:10px}
.visual-step-image{width:100%;height:138px;display:flex;align-items:center;justify-content:center;margin:0 0 15px}
.visual-step-image img{width:184px;height:138px;object-fit:contain}
.visual-step h3{font-size:23px;color:var(--navy);line-height:1.55;letter-spacing:-.02em;margin-bottom:12px}
.visual-step h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.visual-step>p{font-size:14px;line-height:1.85;color:#65768e;margin:0 0 19px;flex:1}
.visual-step:after{content:"";position:absolute;right:-25px;top:48%;width:11px;height:11px;border-right:3px solid #91b1df;border-top:3px solid #91b1df;transform:rotate(45deg)}
.visual-step:last-child:after{display:none}
.step-detail{border-top:1px solid #e1eaf7;padding-top:13px;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;font-size:12px;font-weight:500;color:var(--blue)}
.step-detail:hover{text-decoration:underline;text-underline-offset:4px}
.step-detail span{font:17px Arial}
.visual-step.final{background:linear-gradient(150deg,#1769e6,#0751ba);border-color:#1260d5}
.visual-step.final .visual-step-number,.visual-step.final h3,.visual-step.final .step-detail{color:#fff}
.visual-step.final>p{color:#d9e8ff}
.visual-step.final .step-detail{border-color:#ffffff33}
.migration-flow .final .visual-step-image{border-radius:90px;background:#fff;width:146px;height:138px}
.migration-flow .final .visual-step-image img{width:166px;height:125px}
#features>.wrap>.migration-flow{margin-bottom:67px}
.feature,.feature.rev{margin-top:55px;padding-top:55px;align-items:center}
.migration-flow+.feature{border-top:0;margin-top:0;padding-top:0}
.ftxt .tag{font-size:12px;background:#edf4ff;border-radius:5px;padding:5px 12px;margin-bottom:17px;font-weight:700}
.ftxt h3{font-size:28px;line-height:1.6;margin-bottom:22px}
.ftxt>p{font-size:15px;line-height:2}
.ftxt ul li{font-size:14px;line-height:1.85;padding-left:24px}
.rule{font-size:13px;line-height:1.95;padding:16px 18px}
.rule b{font-size:14px}
.modes{gap:9px}
.modes>div{padding:15px 12px;border-radius:7px}
.modes b{font-size:14px}
.modes small{font-size:12px;line-height:1.9}
.note{font-size:12px!important}
.feature-illustration{padding:28px;border-radius:13px;min-height:310px}
.illustration-label{font-size:10px;margin-bottom:22px}
.diagram-header{font-size:12px;padding:14px 17px}
.diagram-header small{font-size:9px}
.diagram-body{padding:20px}
.field-label{font-size:11px;margin-bottom:8px}
.path-field{font-size:12px;padding:12px 11px}
.path-field b{font-size:10px}
.diagram-caption{font-size:12px;margin-top:19px;line-height:1.8}
.mode-option>span{font-size:13px}
.mode-example{font-size:12px}
.week-grid{font-size:10px;gap:5px}
.week-grid>*{height:20px}
.week-grid .day{font-size:10px}
.chart-key{font-size:10px;gap:17px;margin-top:18px}
.scan-stats strong{font-size:22px}
.scan-stats small{font-size:10px}
.scan-notice{font-size:11px;line-height:1.8}
.delete-field{font-size:12px;padding-block:10px}
.delete-field span{font-size:10px}
.demo-progress{font-size:12px}
.demo-progress strong{font-size:33px}
.transfer-file{font-size:11px;padding-block:11px}
.transfer-file small{font-size:10px}
.transfer-buttons span{font-size:10px}
.report-top{font-size:12px}
.report-legend{font-size:10px}
.log-file{font-size:11px}
.actual-screen{border-radius:7px;margin-top:14px}
.actual-screen summary{font-size:12px;padding:13px 16px}
.fimg figcaption{font-size:11px}
.start-section{background:linear-gradient(180deg,#f0f8ff,#f8fcff)}
.start-flow .visual-step{padding:24px 22px}
.start-flow .visual-step-image{margin-bottom:16px}
.start-flow .visual-step-image img{width:100px;height:100px}
.start-flow .visual-step:nth-child(3) .visual-step-image img{width:174px;height:131px}
.start-flow .final .visual-step-image{width:121px;height:121px;border-radius:50%;background:#fff;margin-block:8px 25px}
.start-flow .final .visual-step-image img{width:94px;height:94px}
.start-flow .visual-step h3{font-size:21px}
.start-flow .visual-step>p{text-align:left;font-size:14px}
.start-flow .step-detail{font-size:11px;gap:10px}
.preflight{display:grid;grid-template-columns:.84fr 1.16fr;gap:0;border:1px solid #d0e0f4;border-radius:15px;overflow:hidden;background:#fff;margin-top:45px}
.preflight>figure{min-width:0;min-height:320px;background:#e9f1fa}
.preflight>figure img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.preflight-content{padding:35px 42px}
.preflight-label{font:600 11px Arial;letter-spacing:.12em;color:var(--blue);display:block;margin-bottom:13px}
.preflight h3{font-size:26px;line-height:1.65;margin-bottom:18px;color:var(--navy)}
.preflight h3 br{display:none}
.preflight ul{list-style:none;font-size:14px;color:#60728b;line-height:2.1}
.preflight li{padding-left:24px;position:relative}
.preflight li:before{content:"✓";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:#e5f0ff;color:var(--blue);display:grid;place-items:center;font:11px Arial}
.preflight-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;color:var(--blue);margin-top:20px;font-weight:700}
.preflight-link span{font:17px Arial}
.flow-btns{margin-top:33px}
table{font-size:14px}thead th{font-size:15px}tbody th{font-size:13px}
.tbl-note,.tbl-hint{font-size:12px}
.spec-card{border-radius:11px;padding:28px 30px}
.spec-card h3{font-size:14px}
.spec-card p{font-size:15px}
.spec-card small{font-size:12px}
.caution li{font-size:14px;line-height:1.95}
.faq details{background:#fff;border:1px solid #d9e4f1;border-radius:11px;margin-bottom:14px}
.faq summary{font-size:16px;padding:24px 55px 24px 61px;font-weight:700}
.faq summary:before{left:23px;top:27px}
.faq summary:after{right:22px;top:21px}
.faq .ans{font-size:14px;padding:0 30px 26px 61px;line-height:2}
.faq .ans:before{left:25px}
.cta h2{font-size:36px}.cta p{font-size:15px}

@media(max-width:1199px){
 .visual-flow{gap:28px}.visual-step{padding:23px 18px}.visual-step:after{right:-21px;width:9px;height:9px}
 .visual-step h3{font-size:21px}.visual-step>p{font-size:13px}.start-flow .visual-step{padding-inline:17px}.start-flow .visual-step h3{font-size:19px}.start-flow .visual-step>p{font-size:13px}
 .ftxt h3{font-size:25px}.ftxt>p{font-size:14px}.ftxt ul li{font-size:13px}
 .anav ul{gap:22px}.anav a{font-size:12px}.intro h3{font-size:25px}
 .cbox ul{font-size:11px}.point-picture img{width:190px;height:143px}.pt h3{font-size:21px}
 .feature-illustration{padding:23px}.path-field{font-size:11px}.chart-key{font-size:9px;gap:12px}.scan-stats strong{font-size:19px}.log-file{font-size:10px}
}
@media(max-width:1100px){
 .visual-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 35px;max-width:820px;margin-inline:auto}
 .visual-step:nth-child(2):after{display:none}.visual-step h3{font-size:23px}.visual-step>p{font-size:14px}.visual-step{padding-inline:26px}
 .intro,.feature,.feature.rev{grid-template-columns:1fr;gap:30px}.feature.rev .ftxt,.feature.rev .feature-media{order:initial}
 .feature-media{width:100%;max-width:760px;margin-inline:auto}.feature-illustration{padding:30px}.feature{margin-top:45px;padding-top:45px}
 .ftxt h3{font-size:27px}.ftxt>p{font-size:15px}.ftxt ul li{font-size:14px}.modes small{font-size:13px}
 .diagram-body{padding:24px}.diagram-header{font-size:13px}.diagram-header small{font-size:11px}.path-field{font-size:13px}.path-field b{font-size:11px}
 .feature-illustration .diagram-panel{max-width:610px;width:100%;margin-inline:auto}.week-grid .day{font-size:11px}.chart-key{font-size:11px}.scan-stats strong{font-size:24px}.scan-notice{font-size:12px}
 .log-file{font-size:12px}.report-legend{font-size:11px}.mode-option>span{font-size:14px}.feature-illustration{min-height:310px}
 .start-flow .visual-step h3{font-size:23px}.start-flow .visual-step>p{font-size:14px;max-width:290px}.start-flow .step-detail{font-size:12px}
 .preflight-content{padding:30px}.preflight h3{font-size:24px}.preflight ul{font-size:13px}.preflight>figure{min-height:340px}
 .intro p{font-size:15px}.compare{max-width:680px}.cbox ul{font-size:12px}
}
@media(max-width:900px){
 .points{grid-template-columns:1fr;gap:22px}.pt{display:grid;grid-template-columns:1fr 190px;column-gap:30px;padding:30px;align-items:center}
 .pt .num{grid-column:1;margin-bottom:8px}.pt .point-picture{grid-column:2;grid-row:1/5;margin:0;height:160px}.point-picture img{width:200px;height:150px}
 .pt .key{grid-column:1;margin:0 0 5px}.pt h3{font-size:24px}.pt>p{grid-column:1;font-size:14px;margin:0}
 .sec-h h2{font-size:34px}.sec-h p{font-size:15px}.preflight{grid-template-columns:.8fr 1.2fr}.preflight h3{font-size:23px}.preflight-content{padding:28px}
}
@media(max-width:740px){
 section{padding-block:65px}.sec-h{margin-bottom:31px}.sec-h .en{font-size:11px;padding:5px 15px;margin-bottom:16px;min-width:95px}.sec-h h2{font-size:28px;line-height:1.6}.sec-h p{font-size:14px;line-height:1.9;margin-top:17px}
 .hero-in{padding-block:35px 37px}.hero .desc{font-size:13px}.hero-note{font-size:10px}.hero-bottom{font-size:9px}
 .anav a{font-size:12px;padding-block:17px}.anav ul{gap:25px}
 .intro h3{font-size:24px}.intro p{font-size:14px;line-height:2}.compare{gap:8px;grid-template-columns:1fr 18px 1fr}.cbox-body{padding:20px 12px}.cbox .t{font-size:10px}.cbox .n{font-size:16px}.cbox .n small{font-size:10px}.cbox ul{font-size:9px}.mini-chrome{font-size:7px}.terminal-preview{font-size:8px}
 .points{gap:18px}.pt{padding:25px;grid-template-columns:1fr 110px;column-gap:15px}.pt .num{font-size:14px}.pt .point-picture{height:115px}.point-picture img{width:145px;height:109px;max-width:none}.pt .key{font-size:11px}.pt h3{font-size:20px;line-height:1.65;margin-bottom:0}.pt>p{font-size:13px;grid-column:1/-1;margin-top:17px}.pt .point-picture{grid-row:1/4}
 .visual-flow{grid-template-columns:1fr;gap:23px;max-width:520px}
 .visual-step,.start-flow .visual-step{display:grid;grid-template-columns:108px 1fr;grid-template-rows:auto auto auto;gap:0 18px;text-align:left;padding:21px 20px;border-radius:13px;align-items:center}
 .visual-step-number{grid-column:2;grid-row:1;font-size:13px;margin:0 0 4px}
 .visual-step-image,.start-flow .visual-step-image{grid-column:1;grid-row:1/4;width:108px;height:100px;margin:0;align-self:center}
 .visual-step-image img{width:128px;height:96px;max-width:none}
 .visual-step h3,.start-flow .visual-step h3{grid-column:2;grid-row:2;font-size:23px;margin:0 0 6px}
 .visual-step>p,.start-flow .visual-step>p{grid-column:2;grid-row:3;font-size:12px;line-height:1.85;margin:0;max-width:none}
 .step-detail,.start-flow .step-detail{grid-column:2;grid-row:4;justify-content:flex-start;padding-top:8px;margin-top:11px;font-size:11px;gap:14px}
 .visual-step:after,.visual-step:nth-child(2):after{display:block;right:auto;left:50%;top:auto;bottom:-16px;width:8px;height:8px;border-width:2px;transform:translateX(-50%) rotate(135deg)}
 .visual-step:last-child:after{display:none}
 .migration-flow .final .visual-step-image{width:103px;height:103px;margin:0}.migration-flow .final .visual-step-image img{width:119px;height:89px}
 .start-flow .visual-step-image img{width:76px;height:83px}.start-flow .visual-step:nth-child(3) .visual-step-image img{width:126px;height:95px}
 .start-flow .final .visual-step-image{width:103px;height:103px;margin:0}.start-flow .final .visual-step-image img{width:77px;height:77px}
 #features>.wrap>.migration-flow{margin-bottom:40px}
 .feature,.feature.rev{gap:24px;margin-top:38px;padding-top:38px}.migration-flow+.feature{margin-top:0;padding-top:0}
 .ftxt .tag{font-size:11px;padding:4px 10px;margin-bottom:14px}.ftxt h3{font-size:24px;margin-bottom:17px}.ftxt>p{font-size:14px;line-height:2}.ftxt ul li{font-size:13px}
 .rule{font-size:12px;padding:14px}.rule b{font-size:13px}.modes{grid-template-columns:1fr;gap:9px}.modes>div{padding:13px 16px}.modes b{font-size:14px;margin-bottom:3px}.modes small{font-size:12px}.note{font-size:11px!important}
 .feature-illustration{padding:20px;min-height:280px}.illustration-label{font-size:9px;margin-bottom:18px}.diagram-header{font-size:11px;padding:12px 13px}.diagram-header small{font-size:8px}.diagram-body{padding:15px}.field-label{font-size:10px}.path-field{font-size:10px;padding:10px 8px;gap:6px}.path-field b{font-size:9px}.diagram-caption{font-size:11px;margin-top:16px}
 .mode-option{padding-inline:7px}.mode-option>span{font-size:11px}.mode-example{font-size:11px}.week-grid{gap:4px;grid-template-columns:25px repeat(6,1fr);font-size:8px}.week-grid .day{font-size:9px}.week-grid>*{height:18px}.chart-key{font-size:8px;gap:10px}.chart-key i{width:6px;height:6px}.scan-stats strong{font-size:17px}.scan-stats small{font-size:9px}.scan-notice{font-size:10px}.delete-field{font-size:11px}.delete-field span{font-size:9px}.transfer-file{font-size:10px}.transfer-file small{font-size:9px}.report-top{font-size:11px}.report-legend{font-size:8px}.log-file{font-size:9px;gap:5px}
 .actual-screen summary{font-size:12px;padding:12px 14px}.fimg figcaption{font-size:10px}
 .preflight{grid-template-columns:1fr;margin-top:33px;border-radius:12px}.preflight>figure{min-height:0;height:190px}.preflight>figure img{object-position:50% 38%}.preflight-content{padding:27px 24px}.preflight-label{font-size:10px}.preflight h3{font-size:23px}.preflight h3 br{display:block}.preflight ul{font-size:12px;line-height:2}.preflight-link{font-size:12px;gap:15px}.preflight li:before{top:5px}
 .flow-btns{gap:10px}.flow-btns .btn{font-size:12px;min-height:50px;padding-inline:17px}
 table{font-size:12px}thead th{font-size:13px}tbody th{font-size:12px}.tbl-note,.tbl-hint{font-size:11px}
 .spec-card{padding:24px}.spec-card h3{font-size:13px}.spec-card p{font-size:14px}.spec-card small{font-size:11px}.caution li{font-size:12px;line-height:1.95}
 .faq summary{font-size:14px;padding:21px 35px 21px 43px}.faq summary:before{font-size:17px;left:16px;top:26px}.faq summary:after{right:13px;top:21px;font-size:15px}.faq .ans{font-size:13px;padding:0 18px 24px 43px}.faq .ans:before{left:18px;font-size:15px}
 .cta h2{font-size:29px}.cta p{font-size:13px}
}
@media(max-width:370px){
 .sec-h h2{font-size:25px}.sec-h p{font-size:13px}.pt{padding:22px;grid-template-columns:1fr 90px;gap:0 10px}.pt h3{font-size:18px}.pt .point-picture{width:90px}.point-picture img{width:120px;height:90px}
 .visual-step,.start-flow .visual-step{grid-template-columns:86px 1fr;padding:19px 16px;column-gap:15px}.visual-step-image,.start-flow .visual-step-image{width:86px;height:91px}.visual-step-image img{width:111px;height:83px}.visual-step h3,.start-flow .visual-step h3{font-size:20px}.visual-step-number{font-size:12px}.visual-step>p,.start-flow .visual-step>p{font-size:11px}.migration-flow .final .visual-step-image,.start-flow .final .visual-step-image{width:85px;height:85px}.migration-flow .final .visual-step-image img{width:101px;height:76px}.start-flow .final .visual-step-image img{width:66px;height:66px}.step-detail,.start-flow .step-detail{font-size:10px;gap:9px}
 .start-flow .visual-step:nth-child(3) .visual-step-image img{width:110px;height:83px}.feature-illustration{padding:16px}.scan-stats strong{font-size:15px}.chart-key{font-size:7px;gap:9px}.diagram-header small{font-size:7px}.path-field{font-size:9px}.path-field b{font-size:8px}.preflight-content{padding:24px 20px}.preflight h3{font-size:22px}.preflight ul{font-size:11px}.intro h3{font-size:22px}.cbox ul{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.visual-step:hover{transform:none}}

:root{--navy:#09264d;--text:#273c57;--muted:#465c78;--line:#d5dfed;--card-line:#b8cbed}
body{font-family:"Noto Sans JP",Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:500;color:var(--text)}
h1,h2,h3,h4{font-weight:800}p,li{color:inherit}.sec-h h2{font-weight:800}.sec-h p,.intro p,.ftxt>p{color:#455b76}
.sec-h .en{border:1.5px solid #598cec;font-weight:700}




/* Original blue banner with product and document captures. */
.hero{color:#fff;background:linear-gradient(120deg,#062a63 0%,#0a4fb0 55%,#1d7fe8 100%)}
.hero:before{display:block}.hero:after{display:none}
.hero-in{grid-template-columns:.95fr 1.05fr;gap:48px;padding-block:68px 74px}
.hero h1{color:#fff;font-size:46px;font-weight:800;line-height:1.6;letter-spacing:-.045em}
.hero h1 em{color:#9bddff}.hero .desc{color:#e5efff;font-size:15px;font-weight:500;line-height:2.15}
.product-name{color:#fff;font-size:27px;font-weight:700}.product-name span{color:#d9e9ff;border-color:#8bb6f0;font-weight:700}
.hero .badge{color:#d8e8ff;font-size:12px}.hero .badge b{color:#fff;background:#176ce5;border-color:#70a7ff}
.hero .hero-note{color:#c7dcf7;font-size:11px;opacity:1}
.hero .btn{border-radius:999px;font-weight:700}.hero .btn-ghost{color:#fff;border:1.5px solid #afcef4;background:#ffffff0a}.hero .btn-ghost:hover{background:#ffffff1a}
.visual-toolbar{justify-content:flex-end;margin-bottom:11px;min-height:32px}
.motion-toggle{background:#0b3970;border:1px solid #78a6e3;color:#eaf3ff;border-radius:999px;font-weight:700;padding:7px 13px;white-space:nowrap}
.motion-toggle:disabled{opacity:.85;cursor:default}
.migration-scene{height:223px}
.storage-node{top:6px;border:2px solid #a7c3e7;background:#fff;border-radius:11px;padding:16px 12px;box-shadow:0 13px 30px #00133140}
.storage-title{font-size:11px;color:#173d6d;font-weight:800}
.source-node .server-symbol{margin-top:13px;margin-bottom:13px}.server-symbol>i{border-color:#a1b6cf;background:linear-gradient(#e4edf8,#cbdbee)}
.server-symbol>i:before{background:#8ba5c6;box-shadow:0 5px #8ba5c6}.server-symbol>i:after{background:#149d86}
.target-node{border:2px solid #76b8ff;background:#f7fbff}.target-node .storage-title{font-size:18px;font-weight:700;margin-bottom:12px}
.migration-scene .cloud-symbol{width:32px;height:24px;margin-bottom:9px;stroke-width:2}
.folder-row{font-size:10px;color:#294f7f;font-weight:700;border-color:#cbd9ec;padding-top:7px;margin-top:7px}
.folder-icon{background:#508feb}.target-node .folder-row{background:#e5efff;padding:8px 6px}.folder-row>em{color:#087e69;font-weight:700;opacity:.1}
.route{top:104px;height:35px;border-top:2px dashed #92c2ff;left:23%;right:22%}
.route:after{border-left-color:#b7dcff;top:-6px;border-width:5px;border-left-width:9px}
.document-track{top:28px;inset-inline:23%;height:174px}
.flying-doc{width:130px;height:166px;padding:0;border:2px solid #d0e1f5;border-radius:7px;background:#fff;box-shadow:0 15px 24px #0015335e;overflow:hidden}
.flying-doc:after{display:none}.flying-doc.doc-xls{top:8px}.flying-doc.doc-pdf{top:16px}
.document-format{height:26px;padding:5px 9px;display:block;color:#fff;background:#176ad4;font:800 10px/16px Arial;letter-spacing:.04em}
.doc-ppt .document-format{background:#d45227}.doc-pdf .document-format{background:#c63131}
.flying-doc img{width:100%;height:calc(100% - 26px);max-width:none;object-fit:cover;object-position:50% 49%}
.doc-pdf img{object-position:68% 49%}.doc-ppt img{object-position:57% 50%}
.hero-product{position:relative;z-index:3;padding:9px;background:#fff;border:2px solid #b5d2f8;border-radius:12px;box-shadow:0 20px 50px #00163573}
.hero-product img{width:100%;height:auto;border-radius:5px}
.hero-visual[data-phase="1"] .source-node{box-shadow:0 0 0 3px #96c7ff77,0 13px 30px #00133140}
.hero-visual[data-phase="2"] .target-node{box-shadow:0 0 0 3px #96c7ff77,0 13px 30px #00133140}
.hero-visual[data-phase="3"] .target-node{border-color:#7de0c9}
.motion-reduced .flying-doc{transform:translateX(0) rotate(-8deg)}.motion-reduced .doc-xls{transform:translateX(48px) rotate(0)}.motion-reduced .doc-pdf{transform:translateX(96px) rotate(8deg)}

/* Clear card edges and consistent illustration sizes. */
.pt{border:2px solid var(--card-line);box-shadow:0 5px 16px #173e7210}.pt .num{font-size:18px;font-weight:800}.pt .key{font-size:13px;font-weight:800}.pt h3{font-size:23px;font-weight:800}.pt>p{font-size:14px;color:#405572;font-weight:500}
.point-picture{height:128px}.point-picture img{width:160px;height:120px}
.visual-step{border:2px solid var(--card-line);box-shadow:0 5px 14px #183f7610;padding:26px 22px 24px}
.visual-step-number{font-size:19px;font-weight:800}.visual-step h3{font-weight:800}.visual-step>p{color:#435976;font-weight:500}
.visual-step:after{border-color:#5d85bf;border-width:3px}
.visual-step.final{border:2px solid #0647a7;background:linear-gradient(145deg,#0e64df,#084cb0);box-shadow:0 8px 22px #0a4fae25}
.visual-step-image{height:152px;margin-bottom:17px}.visual-step-image img{width:192px;height:144px}
.migration-flow .final .visual-step-image{width:100%;height:152px;background:transparent;border-radius:0}
.migration-flow .final .visual-step-image img{width:192px;height:144px}
.start-flow .visual-step-image{height:60px;margin-bottom:14px}
.start-flow .visual-step-image img{width:44px;height:48px}
.start-flow .visual-step:nth-child(2) .visual-step-image img{width:36px;height:47px}
.start-flow .visual-step:nth-child(3) .visual-step-image img{width:66px;height:49.5px}
.start-flow .final .visual-step-image{width:100%;height:60px;background:transparent;border-radius:0;margin:0 0 14px}
.start-flow .final .visual-step-image img{width:48px;height:46px;filter:drop-shadow(0 0 1px #fff)}
.start-flow .final .visual-step-image{position:relative;isolation:isolate}
.start-flow .final .visual-step-image:before{content:"";position:absolute;z-index:-1;width:54px;height:50px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%}
.step-detail,.start-flow .step-detail{border:2px solid #1764cb;border-radius:999px;padding:11px 12px;margin-top:5px;min-height:43px;background:#eef5ff;gap:10px;color:#0b52b5;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.step-detail:hover{background:#1563d9;color:#fff;text-decoration:none}
.visual-step.final .step-detail{background:#fff;color:#0b52b5;border-color:#fff}
.visual-step.final .step-detail:hover{background:#daeaff;color:#07418f}
.preflight{border:2px solid var(--card-line)}.preflight-label{display:none}.preflight h3{font-weight:800}.preflight ul{color:#3a526f}
.preflight-link{border:1.5px solid #1764cb;border-radius:999px;background:#edf4ff;padding:9px 19px;min-height:42px;font-size:13px;color:#1055b3}
.preflight-link:hover{background:#1563d9;color:#fff}
.spec-card{border:2px solid var(--card-line)}.spec-card h3{font-weight:800}.spec-card p{color:#354e6c}.spec-card small{color:#576a82}
.ftxt h3{font-weight:800}.ftxt ul li{color:#334f73;font-weight:500}.ftxt .tag{background:#d9e8ff;color:#124f9e;font-weight:800}
.rule{border:1px solid #c4d4eb;background:#eaf1fb;color:#3c526e}.rule b{color:#153d70}.modes>div{border:1.5px solid var(--card-line);background:#f7faff}.modes b{font-weight:800}.modes small{color:#425670}

/* Full, unmodified product screenshots; clicking opens their original resolution. */
.product-capture{border:2px solid var(--card-line);border-radius:13px;background:#e9f1ff;padding:13px;box-shadow:0 10px 28px #183f761a;overflow:hidden}
.screenshot-open{position:relative;display:block;width:100%;border:0;padding:0;background:#fff;border-radius:6px;cursor:zoom-in;overflow:hidden;line-height:0;text-align:left}
.screenshot-open img{width:100%;height:auto;display:block}
.capture-zoom{position:absolute;right:10px;bottom:10px;width:28px;height:28px;padding:6px;background:#0f58bd;color:#fff;border-radius:50%;box-shadow:0 2px 9px #09284d44}
#product-preview{position:fixed;inset:0;margin:auto;width:min(1290px,calc(100% - 36px));max-width:none;max-height:90vh;padding:0;border:2px solid #8fb3e8;border-radius:12px;background:#fff;box-shadow:0 30px 90px #00132b80;overflow:hidden}
#product-preview::backdrop{background:#061832c9;backdrop-filter:blur(3px)}
.preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 18px;background:#e9f1ff;border-bottom:1px solid #b1c6e6;font:700 15px Arial;color:#19467e}
.preview-close{display:grid;place-items:center;background:#fff;border:1px solid #7d9cc8;border-radius:50%;width:34px;height:34px;color:#173b6c;font:24px Arial;cursor:pointer}
.preview-viewport{max-height:calc(90vh - 60px);overflow:auto;background:#eef3fa;overscroll-behavior:contain}
.preview-viewport img{width:auto;max-width:none;height:auto;display:block;margin-inline:auto}
body:has(#product-preview[open]){overflow:hidden}

/* Distinct CLI and GUI treatments, including the comparison table. */
.cbox{border-width:2px}.cbox.old{background:#e0e6ef;border-color:#b7c6dc}.cbox.old .mini-chrome{background:#52657e;color:#fff;border-bottom:0}.cbox.old .mini-chrome i{background:#c7d3e4}
.cbox.old .t{color:#455a76;font-weight:700}.cbox.old .n{color:#192e4a;font-weight:700}.cbox.old ul{color:#314866;font-weight:700}
.terminal-preview{background:#273d5d;color:#dbe7f6;border:1px solid #182b45}.terminal-preview b{color:#adcfff}
.cbox.new{background:#135dcb;border-color:#05459f;box-shadow:0 9px 25px #175cc42b}
.cbox.new .mini-chrome{background:#094596;color:#fff;border-bottom:1px solid #6d9ad9}.cbox.new .mini-chrome i{background:#acd0ff}
.cbox.new .t,.cbox.new .n,.cbox.new .n small,.cbox.new ul{color:#fff;font-weight:700}.cbox.new ul li:before{color:#a9e7ff}
.gui-preview i{background:#fff;border:1px solid #97bfff;color:#0750b4;font-weight:700}
.arrow{font-size:26px;font-weight:700;color:#376bab}
.tbl-wrap{border:2px solid var(--card-line);border-radius:10px;box-shadow:0 7px 22px #173e7210}
table{font-size:14px;line-height:1.9;min-width:740px}
th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px}
thead th{background:#435b7a;color:#fff;font-size:16px;font-weight:800;padding-block:24px}
thead th.hl{background:#0753bf;border-inline:2px solid #1764c9}
tbody th{background:#d8e3f2;color:#18375f;font-size:14px;font-weight:800}
td{background:#f4f6f9;color:#384e6a;font-weight:500}
td.hl{background:#dbe9ff;color:#113f83;font-weight:700;border-inline:2px solid var(--card-line)}
tbody tr:nth-child(even) td{background:#e9edf3}tbody tr:nth-child(even) td.hl{background:#ccdefa}
.tbl-note{color:#435a79;font-weight:500}

/* FAQ follows the Customer Success page's sticky title and grouped rows. */
#faq{background:#fff}
.faq-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:60px;align-items:start}
.faq-heading{text-align:left;position:sticky;top:110px;margin:0}
.faq-heading h2{font-size:32px;white-space:nowrap;letter-spacing:-.035em}
.faq-heading p{font-size:14px;line-height:2;margin-top:20px}
.faq__group{margin-bottom:54px}.faq__group:last-child{margin-bottom:0}
#faq .faq__group-title{display:flex;align-items:center;gap:13px;background:#e8f0ff;border:1px solid #9dbcf0;border-left:4px solid #1c67ed;border-radius:0 7px 7px 0;padding:20px 21px;margin:0 0 18px;color:#165cc7;font-size:23px;font-weight:800;line-height:1.6;letter-spacing:-.03em}
.faq-group-icon{width:23px;height:23px;flex:none}
#faq .faq details{border:0;border-bottom:1px solid #b9c9df;border-radius:0;background:transparent;margin:0;overflow:visible}
#faq .faq__group>details:last-child{border-bottom:0}
#faq .faq summary{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:start;gap:14px;padding:25px 4px;font-size:16px;font-weight:500;line-height:1.85;color:#354a65;position:relative}
#faq .faq summary:before,#faq .faq summary:after{content:none;display:none}
#faq .faq summary::-webkit-details-marker{display:none}#faq .faq summary::marker{content:""}
.faq__q,.faq__a-mark{font:500 22px/1.5 Arial;color:#1c67ed;display:block;width:30px;padding-top:3px}
.faq__toggle{display:block;position:relative;width:24px;height:24px;margin-top:4px}
.faq__toggle:before,.faq__toggle:after{content:"";position:absolute;top:50%;left:50%;width:13px;height:2px;background:#1c67ed;transform:translate(-50%,-50%)}
.faq__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__item[open] .faq__toggle:after{display:none}#faq .faq__item[open] summary{color:#185fd3}
.faq__a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:0 4px 27px;font-size:15px;line-height:2;color:#435774}
.faq__a-mark{color:#5e7fae}.faq__a-body{min-width:0}
.caution li{color:#3a506d}.cta p{color:#d0e0f5;font-weight:500}

@media(max-width:1199px){
 .hero-in{gap:35px;padding-block:58px 65px}.hero h1{font-size:39px}.hero .desc{font-size:14px}.hero .badge{font-size:10px}.hero .hero-note{font-size:10px}.storage-title{font-size:9px}.folder-row{font-size:9px}.target-node .storage-title{font-size:16px}
 .flying-doc{width:116px;height:153px}.document-track{top:30px}.document-format{height:25px;font-size:9px;padding-top:4px}.flying-doc img{height:calc(100% - 25px)}
 .visual-step{padding-inline:18px}.visual-step h3{font-size:22px}.start-flow .visual-step h3{font-size:19px}
 .faq-layout{grid-template-columns:235px minmax(0,1fr);gap:37px}.faq-heading h2{font-size:28px}#faq .faq__group-title{font-size:21px;padding-inline:18px}
 .pt h3{font-size:21px}.point-picture img{width:154px;height:116px}
}
@media(max-width:1100px){
 .product-capture{max-width:790px;margin-inline:auto}.feature-media{max-width:790px}.start-flow .visual-step h3{font-size:22px}
}
@media(max-width:960px){
 .hero-in{grid-template-columns:1fr;gap:40px;padding-block:46px 58px}.hero-copy{max-width:730px}.hero h1{font-size:43px}.hero h1 br{display:block}.hero .desc{font-size:15px}.hero .badge{font-size:11px}.hero .hero-note{font-size:11px}.hero .btn{font-size:14px;min-height:53px;padding-inline:24px}
 .hero-visual{width:min(650px,100%);margin-inline:auto}.migration-scene{height:224px}.storage-node{padding:15px 14px}.storage-title{font-size:12px}.target-node .storage-title{font-size:18px}.folder-row{font-size:10px}.flying-doc{width:130px;height:166px}
 .faq-layout{grid-template-columns:205px minmax(0,1fr);gap:28px}.faq-heading h2{font-size:25px}.faq-heading p{font-size:13px}#faq .faq__group-title{font-size:20px;padding:17px 16px;gap:10px}.faq-group-icon{width:22px;height:22px}
 #faq .faq summary{font-size:15px;gap:10px;grid-template-columns:26px minmax(0,1fr) 22px}.faq__a{grid-template-columns:26px minmax(0,1fr);gap:10px;font-size:14px}
 .pt h3{font-size:23px}.point-picture img{width:150px;height:113px}
}
@media(max-width:740px){
 
 .hero-in{padding-block:32px 44px;gap:31px}.hero h1{font-size:clamp(29px,7.8vw,42px);line-height:1.65;letter-spacing:-.05em;margin-bottom:19px}.product-name{font-size:23px}.hero .desc{font-size:13px;line-height:2.1}.hero .badge{font-size:9px}.hero .hero-note{font-size:9px;line-height:1.9}.hero .btn{font-size:11px;min-height:49px;padding-inline:16px;gap:12px}
 .hero-visual{width:100%}.visual-toolbar{margin-bottom:9px}.motion-toggle{font-size:9px;min-height:30px;padding:6px 10px}
 .migration-scene{height:204px}.storage-node{top:4px;width:29%;padding:12px 7px;border-width:1.5px;border-radius:8px}.storage-title{font-size:7px;letter-spacing:-.04em}.target-node .storage-title{font-size:12px;margin-bottom:9px}.source-node .server-symbol{margin-block:12px 13px}.server-symbol{gap:3px}.server-symbol>i{height:25px}
 .folder-row{font-size:8px;gap:4px;padding-top:7px;margin-top:7px}.folder-icon{width:11px;height:8px}.target-node .folder-row{padding:7px 4px;font-size:8px}.migration-scene .cloud-symbol{width:26px;height:20px;margin-bottom:8px}
 .route{top:90px;left:24%;right:23%}.document-track{top:24px;inset-inline:24%;height:153px}.flying-doc{width:96px;height:143px;border-width:1.5px;border-radius:5px}.document-format{height:23px;padding:3px 7px;font-size:8px;line-height:17px}.flying-doc img{height:calc(100% - 23px)}
 .hero-product{padding:5px;border-radius:8px;border-width:1.5px}.hero-product img{border-radius:3px}
 .motion-reduced .flying-doc{transform:translateX(-5px) rotate(-8deg)}.motion-reduced .doc-xls{transform:translateX(25px) rotate(0)}.motion-reduced .doc-pdf{transform:translateX(55px) rotate(8deg)}
 .pt{padding:25px 22px}.pt .num{font-size:15px}.pt .key{font-size:11px}.pt h3{font-size:20px}.pt>p{font-size:13px;line-height:2}.pt .point-picture{height:93px}.point-picture img{width:116px;height:87px}
 .visual-step,.start-flow .visual-step{padding:22px 18px;grid-template-columns:84px 1fr;column-gap:17px;border-width:2px}
 .visual-step-number{font-size:14px}.visual-step h3,.start-flow .visual-step h3{font-size:22px}.visual-step>p,.start-flow .visual-step>p{font-size:12px;color:#354e70}.visual-step.final>p{color:#e0edff}
 .visual-step-image,.start-flow .visual-step-image{width:100px;height:110px;margin:0}.visual-step-image img{width:137px;height:103px;max-width:none}
 .migration-flow .final .visual-step-image{width:100px;height:110px;background:none}.migration-flow .final .visual-step-image img{width:137px;height:103px}
 .start-flow .visual-step{grid-template-columns:44px 1fr;column-gap:16px}
 .start-flow .visual-step-image{width:44px;height:44px}.start-flow .visual-step-image img{width:34px;height:41px}.start-flow .visual-step:nth-child(2) .visual-step-image img{width:30px;height:40px}.start-flow .visual-step:nth-child(3) .visual-step-image img{width:50px;height:37.5px}
 .start-flow .final .visual-step-image{width:44px;height:44px;margin:0}.start-flow .final .visual-step-image img{width:37px;height:40px}.start-flow .final .visual-step-image:before{width:43px;height:41px}
 .step-detail,.start-flow .step-detail{font-size:11px;padding:9px 10px;justify-content:center;gap:8px;min-height:39px;margin-top:12px;border-width:2px}
 .step-detail span{font-size:14px}.visual-step:after,.visual-step:nth-child(2):after{border-width:3px}
 .preflight-content{padding:24px 22px}.preflight ul{font-size:12px}.preflight-link{font-size:11px;padding:9px 15px}
 .product-capture{padding:7px;border-radius:9px}.capture-zoom{width:26px;height:26px;padding:6px;right:8px;bottom:8px}
 .cbox .n{font-size:16px}.cbox ul{font-size:9px}.cbox .t,.cbox .n small{font-size:10px}.cbox-body{padding-inline:12px}.arrow{font-size:22px}
 table{font-size:12px}thead th{font-size:14px}tbody th{font-size:12px}th,td{padding:19px 17px}
 .faq-layout{grid-template-columns:1fr;gap:32px}.faq-heading{position:static}.faq-heading h2{font-size:28px}.faq-heading p{font-size:14px;line-height:1.9}.faq-heading p br{display:none}
 #faq .faq__group-title{font-size:20px;padding:17px 14px;margin-bottom:10px;gap:10px}
 #faq .faq summary{font-size:14px;font-weight:500;padding:23px 2px;grid-template-columns:24px minmax(0,1fr) 19px;gap:9px;line-height:1.9}
 .faq__q,.faq__a-mark{font-size:20px;width:24px}.faq__toggle{width:19px;height:21px;margin-top:3px}.faq__toggle:before,.faq__toggle:after{width:11px}
 .faq__a{grid-template-columns:24px minmax(0,1fr);gap:9px;font-size:13px;padding:0 2px 24px;line-height:2}.faq__group{margin-bottom:34px}
 #product-preview{width:calc(100% - 24px);max-height:92vh}.preview-header{padding:9px 13px}.preview-viewport{max-height:calc(92vh - 55px)}
 .spec-card p{font-size:14px}.spec-card small{color:#52657e}
}
@media(max-width:370px){
 .hero h1{font-size:28px}.hero .desc{font-size:12px}.hero .badge{font-size:8px}.hero .btn{font-size:10px;padding-inline:13px;gap:9px}.hero .hero-note{font-size:8px}.hero-in{gap:25px}
 .storage-title{font-size:6px}.target-node .storage-title{font-size:10px}.folder-row,.target-node .folder-row{font-size:7px}.storage-node{padding-inline:6px}.flying-doc{width:85px;height:130px}.document-track{top:27px}.migration-scene{height:196px}
 .pt{padding:23px 19px}.pt h3{font-size:18px}.point-picture img{width:104px;height:78px}
 .visual-step,.start-flow .visual-step{grid-template-columns:79px 1fr;column-gap:14px;padding:20px 15px}.visual-step-image,.start-flow .visual-step-image,.migration-flow .final .visual-step-image{width:79px;height:101px}.visual-step-image img,.migration-flow .final .visual-step-image img{width:112px;height:84px}.visual-step h3,.start-flow .visual-step h3{font-size:19px}.visual-step>p,.start-flow .visual-step>p{font-size:11px}.visual-step-number{font-size:12px}
 .start-flow .visual-step{grid-template-columns:40px 1fr;column-gap:12px}
 .start-flow .visual-step-image{width:40px;height:43px}.start-flow .visual-step-image img{width:31px;height:38px}.start-flow .visual-step:nth-child(2) .visual-step-image img{width:27.5px;height:37px}.start-flow .visual-step:nth-child(3) .visual-step-image img{width:47px;height:35.5px}.start-flow .final .visual-step-image{width:40px;height:43px}.start-flow .final .visual-step-image img{width:34px;height:37.5px}.start-flow .final .visual-step-image:before{width:40.5px;height:39px}
 .step-detail,.start-flow .step-detail{font-size:10px;gap:5px;padding-inline:7px;white-space:nowrap}.step-detail span{font-size:12px}
 .cbox ul{font-size:8px}.cbox .n{font-size:14px}.cbox .n small{font-size:9px}
 #faq .faq__group-title{font-size:18px;padding-inline:12px;gap:8px}.faq-group-icon{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.flying-doc{opacity:1;transform:translateX(-5px) rotate(-8deg)}.doc-xls{transform:translateX(25px) rotate(0)}.doc-pdf{transform:translateX(55px) rotate(8deg)}}

/* Compact numbered steps, matching the supplied reference. */
#features>.wrap>.simple-steps{--circle-size:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(1060px,100%);list-style:none;padding:0;margin:45px auto 62px}
.simple-step{position:relative;min-width:0;text-align:center}
.simple-step:not(:last-child):before,.simple-step:not(:last-child):after{content:"";position:absolute;top:calc(var(--circle-size) / 2 - 1.5px);left:50%;width:100%;height:3px;background:#b9d1f2;z-index:0;pointer-events:none}
.simple-step:not(:last-child):after{background:#0a5bc4;transform:scaleX(var(--line-progress,0));transform-origin:left}
.simple-step>a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:17px;padding:0 4px 5px;color:#102b4d;border-radius:8px}
.step-circle{display:grid;place-items:center;width:var(--circle-size);height:var(--circle-size);border-radius:50%;background:#0a5bc4;color:#fff;font:800 27px/1 Arial,sans-serif;transition:box-shadow .25s,transform .25s}
.step-label{font-size:21px;font-weight:800;white-space:nowrap;line-height:1.6;transition:color .25s}
.simple-step.is-current .step-circle{box-shadow:0 0 0 6px #e4efff;transform:translateY(-2px)}
.simple-step.is-current .step-label,.simple-step>a:hover .step-label{color:#0a5bc4}
.simple-step>a:hover .step-circle{box-shadow:0 0 0 5px #e4efff}
.simple-steps[data-motion="complete"] .simple-step:after{background:#b9d1f2}
.simple-steps+.feature{border-top:0;margin-top:0;padding-top:0}

/* A quiet blue box gives the usage notes a clear boundary. */
.caution{background:#eef5ff;border:2px solid var(--card-line);border-radius:14px;padding:15px 30px;box-shadow:0 4px 14px #183f7607}
.caution li{padding:17px 0 17px 28px;border-bottom:1px dashed #cbdcf3;color:#354f72;font-size:14px;line-height:1.95}
.caution li:last-child{border-bottom:0}
.caution li:before{top:22px;width:15px;height:15px;background:#e0ecff;border:1px solid #86a9da;color:#2663b4;font:700 10px Arial}

/* Every CTA uses the same pill shape and text-only treatment. */
.btn,.hero .btn,.step-detail,.start-flow .step-detail,.preflight-link{border-radius:999px;gap:0}
.btn:after,.hero .btn:after{content:none;display:none}

@media(max-width:900px){.pt .point-picture{height:124px}}
@media(max-width:740px){
 #features>.wrap>.simple-steps{--circle-size:44px;margin:32px auto 40px}
 .simple-step>a{gap:12px;padding-inline:1px}.step-circle{font-size:20px}.step-label{font-size:14px}
 .simple-step.is-current .step-circle{box-shadow:0 0 0 4px #e4efff}
 .pt .point-picture{height:93px}
 .caution{padding:8px 18px;border-radius:11px}.caution li{font-size:12px;padding:15px 0 15px 25px}.caution li:before{top:19px}
}
@media(max-width:370px){#features>.wrap>.simple-steps{--circle-size:39px}.step-circle{font-size:18px}.step-label{font-size:12px}.simple-step>a{gap:10px}.caution{padding-inline:15px}.caution li{font-size:11px}}
@media(prefers-reduced-motion:reduce){.step-circle,.step-label{transition:none}.simple-step.is-current .step-circle{box-shadow:none;transform:none}}

/* A single synchronized operation: NAS, live application UI, then DirectCloud. */
.hero{isolation:isolate;color:#f4f8ff;background:linear-gradient(180deg,#061d46 0%,#0a3472 42%,#0a347200 78%),radial-gradient(ellipse at 72% 72%,#409dff24,transparent 62%),linear-gradient(115deg,#062550 0%,#08428f 54%,#075bb0 100%);background-color:#061d46}
.hero:before{content:none}
.hero-network{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.14;mask-image:linear-gradient(transparent 12%,#0004 32%,#000 62%,#0008 100%);-webkit-mask-image:linear-gradient(transparent 12%,#0004 32%,#000 62%,#0008 100%)}



@media(max-width:740px){:root{--hd-h:78px}}
.hero>.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px;align-items:center;padding-block:40px 26px}
.hero .hero-copy{width:100%;max-width:1120px;min-width:0;text-align:center}
.hero .product-name{margin:0 0 8px;color:#fff;font:700 23px/1.4 Arial,sans-serif;letter-spacing:.01em}
.hero h1{margin:0;color:#fff;font-size:54px;font-weight:800;line-height:1.2;letter-spacing:-.045em;word-break:normal}
.hero h1>span,.hero h1>em{display:block}.hero h1 em{color:#e1eeff;font-style:normal}
.hero .desc{max-width:860px;margin:10px auto 0;color:#c9d9ed;font-size:16px;font-weight:500;line-height:1.9}.hero-desc-break{display:none}
.hero .hero-cta{justify-content:center;margin-top:14px;gap:14px}
.hero .btn{min-width:220px;min-height:54px;padding:11px 30px;font-size:18px;border-radius:999px;gap:0}
.hero .hero-note{margin:9px 0 0;color:#a8bfdd;font-size:11px;line-height:1.8}
.hero .hero-visual{position:relative;width:100%;max-width:none;min-width:0;margin:0 auto;isolation:isolate}
.hero-stage{position:relative;display:grid;grid-template-columns:20% 40% 20%;column-gap:10%;align-items:center;padding-block:12px 42px;isolation:isolate}
.hero-stage:before{content:"";position:absolute;z-index:-1;inset:0 0 -8%;background:radial-gradient(ellipse,#547eff14,transparent 70%);pointer-events:none}
.migration-endpoint{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.endpoint-art{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:130px;filter:drop-shadow(0 12px 14px #031d4660)}
.endpoint-art>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cloud-art{filter:drop-shadow(0 6px 7px #031d462b)}
.cloud-art>img:first-child{filter:brightness(1.10) contrast(.94)}
.cloud-art:after{content:none}
.cloud-art>.cloud-brand{position:absolute;z-index:2;left:50%;top:59%;width:35.2%;height:auto;aspect-ratio:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 1px #0a3e7933)}
.migration-endpoint>strong{position:absolute;top:calc(100% + 8px);left:-15%;display:block;width:130%;color:#bed1e9;font-size:15px;font-weight:500;line-height:1.7;white-space:nowrap}
.destination-result{position:absolute;top:calc(100% + 33px);left:-15%;width:130%;color:#9fb8d5;font-size:11px;line-height:1.8;opacity:0}
.hero-visual[data-phase="3"] .destination-result{opacity:1}
.hero .hero-product{position:relative;z-index:2;width:100%;margin:0;padding:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#1769df 0%,#65cfff 52%,#2774e5 100%) border-box #fff;border:2.5px solid #a9c9ef;border-radius:12px;box-shadow:0 24px 46px #021a4466,0 5px 10px #031c454d,0 0 26px #66a8ff21;min-width:0;overflow:hidden;transition:border-color .24s ease}
.hero-visual[data-phase="2"] .hero-product{border-color:transparent}
.hero .hero-product:after{content:none}
.demo-windowbar{position:relative;display:flex;align-items:center;gap:7px;height:29px;padding:0 10px;background:linear-gradient(#f9fbfe,#eaf0f8);border-bottom:1px solid #cbd5e3;color:#334864;text-align:left}
.demo-windowbar b{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.02em}
.demo-app-icon{position:relative;width:11px;height:13px;border:1.5px solid #3372c9;border-radius:2px;background:#fff;box-shadow:2px 2px 0 #d3e2f6}
.demo-app-icon:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:1px;background:#3372c9;box-shadow:0 3px 0 #3372c9}
.demo-window-controls{display:flex;align-items:center;gap:22px;margin-left:auto;padding-right:2px}
.demo-window-controls i{position:relative;display:block;width:8px;height:8px;color:#687d96}
.demo-window-controls i:first-child{border-bottom:1px solid currentColor;height:1px}
.demo-window-controls i:nth-child(2){border:1px solid currentColor}
.demo-window-controls i:last-child:before,.demo-window-controls i:last-child:after{content:"";position:absolute;left:4px;top:-1px;height:10px;width:1px;background:currentColor;transform:rotate(45deg)}
.demo-window-controls i:last-child:after{transform:rotate(-45deg)}
.demo-viewport{position:relative;width:100%;aspect-ratio:1200/650;overflow:hidden;background:#fff}
.demo-ui{position:absolute;top:0;left:0;width:1200px;height:650px;transform:scale(var(--demo-scale,1));transform-origin:top left;color:#101722;background:#fff;font:400 18px/1.6 "Noto Sans JP",Meiryo,"Yu Gothic",sans-serif;text-align:left}
.demo-ui h3,.demo-ui h4,.demo-ui p{color:inherit;letter-spacing:0;word-break:normal}
.demo-ui h3{font-size:32px;line-height:1.4;font-weight:700;margin:0}.demo-ui h4{font-size:19px;line-height:1.5;font-weight:600;margin:0 0 12px}
.demo-steps{display:flex;align-items:center;justify-content:center;gap:28px;height:78px;margin:0 22px;padding:0;list-style:none;border-bottom:2px solid #dce4ef;background:linear-gradient(#fff,#f7f9fd)}
.demo-step{display:flex;align-items:center;gap:11px;position:relative;min-width:135px;color:#7c8492;font-size:18px;line-height:1.5}
.demo-step:not(:last-child){padding-right:68px}
.demo-step:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:53px;height:2px;background:#e2e5ec}
.demo-step.is-complete:after{background:#4275c9}
.demo-step-number{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#f8f9fc;border:1px solid #e7e9ef;color:#8892a2;font:600 17px/1 Arial,sans-serif}
.demo-step-number b{font:inherit}.demo-step-number i{display:none;font-style:normal;font-size:23px;font-weight:400}
.demo-step.is-active{color:#151b27;font-weight:700}.demo-step.is-active .demo-step-number{background:#3269f5;border-color:#3269f5;color:#fff}
.demo-step.is-complete .demo-step-number{background:#edf5ff;border-color:#8cb3e9;color:#5087cc}.demo-step.is-complete .demo-step-number b{display:none}.demo-step.is-complete .demo-step-number i{display:block}
.demo-panel{height:572px;padding:34px 38px}.demo-panel[hidden]{display:none!important}
.demo-path{font-size:17px;line-height:1.65;color:#697381!important;margin:18px 0 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-settings{display:grid;grid-template-columns:265px minmax(0,1fr);gap:40px;padding:34px 20px}
.demo-settings-help h3{font-size:21px;line-height:1.5;margin:9px 0 12px}.demo-settings-help p{font-size:17px;color:#626d7c;line-height:1.65}
.demo-settings-fields{min-width:0}.demo-settings-fields h4>span{display:inline-grid;place-items:center;border:1px solid #7f8b9b;border-radius:50%;font:12px Arial;width:16px;height:16px;color:#7f8b9b;margin-left:5px}
.demo-source-field{display:flex;gap:17px;align-items:center;height:86px;border:1.5px solid #e1e4eb;background:#f7f8fc;border-radius:12px;padding:20px 30px;margin-bottom:25px;font:22px/1.5 Consolas,monospace}
.demo-settings.is-source-chosen .demo-source-field{border-color:#95b8f3;background:#f3f7ff}
.demo-folder{position:relative;display:inline-block;flex:none;width:19px;height:14px;margin:0 10px 0 0;border:1.5px solid #8291a5;border-radius:2px;vertical-align:middle}
.demo-folder:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:5px;border:1.5px solid #8291a5;border-bottom:0;border-radius:2px 2px 0 0;background:inherit}
.demo-folder-tree{height:226px;padding:9px 13px;border:1px solid #e1e4eb;border-radius:12px;overflow:hidden;position:relative}
.demo-folder-tree:after{content:"";position:absolute;top:16px;bottom:18px;right:5px;width:7px;border-radius:8px;background:#cbd0d6}
.demo-folder-tree>div{display:flex;align-items:center;gap:6px;height:42px;padding:0 8px;font-size:21px}.demo-folder-tree .tree-child{padding-left:38px}
.demo-settings.is-target-chosen .tree-selected{background:#e9f0ff;border-radius:4px}
.demo-new-folder{border:1px solid #e1e4eb;border-radius:9px;text-align:center;padding:5px;margin-top:10px;font-weight:600;font-size:19px}
.demo-selected-path{font-size:16px;color:#788394!important;margin-top:9px}.demo-selected-path span{color:#3975d5}
.demo-check{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#08af59;color:#fff;font:400 28px/1 Arial;margin-right:13px;vertical-align:middle}
.demo-scan h3{font-size:31px}.scan-ready{opacity:0}.demo-scan.is-ready .scan-ready{opacity:1}
.demo-scan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}
.demo-scan-stats>div,.demo-transfer-stats>div,.demo-report-stats>div{background:#f7f8fc;border:1px solid #e1e4eb;border-radius:11px;padding:21px}
.demo-scan-stats>div>span{display:block;color:#687487;font-size:22px;margin-bottom:3px}.demo-scan-stats b{font-size:31px;line-height:1.5}.demo-ui small{font-size:.65em;font-weight:400;margin-left:5px}
.demo-scan-rail{height:6px;background:#eff1f5;border-radius:6px;margin:23px 0}.demo-scan-rail i{display:block;height:100%;width:0;background:#3973f7;border-radius:6px}
.demo-confirm{border:1px solid #e2e5ea;border-radius:10px;padding:17px 22px;font-size:18px}.demo-confirm b{font-size:19px}.demo-confirm p{margin:5px 0 10px;color:#697381;font-size:17px}.demo-confirm>div{display:flex;gap:16px;font-size:17px;line-height:1.7}.demo-confirm>div span{color:#6b7888}.demo-confirm strong{font-weight:500}
.demo-ui-actions{display:flex;gap:13px;margin-top:22px;align-items:center}.demo-ui-actions>span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:9px 20px;border:1px solid #e1e4eb;border-radius:11px;background:#fff;color:#222b39;font-size:21px;font-weight:600;white-space:nowrap;line-height:1.4}
.demo-ui-actions .demo-ui-primary{background:#3269f5;border-color:#3269f5;color:#fff}.demo-ui-actions .demo-ui-danger{color:#b3181b;border-color:#ead6d7}
.demo-transfer{padding:34px 40px}.demo-transfer h3{font-size:45px;line-height:1.5;font-weight:800;margin:0 0 22px}
.demo-transfer-status{display:flex;align-items:center;gap:9px;font-size:18px;line-height:1.6;color:#718092!important;margin:0 0 24px}.demo-rate{margin-left:14px}
.demo-clock{position:relative;display:inline-block;width:19px;height:19px;border:1.5px solid #7e8a9b;border-radius:50%}.demo-clock:before{content:"";position:absolute;width:1.5px;height:5px;left:8px;top:3px;background:#7e8a9b}.demo-clock:after{content:"";position:absolute;width:5px;height:1.5px;left:8px;top:8px;background:#7e8a9b;transform:rotate(25deg);transform-origin:left}
.demo-transfer-path{display:flex;align-items:center;gap:18px;font-size:17px;margin:0 0 26px}.demo-transfer-path>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-transfer-path>span:first-child{flex:1.1}.demo-transfer-path>span:last-child{flex:1}.demo-transfer-path b{font-size:22px;font-weight:400;color:#9ba3ae}
.demo-progress{position:relative;height:35px;background:#f1f3f5;border-radius:6px;overflow:hidden}.demo-progress>i{display:block;width:0;height:100%;background:#3269f5}
.transfer-actions{margin-top:27px}.transfer-actions>span{font-size:17px;border-radius:999px;min-height:45px;padding:10px 18px;font-weight:500}
.demo-transfer-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:27px}.demo-transfer-stats>div{border-radius:5px;min-height:118px;padding:18px 23px}.demo-transfer-stats>div>span{display:block;color:#718093;font-size:20px;margin-bottom:5px}.demo-transfer-stats b{font-size:31px;font-weight:700;line-height:1.4}
.demo-report{padding:32px 36px}.demo-report h3{font-size:31px;line-height:1.4}.demo-report .demo-path{margin:18px 0 20px;line-height:1.7}
.report-actions{margin:0 0 23px}.report-actions>span{min-height:50px;font-size:21px;padding:10px 22px}
.report-actions svg{width:25px;height:25px;margin-right:8px}
.demo-report-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e2e5eb;border-radius:11px;padding:20px 25px;font-size:19px;margin-bottom:23px}.demo-report-meta>div{display:flex;gap:26px}.demo-report-meta b{color:#69778a;font-weight:600}.demo-report-meta span{font-family:Consolas,monospace}
.demo-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.demo-report-stats>div{min-height:151px;padding:18px 22px}.demo-report-stats>div>span{display:block;font-size:21px;color:#738094;margin-bottom:7px}.demo-report-stats b{display:block;font-size:31px;line-height:1.4}.demo-report-stats p{font-size:23px;line-height:1.5;margin-top:2px}.demo-report-stats em{font-size:17px;color:#7a8593;font-style:normal}
.demo-report-finish{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:12px 19px;background:#f0f9f4;border:1px solid #d5ebdc;border-radius:8px;color:#168447;font-size:18px}.demo-report-finish b{font-size:18px}
.migration-route{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}.migration-route-glow{stroke:#66bcff;stroke-width:13;stroke-linecap:round;filter:blur(5px);opacity:.12}.migration-route-base{stroke:url(#migration-connection);stroke-width:5;stroke-linecap:round;opacity:.75}.migration-route-light{stroke:#e3f4ff;stroke-width:3;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 6px #b3e2ff)}
.hero-visual[data-phase="2"] .migration-route-glow{opacity:.5}
.hero-visual[data-phase="2"] .migration-route-base{opacity:.8}
.migration-files{position:absolute;inset:0;z-index:1;pointer-events:none}
.migration-file{position:absolute;top:0;left:0;display:grid;place-items:center;width:72px;height:72px;border:1.5px solid #c2dfff;border-radius:50%;background:radial-gradient(circle at 34% 22%,#fff,#e1efff);box-shadow:0 5px 14px #031c454d,inset 0 1px 0 #fff;opacity:0;will-change:transform,opacity}
.migration-file>img{display:block;width:38px;height:53px;object-fit:contain;filter:drop-shadow(0 2px 2px #17375b2b)}
.motion-reduced .migration-file{opacity:0!important}
@media(max-width:1199px){.hero h1{font-size:46px}.hero .product-name{font-size:22px}.hero .desc{font-size:15px}.endpoint-art{height:110px}.migration-endpoint>strong{font-size:14px}.destination-result{font-size:11px}.migration-file{width:64px;height:64px}.migration-file>img{width:35px;height:48px}}
@media(max-width:960px){.hero>.hero-in{padding-block:36px 24px;gap:30px}.hero h1{font-size:42px}.hero .desc{max-width:680px;font-size:14px}.hero-stage{padding-block:12px 42px}.hero .hero-product{padding:0;border-radius:10px}.endpoint-art{height:85px}.migration-endpoint>strong{font-size:13px}.destination-result{font-size:11px}.migration-file{width:56px;height:56px}.migration-file>img{width:31px;height:43px}}
@media(max-width:740px){
 .hero>.hero-in{gap:30px;padding-block:34px 24px}.hero .product-name{font-size:20px;margin-bottom:10px}.hero h1{font-size:clamp(29px,7.9vw,40px);line-height:1.4}.hero h1>span,.hero h1>em{display:block}.hero .desc{margin-top:12px;font-size:13px;line-height:1.95}.hero-desc-break{display:block}.hero .hero-cta{margin-top:18px;gap:10px}.hero .btn{min-width:0;font-size:15px;min-height:54px;padding:14px 19px}.hero .hero-note{margin-top:9px;font-size:10px}
 .hero-stage{grid-template-columns:1fr;gap:44px;padding:0 0 24px}.migration-source{grid-column:1;grid-row:1;flex-direction:column-reverse}.migration-destination{grid-column:1;grid-row:3}.migration-endpoint{width:160px;justify-self:center;gap:8px}.endpoint-art{height:88px}.endpoint-art>img{width:160px;height:auto}.migration-endpoint>strong{position:static;width:auto;font-size:12px}.destination-result{display:none}
 .hero .hero-product{grid-column:1;grid-row:2;justify-self:center;width:84%;padding:0;border-radius:8px}.demo-windowbar{height:22px;padding-inline:7px;gap:5px}.demo-windowbar b{font-size:9px}.demo-app-icon{width:9px;height:11px}.demo-window-controls{gap:15px}.demo-window-controls i{width:6px;height:6px}.demo-window-controls i:last-child:before,.demo-window-controls i:last-child:after{height:8px;left:3px}.migration-file{width:48px;height:48px}.migration-file>img{width:27px;height:37px}.migration-route-base{stroke-width:4}.migration-route-light{stroke-width:3}
}
@media(max-width:370px){.hero .product-name{font-size:19px}.hero h1{font-size:28px}.hero .desc{font-size:12px}.hero .hero-cta{flex-direction:column;width:100%;max-width:280px;margin-inline:auto}.hero .btn{width:100%;padding-inline:20px;font-size:15px}.migration-endpoint{width:144px}.endpoint-art{height:78px}.endpoint-art>img{width:144px;height:auto}.migration-endpoint>strong{font-size:12px}.migration-file{width:44px;height:44px}.migration-file>img{width:25px;height:34px}}
@media(prefers-reduced-motion:reduce){.demo-panel{animation:none}.migration-file{opacity:0!important}.hero .hero-product:after{opacity:0!important}}

/* Keep the complete product name readable on narrow screens. */
@media(max-width:740px){.hero h1>span{font-size:.82em;text-wrap:balance}.hero h1>em{font-size:clamp(24px,6.9vw,40px);white-space:nowrap}}
@media(max-width:370px){.hero h1>em{font-size:23px}}

/* A light response on the application frame acknowledges an incoming file. */
.hero .hero-product{box-shadow:0 20px 38px #021a4459,0 4px 9px #031c4540,0 0 calc(16px + var(--receive-pulse,0)*24px) rgb(104 192 255 / calc(.07 + var(--receive-pulse,0)*.22))}
.hero-visual[data-phase="2"] .migration-route-glow{opacity:.32}
/* The cloud masks arriving files; a short halo confirms their arrival. */
.cloud-art{filter:drop-shadow(0 6px 7px #031d462b) drop-shadow(0 0 calc(3px + var(--arrival-pulse,0)*10px) rgb(144 217 255 / calc(var(--arrival-pulse,0)*.3)))}
/* Cobalt product heading and a visible, localized receiving light. */
.hero h1 em{color:#a4c7ff}
@supports(background-clip:text){.hero h1 em{background:linear-gradient(100deg,#cee3ff 5%,#8bbaff 52%,#648bff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.hero .hero-cta{margin-top:26px}
.hero .hero-product{box-shadow:0 20px 38px #021a4459,0 4px 9px #031c4540,0 0 calc(14px + var(--receive-pulse,0)*32px) rgb(104 192 255 / calc(.08 + var(--receive-pulse,0)*.45))}
.hero .hero-product:before{content:"";position:absolute;z-index:5;inset:0;border:3px solid #a8e4ff;border-radius:9px;box-shadow:inset 0 0 8px #8ddcff;opacity:var(--receive-pulse,0);pointer-events:none}
.hero-visual[data-phase="2"] .migration-route-glow{opacity:.55}
.hero-visual[data-phase="2"] .migration-route-light{opacity:.85}
@media(max-width:740px){.hero .hero-cta{margin-top:24px}.hero .hero-product:before{border-width:2px;border-radius:6px}}
/* Give gradient glyphs enough paint area for ascenders and descenders. */
.hero h1 em{line-height:1.4;padding-block:.04em .14em;margin-bottom:-.14em;overflow:visible}


/* Keep navigation close to the brand while pinning the actions to the right. */

/* A live application inside a front-facing, thin-bezel notebook. */
.hero-laptop{position:relative;z-index:2;min-width:0;width:100%;padding:11px 7px 8px;border:1.5px solid #b9bdc3;border-radius:13px 13px 4px 4px;background:linear-gradient(135deg,#383c42,#171a1e 65%,#30343a);box-shadow:0 20px 34px #00000033}
.laptop-camera{position:absolute;top:3px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#4f5359;box-shadow:inset 0 0 1px #bfc3c8}
.hero .hero-laptop .hero-product{width:100%;border-radius:5px;box-shadow:0 0 calc(8px + var(--receive-pulse,0)*20px) rgb(104 192 255 / calc(.08 + var(--receive-pulse,0)*.5))}
.hero .hero-laptop .hero-product:before{border-radius:3px}
.laptop-base{position:absolute;top:calc(100% - 1px);left:-6%;width:112%;height:auto;overflow:visible;filter:drop-shadow(0 8px 7px #021a4440)}
.cloud-art>img:first-child{aspect-ratio:3/2;filter:none}
.cloud-art>.cloud-brand{top:60%;width:34%}
@media(max-width:740px){.hero-laptop{grid-column:1;grid-row:2;justify-self:center;width:88%;padding:9px 5px 6px;border-radius:9px 9px 3px 3px}.hero .hero-laptop .hero-product{width:100%;border-radius:4px}.laptop-camera{top:2px;width:2px;height:2px}.hero .hero-laptop .hero-product:before{border-radius:2px}}
/* Quieter silver artwork, a thinner notebook base, and a compact release badge. */
header .brand-beta{display:inline-block;flex:none;margin-left:4px;padding:3px 6px;border:1px solid #2e6efe;border-radius:4px;background:transparent;color:#2e6efe;font:600 11px/1.4 Arial,"Noto Sans JP",sans-serif;letter-spacing:.02em;white-space:nowrap}
.cloud-art>img:first-child{width:112%;max-width:none}
.cloud-art>.cloud-brand{width:38%}
.cloud-art{filter:drop-shadow(0 5px 6px #031d4624) drop-shadow(0 0 calc(2px + var(--arrival-pulse,0)*5px) rgb(144 217 255 / calc(var(--arrival-pulse,0)*.12)))}
.laptop-base{left:-6%;width:112%;filter:drop-shadow(0 4px 4px #0000002b)}
.hero-visual:not([data-phase="2"]) .hero-product{border-color:#c9cdd2}



/* Brighten the silver face independently of the unchanged blue brand mark. */
.cloud-art>img:first-child{filter:brightness(1.12) contrast(.94)}
.hero h1 em .hero-title-beta{display:inline-block;margin-left:14px;padding:5px 12px;vertical-align:middle;border:1px solid #b9d5ff;border-radius:999px;background:#e6f1ff;color:#1769df;-webkit-text-fill-color:#1769df;font:800 18px/1.4 Arial,"Noto Sans JP",sans-serif;letter-spacing:0}
@media(max-width:1199px){.hero h1 em .hero-title-beta{font-size:15px;margin-left:10px}}
@media(max-width:740px){.hero h1 em .hero-title-beta{font-size:12px;margin-left:8px;padding:4px 6px}}
.hero h1 em{background:linear-gradient(100deg,#cee3ff 5%,#8bbaff 52%,#648bff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-stage{padding-bottom:42px}
/* Lead with the product name: slightly smaller tagline, larger product heading. */
@media(min-width:741px){.hero h1>span{font-size:calc(1em - 1px)}.hero h1>em{font-size:1.25em}.hero h1 em .hero-title-beta{font-size:21px;padding:6px 14px}}
@media(min-width:741px) and (max-width:1199px){.hero h1 em .hero-title-beta{font-size:17px;padding:5px 12px}}
@media(min-width:741px) and (max-width:960px){.hero h1>em{font-size:clamp(44px,6.4vw,52.5px);white-space:nowrap}}
@media(max-width:740px){.hero-stage{padding-bottom:24px}}
.migration-file{border:0;background:transparent;box-shadow:none}
.migration-file>img{filter:drop-shadow(0 2px 3px #021a4430)}
/* Use the supplied complete wordmark at its original proportions. */
header .logo img{width:310px;height:auto}







/* A wider desktop header gives the complete wordmark and navigation more room. */


/* Keep the outlined Beta badge slightly shorter than the wordmark. */
header .logo{gap:6px}






/* A focused closing CTA and the compact footer used by the reference LP. */
.cta.landing-cta{padding-block:60px 55px;background:radial-gradient(700px 300px at 85% 0%,#8fd0ff40,transparent 60%),linear-gradient(135deg,#12275c 0%,#1b3a8a 50%,#0d61d5 100%)}
.landing-cta h2{color:#fff;font-size:38px;font-weight:800;line-height:1.5}
.cta.landing-cta p{max-width:800px;margin:16px auto 28px;color:#d6e8ff;font-size:15px;line-height:1.9}
.landing-cta .btns{gap:14px}
.landing-cta .btn{min-width:200px;min-height:56px;padding:15px 28px;border-radius:999px;font-size:14px}
.landing-cta .btn-pri{background:#ff114a}.landing-cta .btn-pri:hover{background:#df0d3f}
.landing-cta .btn-white{color:#1453ac}.landing-cta .btn-white:hover{background:#e9f2ff}
.landing-cta .btn-outline-w{border:1.5px solid #b0cff9;background:#ffffff08;color:#fff}
.landing-cta .btn-outline-w:hover{background:#ffffff1f}
footer.landing-footer{padding-block:25px;background:#0b0b12;color:#b0b5c0;text-align:center}
.landing-footer small{display:block;font:500 14px/1.8 Arial,sans-serif;letter-spacing:.02em}
@media(max-width:740px){
 .cta.landing-cta{padding-block:42px 40px}
 .landing-cta h2{font-size:29px;line-height:1.55}
 .cta.landing-cta p{max-width:320px;margin:14px auto 23px;font-size:13px;line-height:1.9;word-break:auto-phrase}
 .landing-cta .btns{max-width:340px;gap:11px}
 .landing-cta .btn{width:100%;min-width:0;min-height:51px;padding:13px 20px;font-size:13px}
 footer.landing-footer{padding-block:21px}
 .landing-footer small{font-size:13px}
}

/* Open walkthroughs: one product screen and one short explanation per step. */
:root{--card-line:#d1dce9;--line:#dce4ee}
.sec-h{margin-bottom:36px}.sec-h h2{font-weight:800}
.sec-h h2 em{display:block;margin-top:2px;color:#1766c6;font-style:normal}
.sec-h p{max-width:900px;margin:18px auto 0;font-size:15px;font-weight:500;line-height:1.9;color:#66788d}
.landing-cta h2 .nw{display:block;color:#b6d8ff}
.pt,.visual-step,.tbl-wrap,.cbox{border-width:1px;border-color:#d1dce9}
.product-capture{border-color:#dbe3ee}
#features{background:#fff}
#features .feature{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:64px;align-items:center;margin:78px 0 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#features .feature.rev{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}
#features .feature.rev>.ftxt{order:2}#features .feature.rev>.feature-media{order:1}
#features .ftxt{min-width:0}#features .ftxt .tag{display:inline-block;border:0;background:transparent;color:#1766c6;padding:0;border-radius:0;font-size:14px;font-weight:800;margin-bottom:16px}
#features .ftxt h3{font-size:31px;font-weight:800;line-height:1.6;letter-spacing:-.025em;margin-bottom:20px}
#features .ftxt p,#features .ftxt li{font-size:16px;line-height:1.95;color:#52647c}
#features .setting-summary{margin:20px 0 0}.setting-summary>div{display:grid;grid-template-columns:102px 1fr;gap:12px;padding:9px 0;align-items:baseline}.setting-summary dt{font-size:14px;font-weight:700;color:#2b527d}.setting-summary dd{margin:0;font-size:15px;line-height:1.8;color:#455d79}#features .ftxt .step-warning{margin:17px 0 0;font-size:13px;line-height:1.8;color:#64768b}
#features .feature-media{min-width:0;width:100%;max-width:none;margin:0}
#features .product-capture{margin:0;padding:0;background:#fff;border:1px solid #dce4ef;border-radius:11px;box-shadow:0 16px 32px #263d6017;overflow:hidden}
#features .screenshot-open{position:relative;display:block;width:100%;overflow:hidden;border-radius:10px}
#features .screenshot-open>img{display:block;width:100%;height:auto}
.advanced-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.advanced-setting{border:1px solid #dce4ee;border-radius:12px;background:#fff;overflow:hidden;min-width:0}
.advanced-setting>summary{position:relative;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;min-height:80px;padding:20px 46px 20px 22px;list-style:none;cursor:pointer}
.advanced-setting>summary::-webkit-details-marker{display:none}.advanced-setting>summary>span{font-size:11px;color:#74849a}.advanced-setting>summary>strong{font-size:15px;color:#193f70}
.advanced-setting>summary>i{position:absolute;right:20px;width:12px;height:12px}.advanced-setting>summary>i:before,.advanced-setting>summary>i:after{content:"";position:absolute;top:5px;left:0;width:12px;height:2px;background:#6a84a4}.advanced-setting>summary>i:after{transform:rotate(90deg)}.advanced-setting[open]>summary>i:after{display:none}
.advanced-setting-body{padding:0 22px 23px;border-top:1px solid #edf0f5}.advanced-setting-body .ftxt{padding-top:17px}.advanced-setting-body .feature-media{margin-top:20px!important}.advanced-setting-body .modes{gap:8px}.advanced-setting-body .modes>div{padding:12px}.advanced-setting-body .rule{font-size:13px}.advanced-setting-body .note{font-size:12px!important}
.screen-focus{position:absolute;left:var(--focus-x);top:var(--focus-y);width:var(--focus-w);height:var(--focus-h);border:2px solid #5685d1;border-radius:5px;box-shadow:0 0 0 4px #73a8f01c;opacity:0;pointer-events:none}
.step-cursor{position:absolute;left:var(--cursor-x);top:var(--cursor-y);width:24px;height:30px;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #193a5c45)}
.step-cursor>svg{display:block;width:24px;height:30px}.step-cursor>i{position:absolute;left:-9px;top:-9px;width:24px;height:24px;border:2px solid #4285ee;border-radius:50%;opacity:0}
.step-screen.is-demonstrating .step-cursor{animation:step-pointer 1.6s ease both}.step-screen.is-demonstrating .screen-focus{animation:step-target 1.6s ease both}.step-screen.is-demonstrating .step-cursor>i{animation:step-click 1.6s ease both}
@keyframes step-pointer{0%{opacity:0;transform:translate(22px,16px)}18%{opacity:1}48%,80%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes step-target{0%,38%{opacity:0}52%,78%{opacity:1}100%{opacity:0}}
@keyframes step-click{0%,48%{opacity:0;transform:scale(.3)}58%{opacity:.9;transform:scale(.6)}82%,100%{opacity:0;transform:scale(1.6)}}
#spec{background:#f1f5fa}
.requirements-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #dae3ee;border-radius:23px;background:#fff;box-shadow:0 20px 50px #1633540d}
.requirements-overview{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px;color:#fff;background:radial-gradient(ellipse at 80% 10%,#477bba55,transparent 58%),linear-gradient(145deg,#123a6c,#10284d)}
.requirements-overview h3{font-size:27px;font-weight:800;line-height:1.6;color:#fff}.requirements-overview p{font-size:14px;line-height:1.9;color:#c6d6eb;margin-top:13px}
.requirements-art{width:min(100%,260px);height:auto;align-self:center;margin:20px 0 23px}.requirements-art .window-pane{fill:#e8f2ff}
.requirements-tags{display:flex;gap:8px;flex-wrap:wrap}.requirements-tags>span{padding:6px 11px;border:1px solid #a1bedb55;border-radius:5px;background:#ffffff09;font-size:11px;font-weight:600;color:#deebfb}
.requirements-overview .btn{margin-top:26px;min-height:46px;font-size:13px;padding:11px 23px;background:#fff;color:#154579;border:0;border-radius:999px}
.requirements-details{margin:0;padding:25px 35px;display:flex;flex-direction:column;justify-content:center}
.requirement-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:23px 0;border-bottom:1px solid #e3e9f1}.requirement-row:last-child{border:0}.requirement-row dt{font-size:13px;font-weight:800;color:#526880;line-height:1.8}.requirement-row dd{margin:0;color:#233e60;font-size:14px;line-height:1.9;min-width:0}.requirement-row dd>strong{font-size:17px;font-weight:800}.requirement-row dd small{display:block;font-size:11px;line-height:1.8;color:#7a899b;margin-top:5px}.requirement-row .os-list{display:grid;gap:6px}.os-list>div{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.os-list b{font-size:15px}.os-list span{font-size:12px;color:#74859c}.requirement-row .plan-badge{display:inline-block;padding:3px 10px;border-radius:5px;background:#eaf0f8;color:#254d7d;font-weight:800;font-size:15px}
@media(max-width:1100px){#features .feature{gap:36px;padding:0}#features .ftxt h3{font-size:27px}.requirements-overview{padding:30px}.requirements-details{padding:20px 27px}.requirement-row{grid-template-columns:100px minmax(0,1fr);gap:15px}}
@media(max-width:960px){#features .feature,#features .feature.rev{grid-template-columns:1fr;gap:27px;padding:0}#features .feature.rev>.ftxt,#features .feature.rev>.feature-media{order:initial}#features .feature-media{max-width:820px;margin-inline:auto}.requirements-shell{grid-template-columns:.8fr 1.2fr}.requirements-overview{padding:26px}.requirements-overview h3{font-size:23px}.requirements-details{padding:18px 23px}.requirement-row{grid-template-columns:1fr;gap:8px;padding:18px 0}.requirement-row dt{font-size:12px}}
@media(max-width:740px){.sec-h{margin-bottom:30px}#features .feature,#features .feature.rev{padding:0;border-radius:0;margin-top:55px;gap:25px}#features .ftxt h3{font-size:25px}#features .ftxt p,#features .ftxt li{font-size:15px}#features .ftxt .tag{font-size:11px;margin-bottom:13px}.advanced-settings{grid-template-columns:1fr;gap:10px}.advanced-setting>summary{min-height:67px;padding:16px 42px 16px 18px}.advanced-setting>summary>strong{font-size:13px}.advanced-setting-body{padding:0 17px 18px}.requirements-shell{grid-template-columns:1fr;border-radius:17px}.requirements-overview{padding:28px}.requirements-overview h3{font-size:24px}.requirements-art{width:200px;margin-block:12px}.requirements-overview p{font-size:13px}.requirements-details{padding:10px 24px}.requirement-row{padding:20px 0}.requirement-row dd{font-size:13px}.requirements-overview .btn{margin-top:21px}.step-cursor,.step-cursor>svg{width:19px;height:24px}}
@media(prefers-reduced-motion:reduce){.step-cursor,.screen-focus{display:none}.step-screen *{animation:none!important}}
.settings-guide{margin-top:48px;padding-top:32px;border-top:1px solid #dce4ee}.settings-guide>h3{font-size:24px;color:#193b65;margin-bottom:25px}.settings-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.settings-guide h4{font-size:18px;color:#244c7a;margin-bottom:17px}.settings-guide p,.settings-guide li{font-size:14px;line-height:1.9;color:#586e88}.settings-guide ul{list-style:none;margin-bottom:16px}.settings-guide li{margin:8px 0}.settings-guide p{margin:13px 0}.settings-guide .product-capture{margin-top:24px;border:1px solid #dbe3ee;border-radius:9px;overflow:hidden}.settings-guide .screenshot-open{position:relative;display:block;width:100%;padding:0;border:0;background:#fff}.settings-guide img{width:100%;height:auto}
@media(max-width:740px){.settings-guide{margin-top:35px;padding-top:27px}.settings-guide>h3{font-size:21px}.settings-guide-grid{grid-template-columns:1fr;gap:32px}.settings-guide article+article{border-top:1px solid #dce4ee;padding-top:28px}.setting-summary>div{grid-template-columns:94px 1fr;gap:8px}.setting-summary dt{font-size:13px}.setting-summary dd{font-size:14px}}

/* A static comparison of folder selection; the hero explains data movement. */
#about .comparison-lead{max-width:900px;margin:0 auto 38px;text-align:center;font-size:18px;line-height:1.9;color:#455b76}
#about .operation-comparison{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:22px;align-items:center;width:100%;max-width:1140px;margin:0 auto}
#about .cbox{min-width:0;border-radius:16px;overflow:hidden;align-self:stretch}
#about .cbox-body{padding:24px 25px 26px}
#about .mini-chrome{padding:13px 22px;gap:7px;font-size:13px;font-weight:700}
#about .mini-chrome i{width:6px;height:6px}
#about .comparison-product{margin:0 0 8px;font:600 18px/1.5 Arial,sans-serif;color:#415a79}
#about .cbox h3{font-size:28px;font-weight:800;line-height:1.5;letter-spacing:-.025em;margin:0 0 24px;color:#182e4c}
#about .cbox.new .comparison-product,#about .cbox.new h3{color:#fff}
#about .cbox ul{font-size:16px;font-weight:600;line-height:1.8;margin-top:25px}
#about .cbox ul li{margin-top:9px}
#about .comparison-terminal,#about .comparison-capture{width:100%;height:300px;border-radius:8px;overflow:hidden}
#about .comparison-terminal{background:#172b47;border:1px solid #10213b;color:#f0f5fc;box-shadow:0 8px 20px #10213b16}
.terminal-title{height:39px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#203957;border-bottom:1px solid #3b526e;font:12px/1.5 Arial,sans-serif;color:#c5d5e9}
.terminal-title small{font:10px/1.5 Meiryo,sans-serif;color:#aebfd5}
#about .comparison-terminal pre{padding:26px 22px;font:17px/1.85 Consolas,Meiryo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.comparison-terminal pre span{color:#9bc7ff}.comparison-terminal pre em{color:#a8bacf;font-style:normal;font-size:14px}.terminal-caret{display:inline-block;width:8px;height:18px;background:#e4efff;vertical-align:middle}
#about .comparison-capture{position:relative;display:block;border:0;background:#fff;padding:0;box-shadow:0 6px 16px #0638871c}
.comparison-ui-window{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.comparison-ui-window>img{display:block;position:static;width:100%;max-width:100%;height:100%;object-fit:contain}
.comparison-arrow{width:100px;display:flex;align-items:center;justify-content:center;transform:translateY(26px)}.comparison-arrow>svg{display:block;width:100%;height:auto}
@media(max-width:1100px){#about .operation-comparison{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:18px}.comparison-arrow{width:80px}#about .cbox-body{padding:24px 22px}#about .cbox h3{font-size:25px}#about .comparison-terminal,#about .comparison-capture{height:285px}#about .comparison-terminal pre{font-size:15px;padding:23px 17px}#about .cbox ul{font-size:14px}}
@media(max-width:740px){#about .comparison-lead{font-size:15px;text-align:left;margin-bottom:28px}#about .operation-comparison{grid-template-columns:1fr;gap:23px;max-width:540px;margin-inline:auto}#about .comparison-arrow{width:80px;height:64px;justify-self:center;transform:rotate(90deg)}#about .cbox-body{padding:24px}#about .cbox h3{font-size:26px;margin-bottom:20px}#about .comparison-product{font-size:17px}#about .mini-chrome{font-size:12px}#about .comparison-terminal,#about .comparison-capture{height:260px}#about .comparison-terminal pre{font-size:15px;line-height:1.7;padding:20px 19px}#about .cbox ul{font-size:15px;margin-top:21px}}
@media(max-width:370px){#about .cbox-body{padding:21px 18px}#about .cbox h3{font-size:23px}#about .comparison-product{font-size:16px}#about .comparison-terminal,#about .comparison-capture{height:230px}#about .comparison-terminal pre{font-size:14px;padding-inline:14px}.comparison-terminal pre em{font-size:12px}.terminal-title{padding-inline:12px;font-size:11px}#about .cbox ul{font-size:14px}}

/* Shared palette and proportions across the landing page. Brand artwork stays intact. */
:root{--blue:#1769df;--blue-d:#114899;--navy:#132744;--heading:#333;--text:#2c4058;--muted:#61748b;--sky:#f1f7ff;--sky2:#f8fbff;--line:#d4e2f3;--card-line:#bfd0e7}

main>section:not(.hero):not(.cta){padding-block:80px}
.sec-h h2{font-size:44px;line-height:1.5;letter-spacing:-.035em;color:var(--heading)}
.sec-h h2 em{color:var(--blue);width:fit-content;max-width:100%;margin-inline:auto}
@supports (background-clip:text){.sec-h h2 em{background:linear-gradient(100deg,#103c87,#1777f2);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.sec-h p{font-size:16px;color:var(--muted);margin-top:19px;max-width:none;width:100%;word-break:normal;text-wrap:wrap}
.sec-h{margin-bottom:44px}
#about,#features,#howto,#notes{background:#fff}
#points,#compare,#spec,#faq{background:var(--sky)}
#features .ftxt .tag,.pt .num,.pt .key,.visual-step-number{color:var(--blue)}
#features .ftxt h3{font-size:34px;color:var(--heading);line-height:1.55}
#features .feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:76px;margin-top:88px;padding-bottom:32px;align-items:start}
#features .feature.rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:32px}
#features .ftxt .tag{font-size:16px;font-weight:800;padding:7px 15px;border:1px solid #dce8f9;border-radius:999px;background:#eaf2ff;margin-bottom:14px;line-height:1.5}
#features .ftxt h3{margin-bottom:14px;text-wrap:wrap;word-break:normal}
#features .ftxt h3 .title-phrase{display:inline-block;white-space:nowrap}
#features .ftxt{padding-top:28px}
#features .ftxt>p{margin:0}
#features .setting-summary{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #dce6f3;border-radius:10px;overflow:hidden;margin:14px 0 0;font-size:15px;line-height:1.7}
#features .setting-summary th,#features .setting-summary td{padding:10px 14px;border:0;border-bottom:1px solid #e4ecf6;text-align:left;vertical-align:middle;line-height:1.7}
#features .setting-summary th{width:112px;background:#f1f6fd;color:#285080;font-size:14px;font-weight:700}
#features .setting-summary td{background:#fff;color:#455d79;font-size:15px;font-weight:400}
#features .setting-summary tr:last-child>*{border-bottom:0}
#features .ftxt .step-warning{margin-top:10px;font-size:13px}
#features .feature-media{max-width:690px}
/* The rendered application already has its own frame; avoid a second rounded outline. */
#features .product-capture,#features .screenshot-open{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;overflow:visible}

/* Compact, centered point cards: the illustration and its explanation stay together. */
#points .points{gap:26px}
#points .pt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 24px;border:1px solid var(--card-line);background:#fff;box-shadow:0 8px 22px #173e7219}
#points .pt .num{margin:0 0 20px;font-size:17px;line-height:1.4}
#points .pt .point-picture{display:flex;align-items:center;justify-content:center;width:116px;height:116px;padding:0;margin:0 0 13px;background:transparent;border:0}
#points .point-picture img{width:116px;height:116px;object-fit:contain}
#points .pt .key{margin:0 0 7px;font-size:18px;font-weight:600;line-height:1.5}
#points .pt h3{font-size:24px;line-height:1.6;margin:0 0 13px;color:var(--heading);word-break:normal}
#points .pt>p{font-size:16px;line-height:1.9;width:100%;max-width:none;margin:0;text-align:center;color:var(--muted);word-break:normal;text-wrap:wrap}

/* Onboarding uses one illustration scale and a direct vertical reading order. */
#howto .start-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
#howto .start-flow>.visual-step{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 20px 22px;text-align:center;border:1px solid var(--card-line);box-shadow:0 8px 22px #173e7219}
#howto .visual-step-number{margin:0 0 18px;font-size:17px;line-height:1.4}
#howto .start-flow .visual-step-image,#howto .start-flow .final .visual-step-image{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 12px;background:transparent;border-radius:0}
#howto .start-flow .visual-step-image:before{content:none}
#howto .start-flow .visual-step-image img{width:68px;height:68px;max-width:100%;object-fit:contain;filter:none}
#howto .start-flow h3{font-size:24px;line-height:1.5;margin:0 0 13px;letter-spacing:-.025em;color:var(--heading);word-break:normal}
#howto .start-flow .visual-step>p{font-size:15px;line-height:1.65;text-align:center;width:100%;max-width:none;margin:0 0 24px;color:var(--muted);word-break:normal}
#howto .start-flow .step-detail{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;border:1.5px solid #bdcde1;background:#fff;color:#333;font-size:12px;min-height:44px;padding:10px 9px}
#howto .start-flow .step-detail:hover{background:#e6eef8;border-color:#91acce;color:#333}
#howto .start-flow>.final{background:linear-gradient(145deg,var(--blue),var(--blue-d));border-color:var(--blue-d)}
#howto .final .visual-step-number,#howto .final h3{color:#fff}
#howto .start-flow .final>p{color:#e2ebf6}
#howto .start-flow .final .step-detail{background:#fff;border-color:#fff;color:#333}
#howto .visual-step:after{display:block;content:"";position:absolute;top:50%;right:-21px;left:auto;bottom:auto;width:10px;height:10px;border:0;border-top:2px solid #91a9c7;border-right:2px solid #91a9c7;transform:rotate(45deg)}
#howto .visual-step:last-child:after{display:none}
.step-circle{background:var(--blue)}
.simple-step:not(:last-child):before,.simple-steps[data-motion="complete"] .simple-step:after{background:#c5d5e8}
.simple-step:not(:last-child):after{background:var(--blue)}
.simple-step.is-current .step-label,.simple-step>a:hover .step-label{color:var(--blue)}

/* Comparison colors retain a clear before/after distinction within the same palette. */
#about .cbox.new{background:var(--blue);border-color:var(--blue-d);box-shadow:0 9px 25px #1148991c}
#about .cbox.new .mini-chrome{background:var(--blue-d);border-color:#7d9fc9}
thead th.hl{background:var(--blue-d);border-inline-color:var(--card-line)}
td.hl{background:#e7f0ff;color:var(--blue-d)}
#compare .tbl-wrap{border:1px solid #a9bfd9;border-radius:0;background:transparent}
#compare table{border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.85}
#compare th,#compare td{border-right-color:#b7cbe2;border-bottom-color:#b7cbe2}
#compare tbody th{font-size:16px}
#compare tr>:last-child{border-right:0}
#compare tbody tr:last-child>th,#compare tbody tr:last-child>td:not(.hl){border-bottom:0}
#compare .tbl-note{font-size:14px}
#compare tbody th{background:#f4f6f9}
#compare tbody td,#compare tbody tr:nth-child(even) td{background:#f4f6f9}
#compare tbody td.hl,#compare tbody tr:nth-child(even) td.hl{background:#e7f0ff}
#compare thead th{text-align:center;vertical-align:middle;font-size:20px;padding:22px 18px}
#compare .table-note{font-size:.82em;font-weight:400;letter-spacing:0}
#compare thead th.hl,#compare tbody td.hl{border-left:2px solid var(--blue-d);border-right:2px solid var(--blue-d)}
#compare thead th.hl{border-top:2px solid var(--blue-d)}
#compare tbody tr:last-child td.hl{border-bottom:2px solid var(--blue-d)}

/* A wider label column keeps account requirements on one line. */
.requirements-shell{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.requirements-overview{background:linear-gradient(145deg,var(--blue),var(--blue-d));color:#fff}
.requirements-overview h3{color:#fff;font-size:24px;white-space:nowrap;letter-spacing:-.035em}
.requirements-overview p{color:#e2ebf6}
.requirements-tags>span{background:#ffffff0a;border-color:#ffffff55;color:#fff}
.requirements-details{padding:25px 30px}
.requirement-row{grid-template-columns:148px minmax(0,1fr);gap:18px}
.requirement-row dt{white-space:nowrap;font-size:14px;color:#536d89}
.requirement-row .plan-badge{background:#e7eef7;color:var(--blue-d)}
.caution{background:var(--sky);border:1px solid var(--card-line);box-shadow:none;padding:12px 28px}
.caution li{padding:18px 0 18px 38px;font-size:15px;border-bottom-color:#d4dfed;color:#405975}
.caution li:before{content:"!";display:grid;place-items:center;top:21px;width:23px;height:23px;line-height:1;background:#fff1df;border:1px solid #efbc7d;color:#c86a12;font:800 15px/1 Arial,sans-serif}
.faq-layout{grid-template-columns:400px minmax(0,1fr);gap:40px}
.faq-heading p{text-wrap:pretty}
.faq-heading h2{font-size:44px}.faq-heading h2 em{margin-inline:0}
#faq .faq__group-title{background:#edf3fa;border:1px solid var(--line);border-left:4px solid var(--blue);color:var(--blue-d)}
.faq__q,.faq__toggle{color:var(--blue)}
.faq__toggle:before,.faq__toggle:after{background:var(--blue)}
#faq .faq__item[open] summary{color:var(--blue-d)}
.faq-storage-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.cta.landing-cta{background:linear-gradient(125deg,#0d2c59,#114899 65%,var(--blue));padding-block:40px 38px}
.landing-cta h2{font-size:42px;line-height:1.45}
.landing-cta h2 .nw{display:inline-block;white-space:nowrap}
.cta.landing-cta p{margin:12px auto 22px}
.demo-ui-actions .demo-ui-primary{background:var(--blue);border-color:var(--blue)}
.demo-step.is-active .demo-step-number{background:var(--blue);border-color:var(--blue)}
.demo-step.is-complete:after{background:#7498c6}
.demo-step.is-complete .demo-step-number{background:#edf3fa;border-color:#aac0db;color:var(--blue)}
.demo-progress i{background:var(--blue)}
/* Charcoal is reserved for plain headings; body text keeps its established blue-gray palette. */
#about .old h3{color:var(--heading)}

@media(max-width:1100px){
 .sec-h h2{font-size:38px}.faq-layout{grid-template-columns:320px minmax(0,1fr);gap:30px}.faq-heading h2{font-size:36px}
 #features .ftxt h3{font-size:30px}
 #features .feature{gap:52px}
 #howto .start-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 #howto .visual-step:nth-child(2):after{display:none}
 .requirements-shell{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
 .requirements-overview{padding:24px}.requirements-overview h3{font-size:18px}
 .requirement-row{grid-template-columns:145px minmax(0,1fr);gap:15px}
}
@media(max-width:960px){
 .faq-layout{grid-template-columns:1fr;gap:32px}.faq-heading{position:static;text-align:center}.faq-heading h2{font-size:38px}
 .faq-heading h2 em{margin-inline:auto}
 #features .feature,#features .feature.rev{grid-template-columns:1fr;gap:38px}#features .ftxt{padding-top:0}#features .feature-media{margin-inline:auto}
 .requirements-shell{grid-template-columns:1fr}.requirements-overview{align-items:center;text-align:center;padding:32px}.requirements-art{width:220px;margin:18px 0}.requirements-details{padding:12px 28px}
 .requirements-overview h3{font-size:24px}
 .requirement-row{grid-template-columns:150px minmax(0,1fr)}
 #points .points{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
 #points .pt{padding:28px}.landing-cta h2{font-size:36px}
}
@media(max-width:740px){
 .cta.landing-cta{padding-block:32px}.cta.landing-cta p{margin:12px auto 18px}
 main>section:not(.hero):not(.cta){padding-block:60px}
 .sec-h h2,.faq-heading h2{font-size:30px;line-height:1.55}.sec-h p{font-size:15px;line-height:1.9}.sec-h{margin-bottom:32px}
 #features .feature,#features .feature.rev{margin-top:64px;padding-bottom:20px;gap:36px}
 #features .ftxt h3{font-size:27px}.landing-cta h2{font-size:30px}
 #features .ftxt .tag{font-size:15px;padding:6px 13px}
 #features .setting-summary th,#features .setting-summary td{padding:10px 11px}
 #features .setting-summary th{width:100px;font-size:13px}#features .setting-summary td{font-size:14px}
 #compare thead th{font-size:18px}#compare table,#compare tbody th{font-size:15px}#compare .tbl-note{font-size:13px}
 #points .pt .point-picture,#points .point-picture img{width:116px;height:116px}
 #points .pt .num{font-size:16px;margin-bottom:16px}#points .pt h3{font-size:24px}#points .pt>p{font-size:16px}
 #howto .start-flow{grid-template-columns:1fr;max-width:440px;margin-inline:auto;gap:28px}
 #howto .start-flow>.visual-step{padding:25px 27px}
 #howto .visual-step-number{font-size:16px;margin-bottom:16px}
 #howto .start-flow h3{font-size:24px}
 #howto .start-flow .visual-step>p{font-size:16px;max-width:none;margin-bottom:20px}
 #howto .start-flow .step-detail{font-size:13px;max-width:300px}
 #howto .visual-step:not(:last-child):after,#howto .visual-step:nth-child(2):after{display:block;top:auto;bottom:-19px;left:calc(50% - 5px);right:auto;transform:rotate(135deg)}
 .requirement-row{grid-template-columns:1fr;gap:8px;padding:20px 0}.requirement-row dt{font-size:14px}.requirements-details{padding:8px 24px}.requirement-row dd{font-size:14px}
 .requirements-overview{padding:24px}.requirements-overview h3{font-size:19px}
 .caution{padding:8px 19px}.caution li{padding:16px 0 16px 34px;font-size:13px;line-height:1.95}.caution li:before{top:18px;width:22px;height:22px;font-size:14px}
}
@media(max-width:370px){.sec-h h2,.faq-heading h2{font-size:28px}.sec-h p{font-size:14px}#points .pt{padding:25px 20px}#points .pt h3{font-size:22px}#points .pt>p{font-size:15px}#features .ftxt h3{font-size:25px}.requirements-details{padding-inline:19px}.requirements-overview{padding-inline:12px}.requirements-overview h3{font-size:17px}}

/* Refined hierarchy: readable specifications and quieter ancillary notes. */
#features .ftxt .step-warning,#compare .tbl-note{color:#7c899a;font-weight:400}
#features .screen-focus{border-width:2.5px;border-color:#3979d7;box-shadow:0 0 0 5px #73a8f02b}
.requirement-row dd{font-size:16px;line-height:1.8}
.requirement-row dd>strong{font-size:18px;font-weight:700}
.requirement-row .os-list b{font-size:17px}
.requirement-row .os-list span{font-size:15px}
.requirement-row .plan-badge{font-size:17px}
.requirement-row dd small{font-size:13px;color:#7c899a}
@media(max-width:740px){#features .feature,#features .feature.rev{gap:40px;padding-bottom:28px} .requirement-row dd{font-size:15px}.requirement-row .os-list b{font-size:16px}.requirement-row .os-list span{font-size:14px}.requirement-row .plan-badge{font-size:16px}}
/* Keep the highlighted comparison column continuous from its heading onward. */
#compare thead th.hl{background:#e7f0ff;color:var(--blue-d)}
/* Usage guidance belongs to the environment section, without warning badges. */
#spec .usage-notes{margin-top:24px;padding:24px 28px;background:#f8fbff;border:1px solid #d4e2f3;border-radius:10px}
.usage-notes h3{font-size:18px;line-height:1.5;font-weight:700;color:#333;margin:0 0 12px}
.usage-notes ul{margin:0;padding-left:1.3em;list-style:disc}
.usage-notes li{font-size:14px;line-height:1.85;color:#61748b;padding:0;border:0}
.usage-notes li+li{margin-top:8px}
.usage-notes li:before{content:none}
.usage-notes strong{font-weight:600;color:#405975}
.requirement-row .requirement-extra{margin-top:12px;font-size:14px;line-height:1.8;color:#61748b}
#faq{background:#fff}
@media(max-width:740px){#spec .usage-notes{margin-top:20px;padding:20px}.usage-notes h3{font-size:17px}.usage-notes li,.requirement-row .requirement-extra{font-size:13px}}
/* Scoped point, workflow, comparison and button refinements. */
.step-line-icon{display:block;width:38px;height:38px;object-fit:contain}
#compare thead th.hl{background:var(--blue);color:#fff}
#compare thead th{font-size:22px}
#compare thead th.hl,#compare tbody td.hl{border-left:3px solid var(--blue);border-right:3px solid var(--blue)}
#compare thead th.hl{border-top:3px solid var(--blue)}
#compare tbody tr:last-child td.hl{border-bottom:3px solid var(--blue)}
#compare tr>:first-child{border-right:0}
#howto .start-flow{gap:32px}
#howto .start-flow>.visual-step{padding:22px 18px 20px}
#howto .visual-step-number{margin-bottom:14px}
#howto .start-flow .visual-step-image,#howto .start-flow .final .visual-step-image,#howto .start-flow .visual-step-image img{width:64px;height:64px}
#howto .start-flow h3{margin-bottom:10px}
#howto .start-flow .visual-step>p{margin-bottom:18px}
#howto .visual-step:after{width:14px;height:14px;right:-24px;border-width:3px}
#howto .start-flow .step-detail{font-size:14px}
#howto .start-flow .step-detail:hover,#howto .start-flow .final .step-detail:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.totop{width:50px;height:50px;border:0;border-radius:50%;background:transparent;box-shadow:none;padding:0}
.totop img{display:block;width:100%;height:100%}
.totop:hover{background:transparent;filter:brightness(.9)}
@media(max-width:740px){.step-line-icon{width:28px;height:28px}#compare thead th{font-size:20px}#howto .start-flow>.visual-step{padding:22px 24px}#howto .start-flow .step-detail{font-size:14px}#howto .visual-step:not(:last-child):after,#howto .visual-step:nth-child(2):after{bottom:-22px;left:calc(50% - 7px)}.totop{width:44px;height:44px}}
@media(max-width:370px){.step-line-icon{width:25px;height:25px}}
/* Slightly larger section emphasis and supporting copy. */
.sec-h h2 em{font-size:1.12em}
.sec-h p{font-size:18px}
#compare table,#compare tbody th{font-size:17px}
#compare tbody td.hl{color:#333}
#compare tbody td.hl .table-note{color:#65748b}
#compare tbody th{font-weight:700}
#compare thead th{font-size:24px}
#compare .table-note{font-size:.9em}
@media(max-width:740px){#compare thead th{font-size:21px}}
#howto .start-flow .visual-step>p{font-size:14px;text-align:center;max-width:29ch;margin-inline:auto;line-height:1.65}
.requirement-note{margin-top:14px;padding:14px 16px;border-radius:8px;background:#f5f6f8}
.requirement-row .requirement-note .requirement-extra{margin:0;font-size:14px;line-height:1.8}
.requirement-row .requirement-note .requirement-extra+.requirement-extra{margin-top:10px}
#features .product-capture{border:0;border-radius:12px;box-shadow:0 10px 26px #183d701c;overflow:hidden}
#features .screenshot-open{border:0;border-radius:0;box-shadow:none}
@media(max-width:1100px){.sec-h p{font-size:17px}}
@media(max-width:740px){.sec-h p{font-size:16px}#compare table,#compare tbody th{font-size:16px}#howto .start-flow .visual-step>p{font-size:15px}.requirement-note{padding:13px 14px}.requirement-row .requirement-note .requirement-extra{font-size:13px}}
@media(max-width:370px){.sec-h p{font-size:15px}}
/* One CSS frame owns all edges, independent of each image's display scale. */
#features .product-capture{border:2px solid #cbd9e9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 26px #183d701c}
#features .screenshot-open{border:0;border-radius:0}
.requirements-tags{align-self:center;justify-content:center;width:100%}
.requirement-row .plan-badge{padding:0;border:0;border-radius:0;background:transparent}
/* Give the FAQ introduction room for one complete desktop sentence. */
@media(min-width:1200px){.faq-layout{grid-template-columns:480px minmax(0,1fr);gap:48px}.faq-heading p{text-wrap:wrap}}
@media(min-width:961px) and (max-width:1199px){.faq-layout{grid-template-columns:460px minmax(0,1fr);gap:32px}.faq-heading p{text-wrap:wrap}}
/* Keep FAQ row separators quiet on the white section background. */
#faq .faq details{border-bottom-color:#e4eaf2}
/* Add breathing room inside the onboarding cards without enlarging the glyphs. */
#howto .start-flow>.visual-step{padding-block:30px 28px}
#howto .start-flow .visual-step-image,#howto .start-flow .final .visual-step-image{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#edf5ff}
#howto .start-flow .visual-step-image img{width:64px;height:64px}
/* The install glyph is drawn smaller than its neighbours; enlarge it to match. */
#howto .start-flow .visual-step-image--install img{width:72px;height:72px}
.faq-document-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px}
.faq-document-links a{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--blue);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.faq-external-icon{display:block;flex:none;width:13px;height:13px}
.faq-document-links a:hover{color:var(--blue-d)}
/* Align the specification hierarchy across operating systems, plan and account. */
.requirement-row dt{font-size:15px}
.requirement-row .os-list b,.requirement-row .plan-badge,.requirement-row dd>strong{color:var(--blue-d);font-weight:700}
/* Server versions share the OS name's colour, weight and size. */
.requirement-row .os-list span{color:var(--blue-d);font-weight:700;font-size:17px}
@media(max-width:740px){.requirement-row .os-list span{font-size:16px}}
@media(min-width:741px){.requirement-row{grid-template-columns:158px minmax(0,1fr)}}
/* Give the FAQ questions more prominence while keeping the answer hierarchy. */
#faq .faq summary,.faq__a{font-size:18px;font-weight:500}
@media(max-width:1199px){#faq .faq summary,.faq__a{font-size:17px}}
@media(max-width:740px){#faq .faq summary,.faq__a{font-size:16px}}

/* legal-fix additions */
.hero .hero-in>.hero-visual-note{width:100%;margin:-14px 0 0;text-align:center;font-size:12px;line-height:1.7;color:#c7dcf7;opacity:1}
@media(max-width:740px){.hero .hero-in>.hero-visual-note{margin-top:-12px;font-size:11px}}
.screen-image-note{margin:32px 0 0;font-size:13px;line-height:1.8;color:#64768b}
.landing-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:0 0 12px;padding:0;list-style:none}
.landing-footer .footer-links a{color:#d3d7df;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.landing-footer .tm-note{max-width:980px;margin:0 auto 10px;font-size:11px;line-height:1.8;color:#8e94a0}
@media(max-width:740px){.screen-image-note{font-size:12px;margin-top:24px}.landing-footer .tm-note{font-size:10px}}

/* Replacement illustration from the source banner. */
.hero .hero-visual{display:flex;align-items:center;justify-content:center;width:105.042017%;min-height:371px}
.hero .hero-visual .hero-motion{display:block;width:100%;height:auto;max-width:none;margin:0}
.hero-motion-mobile{display:none}
@media(max-width:1199px){.hero .hero-visual{min-height:clamp(280px,30vw,371px)}}
@media(min-width:741px){.hero .hero-visual{margin-top:-14px}}
.hero .btn-ghost{border:1px solid #ffffff73}
.hero .btn-ghost:hover{border-color:#ffffffb3}
/* Mobile hero: same two-stage flow as the PC SVG (server -> laptop -> cloud, 10.4s cycle). */
@media(max-width:740px){
  .hero .hero-visual{width:100%;min-height:0}
  .hero .hero-visual .hero-motion{display:none}
  .hero-motion-mobile{--flow-h:clamp(56px,15vw,84px);position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:4px 0 8px;isolation:isolate}
  .mobile-source{position:relative;z-index:1;display:block;width:58%;height:auto;filter:drop-shadow(0 8px 10px #00152b44)}
  .mobile-laptop{position:relative;z-index:2;width:88%;aspect-ratio:928/564;border:5px solid #303841;border-bottom-width:8px;border-radius:9px 9px 4px 4px;background:#fff;box-shadow:0 12px 28px #00152b77}
  .mobile-laptop:after{content:"";position:absolute;top:100%;left:-5%;width:110%;height:8px;border-radius:0 0 50% 50%;background:linear-gradient(#f2f4f6,#9daab8);box-shadow:0 6px 8px #00152b55}
  .mobile-screen{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0}
  .mobile-screen-0{animation:mobile-screen-0 10.4s linear infinite}
  .mobile-screen-1{animation:mobile-screen-1 10.4s linear infinite}
  .mobile-screen-2{animation:mobile-screen-2 10.4s linear infinite}
  .mobile-screen-3{animation:mobile-screen-3 10.4s linear infinite}
  .mobile-cloud{position:relative;z-index:2;width:60%;aspect-ratio:1120/630;filter:drop-shadow(0 7px 10px #00152b44)}
  .mobile-cloud-body{display:block;width:100%;height:100%;object-fit:contain}
  .mobile-cloud-brand{position:absolute;left:50%;top:48%;width:32%;height:auto;transform:translate(-50%,-50%)}
  /* Passage between two objects: the arrow is clipped to it, files pass behind the objects. */
  .mobile-flow{position:relative;z-index:0;width:100%;height:var(--flow-h)}
  .mobile-flow-track{position:absolute;inset:0;overflow:hidden}
  .mobile-arrow{position:absolute;left:50%;bottom:100%;width:28px;height:224%;margin-left:-14px;opacity:0}
  .mobile-arrow:before{content:"";position:absolute;left:50%;top:0;bottom:6px;width:6px;margin-left:-3px;border-radius:3px;background:linear-gradient(rgba(129,157,205,0),rgba(129,157,205,.18) 25%,rgba(129,157,205,.7) 65%,#819dcd)}
  .mobile-arrow svg{position:absolute;left:0;bottom:-4px;width:28px;height:20px;overflow:visible}
  .mobile-arrow path{fill:none;stroke:#819dcd;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
  .mobile-flow-1 .mobile-arrow{animation:mobile-arrow-1 10.4s linear infinite}
  .mobile-flow-2 .mobile-arrow{animation:mobile-arrow-2 10.4s linear infinite}
  .mobile-file{position:absolute;top:0;left:50%;width:30px;height:42px;margin-left:-15px;object-fit:contain;opacity:0}
  .mobile-flow-1 .mobile-file{--file-to:calc(var(--flow-h) + 40px);animation:mobile-file-1 10.4s linear infinite}
  .mobile-flow-2 .mobile-file{--file-to:calc(var(--flow-h) + 46px);animation:mobile-file-2 10.4s linear infinite}
  .mobile-file-1{animation-delay:.45s !important}.mobile-file-2{animation-delay:.9s !important}.mobile-file-3{animation-delay:1.35s !important}
}
@keyframes mobile-screen-0{0%,3.84%,100%{opacity:1}3.85%,99.99%{opacity:0}}
@keyframes mobile-screen-1{0%,3.84%,8.65%,100%{opacity:0}3.85%,8.64%{opacity:1}}
@keyframes mobile-screen-2{0%,8.65%,80.28%,100%{opacity:0}8.66%,80.27%{opacity:1}}
@keyframes mobile-screen-3{0%,80.28%,100%{opacity:0}80.29%,99.99%{opacity:1}}
@keyframes mobile-arrow-1{0%,8.65%{opacity:0;transform:translateY(-2%)}8.66%{opacity:1}39.96%{opacity:1;transform:translateY(148%)}39.97%,100%{opacity:0;transform:translateY(148%)}}
@keyframes mobile-arrow-2{0%,34.25%{opacity:0;transform:translateY(-2%)}34.26%{opacity:1}71.76%{opacity:1;transform:translateY(148%)}71.77%,100%{opacity:0;transform:translateY(148%)}}
@keyframes mobile-file-1{0%,13.46%{opacity:0;transform:translateY(-48px)}14.42%{opacity:1}24.07%{opacity:1;transform:translateY(var(--file-to))}24.08%,100%{opacity:0;transform:translateY(var(--file-to))}}
@keyframes mobile-file-2{0%,39.06%{opacity:0;transform:translateY(-48px)}40.02%{opacity:1}52.82%{opacity:1;transform:translateY(var(--file-to))}52.83%,100%{opacity:0;transform:translateY(var(--file-to))}}
@media(prefers-reduced-motion:reduce){.mobile-screen,.mobile-file,.mobile-arrow{animation:none}.mobile-screen-3{opacity:1}.mobile-file,.mobile-arrow{display:none}}/* Footer brand and legal navigation. */
footer.landing-footer{padding-block:28px 20px;text-align:left}
.landing-footer .footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:23px}
.landing-footer .footer-brand{display:inline-flex;align-items:center;flex:none}
.landing-footer .footer-brand img{display:block;width:216px;height:auto;max-width:100%}
.landing-footer .footer-main nav{margin-left:auto}
.landing-footer .footer-links{justify-content:flex-end;align-items:center;gap:10px 25px;margin:0}
.landing-footer .footer-links a{color:#e5e9f2;text-decoration:none;white-space:nowrap}
.landing-footer .footer-links a:hover,.landing-footer .footer-links a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.landing-footer .footer-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid rgba(171,185,208,.14);padding-top:14px}
.landing-footer .footer-meta .tm-note{min-width:0;max-width:820px;margin:0}
.landing-footer .footer-meta small{flex:none;color:#aab1be;font-size:12px;white-space:nowrap}
@media(max-width:740px){
  footer.landing-footer{padding-block:25px 20px}
  .landing-footer .footer-main{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:20px}
  .landing-footer .footer-brand img{width:185px}
  .landing-footer .footer-main nav{margin-left:0}
  .landing-footer .footer-links{justify-content:flex-start;gap:10px 17px}
  .landing-footer .footer-links a{font-size:12px;white-space:normal}
  .landing-footer .footer-meta{align-items:flex-start;flex-direction:column;gap:10px}
  .landing-footer .footer-meta small{font-size:11px}
}

/* ========================================
■ section header start ▼
（他LP（cloudgate_uno / directcloud_ai）と同じヘッダー構造）
======================================== */

:root{--hd-h:80px}
body{padding-top:var(--hd-h)}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header__container {
    max-width: 1400px;
    height: var(--hd-h);
    padding: 0 24px;
    margin: auto;
    display: flex;
    align-items: center;
}

.header_logo {
    width: 17%;
    margin-right: 30px;
    min-width: 240px;
}

.header_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header__navi {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__navi--left {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.header__navi--left li {
    margin-right: 16px;
    margin-left: 16px;
}

.header__navi--left li a {
    color: #4f5f6d;
    font-weight: 700;
    white-space: nowrap;
    transition: color .2s;
}

.header__navi--left li a:hover,
.header__navi--left li a.active {
    color: #3578e3;
}

.header__navi--right {
    display: flex;
    align-items: center;
}

#lp_rightContents {
    padding: 9px 10px 5px 0px;
}

li.navi_cta {
    width: 48.5%;
    text-align: center;
    height: 40px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    border: 1.5px solid rgba(79,95,109,.2);
    min-width: 160px;
    background-color: #fff;
}

li.navi_cta:hover {
    border: 1px solid #ffffff;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transform: scale(1.02,1.02);
    transition: transform .2s;
}

li.navi_cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #6c6e70;
}

li.navi_cta a:hover {
    color: #3578e3;
}

.cta_orange {
    background-color: #FF114A !important;
    border: 1px solid #FF114A !important;
    margin-left: 10px;
}

.cta_orange a {
    color: #fff !important;
}

.sp_hamburger_Btn {
    display: none;
}

.sp_toggle_menu {
    display: none;
}

@media (max-width: 1199px) {
  :root{--hd-h:65px}

  .header {
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
  }

  .header__container {
    width: 100%;
    padding: 0px 20px;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    background: #fff;
  }

  .header_logo {
    min-width: 210px;
    margin-right: 0;
    padding-top: 4px;
  }

  .header__navi {
    display: none;
  }

  .sp_hamburger_Btn {
    display: block;
    height: 22px;
    width: 27px;
    position: relative;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }

  .hamburger_Btn_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background-color: #0A4FB8;
    transform-origin: center;
    transition: opacity .3s ease, transform .3s ease;
  }

  .hamburger_Btn_line:nth-child(2) {
    top: 10px;
  }

  .hamburger_Btn_line:nth-child(3) {
    top: 20px;
  }

  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
  }

  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(2) {
    opacity: 0;
  }

  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(3) {
    transform: translateY(-10px) rotate(45deg);
  }

  .sp_toggle_menu {
    display: block;
    position: fixed;
    top: var(--hd-h);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--hd-h));
    margin-top: -100vh;
    overflow-y: auto;
    background-color: #fff;
    font-size: 17px;
    visibility: hidden;
    transition: margin .3s ease, visibility 0s linear .3s;
  }

  .sp_toggle_menu.active {
    margin-top: 0;
    border-top: 1px solid #d8d8d8;
    visibility: visible;
    transition: margin .3s ease;
  }

  .sp_toggle_contents {
    padding: 25px;
  }

  .sp_toggle_title {
    position: relative;
    margin-bottom: 25px;
    font-weight: 600;
  }

  .sp_toggle_title a {
    color: #4f5f6d;
    display: block;
    width: 100%;
  }

  .sp_toggle_cta_area {
    border-top: 1px solid #d8d8d8;
  }

  .sp_toggle_cta_area .header__navi--right {
    padding: 25px;
    flex-direction: column;
  }

  .sp_toggle_cta_area li.navi_cta {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
  }

  .sp_toggle_cta_area li.navi_cta a {
    font-size: 19px;
  }

  .sp_toggle_cta_area .cta_orange {
    margin-left: 0;
  }
}

/* ========================================
■ section header end　▲
======================================== */

/* Bottom CTA: larger button labels. */
.landing-cta .btn{min-width:250px;font-size:17px}
@media(max-width:740px){
  .landing-cta .btn{min-width:0;min-height:54px;font-size:16px}
}

/* Mobile body text: tighter leading than the original 1.9-2.1. */
@media(max-width:740px){
  .sec-h p,.intro p,.ftxt>p,.pt>p,.faq-heading p,.cta.landing-cta p{line-height:1.7}
  .visual-step>p,.start-flow .visual-step>p,.preflight ul,.caution li,.faq__a,#faq .faq summary{line-height:1.7}
  .hero .desc{line-height:1.75}
}

/* Step features: lighter, larger titles; larger body copy with tighter leading. */
#features .ftxt h3{font-size:36px;font-weight:700}
#features .ftxt>p:not(.step-warning){font-size:17px;line-height:1.75}
#features .ftxt .step-warning{margin-top:18px}
@media(max-width:1100px){#features .ftxt h3{font-size:32px}}
@media(max-width:740px){
  #features .ftxt h3{font-size:28px}
  #features .ftxt>p:not(.step-warning){font-size:16px;line-height:1.6}
}
@media(max-width:370px){#features .ftxt h3{font-size:26px}}

/* Hero tagline: one step below the catch copy at every breakpoint. */
.hero .desc{font-size:18px}
@media(max-width:1199px){.hero .desc{font-size:17px}}
@media(max-width:960px){.hero .desc{font-size:16px}}
@media(max-width:740px){.hero .desc{font-size:15px}}
@media(max-width:370px){.hero .desc{font-size:14px}}

/* Screen image disclaimer matches the comparison table note. */
.screen-image-note{font-size:14px;font-weight:400;color:#7c899a}
@media(max-width:740px){.screen-image-note{font-size:13px}}

/* Section lead copy: one pixel larger at every breakpoint. */
.sec-h p{font-size:19px}
@media(max-width:1100px){.sec-h p{font-size:18px}}
@media(max-width:740px){.sec-h p{font-size:17px}}
@media(max-width:370px){.sec-h p{font-size:16px}}

/* Section titles: two pixels larger at every breakpoint. */
.sec-h h2,.faq-heading h2{font-size:46px}
@media(max-width:1100px){.sec-h h2{font-size:40px}.faq-heading h2{font-size:38px}}
@media(max-width:960px){.faq-heading h2{font-size:40px}}
@media(max-width:740px){.sec-h h2,.faq-heading h2{font-size:32px}}
@media(max-width:370px){.sec-h h2,.faq-heading h2{font-size:30px}}

/* Hero: product name first, catch copy below, flat release tag so only the CTAs read as buttons. */
.hero h1 em{background:none;color:#fff;-webkit-text-fill-color:#fff}
/* Catch copy shares the white; hierarchy comes from size (~0.75x the product name) and weight. */
.hero h1>span{margin-top:.55em;color:#fff;font-weight:700}
@media(min-width:741px){.hero h1>span{font-size:.94em}}
@media(max-width:740px){.hero h1>span{font-size:clamp(19px,5.3vw,30px)}}
.hero .desc{color:#b8d0f0;line-height:1.7}
.hero .hero-in>.hero-visual-note{color:#8aa3c8}
/* Sized in em so the tag tracks the product name's cap height at every breakpoint. */
.hero h1 em .hero-title-beta[class]{position:relative;top:-.11em;margin-left:.55em;padding:.3em .5em;border:0;border-radius:.29em;background:#fff;color:#1b5cbb;-webkit-text-fill-color:#1b5cbb;font-size:.45em;font-weight:800;line-height:1}
@media(max-width:740px){.hero h1 em .hero-title-beta[class]{padding:.27em .45em;font-size:.47em}}