:root { --ink:#182022; --paper:#fffdf9; --coral:#ff634d; --pink:#ffaca1; --yellow:#f9d568; --mint:#ccece3; --line:#1b2424; --muted:#65706f; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");mix-blend-mode:multiply}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,32,34,.14);padding:0 clamp(24px,5vw,78px);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-1.3px}.brand>span:last-child>span{color:var(--coral)}.brand-mark{width:24px;height:25px;position:relative;display:inline-flex;align-items:flex-end;gap:2px}.brand-mark i{width:6px;border-radius:10px;background:var(--coral);display:block}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:24px;background:var(--ink)}.brand-mark i:nth-child(3){height:18px}.main-nav{display:flex;gap:35px;margin-left:90px}.main-nav a,.header-cta{font-size:13px;color:var(--ink);text-decoration:none;font-weight:600}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--coral);transition:width .25s}.main-nav a:hover:after{width:100%}.header-cta{border:1.5px solid var(--ink);border-radius:99px;padding:10px 15px 10px 17px}.header-cta span{color:var(--coral);font-size:15px;margin-left:7px}.menu-button{display:none;background:none;border:0;padding:7px}.menu-button span{width:22px;height:1.5px;background:var(--ink);display:block;margin:5px}
.hero{min-height:610px;padding:109px clamp(24px,12.3vw,190px) 70px;position:relative;background:linear-gradient(111deg,#fff9f5 0%,#fffdf8 61%,#ffe8df 100%);overflow:hidden}.eyebrow,.section-kicker,.workbench-tag{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.06em;font-weight:500}.eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:22px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--coral);display:inline-block}.hero h1,.section-heading h2,.workbench-side h2,.promise h2,.how-section h2{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;font-size:clamp(50px,5.3vw,82px);line-height:.98;margin:0}.hero h1 em,.section-heading h2 em,.workbench-side h2 em,.promise h2 em,.how-section h2 em{font-weight:600;color:var(--coral)}.hero-copy{max-width:390px;color:var(--muted);font-size:16px;line-height:1.62;margin:28px 0}.hero-link{display:inline-flex;align-items:center;gap:26px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;margin-top:10px}.hero-link span{display:grid;place-items:center;border:1px solid var(--ink);height:30px;width:30px;border-radius:50%;transition:transform .2s}.hero-link:hover span{transform:translateY(4px)}.hero-orbit{position:absolute;width:420px;height:420px;right:12%;top:88px}.orbit{position:absolute;border:1.5px solid rgba(24,32,34,.75);border-radius:50%;transform:rotate(-28deg)}.orbit-a{inset:40px 0}.orbit-b{inset:0 42px;transform:rotate(58deg)}.hero-shape{position:absolute;border-radius:50%}.shape-pink{background:var(--pink);height:86px;width:86px;right:5px;top:60px}.shape-yellow{background:var(--yellow);height:32px;width:32px;left:35px;bottom:62px}.hero-file{width:178px;height:223px;position:absolute;background:#fffdf9;box-shadow:15px 17px 0 rgba(255,99,77,.19);left:117px;top:94px;border:1.5px solid var(--ink);padding:32px 24px;transform:rotate(8deg);transition:transform .4s}.hero:hover .hero-file{transform:rotate(3deg) translateY(-8px)}.hero-file:before{content:"";width:31px;height:31px;position:absolute;right:-1px;top:-1px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:#ffede7}.hero-file b{font-family:"DM Mono",monospace;font-size:21px;color:var(--coral);letter-spacing:-1px}.hero-file i{height:5px;width:84px;background:#d6d9d5;display:block;margin-top:21px}.hero-file i+ i{width:107px;margin-top:10px}.hero-file i+ i+i{width:67px;margin-top:10px}
.tools-section{padding:110px clamp(24px,8vw,123px) 104px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:53px}.section-heading h2{font-size:clamp(40px,4.1vw,62px);margin-top:17px}.section-heading>p{max-width:285px;color:var(--muted);font-size:14px;line-height:1.65;margin:0 8.5% 4px 20px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{min-height:382px;border:1.5px solid var(--ink);padding:22px 22px 21px;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform .25s,box-shadow .25s;outline:none}.tool-card:nth-child(1){background:#ffe4dd}.tool-card:nth-child(2){background:#dff3ed}.tool-card:nth-child(3){background:#fbe690}.tool-card:hover,.tool-card:focus-visible,.tool-card.active{transform:translate(-5px,-5px);box-shadow:7px 7px 0 var(--ink)}.tool-top{display:flex;justify-content:space-between;font-family:"DM Mono",monospace;font-size:11px}.card-arrow{height:28px;width:28px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:16px}.icon-canvas{height:170px;position:relative;flex-shrink:0}.icon-image{width:130px;height:105px;background:#fff8ec;border:1.5px solid var(--ink);margin:43px auto 0;transform:rotate(-5deg);box-shadow:6px 6px 0 #ff8d7c}.icon-image:before{content:"";position:absolute;inset:12px;border:1.5px solid #182022}.mountain{position:absolute;width:50px;height:42px;bottom:19px;left:31px;background:var(--mint);clip-path:polygon(0 100%,55% 0,100% 100%)}.mountain:after{content:"";position:absolute;width:40px;height:35px;background:#78baa8;bottom:0;left:28px;clip-path:polygon(0 100%,55% 0,100% 100%)}.sun{position:absolute;border:1.5px solid var(--ink);border-radius:50%;height:13px;width:13px;right:28px;top:27px;background:var(--yellow)}.icon-split{margin:auto;width:140px;height:130px}.icon-split span{width:57px;height:81px;position:absolute;background:#fffdf8;border:1.5px solid var(--ink);top:24px}.icon-split span:first-child{left:14px;transform:rotate(-9deg)}.icon-split span:nth-child(2){right:12px;transform:rotate(9deg)}.icon-split span:after{content:"";position:absolute;left:10px;right:10px;top:18px;height:3px;background:#ccd3cf;box-shadow:0 9px #ccd3cf,0 18px #ccd3cf}.icon-split i{position:absolute;font-style:normal;font-size:33px;left:52px;top:53px;z-index:2;transform:rotate(-38deg)}.icon-compress{margin:30px auto 0;width:150px;height:132px;border:1.5px solid var(--ink);background:#fffdf8;padding:23px 21px}.compress-line{height:5px;background:var(--pink);display:block;margin-bottom:11px}.compress-line.one{width:105px}.compress-line.two{width:75px}.compress-line.three{width:43px}.icon-compress i{position:absolute;right:-15px;bottom:-13px;width:43px;height:43px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink);display:grid;place-items:center;font-style:normal;font-size:24px}.tool-info{margin-top:auto}.tool-info h3{font-size:24px;letter-spacing:-1px;margin:0 0 4px}.tool-info p{font-size:13px;color:#596261;margin:0}.card-select{display:block;font-size:12px;font-weight:700;padding-top:19px;opacity:0;transform:translateY(5px);transition:.22s}.card-select b{margin-left:6px;color:var(--coral);font-size:16px}.tool-card:hover .card-select,.tool-card.active .card-select{opacity:1;transform:none}
.workbench-section{background:#1e2829;padding:85px clamp(24px,8vw,123px)}.workbench{display:grid;grid-template-columns:.82fr 1.3fr;gap:clamp(40px,7vw,110px);max-width:1180px;margin:auto;align-items:center}.workbench-side{color:#fffdf8}.workbench-tag{color:#f9d568}.workbench-side h2{font-size:clamp(48px,4.2vw,62px);margin:19px 0}.workbench-side h2 em{color:#ffaca1}.workbench-side p{line-height:1.65;color:#c2cfcc;font-size:14px;max-width:280px;margin-bottom:29px}.tool-pills{display:flex;flex-wrap:wrap;gap:7px}.pill{font-family:inherit;font-size:11px;border:1px solid #65706e;background:transparent;color:#e5ecea;padding:8px 11px;border-radius:999px;cursor:pointer}.pill.active,.pill:hover{color:#182022;background:#fffdf8;border-color:#fffdf8}.upload-area{background:#fbf7f0;min-height:385px;border-radius:2px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #4b5754}.upload-area.dragging{outline:3px solid var(--yellow);outline-offset:-10px}.upload-content,.file-state,.processing-state{z-index:1;width:100%;padding:44px 30px;text-align:center}.upload-glow{height:250px;width:250px;position:absolute;background:#ffe1d9;filter:blur(25px);border-radius:50%;right:-85px;bottom:-90px}.upload-icon{margin:auto;display:grid;place-items:center;width:54px;height:54px;border:1.5px solid var(--ink);border-radius:50%;font-size:36px;font-weight:300;background:var(--yellow)}.upload-content h3{font-size:25px;letter-spacing:-1px;margin:19px 0 6px}.upload-content p{font-size:13px;color:var(--muted);margin:0 0 20px}.file-button,.make-button{font:700 13px "DM Sans",sans-serif;cursor:pointer;background:var(--coral);color:#fffdf8;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:12px 16px;display:inline-block;transition:transform .15s,box-shadow .15s}.file-button:hover,.make-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.file-button span,.make-button span{font-size:18px;margin-left:15px;vertical-align:-1px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}small{display:block;font-size:10px;color:#7f8886;margin-top:24px}.hidden{display:none!important}.file-state{max-width:440px}.file-summary{display:flex;align-items:center;text-align:left;background:#fffdf8;border:1px solid var(--ink);padding:12px;gap:12px}.summary-icon{width:40px;height:44px;border:1.5px solid var(--ink);display:grid;place-items:center;background:var(--yellow);font-family:"DM Mono",monospace;font-size:10px;font-weight:700}.file-summary strong{display:block;font-size:13px}.file-summary span{color:var(--muted);font-size:11px;margin-top:3px;display:block}.reset-button{margin-left:auto;background:none;border:0;cursor:pointer;font-size:25px;color:var(--ink)}.make-button{margin-top:22px;width:100%;padding-block:13px}.process-note{font-size:10px;color:var(--muted);margin:13px 0 0}.quality-control{text-align:left;padding:23px 1px 0}.quality-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:13px}.quality-label b{color:var(--coral);font-family:"DM Mono",monospace}.quality-control input{display:block;width:100%;accent-color:var(--coral)}.quality-hints{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.processing-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:270px}.processing-state strong{margin-top:18px;font-size:19px}.processing-state span{font-size:12px;color:var(--muted);margin-top:5px}.spinner{width:45px;height:45px;border-radius:50%;border:3px solid #eadfd8;border-top-color:var(--coral);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.promise{padding:115px clamp(24px,12vw,185px);display:grid;grid-template-columns:130px 1fr .9fr;gap:clamp(35px,6vw,95px);align-items:center;background:#fff4e6}.promise-sticker{width:112px;height:112px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);font-family:"DM Mono",monospace;font-weight:500;font-size:12px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);line-height:1.3;position:relative}.promise-sticker span{position:absolute;top:11px;right:18px;font-size:18px}.promise h2{font-size:clamp(40px,4vw,61px);margin:15px 0 20px}.promise h2 em{color:#fd7664}.promise-content p{color:var(--muted);font-size:14px;line-height:1.7;max-width:410px}.privacy-list{border-top:1px solid var(--ink)}.privacy-list>div{display:flex;gap:14px;border-bottom:1px solid var(--ink);padding:16px 0}.privacy-list>div>span{color:var(--coral)}.privacy-list p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.privacy-list b{font-size:13px;color:var(--ink)}.how-section{padding:108px clamp(24px,8vw,123px) 110px}.compact{margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid var(--ink)}.step{padding:26px 35px 12px 0;border-right:1px solid var(--ink);min-height:155px}.step+ .step{padding-left:28px}.step:last-child{border:0}.step>span{font-family:"DM Mono",monospace;font-size:12px;color:var(--coral)}.step h3{font-size:18px;letter-spacing:-.6px;margin:21px 0 7px}.step p{font-size:13px;line-height:1.55;color:var(--muted);max-width:220px;margin:0}footer{background:#ff634d;color:#1b2524;padding:50px clamp(24px,8vw,123px) 22px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:end;padding-bottom:62px}.footer-brand .brand-mark i{background:#fff7f0}.footer-brand .brand-mark i:nth-child(2){background:var(--ink)}.footer-brand>span:last-child>span{color:#fff7f0}.footer-top p{font-family:"Playfair Display",Georgia,serif;font-size:19px;line-height:1.12;margin:0}.back-top{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.made-with-love{text-align:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:25px;padding:22px 0;color:#fff8f0;border-top:1px solid rgba(24,32,34,.55)}.made-with-love span{font-family:Arial,sans-serif;color:#fff8f0;font-style:normal;margin-left:5px}.footer-bottom{font-family:"DM Mono",monospace;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid rgba(24,32,34,.55);padding-top:18px}
.manifesto{min-height:690px;display:grid;grid-template-columns:1fr 1fr;background:#cfece4;overflow:hidden}.manifesto-art{min-height:650px;position:relative;background:#dff3ed}.art-arch{position:absolute;width:460px;height:560px;border:1.5px solid var(--ink);border-radius:240px 240px 0 0;bottom:-1px;left:50%;transform:translateX(-50%);background:#f9d568}.art-paper{position:absolute;border:1.5px solid var(--ink);background:#fffdf9;width:178px;height:232px;padding:30px 22px;box-shadow:8px 9px 0 rgba(24,32,34,.95)}.art-paper span{display:block;font-family:"DM Mono",monospace;font-size:19px;font-weight:700}.art-paper i{display:block;height:5px;background:#d2d9d6;margin-top:21px;width:102px}.art-paper i+i{width:79px;margin-top:11px}.art-paper i+i+i{width:113px;margin-top:11px}.paper-one{left:calc(50% - 145px);top:185px;transform:rotate(-10deg)}.paper-one span{color:var(--coral)}.paper-two{left:calc(50% + 5px);top:136px;transform:rotate(8deg);background:#ffe4dd}.paper-two span{color:#1e2829}.art-spark{position:absolute;font-size:31px}.spark-one{left:16%;top:137px}.spark-two{right:15%;bottom:108px;color:var(--coral)}.manifesto-copy{padding:120px clamp(28px,8vw,130px) 80px 9vw;background:#cfece4}.manifesto h2{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;line-height:.98;font-size:clamp(45px,4.6vw,69px);margin:17px 0 28px}.manifesto h2 em{color:var(--coral)}.manifesto-copy p{font-size:14px;line-height:1.72;color:#4f6560;max-width:390px;margin:0 0 15px}.text-link{display:inline-block;margin-top:19px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{color:var(--coral);font-size:16px;margin-left:10px}.details-section{padding:118px clamp(24px,12vw,185px);display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#fffdf9}.details-intro h2{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;line-height:.98;font-size:clamp(42px,4vw,60px);margin:17px 0}.details-intro h2 em{color:var(--coral)}.detail-list{border-top:1px solid var(--ink)}.detail-row{display:grid;grid-template-columns:35px 55px 1fr;gap:15px;align-items:center;padding:24px 0;border-bottom:1px solid var(--ink)}.detail-index{font:11px "DM Mono",monospace}.detail-icon{height:45px;width:45px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:22px}.soft-coral{background:#ffb3a9}.soft-mint{background:#ccece3}.soft-yellow{background:#f9d568}.soft-lilac{background:#d9ccfa}.detail-row h3{font-size:18px;letter-spacing:-.6px;margin:0 0 5px}.detail-row p{font-size:12px;line-height:1.5;color:var(--muted);margin:0;max-width:390px}.mini-tools{padding:110px clamp(24px,8vw,123px);background:#1e2829;color:#fffdf8}.mini-heading h2{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;line-height:.98;font-size:clamp(44px,4vw,62px);margin:17px 0 45px}.mini-heading h2 em{color:#ffaca1}.mini-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-card{min-height:405px;padding:27px;border:1.5px solid var(--ink);color:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden}.mint-card{background:#ccece3}.coral-card{background:#ffaca1}.yellow-card{background:#f9d568}.mini-symbol{font-size:39px;line-height:1}.mini-label{font:10px "DM Mono",monospace;margin-top:25px}.mini-card h3{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.04em;font-size:30px;line-height:1.04;margin:18px 0 13px}.mini-card p{font-size:13px;line-height:1.6;max-width:270px;color:#42514f;margin:0}.mini-tool-button{margin-top:auto;align-self:flex-start;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;color:var(--ink);font:700 12px "DM Sans",sans-serif;cursor:pointer}.mini-tool-button span{color:var(--coral);font-size:16px;margin-left:9px}.faq-section{padding:118px clamp(24px,12vw,185px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,135px);background:#fff4e6}.faq-intro h2{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;line-height:.98;font-size:clamp(42px,4vw,60px);margin:17px 0}.faq-intro h2 em{color:var(--coral)}.faq-intro p{font-size:13px;color:var(--muted);line-height:1.6;max-width:220px}.faq-list{border-top:1.5px solid var(--ink);align-self:start}.faq-item{border-bottom:1.5px solid var(--ink)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:21px 0;background:none;border:0;color:var(--ink);font:600 17px "DM Sans",sans-serif;letter-spacing:-.4px;cursor:pointer;gap:20px}.faq-question b{font-size:26px;font-weight:400;line-height:1}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-answer p{overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding:0 42px 21px 0}.closing-cta{padding:130px 24px;position:relative;background:#ff634d;text-align:center;overflow:hidden;color:var(--ink)}.closing-cta .section-kicker{position:relative;z-index:1}.closing-cta h2{position:relative;z-index:1;font-family:"Playfair Display",Georgia,serif;letter-spacing:-.057em;line-height:.96;font-size:clamp(54px,6.5vw,96px);margin:20px 0 20px}.closing-cta h2 em{color:#fff8f0}.closing-cta p{position:relative;z-index:1;font-size:14px;margin:0}.cta-button{position:relative;z-index:1;display:inline-flex;gap:16px;align-items:center;background:#fffdf9;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;padding:13px 18px;margin-top:30px}.cta-button span{font-size:18px}.cta-sun{position:absolute;width:440px;height:440px;border-radius:50%;background:#f9d568;left:-145px;bottom:-260px}.cta-ring{position:absolute;width:530px;height:530px;border:1.5px solid var(--ink);border-radius:50%;right:-100px;top:-310px}
.full-tool-grid{grid-template-columns:repeat(4,1fr)}.library-card{min-height:278px}.library-card:nth-child(4n+1){background:#ffe4dd}.library-card:nth-child(4n+2){background:#dff3ed}.library-card:nth-child(4n+3){background:#fbe690}.library-card:nth-child(4n){background:#e4dcfa}.tool-glyph{height:116px;display:grid;place-items:center;font-family:"Playfair Display",Georgia,serif;font-size:74px;line-height:1}.library-card .tool-info{margin-top:auto}.tool-options{width:100%;text-align:left;margin-top:19px}.option-field{display:block;margin:0 0 13px}.option-field>span,.option-label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.option-field input[type=text],.option-field select{width:100%;font:12px "DM Sans",sans-serif;color:var(--ink);background:#fffdf9;border:1px solid var(--ink);padding:10px}.option-field input[type=range]{width:100%;accent-color:var(--coral)}.option-helper{font-size:10px;line-height:1.45;color:var(--muted);margin:5px 0 0}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.organizer-note{font-size:10px;color:var(--muted);line-height:1.45;margin:0 0 9px}.organizer-pages{max-height:160px;overflow:auto;display:flex;flex-wrap:wrap;gap:7px;padding:2px}.organizer-page{width:60px;min-height:68px;background:#fffdf9;border:1px solid var(--ink);font:11px "DM Mono",monospace;display:flex;flex-direction:column;justify-content:space-between;padding:6px;cursor:grab}.organizer-page.drag-over{outline:2px solid var(--coral)}.organizer-actions{display:flex;gap:2px}.organizer-actions button{border:0;background:none;padding:0;cursor:pointer;font-size:11px;color:var(--ink)}.organizer-actions button:last-child{margin-left:auto;color:var(--coral)}.signature-pad{border:1px solid var(--ink);background:#fffdf9;width:100%;height:100px;touch-action:none;display:block;cursor:crosshair}.signature-actions{display:flex;justify-content:space-between;margin-top:6px;align-items:center}.signature-actions span{font-size:10px;color:var(--muted)}.signature-actions button{border:0;background:none;border-bottom:1px solid var(--ink);font:700 10px "DM Sans",sans-serif;cursor:pointer;padding:0}.quality-hints{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:3px}
@media(max-width:800px){.site-header{height:69px;padding:0 21px}.main-nav,.header-cta{display:none}.menu-button{display:block}.hero{min-height:625px;padding:76px 24px 40px}.hero-orbit{width:270px;height:270px;right:-17px;top:321px}.orbit-a{inset:27px 0}.orbit-b{inset:0 27px}.shape-pink{height:55px;width:55px;right:10px;top:38px}.shape-yellow{height:20px;width:20px;left:20px;bottom:38px}.hero-file{height:145px;width:116px;left:77px;top:63px;padding:22px 16px;box-shadow:9px 10px 0 rgba(255,99,77,.19)}.hero-file b{font-size:14px}.hero-file:before{width:22px;height:22px}.hero-file i{width:57px;height:3px;margin-top:14px}.hero-file i+i{width:70px;margin-top:7px}.hero-file i+i+i{width:45px;margin-top:7px}.tools-section{padding:75px 20px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin:19px 0 0}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{min-height:0;height:161px;padding:16px 17px}.tool-top .card-arrow{height:23px;width:23px;font-size:13px}.icon-canvas{position:absolute;right:28px;top:26px;transform:scale(.55);transform-origin:right top}.icon-image{margin:0}.icon-split{margin:0}.icon-compress{margin:0}.tool-info{z-index:1;width:59%}.tool-info h3{font-size:22px}.card-select{padding-top:12px;opacity:1;transform:none}.workbench-section{padding:56px 20px}.workbench{grid-template-columns:1fr;gap:32px}.workbench-side h2{font-size:51px}.upload-area{min-height:368px}.upload-content{padding:38px 20px}.promise{padding:77px 24px;grid-template-columns:1fr;gap:27px}.promise-sticker{width:84px;height:84px;font-size:10px}.promise h2{font-size:46px}.how-section{padding:75px 24px}.steps{grid-template-columns:1fr}.step,.step+.step{padding:25px 0;border-right:0;border-bottom:1px solid var(--ink);min-height:auto}.step:last-child{border-bottom:0}.manifesto{grid-template-columns:1fr}.manifesto-art{min-height:405px}.art-arch{width:300px;height:390px}.art-paper{width:126px;height:166px;padding:19px 15px;box-shadow:5px 6px 0 var(--ink)}.art-paper span{font-size:13px}.art-paper i{height:3px;width:73px;margin-top:14px}.art-paper i+i{width:52px;margin-top:8px}.art-paper i+i+i{width:80px;margin-top:8px}.paper-one{left:calc(50% - 110px);top:131px}.paper-two{left:calc(50% - 4px);top:92px}.spark-one{left:9%;top:75px}.spark-two{right:8%;bottom:55px}.manifesto-copy{padding:70px 24px 75px}.manifesto h2{font-size:47px}.details-section{padding:78px 24px;display:block}.details-intro{margin-bottom:35px}.details-intro h2{font-size:46px}.detail-row{grid-template-columns:29px 45px 1fr;gap:11px;padding:20px 0}.detail-icon{height:37px;width:37px;font-size:17px}.detail-row h3{font-size:15px}.detail-row p{font-size:11px}.mini-tools{padding:78px 20px}.mini-heading h2{font-size:47px}.mini-tool-grid{grid-template-columns:1fr;gap:14px}.mini-card{min-height:310px;padding:22px}.mini-card h3{font-size:28px}.faq-section{padding:78px 24px;display:block}.faq-intro{margin-bottom:38px}.faq-intro h2{font-size:46px}.faq-question{font-size:15px;padding:19px 0}.closing-cta{padding:100px 22px}.closing-cta h2{font-size:54px}.cta-sun{width:300px;height:300px;left:-155px;bottom:-170px}.cta-ring{width:350px;height:350px;right:-125px;top:-190px}.footer-top{grid-template-columns:1fr auto;gap:34px;padding-bottom:46px}.footer-top p{grid-column:1 / -1;grid-row:2}.footer-bottom{gap:13px;line-height:1.4}.made-with-love{font-size:21px}.brand{font-size:20px}}
@media(max-width:380px){.hero h1{font-size:46px}.tool-info h3{font-size:20px}.file-button{padding:11px}.workbench-side h2{font-size:45px}.footer-top{grid-template-columns:1fr}.back-top{display:none}}

/* ========================================
   PREMIUM PREVIEW ENGINE — STEP 1
======================================== */

.preview-panel {
  width: 100%;
  margin-top: 18px;
  text-align: left;
}

.preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.preview-toolbar-left {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.preview-label {
  font: 10px "DM Mono", monospace;
  letter-spacing: .06em;
  color: var(--ink);
  font-weight: 500;
}

#previewCount {
  font: 10px "DM Mono", monospace;
  color: var(--muted);
  white-space: nowrap;
}

.preview-select-all,
#clearSelectionButton {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--ink);
  color: var(--ink);
  padding: 0 0 3px;
  font: 700 10px "DM Sans", sans-serif;
  cursor: pointer;
}

.preview-select-all:hover,
#clearSelectionButton:hover {
  color: var(--coral);
  border-color: var(--coral);
}

.preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-height: 252px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 3px;
  scrollbar-width: thin;
}

.preview-card {
  appearance: none;
  position: relative;
  display: block;
  min-width: 0;
  padding: 5px;
  margin: 0;
  border: 1px solid rgba(24, 32, 34, .28);
  border-radius: 1px;
  background: #fffdf9;
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
  outline: none;
  transition: transform .15s, border-color .15s, box-shadow .15s, background .15s;
}

.preview-card:hover,
.preview-card:focus-visible {
  transform: translateY(-2px);
  border-color: var(--ink);
}

.preview-card.selected {
  border: 2px solid var(--coral);
  padding: 4px;
  box-shadow: 3px 3px 0 var(--ink);
  transform: translateY(-2px);
}

.preview-thumb {
  width: 100%;
  aspect-ratio: .707;
  display: block;
  object-fit: contain;
  background: #f4eee7;
  border: 0;
}

.preview-page-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-top: 5px;
}

.preview-page-number span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 9px "DM Mono", monospace;
  color: var(--muted);
}

.preview-check {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  font-size: 9px;
  line-height: 1;
  background: transparent;
}

.preview-card.selected .preview-check {
  background: var(--coral);
  color: #fff;
  border-color: var(--coral);
}

.preview-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}

#selectionReadout {
  font: 10px "DM Mono", monospace;
  color: var(--muted);
}

.preview-empty {
  grid-column: 1 / -1;
  padding: 20px 10px;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
  border: 1px dashed rgba(24, 32, 34, .25);
  background: rgba(255,255,255,.35);
}

.preview-loading {
  grid-column: 1 / -1;
  padding: 18px 10px;
  text-align: center;
  font: 10px "DM Mono", monospace;
  color: var(--muted);
}

@media(max-width:800px){
  .preview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 286px;
  }
}

