/* ---------- Brand tokens ---------- */
.daybreak{
    --pink:        #FF5B85;
    --pink-soft:   #FFB8CB;
    --pink-tint:   #FFF1F5;
    --blue:        #4A90E2;
    --blue-deep:   #2F6FCB;
    --blue-tint:   #EFF5FE;
    --gold:        #F5B83A;
    --gold-tint:   #FFF6E3;
    --mint:        #3FCBA0;
    --mint-tint:   #E9FAF3;
    --grape:       #8B5CF6;
    --grape-tint:  #F2EDFE;
    --coral:       #FF8A5B;
    --sun:         #FFD45E;
    --sky:         #A8DAFF;
    --ink:         #11162A;
    --ink-soft:    #4A5066;
    --ink-mute:    #7A8095;
    --line:        #ECEEF4;
    --bg:          #FBFAF7;
    --card:        #FFFFFF;
    --shadow-sm:   0 2px 8px rgba(17,22,42,.04), 0 1px 2px rgba(17,22,42,.04);
    --shadow-md:   0 12px 32px rgba(17,22,42,.07), 0 2px 6px rgba(17,22,42,.04);
    --shadow-lg:   0 24px 60px rgba(17,22,42,.10), 0 6px 14px rgba(17,22,42,.05);
    --radius-sm:   10px;
    --radius:      18px;
    --radius-lg:   28px;
    --container:   1200px;
    --ease:        cubic-bezier(.2,.7,.2,1);
}

/* ---------- Reset ---------- */
.daybreak *,.daybreak *::before,.daybreak *::after{box-sizing:border-box}
.daybreak{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.daybreak{
    margin:0;
    font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}
.daybreak section{height:auto}
.daybreak img{max-width:100%;display:block}
.daybreak a{color:inherit;text-decoration:none}
.daybreak button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.daybreak h1,.daybreak h2,.daybreak h3,.daybreak h4{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0}
.daybreak p{margin:0}

.daybreak .container{max-width:var(--container);margin:0 auto;padding:0 28px}

/* ---------- Buttons ---------- */
.daybreak .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 26px;border-radius:8px;
    font-weight:700;font-size:16px;letter-spacing:0;
    line-height:1;text-decoration:none;
    border:2px solid transparent;
    transition:transform .2s var(--ease), background .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
    white-space:nowrap;
}
.daybreak .btn i{font-size:.92em;line-height:1}
.daybreak .btn-primary{
    background:var(--pink);color:#fff;
    box-shadow:0 2px 0 #D83F69, 0 6px 20px rgba(255,91,133,.28);
}
.daybreak .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 0 #D83F69, 0 10px 24px rgba(255,91,133,.34)}
.daybreak .btn-primary:active{transform:translateY(1px);box-shadow:0 1px 0 #D83F69, 0 2px 8px rgba(255,91,133,.24)}
.daybreak .btn-ghost{
    background:transparent;color:var(--ink);
    border:2px solid var(--ink);
}
.daybreak .btn-ghost:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.daybreak .btn-link{
    color:var(--blue-deep);font-weight:700;display:inline-flex;align-items:center;gap:.4rem;
}
.daybreak .btn-link i{transition:transform .25s var(--ease)}
.daybreak .btn-link:hover i{transform:translateX(4px)}

/* ---------- Top nav ---------- */
.daybreak .nav{
    position:sticky;top:0;z-index:50;
    background:rgba(251,250,247,.82);
    backdrop-filter:saturate(160%) blur(14px);
    -webkit-backdrop-filter:saturate(160%) blur(14px);
    border-bottom:1px solid rgba(17,22,42,.06);
}
.daybreak .nav-row{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:24px;
    padding:18px 0;
}
.daybreak .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.01em}
.daybreak .brand-logo-img{display:block;height:38px;width:auto}
.daybreak .nav-links{display:flex;align-items:center;justify-self:center;gap:32px}
.daybreak .nav-links a{font-weight:600;font-size:14.5px;color:var(--ink-soft);transition:color .2s}
.daybreak .nav-links a:hover{color:var(--ink)}
.daybreak .nav-cta{display:flex;align-items:center;gap:14px}
.daybreak .nav-cta .btn{padding:11px 18px;font-size:14px}
.daybreak .nav-login{font-weight:600;font-size:14.5px;color:var(--ink-soft)}
.daybreak .nav-login:hover{color:var(--ink)}
@media (max-width:860px){
    .daybreak .nav-row{grid-template-columns:auto 1fr}
    .daybreak .nav-links{display:none}
    .daybreak .nav-login{display:none}
}

