:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173e50;background:#fbfcfb;font-synthesis:none;--navy:#123e50;--teal:#0b827f;--muted:#57717c}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #bc7224;outline-offset:5px}a:hover{text-decoration:underline}section[id]{scroll-margin-top:108px}.section-width{max-width:1240px;width:calc(100% - 80px);margin-inline:auto}.section-space{padding-block:100px}.site-header{background:#fbfcfbf5;border-bottom:1px solid #e3eae9;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.header-inner{max-width:1400px;margin:auto;padding:15px 40px;display:flex;align-items:center;gap:38px;justify-content:space-between}.brand{display:block;flex:none}.logo{display:block;width:206px;height:66px;overflow:hidden;position:relative}.logo img{position:absolute;width:244px;height:auto;max-width:none;left:-20px;top:-28px}.main-nav{display:flex;gap:25px;font-size:14px;font-weight:550;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:22px;font-size:14px;white-space:nowrap}.languages{display:flex;gap:9px;font-size:11px;letter-spacing:.4px}.languages a{color:#70838b;padding:7px 2px}.languages a[aria-current]{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:800}.login-link{font-weight:650}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--teal);color:white;border:1px solid var(--teal);padding:15px 22px;font-size:15px;font-weight:650;min-height:50px;border-radius:6px;transition:background .15s,transform .15s}.button:hover{text-decoration:none;background:#086c6a;transform:translateY(-1px)}.button.small{padding:10px 15px;min-height:42px;font-size:13px}.button:after{content:'↗';margin-left:12px;font-size:18px;font-weight:400}.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:58px;min-height:630px;padding-block:80px 95px}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:1.8px;font-weight:750;margin:0 0 22px;line-height:1.6}h1{font-size:clamp(40px,4.1vw,59px);font-weight:650;letter-spacing:-2.4px;line-height:1.12;margin:0 0 25px}h1 span{color:var(--teal)}p{line-height:1.75;margin:0;color:var(--muted);font-size:16px}.intro{font-size:17px;max-width:485px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px}.trial-note{font-size:11px;line-height:1.6;margin-top:17px;max-width:430px}.hero-visual{position:relative;min-width:0;padding-bottom:45px}.orbit{position:absolute;inset:-50px -20px -20px;border-radius:50% 40% 50% 35%;background:#e6f0eb;transform:rotate(-8deg)}.planner-preview{position:relative;background:white;margin:0;border:1px solid #cfddda;box-shadow:0 22px 60px #153d5015;border-radius:12px;overflow:hidden;transform:rotate(-2deg)}.preview-top{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid #e6edec;font-size:11px}.preview-mark{background:var(--teal);color:white;border-radius:5px;padding:4px 7px;font-size:13px}.preview-dot{width:7px;height:7px;background:#7fab98;border-radius:50%;margin-left:auto}.preview-title{display:flex;justify-content:space-between;align-items:center;margin:24px 20px 16px;gap:15px}.preview-title h2{font-size:17px;letter-spacing:-.3px;margin:0}.preview-title>span{font-size:10px;background:#edf3f5;padding:5px 9px;border-radius:4px}.timeline-scroll{margin:0 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8db8ae #edf3f5}.timeline-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.timeline{min-width:530px;border:1px solid #dce6e8;border-radius:5px}.timeline-head{display:grid;grid-template-columns:80px 31fr 30fr 31fr;font-size:9px;background:#f2f6f8}.timeline-head>*{padding:10px 0;text-align:center}.timeline-head span{border-left:1px solid #e1e9eb}.timeline-head span strong{display:block;font-size:11px;font-weight:650;text-transform:capitalize}.timeline-head small{display:block;margin-top:4px;font-size:9px;color:#617984}.timeline-head>b{text-align:left;padding-left:10px}.timeline-row{display:grid;grid-template-columns:80px 1fr;border-top:1px solid #e5ecee;min-height:55px;align-items:center}.timeline-row>strong{font-size:11px;padding:10px;font-weight:650}.timeline-head>b,.timeline-row>strong{position:sticky;left:0;z-index:3;background:white;align-self:stretch;display:flex;align-items:center}.timeline-head>b{background:#f2f6f8}.track{height:55px;border-left:1px solid #e5ecee;position:relative}.bar{position:absolute;top:14px;height:26px;display:flex;align-items:center;padding-left:10px;font-size:10px;white-space:nowrap;overflow:hidden;border-radius:3px;font-weight:550}.work{background:#bedbd1;color:#245749}.open{background:repeating-linear-gradient(135deg,#fff1d8 0,#fff1d8 7px,#fcf7ec 7px,#fcf7ec 13px);color:#986322;border:1px dashed #d7aa66}.bar.open{font-size:9px}.month-boundary{position:absolute;inset-block:0;border-left:1px solid #e1e9eb}.legend{display:flex;gap:20px;padding:16px 20px 11px;font-size:9px;color:#617984}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px}.planner-preview figcaption{font-size:9px;color:#7c8f96;padding:0 20px 17px}.floating-note{position:absolute;bottom:6px;right:-18px;border:1px solid #dbe7e1;padding:15px 22px 15px 15px;background:#fff;box-shadow:0 10px 25px #133c5010;border-radius:9px;display:flex;gap:12px;align-items:center;transform:rotate(1deg)}.check{display:grid;place-items:center;width:31px;height:31px;color:var(--teal);background:#e2f2ea;border-radius:50%}.floating-note strong{font-size:12px;display:block;margin-bottom:3px}.floating-note div>span{font-size:10px;color:#70868e}.trust-strip{background:#f0f5f2;border-block:1px solid #e2eae5}.trust-strip>.section-width{display:flex;justify-content:space-between;gap:30px;padding-block:22px}.trust-strip span{font-size:13px;color:#526f75}.trust-strip b{font-size:14px;font-weight:500;color:var(--teal);margin-right:12px}h2{font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-1.3px;line-height:1.2;margin:0 0 24px;max-width:650px}h3{font-size:19px;font-weight:650;letter-spacing:-.3px;margin:0 0 12px;line-height:1.35}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.benefit-grid article{border-top:1px solid #cbdcd6;padding-top:22px}.number{display:block;color:var(--teal);font-size:12px;letter-spacing:1px;font-weight:650;margin-bottom:24px}.benefit-grid p{font-size:15px}.draft-section{background:#edf3f2;padding-block:80px}.draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.draft-visual{min-height:320px;position:relative;display:flex;justify-content:center;align-items:center}.draft-sheet{border:1px solid #cfdbd8;border-radius:10px;background:#fff;width:85%;height:240px;position:absolute;box-shadow:0 20px 35px #34524d12}.draft-sheet.back{transform:rotate(-8deg) translate(-10px,-13px);background:#dce9e4}.draft-sheet.front{transform:rotate(3deg);padding:30px}.draft-chip{background:#e9e5f3;color:#715995;border:1px solid #d8d0e9;border-radius:4px;font-size:10px;font-weight:750;padding:6px 11px;letter-spacing:1px}.draft-lines{border-block:1px solid #e7edeb;margin-top:30px;padding-block:17px;display:grid;gap:12px}.draft-lines i{display:block;background:#cee4dc;height:16px;border-radius:3px;width:45%}.draft-lines i:nth-child(2){width:43%;margin-left:35%;background:#b6d4c7;border:1px dashed #558373}.draft-lines i:nth-child(3){width:32%;margin-left:15%;background:#eee4c7}.cursor{position:absolute;bottom:27px;right:25%;width:40px;height:40px}.save-dot{position:absolute;right:20px;top:28px;font-size:16px;color:#1b826c}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{margin:13px 0;font-size:14px;display:flex;gap:11px}.check-list li:before{content:'✓';color:var(--teal)}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:85px}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:20px;position:relative;padding-bottom:32px}.workflow li:not(:last-child):before{content:'';position:absolute;left:17px;top:36px;bottom:0;width:1px;background:#cfdfd9}.workflow li>span{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#eaf3ef;border-radius:50%;font-size:12px;color:#217e75}.workflow li h3{margin:5px 0 8px}.workflow li p{font-size:14px}.pricing-section{background:#f1f5f5;padding-block:85px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.billing-note{font-size:13px;margin-top:30px;max-width:440px}.price-panel{background:#fff;border:1px solid #d2e1dd;padding:30px;border-radius:10px;box-shadow:0 8px 25px #1d4b4610}.price-included{font-weight:650;color:var(--navy);font-size:16px}.price{display:flex;align-items:baseline;gap:12px;margin:8px 0 14px}.price>strong{font-size:54px;line-height:1.1;letter-spacing:-2px;font-weight:600;color:var(--teal)}.price>span{font-size:13px;color:var(--muted)}.price-panel>p:not(.price-included){font-size:13px}.price-panel table{border-collapse:collapse;width:100%;margin:22px 0 10px;font-size:13px}th,td{padding:12px 0;border-bottom:1px solid #e2eae7;text-align:left;font-weight:500}td{text-align:right;font-weight:650}td small{font-size:11px;font-weight:400;color:#677e86}.tax-note{font-size:11px!important}.price-panel>.button{margin-top:20px;width:100%}.quote{margin-top:24px;padding-top:20px;border-top:1px solid #e0e9e6;display:grid;gap:7px}.quote strong{font-size:14px}.quote span{font-size:12px;color:var(--muted)}.quote a{margin-top:3px;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq details{border-bottom:1px solid #dce6e3;padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:16px;font-weight:600;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:22px;font-weight:400;top:-3px;color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;padding-top:15px}.closing{background:var(--navy);border-radius:12px;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:75px}.closing h2{color:white;margin:0 0 10px;font-size:30px}.closing p{color:#b4d0d1;font-size:15px}.button.light{background:#fbfcfb;color:var(--navy);border-color:#fbfcfb}.button.light:hover{background:#e3f0e9}.site-footer{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding-bottom:40px}.site-footer .logo{width:175px;height:57px}.site-footer .logo img{width:207px;left:-17px;top:-24px}.site-footer p{font-size:12px;margin-block:10px 8px}.site-footer small{font-size:11px;color:#789097}.site-footer nav{display:flex;gap:25px;font-size:12px;align-self:center}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{clip:auto;width:auto;height:auto;padding:12px;top:10px;left:10px;z-index:20;background:white}.login-home{display:block;margin-bottom:18px;font-size:14px}
@media(min-width:1500px){.hero{gap:75px;min-height:660px}}@media(max-width:1150px){.hero-visual .orbit{inset-inline:25px}.main-nav{display:none}.hero{gap:32px;min-height:600px}.hero .actions{gap:18px}.hero .text-link{font-size:12px}.hero .button{font-size:13px;padding:13px 17px}.draft-grid,.pricing-grid,.workflow{gap:45px}.floating-note{right:-8px}.hero h1{font-size:42px}.timeline-head{grid-template-columns:65px 31fr 30fr 31fr}.timeline-row{grid-template-columns:65px 1fr}.timeline-row>strong{font-size:10px}.preview-title h2{font-size:15px}}
@media(max-width:800px){.section-width{width:calc(100% - 40px)}.header-inner{padding:10px 20px;gap:15px}.header-actions{gap:17px}.header-actions .small{display:none}.header-inner .logo{width:172px;height:56px}.header-inner .logo img{width:203px;left:-17px;top:-23px}.hero{grid-template-columns:1fr;padding-block:50px;gap:55px;min-height:0}.hero h1{font-size:47px;max-width:650px}.hero-copy{max-width:650px}.intro{max-width:590px}.hero-visual{max-width:610px;width:calc(100% - 24px);margin:auto}.orbit{inset:-25px 15px 0}.hero .button{font-size:15px;padding:15px 22px}.hero .text-link{font-size:14px}.trust-strip>.section-width{flex-wrap:wrap;gap:14px 25px;justify-content:center;padding-block:20px}.trust-strip span{font-size:12px}.section-space{padding-block:65px}.benefit-grid{gap:25px;margin-top:35px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:13px}.draft-grid,.workflow,.pricing-grid,.faq{grid-template-columns:1fr;gap:35px}.draft-section{padding-block:45px 60px}.draft-visual{max-width:520px;width:100%;margin:auto;order:2}.workflow ol{max-width:600px}.pricing-section{padding-block:60px}.billing-note{max-width:none;margin-top:18px}.price-panel{max-width:600px;width:100%;margin:auto}.faq{gap:20px}.closing{flex-direction:column;align-items:flex-start;padding:32px;gap:25px;margin-bottom:45px}.site-footer{align-items:flex-start;flex-wrap:wrap}.site-footer nav{align-self:flex-start;flex-wrap:wrap;gap:18px}.site-footer>small{width:100%}.timeline-head{grid-template-columns:80px 31fr 30fr 31fr}.timeline-row{grid-template-columns:80px 1fr}}
@media(max-width:480px){.header-inner{flex-wrap:wrap;justify-content:center;gap:5px 18px;padding-block:8px}.header-inner .logo{width:156px;height:51px}.header-inner .logo img{width:185px;left:-15px;top:-21px}.header-actions{gap:13px}.languages{gap:6px;font-size:10px}.login-link{font-size:13px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero{padding-top:38px;gap:47px}.eyebrow{font-size:10px;letter-spacing:1.4px}.intro{font-size:15px}.actions{gap:18px}.trial-note{font-size:10px}.hero .button{font-size:14px;padding:14px 16px}.hero .text-link{font-size:13px}.hero-visual{width:100%}.preview-top{padding:12px 13px}.preview-title{margin:18px 13px 13px;gap:5px}.preview-title h2{font-size:13px}.preview-title>span{font-size:9px}.timeline-scroll{margin:0 12px}.timeline-head{grid-template-columns:54px 31fr 30fr 31fr;font-size:8px}.timeline-row{grid-template-columns:54px 1fr}.timeline-row>strong{font-size:9px;padding:7px}.bar{font-size:9px;padding-left:7px}.bar.open{font-size:8px;padding-left:4px}.legend{padding-inline:13px}.planner-preview figcaption{padding-inline:13px;font-size:8px}.floating-note{right:4px;padding:12px;bottom:0}.floating-note strong{font-size:11px}.floating-note div>span{font-size:9px}.benefit-grid{grid-template-columns:1fr;gap:25px}.benefit-grid article{padding-top:18px;display:grid;grid-template-columns:30px 1fr;column-gap:16px}.benefit-grid .number{grid-row:1/3;margin:4px 0}.benefit-grid h3{font-size:19px}.benefit-grid p{grid-column:2;font-size:14px}.trust-strip>.section-width{justify-content:flex-start}.trust-strip span{font-size:11px}.draft-sheet{width:91%;height:215px}.draft-visual{min-height:270px}.price-panel{padding:24px}.price>strong{font-size:46px}.price-included{font-size:15px}.closing{padding:28px 22px}.closing h2{font-size:27px}.closing .button{font-size:13px}.site-footer nav{max-width:150px;flex-direction:column;gap:12px}.site-footer{gap:22px}.site-footer>div{max-width:190px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.feature-callout{margin-top:42px;padding:25px 28px;border:1px solid #cbded8;border-radius:8px;background:#f0f6f3;display:flex;align-items:flex-start;gap:23px;scroll-margin-top:115px}.feature-callout>svg{flex:none;width:43px;height:43px;color:var(--teal)}.feature-callout h3{margin:0 0 9px;font-size:20px}.feature-callout p{font-size:15px;line-height:1.65}.feature-callout .callout-note{font-size:12px;margin-top:8px}@media(max-width:480px){.feature-callout{padding:22px 19px;gap:15px;flex-direction:column}.feature-callout h3{font-size:19px}.feature-callout p{font-size:14px}.feature-callout .callout-note{font-size:12px}}

/* The public illustration mirrors the planner's slanted periods and change markers. */
.planner-preview .timeline-row,.planner-preview .track{min-height:66px;height:66px}
.planner-preview .bar{top:10px;height:24px;border-radius:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding-inline:8px;display:block;line-height:22px;text-overflow:ellipsis}
.planner-preview .work{border-block:1px solid #89b6aa}

.preview-change{position:absolute;top:37px;width:26px;transform:translateX(-50%);z-index:2}.preview-change[open]{z-index:4}
.preview-change summary{display:grid;place-items:center;list-style:none;width:26px;height:26px;cursor:pointer;font-size:10px;font-weight:750;color:white;background:#18765a;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #dce6e1}
.preview-change summary::-webkit-details-marker{display:none}.preview-change summary:hover,.preview-change[open] summary{background:#12573f}.preview-change summary:focus-visible{outline:2px solid #0b827f;outline-offset:2px}
.change-description{position:absolute;top:33px;left:-80px;width:190px;padding:13px;background:#123e50;color:white;border:1px solid #335d6b;border-radius:8px;box-shadow:0 8px 20px #123e5025;text-align:left}.near-start .change-description{left:-12px}.near-end .change-description{left:auto;right:8px}.last-row .change-description{top:auto;bottom:33px}.change-description:after{content:'';position:absolute;top:-6px;left:86px;width:10px;height:10px;background:#123e50;transform:rotate(45deg)}.near-start .change-description:after{left:18px}.near-end .change-description:after{left:auto;right:0}.last-row .change-description:after{top:auto;bottom:-6px}
.change-description strong{display:block;font-size:11px;line-height:1.4;margin-bottom:5px}.change-description p{font-size:11px;line-height:1.5;color:#e6f3f0}
.legend{flex-wrap:wrap;gap:10px 15px}.legend .marker-key{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#18765a;color:white;font-size:9px;font-style:normal;font-weight:700}.preview-hint{display:block;color:#416e70;margin-top:6px}.preview-scroll-hint{display:none;color:#416e70;margin-top:6px}@media(max-width:1150px){.preview-scroll-hint{display:block}}@media(min-width:620px) and (max-width:800px){.preview-scroll-hint{display:none}}
@media(max-width:480px){.hero-visual .orbit{inset-inline:30px}}

.api-connection{margin-top:18px;background:#f0f5f8;border-color:#d2e0e8}