.document-section{position:relative;overflow:hidden;padding:clamp(85px,10vw,150px) clamp(22px,7vw,110px);background:#eef5f1}.document-section:before{content:"";position:absolute;width:560px;height:560px;right:-250px;top:12%;border-radius:50%;background:rgba(19,185,138,.1);filter:blur(12px)}.document-heading{position:relative;max-width:980px;margin:0 auto 65px;text-align:center}.document-heading h2{margin:18px 0 18px;font-size:clamp(43px,7vw,82px);line-height:.98;letter-spacing:-.055em}.document-heading>p:last-child{margin:0;color:var(--muted);font-size:clamp(18px,2.1vw,24px);font-weight:700}.document-demo{position:relative;max-width:1120px;margin:auto;padding:30px;border:1px solid rgba(8,43,53,.1);border-radius:42px;background:rgba(255,255,255,.78);box-shadow:0 30px 90px rgba(8,43,53,.11);backdrop-filter:blur(16px)}.document-demo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5px 22px;border-bottom:1px solid var(--line)}.document-demo-head span{color:var(--orange);font-size:.75rem;font-weight:950;letter-spacing:.12em}.document-demo-head strong{font-size:.78rem;letter-spacing:.1em}.document-stage{position:relative;min-height:610px}.document-step{position:absolute;inset:0;display:grid;grid-template-columns:minmax(280px,.84fr) minmax(320px,1.16fr);align-items:center;justify-items:center;gap:clamp(35px,7vw,90px);padding:42px clamp(10px,4vw,48px);opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .42s ease,transform .42s ease,visibility .42s}.document-step.active{opacity:1;visibility:visible;transform:none}.document-phone{position:relative;width:285px;height:510px;padding:28px 17px 18px;border:8px solid var(--ink);border-radius:45px;background:#f9f7f2;box-shadow:0 24px 60px rgba(8,43,53,.18);overflow:hidden}.document-phone:before{content:"";position:absolute;top:9px;left:50%;width:72px;height:19px;transform:translateX(-50%);border-radius:20px;background:var(--ink)}.doc-phone-bar{display:flex;align-items:center;gap:9px;padding:11px 2px 15px;border-bottom:1px solid var(--line)}.doc-phone-bar>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#fff;font-size:.68rem;font-weight:950}.doc-phone-bar b{font-size:.82rem}.doc-phone-bar i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--mint)}.doc-phone-bar.muted{opacity:.28}.doc-chat-space{height:205px;display:grid;place-items:center;text-align:center;color:#8b9695}.doc-chat-space p{max-width:160px;font-size:.8rem;line-height:1.45}.doc-add-menu{position:absolute;left:13px;right:13px;bottom:14px;padding:15px;border-radius:25px;background:#fff;box-shadow:0 12px 35px rgba(8,43,53,.12)}.doc-add-menu>small{display:block;margin:0 0 11px;color:var(--green);font-size:.54rem;font-weight:950;letter-spacing:.14em}.doc-add-menu button{width:100%;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;border:1px solid #f2e5d5;border-radius:17px;background:#fff9f0;padding:11px;text-align:left;color:var(--ink)}.doc-add-menu button span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ffe9d3;color:var(--orange);font-size:1.25rem}.doc-add-menu button b{font-size:.78rem}.doc-add-menu button i{font-size:.61rem;color:var(--muted);font-style:normal}.document-copy{max-width:520px}.document-copy.centered{text-align:center}.document-kicker{margin:0 0 14px;color:var(--orange)!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.17em}.document-copy h3{margin:0;font-size:clamp(37px,4.7vw,62px);line-height:1;letter-spacing:-.045em}.document-copy>p:last-child{margin:20px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.55}.document-copy>p:last-child strong{color:var(--green)}.notice-phone{display:grid;align-items:center}.doc-warning{position:absolute;left:13px;right:13px;top:85px;padding:20px 16px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 16px 40px rgba(8,43,53,.14)}.doc-symbol{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 11px;border-radius:50%;background:#fff0df;color:var(--orange);font-size:1.25rem}.doc-warning>small{color:var(--green);font-size:.55rem;font-weight:950;letter-spacing:.14em}.doc-warning h4{margin:10px 0 8px;font-size:1rem;line-height:1.3}.doc-warning p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}.doc-warning>div{display:flex;gap:8px;margin-top:17px}.doc-warning button{flex:1;min-height:39px;border:1px solid var(--green);border-radius:999px;background:#fff;color:var(--green);font-size:.64rem;font-weight:950}.doc-warning button:last-child{background:var(--green);color:#fff}.document-route{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;margin-bottom:-20px}.route-person{width:86px;height:86px;display:grid;place-items:center;border-radius:30px;background:var(--green);color:#fff;font-size:1.8rem;font-weight:950;box-shadow:0 16px 35px rgba(0,118,93,.2)}.document-route>div{display:flex;align-items:center;flex:1;max-width:520px}.document-route i{height:3px;flex:1;background:linear-gradient(90deg,var(--orange),var(--mint));position:relative}.document-route i:after{content:"";position:absolute;right:-1px;top:50%;width:9px;height:9px;border-top:3px solid var(--mint);border-right:3px solid var(--mint);transform:translateY(-50%) rotate(45deg)}.document-route b{min-width:125px;padding:18px 15px;border-radius:18px;background:#fff0df;color:var(--orange);font-size:.84rem;text-align:center;box-shadow:0 12px 30px rgba(8,43,53,.08)}.document-step:has(.document-route){grid-template-columns:1fr;align-content:center;gap:70px}.received-document{display:flex;align-items:center;gap:13px;margin-top:85px;padding:16px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(8,43,53,.09)}.received-document>span{width:54px;height:64px;display:grid;place-items:center;border-radius:14px;background:#fff0df;color:var(--orange);font-size:.7rem;font-weight:950}.received-document>div{display:flex;flex-direction:column;gap:5px}.received-document b{font-size:.88rem}.received-document small{color:var(--muted);font-size:.65rem}.received-actions{position:absolute;left:17px;right:17px;bottom:26px;display:flex;gap:9px}.received-actions button{flex:1;min-height:46px;border:1px solid var(--green);border-radius:999px;background:#fff;color:var(--green);font-size:.66rem;font-weight:950}.received-actions button:last-child{flex:1.35;background:var(--green);color:#fff}.open-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,26px);width:100%}.open-flow>div{min-width:120px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:32px;background:#fff;box-shadow:0 15px 40px rgba(8,43,53,.1)}.open-flow em{color:var(--orange);font-size:1.8rem;font-style:normal}.open-flow>strong{padding:14px 23px;border-radius:999px;background:var(--green);color:#fff;font-size:.78rem}.oya-mini-mark{position:relative;width:36px;height:36px}.oya-mini-mark i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--orange);right:0;top:0}.oya-mini-mark i:last-child{left:0;top:14px;background:var(--mint)}.open-flow .reader-app{min-width:160px}.reader-app span{width:48px;height:58px;display:grid;place-items:center;border-radius:13px;background:#fff0df;color:var(--orange);font-size:.67rem;font-weight:950}.reader-app b{font-size:.72rem}.document-step:has(.open-flow){grid-template-columns:1fr;align-content:center;gap:65px}.file-separation{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,65px)}.file-separation>div{width:220px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:32px;background:#fff}.file-separation>div:last-child{background:var(--ink);color:#fff}.file-separation span{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:#dcf5ec;color:var(--green);font-size:1.8rem}.file-separation>div:last-child span{background:#fff0df;color:var(--orange)}.file-separation b{font-size:1rem}.file-separation small{color:var(--muted);font-size:.72rem}.file-separation>div:last-child small{color:#b8c8c7}.file-separation>i{color:var(--orange);font-size:2rem;font-style:normal;font-weight:950}.document-step:has(.file-separation){grid-template-columns:1fr;align-content:center;gap:45px}.document-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:22px;border-top:1px solid var(--line)}.document-controls>button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.2rem;font-weight:950;cursor:pointer}.document-controls>button:hover,.document-controls>button:focus-visible{border-color:var(--green);color:var(--green)}.document-dots{display:flex;align-items:center;gap:8px}.document-dots i{width:7px;height:7px;border-radius:50%;background:#c8d4cf;transition:.25s}.document-dots i.active{width:25px;border-radius:99px;background:var(--orange)}.document-result{max-width:900px;margin:95px auto 0;padding-top:70px;border-top:1px solid rgba(8,43,53,.14);text-align:center}.document-result>p{margin:0;color:var(--orange);font-size:.78rem;font-weight:950;letter-spacing:.18em}.document-result h2{margin:15px 0 18px;font-size:clamp(39px,5.8vw,68px);line-height:1.02;letter-spacing:-.05em}.document-result small{color:var(--green);font-size:1.05rem;font-weight:900}
@media(max-width:850px){.document-demo{padding:22px}.document-stage{min-height:790px}.document-step{grid-template-columns:1fr;align-content:center;gap:38px;padding:32px 8px}.document-copy{text-align:center}.document-copy h3{font-size:42px}.document-phone{width:270px;height:475px}.document-route,.open-flow,.file-separation{grid-column:auto}.document-step:has(.document-route),.document-step:has(.open-flow),.document-step:has(.file-separation){gap:45px}.document-route{width:min(620px,100%)}.route-person{width:70px;height:70px}.file-separation>div{width:190px}}
@media(max-width:720px){.main-nav a[href="#guardian"]{display:none}.document-section{padding-left:18px;padding-right:18px}.document-heading{margin-bottom:45px}.document-heading h2{font-size:45px}.document-demo{padding:17px;border-radius:30px}.document-demo-head strong{max-width:70%;text-align:right}.document-stage{min-height:750px}.document-step{padding-left:0;padding-right:0}.document-copy h3{font-size:36px}.document-copy>p:last-child{font-size:1rem}.document-phone{width:255px;height:455px}.document-route{gap:10px}.route-person{width:55px;height:55px;border-radius:20px;font-size:1.2rem}.document-route b{min-width:100px;padding:14px 9px;font-size:.7rem}.open-flow{gap:8px;flex-wrap:wrap}.open-flow>div{min-width:95px;min-height:100px;border-radius:24px}.open-flow .reader-app{min-width:130px}.open-flow em{font-size:1.2rem}.open-flow>strong{padding:11px 16px}.file-separation{gap:10px}.file-separation>div{width:145px;min-height:165px;padding:12px}.file-separation span{width:58px;height:58px}.file-separation>i{font-size:1.5rem}.document-result{margin-top:70px;padding-top:55px}.document-result h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.document-step,.document-dots i{transition:none}}