/* ---------- Hero ---------- */
.daybreak .hero{
    position:relative;padding:80px 0 110px;overflow:hidden;
    background:
        radial-gradient(900px 500px at 88% -10%, rgba(255,91,133,.16), transparent 60%),
        radial-gradient(700px 400px at -5% 35%, rgba(74,144,226,.14), transparent 60%),
        radial-gradient(500px 300px at 50% 100%, rgba(245,184,58,.10), transparent 60%);
}
.daybreak .hero h1{
    font-size:clamp(40px,5.4vw,74px);font-weight:600;
    margin:22px 0 22px;
}
.daybreak .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.daybreak .hero-trust{
    margin-top:34px;display:flex;align-items:center;gap:18px;color:var(--ink-mute);font-size:13.5px;
}
.daybreak .avatar-stack{display:flex}
.daybreak .avatar-stack span{
    width:32px;height:32px;border-radius:50%;border:2.5px solid var(--bg);margin-left:-10px;
    overflow:hidden;flex:0 0 auto;
    background:linear-gradient(135deg,var(--pink-soft),var(--blue));
}
.daybreak .avatar-stack span:nth-child(1){background:linear-gradient(135deg,#FF8FA6,#FF5B85);margin-left:0}
.daybreak .avatar-stack span:nth-child(2){background:linear-gradient(135deg,#FFD58A,#F5B83A)}
.daybreak .avatar-stack span:nth-child(3){background:linear-gradient(135deg,#7FC0FA,#4A90E2)}
.daybreak .avatar-stack span:nth-child(4){background:linear-gradient(135deg,#9CECCB,#3FCBA0)}
.daybreak .avatar-stack img{width:100%;height:100%;display:block;object-fit:cover}
.daybreak .hero-kicker{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Caveat',cursive;font-size:25px;color:var(--pink);font-weight:700;
    transform:rotate(-2deg);margin-bottom:12px;
}
.daybreak .hero-kicker svg{
    width:54px;height:24px;
    overflow:visible;flex:0 0 auto;
}
.daybreak .hero h1 .line{display:block}
.daybreak .strike{
    position:relative;display:inline-block;color:var(--ink-mute);
}
.daybreak .strike::after{
    content:"";position:absolute;left:-4%;right:-4%;top:54%;height:3px;
    background:var(--pink);transform:rotate(-2deg);border-radius:999px;
}
.daybreak .hero-deck{
    /*font-family:'Fraunces',Georgia,serif;font-weight:500;font-style:italic;*/
    font-size:clamp(21px,2.35vw,24px);line-height:1.35;color:var(--ink-soft);
    max-width:780px;margin-bottom:30px;letter-spacing:0;
}
.daybreak .hero-deck strong{color:var(--ink);font-weight:700}
/*.daybreak .hero-deck em{color:var(--pink)}*/

@media (max-width:960px){
    .daybreak .hero{padding:50px 0 80px}
}

/* ---------- Intro ---------- */
.daybreak .intro{
    background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:72px 0;
}
.daybreak .intro-wrap{
    display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;
}
.daybreak .intro-copy h2{
    font-size:clamp(30px,3.8vw,48px);margin-bottom:18px;
}
.daybreak .intro-copy h2 em{font-style:italic;color:var(--pink)}
.daybreak .intro-copy p{
    font-size:18px;color:var(--ink-soft);max-width:680px;
}
.daybreak .intro-copy p + p{margin-top:16px}
.daybreak .intro-shot{
    --sample-amber:#F5A12A;
    --sample-amber-light:#FFF1D5;
    --sample-blue:#4A90E2;
    --sample-green:#3FCBA0;
    --sample-pink:#FF5B85;
    --sample-bg:#FFFDF8;
}
.daybreak .intro-shot .goals-panel{
    transform:rotate(1.2deg);
}
@media (max-width:880px){
    .daybreak .intro-wrap{grid-template-columns:1fr;gap:30px}
    .daybreak .intro-copy{text-align:center}
    .daybreak .intro-copy p{margin-left:auto;margin-right:auto}
}

/* ---------- Section common ---------- */
.daybreak section.block{padding:110px 0}
.daybreak section.halfblock{padding:55px 0}
.daybreak .section-head{max-width:740px;margin:0 auto 62px;text-align:center}
.daybreak .section-eyebrow{
    display:inline-block;font-family:'Caveat',cursive;font-size:28px;color:var(--pink);
    transform:rotate(-2deg);margin-bottom:6px;
}
.daybreak .section-title{font-size:clamp(30px,3.6vw,46px);margin-bottom:14px}
.daybreak .section-sub{font-size:17px;color:var(--ink-soft)}
.daybreak .title-highlight{color:var(--pink);font-style:normal}

/* ---------- How it works ---------- */
.daybreak .how-section{
    background:linear-gradient(180deg,#FFFDF8 0%, var(--bg) 100%);
}
.daybreak .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.daybreak .step{
    background:var(--card);border-radius:var(--radius-lg);padding:36px 30px;
    border:1px solid var(--line);box-shadow:var(--shadow-sm);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    position:relative;
}
.daybreak .step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.daybreak .step-num{
    font-family:'Fraunces',serif;font-weight:600;font-size:42px;
    background:linear-gradient(135deg,var(--pink),var(--gold));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    line-height:1;margin-bottom:14px;
}
.daybreak .step-icon{
    width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
    color:#fff;font-size:18px;margin-bottom:18px;float:right;margin-top:-58px;
}
.daybreak .step:nth-child(1) .step-icon{background:linear-gradient(135deg,var(--pink),#FF8FA6)}
.daybreak .step:nth-child(2) .step-icon{background:linear-gradient(135deg,var(--blue),var(--blue-deep))}
.daybreak .step:nth-child(3) .step-icon{background:linear-gradient(135deg,var(--mint),#2DAE85)}
.daybreak .step h3{font-size:22px;margin-bottom:10px}
.daybreak .step p{color:var(--ink-soft);font-size:15.5px}
@media (max-width:880px){.daybreak .steps{grid-template-columns:1fr}}

/* ---------- Popular categories ---------- */
.daybreak .category-section{
    background:linear-gradient(180deg,#FFFDF8 0%, var(--bg) 100%);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.daybreak .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.daybreak .category-card{
    position:relative;border-radius:var(--radius-lg);
    background:#fff;border:1.5px solid var(--line);
    padding:30px 24px;text-align:center;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .2s;
}
.daybreak .category-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-md);border-color:transparent}
.daybreak .category-icon{
    width:72px;height:72px;border-radius:22px;margin:0 auto 16px;
    display:grid;place-items:center;font-size:28px;color:var(--ink);
    background:var(--pink-tint);
    transition:transform .4s var(--ease);
}
.daybreak .category-card:hover .category-icon{transform:rotate(-8deg) scale(1.05)}
.daybreak .category-card:nth-child(1) .category-icon{background:var(--blue-tint);color:var(--blue-deep)}
.daybreak .category-card:nth-child(2) .category-icon{background:var(--pink-tint);color:var(--pink)}
.daybreak .category-card:nth-child(3) .category-icon{background:var(--gold-tint);color:#A77800}
.daybreak .category-card:nth-child(4) .category-icon{background:var(--mint-tint);color:var(--mint)}
.daybreak .category-card:nth-child(5) .category-icon{background:var(--grape-tint);color:var(--grape)}
.daybreak .category-card:nth-child(6) .category-icon{background:#FFF0E8;color:var(--coral)}
.daybreak .category-card h3{font-size:20px;margin-bottom:6px}
.daybreak .category-card p{font-size:14px;color:var(--ink-soft);margin-bottom:0}
@media (max-width:880px){.daybreak .category-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.daybreak .category-grid{grid-template-columns:1fr}}

/* ---------- Challenges ---------- */
.daybreak .challenges{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:22px}
.daybreak .challenge{
    position:relative;border-radius:var(--radius-lg);padding:34px 32px;overflow:hidden;
    border:1px solid rgba(17,22,42,.06);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    min-height:230px;display:flex;flex-direction:column;justify-content:space-between;
}
.daybreak .challenge:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.daybreak .c-hero{
    grid-column:1/2;grid-row:1/3;
    background:linear-gradient(135deg,#1B2347 0%, #2A3470 60%, #4A90E2 120%);
    color:#fff;
}
.daybreak .c-hero::after{
    content:"101";position:absolute;right:-30px;bottom:-60px;
    font-family:'Fraunces',serif;font-weight:700;font-size:280px;line-height:1;
    color:rgba(255,255,255,.06);letter-spacing:-.04em;
}
.daybreak .c-hero .badge{background:rgba(255,255,255,.14);color:#fff}
.daybreak .c-hero h3{font-size:34px;color:#fff;margin:18px 0 10px}
.daybreak .c-hero p{color:rgba(255,255,255,.78);font-size:15.5px;max-width:340px}
.daybreak .c-hero .btn-link{color:var(--gold);position:relative;z-index:1;margin-top:22px}

.daybreak .challenge .badge{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:700;
    background:var(--pink-tint);color:var(--pink);letter-spacing:.04em;text-transform:uppercase;
    align-self:flex-start;
}
.daybreak .c-52{background:linear-gradient(160deg,#FFF6E8,#FFE9C2)}
.daybreak .c-52 .badge{background:rgba(245,184,58,.2);color:#A77800}
.daybreak .c-52 h3{font-size:24px;margin:12px 0 6px}
.daybreak .c-52 p{color:var(--ink-soft);font-size:14.5px}

.daybreak .c-30{background:linear-gradient(160deg,#FFEAF1,#FFD0DE)}
.daybreak .c-30 .badge{background:rgba(255,91,133,.2);color:var(--pink)}
.daybreak .c-30 h3{font-size:24px;margin:12px 0 6px}
.daybreak .c-30 p{color:var(--ink-soft);font-size:14.5px}
.daybreak .challenge-corner-icon{
    position:absolute;right:24px;top:24px;font-size:32px;line-height:1;
}
.daybreak .c-52 .challenge-corner-icon{color:rgba(167,120,0,.25)}
.daybreak .c-30 .challenge-corner-icon{color:rgba(255,91,133,.35)}

.daybreak .c-custom{
    grid-column:2/4;grid-row:2/3;
    background:linear-gradient(135deg,#EAF2FE,#D8E6FB);
    display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;
}
.daybreak .c-custom .badge{background:rgba(74,144,226,.2);color:var(--blue-deep)}
.daybreak .c-custom h3{font-size:22px;margin:10px 0 6px}
.daybreak .c-custom p{color:var(--ink-soft);font-size:14.5px;max-width:320px}
.daybreak .c-custom .ico-big{
    width:84px;height:84px;border-radius:24px;display:grid;place-items:center;
    background:#fff;color:var(--blue-deep);font-size:32px;box-shadow:var(--shadow-sm);
}

@media (max-width:980px){
    .daybreak .challenges{grid-template-columns:1fr 1fr}
    .daybreak .c-hero{grid-column:1/3;grid-row:auto}
    .daybreak .c-custom{grid-column:1/3;grid-row:auto}
}
@media (max-width:600px){
    .daybreak .challenges{grid-template-columns:1fr}
    .daybreak .c-hero,.daybreak .c-custom{grid-column:auto}
    .daybreak .c-custom{grid-template-columns:1fr}
    .daybreak .c-custom .ico-big{display:none}
}

/* ---------- Inspiration Jar ---------- */
.daybreak .jar-section{
    background:linear-gradient(135deg,#F4FFF8 0%, #EAF8FF 46%, #FFF4E7 100%);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    overflow:hidden;position:relative;
}
.daybreak .jar-section::before{
    content:"";position:absolute;inset:0;
    background:
        radial-gradient(620px 340px at 8% 10%, rgba(63,203,160,.15), transparent 60%),
        radial-gradient(560px 320px at 100% 0%, rgba(74,144,226,.12), transparent 58%),
        radial-gradient(520px 300px at 78% 100%, rgba(245,184,58,.14), transparent 60%);
    pointer-events:none;
}
.daybreak .jar-section::after{
    content:"";position:absolute;inset:0;
    background-image:radial-gradient(rgba(17,22,42,.035) 1px, transparent 1px);
    background-size:22px 22px;
    pointer-events:none;
}
.daybreak .jar-wrap{
    display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
    max-width:1000px;margin:0 auto;position:relative;z-index:1;
}
.daybreak .jar-visual{
    position:relative;display:flex;justify-content:center;align-items:flex-start;
    padding:20px;
}

/* Jar card: matches page card aesthetic */
.daybreak .jar-card{
    background:#fff;border-radius:var(--radius-lg);
    padding:34px 30px 26px;
    box-shadow:var(--shadow-lg);
    border:1px solid rgba(17,22,42,.05);
    transform:rotate(-1.8deg);
    width:100%;max-width:360px;
    position:relative;
}
.daybreak .jar-card-head{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:20px;
}
.daybreak .jar-card-title{
    font-family:'Caveat',cursive;font-size:28px;font-weight:700;
    color:var(--ink);line-height:1;
}
.daybreak .jar-card-title small{
    display:block;font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11px;font-weight:800;letter-spacing:.16em;
    text-transform:uppercase;color:var(--pink);margin-bottom:4px;
}
.daybreak .jar-count-pill{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--pink-tint);color:var(--pink);
    padding:6px 12px;border-radius:999px;
    font-size:12px;font-weight:700;white-space:nowrap;
}

/* Soft gradient bowl that houses the paper slip */
.daybreak .jar-bowl{
    position:relative;
    background:linear-gradient(160deg,var(--pink-tint) 0%,#fff 55%,var(--blue-tint) 100%);
    border-radius:12px 12px 28px 28px;
    border:1.5px solid var(--line);
    padding:30px 18px 24px;
    margin-bottom:16px;
    min-height:195px;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
}
/* Glass shine at top */
.daybreak .jar-bowl::before{
    content:"";position:absolute;top:0;left:0;right:0;height:56px;
    background:linear-gradient(180deg,rgba(255,255,255,.68) 0%,transparent 100%);
    border-radius:12px 12px 0 0;pointer-events:none;
}
/* Paper slip: the goal output */
.daybreak .paper-slip{
    position:relative;width:100%;max-width:252px;
    background:#FDFCF9;
    border-radius:3px;
    padding:22px 18px 20px;
    box-shadow:0 8px 26px rgba(17,22,42,.14),0 2px 6px rgba(17,22,42,.07);
    border:1px solid rgba(17,22,42,.08);
    transform:rotate(-1.5deg);
    /* Ruled-paper lines */
    background-image:repeating-linear-gradient(
        transparent,transparent 24px,
        rgba(74,144,226,.11) 24px,rgba(74,144,226,.11) 25px
    );
    background-position:0 38px;
}
/* Tape holding the slip */
.daybreak .paper-slip::before{
    content:"";position:absolute;top:-9px;left:50%;
    transform:translateX(-50%) rotate(-1deg);
    width:50px;height:18px;
    background:rgba(255,212,94,.78);border-radius:3px;
    box-shadow:0 2px 6px rgba(17,22,42,.1);
}
/* Folded corner */
.daybreak .paper-slip::after{
    content:"";position:absolute;bottom:0;right:0;
    width:28px;height:28px;
    background:linear-gradient(135deg,rgba(17,22,42,.14) 0 1px,#F0EDE7 1px,#FDFCF9 100%);
    clip-path:polygon(100% 0,100% 100%,0 100%);
    border-radius:0 0 3px 0;
    box-shadow:-2px -2px 5px rgba(17,22,42,.08);
}
.daybreak .paper-emoji{font-size:30px;display:block;line-height:1;margin-bottom:10px}
.daybreak .paper-text{
    font-family:'Caveat',cursive;font-size:21px;font-weight:700;
    color:var(--ink);line-height:1.35;
}

/* Peeking slips behind the main one */
.daybreak .jar-peeks{
    position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    display:flex;gap:10px;align-items:flex-end;
    pointer-events:none;
}
.daybreak .jar-peek{
    width:40px;height:30px;
    background:#fff;border:1.5px solid var(--line);
    border-radius:3px 3px 0 0;box-shadow:var(--shadow-sm);opacity:.5;
}
.daybreak .jar-peek:nth-child(1){transform:rotate(-11deg) translateY(4px);background:#FFF8EC}
.daybreak .jar-peek:nth-child(2){transform:rotate(-2deg);background:#fff}
.daybreak .jar-peek:nth-child(3){transform:rotate(8deg) translateY(3px);background:#FFF1F5}

.daybreak .jar-card-foot{
    text-align:center;font-family:'Caveat',cursive;
    font-size:17px;color:var(--ink-mute);
}

/* Paper animations */
@keyframes paperIn{
    0%  {opacity:0;transform:rotate(-4.5deg) translateY(-32px) scale(.86)}
    55% {transform:rotate(-1.2deg) translateY(5px) scale(1.02)}
    75% {transform:rotate(-1.9deg) translateY(-2px) scale(1)}
    100%{opacity:1;transform:rotate(-1.5deg) translateY(0) scale(1)}
}
@keyframes paperOut{
    0%  {opacity:1;transform:rotate(-1.5deg) translateY(0) scale(1)}
    100%{opacity:0;transform:rotate(7deg) translateY(20px) scale(.85)}
}
.daybreak .paper-slip.leaving {animation:paperOut .22s var(--ease) forwards}
.daybreak .paper-slip.entering{animation:paperIn  .44s var(--ease) forwards}

.daybreak .jar-content h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
.daybreak .jar-content p{font-size:17px;color:var(--ink-soft);margin-bottom:24px;max-width:420px}
.daybreak .jar-cta{display:flex;gap:12px;flex-wrap:wrap}
.daybreak .btn-jar{
    background:var(--ink);color:#fff;
    box-shadow:0 8px 20px rgba(17,22,42,.22);
}
.daybreak .btn-jar:hover{transform:translateY(-2px);background:#000}
.daybreak .btn-jar i{color:var(--gold)}
.daybreak .jar-caption{
    display:block;margin-top:12px;font-family:'Caveat',cursive;font-size:18px;color:var(--grape);
    transform:rotate(-1deg);
}
@media (max-width:860px){.daybreak .jar-wrap{grid-template-columns:1fr;gap:40px} .daybreak .jar-visual{order:-1}}

/* ---------- Why it works ---------- */
.daybreak .why{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.daybreak .why-visual{
    position:relative;border-radius:var(--radius-lg);padding:40px;
    background:linear-gradient(160deg,var(--pink-tint),#FFE7EE 40%, var(--blue-tint) 100%);
    aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
}
.daybreak .notebook{
    width:100%;max-width:380px;background:#fff;border-radius:18px;
    padding:30px 28px;box-shadow:var(--shadow-lg);border:1px solid rgba(17,22,42,.04);
    transform:rotate(2deg);position:relative;
}
.daybreak .notebook::before{
    content:"";position:absolute;left:32px;top:0;bottom:0;width:1px;background:rgba(255,91,133,.25);
}
.daybreak .notebook h4{font-family:'Caveat',cursive;font-size:30px;font-weight:700;margin-bottom:12px;color:var(--ink)}
.daybreak .notebook ul{list-style:none;padding:0;margin:0;font-family:'Caveat',cursive;font-size:22px;line-height:1.5;color:var(--ink-soft)}
.daybreak .notebook li{padding:6px 0;display:flex;align-items:center;gap:10px}
.daybreak .notebook li i{color:var(--mint);font-size:14px}
.daybreak .notebook li.todo i{color:var(--ink-mute)}
.daybreak .notebook li.todo{color:var(--ink-mute)}
.daybreak .sticky-note{
    position:absolute;width:120px;height:120px;background:var(--sun);
    transform:rotate(-8deg);box-shadow:var(--shadow-md);
    padding:14px;font-family:'Caveat',cursive;font-size:18px;color:#5A4400;
    bottom:18px;right:18px;display:flex;align-items:center;justify-content:center;text-align:center;
    line-height:1.15;
}
.daybreak .why-text h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:18px}
.daybreak .why-text > p{font-size:17px;color:var(--ink-soft);margin-bottom:28px}
.daybreak .why-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.daybreak .why-list li{display:flex;gap:14px;align-items:flex-start}
.daybreak .why-list .check{
    width:30px;height:30px;border-radius:9px;background:var(--mint);color:#fff;
    display:grid;place-items:center;font-size:13px;flex-shrink:0;margin-top:2px;
    box-shadow:0 6px 14px rgba(63,203,160,.3);
}
.daybreak .why-list strong{display:block;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:2px}
.daybreak .why-list span{font-size:15px;color:var(--ink-soft)}
@media (max-width:880px){.daybreak .why{grid-template-columns:1fr;gap:50px} .daybreak .why-visual{aspect-ratio:auto;padding:30px}}

/* ---------- Goal panel sample ---------- */
.daybreak .goals-panel{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:30px;
    box-shadow:var(--shadow-lg);
    transform:rotate(1.2deg);
}
.daybreak .panel-head{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:20px;gap:16px;
}
.daybreak .panel-title{
    font-family:'Caveat',cursive;font-size:30px;font-weight:700;color:var(--ink);
    line-height:1;
}
.daybreak .panel-badge{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--gold-tint);color:#A77800;
    font-size:12px;font-weight:700;border-radius:999px;
    padding:7px 12px;white-space:nowrap;
}
.daybreak .goal-row{
    display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;
    padding:12px 0;border-bottom:1px dashed rgba(17,22,42,.10);
}
.daybreak .goal-row:last-of-type{border-bottom:0}
.daybreak .goal-row-text{flex:1;font-size:15px;font-weight:600;color:var(--ink)}
.daybreak .goal-row-text.done{text-decoration:line-through;text-decoration-color:rgba(122,128,149,.45);color:var(--ink-mute);font-weight:500}
.daybreak .goal-status{
    width:24px;height:24px;display:grid;place-items:center;
    font-size:16px;line-height:1;justify-self:end;
}
.daybreak .goal-status.in-progress{color:var(--blue-deep)}
.daybreak .goal-status.not-started{color:#D8DCE7}
.daybreak .goal-status.done{color:var(--sample-green)}
.daybreak .progress-wrap{
    margin-top:22px;background:var(--sample-bg);border:1px solid var(--line);
    border-radius:16px;padding:16px;
}
.daybreak .progress-row{
    display:flex;justify-content:space-between;gap:16px;
    font-size:12px;font-weight:700;color:var(--ink-mute);margin-bottom:8px;
}
.daybreak .pbar{height:9px;background:linear-gradient(90deg,rgba(74,144,226,.14),rgba(139,92,246,.14));border-radius:999px;overflow:hidden}
.daybreak .pfill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0%, #5A7FF1 55%, var(--grape) 100%)}
@media (max-width:900px){
    .daybreak .goals-panel{transform:none}
}
@media (max-width:560px){
    .daybreak .goals-panel{padding:22px}
    .daybreak .panel-head{align-items:flex-start;flex-direction:column}
    .daybreak .progress-row{flex-direction:column;gap:2px}
}

/* ---------- Habit tracker ---------- */
.daybreak .habit-section{
    background:
        radial-gradient(720px 360px at 8% 4%, rgba(63,203,160,.10), transparent 62%),
        radial-gradient(680px 360px at 95% 92%, rgba(139,92,246,.10), transparent 60%),
        var(--bg);
    border-bottom:1px solid var(--line);
}
.daybreak .habit-wrap{
    display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;
}
.daybreak .habit-copy .section-head{
    margin:0;text-align:left;max-width:560px;
}
.daybreak .habit-copy .section-sub{margin-bottom:28px}
.daybreak .cadence-pills{
    display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;
}
.daybreak .cadence-pill{
    display:inline-flex;align-items:center;gap:8px;
    background:#fff;border:1px solid var(--line);border-radius:999px;
    padding:9px 14px;font-size:13px;font-weight:800;color:var(--ink-soft);
    box-shadow:var(--shadow-sm);
}
.daybreak .cadence-pill i{color:var(--pink)}
.daybreak .cadence-pill:nth-child(2) i{color:var(--blue-deep)}
.daybreak .cadence-pill:nth-child(3) i{color:var(--mint)}
.daybreak .habit-highlights{
    list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:520px;
}
.daybreak .habit-highlights li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft);font-size:15.5px}
.daybreak .habit-highlights .check{
    width:26px;height:26px;border-radius:8px;background:var(--mint);color:#fff;
    display:grid;place-items:center;font-size:11px;flex-shrink:0;
    box-shadow:0 6px 14px rgba(63,203,160,.26);
}
.daybreak .habit-board{
    position:relative;
    background:#fff;border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:28px;
    box-shadow:var(--shadow-lg);
    transform:rotate(-1deg);
}
.daybreak .habit-top{
    display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
    margin-bottom:22px;
}
.daybreak .habit-title{
    font-family:'Caveat',cursive;font-size:31px;font-weight:700;color:var(--ink);line-height:1;
}
.daybreak .habit-title small{
    display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;
    color:var(--pink);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;
}
.daybreak .habit-score{
    background:var(--mint-tint);color:#1F8B6A;border-radius:16px;
    padding:10px 12px;text-align:center;font-size:11px;font-weight:800;
    letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
}
.daybreak .habit-score b{
    display:block;font-family:'Fraunces',serif;font-size:28px;line-height:1;color:var(--ink);letter-spacing:-.02em;
}
.daybreak .habit-tabs{
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
    background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:20px;
}
.daybreak .habit-tab{
    border-radius:999px;padding:8px 10px;text-align:center;font-size:12px;font-weight:800;color:var(--ink-mute);
}
.daybreak .habit-tab.active{background:#fff;color:var(--pink);box-shadow:var(--shadow-sm)}
.daybreak .habit-rows{display:grid;gap:12px}
.daybreak .habit-row{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;
    padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;
}
.daybreak .habit-name{display:flex;align-items:center;gap:12px;min-width:0}
.daybreak .habit-icon{
    width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
    color:#fff;font-size:15px;flex-shrink:0;
}
.daybreak .habit-row:nth-child(1) .habit-icon{background:linear-gradient(135deg,var(--pink),#FF8FA6)}
.daybreak .habit-row:nth-child(2) .habit-icon{background:linear-gradient(135deg,var(--blue),var(--blue-deep))}
.daybreak .habit-row:nth-child(3) .habit-icon{background:linear-gradient(135deg,var(--mint),#2DAE85)}
.daybreak .habit-name strong{display:block;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daybreak .habit-name span{display:block;font-size:12px;color:var(--ink-mute);font-weight:700;margin-top:2px}
.daybreak .habit-checks{display:flex;gap:5px;align-items:center}
.daybreak .habit-dot{
    width:18px;height:18px;border-radius:7px;background:var(--bg);border:1px solid var(--line);
    display:grid;place-items:center;color:#fff;font-size:9px;
}
.daybreak .habit-dot.done{background:var(--mint);border-color:var(--mint)}
.daybreak .habit-dot.missed{background:var(--pink-tint);border-color:var(--pink-soft)}
.daybreak .habit-foot{
    margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;
}
.daybreak .habit-stat{
    background:var(--blue-tint);border-radius:16px;padding:14px;
}
.daybreak .habit-stat:nth-child(2){background:var(--gold-tint)}
.daybreak .habit-stat b{display:block;font-family:'Fraunces',serif;font-size:26px;line-height:1;color:var(--ink)}
.daybreak .habit-stat span{font-size:11px;font-weight:800;color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:940px){
    .daybreak .habit-wrap{grid-template-columns:1fr;gap:44px}
    .daybreak .habit-copy .section-head{text-align:center;margin:0 auto}
    .daybreak .cadence-pills{justify-content:center}
    .daybreak .habit-highlights{margin:0 auto}
    .daybreak .habit-board{transform:none}
}
@media (max-width:560px){
    .daybreak .habit-board{padding:22px}
    .daybreak .habit-top{flex-direction:column}
    .daybreak .habit-row{grid-template-columns:1fr;gap:12px}
    .daybreak .habit-checks{justify-content:space-between}
    .daybreak .habit-dot{width:28px;height:28px;border-radius:9px}
    .daybreak .habit-foot{grid-template-columns:1fr}
}

/* ---------- Habit Card Grid (actual-app style) ---------- */
.daybreak .habit-cards{display:grid;gap:14px}
.daybreak .hc-card{
    background:#fff;border:1px solid var(--line);border-radius:14px;
    overflow:hidden;
}
.daybreak .hc-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px 8px;border-bottom:1px solid var(--line);
}
.daybreak .hc-name{
    font-size:13.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:7px;
}
.daybreak .hc-name i{color:var(--ink-mute);font-size:12px}
.daybreak .hc-gear-icon{color:#aaa;font-size:14px;cursor:default}
.daybreak .hc-grid{
    display:grid;grid-template-columns:repeat(7,1fr);
}
.daybreak .hc-dh{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:60px;
    font-size:9.5px;font-weight:700;color:#555;line-height:1.25;
    border-right:1px dotted #e0e0e0;border-bottom:1px dotted #e0e0e0;
    text-transform:uppercase;
}
.daybreak .hc-dh b{display:block;font-size:13px;font-weight:800;color:var(--ink);line-height:1.1}
.daybreak .hc-dh span{display:block;font-size:9px;color:#888}
.daybreak .hc-icon-header{
    display:flex;align-items:center;justify-content:center;
    font-size:14px;color:#aaa;
    height:60px;
    border-right:1px dotted #e0e0e0;border-bottom:1px dotted #e0e0e0;
}
.daybreak .hc-weekend .hc-dh{background:#f5f5f5}
.daybreak .hc-cell{
    height:42px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
    display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:700;color:#bbb;
}
.daybreak .hc-cell.hc-done{
    background:#EFF9FF;border-color:#aadff8;color:#19BBFC;font-size:14px;
}
.daybreak .hc-today .hc-cell{border:2px solid #19BBFC}
.daybreak .hc-streak{color:#6DB466;font-size:13px;font-weight:800;border-right:1px dotted #e0e0e0}
.daybreak .hc-streak-gold{color:#c2a91f;font-size:13px;font-weight:800;border-right:1px dotted #e0e0e0}
.daybreak .hc-longest{color:#999;font-size:13px;font-weight:700}
.daybreak .hc-older{
    padding:7px 14px;font-size:11px;font-weight:700;color:#1D9BF0;
    border-top:1px solid var(--line);cursor:default;
}
.daybreak .hc-older i{margin-right:3px}
@media (max-width:560px){
    .daybreak .hc-grid{grid-template-columns:repeat(7,1fr)}
}

/* ---------- 1001 Days Date ---------- */
.daybreak .days-section{
    background:linear-gradient(135deg,#FFF8EC 0%, #FFE7EE 50%, #EDF4FF 100%);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    overflow:hidden;position:relative;
}
.daybreak .days-section::before{
    content:"";position:absolute;inset:0;
    background-image:
        radial-gradient(rgba(17,22,42,.04) 1px, transparent 1px);
    background-size:20px 20px;
}
.daybreak .days-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.daybreak .days-text h2{font-size:clamp(32px,4vw,52px);margin-bottom:18px}
.daybreak .days-text h2 em{font-style:italic;color:var(--pink)}
.daybreak .days-text > p{font-size:17px;color:var(--ink-soft);margin-bottom:24px;max-width:480px}
.daybreak .days-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:460px}
.daybreak .days-stats .ds{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:14px 10px;text-align:center;box-shadow:var(--shadow-sm);
}
.daybreak .days-stats .ds-num{font-family:'Fraunces',serif;font-size:28px;font-weight:700;color:var(--ink)}
.daybreak .days-stats .ds-num span{color:var(--pink)}
.daybreak .days-stats .ds-label{font-size:11.5px;font-weight:700;color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}

.daybreak .future-card{
    position:relative;background:#fff;border-radius:var(--radius-lg);
    padding:40px 36px;box-shadow:var(--shadow-lg);border:1px solid var(--line);
    transform:rotate(1.5deg);max-width:420px;margin:0 auto;
}
.daybreak .future-card::before,.daybreak .future-card::after{
    content:"";position:absolute;width:12px;height:12px;border-radius:50%;
    background:var(--pink);box-shadow:0 3px 6px rgba(255,91,133,.35);
}
.daybreak .future-card::before{top:18px;left:18px;background:var(--gold);box-shadow:0 3px 6px rgba(245,184,58,.4)}
.daybreak .future-card::after{top:18px;left:38px;background:var(--mint);box-shadow:0 3px 6px rgba(63,203,160,.35)}
.daybreak .future-eyebrow{font-family:'Caveat',cursive;font-size:24px;color:var(--grape);margin-bottom:6px;display:inline-block;transform:rotate(-2deg);margin-top:14px}
.daybreak .future-date{
    font-family:'Fraunces',serif;font-weight:700;font-size:48px;line-height:1.05;
    color:var(--ink);letter-spacing:-.02em;margin:8px 0 14px;
    background:linear-gradient(135deg,var(--pink),var(--gold));
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.daybreak .future-card p{font-size:15px;color:var(--ink-soft);margin-bottom:18px}
.daybreak .future-card .tiny{font-size:13px;color:var(--ink-mute);font-style:italic}
.daybreak .future-card .sig{
    position:absolute;bottom:-14px;right:24px;
    font-family:'Caveat',cursive;font-size:22px;color:var(--pink);transform:rotate(-4deg);
    background:#fff;padding:4px 10px;border-radius:12px;box-shadow:var(--shadow-sm);
}
@media (max-width:880px){.daybreak .days-wrap{grid-template-columns:1fr;gap:40px}}

/* ---------- Feature list preview ---------- */
.daybreak .feature-preview{
    background:
        radial-gradient(680px 340px at 12% 8%, rgba(245,184,58,.10), transparent 62%),
        radial-gradient(620px 340px at 100% 100%, rgba(74,144,226,.10), transparent 60%),
        #fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.daybreak .feature-preview-note{
    max-width:760px;margin:0 auto 58px;text-align:center;
}
.daybreak .feature-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.daybreak .feature-preview-card{
    display:flex;flex-direction:column;color:var(--ink);text-decoration:none;
    transition:transform .35s var(--ease);
}
.daybreak .feature-preview-card:hover{transform:translateY(-6px)}
.daybreak .feature-preview-image{
    aspect-ratio:16/9;border-radius:var(--radius);
    box-shadow:var(--shadow-sm);margin-bottom:22px;position:relative;overflow:hidden;
    background-size:cover;background-position:center;
}
.daybreak .feature-preview-image::before{
    content:"";position:absolute;inset:0;
    background:
        radial-gradient(rgba(255,255,255,.32) 1.2px, transparent 1.2px);
    background-size:22px 22px;opacity:.42;
}
.daybreak .feature-preview-image::after{
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%, rgba(17,22,42,.24));
}
.daybreak .feature-preview-card h3{
    font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;font-weight:800;line-height:1.32;
    color:var(--blue-deep);margin:0 0 12px;letter-spacing:0;
}
.daybreak .feature-preview-card p{font-size:15.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:14px}
.daybreak .feature-preview-goal{
    margin-top:auto;font-size:14px;color:var(--ink);font-weight:700;line-height:1.45;
    background:var(--blue-tint);border-radius:14px;padding:12px 14px;
    display:flex;align-items:center;
}
.daybreak .feature-preview-goal span{
    display:inline-flex;align-items:center;justify-content:center;
    width:20px;height:20px;border-radius:50%;
    background:var(--blue-deep);color:transparent;margin-right:8px;
    position:relative;flex:0 0 auto;
    font-size:0;line-height:0;
}
.daybreak .feature-preview-goal span::before,
.daybreak .feature-preview-goal span::after{
    content:"";position:absolute;left:50%;top:50%;
    background:#fff;border-radius:999px;transform:translate(-50%,-50%);
}
.daybreak .feature-preview-goal span::before{width:9px;height:2.2px}
.daybreak .feature-preview-goal span::after{width:2.2px;height:9px}
.daybreak .feature-preview-card:hover .feature-preview-image{box-shadow:var(--shadow-md)}
@media (max-width:960px){
    .daybreak .feature-preview-grid{grid-template-columns:1fr;gap:42px;max-width:620px;margin:0 auto}
    .daybreak .feature-preview-image{max-height:300px}
}

/* ---------- Sticker Wall ---------- */
.daybreak .wall-section{padding:110px 0;background:var(--bg)}
.daybreak .wall{
    display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px;
    max-width:1000px;margin:0 auto;
}
.daybreak .note{
    position:relative;padding:22px 20px 24px;min-height:140px;
    border-radius:3px;box-shadow:var(--shadow-md);
    font-family:'Caveat',cursive;color:var(--ink);font-size:20px;line-height:1.25;
    display:flex;flex-direction:column;
    transition:transform .3s var(--ease);
}
.daybreak .note:hover{transform:translateY(-4px) rotate(0) scale(1.02)}
.daybreak .note-head{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.daybreak .note-user{
    font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;
    letter-spacing:.05em;text-decoration:none;color:var(--ink);
}
.daybreak .note-goal{
    display:flex;align-items:center;justify-content:center;flex:1;
    text-decoration:none;color:var(--ink);text-align:center;
}
.daybreak .note-place{
    font-family:'Caveat',cursive;
    font-size:.62em;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--ink);
    opacity:.72;
    margin-left:8px;
}
.daybreak .hoverblue{transition:color .2s ease}
.daybreak .hoverblue:hover{color:var(--blue-deep)}
.daybreak .note::before{
    content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(-4deg);
    width:52px;height:16px;background:rgba(255,255,255,.5);border-radius:2px;
    box-shadow:0 1px 3px rgba(17,22,42,.12);
}
.daybreak .note:nth-child(1){background:#FFE773;transform:rotate(-3deg)}
.daybreak .note:nth-child(2){background:#FFB8CB;transform:rotate(2deg)}
.daybreak .note:nth-child(3){background:#A8DAFF;transform:rotate(-2deg)}
.daybreak .note:nth-child(4){background:#C6F0DB;transform:rotate(3deg)}
.daybreak .note:nth-child(5){background:#FFCF9B;transform:rotate(2deg)}
.daybreak .note:nth-child(6){background:#D7CCFF;transform:rotate(-2deg)}
.daybreak .note:nth-child(7){background:#FFD9D9;transform:rotate(3deg)}
.daybreak .note:nth-child(8){background:#B9E7FF;transform:rotate(-3deg)}
.daybreak .note:nth-child(1) .note-user{color:#8A6A00}
.daybreak .note:nth-child(2) .note-user{color:#A74F69}
.daybreak .note:nth-child(3) .note-user{color:#2E6C96}
.daybreak .note:nth-child(4) .note-user{color:#2D7B58}
.daybreak .note:nth-child(5) .note-user{color:#9A5F21}
.daybreak .note:nth-child(6) .note-user{color:#6A55A8}
.daybreak .note:nth-child(7) .note-user{color:#A65D5D}
.daybreak .note:nth-child(8) .note-user{color:#2F7297}
@media (max-width:880px){.daybreak .wall{grid-template-columns:repeat(2,1fr)}}

/* ---------- Polaroid Stories ---------- */
.daybreak .stories-section{
    padding:110px 0;
    background:linear-gradient(180deg,#fff 0%, #FAF6EE 100%);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.daybreak .polaroids{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:0 auto}
.daybreak .polaroid{
    background:#fff;padding:14px;border-radius:4px;
    box-shadow:var(--shadow-lg);border:1px solid rgba(17,22,42,.04);
    position:relative;transition:transform .35s var(--ease);
    display:flex;flex-direction:column;gap:14px;
}
.daybreak .polaroid:hover{transform:rotate(0) translateY(-6px)}
.daybreak .polaroid:nth-child(1){transform:rotate(-2.5deg)}
.daybreak .polaroid:nth-child(2){transform:rotate(1.8deg)}
.daybreak .polaroid:nth-child(3){transform:rotate(-1.2deg)}
.daybreak .polaroid-pic{
    aspect-ratio:1/1;border-radius:3px;position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
}
.daybreak .polaroid-pic::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 60%);
}
.daybreak .polaroid:nth-child(1) .polaroid-pic{background:linear-gradient(135deg,#FFB8CB,#FF5B85)}
.daybreak .polaroid:nth-child(2) .polaroid-pic{background:linear-gradient(135deg,#7FC0FA,#4A90E2)}
.daybreak .polaroid:nth-child(3) .polaroid-pic{background:linear-gradient(135deg,#9CECCB,#3FCBA0)}
.daybreak .polaroid-cap{
    position:static;
    padding:0 2px 2px;text-align:center;
    font-family:'Caveat',cursive;font-size:20px;color:var(--ink);line-height:1.2;
}
.daybreak .polaroid-cap small{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;color:var(--ink-mute);font-weight:600;margin-top:2px;letter-spacing:.02em}
@media (max-width:880px){.daybreak .polaroids{grid-template-columns:1fr;max-width:420px}}

/* ---------- Pricing ---------- */
.daybreak .pricing-section{
    background:
        radial-gradient(620px 340px at 12% 0%, rgba(255,91,133,.10), transparent 60%),
        radial-gradient(560px 300px at 95% 95%, rgba(245,184,58,.12), transparent 62%),
        var(--bg);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.daybreak .pricing-inner{
    display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center;
}
.daybreak .pricing-left .section-head{
    margin:0;text-align:left;max-width:540px;
}
.daybreak .pricing-left .section-sub{margin-bottom:24px}
.daybreak .pricing-cards{
    display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;
}
.daybreak .price-card{
    position:relative;
    background:#fff;border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:30px 26px;
    box-shadow:var(--shadow-sm);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    display:flex;flex-direction:column;
}
.daybreak .price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.daybreak .price-plus{
    background:
        radial-gradient(180px 120px at 88% 4%, rgba(255,255,255,.42), transparent 62%),
        linear-gradient(160deg,#FFF8EC 0%, #FFE7A8 100%);
    border-color:rgba(245,184,58,.42);
}
.daybreak .price-tag{
    display:inline-flex;align-items:center;gap:7px;
    align-self:flex-start;
    padding:6px 12px;border-radius:999px;
    background:var(--pink-tint);color:var(--pink);
    font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    margin-bottom:14px;
}
.daybreak .price-plus .price-tag{background:#fff;color:#A77800}
.daybreak .price-num{
    font-family:'Fraunces',Georgia,serif;
    font-size:clamp(38px,4vw,50px);font-weight:700;letter-spacing:-.02em;
    color:var(--ink);line-height:1;margin-bottom:20px;
}
.daybreak .price-num span{
    font-family:'Plus Jakarta Sans',system-ui,sans-serif;
    font-size:14px;font-weight:700;color:var(--ink-mute);letter-spacing:0;margin-left:4px;
}
.daybreak .price-card ul{
    list-style:none;padding:0;margin:0;
    display:grid;gap:12px;color:var(--ink-soft);font-size:14.5px;line-height:1.45;
}
.daybreak .price-card li{display:flex;gap:10px;align-items:flex-start}
.daybreak .price-card li i{
    width:22px;height:22px;border-radius:7px;background:var(--mint);color:#fff;
    display:grid;place-items:center;font-size:11px;flex-shrink:0;margin-top:0;
    box-shadow:0 6px 14px rgba(63,203,160,.24);
}
.daybreak .plus-ribbon{
    position:absolute;top:-14px;right:20px;
    display:inline-flex;align-items:center;gap:6px;
    background:var(--ink);color:#fff;
    padding:7px 12px;border-radius:999px;
    font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    box-shadow:var(--shadow-sm);
}
.daybreak .plus-ribbon i{color:var(--gold)}
@media (max-width:980px){
    .daybreak .pricing-inner{grid-template-columns:1fr;gap:44px}
    .daybreak .pricing-left .section-head{text-align:center;margin:0 auto}
    .daybreak .pricing-left .btn-link{justify-content:center;width:100%}
}
@media (max-width:680px){
    .daybreak .pricing-cards{grid-template-columns:1fr}
}

/* ---------- Quick answers ---------- */
.daybreak .quick-answers{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.daybreak .faq-list{
    max-width:820px;
    margin:0 auto;
    display:grid;
    gap:14px;
}
.daybreak .faq-list details{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:4px 22px;
    box-shadow:var(--shadow-sm);
    transition:border-color .25s ease, box-shadow .25s var(--ease), transform .25s var(--ease);
}
.daybreak .faq-list details:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.daybreak .faq-list details[open]{
    border-color:rgba(255,91,133,.28);
    box-shadow:var(--shadow-md);
}
.daybreak .faq-list summary{
    list-style:none;
    cursor:pointer;
    padding:18px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    font-weight:800;
    font-size:16px;
    color:var(--ink);
}
.daybreak .faq-list summary::-webkit-details-marker{display:none}
.daybreak .faq-list summary i{
    width:30px;height:30px;border-radius:50%;
    background:var(--pink-tint);
    color:var(--pink);
    display:grid;place-items:center;
    font-size:12px;flex-shrink:0;
    transition:transform .25s var(--ease), background .2s ease, color .2s ease;
}
.daybreak .faq-list details[open] summary i{
    transform:rotate(45deg);
    background:var(--pink);
    color:#fff;
}
.daybreak .faq-list p{
    padding:0 0 20px;
    color:var(--ink-soft);
    font-size:15.5px;
    line-height:1.65;
}

/* ---------- Final CTA ---------- */
.daybreak .cta-wrap{position:relative}
.daybreak .cta{
    margin:0 28px 80px;border-radius:32px;
    background:
        radial-gradient(700px 400px at 12% 18%, rgba(255,255,255,.18), transparent 60%),
        radial-gradient(600px 300px at 90% 90%, rgba(245,184,58,.30), transparent 60%),
        linear-gradient(135deg,#1B2347 0%, #3A2C5E 50%, #FF5B85 130%);
    color:#fff;padding:80px 60px;position:relative;overflow:hidden;
    text-align:center;
}
.daybreak .cta::before{
    content:"";position:absolute;inset:0;
    background-image:
        radial-gradient(rgba(255,255,255,.18) 1.2px, transparent 1.2px);
    background-size:32px 32px;background-position:0 0;
    opacity:.5;pointer-events:none;
}
.daybreak .cta-eyebrow{font-family:'Caveat',cursive;font-size:32px;color:var(--gold);margin-bottom:6px;display:inline-block;transform:rotate(-2deg)}
.daybreak .cta h2{font-size:clamp(34px,4.2vw,56px);color:#fff;margin-bottom:14px;position:relative}
.daybreak .cta h2 em{font-style:italic;color:var(--gold)}
.daybreak .cta p{font-size:18px;color:rgba(255,255,255,.82);max-width:560px;margin:0 auto 30px;position:relative}
.daybreak .cta .btn-primary{
    background:#fff;color:var(--ink);
    box-shadow:0 2px 0 rgba(0,0,0,.55), 0 10px 24px rgba(0,0,0,.24);
    position:relative;z-index:2;
}
.daybreak .cta .btn-primary:hover{transform:translateY(-2px);background:#FFF6F9;box-shadow:0 4px 0 rgba(0,0,0,.55), 0 14px 28px rgba(0,0,0,.28)}
.daybreak .cta .btn-link{color:rgba(255,255,255,.85);margin-left:18px}
.daybreak .cta .btn-link:hover{color:#fff}
.daybreak .cta .micro{
    display:block;margin-top:20px;font-family:'Caveat',cursive;font-size:20px;color:rgba(255,255,255,.85);transform:rotate(-1deg);
}

/* Confetti */
.daybreak .confetti{
    position:absolute;left:50%;top:50%;width:10px;height:14px;border-radius:2px;
    transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;
    z-index:1;
}
.daybreak .confetti.go{
    animation:boom 1.2s var(--ease) forwards;
}
@keyframes boom{
    0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:1}
    100%{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1) rotate(var(--r));opacity:0}
}

@media (max-width:680px){.daybreak .cta{padding:56px 24px;margin:0 16px 60px} .daybreak .cta .btn-link{display:block;margin:18px 0 0}}

/* ---------- Footer ---------- */
.daybreak footer{padding:50px 0 60px;border-top:1px solid var(--line);background:#fff}
.daybreak .foot-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.daybreak .foot-links{display:flex;gap:26px;font-size:14px;color:var(--ink-mute);font-weight:500}
.daybreak .foot-links a:hover{color:var(--ink)}
.daybreak .socials{display:flex;gap:12px}
.daybreak .socials a{
    width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
    background:var(--bg);color:var(--ink-soft);border:1px solid var(--line);
    transition:all .2s ease;
}
.daybreak .socials a:hover{background:var(--pink);color:#fff;border-color:var(--pink);transform:translateY(-2px)}
.daybreak .foot-meta{font-size:13px;color:var(--ink-mute)}

/* ---------- Reveal animation ---------- */
.daybreak .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease), transform .8s var(--ease)}
.daybreak .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
    .daybreak .reveal{opacity:1;transform:none;transition:none}
    .daybreak *{transition:none!important;animation:none!important}
}