.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;min-height:700px;padding-block:28px 84px;display:grid}.hero h1{letter-spacing:-.03em;margin-top:18px;font-size:clamp(50px,6.2vw,88px);line-height:1.02}.hero-lead{max-width:500px;color:var(--canvas-muted);margin-top:22px;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.hero-actions .button{min-height:54px;padding-inline:26px}.hero-proof{align-items:center;gap:10px;margin-top:28px;display:flex}.phone-stage{flex-direction:column;align-items:center;min-width:0;display:flex}.phone{border:1px solid var(--canvas-line);width:286px;box-shadow:0 6px 0 #161c1d,0 10px 0 var(--canvas-line);background:#101415;border-radius:46px;padding:8px;animation:9s ease-in-out infinite phone-float;position:relative;transform:rotate(-2.5deg)}.phone:after{content:"";background:var(--canvas-line);border-radius:3px;width:3px;height:56px;position:absolute;top:132px;right:-2px}.phone-screen{background:var(--canvas);border-radius:38px;position:relative;overflow:hidden}@supports (corner-shape:squircle){.phone,.phone-screen{corner-shape:squircle}.phone{border-radius:60px}.phone-screen{border-radius:52px}}.phone-screen img{width:100%;height:auto;display:block}.island{background:#050606;border-radius:20px;width:76px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-time{color:var(--canvas-ink);font:600 11px/1 WeekPact,Arial,sans-serif;position:absolute;top:14px;left:28px}@keyframes phone-float{0%,to{transform:translateY(0)rotate(-2.5deg)}50%{transform:translateY(-10px)rotate(-1.5deg)}}.screen-switch{border:1px solid var(--dark-outline);box-shadow:0 var(--depth) 0 var(--dark-outline);border-radius:var(--r-panel);background:#202829;gap:4px;margin-top:34px;padding:5px;display:flex}.screen-switch button{color:var(--dark-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 20px;font:500 14px/1 WeekPact,Arial,sans-serif}@supports (corner-shape:squircle){.screen-switch,.screen-switch button{corner-shape:squircle}.screen-switch button{border-radius:18px}}.screen-switch button[aria-pressed=true]{color:var(--ink);background:#ccd8d6;font-weight:600}.demo-caption{margin-top:14px}.hero-actions{margin-top:20px}.hero-actions .text-link{align-items:center;gap:8px;font-size:14px;display:inline-flex}.example,.product-detail{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-bottom:84px;display:grid}.product-detail h2{margin-top:12px;font-size:clamp(32px,4vw,50px);line-height:1.1}.detail-screen{border:1px solid var(--canvas-line);border-radius:var(--r-card);background:var(--dark-fill);max-width:440px;height:480px;overflow:hidden}.detail-screen img{width:100%;height:auto;display:block}@media (width<=820px){.product-detail{grid-template-columns:1fr;gap:28px;padding-bottom:56px}.detail-screen{width:100%;height:400px}.product-detail>div:last-child{grid-row:1}}.example h2,.faq h2{margin-top:12px;font-size:clamp(32px,4vw,50px);line-height:1.1}.section-lead{color:var(--canvas-muted);max-width:55ch;margin-top:20px;font-size:17px;line-height:1.65}.week-example{padding:32px}.week-example>svg{margin-top:24px}.week-example h3{margin-top:12px;font-size:28px}.week-total{margin-top:18px;font-size:64px;font-weight:700}.week-total span{font-size:20px;font-weight:500}.week-days{grid-template-columns:repeat(7,1fr);gap:6px;margin:24px 0;padding:0;list-style:none;display:grid}.week-days li{text-align:center;font-size:12px}.week-days b{border:1px solid var(--muted);border-radius:10px;place-items:center;height:40px;margin-top:8px;font-size:18px;display:grid}.week-days .complete b{background:var(--ink);color:var(--mint)}.faq{max-width:900px;padding-bottom:84px}.faq-list{border-top:1px solid var(--canvas-line);margin-top:32px}.faq details{border-bottom:1px solid var(--canvas-line);padding:22px 0}.faq summary{cursor:pointer;font-size:19px;font-weight:500;line-height:1.5}.faq details p{color:var(--canvas-muted);max-width:65ch;margin-top:16px;line-height:1.7}.faq a{text-underline-offset:4px;text-decoration:underline}@media (width<=820px){.example{grid-template-columns:1fr;gap:28px;padding-bottom:56px}.faq{padding-bottom:56px}.week-example{padding:24px}}.features{padding-block:8px 80px}.features h2,.how h2{margin-top:10px;font-size:clamp(32px,4vw,50px)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;display:grid}.feature{padding:24px 22px 26px}.feature .icon-tile{width:48px;height:48px}.feature h3{margin-top:20px;font-size:22px}.feature p{margin-top:10px;font-size:15px;line-height:1.6}.how{padding-block:8px 84px}.how h2{text-wrap:balance;max-width:26ch}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.step{padding:24px 22px 26px}.step-head{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.step-number{letter-spacing:.06em;color:var(--muted);font-size:15px;font-weight:600}.step h3{margin-top:16px;font-size:22px}.step p{margin-top:10px;font-size:15px;line-height:1.6}.code-sample{grid-template-columns:repeat(6,1fr);gap:6px;max-width:280px;margin-top:18px;display:grid}.code-sample span{height:42px;color:var(--ink);box-shadow:0 var(--depth) 0 #c2c2c2;border-radius:var(--r-control);background:#fff;border:1px solid #b8b8b8;place-items:center;font-size:20px;font-weight:600;display:grid}.close{padding-block:0 96px}.close-card{text-align:center;place-items:center;padding:52px 40px 60px;display:grid;overflow:hidden}.close-card h2{text-wrap:balance;font-size:clamp(30px,4vw,50px)}.close-card p{max-width:44ch;margin-top:16px;font-size:17px}.close-card .button{margin-top:28px}.fan{width:380px;height:210px;margin-bottom:34px;position:relative}.pact-card{text-align:left;width:190px;height:180px;color:var(--ink);background:var(--fill);border:1px solid color-mix(in srgb,#000 28%,var(--fill));box-shadow:0 var(--card-depth) 0 color-mix(in srgb,#000 24%,var(--fill));border-radius:var(--r-card);flex-direction:column;margin-left:-95px;padding:16px;display:flex;position:absolute;top:0;left:50%}.pact-card:first-child{transform:translate(-96px)rotate(-9deg)}.pact-card:nth-child(2){transform:translate(96px)rotate(8deg)}.pact-card:nth-child(3){top:26px}.pact-card-head{justify-content:space-between;gap:10px;display:flex}.pact-card-title{font-size:17px;font-weight:600;line-height:1.15}.pact-badge{background:var(--badge);border:1px solid color-mix(in srgb,#000 28%,var(--badge));width:34px;height:34px;box-shadow:0 var(--depth) 0 color-mix(in srgb,#000 24%,var(--badge));border-radius:10px;flex:none;place-items:center;display:grid}@supports (corner-shape:squircle){.pact-badge{corner-shape:squircle;border-radius:16px}}.pact-count{color:color-mix(in srgb,var(--ink) 75%,var(--fill));margin-top:auto;font-size:20px;font-weight:600}.pact-count b{color:var(--ink);letter-spacing:-.02em;font-size:42px;font-weight:700}.pact-count small{font-size:13px;font-weight:500}.pact-bars{gap:5px;margin-top:8px;display:flex}.pact-bars i{background:color-mix(in srgb,var(--ink) 30%,var(--fill));border-radius:999px;flex:1;height:9px}.pact-bars i.kept{background:var(--ink)}@media (width<=1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1050px){.hero{gap:32px;min-height:0;padding-block:20px 64px}.hero h1{font-size:6.4vw}.phone{width:262px}.steps{gap:12px}.feature h3,.step h3{font-size:20px}}@media (width<=820px){.hero{grid-template-columns:1fr;gap:44px;padding-block:16px 52px}.hero h1{font-size:clamp(40px,10vw,64px)}.hero-lead{max-width:100%;font-size:18px}.steps{grid-template-columns:1fr}.features,.how{padding-bottom:56px}.how h2{max-width:100%}.close{padding-bottom:64px}.close-card{padding:36px 20px 40px}.phone{width:250px}}@media (width<=600px){.feature-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.fan{width:290px;height:178px;margin-bottom:26px}.pact-card{width:150px;height:150px;margin-left:-75px;padding:12px}.pact-card:first-child{transform:translate(-72px)rotate(-9deg)}.pact-card:nth-child(2){transform:translate(72px)rotate(8deg)}.pact-card:nth-child(3){top:24px}.pact-card-title{font-size:14px}.pact-badge{width:28px;height:28px}.pact-count{font-size:16px}.pact-count b{font-size:32px}}@media (width<=380px){.phone{width:232px}.screen-switch button{padding:10px 14px;font-size:13px}}