@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");
:root{--ink:#173d31;--deep:#0d2f29;--muted:#73817a;--paper:#f8f5ee;--cream:#eee4d3;--line:#d8d8ca;--ochre:#e9b949;--sage:#dfe9dc;--plum:#5d4d62;--white:#fffdf9;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans","Avenir Next",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}.landing-page{overflow-x:hidden}.landing-nav{max-width:1360px;margin:auto;padding:25px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.landing-logo{display:inline-flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.04em;font-size:17px}.logo-glyph{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:14px}.landing-links{display:flex;gap:30px;color:#627069;font-size:12px}.landing-links a,.landing-actions a{transition:color .2s ease}.landing-links a:hover,.landing-actions>a:first-child:hover{color:var(--ochre)}.landing-actions{display:flex;justify-content:flex-end;align-items:center;gap:19px;color:#627069;font-size:12px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:0 18px;border:1px solid transparent;font-size:12px;font-weight:700;transition:transform .2s ease,background .2s ease,color .2s ease}.landing-button:hover{transform:translateY(-2px)}.landing-button-dark{color:var(--white);background:var(--ink)}.landing-button-dark:hover{color:var(--ink);background:var(--ochre)}.landing-button-light{color:var(--ink);background:var(--white)}.landing-menu{display:none;border:0;background:none;font-size:20px}.landing-hero{max-width:1360px;margin:0 auto;padding:78px 28px 105px;position:relative}.hero-copy{max-width:840px;position:relative;z-index:2}.landing-kicker{margin:0 0 15px;color:#7b816f;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{max-width:850px;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(55px,7.8vw,112px);font-weight:500;letter-spacing:-.065em;line-height:.97}.hero-copy h1 em,.section-intro h2 em,.feature-copy h2 em,.final-cta h2 em{color:#b28136;font-weight:500}.hero-lede{max-width:540px;margin:28px 0 27px;color:var(--muted);font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{font-size:17px;font-weight:400}.hero-note{margin:17px 0 0;color:#92978e;font-family:var(--mono);font-size:10px}.dashboard-frame{width:min(1110px,100%);margin:78px 0 0 auto;display:grid;grid-template-columns:180px 1fr;min-height:520px;border:1px solid #cad3c8;border-radius:18px;background:#fff;box-shadow:0 30px 75px rgba(25,57,43,.14);transform:rotate(-1.2deg);transform-origin:center}.preview-sidebar{padding:29px 18px;display:grid;align-content:start;gap:12px;background:#f2f5ee;border-right:1px solid #dfe5da;border-radius:18px 0 0 18px;color:#819087;font-size:10px}.preview-brand{display:flex;align-items:center;gap:6px;margin-bottom:22px;color:var(--ink);font-size:13px;font-weight:700}.preview-brand .logo-glyph{width:22px;height:22px;font-size:10px}.preview-sidebar small{margin-top:9px;color:#a1aaa1;font-family:var(--mono);font-size:7px;letter-spacing:.12em}.preview-sidebar b,.preview-sidebar>span{padding:8px 9px;font-weight:500}.preview-active{color:var(--ink);background:#e8efdf;border-radius:7px}.preview-main{padding:24px 28px;background:#fffdf9;border-radius:0 18px 18px 0}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-search{padding:9px 13px;border:1px solid #e2e6dd;border-radius:7px;color:#9aa59d;font-size:9px}.preview-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--plum);font-size:8px;font-weight:700}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin:46px 0 25px}.preview-heading small,.preview-card small{color:#9a9f96;font-family:var(--mono);font-size:7px;letter-spacing:.08em}.preview-heading h2{margin:8px 0 0;font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-.05em}.preview-create{padding:10px 14px;color:#fff;background:var(--ink);font-size:9px}.preview-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:11px}.preview-card{min-height:154px;padding:17px;border:1px solid #e0e4db;background:#fff;border-radius:9px}.preview-card h3{margin:14px 0 4px;font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:-.05em}.preview-card>span{color:#869189;font-size:9px}.preview-card-dark{color:#fff;background:var(--ink);border-color:var(--ink);position:relative;overflow:hidden}.preview-card-dark small{color:#b2c8b6}.preview-card-dark strong{display:block;margin-top:14px;font-family:var(--serif);font-size:54px;font-weight:500;line-height:.9}.preview-card-dark>span{color:#c5d3c7}.mini-bars{position:absolute;right:16px;bottom:16px;display:flex;align-items:end;gap:5px;height:59px}.mini-bars i{width:9px;border-radius:6px 6px 2px 2px;background:var(--ochre)}.status-pill{display:inline-block;margin-top:18px;padding:5px 8px;color:#557b55;background:#edf4df;border-radius:99px;font-size:8px}.mini-calendar{display:flex;gap:8px;align-items:center;margin:24px 0 14px}.mini-calendar span,.mini-calendar b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:9px}.mini-calendar b{color:#fff;background:var(--ochre)}.preview-card-wide{grid-column:2 / -1;min-height:112px}.team-line{display:grid;grid-template-columns:42px 1fr 24px 24px 24px auto;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #edf0ea;color:#7b877f;font-size:8px}.team-line b{color:var(--ink)}.team-line i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--plum);font-size:7px;font-style:normal}.team-line i:nth-of-type(2){background:var(--ochre)}.team-line i:nth-of-type(3){background:#9ab9aa}.team-line em{padding:4px 5px;color:#52755d;background:#edf5e7;border-radius:4px;font-size:7px;font-style:normal}.team-line em.pending{color:#947344;background:#fff2d7}.logo-strip{max-width:1360px;margin:0 auto;padding:21px 28px;display:flex;align-items:center;gap:37px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#899289;font-size:10px}.logo-strip b{color:#667369;font-family:var(--serif);font-size:16px;font-weight:500}.story-section,.feature-section,.calendar-story,.pricing-section,.faq-section{max-width:1120px;margin:0 auto;padding:145px 28px}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-intro h2,.feature-copy h2,.final-cta h2{margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(43px,5.2vw,72px);font-weight:500;letter-spacing:-.07em;line-height:.98}.section-intro>p:last-child,.feature-copy>p:not(.landing-kicker){max-width:380px;margin:27px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.workflow-rail{display:grid;gap:0;border-left:1px solid var(--line)}.workflow-step{padding:20px 0 20px 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;column-gap:12px;position:relative}.workflow-step:before{content:"";width:7px;height:7px;position:absolute;left:-4px;top:27px;border:2px solid var(--paper);border-radius:50%;background:#9bb29d}.workflow-step.active:before{background:var(--ochre)}.workflow-step span{color:#929e96;font-family:var(--mono);font-size:10px}.workflow-step b{font-size:15px}.workflow-step small{grid-column:2;color:#8b948b;font-size:11px}.feature-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:center}.feature-section.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.feature-section.reverse .feature-copy{order:2}.feature-section.reverse .ui-panel{order:1}.feature-copy h2{font-size:clamp(40px,4.2vw,60px)}.feature-copy>p:not(.landing-kicker){max-width:350px}.feature-copy .text-link{margin-top:27px}.ui-panel{min-height:300px;padding:25px;border:1px solid #d8ded5;border-radius:12px;background:#fffdf9;box-shadow:0 20px 55px rgba(40,64,45,.08)}.ui-panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e6e8e0;color:#879087;font-size:10px}.ui-panel-top b{color:var(--ink);font-size:13px}.lead-row{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #edf0ea}.lead-dot{width:11px;height:11px;border-radius:50%;background:var(--ochre)}.lead-dot.teal{background:#8fb7a3}.lead-dot.plum{background:var(--plum)}.lead-row b,.lead-row small{display:block}.lead-row b{font-size:12px}.lead-row small{margin-top:3px;color:#8a958e;font-size:10px}.lead-row em{padding:5px 8px;border-radius:5px;color:#728566;background:#eef3e9;font-size:8px;font-style:normal}.quote-panel{background:var(--ink);color:#fff}.quote-panel .ui-panel-top{border-color:rgba(255,255,255,.17);color:#b6c8b8}.quote-panel .ui-panel-top b{color:#fff}.live-dot{color:#b6d7a9!important}.quote-preview-mini{padding:31px 22px 5px;background:#fffdf8;color:var(--ink)}.quote-preview-mini small{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#8a948b}.quote-preview-mini h3{margin:10px 0 6px;font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:-.06em}.quote-preview-mini p{margin-bottom:26px;color:#819086;font-size:10px}.quote-preview-mini hr{border:0;border-top:1px solid #dce4da}.quote-preview-mini>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #e8ece5;font-size:10px}.quote-preview-mini>div span{color:#75837a}.contract-panel{background:var(--sage)}.contract-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid #cdd9ca}.mini-logo{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:9px;font-size:10px;font-weight:700}.contract-top b,.contract-top small{display:block}.contract-top b{font-size:12px}.contract-top small{margin-top:4px;color:#71806e;font-size:9px}.contract-top em{padding:6px 8px;border-radius:5px;color:#536e54;background:#fffdf4;font-size:8px;font-style:normal}.contract-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:23px 0}.contract-facts small,.contract-facts b{display:block}.contract-facts small{color:#7c8f7c;font-family:var(--mono);font-size:7px}.contract-facts b{margin-top:5px;font-size:11px}.contract-line{height:5px;background:var(--ink)}.contract-panel>p{max-width:460px;margin:20px 0 0;color:#657765;font-size:11px;line-height:1.65}.invoice-panel{background:#f4eadc}.invoice-total{padding:25px 0 22px;border-bottom:1px solid #ded3c1}.invoice-total small{font-family:var(--mono);font-size:8px;color:#8f896f}.invoice-total strong{display:block;margin:10px 0 4px;font-family:var(--serif);font-size:39px;font-weight:500;letter-spacing:-.06em}.invoice-total span{font-size:10px;color:#8c897d}.invoice-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:13px 0;border-bottom:1px solid #e0d6c7;font-size:10px}.invoice-row b{font-size:11px}.invoice-row em{color:#9a7751;font-style:normal;font-size:9px}.invoice-row em.paid{color:#608065}.calendar-story{max-width:1360px;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center;background:var(--deep);color:#fff}.calendar-story .section-intro h2{color:#fff}.calendar-story .section-intro>p:last-child{color:#bdcfc1}.calendar-panel{padding:24px;background:#fffdf8;color:var(--ink);border-radius:10px}.calendar-panel-head{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #e6e8e0}.calendar-panel-head b{font-family:var(--serif);font-size:28px;font-weight:500}.calendar-panel-head span{margin-right:auto;color:#809087;font-size:11px}.calendar-panel-head i{font-style:normal;color:#7e8d83}.calendar-month-head,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-month-head{padding:16px 0 9px;color:#9ca69c;font-family:var(--mono);font-size:8px;text-align:center}.calendar-dates span,.calendar-dates>b{min-height:46px;padding:7px;display:flex;align-items:flex-start;justify-content:center;font-size:10px}.calendar-dates>b{position:relative;display:block;color:#fff;background:var(--ochre);border-radius:6px;text-align:center}.calendar-dates b small{display:block;margin-top:4px;font-size:7px;font-weight:500;white-space:nowrap}.pricing-section{max-width:1240px}.section-intro.center{text-align:center}.section-intro.center>p:last-child{margin-inline:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:54px}.price-card{padding:29px;border:1px solid var(--line);position:relative;background:#fffdf8}.price-card.recommended{color:#fff;background:var(--ink);border-color:var(--ink);transform:translateY(-12px)}.price-card small{font-family:var(--mono);font-size:9px;letter-spacing:.1em}.price-card h3{max-width:200px;margin:35px 0 30px;font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.05em}.price-card strong{display:block;font-size:18px}.price-card>span{display:block;margin:3px 0 22px;color:#8d958b;font-size:9px}.price-card.recommended>span{color:#bacabd}.price-link{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #d9ded5;border-bottom:1px solid #d9ded5;font-size:11px;font-weight:700}.price-card.recommended .price-link{border-color:rgba(255,255,255,.25)}.price-card ul{padding:17px 0 0;margin:0;list-style:none;color:#77827a;font-size:10px}.price-card.recommended ul{color:#cedbd0}.price-card li{padding:6px 0}.price-card li:before{content:"·";margin-right:8px;color:var(--ochre)}.recommended-label{position:absolute;right:18px;top:18px;color:var(--ochre);font-family:var(--mono);font-size:8px}.testimonial-section{max-width:1120px;margin:0 auto;padding:75px 28px 150px;text-align:center}.testimonial-section blockquote{max-width:900px;margin:28px auto 16px;font-family:var(--serif);font-size:clamp(30px,4vw,54px);font-weight:500;letter-spacing:-.06em;line-height:1.1}.testimonial-section>span{color:#7f8b82;font-size:11px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary b{font-size:18px;font-weight:400;transition:transform .2s ease}details[open] summary b{transform:rotate(45deg)}details p{max-width:570px;margin:12px 0 0;color:var(--muted);font-size:12px}.final-cta{padding:140px 28px;background:var(--ochre);text-align:center}.final-cta h2{font-size:clamp(50px,6vw,90px);margin-bottom:34px}.final-cta .landing-kicker{color:#7e6128}.landing-footer{max-width:1360px;margin:auto;padding:29px 28px;display:flex;align-items:center;gap:28px;font-size:10px;color:#7e897f}.landing-footer>.landing-logo{margin-right:auto;color:var(--ink)}.landing-footer>div{display:flex;gap:22px;color:var(--ink);font-weight:600}.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s cubic-bezier(.2,.8,.2,1) forwards}.reveal-delay-1{animation-delay:.14s}.reveal-delay-2{animation-delay:.28s}@keyframes reveal{to{opacity:1;transform:none}}@media(max-width:900px){.landing-nav{grid-template-columns:1fr auto}.landing-links,.landing-actions{display:none}.landing-menu{display:block;justify-self:end}.hero-copy h1{font-size:clamp(47px,10vw,80px)}.dashboard-frame{transform:none;grid-template-columns:145px 1fr;margin-top:56px}.preview-grid{grid-template-columns:1fr 1fr}.preview-card-wide{grid-column:1/-1}.story-section,.feature-section,.feature-section.reverse,.faq-section,.calendar-story{grid-template-columns:1fr;gap:45px}.feature-section.reverse .feature-copy,.feature-section.reverse .ui-panel{order:initial}.calendar-story{padding:85px 28px}.pricing-grid{grid-template-columns:1fr}.price-card.recommended{transform:none}.logo-strip{overflow:hidden;gap:22px;white-space:nowrap}}@media(max-width:600px){.landing-nav{padding-inline:18px}.landing-hero{padding:52px 18px 75px}.hero-copy h1{font-size:50px}.hero-lede{font-size:14px}.dashboard-frame{display:block;min-height:0;margin-top:45px}.preview-sidebar{display:none}.preview-main{border-radius:18px;padding:18px}.preview-heading{display:block;margin:30px 0 20px}.preview-heading h2{font-size:25px}.preview-create{display:inline-block;margin-top:15px}.preview-grid{grid-template-columns:1fr}.preview-card-wide{grid-column:auto}.story-section,.feature-section,.pricing-section,.faq-section{padding:90px 18px}.section-intro h2,.feature-copy h2{font-size:46px}.ui-panel{padding:18px}.lead-row{grid-template-columns:13px 1fr}.lead-row em{grid-column:2;justify-self:start}.calendar-story{padding:80px 18px}.calendar-panel{padding:14px}.calendar-dates span,.calendar-dates>b{min-height:37px;font-size:9px}.calendar-dates b small{display:none}.testimonial-section{padding:40px 18px 90px}.final-cta{padding:100px 18px}.landing-footer{display:grid;padding:28px 18px;gap:15px}.landing-footer>.landing-logo{margin-right:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.landing-logo{width:270px;height:64px;background:url("assets/images/studiofold-logo.png") left center/contain no-repeat;font-size:0}.landing-logo>*{visibility:hidden}
.landing-logo{background-image:url("assets/images/studiofold-logo-green copy.png")}