@media(max-width:380px){
  .preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ================================
   STEP 2 — DRAG & DROP PAGES
================================ */
.preview-card[draggable="true"] {
  cursor: grab;
  user-select: none;
}

.preview-card[draggable="true"]:active {
  cursor: grabbing;
}

.preview-card.dragging {
  opacity: .45;
  transform: rotate(2deg) scale(.98);
}

.preview-drag-handle {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  background: rgba(255,253,249,.92);
  font: 13px/1 "DM Mono", monospace;
  letter-spacing: -4px;
  padding-right: 4px;
  pointer-events: none;
}

.preview-toolbar-left {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.preview-reorder-hint {
  font-size: 9px;
  color: var(--muted);
}


/* Mobile-safe page dragging: prevent the browser from treating thumbnails as images. */
.preview-card,
.preview-card img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.preview-card img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.preview-card.touch-dragging {
  opacity: .55;
  transform: rotate(2deg) scale(.98);
  touch-action: none;
  box-shadow: 4px 4px 0 var(--ink);
}

@media (max-width: 800px) {
  .preview-card[draggable="true"] {
    touch-action: manipulation;
  }

  .preview-drag-handle {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }
}


/* ========================================
   STEP 4 — PAGE ACTION CONTROLS
======================================== */
.preview-card {
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.preview-thumb {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  transition: transform .18s ease;
}

.preview-drag-handle {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 3;
  width: 24px;
  height: 20px;
  display: grid;
  place-items: center;
  background: rgba(255,253,249,.94);
  border: 1px solid rgba(24,32,34,.35);
  font: 12px/1 "DM Mono", monospace;
  letter-spacing: -2px;
  cursor: grab;
  pointer-events: none;
}

.preview-card.dragging .preview-drag-handle,
.preview-card.touch-dragging .preview-drag-handle {
  cursor: grabbing;
}

.preview-card-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin-top: 5px;
}

.preview-page-action {
  appearance: none;
  border: 1px solid rgba(24,32,34,.4);
  background: #fff8f0;
  color: var(--ink);
  min-height: 26px;
  padding: 2px;
  font: 14px/1 "DM Sans", sans-serif;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  transition: background .14s, color .14s, transform .14s;
}

.preview-page-action:hover,
.preview-page-action:focus-visible {
  background: var(--ink);
  color: #fffdf9;
  outline: none;
}

.preview-page-action:active {
  transform: translateY(1px);
}

.preview-card:not(.page-editable) .preview-card-actions {
  display: none;
}

@media (max-width: 800px) {
  .preview-card-actions {
    gap: 3px;
  }

  .preview-page-action {
    min-height: 30px;
    font-size: 15px;
  }

  .preview-drag-handle {
    width: 27px;
    height: 23px;
    font-size: 13px;
  }
}


/* ========================================
   STEP 5 — BULK ACTIONS + UNDO / REDO
======================================== */
.preview-bulk-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(24,32,34,.15);
}

.bulk-selection-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.bulk-action,
.history-button {
  appearance: none;
  border: 1px solid rgba(24,32,34,.35);
  background: #fff8f0;
  color: var(--ink);
  cursor: pointer;
  font: 700 9px/1.1 "DM Sans", sans-serif;
  min-height: 28px;
  padding: 6px 8px;
  transition: background .14s, color .14s, border-color .14s, opacity .14s;
}

.bulk-action span {
  margin-left: 2px;
}

.bulk-action:hover,
.bulk-action:focus-visible,
.history-button:hover,
.history-button:focus-visible {
  background: var(--ink);
  color: #fffdf9;
  border-color: var(--ink);
  outline: none;
}

.bulk-action.danger:hover,
.bulk-action.danger:focus-visible {
  background: var(--coral);
  border-color: var(--coral);
  color: #fffdf9;
}

.bulk-action:disabled,
.history-button:disabled {
  opacity: .38;
  cursor: not-allowed;
}

.history-actions {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}

.history-button {
  width: 32px;
  padding-inline: 0;
  font-size: 16px;
}

@media (max-width: 800px) {
  .preview-bulk-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .bulk-selection-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .bulk-action {
    min-height: 36px;
    font-size: 10px;
  }

  .history-actions {
    justify-content: flex-end;
  }

  .history-button {
    width: 42px;
    min-height: 36px;
  }
}

/* ========================================
   STEP 6 — PROFESSIONAL LARGE PAGE VIEWER
======================================== */
.preview-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.preview-toolbar-button {
  appearance: none;
  background: #fff8f0;
  border: 1px solid rgba(24,32,34,.35);
  color: var(--ink);
  padding: 7px 9px;
  font: 700 10px "DM Sans", sans-serif;
  cursor: pointer;
}

.preview-toolbar-button:hover {
  background: var(--ink);
  color: #fffdf9;
}

.preview-card-actions {
  grid-template-columns: repeat(5, 1fr);
}

.page-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
}

