/* Mina firanden: a guided introduction, illustrated example, tools, then the real assistant. */
#app .cf-landing{--cf-ink:#754652;--cf-body:#62545c;--cf-line:#e8dde1;--cf-paper:#fcf8f5;--cf-wash:#f4ecef;color:var(--cf-body)}
#app .cf-landing .cf-section-intro{max-width:750px;margin:0 auto 54px;text-align:center}
#app .cf-landing .cf-overline{font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--cf-ink);margin:0 0 18px}
#app .cf-landing .cf-section-intro h2{font:400 clamp(36px,5vw,62px)/1.08 Georgia,serif;letter-spacing:-.035em;color:var(--cf-ink);margin:0 0 26px}
#app .cf-landing .cf-section-intro>p:not(.cf-overline){font:400 19px/1.65 system-ui,sans-serif;margin:0 auto 16px;max-width:670px;color:var(--cf-body)}
#app .cf-landing .cf-section-intro .cf-quiet{font-size:15px!important;color:#8b777f!important;max-width:570px!important}
#app .cf-agent-story{margin:70px 0 0;padding:78px 48px 72px;background:linear-gradient(150deg,#f5edef,#f8f5f1);border-radius:32px}
#app .cf-story-example{max-width:700px;margin:auto}
#app .cf-example-label{font:500 12px/1.5 system-ui;text-align:center;color:#8c747e;margin:0 0 30px}
#app .cf-story-bubble{width:fit-content;max-width:85%;box-sizing:border-box;padding:20px 25px;margin:20px 0;font:400 18px/1.6 system-ui;overflow-wrap:anywhere;border-radius:26px}
#app .cf-story-bubble>span{display:block;font:600 10px/1.4 system-ui;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;opacity:.7}
#app .cf-story-user{background:var(--cf-ink);color:#fff;margin-left:auto;border-bottom-right-radius:6px}
#app .cf-story-agent{background:#fff;border:1px solid var(--cf-line);color:#4e4149;border-bottom-left-radius:6px}
#app .cf-example-plan{max-width:590px;margin:36px auto 20px;padding:30px;background:#fff;border:1px solid var(--cf-line);border-radius:28px;box-shadow:0 15px 40px #7546520c}
#app .cf-example-plan h3{font:500 30px/1.15 Georgia,serif;color:var(--cf-ink);margin:22px 0 16px}
#app .cf-plan-facts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
#app .cf-plan-facts span{font:500 12px/1.4 system-ui;background:var(--cf-wash);color:var(--cf-ink);padding:7px 11px;border-radius:30px}
#app .cf-example-plan ul{font:400 15px/1.9 system-ui;color:#62545c;padding-left:21px}
#app .cf-example-action{padding:13px 16px;background:#eef2e9;border-radius:14px;color:#526744;font:600 14px/1.5 system-ui;text-align:center;margin:24px 0 0}
#app .cf-example-caption{font:400 13px/1.65 system-ui;text-align:center;max-width:550px;margin:22px auto 0;color:#8a777e}
#app .cf-features{padding:100px 16px 20px}
#app .cf-feature-stories{display:grid;gap:95px}
#app .cf-feature-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;scroll-margin-top:100px}
#app .cf-feature-reverse .cf-feature-visual{order:-1}
#app .cf-feature-copy{max-width:480px}
#app .cf-feature-copy h3{font:400 clamp(29px,3.2vw,41px)/1.12 Georgia,serif;letter-spacing:-.025em;color:var(--cf-ink);margin:0 0 22px}
#app .cf-feature-copy>p:not(.cf-overline){font:400 16px/1.8 system-ui;color:var(--cf-body);margin:0 0 22px}
#app .cf-feature-copy>ul{list-style:none;padding:0;margin:0;font:500 14px/1.6 system-ui;color:#79626d}
#app .cf-feature-copy>ul li{position:relative;margin:10px 0;padding-left:24px}
#app .cf-feature-copy>ul li:before{content:'✓';position:absolute;left:0;color:#839072}
#app .cf-feature-visual{min-width:0;margin:0;padding:28px;background:#f3ecef;border-radius:30px}
#app .cf-feature-visual figcaption{font:400 11px/1.4 system-ui;color:#977e89;text-align:center;margin-top:16px}
#app .cf-tool-preview,#app .cf-site-preview{padding:24px;background:#fff;color:#584850;border:1px solid #e6dce1;border-radius:22px;box-shadow:0 12px 30px #7546520c;overflow:hidden;box-sizing:border-box}
#app .cf-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b7780;font:500 11px/1.5 system-ui}
#app .cf-preview-bar strong{font:600 15px/1.4 system-ui;color:#5d414d}
#app .cf-preview-bar>b{padding:5px 8px;background:#f6eed4;color:#8a7345;font-size:10px;border-radius:7px}
#app .cf-site-preview{padding:0}
#app .cf-site-preview .cf-preview-bar{padding:15px 18px;background:#faf7f9}
#app .cf-site-preview>img{display:block;position:static;width:100%;height:175px;object-fit:cover;border-radius:0;transform:none}
#app .cf-site-body{padding:24px 20px;text-align:center}
#app .cf-site-body .cf-overline{font-size:9px;margin-bottom:10px}
#app .cf-site-body h4{font:500 31px/1.12 Georgia,serif;color:var(--cf-ink);margin:0 0 12px}
#app .cf-site-body p{font:400 12px/1.6 system-ui;margin:0 0 18px;color:#897680}
#app .cf-preview-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
#app .cf-preview-pills span{font:500 10px/1.5 system-ui;padding:7px 10px;background:#f4edf0;color:#7e5363;border-radius:99px}
#app .cf-preview-pills span:first-child{background:var(--cf-ink);color:#fff}
#app .cf-guest-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #f0eaed;font:500 14px/1.4 system-ui}
#app .cf-guest-row>i{font:500 11px system-ui;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1e5e9;color:#8b6372;flex:none}
#app .cf-guest-row>span{flex:1}.cf-guest-row>span>strong{display:block;font:400 11px/1.5 system-ui;color:#9a8690}
#app .cf-guest-row>b{font:400 9px/1.4 system-ui;background:#eef2e9;color:#6e7c60;padding:5px 7px;border-radius:7px}
#app .cf-rsvp-counts{display:flex;justify-content:space-between;gap:12px;margin:23px 0 14px}
#app .cf-rsvp-counts b{display:block;font:500 33px/1.1 system-ui;color:#754652}
#app .cf-rsvp-counts span{display:block;font:400 10px/1.5 system-ui;color:#8d7882;margin-top:6px}
#app .cf-rsvp-track{display:flex;height:7px;gap:4px;margin-bottom:18px}
#app .cf-rsvp-track span{border-radius:10px;background:#754652;flex:8}.cf-rsvp-track span:nth-child(2){flex:1!important;background:#c9a299!important}.cf-rsvp-track span:nth-child(3){flex:3!important;background:#e6dde1!important}
#app .cf-tool-preview>small{display:block;font:400 10px/1.5 system-ui;color:#a08a93}
#app .cf-task-list{list-style:none;padding:0;margin:24px 0 0}
#app .cf-task-list li{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0eaed;font:500 14px/1.5 system-ui}
#app .cf-task-list li>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#f4e9ee;color:#956b7c;font-size:12px}
#app .cf-task-list li>span.is-done{background:#eef2e9;color:#768469}
#app .cf-task-list small{display:block;font:400 11px/1.5 system-ui;color:#a08792}
#app .cf-budget-number{font:400 44px/1.2 Georgia,serif;color:#754652;margin:26px 0}
#app .cf-budget-number small{font:400 12px/1.4 system-ui;color:#927b85}
#app .cf-tool-preview dl{margin:0 0 16px;font:400 12px/1.5 system-ui}
#app .cf-tool-preview dl>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #f0eaed}
#app .cf-tool-preview dd{margin:0;white-space:nowrap}
#app .cf-tool-preview .cf-budget-total{color:#6e805b;font-weight:600;border:0}
#app .cf-food-tile{display:flex;align-items:center;gap:12px;background:#f8f3ed;border-radius:16px;padding:22px 14px;margin:24px 0 8px}
#app .cf-food-tile>span{font-size:36px;color:#ba8e73}.cf-food-tile b{font:500 14px system-ui}.cf-food-tile small{display:block;font:400 10px/1.5 system-ui;color:#977f85;margin-top:6px}
#app .cf-simple-list{list-style:none;padding:0;margin:0;font:500 12px/1.5 system-ui}
#app .cf-simple-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #f0eaed}
#app .cf-simple-list span{font:400 10px/1.4 system-ui;color:#9c8590;text-align:right}
#app .cf-preview-note{font:400 11px/1.6 system-ui;color:#9b838d;margin:20px 0 0}
#app .cf-day-list{list-style:none;padding:0;margin:20px 0 0;font:400 13px/1.5 system-ui}
#app .cf-day-list li{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #f0eaed}
#app .cf-day-list time{font:600 12px system-ui;color:#976a7c}
#app .cf-memory-preview{text-align:center;padding:35px 24px}
#app .cf-memory-star{display:block;font-size:50px;line-height:1;color:#ad8a98;margin:8px 0 25px}
#app .cf-memory-preview h4{font:400 27px/1.2 Georgia,serif;color:#754652;margin:0 0 18px}
#app .cf-memory-preview p{font:400 13px/1.8 system-ui;color:#8c727e;margin:0 0 26px}
#app .cf-directory{padding:110px 16px 70px}
#app .cf-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#app .cf-directory-grid details{background:#fff;border:1px solid var(--cf-line);border-radius:20px;overflow:hidden}
#app .cf-directory-grid summary{cursor:pointer;padding:24px;font:500 17px/1.4 system-ui;color:#754652;list-style-position:inside}
#app .cf-directory-grid summary>span{display:block;font:400 11px/1.5 system-ui;color:#a38994;margin:7px 0 0 20px}
#app .cf-directory-grid dl{padding:0 24px 15px;margin:0}
#app .cf-directory-grid dl>div{border-top:1px solid #eee5e9;padding:16px 0}
#app .cf-directory-grid dt{font:600 14px/1.5 system-ui;color:#765060}
#app .cf-directory-grid dd{font:400 13px/1.7 system-ui;color:#8d7882;margin:4px 0 0}
#app .cf-basics{max-width:800px;padding:20px 16px 85px;margin:0 auto}
#app .cf-basics h2{font:400 30px/1.2 Georgia,serif;color:#754652;text-align:center;margin:0 0 30px}
#app .cf-basics details{border-bottom:1px solid var(--cf-line);padding:18px 0}
#app .cf-basics summary{cursor:pointer;font:500 15px/1.6 system-ui;color:#754652}
#app .cf-basics p{font:400 14px/1.75 system-ui;color:#846c77;margin:12px 0}
#app .cf-basics a{color:#754652;font-size:14px}
#app .cf-final-start{margin-top:20px}
#app .cf-final-start>.cf-overline{text-align:center;margin-bottom:24px}
#app .cf-final-start .celebration-ai-scene{scroll-margin-top:80px}
@media(max-width:700px){
 #app .cf-agent-story{margin:36px -4px 0;padding:55px 16px 42px;border-radius:24px}
 #app .cf-landing .cf-section-intro{margin-bottom:34px}
 #app .cf-landing .cf-section-intro h2{font-size:36px;line-height:1.1;margin-bottom:22px}
 #app .cf-landing .cf-section-intro>p:not(.cf-overline){font-size:16px;line-height:1.75}
 #app .cf-landing .cf-section-intro .cf-quiet{font-size:13px!important}
 #app .cf-story-bubble{max-width:92%;font-size:15px;padding:17px 18px;margin:17px 0;border-radius:22px}
 #app .cf-story-user{border-bottom-right-radius:5px}#app .cf-story-agent{border-bottom-left-radius:5px}
 #app .cf-example-plan{padding:22px 19px;margin:28px 0 20px;border-radius:23px}
 #app .cf-example-plan h3{font-size:27px}
 #app .cf-features{padding:65px 4px 0}
 #app .cf-feature-stories{gap:65px}
 #app .cf-feature-story{grid-template-columns:minmax(0,1fr);gap:26px}
 #app .cf-feature-reverse .cf-feature-visual{order:0}
 #app .cf-feature-copy{padding:0 9px}
 #app .cf-feature-copy h3{font-size:31px;max-width:350px;margin-bottom:18px}
 #app .cf-feature-copy>p:not(.cf-overline){font-size:15px;line-height:1.75}
 #app .cf-feature-visual{padding:20px;border-radius:25px}
 #app .cf-tool-preview{padding:21px}
 #app .cf-site-preview{padding:0}
 #app .cf-site-preview>img{height:170px}
 #app .cf-directory{padding:70px 4px 55px}
 #app .cf-directory-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #app .cf-directory-grid summary{font-size:16px;padding:21px}
 #app .cf-basics{padding:0 10px 55px}
 #app .cf-final-start{margin-top:8px}
}
/* Introductory content is editorial copy, independent of the site header navigation. */
#app .cf-landing header.cf-section-intro{display:block!important;position:static!important;inset:auto!important;width:100%;box-sizing:border-box;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;z-index:auto}
#app .cf-landing header.cf-section-intro>*{flex:none;width:auto}
/* One celebration, told through conversation and the result beside it. */
#app .cf-story-flow{padding:76px 42px 55px}
#app .cf-story-flow .cf-section-intro{margin-bottom:30px}
#app .cf-story-flow .cf-example-label{margin-bottom:45px}
#app .cf-story-stages{display:grid;gap:50px;max-width:1000px;margin:0 auto}
#app .cf-story-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;position:relative}
#app .cf-story-stage+.cf-story-stage{padding-top:42px;border-top:1px solid #e3d6dc}
#app .cf-stage-step{font:600 11px/1.5 system-ui;color:#a0808c;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}
#app .cf-stage-dialogue .cf-story-bubble{max-width:95%;font-size:16px;line-height:1.65;padding:18px 21px;margin:15px 0}
#app .cf-stage-dialogue .cf-story-user{margin-left:auto}
#app .cf-story-result{border:1px solid #e6dbe0;border-radius:26px;background:#fff;padding:28px;box-shadow:0 16px 32px #7546520c;min-width:0}
#app .cf-result-top{display:flex;align-items:center;gap:8px;font:600 12px/1.5 system-ui;color:#725664}
#app .cf-result-top small{margin-left:auto;font:400 10px/1.5 system-ui;color:#a28a94;white-space:nowrap}
#app .cf-result-dot{width:7px;height:7px;border-radius:50%;background:#b48c9c;flex:none}
#app .cf-result-name{font:400 27px/1.2 Georgia,serif;letter-spacing:-.015em;color:#754652;margin:26px 0 20px}
#app .cf-result-number{font:400 64px/1 Georgia,serif;color:#754652;margin:8px 0 24px}
#app .cf-result-number>span{display:inline-block;font:400 12px/1.5 system-ui;color:#9b7f8c;max-width:75px;margin-left:8px}
#app .cf-story-result .cf-plan-facts{margin:18px 0 0}
#app .cf-result-foot{font:400 11px/1.5 system-ui;color:#a28a94;margin:18px 0 0}
#app .cf-result-checklist{list-style:none;margin:26px 0 22px;padding:0}
#app .cf-result-checklist li{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid #f0e8ec;font:400 14px/1.6 system-ui;color:#705b66}
#app .cf-result-checklist li>span{font-size:18px;line-height:1.2;color:#b69ca7}
#app .cf-user-decision{border:1px solid #dbc8cf;padding:23px;border-radius:24px;background:#fbf7f8}
#app .cf-user-decision>span{display:block;font:400 12px/1.5 system-ui;color:#937782;margin-bottom:14px}
#app .cf-user-decision>strong{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:99px;font:600 15px/1.3 system-ui;color:#fff;background:#754652}
#app .cf-stage-caption{font:400 13px/1.7 system-ui;color:#907581;margin:18px 5px 0;max-width:350px}
#app .cf-story-overview{background:linear-gradient(145deg,#fff,#fcf8fa)}
#app .cf-overview-numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 26px}
#app .cf-overview-numbers b{display:block;font:400 41px/1.1 Georgia,serif;color:#754652}
#app .cf-overview-numbers span{display:block;font:400 10px/1.6 system-ui;color:#a08791;margin-top:7px}
#app .cf-overview-next{padding:17px 18px;border-radius:15px;background:#f0f3ec}
#app .cf-overview-next span{display:block;font:400 10px/1.5 system-ui;color:#849178;margin-bottom:5px}
#app .cf-overview-next strong{font:500 14px/1.5 system-ui;color:#637557}
#app .cf-story-flow>.cf-example-caption{margin-top:38px}
#app .cf-event-context{display:flex;align-items:center;gap:8px;font:500 11px/1.5 system-ui;color:#957381;margin:0 2px 15px}
#app .cf-event-context>span:first-child{font-size:17px;color:#ad8e9b}
#app .cf-event-context>small{margin-left:auto;font:400 10px/1.5 system-ui;color:#ae939f}
#app .cf-feature-story{gap:60px}
#app .cf-feature-copy>p:not(.cf-overline){max-width:420px;margin-bottom:0}
#app .cf-feature-stories{gap:78px}
#app .cf-site-body h4{font-size:27px;max-width:290px;margin-left:auto;margin-right:auto}
@media(max-width:700px){
 #app .cf-story-flow{padding:52px 17px 40px}
 #app .cf-story-flow .cf-example-label{margin-bottom:35px;font-size:11px}
 #app .cf-story-stage{grid-template-columns:minmax(0,1fr);gap:20px}
 #app .cf-story-stages{gap:35px}
 #app .cf-story-stage+.cf-story-stage{padding-top:30px}
 #app .cf-stage-step{font-size:10px;margin-bottom:15px}
 #app .cf-stage-dialogue .cf-story-bubble{font-size:15px;padding:17px 18px}
 #app .cf-story-result{padding:24px 21px;border-radius:23px}
 #app .cf-result-top{font-size:11px}
 #app .cf-result-name{font-size:26px;margin-top:23px}
 #app .cf-result-checklist li{font-size:13px}
 #app .cf-user-decision{padding:21px}
 #app .cf-feature-story{gap:24px}
 #app .cf-feature-stories{gap:57px}
 #app .cf-feature-copy>p:not(.cf-overline){font-size:15px}
 #app .cf-event-context{font-size:10px}
 #app .cf-site-body h4{font-size:26px}
}