:root{--ink:#153d58;--muted:#8595a2;--line:#e0e9ef;--blue:#175987}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f6f9fb;color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}header{height:91px;display:flex;justify-content:space-between;align-items:center;max-width:1250px;margin:auto;padding:0 38px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:600;color:var(--ink);line-height:1.25}.logo img{width:61px;height:49px;object-fit:contain;border-radius:6px}.logo small{font-size:10px;display:block;font-weight:400;letter-spacing:2px;color:#7890a1;margin-top:5px}nav{display:flex;align-items:center;gap:26px;font-size:11px}nav a{color:#688398}.free,.tag,.service{font-size:10px;border:1px solid #d6e6ef;border-radius:5px;padding:5px 10px;background:#edf5f9;color:#537f9b;white-space:nowrap}main{max-width:1250px;margin:auto;padding:0 38px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:470px;padding:40px 40px 45px;gap:50px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#6a98b6;font-weight:500}h1{font-size:49px;line-height:1.35;letter-spacing:-1px;margin:21px 0;font-weight:550}.hero p{color:#748d9e;font-size:14px;line-height:2;margin:0 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:11px 19px;border:1px solid transparent;border-radius:6px;font-size:12px;white-space:nowrap}.primary{background:#174e73;color:white;border-color:#174e73;box-shadow:0 5px 15px #224f6a13}.primary:hover{background:#0c3f62}.outline{background:white;color:#47738f;border-color:#d4e2eb}.hero-note{display:block;font-size:10px;color:#9cabb5;margin-top:14px}.hero-art{position:relative;width:310px;flex:none;padding:0 20px}.hero-art img{width:240px;height:300px;object-fit:cover;border-radius:90px 90px 18px 18px;box-shadow:0 16px 45px #164d7022}.hero-art>span{display:block;margin:16px 0 0;font-size:11px;color:#87a2b5;letter-spacing:1px;text-align:center;max-width:240px}.steps{display:flex;align-items:center;justify-content:space-between;background:#eaf2f7;border:1px solid #dfeaf2;border-radius:9px;padding:19px 29px;font-size:11px;color:#6f8a9e}.steps b{color:#376c91;margin-right:9px;font-size:12px}.steps i{font-style:normal;color:#b1c6d5}.section-top{margin:49px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:26px;font-weight:550;margin:7px 0 8px}.section-top p{margin:0;color:#8c9eab;font-size:11px}.desk{display:grid;grid-template-columns:minmax(350px,1fr) minmax(350px,1fr);gap:23px;align-items:start}.input-card,.output-card{padding:24px;background:white;border:1px solid var(--line);border-radius:10px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 23px;padding-bottom:18px;border-bottom:1px solid #e9eff4}.card-head h3{margin:0;font-size:15px;font-weight:550}.text{border:0;background:transparent;color:#6e91a9;font-size:10px;padding:5px 0}.text:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;color:#708a9e;font-size:11px;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid #dfe8ef;border-radius:5px;outline:0;padding:10px 11px;color:#3e6078;background:#fff;margin-top:7px;font-size:12px}input::placeholder,textarea::placeholder{color:#acb9c2}input:focus,textarea:focus,select:focus{border-color:#79a5c2;box-shadow:0 0 0 2px #edf5fa}textarea{resize:vertical;min-height:90px;line-height:1.85}#materials{height:195px}.material-label{display:flex;justify-content:space-between;align-items:center;margin:4px 0 0;font-size:11px;color:#69879b}.material-label b{font-weight:500}.file-button{cursor:pointer;color:#6b99b7;border:1px dashed #c9dbe7;padding:5px 9px;border-radius:5px;margin:0;font-size:9px}.file-button input{display:none}.consent{display:flex;align-items:flex-start;gap:8px;line-height:1.9;font-size:10px;color:#8a9daa}.consent input{width:13px;height:13px;margin:3px 0 0;box-shadow:none;flex:none}.actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:17px}.fine{color:#97a7b2;font-size:10px;line-height:1.95}.progress,.notice{border:1px solid #d6e7f3;background:#eff7fc;color:#54829f;font-size:11px;padding:13px 15px;border-radius:6px;margin-top:17px}.notice{margin:0 0 20px}.cloud-choice{display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.cloud-choice select{margin:0;min-width:0;width:100%;font-size:11px;padding:7px}.empty{padding:70px 20px 100px;text-align:center}.empty>span{color:#a4c2d6;font-size:34px}.empty h3{font-size:16px;font-weight:500;margin:18px 0 10px}.empty p{color:#9aabb7;font-size:11px;line-height:2}.article-list{margin-top:24px}.article-row{width:100%;display:block;text-align:left;border:1px solid #e1eaf1;background:#fff;border-radius:6px;padding:13px 15px;color:#4c6f87;font-size:12px;margin-bottom:9px}.article-row.selected{background:#eff6fb;border-color:#92b5cf}.article-row small{display:block;color:#98acbb;font-size:9px;margin-top:4px}.title-input{font-size:18px;line-height:1.65;font-weight:550;border:0;border-bottom:1px solid #e4edf3;border-radius:0;padding:14px 0;color:#214d6a}#body{height:220px;border:0;padding:15px 0;font-size:12px;line-height:1.95}.preview-label{text-align:center;font-size:10px;letter-spacing:1px;color:#8ea7b8;background:#eef4f8;padding:12px;border:1px solid #e3edf4;border-bottom:0;border-radius:9px 9px 0 0}iframe{height:570px;width:100%;border:1px solid #e2ebf2;border-radius:0 0 9px 9px;background:#fff}.assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:42px 0;padding:31px 5px;border-top:1px solid #e4ecf2;border-bottom:1px solid #e4ecf2}.assurance b{font-size:13px;font-weight:550}.assurance p{font-size:11px;color:#8d9faa;line-height:1.95;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 35px;gap:30px}footer b{font-size:15px;font-weight:550}footer p,footer a{font-size:10px;color:#89a0b0}.workspace-note{font-size:9px;color:#9eafbb;line-height:2}.footer-qr{display:flex;gap:12px;align-items:center}.footer-qr img{width:82px;height:82px;background:white;border:1px solid #e2ecf2}.footer-qr span{font-size:9px;line-height:2}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#173f5b;color:white;padding:11px 18px;border-radius:6px;font-size:12px;max-width:90vw;z-index:5;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(max-width:920px){main,header{padding-left:23px;padding-right:23px}.hero{padding:35px 5px;gap:20px}.hero-art{width:260px}.hero-art img{width:210px;height:260px}h1{font-size:40px}.desk{grid-template-columns:1fr}.steps{padding:15px 19px;gap:12px;font-size:10px}.steps b{margin-right:4px}.workspace-note{display:none}.section-top p{max-width:500px}}@media(max-width:620px){header{height:78px;padding:0 17px}.logo{font-size:18px;gap:8px}.logo img{width:49px;height:39px}nav{gap:11px;font-size:10px}nav>a{display:none}main{padding:0 16px}.hero{min-height:350px;gap:8px;padding:29px 1px 33px}.hero h1{font-size:31px;margin:15px 0;letter-spacing:-.5px}.hero p{font-size:11px;line-height:1.95}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-art{width:139px;padding:0 0 0 5px}.hero-art img{width:130px;height:182px;border-radius:60px 60px 8px 8px}.hero-art>span{font-size:8px;letter-spacing:0;margin-top:9px}.hero-note{font-size:8px}.hero .button{font-size:10px;padding:9px 12px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px}.steps i{display:none}.steps span{white-space:nowrap;font-size:10px}.section-top{margin-top:31px;align-items:flex-start}.section-top h2{font-size:22px}.section-top p{font-size:10px}.section-top .service{font-size:8px;padding:4px 6px;margin-top:16px}.desk{gap:16px}.input-card,.output-card{padding:19px 16px}.form-grid{gap:12px}.card-head h3{font-size:14px}.card-head{gap:8px}.card-head .text{font-size:9px}.tag{font-size:8px;padding:4px 7px}.assurance{grid-template-columns:1fr;gap:23px;padding:25px 0;margin:31px 0}.assurance p{margin-top:5px}.assurance b{font-size:12px}footer{gap:14px}.footer-qr img{width:68px;height:68px}.footer-qr span{display:none}.free{font-size:9px}.hero-art img{box-shadow:0 8px 25px #164d701f}label{font-size:10px}.fine{font-size:9px}}

.writing-method{background:#f4f8fb;border:1px solid #dce8f0;border-radius:9px;padding:16px 20px;margin:18px 0;color:#516f85;font-size:12px;line-height:1.9}.writing-method summary{cursor:pointer;color:#205474;font-weight:600}.writing-method a{color:#246c9b}.writing-method button{display:block;text-align:left;max-width:100%;white-space:normal;line-height:1.8;margin-top:8px}
/* Public product identity — 2026-10-20 */
:root{--ink:#102f4b;--brand:#0d3b8c;--cyan:#00b4d8;--line:#dce6ef}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:#f6f8fc;color:var(--ink)}header{max-width:1380px;height:104px;padding:0 46px;margin:auto}.logo{font-size:19px;letter-spacing:.3px}.logo img{width:65px;height:52px}.logo small{font-size:10px;color:#60798c;letter-spacing:1.2px}.logo span{white-space:nowrap}nav{gap:27px;font-size:12px}nav a{color:#526c82}nav .nav-cta{padding:11px 18px;border:1px solid #cddde9;border-radius:7px;color:#173e66;background:#fff}main{max-width:1380px;padding:0 35px;margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;min-height:660px;background:#0a1930;background-image:radial-gradient(ellipse at 95% 7%,#15557866,transparent 52%),radial-gradient(ellipse at 0 100%,#0c3d6966,transparent 52%);padding:52px 60px 56px;border-radius:22px;color:#f8fcff;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.ecosystem-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #456e855e;padding:7px 11px;border-radius:5px;color:#b8d9ea;font-size:11px;letter-spacing:.4px}.brand-dot{width:6px;height:6px;border-radius:50%;background:#64d5e8;box-shadow:0 0 10px #4eb4d750}.hero .eyebrow{font-size:9px;letter-spacing:2px;color:#81a6c1;margin:24px 0 17px}.hero h1{font-size:48px;font-weight:600;line-height:1.4;letter-spacing:-1.5px;margin:0 0 21px;color:white}.hero h1 span{color:#83d7eb}.mobile-break{display:none}.hero .hero-description{font-size:14px;color:#b8cadc;line-height:2.1;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.hero .primary{background:#c8f2fb;border-color:#c8f2fb;color:#103455;padding:13px 21px;font-size:13px;box-shadow:none;font-weight:600}.hero .primary:hover{background:#e2faff}.hero-secondary{font-size:12px;color:#afcbdc}.hero-notes{display:flex;gap:15px;margin-top:20px;font-size:10px;color:#89a9be}.hero-notes span+span{border-left:1px solid #5b7c954d;padding-left:15px}.hero-art{position:relative;width:auto;padding:43px 0 0;align-self:center;min-width:0}.orbit-label{position:absolute;left:16px;right:0;top:-24px;display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:2}.hero-art .orbit-label img{width:78px;height:100px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 18px #0003)}.orbit-label>span{font-size:12px;color:#c5e6f3;line-height:1.7;text-align:left}.orbit-label small{display:block;font-size:9px;color:#83a9c4;letter-spacing:1px}.article-mock{background:#fff;border:1px solid #d8e7f0;border-radius:12px;box-shadow:0 26px 65px #0003;transform:rotate(1.7deg);overflow:hidden;color:#183b5c}.mock-top{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f1f6f9;padding:13px 20px;border-bottom:1px solid #e3edf4;font-size:8px;color:#71889d;letter-spacing:1px}.mock-dots{color:#b6c6d2;font-size:7px;word-spacing:3px}.mock-top b{font-size:8px;color:#7595ac;font-weight:500}.mock-body{padding:26px 29px 23px}.mock-status{font-size:9px;color:#3d7c9a;letter-spacing:.5px}.hero .mock-body h2{font-size:28px;font-weight:600;line-height:1.55;letter-spacing:-.5px;color:#133554;margin:17px 0 14px}.mock-body h2 em{font-style:normal;color:#0c7296}.hero .mock-body .mock-meta{font-size:9px;color:#8b9ead;margin:0 0 18px;line-height:1.5}.mock-rule{width:35px;height:3px;background:#6bc3da;margin-bottom:17px}.hero .mock-body p{font-size:11px;line-height:1.9;color:#415f78;margin:8px 0}.hero .mock-body p.mock-muted{font-size:10px;color:#7b91a2;line-height:1.95}.mock-quote{font-size:11px;line-height:1.9;border-left:2px solid #57b6cc;padding:10px 13px;margin:17px 0;background:#eff7fa;color:#326581}.mock-bottom{display:flex;gap:7px;margin-top:21px}.mock-bottom span{font-size:8px;background:#edf3f7;border-radius:3px;padding:4px 7px;color:#6f899c}.floating-label{position:absolute;right:-14px;bottom:-16px;padding:12px 17px;border:1px solid #7bafc360;background:#17475b;color:#d0edf3;border-radius:6px;box-shadow:0 8px 25px #0003;font-size:10px}.floating-label span{margin-left:15px}.product-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:29px 35px;margin:0 22px;background:#fff;border:1px solid #e3ebf1;border-top:0;border-radius:0 0 13px 13px;gap:30px}.product-strip>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center}.product-strip span{grid-row:span 2;color:#8fadc2;font-size:11px;font-variant-numeric:tabular-nums}.product-strip b{font-size:13px;font-weight:550;line-height:1.7}.product-strip small{font-size:10px;color:#8298aa;margin-top:3px}.how-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding:78px 48px 66px}.how-intro h2{font-size:31px;line-height:1.6;margin:16px 0;font-weight:550;color:#153c5d;letter-spacing:-.5px}.how-intro p{font-size:13px;color:#758e9f;line-height:2}.text-link{display:inline-block;font-size:12px;color:#2b6d94;margin-top:16px}.how-steps{padding-top:5px}.how-steps article{display:flex;gap:23px;padding:20px 0;border-bottom:1px solid #dfe9f0}.how-steps article:first-child{padding-top:0}.how-steps article>span{font-size:11px;color:#80a2ba;margin-top:6px}.how-steps h3{font-size:16px;margin:0 0 8px;font-weight:550}.how-steps p{font-size:12px;color:#6c8597;line-height:2;margin:0;max-width:420px}#workspace{padding:30px 28px 0;border-radius:17px;background:#edf3f8;border:1px solid #dfe9f1}.section-top{margin:0 0 25px}.section-top h2{font-size:28px;margin:10px 0 12px}.section-top p{font-size:12px;line-height:1.9;color:#658094}.service{color:#2c6487;font-size:11px;background:#fff}.desk{gap:20px}.input-card,.output-card{padding:25px;border-radius:12px;border-color:#dce7ef}.card-head h3{font-size:16px}.card-head{margin-bottom:22px}.text{color:#386e92;font-size:11px}.tag{font-size:10px;color:#537995}label{font-size:12px;color:#506f85}input,textarea,select{font-size:13px;color:#264d68;border-color:#d9e5ee;padding:11px 12px}input::placeholder,textarea::placeholder{color:#8c9fac}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #dff2fa;border-color:#5e9abb}.button{font-size:12px;border-radius:7px;padding:12px 18px}.primary{background:#164a76;border-color:#164a76}.primary:hover{background:#0f3d65}.fine{color:#71899a;font-size:11px;line-height:1.9}.consent{font-size:11px;color:#647d90}.file-button{font-size:10px;color:#43779b}.material-label{font-size:12px}.cloud-choice{font-size:11px}.cloud-choice select{font-size:12px}.empty{padding:65px 20px 80px}.empty h3{font-size:16px;color:#2a536e}.empty p{font-size:12px;color:#7c94a6}.writing-method{font-size:12px;margin:0 0 20px;background:#f9fcff}.assurance{margin:45px 27px;padding:32px 3px;gap:35px}.assurance b{font-size:14px}.assurance p{font-size:12px;color:#738b9c}footer{padding:0 30px 35px}footer b{font-size:18px}footer p,footer a{font-size:11px;color:#6e879b}.workspace-note{font-size:10px;color:#7d94a6}.footer-qr img{width:84px;height:84px}.footer-qr span{font-size:10px;color:#6e879b}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:14px;z-index:9}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #34a5cc;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.58}
@media(min-width:1450px){.hero h1{font-size:53px}.hero{min-height:695px}.hero .mock-body h2{font-size:31px}}
@media(max-width:1050px){header{padding:0 28px}.hero{padding:42px 36px;gap:35px;min-height:600px}.hero h1{font-size:39px;letter-spacing:-1px}.hero .hero-description{font-size:12px}.mock-body{padding:22px}.hero .mock-body h2{font-size:24px}.orbit-label>span{font-size:10px}.hero-art .orbit-label img{width:65px;height:85px}.how-section{gap:50px;padding:65px 20px 55px}.how-intro h2{font-size:28px}.product-strip{padding:25px 23px;gap:15px}.product-strip>div{grid-template-columns:22px 1fr;gap:5px}.product-strip b{font-size:12px}.hero-actions{gap:17px}.hero-secondary{font-size:10px}.hero .primary{padding:12px 17px;font-size:12px}main{padding:0 25px}.desk{grid-template-columns:1fr}}
@media(max-width:700px){header{height:91px;padding:0 19px;gap:12px}.logo{font-size:15px;gap:8px}.logo img{width:50px;height:40px}.logo small{font-size:8px;letter-spacing:.4px}nav{gap:0}nav>a{display:none}nav .nav-cta{display:inline-flex;font-size:10px;padding:8px 10px;gap:4px}main{padding:0 13px}.hero{display:grid;grid-template-columns:1fr;gap:39px;padding:27px 25px 39px;border-radius:15px;min-height:auto}.ecosystem-badge{font-size:9px;padding:6px 9px;gap:6px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin:21px 0 15px}.hero h1{font-size:33px;line-height:1.45;letter-spacing:-1px;margin-bottom:17px}.mobile-break{display:block}.hero .hero-description{font-size:12px;line-height:2.05;margin-bottom:23px}.hero-actions{gap:18px}.hero .primary{font-size:11px;padding:12px 16px}.hero-secondary{font-size:10px}.hero-notes{font-size:9px;gap:11px;margin-top:18px}.hero-notes span+span{padding-left:11px}.hero-art{padding-top:50px;max-width:360px;width:100%;margin:0 auto;justify-self:center}.hero-art .orbit-label img{width:60px;height:81px}.orbit-label{top:-18px;left:0;justify-content:flex-end;gap:5px}.orbit-label>span{font-size:10px}.orbit-label small{font-size:8px}.article-mock{transform:rotate(1deg)}.mock-top{padding:11px 15px;font-size:8px}.mock-body{padding:23px 23px 20px}.hero .mock-body h2{font-size:27px;line-height:1.5}.hero .mock-body p{font-size:11px}.hero .mock-body p.mock-muted{font-size:10px}.mock-quote{font-size:10px}.mock-bottom{margin-top:16px}.floating-label{right:-7px;bottom:-14px;padding:10px 13px;font-size:9px}.product-strip{grid-template-columns:1fr;margin:0 8px;padding:22px 23px;gap:20px}.product-strip>div{grid-template-columns:29px 1fr;gap:3px 10px}.product-strip b{font-size:12px}.product-strip small{font-size:10px;margin-top:0}.how-section{grid-template-columns:1fr;gap:26px;padding:47px 15px 40px}.how-intro h2{font-size:27px;line-height:1.5;margin:14px 0}.how-intro p{font-size:12px}.text-link{font-size:11px;margin-top:9px}.how-steps article{padding:20px 0;gap:18px}.how-steps h3{font-size:15px}.how-steps p{font-size:12px}.how-steps article:first-child{padding-top:5px}#workspace{padding:25px 10px 13px;border-radius:12px}.section-top{display:block;padding:0 5px}.section-top h2{font-size:23px;margin:10px 0}.section-top p{font-size:11px}.section-top .service{display:inline-block;font-size:10px;margin-top:13px;padding:5px 9px}.input-card,.output-card{padding:20px 16px}.card-head h3{font-size:15px}.card-head{gap:10px}.card-head .text{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}label{font-size:12px}input,textarea,select{font-size:13px}#materials{height:190px}.fine{font-size:10px}.consent{font-size:10px}.tag{font-size:9px}.button{font-size:11px;padding:11px 14px}.writing-method{padding:13px 15px;font-size:11px}.actions{gap:12px}.assurance{margin:31px 13px;padding:27px 0;gap:24px}.assurance p{font-size:11px}.assurance b{font-size:13px}footer{padding:0 13px 30px;align-items:flex-start;gap:16px}footer b{font-size:15px}footer p{font-size:10px;line-height:1.8}.footer-qr img{width:75px;height:75px}.footer-qr span{display:block;font-size:8px}.footer-qr{display:block;text-align:center}.empty{padding:48px 8px 60px}.empty p{font-size:11px}.empty h3{font-size:14px}.cloud-choice{font-size:10px}.cloud-choice select{font-size:11px;min-width:0}.text{font-size:11px}.article-row{line-height:1.9;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}