.page-preview-modal.hidden {
  display: none !important;
}

.page-preview-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10,16,17,.82);
  backdrop-filter: blur(8px);
}

.page-preview-dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, 96vw);
  height: min(860px, 94vh);
  min-height: 520px;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  background: #182022;
  color: #fffdf9;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 25px 80px rgba(0,0,0,.35);
  overflow: hidden;
}

.page-preview-header,
.page-preview-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  background: #202a2b;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.page-preview-footer {
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 0;
}

.page-preview-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

.page-preview-heading .preview-label {
  color: #f9d568;
}

.page-preview-heading strong {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-preview-header-actions,
.page-preview-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.viewer-button,
.viewer-control {
  appearance: none;
  min-width: 34px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.04);
  color: #fffdf9;
  cursor: pointer;
  font: 700 12px "DM Sans", sans-serif;
}

.viewer-button:hover,
.viewer-control:hover {
  background: #fffdf9;
  color: var(--ink);
}

.close-viewer {
  font-size: 21px;
  font-weight: 400;
}

.page-preview-stage {
  position: relative;
  min-height: 0;
  display: grid;
  place-items: center;
  padding: 32px 70px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.07), transparent 54%),
    #101718;
}

.page-preview-canvas-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: auto;
  scrollbar-width: thin;
}

