:root{--ink:#19162f;--muted:#625e76;--purple:#7046e8;--pink:#e84e9b;--line:#e8e4f0;--paper:#faf9fc;--radius:24px;--shadow:0 18px 50px -30px #33206155}
.plan { position: relative; }
.plan.featured { border: 2px solid var(--purple); background: linear-gradient(160deg, #f6f1ff, #fff 45%); }
.plan-recommendation { display: block; padding: 10px 14px; margin: -30px -30px 24px; border-radius: 22px 22px 0 0; background: #6438cf; color: white; font-size: .73rem; font-weight: 800; text-align: center; }
.plan .plan-promise { min-height: 78px; font-size: .87rem; }
.plan-capacities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 24px 0 0; }
.plan-capacities div { padding: 15px 10px; border: 1px solid #dfd5f3; border-radius: 14px; background: #f7f4fc; min-width: 0; }
.plan-capacities dt { font-size: .75rem; font-weight: 700; color: #514361; }
.plan-capacities dd { margin: 5px 0; font-size: clamp(1.25rem,2.5vw,2rem); line-height: 1.2; font-weight: 800; color: #5930b2; overflow-wrap: anywhere; }
.plan-capacities span { display: block; font-size: .63rem; color: #625570; }
.plan .plan-storage { font-size: .8rem; color: #514361; margin-top: 12px; }
@media(max-width:767px) { .plan-recommendation { margin: -26px -26px 22px; } .plan .plan-promise { min-height: 0; } .plan-capacities dd { font-size: 2rem; } }
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,"Trebuchet MS",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.045em}h1{font-size:clamp(2.35rem,4vw,3.8rem);font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.65rem);font-weight:800}h3{font-size:1.3rem;letter-spacing:-.025em}p{color:var(--muted)}:focus-visible{outline:3px solid #006dde;outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 64px);margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;letter-spacing:.04em}.brand img{width:44px;height:44px}.brand small{display:block;color:var(--muted);font-size:.65rem;font-weight:600;letter-spacing:0}.site-header nav{display:flex;gap:24px;font-size:.86rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:20px;font-size:.85rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 22px;border-radius:12px;border:1px solid transparent;font-size:.9rem;font-weight:700;line-height:1.4;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}.button:hover{transform:translateY(-2px);text-decoration:none;box-shadow:var(--shadow)}.primary{background:linear-gradient(110deg,#663de0,#bd3b90);color:white}.outline{border-color:var(--line);background:white;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--purple);margin-bottom:18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding-block:75px 85px}.hero h1 em{font-style:normal;color:var(--purple)}.hero .lead{margin-top:24px;max-width:560px}.lead{font-size:1.08rem;line-height:1.85}.hero-note{font-size:.78rem;margin-top:20px}.hero-demo{position:relative;padding:30px;border:1px solid #ded5f7;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#f8ddeb,transparent 65%),linear-gradient(140deg,#eae4ff,#f5f1ff);box-shadow:var(--shadow)}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.demo-top .eyebrow{margin:0}.demo-label{font-size:.65rem;color:#5c5275;border:1px solid #d0c5e8;border-radius:30px;padding:4px 10px}.demo-steps{display:flex;justify-content:space-between;gap:8px;margin:24px 0;font-size:.73rem;font-weight:700;color:#5b4c79}.demo-invoice{background:white;border:1px solid #ede7fa;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.demo-invoice h2{font-size:1.8rem}.demo-invoice .eyebrow{font-size:.58rem;letter-spacing:.12em}.pill{display:inline-block;margin:18px 0 4px;background:#fff3d7;color:#775114;font-weight:700;border-radius:30px;font-size:.67rem;padding:5px 10px}.demo-invoice dl{margin-bottom:0}.demo-invoice dl div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.demo-invoice dt{font-size:.8rem;color:var(--muted)}.demo-invoice dd{margin:0;font-size:1.2rem;font-weight:800}.demo-invoice dd small{font-size:.65rem;font-weight:600}.demo-invoice .balance{padding:18px 14px;border-radius:10px;background:#f2edff;border:0}.balance dd,.balance dt{color:#5c35cb}.hero-demo>p{margin-top:18px;font-size:.78rem}.strip{border-block:1px solid var(--line);background:white}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:22px;color:var(--muted);font-size:.8rem;font-weight:700}.section{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading>p{max-width:400px;font-size:.95rem}.cards{display:grid;gap:22px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px -35px #30204b}.card p{margin-top:16px;font-size:.92rem}.card>a{display:inline-block;margin-top:22px;font-size:.84rem;font-weight:700;color:#643acb}.card .number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f0ebff;border-radius:12px;color:var(--purple);font-weight:800;margin-bottom:28px}.showcase{padding-block:70px;background:#1c1534;color:white;background-image:radial-gradient(ellipse at 10% 0,#44296077,transparent 60%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.showcase p{color:#c7bfd9}.showcase .eyebrow{color:#d1b4ff}.showcase .lead{margin-top:24px}.checks{list-style:none;padding:0;margin:24px 0}.checks li{position:relative;padding-left:24px;margin-bottom:12px;font-size:.86rem}.checks li:before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:800}.showcase .checks li:before{color:#caaeff}.document{color:var(--ink);background:white;border-radius:8px;padding:30px;box-shadow:0 24px 70px #0002;border:1px solid var(--line);border-top:5px solid var(--purple)}.document-header{display:flex;justify-content:space-between;gap:16px}.document-header strong,.document-header small{display:block}.document-header strong{font-size:.85rem}.document-header small{font-size:.64rem;color:var(--muted);margin-top:5px}.document-header .document-title{font-size:1.5rem;letter-spacing:.02em;color:var(--purple)}.document-monogram{display:inline-flex;background:#f0eaff;color:var(--purple);width:35px;height:35px;align-items:center;justify-content:center;border-radius:7px;margin-bottom:12px;font-weight:800}.document-client{margin-block:28px;padding:16px;background:#f7f5fb;border-radius:10px}.document-client .eyebrow{display:block;margin:0;font-size:.55rem}.document-client strong{font-size:.75rem}.document table{border-collapse:collapse;width:100%;font-size:.7rem;table-layout:fixed}.document th{background:#231b40;color:white;font-size:.6rem;text-align:left}.document th,.document td{padding:13px 8px;overflow-wrap:anywhere}.document td{border-bottom:1px solid var(--line)}.document th:first-child{width:44%}.document th:nth-child(2){width:18%}.document-total{display:flex;justify-content:space-between;gap:12px;margin-block:30px!important;padding:16px;border-radius:8px;background:#f0ebff;font-size:.75rem!important;color:var(--ink)!important}.document figcaption{font-size:.63rem;line-height:1.7;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;counter-reset:step}.steps li{border-top:1px solid var(--line);padding-top:25px;counter-increment:step}.steps li:before{content:'0' counter(step);display:block;color:var(--purple);font-size:.8rem;font-weight:800;margin-bottom:12px}.steps p{margin-top:10px;font-size:.9rem}.pricing-section{background:#f0edf7;border-block:1px solid var(--line)}.plan{display:flex;flex-direction:column}.plan .eyebrow{margin:0 0 14px}.plan h3{font-size:1.7rem}.plan .price{font-size:2rem;line-height:1.4;font-weight:800;color:var(--ink);margin-top:22px}.price span{display:block;font-size:.8rem;font-weight:500}.plan .saving{font-size:.75rem;color:#146c50;min-height:42px}.plan .checks{flex:1}.plan .limits{font-size:.73rem;border-top:1px solid var(--line);padding-top:16px}.plan .button{display:flex;color:var(--ink)}.plan .button.primary{color:white}.featured{border-color:#b6a1ed;box-shadow:var(--shadow)}.pricing-note{margin-top:24px;max-width:760px;font-size:.85rem}.guide-card .eyebrow{margin-top:0}.guide-card h3 a:hover{color:var(--purple)}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:.95rem;font-weight:700;padding-right:16px}.faq details p{font-size:.9rem;margin-top:14px}.contact-section{padding-block:70px;background:linear-gradient(120deg,#eae2fc,#f9edf4)}.contact-section p{margin-top:20px}.contact-section .eyebrow{margin-top:0}.contact-section address{display:grid;gap:8px;font-style:normal;margin-top:24px;font-size:.95rem}.contact-form{background:white;padding:32px;border-radius:var(--radius);border:1px solid var(--line)}.contact-form label{display:block;font-size:.8rem;font-weight:700;margin-bottom:16px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d8d2e3;border-radius:8px;padding:11px 12px;background:#fcfbfe;color:var(--ink);font-size:1rem}.contact-form textarea{resize:vertical}.contact-form .form-note{font-size:.72rem;margin-bottom:18px}.form-note a{text-decoration:underline}.feedback{background:#faf0e1;padding:14px;border:1px solid #c99137;border-radius:8px;margin-bottom:16px;color:#513712}.footer{display:flex;justify-content:space-between;align-items:start;gap:28px;padding-block:42px}.footer p{font-size:.75rem;margin-top:10px}.footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.75rem}.guide{padding-top:30px}.breadcrumbs{font-size:.8rem;margin-bottom:40px}.guide-heading{max-width:850px;margin-bottom:55px}.guide-heading .lead{margin-top:24px}.byline{font-size:.8rem;margin-top:18px}.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px}.guide-layout aside nav{display:grid;gap:16px;font-size:.85rem;margin-bottom:30px}.guide-body>section{margin-bottom:36px}.guide-body h2{font-size:1.7rem}.guide-body p{margin-top:18px}.guide-body .notice{border-left:3px solid var(--purple);padding:18px;background:#eee9f8;font-size:.85rem;margin-block:30px}.guide-body>.card{margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center;padding-top:14px;border-top:1px solid var(--line)}.hero{gap:32px}.split{gap:35px}.hero-demo{padding:22px}}
@media(max-width:767px){.wrap{width:calc(100% - 36px)}.site-header{gap:15px;padding-block:18px}.brand{font-size:1.15rem}.brand small{display:none}.brand img{width:35px;height:35px}.header-actions{gap:12px;font-size:.75rem}.header-actions .button{padding:10px 12px;font-size:.72rem;min-height:44px}.login{padding-block:12px}.site-header nav{gap:20px;font-size:.75rem}.hero,.split,.faq,.guide-layout{grid-template-columns:1fr}.hero{padding-block:40px 50px;gap:38px}.hero h1{font-size:2.6rem}.hero-demo{padding:20px}.lead{font-size:1rem}.demo-invoice{padding:22px}.section{padding-block:50px}.section-heading{display:block}.section-heading>p{margin-top:20px}.three,.steps{grid-template-columns:1fr}.card{padding:26px}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.7rem}.showcase,.contact-section{padding-block:45px}.split{gap:35px}.document{padding:20px}.document th,.document td{padding:10px 5px}.document-header .document-title{font-size:1.2rem}.document-total{font-size:.65rem!important;padding:12px}.faq{gap:20px}.contact-form{padding:24px}.footer{flex-direction:column}.footer nav{gap:15px}.guide-layout{gap:35px}.guide-heading{margin-bottom:32px}.guide-layout aside{padding-bottom:25px;border-bottom:1px solid var(--line)}.guide h1{font-size:2.25rem}.guide-body h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media print{.site-header,.footer,.guide-layout aside,.actions,.guide-body>.card{display:none}.wrap{width:100%;max-width:none}.guide-layout{display:block}.document{break-inside:avoid;box-shadow:none}body{background:white}.guide h1{font-size:28pt}a{color:inherit}}
