@charset "UTF-8";
:root{color-scheme:light;--ink:#080b12;--ink-2:#111827;--muted:#657083;--muted-2:#8b96a8;--bg:#f4f7fa;--surface:#fff;--surface-2:#edf3f8;--line:#dce4ec;--line-dark:#253040;--dark:#05080f;--dark-2:#0b111c;--dark-3:#111b2a;--blue:#1769e8;--blue-2:#3688ff;--sky:#55c7ff;--sky-soft:#e5f7ff;--success:#20b875;--danger:#df4053;--warning:#e59b28;--shadow-sm:0 8px 24px rgba(20,35,55,.07);--shadow:0 24px 80px rgba(15,33,54,.14);--glow:0 18px 55px rgba(23,105,232,.24);--radius:20px;--radius-sm:12px;--content:1200px;--ease:cubic-bezier(.2,.72,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.7vw,6.25rem)}h2{font-size:clamp(2.15rem,4.5vw,4rem)}h3{font-size:1.15rem;letter-spacing:-.025em}.container{width:min(calc(100% - 48px),var(--content));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;padding:10px 14px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.icon{display:inline-grid;place-items:center;min-width:1.1em;line-height:1;font-weight:850}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:11px;font-weight:760;letter-spacing:-.01em;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s}.btn .icon{transition:transform .25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:hover .icon{transform:translateX(3px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.btn-lg{min-height:54px;padding:14px 23px;border-radius:13px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue-2),var(--blue));box-shadow:0 12px 28px rgba(23,105,232,.24)}.btn-primary:hover{box-shadow:0 18px 38px rgba(23,105,232,.34)}.btn-secondary{color:#fff;background:var(--dark-2);border-color:#253249}.btn-outline{color:var(--ink);background:#fff;border-color:var(--line);box-shadow:0 4px 15px rgba(20,35,55,.04)}.btn-outline:hover{border-color:#b7c6d6;box-shadow:var(--shadow-sm)}.btn-light{color:var(--dark);background:#fff;box-shadow:0 12px 30px #0003}.btn-dark-outline{color:#fff;background:#ffffff0a;border-color:#ffffff35}.btn-danger{color:#fff;background:var(--danger)}.btn-ghost{color:inherit;background:transparent}.btn-link{padding-inline:0;color:var(--blue);background:transparent}.icon-button{min-width:42px;padding:8px}.btn-row{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.field{display:grid;gap:7px}.field-label{font-size:.84rem;font-weight:740;color:#273348}.field-hint{font-size:.76rem;color:var(--muted)}input,textarea,select{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}textarea{min-height:120px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#bfccda}input:focus,textarea:focus,select:focus{border-color:var(--blue-2);background:#fff;box-shadow:0 0 0 4px rgba(54,136,255,.12)}input[type=checkbox],input[type=radio]{width:16px;min-height:16px;accent-color:var(--blue)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-stack,.wizard-form,.verify-form{display:grid;gap:16px}.form-row,.signature-head{display:flex;align-items:center;gap:12px}.between,.signature-head{justify-content:space-between}.end{justify-content:flex-end}.text-link{color:var(--blue);font-weight:720}.check-control{display:flex;align-items:flex-start;gap:9px;color:#4b5668;font-size:.85rem}.check-control input{margin-top:3px}.form-message{padding:12px 14px;border-radius:10px;font-size:.88rem}.form-message.error{color:#a5293a;background:#fff0f2;border:1px solid #f5bac2}.form-message.info{color:#086b4d;background:#edfbf6;border:1px solid #a8e2cd}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:790;background:var(--surface-2);color:#42536a}.badge-active,.badge-completed,.badge-signed,.badge-approved{background:#dcf7eb;color:#08704f}.badge-draft,.badge-pending{background:#fff1c9;color:#8a5a00}.badge-sent,.badge-in_progress,.badge-processing,.badge-authenticated{background:#e4edff;color:#1b56b4}.badge-cancelled,.badge-failed,.badge-suspended{background:#ffe2e6;color:#a5293a}.loading-block{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:grid;justify-items:center;text-align:center;gap:8px;padding:50px 20px;color:var(--muted)}.empty-state h3{margin:5px 0 0;color:var(--ink)}.toast-region{position:fixed;right:18px;bottom:18px;z-index:300;display:grid;gap:10px;width:min(390px,calc(100% - 36px))}.toast{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.modal{width:min(620px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 100px #0005}.modal::backdrop{background:#05080fcc;backdrop-filter:blur(5px)}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:1.25rem}.modal-body{padding:20px;overflow:auto}.modal-actions{justify-content:flex-end;gap:10px;border:0;border-top:1px solid var(--line)}

/* Brand and navigation */
.brand,.auth-brand{display:inline-flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:860;letter-spacing:-.035em}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:3px;width:35px;height:35px;padding:8px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--sky),var(--blue));box-shadow:inset 0 0 0 1px #ffffff55,0 8px 22px rgba(23,105,232,.25);transform:rotate(-7deg)}.brand-mark i{display:block;width:4px;border-radius:4px;background:#fff;transform:skewX(-24deg)}.brand-mark i:nth-child(1){height:7px;opacity:.7}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:19px}.site-header{position:fixed;inset:0 0 auto;z-index:90;border-bottom:1px solid transparent;background:rgba(247,249,252,.76);backdrop-filter:blur(20px);transition:background .25s,border-color .25s,box-shadow .25s}.site-header.scrolled{border-color:rgba(209,219,229,.85);background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(18,34,53,.05)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:29px;color:#515d70;font-size:.88rem;font-weight:600}.nav-links a,.footer-links a{transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:7px}.mobile-toggle,.mobile-menu{display:none}