.page-preview-canvas,
.page-preview-image {
  max-width: min(80%, 920px);
  max-height: 80%;
  width: auto;
  height: auto;
  background: #fff;
  box-shadow: 0 14px 45px rgba(0,0,0,.35);
  transform-origin: center center;
  transition: transform .16s ease;
  user-select: none;
  -webkit-user-drag: none;
}

.page-preview-loading {
  position: absolute;
  z-index: 3;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(24,32,34,.88);
  color: #fffdf9;
  font: 10px "DM Mono", monospace;
}

.viewer-nav {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(24,32,34,.72);
  color: #fffdf9;
  cursor: pointer;
  font: 32px/1 Arial, sans-serif;
}

.viewer-nav:hover {
  background: #fffdf9;
  color: var(--ink);
}

.viewer-nav:disabled {
  opacity: .25;
  cursor: not-allowed;
}

.viewer-prev { left: 16px; }
.viewer-next { right: 16px; }

.page-preview-counter {
  font: 10px "DM Mono", monospace;
  color: #c2cfcc;
  white-space: nowrap;
}

.viewer-zoom-readout {
  min-width: 58px;
}

.page-preview-shortcuts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 8px 12px;
  background: #151e1f;
  color: #8e9b99;
  font: 9px "DM Mono", monospace;
}

