/* New product story and interactions. All compositions stay level. */
.hero-description{max-width:500px}.hero-note{max-width:430px}.how-copy>p{line-height:1.65}.chat-out{max-width:93%;font-size:15px}.chat-body{min-height:375px}.avatar-a{background:#d9edeb;color:#307b75}.avatar-b{background:#fbe0db;color:#a04337}.split-section{padding-bottom:85px}.learning-section{padding-block:85px}.learning-experience{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.learning-steps{display:grid;gap:13px}.learning-step{display:flex;gap:19px;text-align:left;border:1.5px solid transparent;border-radius:21px;padding:22px;background:transparent;align-items:flex-start;transition:background .2s,border-color .2s}.learning-step>span{color:var(--purple);background:var(--lavender);font-size:14px;font-weight:900;min-width:39px;height:39px;display:grid;place-items:center;border-radius:13px}.learning-step strong{font-size:20px;line-height:1.4;display:block;font-weight:900}.learning-step p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:7px}.learning-step.active{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}.learning-step.active>span{color:white;background:var(--purple)}.learning-step:hover{background:var(--card)}.learning-scene{padding:34px;border-radius:30px;background:var(--lavender);border:1px solid #d9cde9;min-height:410px;display:flex;flex-direction:column}.scene-label{font-size:12px;font-weight:800;color:#78678e;letter-spacing:.06em}.memory-item{display:flex;align-items:center;gap:13px;margin-top:25px;padding-bottom:23px;border-bottom:1px solid #cfc3df}.memory-item>span:first-child{font-size:30px;background:var(--card);border-radius:14px;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0}.memory-item>div>strong{font-size:22px;display:block;font-weight:900}.memory-item>div>span{font-size:13px;color:#776a86}.memory-status{margin-left:auto;background:#fffcf590;color:#6e588e;font-size:12px;font-weight:800;padding:6px 10px;border-radius:9px}.learning-message{margin-top:24px;font-size:24px;font-weight:800;line-height:1.4;min-height:68px;letter-spacing:-.025em}.memory-rule{display:flex;justify-content:space-between;align-items:center;margin-top:20px;background:var(--card);border-radius:13px;padding:13px 17px;font-size:14px;gap:15px}.memory-rule>span{color:var(--muted)}.memory-rule strong{color:var(--purple);font-size:16px}.learning-scene>p{font-size:14px;line-height:1.65;color:#776a86;margin-top:17px;min-height:69px}.memory-signature{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:17px}.memory-signature img{width:55px;height:55px;object-fit:contain}.memory-signature>span{font-family:Caveat,cursive;font-size:23px;color:var(--purple);line-height:1.1}.pinned-rule{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:25px 28px;border:1px solid var(--line);border-radius:21px;background:var(--card)}.pinned-rule>div{display:flex;gap:18px;align-items:center}.pin-icon{font-size:30px;color:#a58031}.pinned-rule p{font-size:15px;color:var(--muted);max-width:700px}.pinned-rule p>strong{color:var(--ink)}.pinned-rule button,.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;font-size:14px;font-weight:800;white-space:nowrap;color:var(--purple);padding:9px 0}.pinned-example{padding:22px 27px;background:#f4ead2;border:1px solid #e7d8b6;border-radius:17px;display:flex;gap:14px 26px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:14px}.pinned-example p{flex:0 0 100%;font-size:13px;color:var(--muted)}.pinned-badge{border-radius:8px;background:var(--card);font-size:12px;padding:5px 10px;color:#926b26;font-weight:800}.budget-before-after{display:flex;gap:5px;padding:4px;border-radius:11px;background:#f2ecdf;margin-top:23px;width:fit-content}.budget-before-after button{padding:7px 14px;border:0;background:transparent;border-radius:8px;font-size:13px;font-weight:800}.budget-before-after button.active{background:var(--card);color:var(--purple);box-shadow:0 2px 5px #3a322b0e}.budget-screen .budget-before-after+.budget-number{margin-top:19px}.budget-legend b{font-weight:500}.receipt-impact{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#e8efdd;border:1px solid #d6e3c7;border-radius:12px;margin-top:24px;padding:12px;font-size:12px;color:#56734c}.receipt-impact strong{white-space:nowrap;font-size:13px}.receipt-impact.before{background:#f3eee5;border-color:var(--line);color:var(--muted)}.budget-category:nth-of-type(6) .category-bar i{background:var(--galya)!important}.budget-category:nth-of-type(7) .category-bar i{background:var(--teal)!important}.budget-category:nth-of-type(8) .category-bar i{background:var(--coral)!important}.inside-section{padding-top:85px;padding-bottom:40px}.inside-heading-note p{color:var(--muted);font-size:16px;line-height:1.75}.inside-heading-note button{margin-top:10px}.product-figure{margin:0}.product-image-button{display:block;width:100%;padding:0;line-height:0;border-radius:23px;border:1.5px solid #e0d1bc;background:var(--card);box-shadow:0 16px 40px #67533c10;overflow:hidden;cursor:zoom-in}.product-image-button img{width:100%;height:auto;display:block}.product-figure figcaption{font-size:12px;color:var(--muted);margin-top:16px;max-width:850px;line-height:1.65}.screen-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}.screen-highlights p{display:grid;grid-template-columns:35px 1fr;column-gap:12px;font-size:14px;color:var(--muted)}.screen-highlights p>span{grid-row:span 2;border-radius:11px;background:var(--lavender);color:var(--purple);width:35px;height:35px;display:grid;place-items:center;font-size:12px;font-weight:900}.screen-highlights strong{font-size:16px;color:var(--ink)}.mode-fit{margin-top:auto;color:var(--purple);font-size:14px;font-weight:800;line-height:1.6;padding-block:12px}.mode-featured .button{font-size:14px;padding:15px 20px}.start-section{display:grid;grid-template-columns:.9fr 1.15fr;gap:80px;align-items:start;padding-bottom:75px}.start-section h2{margin-top:16px;font-size:45px}.start-steps{list-style:none;margin:0;padding:0;display:grid;gap:23px}.start-steps li{display:flex;align-items:flex-start;gap:18px}.start-steps li>span{display:grid;place-items:center;border-radius:13px;background:var(--gold-soft);color:#937126;font-size:17px;font-weight:900;width:40px;height:40px;flex-shrink:0}.start-steps h3{font-size:21px;line-height:1.4}.start-steps p{font-size:15px;color:var(--muted);margin-top:6px;line-height:1.6}.screen-dialog{border:1px solid var(--line);padding:0;border-radius:24px;background:var(--card);color:var(--ink);width:min(1600px,96vw);max-width:96vw;max-height:95vh;overflow:hidden;box-shadow:0 20px 100px #30253a40}.screen-dialog::backdrop{background:#30273eaa}.screen-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;border-bottom:1px solid var(--line)}.screen-dialog-head h2{font-size:22px;letter-spacing:-.02em;line-height:1.3}.screen-dialog-head p{font-size:12px;color:var(--muted);margin-top:5px}.screen-dialog-head button{border:1px solid var(--line);width:43px;height:43px;flex-shrink:0;font-size:29px;background:white;border-radius:12px;line-height:1}.screen-dialog-content{overflow:auto;max-height:calc(95vh - 110px);overscroll-behavior:contain}.screen-dialog-content img{display:block;max-width:none;width:100%;min-width:960px;height:auto}.screen-dialog[open]{display:flex;flex-direction:column}.screen-dialog-open{overflow:hidden}
@media(max-width:1100px){.learning-experience{gap:30px}.learning-scene{padding:25px}.learning-step{padding:18px;gap:13px}.learning-step strong{font-size:18px}.learning-step p{font-size:15px}.memory-item{gap:10px}.memory-status{font-size:11px;padding:5px 7px}.screen-highlights{gap:16px}.screen-highlights p{font-size:12px}.start-section{gap:45px}.start-section h2{font-size:40px}.pinned-rule p{max-width:520px}}
@media(max-width:850px){.learning-experience{gap:25px}.learning-scene{padding:23px}.memory-item{flex-wrap:wrap}.memory-status{margin-left:0}.learning-step{padding:15px;gap:12px}.learning-step>span{min-width:31px;height:33px;font-size:12px}.learning-step strong{font-size:17px}.learning-step p{font-size:14px}.learning-message{font-size:22px}.memory-rule{padding:11px}.memory-rule strong{font-size:14px}.pinned-rule{padding:23px;gap:20px}.start-section h2{font-size:36px}.screen-highlights p{display:block}.screen-highlights p>span{float:left;margin:2px 11px 17px 0}.screen-highlights strong{display:block;font-size:15px}.mode-featured .button{font-size:13px;padding:14px 16px}}
@media(max-width:680px){.header{height:70px}.header .button{padding:10px 15px}.hero{padding-top:10px;padding-bottom:25px;gap:17px}.hero .eyebrow{font-size:10px;letter-spacing:.04em}.hero h1{font-size:clamp(40px,10.9vw,55px);line-height:1.01;margin:11px 0 17px}.hero h1>span{font-size:1.16em;margin-top:2px}.hero-description{font-size:16px;line-height:1.5;max-width:480px}.hero-actions{margin-top:19px;gap:12px}.hero-actions .button{font-size:14px;padding:14px 17px;min-height:48px;border-radius:14px}.hero-actions .text-link{font-size:13px;max-width:none}.hero-note{font-size:12px;line-height:1.5;margin-top:11px;max-width:350px}.hero-art{height:278px;max-width:360px}.hero-cat{width:265px;bottom:-5px}.hero-art .galya-intro{font-size:23px;padding:9px 14px;left:6px;top:1px;border-radius:16px 16px 16px 3px}.galya-intro span{font-size:18px}.hero-art .art-ring{top:26px;width:85%;height:83%}.hero-art .spark-one{font-size:44px;right:13px;top:15px}.hero-art .spark-two{font-size:27px;left:6px;bottom:94px}.hero-receipt{left:7px;right:7px;bottom:8px;padding:11px 15px;gap:10px;border-radius:14px}.hero-receipt strong{font-size:14px}.hero-receipt div>span{font-size:12px}.receipt-check{width:32px;height:32px;font-size:18px}.receipt-line{font-size:28px}.section,.learning-section{padding-block:58px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:35px}.how-grid{gap:28px}.how-grid .chat-stage{order:0}.how-copy h3{font-size:29px}.chat-body{min-height:350px}.section-lead br{display:none}.section-lead{font-size:16px}.chat-out{font-size:15px}.split-section{padding:58px 0}.learning-experience{grid-template-columns:minmax(0,1fr);gap:21px}.learning-steps{display:flex;gap:7px}.learning-step{padding:12px 8px;flex:1;min-width:0;flex-direction:column;gap:9px;border-color:var(--line);background:var(--card);border-radius:15px}.learning-step strong{font-size:13px;line-height:1.4;letter-spacing:-.015em}.learning-step p{display:none}.learning-step>span{font-size:11px;min-width:29px;width:29px;height:28px;border-radius:8px}.learning-step.active{border-color:var(--galya);background:var(--lavender)}.learning-scene{padding:25px;min-height:0}.memory-item{flex-wrap:nowrap;margin-top:20px;padding-bottom:20px;gap:10px}.memory-status{margin-left:auto;font-size:11px}.memory-item>div>strong{font-size:21px}.memory-item>div>span{font-size:12px}.learning-message{font-size:23px;margin-top:22px;min-height:64px}.learning-scene>p{font-size:15px;min-height:96px}.memory-rule strong{font-size:16px}.memory-signature{padding-top:18px}.pinned-rule{margin-top:21px;flex-direction:column;gap:12px;align-items:flex-start;padding:21px}.pinned-rule>div{gap:12px;align-items:flex-start}.pinned-rule button{padding-left:40px;white-space:normal;text-align:left}.pinned-example{gap:10px;padding:20px}.pinned-example>strong{flex:0 0 100%}.budget-section{padding-block:58px}.budget-before-after{margin-top:20px}.budget-screen{min-height:440px}.budget-surface{padding:23px}.inside-section{padding-bottom:30px}.inside-heading-note{margin-top:23px}.inside-heading-note p br{display:none}.inside-heading-note p{font-size:16px}.inside-heading-note button{margin-top:7px}.product-image-button{border-radius:15px}.product-figure figcaption{font-size:12px;line-height:1.6;margin-top:13px}.screen-highlights{grid-template-columns:1fr;gap:18px;margin-top:23px}.screen-highlights p{display:grid;grid-template-columns:35px 1fr;font-size:14px}.screen-highlights p>span{float:none;margin:0}.screen-highlights strong{font-size:16px}.mode-featured .button{font-size:15px}.mode-fit{font-size:14px;padding-top:5px;padding-bottom:0}.start-section{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:0;padding-bottom:50px}.start-section h2{font-size:37px}.start-section h2 br{display:none}.start-steps{gap:24px}.start-steps h3{font-size:20px}.screen-dialog{max-width:96vw;border-radius:18px}.screen-dialog-head{padding:16px;gap:14px}.screen-dialog-head h2{font-size:19px}.screen-dialog-head p{font-size:12px;max-width:250px}.screen-dialog-head button{width:37px;height:37px}.screen-dialog-content{max-height:calc(95vh - 125px)}}
@media(max-width:380px){.hero .eyebrow{font-size:9px}.hero h1{font-size:40px}.hero h1>span{font-size:1.13em}.hero-description{font-size:15px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:13px 14px}.hero-actions .text-link{font-size:12px}.hero-art{height:250px}.hero-cat{width:245px}.hero-art .galya-intro{font-size:21px}.galya-intro span{font-size:17px}.hero-receipt div>span{font-size:11px}.learning-scene{padding:20px}.memory-item{flex-wrap:wrap}.memory-status{margin-left:0}.learning-step strong{font-size:12px}.memory-rule{font-size:13px}.memory-rule strong{font-size:14px}.receipt-impact{flex-wrap:wrap}.inside-section h2{font-size:32px}}
@media(max-width:680px){.memory-item{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px}.memory-status{grid-column:1/-1;justify-self:start;margin-left:0;font-size:12px;padding:5px 9px}.memory-item>div>span{white-space:nowrap}}
/* The original paw from Pencil, and a quieter first screen. */
.brand{gap:12px;letter-spacing:-.6px}
.brand-paw{display:block;width:46px;height:46px;flex:0 0 46px}
.brand-copy{display:flex;flex-direction:column;gap:4px;line-height:1.15}
.brand-name{font-size:25px;font-weight:900}
.brand-tagline{font-size:12px;line-height:1.3;font-weight:500;letter-spacing:0;color:var(--muted)}
.header{height:104px}
.hero{grid-template-columns:1.08fr 1fr;gap:65px;padding:35px 0 70px}
.hero h1{font-size:clamp(58px,5.7vw,80px);margin:0 0 28px}
.hero-description{max-width:490px;font-size:18px;line-height:1.7}
.hero-actions{margin-top:29px}
.hero-note{font-size:12px;margin-top:15px}
.hero-art{height:500px;overflow:visible;margin-bottom:33px}
.hero-art .art-ring{width:87%;height:77%;top:32px;border:0;background:#ece4f3;border-radius:48% 46% 43% 45%}
.hero-art .art-ring:after{content:none}
.hero-cat{width:420px;max-width:100%;bottom:55px;filter:none}
.hero-art .galya-intro{left:50%;top:auto;bottom:-33px;width:max-content;max-width:100%;padding:0;background:none;border:0;box-shadow:none;text-align:center;font-size:29px;font-weight:500;line-height:1.14;color:var(--purple);transform:translateX(-50%)}
.how-section{border-top:1px solid var(--line)}
.how-section .section-lead{flex-shrink:1;max-width:410px}
@media(max-width:1150px){.hero{gap:40px}.hero h1{font-size:60px}.hero-art{height:460px}.hero-cat{width:380px}.hero-description{font-size:17px}.hero-art .galya-intro{font-size:27px}}
@media(max-width:850px){.hero{gap:20px;padding-top:25px;padding-bottom:55px}.hero h1{font-size:50px}.hero-art{height:410px}.hero-cat{width:335px}.hero-description{font-size:16px}.hero-art .galya-intro{font-size:25px}.hero-art .art-ring{height:74%;top:34px}}
@media(max-width:680px){.header{height:84px}.brand{gap:9px}.brand-paw{width:39px;height:39px;flex-basis:39px}.brand-name{font-size:21px}.brand-tagline{font-size:11px}.brand-copy{gap:3px}.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px 0 38px}.hero h1{font-size:clamp(43px,11.2vw,59px);margin:0 0 22px;line-height:1.05}.hero h1>span{font-size:1.16em}.hero-description{font-size:16px;line-height:1.6;max-width:480px}.hero-actions{margin-top:23px}.hero-actions .button{font-size:14px;padding:15px 20px}.hero-note{font-size:12px;line-height:1.5;margin-top:13px;max-width:330px}.hero-art{height:280px;max-width:320px;margin-bottom:27px}.hero-cat{width:245px;bottom:42px}.hero-art .art-ring{width:78%;height:76%;top:0}.hero-art .galya-intro{font-size:24px;bottom:-27px;left:50%;top:auto;padding:0;line-height:1.1}.how-section .section-lead br{display:none}}
@media(max-width:380px){.header{gap:8px}.brand{gap:8px}.brand-paw{width:35px;height:35px;flex-basis:35px}.brand-name{font-size:18px}.brand-tagline{font-size:10px}.header .button{padding:10px 12px;min-height:38px}.hero{padding-top:13px;gap:22px}.hero h1{font-size:40px}.hero-description{font-size:15px}.hero-art{height:253px}.hero-cat{width:225px;bottom:37px}.hero-art .galya-intro{font-size:22px}}

.learning-section .section-lead{max-width:430px;flex-shrink:1}
/* Editorial adjustments and the pinned-rule card from the product. */
.hero h1{font-size:clamp(54px,5.3vw,74px)}
.hero h1>span{font-size:1.1em}
.budget-copy h2{font-size:clamp(38px,3.7vw,53px)}
.chat-items{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:10px}
.chat-items li{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4}
.chat-items strong{font-size:14px;font-weight:800;white-space:nowrap}
.chat-preview{border-top:0;margin-top:4px}
.inside-heading-note p{max-width:330px}
.modes-heading>p:last-child{max-width:730px;margin-inline:auto}
.modes-action{text-align:center;margin-top:34px}
.mode-for{max-width:calc(100% - 20px);line-height:1.5}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pinned-rule-demo{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:start;margin-top:48px;padding-top:42px;border-top:1px solid var(--line)}
.pinned-copy h3{font-size:30px;line-height:1.25;letter-spacing:-.025em}
.pinned-copy p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:18px;max-width:470px}
.rule-card{min-width:0;width:100%;padding:28px;background:var(--card);border:1.5px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.rule-head{display:flex;gap:13px;align-items:center;margin-bottom:23px}
.rule-lock{width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#e1f0e7;color:#60a879;display:grid;place-items:center}
.rule-lock svg{width:26px;height:26px}
.rule-head h4{font-size:26px;line-height:1.2;margin:0;min-width:0;flex:1;font-weight:800;overflow-wrap:anywhere}
.rule-badge{font-size:13px;font-weight:800;background:#e1f0e7;color:#589b71;padding:9px 13px;border-radius:15px;white-space:nowrap}
.rule-shares{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.rule-share{display:flex;align-items:center;gap:9px;background:#f5ecd9;border:1.5px solid var(--line);border-radius:14px;padding:8px 11px}
.rule-avatar{height:28px;width:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:800;color:white}
.person-sasha{background:#c67e95}.person-anna{background:#7ab7c8}.person-kira{background:#e1ab25}
.rule-share strong{padding:2px 11px;border-radius:9px;background:#fff;font-family:ui-monospace,'Consolas',monospace;font-weight:600;font-size:21px;line-height:1.45;color:var(--ink)}
.rule-actions{display:flex;gap:12px;align-items:stretch}
.rule-actions button,.rule-forgotten button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1.5px solid #ddc9a8;border-radius:16px;background:transparent;font-size:17px;font-weight:800;line-height:1.2;padding:14px 18px;min-height:54px}
.rule-actions button svg{width:20px;height:20px;flex-shrink:0}
.rule-actions button:hover{background:#f7efdf}
.rule-actions .rule-forget{color:#df604e;border-color:#ebb1a5}
.rule-actions .rule-forget:hover{background:#fbeae5}
.rule-name{display:block;width:100%;padding:15px 19px;border:1.5px solid var(--line);border-radius:16px;background:white;font-size:20px;line-height:1.3;color:var(--ink);font-weight:700}
.rule-name:focus-visible,.rule-share-input:focus-visible{outline:2px solid var(--galya);outline-offset:3px}
.rule-category{display:flex;align-items:center;gap:14px;margin-top:17px;background:#f5ecd9;padding:14px;border-radius:18px;position:relative}
.rule-home-icon{display:grid;place-items:center;background:#e6dff4;color:#6350a7;border:2px solid #6350a7;border-radius:50%;width:56px;height:56px;flex:0 0 56px}
.rule-home-icon svg{width:29px;height:29px}
.rule-category strong{font-size:20px;line-height:1.3;font-weight:800;flex:1;min-width:0;overflow-wrap:anywhere}
.rule-category button{border:1.5px solid var(--line);border-radius:13px;background:transparent;font-size:14px;font-weight:800;color:#8a7e70;padding:11px 13px;white-space:nowrap}
.rule-category button span{margin-left:7px}
.rule-categories{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 3px}
.rule-categories button{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 12px;font-size:14px}
.rule-categories button:hover{background:var(--lavender)}
.rule-split-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 12px;color:#8a7e70;font-weight:700;font-size:17px}
.rule-units{display:flex;background:#f5ecd9;padding:3px;border-radius:13px;gap:3px}
.rule-units button{border:0;background:transparent;border-radius:10px;padding:7px 16px;font-size:14px;font-weight:800;color:#8a7e70}
.rule-units button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #67533c0a}
#rule-participants{display:grid;gap:11px}
.rule-person-row{display:flex;gap:10px;align-items:center}
.rule-person-row label{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;flex:1;min-width:0}
.rule-share-input{min-width:0;width:80px;padding:7px 5px;text-align:center;background:#fff;color:var(--galya);border:1.5px solid #d2c8f0;border-radius:12px;font-size:21px;font-weight:800;line-height:1.3}
.rule-remove-person{padding:0;width:26px;height:34px;border:0;background:transparent;color:#b9aa8f;font-size:24px}
.rule-error{color:#bd4639;background:#fbeae5;border-radius:12px;font-size:14px;line-height:1.5;padding:12px 14px;margin-top:17px}
.rule-live-note{display:flex;gap:10px;border-radius:17px;background:#fbeae5;padding:15px 17px;margin-top:22px;font-size:15px;line-height:1.65}
.rule-live-note>span:first-child{color:#de604e;font-size:20px;line-height:1.3}
.rule-form-actions{margin-top:20px}
.rule-form-actions button{flex:1;min-width:0;padding-inline:12px}
.rule-form-actions #cancel-rule{color:#918574}
.rule-form-actions .rule-save{background:var(--ink);color:white;border-color:var(--ink)}
.rule-form-actions .rule-save:hover{background:#51473e}
.rule-forgotten>strong{display:block;font-size:21px;line-height:1.4}
.rule-forgotten p{color:var(--muted);font-size:15px;line-height:1.65;margin-top:12px}
.rule-forgotten button{margin-top:20px;font-size:15px}
@media(max-width:1100px){.pinned-rule-demo{gap:30px}.rule-card{padding:24px}.rule-share{padding:7px 8px;gap:7px}.rule-share strong{font-size:18px;padding-inline:8px}.rule-actions button{padding-inline:13px;font-size:15px}.rule-head h4{font-size:24px}.rule-badge{padding:8px 10px;font-size:12px}.rule-category{gap:10px;padding:12px}.rule-home-icon{width:46px;height:46px;flex-basis:46px}.rule-category strong{font-size:18px}}
@media(max-width:850px){.hero h1{font-size:48px}.rule-card{padding:20px}.rule-head{gap:9px}.rule-lock{width:36px;height:36px;flex-basis:36px;border-radius:12px}.rule-head h4{font-size:21px}.rule-badge{font-size:11px;padding:7px 9px}.rule-share{flex:1;min-width:0;gap:6px;padding:7px}.rule-avatar{width:24px;height:24px;flex-basis:24px;font-size:12px}.rule-share strong{font-size:17px;padding-inline:5px}.rule-shares{gap:6px}.rule-actions{gap:8px}.rule-actions button{font-size:14px;gap:6px;padding:12px;min-height:48px}.rule-category{flex-wrap:wrap}.rule-category button{margin-left:auto}.pinned-copy h3{font-size:27px}.rule-share-input{font-size:18px;width:66px}.rule-person-row label{font-size:16px;gap:9px}.rule-live-note{font-size:14px;padding:13px}.rule-person-row{gap:7px}}
@media(max-width:680px){.hero h1{font-size:clamp(39px,10.6vw,54px)}.hero h1>span{font-size:1.1em}.budget-copy h2{font-size:38px}.pinned-rule-demo{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:33px;padding-top:30px}.pinned-copy h3{font-size:28px}.pinned-copy h3 br{display:none}.pinned-copy p{font-size:16px;margin-top:14px}.rule-card{max-width:480px;margin-inline:auto;padding:24px;border-radius:25px}.rule-head{gap:11px}.rule-head h4{font-size:24px}.rule-lock{width:42px;height:42px;flex-basis:42px}.rule-badge{font-size:12px;padding:8px 10px}.rule-share{justify-content:center;padding:8px;gap:7px}.rule-share strong{font-size:19px;padding-inline:7px}.rule-shares{gap:8px}.rule-actions button{flex:1;font-size:16px}.rule-category{flex-wrap:nowrap}.rule-category button{font-size:12px;padding:9px}.rule-category strong{font-size:18px}.rule-home-icon{width:43px;height:43px;flex-basis:43px}.rule-name{font-size:19px}.rule-person-row label{font-size:18px}.rule-avatar{width:27px;height:27px;flex-basis:27px}.rule-share-input{font-size:20px;width:74px}.rule-live-note{font-size:15px}.modes-action{margin-top:27px}.modes-action .button{width:100%;max-width:340px}.chat-items li,.chat-items strong{font-size:14px}.inside-heading-note p{max-width:none}}
@media(max-width:380px){.hero h1{font-size:36px}.hero h1>span{font-size:1.08em}.budget-copy h2{font-size:34px}.rule-card{padding:17px}.rule-head{gap:8px}.rule-lock{width:33px;height:33px;flex-basis:33px}.rule-lock svg{width:22px;height:22px}.rule-head h4{font-size:21px}.rule-badge{font-size:10px;padding:7px 8px}.rule-share{gap:5px;padding:6px}.rule-share strong{font-size:17px;padding-inline:5px}.rule-avatar{width:23px;height:23px;flex-basis:23px;font-size:12px}.rule-actions button{font-size:13px;padding:12px 9px;gap:5px}.rule-actions button svg{width:17px;height:17px}.rule-category{gap:8px;padding:11px}.rule-home-icon{width:35px;height:35px;flex-basis:35px}.rule-home-icon svg{width:23px;height:23px}.rule-category strong{font-size:16px}.rule-category button{padding:8px 6px;font-size:11px}.rule-category button span{margin-left:3px}.rule-person-row label{font-size:16px}.rule-share-input{width:65px}.rule-live-note{font-size:14px;padding:12px}.chat-items li,.chat-items strong{font-size:13px}}
.final-cta>div{max-width:58%}
@media(max-width:680px){.final-cta>div{max-width:none}.final-cta{padding-bottom:280px}}
.example-cancel{border-color:#cfc2e4;background:var(--lavender);color:var(--purple)}
.example-cancel.active{background:var(--purple);color:white}
.cancel-story>span{color:var(--purple);font-size:29px}
.cancel-story h3{font-family:Caveat,cursive;font-size:36px;font-weight:700;color:var(--purple);letter-spacing:0;margin:0 0 8px;line-height:1.1}
.cancel-story p{font-size:15px;line-height:1.7;color:var(--muted)}

/* Telegram examples, restyled with the landing's paper and lavender palette. */
.how-grid{grid-template-columns:1.12fr 1fr;gap:72px}
.chat-stage{background:#eee9f4;padding:22px;border-radius:30px;box-shadow:inset 0 0 0 1px #dcd4e9,0 18px 45px #67533c08}
.chat-head{background:#fffcf5d9;padding:12px 15px;border:1px solid #e2d9e7}
.chat-body{padding:17px 0;min-height:0}
.chat-date{margin-bottom:15px;font-size:10px;color:#83758f}
.chat-out{font-size:14px;line-height:1.55;margin-bottom:14px;background:#ded8ef;border-color:#d0c6e3;padding:12px 16px;max-width:90%}
.chat-in{max-width:100%;padding:19px 20px;border:1px solid #e5dce6;border-radius:5px 20px 20px;box-shadow:0 4px 14px #67533c05}
.chat-author{font-size:12px;margin-bottom:11px}
.chat-body>.chat-in:not(.chat-previous)>.chat-author{display:none}
.chat-receipt-title{display:flex;gap:10px;align-items:center}
.chat-receipt-icon{font-size:25px;line-height:1;width:37px;flex-shrink:0}
.chat-receipt-title strong{display:block;font-size:19px;font-weight:900;letter-spacing:-.025em;line-height:1.3}
.chat-receipt-title div>span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.chat-receipt-title b{color:#559e78;margin-left:5px}
.chat-budget-summary{background:#f5f0e4;border-radius:12px;margin:17px 0 19px;padding:11px 13px}
.chat-budget-summary>span{font-size:11px;color:var(--muted);display:block;margin-bottom:2px}
.chat-budget-summary>div{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5}
.chat-budget-summary strong{font-weight:800}
.chat-budget-summary strong:last-child{white-space:nowrap}
.chat-budget-summary small{font-size:10px;font-weight:600;color:var(--muted)}
.chat-split-title{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 9px}
.chat-split-title>span{font-size:10px;background:var(--lavender);color:var(--purple);padding:2px 7px;border-radius:6px;letter-spacing:.01em}
.chat-purchases{list-style:none;display:grid;gap:5px;padding:0;margin:0}
.chat-purchases li{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:9px 10px;min-width:0}
.chat-purchases li.is-current{background:#f0ebf8;border-color:#ddd3eb}
.chat-item-number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:8px;background:#f2eddf;font-size:12px;color:#8a7964;font-weight:800}
.is-current .chat-item-number{background:#ddd4ef;color:var(--purple)}
.chat-purchases li>div{flex:1;min-width:0}
.chat-purchases li strong{font-size:14px;font-weight:800;display:block;line-height:1.3}
.chat-purchases li>div>span{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-top:3px}
.chat-purchases li.is-pending>div>span{color:var(--purple);font-weight:800}
.chat-item-state{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#478564;background:#e5f0e7;font-size:11px;font-weight:900;flex-shrink:0}
.is-pending .chat-item-state{background:#e1d8f0;color:var(--purple)}
.chat-item-amount{font-size:11px;font-weight:800;white-space:nowrap;color:var(--muted)}
.chat-keyboard{margin-top:8px;display:grid;gap:7px}
.chat-keyboard-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}
.chat-keyboard button{border:1px solid #dcd3e6;background:#faf7fd;border-radius:10px;min-height:39px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.3;transition:background .18s,border-color .18s}
.chat-keyboard button:hover{background:#e4dcef;border-color:#c8b9dc}
.chat-keyboard button[aria-pressed="true"]{background:#ded4ee;border-color:#baaad3;color:#635092}
.chat-keyboard-actions button:first-child{background:#e3ede4;border-color:#cbded0;color:#407651}
.chat-people{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding-block:3px}
.chat-people button{display:flex;justify-content:center;align-items:center;gap:7px}
.chat-person{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;color:white}
.chat-foot{padding:9px 15px;font-size:12px;background:#fffcf5b3}
.chat-foot>span+span{font-size:21px}
.chat-previous{margin:0 24px 15px 0}
.chat-previous p,#chat-reply{font-size:16px;font-weight:700;line-height:1.5}
.chat-result-line{font-size:14px;line-height:1.6;white-space:pre-line;padding-top:9px;margin-top:9px;border-top:1px solid var(--line)}
.chat-result-note{font-size:13px;color:var(--muted);line-height:1.6;margin-top:16px}
@media(max-width:1100px){.how-grid{gap:36px;grid-template-columns:1.12fr 1fr}.chat-stage{padding:17px}.chat-in{padding:17px}}
@media(max-width:680px){.how-grid{grid-template-columns:minmax(0,1fr);gap:30px}.chat-stage{padding:15px;border-radius:25px}.chat-body{min-height:0;padding-block:15px}.chat-head{padding:10px 12px}.chat-in{max-width:100%;padding:16px}.chat-out{font-size:13px}.chat-receipt-title strong{font-size:18px}.chat-previous{margin-right:15px}.chat-keyboard button{min-height:42px}.chat-keyboard-nav button{min-height:34px}.chat-foot{margin-top:0}}
@media(max-width:380px){.chat-stage{padding:12px}.chat-in{padding:13px}.chat-head{gap:9px;padding:9px}.chat-head img{width:39px;height:39px}.chat-head div>span{font-size:10px}.chat-receipt-title{gap:7px}.chat-receipt-icon{width:26px;font-size:23px}.chat-receipt-title strong{font-size:17px}.chat-receipt-title div>span{font-size:11px}.chat-budget-summary{padding:10px}.chat-budget-summary>div{font-size:12px}.chat-purchases li{gap:7px;padding:8px 6px}.chat-purchases li strong{font-size:13px}.chat-purchases li>div>span{font-size:11px}.chat-item-number{width:22px;height:22px;font-size:11px}.chat-item-state{width:17px;height:17px;font-size:10px}.chat-item-amount{font-size:9px}.chat-keyboard button{font-size:11px;padding-inline:6px}.chat-person{width:19px;height:19px;font-size:10px}.chat-foot{font-size:11px;padding-inline:12px}}