/* Landing */
.marketing-site{overflow:hidden;background:#fff}.hero{position:relative;isolation:isolate;overflow:hidden;padding:150px 0 0;background:linear-gradient(180deg,#f7f9fc 0%,#f3f7fb 72%,#fff 100%)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,56,94,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,56,94,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%);z-index:-2}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.glow-one{width:620px;height:620px;right:-140px;top:-240px;background:radial-gradient(circle,rgba(85,199,255,.22),transparent 68%)}.glow-two{width:500px;height:500px;left:-290px;top:280px;background:radial-gradient(circle,rgba(54,136,255,.12),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center;min-height:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--blue);font-size:.75rem;font-weight:820;text-transform:uppercase;letter-spacing:.115em}.eyebrow.hero-badge{padding:7px 11px;border:1px solid #cde9fa;border-radius:999px;background:#eef9ff}.eyebrow.dark{color:var(--sky)}.hero-content{position:relative;z-index:2}.hero h1{max-width:720px;margin-bottom:25px;color:var(--ink)}.accent{background:linear-gradient(100deg,var(--blue-2),#4cbdf7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:650px;margin-bottom:31px;color:#5d687a;font-size:clamp(1.03rem,1.5vw,1.18rem);line-height:1.65}.hero-actions{margin-bottom:27px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#667285;font-size:.8rem}.trust-item{display:flex;align-items:center;gap:7px}.trust-item .icon{width:18px;height:18px;border:1px solid #79d3a7;border-radius:50%;color:var(--success);font-size:10px!important}.hero-scene{position:relative;min-height:540px;border:1px solid rgba(163,193,221,.35);border-radius:35px;background:radial-gradient(circle at 65% 22%,#2588f0,#0b3c85 65%,#071d42);box-shadow:0 40px 90px rgba(10,52,105,.25),inset 0 1px #ffffff44;perspective:1000px}.scene-grid{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(145deg,#000,transparent)}.scene-orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff3c;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:76%;height:52%}.orbit-two{width:55%;height:78%;transform:translate(-50%,-50%) rotate(42deg)}.document-stack{position:absolute;left:50%;top:49%;width:260px;height:340px;transform:translate(-50%,-50%) rotate(-5deg);transform-style:preserve-3d;animation:documentFloat 6s var(--ease) infinite}.document-sheet{position:absolute;inset:0;border-radius:9px;background:#fff;box-shadow:0 28px 40px #00152d66}.sheet-back{transform:translate(-28px,20px) rotate(-8deg);opacity:.25}.sheet-mid{transform:translate(25px,13px) rotate(9deg);opacity:.42}.sheet-main{padding:32px 29px;background:linear-gradient(145deg,#fff,#f3f7fb)}.doc-kicker{display:flex;align-items:center;gap:8px;color:#5b6b80;font-size:.55rem;font-weight:850;letter-spacing:.15em}.doc-kicker i{width:24px;height:3px;background:var(--blue)}.doc-title{width:72%;height:13px;margin:26px 0 22px;border-radius:2px;background:#18253a}.doc-line{width:85%;height:6px;margin:10px 0;border-radius:4px;background:#dce3ec}.doc-line.wide{width:100%}.doc-line.short{width:62%}.doc-signature{position:absolute;left:29px;right:29px;bottom:56px;display:flex;align-items:center;justify-content:space-between;padding:14px 0 8px;border-bottom:1px solid #bac5d2;color:#10213b;font:italic 1.35rem Georgia,serif}.doc-signature span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--blue)}.doc-footer{position:absolute;left:29px;right:29px;bottom:25px;display:flex;justify-content:space-between;color:#8994a4;font-size:.5rem;font-weight:800;letter-spacing:.1em}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:170px;padding:12px 14px;border:1px solid #ffffff33;border-radius:14px;color:#fff;background:#07142dcc;box-shadow:0 18px 40px #00172e55;backdrop-filter:blur(14px);animation:chipFloat 5s var(--ease) infinite}.floating-chip>.icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--sky);background:#ffffff12}.floating-chip span,.floating-chip strong{display:block}.floating-chip strong{font-size:.77rem}.floating-chip span{color:#a9bad1;font-size:.62rem}.chip-top{right:-22px;top:82px}.chip-bottom{left:-28px;bottom:92px;animation-delay:-2s}.scene-status{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:8px;color:#c4d4e8;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.scene-status i,.footer-status i{width:7px;height:7px;border-radius:50%;background:#4df5a4;box-shadow:0 0 14px #4df5a4}.signal-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:72px;padding:24px 0;border-top:1px solid var(--line)}.signal-strip>span{color:#929dad;font-size:.66rem;font-weight:820;letter-spacing:.16em}.signal-strip>div{display:flex;flex-wrap:wrap;gap:35px}.signal-strip b{color:#677487;font-size:.78rem;letter-spacing:.03em}@keyframes documentFloat{0%,100%{transform:translate(-50%,-50%) rotate(-5deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-3deg) translateY(-13px)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.section{position:relative;padding:112px 0}.section-white{background:#fff}.section-head{max-width:760px;margin-bottom:48px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{margin-bottom:17px}.section-head p{margin:0;color:var(--muted);font-size:1.03rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;overflow:hidden;min-height:290px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fafbfd);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.feature-card::after{content:"";position:absolute;width:160px;height:160px;right:-100px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(85,199,255,.17),transparent 68%);transition:.4s}.feature-card:hover{transform:translateY(-7px);border-color:#bfd8ec;box-shadow:0 25px 55px rgba(15,45,76,.11)}.feature-card:hover::after{right:-60px;bottom:-60px}.feature-highlight{color:#fff;border-color:#1f5ca8;background:linear-gradient(145deg,#0b1728,#0c3266)}.feature-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:42px}.feature-card-top>span{color:#a2adbc;font-size:.68rem;font-weight:800;letter-spacing:.12em}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--blue);background:var(--sky-soft)}.feature-highlight .feature-icon{color:var(--sky);background:#ffffff12}.feature-card h3{margin-bottom:12px}.feature-card p{margin:0;color:var(--muted)}.feature-highlight p{color:#adc0d7}.card-link{position:absolute;left:25px;bottom:23px;color:var(--blue);font-size:.76rem;font-weight:740}.feature-highlight .card-link{color:var(--sky)}
.workflow-section{background:#f4f7fa}.workflow-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:50px}.workflow-grid::before{content:"";position:absolute;left:9%;right:9%;top:45px;height:1px;background:linear-gradient(90deg,transparent,var(--sky),var(--blue),transparent)}.workflow-step{position:relative;text-align:center}.step-number{display:block;margin-bottom:9px;color:#8492a6;font:700 .66rem/1 monospace;letter-spacing:.1em}.step-pulse{position:relative;z-index:1;width:17px;height:17px;margin:0 auto 23px;border:4px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #cfe7ff,0 0 24px rgba(23,105,232,.3)}.workflow-step h3{margin-bottom:8px}.workflow-step p{color:var(--muted);font-size:.88rem}.workflow-preview{width:min(980px,100%);margin:auto;display:grid;grid-template-columns:150px 1fr;overflow:hidden;border:1px solid #1d3048;border-radius:24px;background:var(--dark-2);box-shadow:0 32px 80px rgba(8,24,46,.24)}.preview-sidebar{display:grid;align-content:start;justify-items:center;gap:18px;padding:24px 18px;background:#060b13}.preview-sidebar .brand-mark{margin-bottom:12px}.preview-sidebar>i{width:75%;height:8px;border-radius:5px;background:#1e2a39}.preview-sidebar>i.active{background:linear-gradient(90deg,var(--sky),var(--blue))}.preview-main{padding:31px}.preview-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid #243249}.preview-head small,.preview-head strong{display:block}.preview-head small{margin-bottom:6px;color:#687b94;font-size:.58rem;letter-spacing:.12em}.preview-head strong{color:#fff}.preview-head>span{padding:6px 10px;border:1px solid #53c3ff55;border-radius:999px;color:var(--sky);background:#55c7ff12;font-size:.67rem}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.preview-metrics>div{padding:16px;border:1px solid #25354b;border-radius:12px;background:#0e1724}.preview-metrics strong,.preview-metrics span{display:block}.preview-metrics strong{color:#fff;font-size:1.25rem}.preview-metrics span{color:#72839a;font-size:.65rem}.preview-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-timeline>div{position:relative;padding-top:25px;color:#72839a}.preview-timeline>div::before{content:"";position:absolute;left:8px;right:-18px;top:6px;height:1px;background:#25354b}.preview-timeline>div:last-child::before{display:none}.preview-timeline i{position:absolute;left:0;top:1px;width:11px;height:11px;border:2px solid #43536a;border-radius:50%;background:#0e1724}.preview-timeline .done i{border-color:var(--sky);background:var(--blue);box-shadow:0 0 12px #2384ff77}.preview-timeline span,.preview-timeline small{display:block}.preview-timeline span{font-size:.65rem}.preview-timeline small{font-size:.55rem;color:#526176}
.security-section{overflow:hidden;color:#fff;background:var(--dark)}.security-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff13 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.security-glow{position:absolute;width:700px;height:700px;right:-250px;top:-350px;border-radius:50%;background:radial-gradient(circle,rgba(45,136,255,.22),transparent 67%)}.security-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.security-copy h2{margin-bottom:22px}.security-copy h2 span{color:var(--sky)}.security-copy>p{max-width:520px;margin-bottom:28px;color:#9babc0;font-size:1.03rem}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.security-item{min-height:190px;padding:21px;border:1px solid #223149;border-radius:16px;background:linear-gradient(145deg,#0e1623cc,#0b111ccc);backdrop-filter:blur(8px);transition:.3s var(--ease)}.security-item:hover{transform:translateY(-4px);border-color:#385271}.security-item .feature-icon{margin-bottom:24px;color:var(--sky);background:#55c7ff10}.security-item strong{display:block;margin-bottom:8px}.security-item p{margin:0;color:#8293aa;font-size:.84rem}
.pricing-section{background:#f7f9fb}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(25,46,70,.045);transition:.35s var(--ease)}.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.price-card.featured{color:#fff;border-color:#1d4f8f;background:linear-gradient(155deg,#0b1422,#0a2d5c);box-shadow:0 25px 60px rgba(8,42,86,.25)}.plan-index{color:#9ba6b4;font:700 .65rem monospace;letter-spacing:.13em}.price-tag{position:absolute;right:20px;top:20px;padding:5px 9px;border-radius:999px;color:#051424;background:var(--sky);font-size:.65rem;font-weight:840}.price-card h3{margin:30px 0 9px;font-size:1.35rem}.price-card>p{color:var(--muted)}.price-card.featured>p{color:#9eafc5}.price{margin:25px 0;font-size:2rem;font-weight:860;letter-spacing:-.04em}.price small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;font-weight:550;letter-spacing:0}.featured .price small{color:#8fa3bd}.check-list{display:grid;gap:11px;margin:0 0 27px;padding:0;list-style:none;color:#465367}.check-list li{display:flex;gap:9px}.check-list .icon{color:var(--success)}.price-card.featured .check-list{color:#c0ccdc}.price-card>.btn{width:100%;margin-top:auto}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid .section-head{margin:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;cursor:pointer;font-weight:760}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.25rem;font-weight:400;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding:0 35px 22px 0;margin:0;color:var(--muted)}.final-cta{padding-top:50px;background:#fff}.cta-panel{position:relative;isolation:isolate;overflow:hidden;padding:85px 30px;border-radius:28px;text-align:center;color:#fff;background:radial-gradient(circle at 75% 15%,#1769e8,#071a38 48%,#05080f);box-shadow:0 35px 80px rgba(8,31,63,.23)}.cta-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,#000,transparent 72%)}.cta-panel h2{max-width:820px;margin:0 auto 18px}.cta-panel>p{max-width:630px;margin:0 auto 28px;color:#aebdd0}.cta-panel>.btn-row{justify-content:center}.site-footer{padding:66px 0 27px;color:#8e9bb0;background:#05080f}.footer-topline{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid #1c2736}.footer-topline .brand{color:#fff}.footer-topline p{max-width:480px;margin:17px 0 0}.footer-status{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #233044;border-radius:999px;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:42px 0}.footer-grid h4{color:#fff;font-size:.8rem}.footer-links{display:grid;gap:9px;font-size:.82rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #1c2736;font-size:.72rem}

/* Authentication */
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1fr) minmax(520px,1fr);background:#fff}.auth-aside{position:relative;isolation:isolate;display:flex;overflow:hidden;padding:52px;color:#fff;background:radial-gradient(circle at 20% 15%,#153f7e,#071328 48%,#05080f 86%)}.auth-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(145deg,#000,transparent)}.auth-orb{position:absolute;z-index:-1;border-radius:50%}.orb-a{width:520px;height:520px;left:-260px;bottom:-180px;background:radial-gradient(circle,rgba(85,199,255,.25),transparent 67%)}.orb-b{width:430px;height:430px;right:-200px;top:-160px;border:1px solid #55c7ff55;box-shadow:inset 0 0 120px #1769e833}.auth-home{position:absolute;inset:0;z-index:0}.auth-aside-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:min(580px,100%);margin:auto;pointer-events:none}.auth-aside-inner .auth-brand{color:#fff}.auth-story{margin:auto 0}.auth-story h2{max-width:600px;margin-bottom:20px;font-size:clamp(2.7rem,4.8vw,4.9rem)}.auth-story>p{max-width:560px;color:#a7b8cd;font-size:1.02rem}.auth-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.auth-proof>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ffffff1d;border-radius:14px;background:#ffffff08;backdrop-filter:blur(10px)}.auth-proof .icon{color:var(--sky)}.auth-proof span,.auth-proof strong{display:block}.auth-proof span{color:#8194ae;font-size:.68rem}.auth-proof strong{color:#fff;font-size:.78rem}.auth-quote{max-width:430px;padding-top:26px;border-top:1px solid #ffffff20}.auth-quote>span{float:left;margin-right:10px;color:var(--sky);font:3rem/1 Georgia,serif}.auth-quote p{margin-bottom:7px;color:#d5dfeb}.auth-quote small{color:#6e819b}.auth-panel{position:relative;display:grid;place-items:center;padding:54px 32px;background:linear-gradient(145deg,#fff,#f7f9fb)}.auth-panel-inner{width:min(450px,100%)}.auth-mobile-brand{display:none}.auth-step{display:block;margin-bottom:15px;color:var(--blue);font-size:.65rem;font-weight:820;letter-spacing:.14em}.auth-panel h1{margin-bottom:12px;font-size:clamp(2.2rem,4vw,3.45rem)}.auth-description{margin-bottom:0;color:var(--muted)}.auth-form{display:grid;gap:16px;margin-top:30px}.auth-form .btn-primary{min-height:52px}.auth-help{text-align:center;color:var(--muted);font-size:.84rem}.auth-back{display:block;margin-top:25px;text-align:center;color:#7b8798;font-size:.8rem}.auth-legal{position:absolute;bottom:19px;color:#9aa4b3;font-size:.67rem}.auth-legal a{color:#596579}.auth-register .auth-panel{padding-block:35px}.auth-register .auth-form{gap:12px;margin-top:22px}.auth-register input{min-height:44px}.auth-register .auth-back{margin-top:15px}.auth-register .auth-legal{display:none}

/* Application */
.app-layout{min-height:100vh;display:grid;grid-template-columns:264px 1fr;background:var(--bg)}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:23px 15px;border-right:1px solid #1d2939;color:#fff;background:linear-gradient(180deg,#080d16,#05080f)}.app-sidebar .brand{padding:2px 9px 20px}.workspace-label{margin:9px 4px 20px;padding:12px 13px;border:1px solid #1e2a3b;border-radius:11px;background:#0c131f}.workspace-label span,.workspace-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label span{margin-bottom:3px;color:#64748b;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.workspace-label strong{font-size:.78rem}.side-nav{display:grid;gap:5px}.side-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#8796aa;font-size:.86rem;transition:.2s}.side-link:hover{color:#fff;background:#111a28}.side-link.active{color:#fff;background:linear-gradient(90deg,#10284b,#111b29)}.side-link.active::before{content:"";position:absolute;left:-15px;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--sky);box-shadow:0 0 16px var(--sky)}.side-link.active .icon{color:var(--sky)}.sidebar-footer{margin-top:auto;padding:14px 7px 0;border-top:1px solid #1c2735}.account-mini{display:flex;gap:10px;align-items:center;margin-bottom:9px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--sky),var(--blue));font-weight:820}.account-mini strong,.account-mini span{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mini span{color:#708199;font-size:.67rem}.logout-button{width:100%;justify-content:flex-start;color:#8494aa}.app-main{min-width:0}.app-topbar{position:sticky;top:0;z-index:70;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 28px;border-bottom:1px solid var(--line);background:rgba(247,249,251,.88);backdrop-filter:blur(18px)}.topbar-title{display:flex;align-items:center;gap:10px}.topbar-title>div>span{display:block;color:#929cab;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.app-topbar h1{margin:2px 0 0;font-size:1.22rem;letter-spacing:-.03em}.topbar-actions{display:flex;align-items:center;gap:10px}.app-content{padding:30px}.content-wrap{width:min(100%,1280px);margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px}.page-head h2{margin:0;font-size:1.8rem}.page-head p{margin:8px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 28px rgba(20,42,65,.045)}.stat-card{position:relative;overflow:hidden;display:grid;gap:7px;padding:20px}.stat-card::after{content:"";position:absolute;width:100px;height:100px;right:-55px;top:-55px;border-radius:50%;background:var(--sky-soft)}.stat-card>span,.stat-card>small{color:var(--muted)}.stat-card>strong{font-size:2rem}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h3{margin:0}.detail-grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th,.data-table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{color:#7d8999;background:#f8fafc;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.data-table tr:last-child td{border:0}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f8fbfe}.data-table td small{display:block;margin-top:4px;color:var(--muted)}.data-list{display:grid;margin:10px 0 0}.data-list>div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.5fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.data-list dt{color:var(--muted)}.data-list dd{margin:0;overflow-wrap:anywhere}.file-row,.signer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.file-row small{display:block;margin-top:4px;color:var(--muted)}.form-section{margin-bottom:18px}.signer-list{display:grid;gap:10px}.signer-list .signer-row{display:grid;grid-template-columns:1fr 1fr auto}.timeline{list-style:none;padding:8px 0 0 8px}.timeline li{position:relative;padding:0 0 22px 28px;border-left:1px solid var(--line)}.timeline li .timeline-dot{position:absolute;left:-7px;top:3px}.timeline-dot{width:13px;height:13px;border:3px solid #cceaff;border-radius:50%;background:var(--blue)}.timeline li small{display:block;color:var(--muted)}.plan-card .price{display:block;margin-top:18px}.usage-number{margin:18px 0 8px;font-size:1.8rem;font-weight:850}.progress{height:8px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--blue))}.profile-card{display:flex;align-items:center;gap:18px}.avatar.large{width:56px;height:56px}.sidebar-overlay{display:none}.mobile-app-toggle{display:none}

/* Signer, verify and legal */
.signer-page{min-height:100vh;padding:45px 20px;background:radial-gradient(circle at 50% 0,#eaf7ff,#f4f7fa 45%)}.signer-container{max-width:920px;margin:auto}.signer-trust{display:flex;align-items:center;gap:10px;margin-bottom:20px}.signer-trust small{margin-left:auto;color:var(--muted)}.signer-card{max-width:640px;margin:auto;padding:34px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow)}.signer-card.wide{max-width:850px}.center{text-align:center}.stepper{max-width:620px;margin:0 auto 25px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.stepper li{position:relative;text-align:center;color:#94a3b8}.stepper li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line)}.stepper li:first-child::before{display:none}.stepper span{position:relative;z-index:1;margin:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dbe3ec;font-weight:800}.stepper small{display:block;margin-top:6px}.stepper li.active{color:var(--blue)}.stepper li.active span{color:#fff;background:var(--blue);box-shadow:0 0 0 4px #dcecff}.signature-canvas{display:block;width:100%;height:220px;margin:10px 0 16px;border:2px dashed #b8c6d6;border-radius:12px;background:#fbfdff;touch-action:none}.document-summary{margin:18px 0}.result-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:50%;font-size:1.8rem;font-weight:850}.result-icon.success{color:#08704f;background:#dcf7eb}.result-icon.danger{color:#a5293a;background:#ffe2e6}.verify-container{max-width:850px;margin:auto;padding:105px 20px 64px}.verify-hero{text-align:center;max-width:690px;margin:0 auto 28px}.verify-container .verify-card,.verify-container .verify-result{width:auto;margin:0 0 20px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.verify-card{padding:30px}.verify-result{text-align:center;padding:26px}.verify-result .data-list{text-align:left}.verify-result code{font-size:.77rem;overflow-wrap:anywhere}.legal-note{margin-top:18px;color:var(--muted);font-size:.8rem}.legal-page{background:#fff}.legal-hero{padding:165px 0 75px;background:linear-gradient(180deg,#edf7ff,#f7f9fb)}.legal-hero h1{max-width:850px;margin:0;font-size:clamp(2.7rem,5.5vw,5rem)}.legal-content{width:min(800px,calc(100% - 40px));margin:60px auto 100px}.legal-updated{padding:16px;border-left:3px solid var(--sky);background:#f2f8fc}.legal-content h2{margin-top:40px;font-size:1.55rem}.legal-content p{color:#506075}.not-found{min-height:75vh;display:grid;place-items:center;text-align:center;padding:110px 30px 30px}

/* Motion */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal="left"]{transform:translateX(-30px)}[data-reveal="scale"]{transform:scale(.96) translateY(12px)}[data-reveal].is-visible{opacity:1;transform:none}[data-stagger]>*{transition-delay:calc(var(--i,0) * 85ms)}

@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero-content{max-width:800px}.hero-scene{width:min(720px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr;gap:50px}.workflow-preview{grid-template-columns:110px 1fr}.faq-grid{grid-template-columns:1fr;gap:30px}.app-layout{grid-template-columns:82px 1fr}.app-sidebar{padding-inline:8px}.app-sidebar .brand span,.workspace-label,.side-link span,.account-mini>div,.sidebar-footer .btn span{display:none}.app-sidebar .brand,.side-link{justify-content:center}.sidebar-footer{display:grid;justify-items:center}.logout-button{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:.9fr 1.1fr}.auth-aside{padding:38px}.auth-proof{grid-template-columns:1fr}}
@media(max-width:780px){.container{width:min(calc(100% - 28px),var(--content))}.nav{height:70px}.nav-links,.nav-actions>.btn{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:grid;gap:3px;padding:10px 14px 17px;border-top:1px solid var(--line);background:#fff}.mobile-menu>a{padding:9px}.mobile-menu .btn{margin-top:5px}.hero{padding-top:115px}.hero-grid{min-height:auto}.hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-scene{min-height:450px;border-radius:24px}.document-stack{scale:.82}.chip-top{right:8px;top:55px}.chip-bottom{left:8px;bottom:65px}.signal-strip{display:block;margin-top:50px}.signal-strip>div{margin-top:15px;gap:16px}.section{padding:78px 0}.section-head{margin-bottom:36px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr;row-gap:38px}.workflow-grid::before{display:none}.workflow-preview{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:20px}.preview-timeline{grid-template-columns:1fr 1fr;gap:18px}.preview-timeline>div::before{display:none}.security-list{grid-template-columns:1fr}.faq-grid{gap:10px}.cta-panel{padding:65px 20px}.footer-topline,.footer-bottom{display:block}.footer-status{width:max-content;margin-top:22px}.auth-page{display:block;background:#fff}.auth-aside{display:none}.auth-panel{min-height:100vh;padding:35px 22px 80px}.auth-panel-inner{margin:auto}.auth-mobile-brand{display:block;margin-bottom:55px}.auth-step{margin-top:0}.auth-legal{width:calc(100% - 30px);text-align:center}.app-layout{display:block}.app-sidebar{position:fixed;left:-280px;z-index:120;width:264px;padding-inline:15px;transition:left .3s var(--ease)}.app-sidebar.open{left:0}.app-sidebar.open~.sidebar-overlay{display:block;position:fixed;inset:0;z-index:110;border:0;background:#05080faa}.app-sidebar .brand span,.workspace-label,.side-link span,.account-mini>div,.sidebar-footer .btn span{display:block}.side-link,.app-sidebar .brand{justify-content:flex-start}.logout-button{justify-content:flex-start}.mobile-app-toggle{display:inline-flex}.app-topbar{padding:8px 14px}.topbar-title>div>span{display:none}.app-content{padding:20px 13px}.page-head{align-items:flex-start}.form-grid,.form-grid.two{grid-template-columns:1fr}.signer-list .signer-row{grid-template-columns:1fr}.signer-card{padding:24px 18px}.signer-trust small{display:none}.data-list>div{grid-template-columns:1fr;gap:4px}.form-row{align-items:stretch;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.hero-scene{min-height:390px}.document-stack{scale:.68}.floating-chip{min-width:145px;padding:9px}.floating-chip span{font-size:.57rem}.workflow-grid{grid-template-columns:1fr}.preview-metrics{grid-template-columns:1fr}.preview-timeline{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.page-head{display:block}.page-head>.btn-row{margin-top:14px}.footer-grid{grid-template-columns:1fr}.btn-row>.btn{flex:1}.auth-mobile-brand{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Compact hero and subscriber portal — August 2026 */
@media(min-width:1051px){
  :root{--content:1280px}
  .site-header .nav{height:66px}
  .site-header .brand-mark{width:32px;height:32px;padding:7px;border-radius:10px}
  .site-header .brand{font-size:1.02rem}
  .site-header .btn{min-height:42px;padding:9px 16px}
  .hero{padding-top:88px}
  .hero-grid{grid-template-columns:1.02fr .98fr;gap:56px;min-height:0;height:clamp(510px,calc(100svh - 165px),590px)}
  .hero-content{padding-bottom:2px}
  .hero h1{max-width:650px;margin-bottom:17px;font-size:clamp(3.7rem,5.15vw,5.15rem);line-height:.98}
  .eyebrow.hero-badge{margin-bottom:14px;padding:6px 10px;font-size:.68rem}
  .hero-copy{max-width:610px;margin-bottom:20px;font-size:1rem;line-height:1.55}
  .hero-actions{margin-bottom:17px}
  .hero-actions .btn-lg{min-height:48px;padding:11px 19px}
  .trust-row{gap:16px;font-size:.72rem}
  .hero-scene{width:min(100%,560px);min-height:430px;margin-left:auto;border-radius:28px}
  .document-stack{scale:.82}
  .chip-top{right:-17px;top:64px}
  .chip-bottom{left:-20px;bottom:68px}
  .scene-status{bottom:15px}
  .signal-strip{margin-top:0;padding:17px 0}
}

.app-layout{grid-template-columns:248px 1fr}.app-sidebar{padding:18px 13px}.app-sidebar .brand{padding-bottom:15px}.workspace-label{position:relative;margin:6px 3px 17px;padding:11px 30px 11px 12px}.workspace-label i{position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1px solid #8291a5;border-bottom:1px solid #8291a5;transform:translateY(-70%) rotate(45deg)}.side-nav{gap:19px}.side-group{display:grid;gap:4px}.side-group-label{padding:0 12px 5px;color:#536176;font-size:.57rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.side-link{min-height:39px;padding:9px 11px}.app-topbar{min-height:70px;padding:9px 24px}.topbar-date{color:#7d8998;font-size:.72rem;text-transform:capitalize}.app-content{padding:25px 26px 38px}.content-wrap{max-width:1320px}.dashboard-page{display:grid;gap:18px}.dashboard-welcome{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:174px;padding:30px 34px;border:1px solid #173d70;border-radius:20px;color:#fff;background:radial-gradient(circle at 85% 15%,#1769e8,#0a2f62 45%,#07172e 85%);box-shadow:0 20px 45px rgba(10,43,85,.15)}.dashboard-welcome::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000)}.dashboard-welcome>div:first-child{max-width:680px}.dashboard-kicker,.panel-kicker{display:block;margin-bottom:7px;color:#7bd3ff;font-size:.6rem;font-weight:850;letter-spacing:.14em}.dashboard-welcome h2{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.04em}.dashboard-welcome p{margin:0;color:#a9bdd5}.welcome-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px}.welcome-orbit{position:absolute;z-index:-1;width:320px;height:320px;right:-85px;top:-145px;border:1px solid #55c7ff55;border-radius:50%;box-shadow:inset 0 0 80px #1a7cf044}.dashboard-page .stats-grid{margin:0}.dashboard-page .stat-card{min-height:137px;padding:18px 19px}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-card-head>span:first-child{color:#667386;font-size:.77rem;font-weight:680}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--blue);background:#eaf3ff}.stat-card.success .stat-icon{color:#109660;background:#e5f8ef}.stat-card.draft .stat-icon{color:#b8780f;background:#fff5db}.stat-card.neutral .stat-icon{color:#657083;background:#eef2f6}.dashboard-page .stat-card>strong{font-size:1.8rem;line-height:1}.dashboard-page .stat-card>small{font-size:.68rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.6fr);gap:18px;align-items:start}.dashboard-side{display:grid;gap:18px}.recent-panel{padding:0;overflow:hidden}.recent-panel>.panel-head{margin:0;padding:20px 20px 15px}.panel-kicker{color:var(--blue)}.panel-head h3{font-size:1.05rem}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.recent-panel .table-wrap{border:0;border-top:1px solid var(--line);border-radius:0}.recent-panel .data-table{min-width:650px}.recent-panel .data-table th,.recent-panel .data-table td{padding:12px 15px}.task-reference{display:flex;align-items:center;gap:10px}.task-file-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;color:var(--blue);background:#eaf3ff}.task-reference strong,.task-reference small{display:block}.task-reference strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.task-reference small{font-size:.65rem}.signature-count{font-variant-numeric:tabular-nums;font-weight:720}.table-open-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:.72rem;font-weight:760}.quota-panel,.quick-panel{padding:21px}.quota-panel .panel-head{align-items:flex-start}.quota-count{display:flex;align-items:baseline;gap:7px;margin:22px 0 11px}.quota-count strong{font-size:2.1rem;line-height:1}.quota-count span{color:var(--muted);font-size:.72rem}.quota-panel>small{display:block;margin-top:10px;color:#8490a0;font-size:.65rem}.quick-panel>h3{margin-bottom:15px}.quick-panel nav{display:grid}.quick-link{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);color:#3e4b5e;font-size:.78rem;font-weight:690}.quick-link .icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--blue);background:#edf5ff}.quick-link span:last-child{flex:1}.quick-link::after{content:"→";color:#9ba6b4}.panel,.stat-card{box-shadow:0 5px 20px rgba(20,42,65,.04)}.page-head{margin-bottom:20px}.page-head h2{font-size:1.55rem}.toolbar{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.toolbar input{flex:1;min-width:220px}.toolbar select{width:auto;min-width:175px}.form-section>h3{padding-bottom:14px;border-bottom:1px solid var(--line)}

@media(max-width:1050px){.app-layout{grid-template-columns:76px 1fr}.app-sidebar{padding-inline:8px}.app-sidebar .brand span,.workspace-label,.side-link span,.account-mini>div,.sidebar-footer .btn span{display:none}.app-sidebar .brand,.side-link{justify-content:center}.sidebar-footer{display:grid;justify-items:center}.logout-button{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.side-group-label{display:none}.side-nav{gap:8px}.topbar-date{display:none}}
@media(max-width:780px){.app-sidebar{width:248px;padding-inline:13px}.app-sidebar .brand span,.workspace-label,.side-link span,.account-mini>div,.sidebar-footer .btn span{display:block}.app-sidebar .brand,.side-link,.logout-button{justify-content:flex-start}.sidebar-footer{display:block}.dashboard-welcome{display:block;padding:25px 22px}.welcome-actions{margin-top:20px}.dashboard-side{grid-template-columns:1fr}.dashboard-page .stats-grid{grid-template-columns:1fr 1fr}.app-topbar .topbar-actions .btn{width:42px;padding:8px}.app-topbar .topbar-actions .btn>span{display:none}.side-group-label{display:block}.recent-panel .table-wrap{overflow:visible}.recent-panel .data-table,.recent-panel .data-table tbody{display:block;min-width:0}.recent-panel .data-table thead{display:none}.recent-panel .data-table tr{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.recent-panel .data-table td{display:block;padding:0;border:0}.recent-panel .data-table td[data-label="Estado"]{grid-column:2;grid-row:1}.recent-panel .data-table td[data-label="Firmas"],.recent-panel .data-table td[data-label="Creada"]{font-size:.7rem;color:var(--muted)}.recent-panel .data-table td[data-label=""]{grid-column:2;grid-row:2}.hero{padding-top:98px}}
@media(max-width:500px){.dashboard-page .stats-grid{grid-template-columns:1fr}.dashboard-welcome h2{font-size:1.75rem}.welcome-actions .btn{width:100%}.app-content{padding-inline:12px}.toolbar{display:grid}.toolbar select{width:100%}}

/* === Suite de firma (ceremonia del firmante) — reglas de la iteración 019 === */
.consent-box {display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}
/* Portal firmante inmobiliario v2 */
.signer-page-v2 {background:radial-gradient(circle at 85% 5%,rgba(46,156,255,.18),transparent 28%),linear-gradient(180deg,#f5f9fe 0%,#eef4fb 100%);min-height:calc(100vh - 72px)}
.signer-flow {max-width:1120px}
.signer-flow-body {width:100%}
.signer-trust.elevated {background:#071a31;color:#fff;border:0;border-radius:16px;padding:13px 18px;box-shadow:0 18px 50px rgba(7,26,49,.18)}
.signer-trust.elevated small {color:#a9bdd2;display:block}
.stepper-five {grid-template-columns:repeat(5,minmax(0,1fr));max-width:760px;margin:0 auto 24px}
.identity-intro {text-align:center;max-width:680px;margin:0 auto 24px}
.identity-intro h2 {margin-bottom:8px}
.identity-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.identity-card {border:1px solid #dce7f3;border-radius:16px;padding:20px;background:#f8fbff;text-align:center}
.identity-card-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:13px;margin:0 auto 10px;background:#e5f2ff;color:#0878ed;font-size:24px}
.identity-card h3 {margin:4px 0}
.identity-card p {min-height:42px;font-size:13px}
.identity-card input[type=file] {display:none}
.identity-status {display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;margin:7px 0 13px}
.identity-status.approved {background:#dff8ec;color:#08734c}
.identity-status.rejected {background:#ffebe9;color:#b42318}
.identity-status.pending {background:#fff3d6;color:#8a5500}
.identity-status.missing {background:#e9eff6;color:#516071}
.document-review-shell {max-width:1040px}
.property-line {display:inline-flex;border-radius:999px;background:#eaf4ff;color:#0f64bd;padding:7px 12px;font-weight:700}
.pdf-review-card {border:1px solid #dce7f3;border-radius:16px;overflow:hidden;margin:18px 0;background:#fff}
.pdf-review-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#f8fbff;border-bottom:1px solid #dce7f3}
.pdf-review-head small {display:block;margin-top:3px;color:#6f7f91}
.pdf-preview-frame {display:block;width:100%;height:min(68vh,720px);border:0;background:#e9eef5}
.review-confirmation {display:flex;gap:10px;align-items:flex-start;padding:14px 16px;font-weight:700;background:#fbfdff}
.review-confirmation input,.consent-box input {width:18px;height:18px;accent-color:#1677ff;flex:none}
.consent-stack {display:grid;gap:10px;margin:22px 0}
.consent-stack .consent-box {margin:0}
.signature-stage {max-width:820px}
.signature-method-tabs {display:flex;gap:8px;margin:16px 0}
.result-card {max-width:680px}
.download-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
@media(max-width:760px) {
.stepper-five small {font-size:9px}
.identity-grid {grid-template-columns:1fr}
.pdf-preview-frame {height:58vh}
.pdf-review-head {align-items:flex-start;flex-direction:column}
.document-review-shell {padding:18px}
.download-grid {flex-direction:column}
.download-grid .btn {width:100%}
}


/* ============================================================
   Rediseño claro TrazaFlow — 2026-08-11 (según DESIGN-SPEC)
   Tokens #2563eb, tipografía más chica y suave, sombras grises
   suaves, superficies blancas. Sobrescribe la capa anterior.
   ============================================================ */
:root{
  --ink:#14161a;--ink-2:#2b2f36;--muted:#6b7280;--muted-2:#9aa1ab;
  --bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f2;--line:#e2e5e9;
  --blue:#2563eb;--blue-2:#3b82f6;--sky:#60a5fa;--sky-soft:#eaf1fe;
  --success:#22c55e;--danger:#ef4444;--warning:#f59e0b;
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,.04),0 1px 2px -1px rgba(0,0,0,.04);
  --shadow:0 4px 16px -2px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.04);
  --glow:0 8px 24px -6px rgba(37,99,235,.35);
  --radius:14px;--radius-sm:10px;
}
body{font-size:14.5px;line-height:1.6}
h1,h2,h3{letter-spacing:-.025em}
h1{font-size:clamp(2.4rem,5vw,4.25rem);font-weight:800}
h2{font-size:clamp(1.7rem,3.3vw,2.7rem);font-weight:700}
h3{font-size:1.05rem;font-weight:600}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.1em}
.hero-copy{font-size:clamp(.95rem,1.3vw,1.06rem);color:#5b6472}
.btn{min-height:42px;padding:10px 17px;border-radius:10px;font-weight:600;letter-spacing:0}
.btn-lg{min-height:48px;padding:12px 21px;border-radius:11px}
.btn-primary{background:linear-gradient(135deg,var(--blue-2),var(--blue));box-shadow:0 6px 16px -4px rgba(37,99,235,.4)}
.btn-primary:hover{box-shadow:0 10px 24px -6px rgba(37,99,235,.45)}
.btn-outline{box-shadow:var(--shadow-sm)}
.trust-item .icon{border-color:#86efac;color:#16a34a}
.accent{background:linear-gradient(100deg,var(--blue-2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Marca: usa el logo real si está subido; si no, la marca dibujada */
.brand-logo{width:34px;height:34px;object-fit:contain;flex:none}
.brand-logo+.brand-mark{display:none}

/* Escena del hero: bloque azul del estilo Lovable */
.hero-scene{background:linear-gradient(135deg,#60a5fa,#2563eb 60%,#1d4ed8);box-shadow:0 30px 70px -18px rgba(29,78,216,.45),inset 0 1px #ffffff55;border-color:#bfdbfe}
.floating-chip{background:#1e3a8acc}

/* Banda de seguridad: de oscuro a claro */
.security-section{color:var(--ink);background:var(--bg)}
.security-section::before{opacity:.35}
.security-glow{display:none}
.security-copy h2 span{color:var(--blue)}
.eyebrow.dark{color:var(--blue)}
.security-section p{color:var(--muted)}
.security-list>div,.security-item{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}
.security-item p{color:var(--muted)}
.btn-light{color:#fff;background:linear-gradient(135deg,var(--blue-2),var(--blue));box-shadow:0 6px 16px -4px rgba(37,99,235,.4)}

/* Footer claro */
.site-footer{color:var(--muted);background:#fff;border-top:1px solid var(--line)}
.site-footer .brand{color:var(--ink)}
.footer-grid h4{color:var(--ink);font-size:.86rem}
.footer-links a{color:var(--muted);font-size:.86rem}
.footer-links a:hover{color:var(--blue)}
.footer-topline p{color:var(--muted)}
.footer-status{color:#16a34a}
.footer-bottom{border-top:1px solid var(--line);color:var(--muted-2);font-size:.78rem}

/* Login / registro: lateral azul estilo Lovable, panel claro */
.auth-aside{background:linear-gradient(135deg,#3b82f6,#2563eb 55%,#1d4ed8)}
.auth-grid{background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px)}
.auth-orb{opacity:.5}
.auth-panel{background:var(--bg)}
.auth-panel-inner{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:34px}
.auth-panel-inner h2{font-size:1.45rem}

/* Tarjetas y tablas más suaves */
.feature-card,.price-card,.panel,.stat-card{box-shadow:var(--shadow-sm)}
.feature-card:hover{box-shadow:var(--shadow)}
.price-card.featured{border-color:var(--blue);box-shadow:0 12px 32px -8px rgba(37,99,235,.25)}
.price-tag{background:var(--blue);color:#fff}
.data-table th{font-size:.68rem}
.data-table td{font-size:.86rem}

/* Movimiento sobrio */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ===== Ajustes claros 2: componentes que seguían oscuros (2026-08-11b) ===== */
/* Tarjeta destacada de features: acento celeste claro, no navy */
.feature-highlight{color:var(--ink);border:1px solid #bfdbfe;background:linear-gradient(150deg,#eff6ff,#dbeafe)}
.feature-highlight p{color:#3b5675}
.feature-highlight .feature-icon{color:var(--blue);background:#fff}
.feature-highlight .card-link{color:var(--blue)}
/* Mock del panel en "Cómo funciona": versión clara */
.workflow-preview{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.preview-sidebar{background:#f5f6f8;border-right:1px solid var(--line)}
.preview-sidebar>i{background:#d7dde5}
.preview-sidebar>i.active{background:var(--blue)}
.preview-head{border-bottom:1px solid var(--line)}
.preview-head small{color:var(--muted)}
.preview-head strong{color:var(--ink)}
.preview-head>span{color:#1d4ed8;background:rgba(37,99,235,.1);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}
.preview-metrics>div{border:1px solid var(--line);background:#f8f9fb}
.preview-metrics strong{color:var(--ink)}
.preview-metrics span{color:var(--muted)}
.preview-timeline>div{color:var(--muted)}
.preview-timeline>div.done{color:#15803d}
.preview-timeline small{color:var(--muted-2)}
/* Plan destacado: blanco con borde azul (estilo Lovable) */
.price-card.featured{color:var(--ink);border:2px solid var(--blue);background:#fff;box-shadow:0 16px 40px -10px rgba(37,99,235,.25)}
.price-card.featured .plan-index{color:var(--muted-2)}
.price-card.featured p{color:var(--muted)}
.price-card.featured .check-list{color:var(--ink-2)}
.price-card.featured .btn-light{color:#fff}
/* CTA final: único bloque intenso, azul de marca */
.cta-panel{background:linear-gradient(135deg,#3b82f6,#2563eb 55%,#1d4ed8)}
.cta-panel p{color:#dbeafe}
/* Seguridad: refuerzo por si el caché sirvió reglas viejas */
.security-section,.security-section h2{color:var(--ink)}
.security-section{background:var(--bg)}
.security-item,.security-list>div{color:var(--ink);border:1px solid var(--line);background:#fff}
.security-item strong{color:var(--ink)}