.viewer-open {
  overflow: hidden;
}

@media (max-width: 800px) {
  .preview-toolbar-actions {
    width: 100%;
    justify-content: space-between;
  }

  .page-preview-modal {
    padding: 0;
  }

  .page-preview-dialog {
    width: 100vw;
    height: 100dvh;
    min-height: 0;
    border: 0;
  }

  .page-preview-stage {
    padding: 18px 46px;
  }

  .page-preview-canvas,
  .page-preview-image {
    max-width: 92%;
    max-height: 82%;
  }

  .viewer-nav {
    width: 38px;
    height: 38px;
    font-size: 27px;
  }

  .viewer-prev { left: 8px; }
  .viewer-next { right: 8px; }

  .page-preview-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .page-preview-controls {
    width: 100%;
  }

  .page-preview-controls .viewer-control {
    flex: 1;
  }

  .page-preview-shortcuts {
    gap: 8px;
    flex-wrap: wrap;
    line-height: 1.5;
  }
}

/* =========================================================
   WAZOPDF MASTER UPGRADE — PREMIUM OPTIONS / RESULT / THEME
========================================================= */
.theme-toggle{background:transparent;border:1px solid var(--ink);border-radius:999px;width:38px;height:34px;cursor:pointer;font-size:15px;color:var(--ink);display:grid;place-items:center;margin-left:auto;margin-right:10px;transition:.2s}.theme-toggle:hover{background:var(--ink);color:var(--paper)}
.ultimate-options{width:100%;text-align:left;margin-top:18px;display:grid;gap:12px}.ultimate-option-card{background:#fffdf8;border:1px solid var(--ink);padding:13px}.ultimate-option-card h4{margin:0 0 9px;font-size:11px;font-family:"DM Mono",monospace;letter-spacing:.04em}.ultimate-field{display:grid;gap:6px;margin-bottom:10px}.ultimate-field:last-child{margin-bottom:0}.ultimate-field label{font-size:10px;font-weight:700;color:var(--ink)}.ultimate-field input[type=text],.ultimate-field input[type=number],.ultimate-field select,.ultimate-field textarea{width:100%;font:12px "DM Sans",sans-serif;color:var(--ink);background:#fffdf9;border:1px solid var(--ink);padding:9px;outline:none}.ultimate-field textarea{min-height:65px;resize:vertical}.ultimate-inline{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ultimate-checks{display:flex;flex-wrap:wrap;gap:8px}.ultimate-check{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink)}.ultimate-check input{accent-color:var(--coral)}.ultimate-range{display:flex;justify-content:space-between;gap:10px;align-items:center}.ultimate-range input{width:100%;accent-color:var(--coral)}.ultimate-range b{font:10px "DM Mono",monospace;color:var(--coral);min-width:40px;text-align:right}.ultimate-help{font-size:10px;line-height:1.5;color:var(--muted);margin:4px 0 0}.signature-canvas-wrap{background:#fffdf9;border:1px solid var(--ink);padding:7px}.ultimate-signature-pad{display:block;width:100%;height:130px;touch-action:none;background:#fff;cursor:crosshair}.signature-actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.signature-actions-row button{border:0;background:none;border-bottom:1px solid var(--ink);font:700 10px "DM Sans",sans-serif;cursor:pointer;padding:0}.ultimate-result{margin-top:14px;background:#e9f6f1;border:1px solid var(--ink);padding:14px;text-align:left}.ultimate-result .result-title{font:700 13px "DM Sans",sans-serif}.ultimate-result .result-meta{font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}.ultimate-result .result-actions{display:flex;gap:8px;margin-top:10px}.ultimate-result .result-actions button{border:1px solid var(--ink);background:#fffdf9;padding:8px 10px;font:700 10px "DM Sans",sans-serif;cursor:pointer}.ultimate-status{font-size:10px;color:var(--muted);margin-top:8px;min-height:14px}.dark-mode{--ink:#f3eee7;--paper:#141918;--muted:#a9b5b2;--line:#e8ded3}.dark-mode body{color:var(--ink);background:var(--paper)}.dark-mode .site-header{border-bottom-color:rgba(255,255,255,.16)}.dark-mode .workbench-section,.dark-mode .mini-tools{background:#0f1515}.dark-mode .upload-area,.dark-mode .file-summary,.dark-mode .ultimate-option-card,.dark-mode .preview-card,.dark-mode .preview-toolbar-button,.dark-mode .preview-select-all,.dark-mode .viewer-control,.dark-mode .viewer-button{background:#1c2322;color:var(--ink)}.dark-mode .preview-thumb{background:#111615}.dark-mode .ultimate-result{background:#17322c}.dark-mode .faq-section,.dark-mode .promise{background:#1b1713}.dark-mode .hero{background:linear-gradient(111deg,#1a1715 0%,#171b1a 61%,#2c1c19 100%)}
@media(max-width:800px){.theme-toggle{display:none}.ultimate-inline{grid-template-columns:1fr}.ultimate-option-card{padding:11px}.ultimate-result .result-actions{flex-wrap:wrap}}