:root{--ink:#102449;--blue:#0759e6;--cyan:#12c8d5;--lime:#c8ee69;--paper:#f7f8fc;--white:#fff;--muted:#65718a;--line:#e1e6ef;--peach:#ffe1d7;--shadow:0 20px 55px #09285d18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.55 Manrope,Arial,sans-serif}.defs{position:absolute;width:0;height:0;overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:18px;z-index:5;max-width:1180px;margin:18px auto 0;padding:13px 18px 13px 22px;display:flex;align-items:center;gap:35px;border-radius:19px;background:#fffffff2;box-shadow:0 10px 35px #09285d17;backdrop-filter:blur(12px)}.brand{font-size:20px;line-height:1;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center;gap:8px}.brand>span>span{color:var(--blue)}.logo-cut{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--blue) 0 50%,var(--cyan) 50%);color:#fff;font-size:16px}.topbar nav{display:flex;gap:24px;font-size:13px;font-weight:800}.topbar nav a:hover{color:var(--blue)}.ghost{margin-left:auto;border:1px solid var(--line);padding:9px 12px;border-radius:11px;background:#fff;color:#57627a;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.ghost svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.hero{max-width:1300px;margin:0 auto;padding:112px max(5vw,36px) 78px;min-height:595px;display:grid;grid-template-columns:1fr .87fr;align-items:center;gap:64px}.eyebrow{font:500 11px/1.2 "DM Mono",monospace;letter-spacing:1.3px;color:#68728a;margin:0 0 18px}.eyebrow span{display:inline-block;width:17px;border-top:2px solid var(--cyan);margin:0 8px 3px 0}.hero h1{font-size:clamp(51px,6.4vw,88px);letter-spacing:-5px;line-height:.99;margin:0 0 26px}.hero h1 em,.section-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:490px;font-size:18px;color:#56627a;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{display:inline-flex;align-items:center;gap:22px;padding:15px 18px 15px 21px;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:800}.primary b{font-size:19px}.quiet-link{font-size:13px;font-weight:800}.quiet-link b{color:var(--blue);margin-left:4px}.hero-visual{height:430px;position:relative;overflow:visible}.orb{position:absolute;border-radius:45% 55% 53% 47%/56% 45% 55% 44%}.orb-blue{width:430px;height:390px;right:0;top:5px;background:linear-gradient(135deg,#073fbd,#0bbdcf)}.orb-green{width:190px;height:185px;left:4px;bottom:12px;background:linear-gradient(135deg,#d6f27c,#66d9b3);z-index:1}.hero-window{position:absolute;z-index:2;right:24px;top:69px;width:330px;background:#fff;border-radius:17px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(2deg)}.window-head{display:flex;align-items:center;gap:5px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:10px;font-weight:800}.window-head i{width:7px;height:7px;border-radius:50%;background:#ffb8aa}.window-head i:nth-child(2){background:#ffe08a}.window-head i:nth-child(3){background:#9fdcb8}.window-head span{margin-left:7px;color:#647088}.image-preview{height:185px;background:linear-gradient(160deg,#d4f3f0,#abe4e7);position:relative;overflow:hidden}.mountain{position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 46%,#57a6a6 46% 60%,transparent 60%),linear-gradient(35deg,transparent 0 44%,#407d91 44% 63%,transparent 63%);opacity:.75}.size-badge{position:absolute;right:16px;top:16px;background:#fff;padding:7px 10px;border-radius:9px;color:#1e8f74;font:700 12px "DM Mono"}.window-bottom{padding:13px 16px;font-size:11px;display:flex;justify-content:space-between}.window-bottom b{color:var(--blue)}.float-card{position:absolute;z-index:3;bottom:6px;right:-22px;padding:15px 17px;background:var(--ink);color:#fff;border-radius:15px;display:flex;gap:9px;align-items:flex-start;font-size:11px;font-weight:700;box-shadow:0 18px 30px #09285d3b}.float-card svg{width:20px;height:20px;fill:none;stroke:var(--lime);stroke-width:1.8}.trust{max-width:1180px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:18px max(0px,0px)}.trust div{display:flex;align-items:center;gap:9px}.trust b{font-size:22px;letter-spacing:-1px}.trust span,.trust p{font-size:11px;color:#677289;margin:0}.trust p{margin-left:auto}.tool-zone{max-width:1180px;margin:0 auto;padding:110px 0;display:grid;grid-template-columns:305px 1fr;gap:70px}.section-heading{position:sticky;top:115px;align-self:start}.section-heading h2{font-size:clamp(38px,4vw,58px);letter-spacing:-3.2px;line-height:1.04;margin:0 0 18px}.section-heading>p:last-child{max-width:285px;color:#647087;font-size:14px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-grid.three{grid-template-columns:repeat(3,1fr)}.tool-grid.two{grid-template-columns:1fr 1fr}.tool-card{min-height:254px;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;background:#fff;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.tool-icon svg{width:23px;height:23px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.peach{background:var(--peach)}.aqua{background:#c7f2f4}.lime{background:#e7f6b9}.lilac{background:#e7e0ff}.sky{background:#bde8fa}.pink{background:#ffd6e4}.blue{background:#cbdfff}.yellow{background:#fff1b7}.coral{background:#ffd6cf}.tool-type{font:500 10px "DM Mono";letter-spacing:1.2px;color:#768096;margin:24px 0 6px}.tool-card h3{font-size:20px;letter-spacing:-1.2px;margin:0 0 6px}.tool-card div>p:last-child{font-size:12px;color:#69748a;line-height:1.6;margin:0}.tool-card button{align-self:flex-start;margin-top:auto;background:none;border:0;padding:20px 0 0;color:var(--blue);font-size:12px;font-weight:800}.tool-card button b{font-size:16px;margin-left:4px}.feature-strip{background:var(--ink);color:#fff;padding:75px max(5vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.feature-strip>div,.feature-strip>ol{max-width:560px}.feature-strip .eyebrow{color:#aebbd0}.feature-strip .eyebrow span{border-color:var(--lime)}.feature-strip h2{font-size:clamp(35px,4vw,58px);line-height:1;letter-spacing:-3px;margin:0}.feature-strip ol{list-style:none;margin:0;padding:0}.feature-strip li{display:flex;gap:22px;border-top:1px solid #ffffff32;padding:17px 0;font-size:14px}.feature-strip li b{color:var(--lime);font:500 11px "DM Mono";letter-spacing:1px}.pdf-zone{padding-bottom:20px}.tool-card.dark{background:#132b54;color:#fff;border:0;min-height:266px}.tool-card.dark .tool-type,.tool-card.dark div>p:last-child{color:#c0cce0}.tool-card.dark button{color:var(--lime)}footer{max-width:1180px;margin:100px auto 0;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;font-size:12px}footer p{color:#748097;margin:0 auto 0 0}footer>a:not(.brand){color:#536079}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:27px;color:#4f5b73;z-index:2}dialog{border:0;border-radius:25px;box-shadow:0 35px 100px #10244945;width:min(720px,calc(100% - 24px));padding:0;background:#fff}dialog::backdrop{background:#0b1b3d80}.modal-body{padding:40px}.modal-kicker{font:500 10px "DM Mono";letter-spacing:1px;color:var(--blue);margin:0 0 7px}.modal-body h2{font-size:31px;letter-spacing:-2px;margin:0 0 6px}.modal-body>.intro{color:#68748a;margin-bottom:25px}.upload-zone{display:grid;place-items:center;min-height:170px;border:1.5px dashed #9eb1ce;border-radius:16px;background:#f8fbff;padding:22px;text-align:center;cursor:pointer}.upload-zone input{display:none}.upload-zone svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.6}.upload-zone b{display:block;margin:8px 0 2px;font-size:14px}.upload-zone small{color:#6f7b92;font-size:11px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:19px 0}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e0eb;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);outline:0;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0759e61a}.range-row{display:flex;align-items:center;gap:13px;margin:16px 0}.range-row label{font-size:12px;font-weight:800;min-width:90px}.range-row output{font:500 12px "DM Mono";color:var(--blue);min-width:32px}input[type=range]{accent-color:var(--blue);flex:1}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.action{border:0;background:var(--ink);border-radius:11px;color:#fff;padding:12px 16px;font-size:12px;font-weight:800}.action:hover{background:var(--blue)}.action.alt{background:#e9f2ff;color:var(--blue)}.result{margin-top:19px;padding:14px;border-radius:13px;background:#f1f7ff;font-size:12px;color:#50617d}.result img,.result canvas{display:block;max-width:100%;max-height:230px;margin:0 auto 10px}.qr-result{display:grid;place-items:center}.number-output,.password-output{font:500 16px "DM Mono";word-break:break-all;color:var(--blue);padding:13px;border-radius:10px;background:#f1f7ff}.signature-canvas{display:block;width:100%;height:170px;border:1.5px dashed #9eb1ce;border-radius:13px;cursor:crosshair;background:#fff}.small-note{font-size:11px;color:#758096;margin:12px 0 0}@media(max-width:850px){.topbar{margin:8px 10px;top:8px}.topbar nav,.ghost{display:none}.hero{grid-template-columns:1fr;padding-top:76px;gap:25px}.hero-visual{height:335px}.orb-blue{width:330px;height:310px}.hero-window{right:8px;top:40px;width:280px}.trust{margin:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust p{grid-column:1/-1;margin:3px 0 0}.tool-zone{margin:0 22px;padding:75px 0;grid-template-columns:1fr;gap:30px}.section-heading{position:static}.tool-grid,.tool-grid.three,.tool-grid.two{grid-template-columns:1fr}.tool-card{min-height:225px}.feature-strip{grid-template-columns:1fr;gap:36px;padding:58px 22px}footer{margin:60px 22px 0;flex-wrap:wrap}.control-grid{grid-template-columns:1fr}.modal-body{padding:34px 22px}}
