:root { --ink:#24212a; --cream:#f5f1eb; --paper:#fffcf7; --coral:#e87861; --yellow:#ddd5e2; --blue:#71647c; --muted:#655d6b; --line:rgba(36,33,42,.16); }
*{box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.announcement span{color:var(--yellow);margin-left:6px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--coral);color:#fff;border-radius:50% 50% 44% 56%;width:35px;height:35px;font-family:"DM Serif Display";font-style:italic}.nav-links{display:flex;gap:34px;font-size:14px}.nav-links a,.footer a{position:relative}.nav-links a:after,.footer a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:.25s}.nav-links a:hover:after,.footer a:hover:after{right:0}.button{display:inline-flex;align-items:center;gap:18px;border-radius:4px;padding:16px 22px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #20231f25}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink)}.button-small{padding:11px 17px}.menu-button{display:none;background:transparent;border:0;font-size:22px}.hero{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:55px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:11px}.spark{color:var(--coral);font-size:18px;margin-right:8px}.hero h1,.section-heading h2,.cta h2{font:400 clamp(60px,7vw,102px)/.88 "DM Serif Display";letter-spacing:-.045em;margin:27px 0}.hero h1 em,.section-heading h2 em,.cta h2 em{color:var(--coral);font-weight:400}.hero-copy>p{font-size:18px;line-height:1.7;max-width:535px;color:#50534d}.hero-actions{display:flex;align-items:center;gap:28px;margin:33px 0}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding:7px 0}.tiny-proof{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.6}.tiny-proof strong{font-size:12px}.tiny-proof span{color:#70736d}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-left:-5px;border:2px solid var(--cream);background:var(--blue);color:#fff!important;font-weight:700}.avatars span:nth-child(2){background:var(--coral)}.avatars span:nth-child(3){background:var(--yellow);color:var(--ink)!important}.hero-visual{position:relative;min-height:580px}.sun-shape{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--yellow);left:50%;top:50%;transform:translate(-47%,-50%)}.phone{position:absolute;z-index:2;width:286px;height:570px;background:var(--paper);border:8px solid var(--ink);border-radius:36px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(2deg);box-shadow:17px 19px 0 #20231f1b;padding:12px 17px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700;padding:0 4px 17px}.app-head{display:flex;justify-content:space-between;align-items:center}.app-head div{display:flex;flex-direction:column;gap:3px}.app-head small{font-size:7px;letter-spacing:.12em;color:#777}.app-head strong{font-family:"DM Serif Display";font-size:19px}.profile{width:29px;height:29px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.progress-card{background:#f0e8db;border-radius:10px;padding:13px;margin:17px 0}.progress-title{display:flex;justify-content:space-between;font-size:9px}.progress{height:5px;background:#d6cdbc;margin-top:9px;border-radius:10px}.progress i{display:block;width:67%;height:100%;background:var(--coral);border-radius:10px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding:2px 0 8px}.section-title button{border:0;background:var(--ink);color:#fff;border-radius:50%;width:20px;height:20px;line-height:18px;cursor:pointer}.task-list{list-style:none;margin:0;padding:0}.task-list li{min-height:45px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;border-bottom:1px solid var(--line);font-size:10px;gap:5px}.task-list time{color:#999;font-size:8px}.check{width:14px;height:14px;border:1px solid #aaa;background:transparent;border-radius:50%;padding:0;cursor:pointer;color:#fff;font-size:8px;line-height:12px}.check.done{background:var(--coral);border-color:var(--coral)}.check.done+span{text-decoration:line-through;color:#999}.note-dot{font:18px "DM Serif Display";color:var(--coral)}.mood-card{background:#dbe9e6;border-radius:9px;margin-top:13px;padding:11px;font-size:9px}.mood-card div{display:flex;justify-content:space-between;margin-top:8px}.mood-card button{border:0;background:#fff8;border-radius:50%;width:30px;height:30px;cursor:pointer;transition:.2s}.mood-card button:hover,.mood-card button.selected{background:#fff;transform:scale(1.12)}.app-nav{position:absolute;bottom:11px;left:16px;right:16px;display:flex;justify-content:space-around;border-top:1px solid var(--line);padding-top:9px}.app-nav span{display:flex;flex-direction:column;text-align:center;font-size:15px}.app-nav small{font-size:7px;margin-top:2px}.paper-note{position:absolute;z-index:3;right:1%;bottom:65px;background:#fff8ae;width:170px;padding:24px 22px;transform:rotate(7deg);box-shadow:5px 8px 15px #20231f26}.paper-note span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.paper-note strong{font:25px/1.05 "DM Serif Display";display:block;margin:10px 0}.paper-note i{color:var(--coral)}.scribble{position:absolute;font:24px/1.05 "DM Serif Display";transform:rotate(-9deg);left:1%;top:75px}.scribble i{color:var(--coral)}.arrow-doodle{position:absolute;width:115px;left:5%;bottom:68px;fill:none;stroke:var(--ink);stroke-width:2}.ticker{background:var(--coral);color:#fff;padding:17px 0;overflow:hidden;white-space:nowrap;font-size:11px;letter-spacing:.16em;font-weight:700}.ticker div{width:max-content;animation:marquee 20s linear infinite}.ticker b{color:var(--yellow);padding:0 33px}@keyframes marquee{to{transform:translateX(-50%)}}.method{padding:125px 0}.section-heading{text-align:center}.section-heading h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.035em}.section-heading h2 em{color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:75px}.step{position:relative;padding:45px 42px 10px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-number{position:absolute;top:14px;right:15px;font-size:10px;color:#888}.step-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50% 45% 55% 48%;font:25px "DM Serif Display"}.coral{background:#f4b2a4}.yellow{background:#f3d87f}.blue{background:#b7d4d2}.step h3{font:28px "DM Serif Display";margin:24px 0 12px}.step p{font-size:14px;line-height:1.7;color:#656861}.quote-section{background:var(--blue);padding:100px 0;text-align:center}.quote-inner{max-width:850px}.quote-mark{font:80px/0.5 "DM Serif Display";color:#fff}.quote-section blockquote{font:40px/1.25 "DM Serif Display";margin:30px 0}.quote-section p{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.cta{padding:110px 0}.cta-card{position:relative;background:var(--ink);color:#fff;text-align:center;border-radius:8px;padding:85px 20px;overflow:hidden}.cta-card:before,.cta-card:after{content:"";position:absolute;border:1px solid #ffffff22;border-radius:50%;width:400px;height:400px}.cta-card:before{left:-220px;top:-260px}.cta-card:after{right:-220px;bottom:-280px}.cta h2{font-size:clamp(52px,6vw,78px);line-height:.95;margin:25px 0}.cta p{color:#c5c6c3;margin-bottom:30px}.cta-doodle{position:absolute;right:8%;top:25%;font:20px "DM Serif Display";transform:rotate(8deg);color:var(--yellow)}.cta-doodle span{display:block;color:var(--coral)}.footer{min-height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.footer p{color:#777}.footer div{display:flex;gap:25px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
.early-access{display:flex;align-items:center;gap:12px;margin-top:32px;font-size:12px}.early-access>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font:20px "DM Serif Display"}.early-access small{color:#777}.mini-calendar{align-items:center!important;margin-top:7px!important}.mini-calendar b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:8px}.mini-calendar .active{background:var(--coral);color:#fff}
.product-hero{min-height:580px}.product-hero .sun-shape{width:470px;height:470px}.product-window{position:absolute;z-index:2;left:50%;top:50%;width:min(680px,105%);background:#f5f0e9;border:2px solid var(--ink);border-radius:13px;overflow:hidden;box-shadow:18px 22px 0 #20231f1b;transform:translate(-48%,-50%) rotate(1.5deg)}.product-window img{display:block;width:100%;height:auto}.window-bar{height:37px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);font-size:10px}.window-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-family:"DM Serif Display"}.window-controls{margin-left:auto;letter-spacing:.08em}.product-tag{position:absolute;z-index:4;background:var(--paper);border:1px solid var(--ink);box-shadow:4px 5px 0 #20231f20;padding:11px 14px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap}.product-tag span{color:var(--coral);margin-right:5px}.tag-calendar{top:55px;right:-10px;transform:rotate(3deg)}.tag-local{left:-15px;bottom:55px;transform:rotate(-4deg)}.product-hero .paper-note{right:-3%;bottom:8px;width:155px;padding:19px;transform:rotate(5deg)}.product-hero .paper-note strong{font-size:21px}
.journal-section{background:var(--blue);padding:120px 0 95px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.journal-copy h2,.about-copy h2{font:400 clamp(48px,5vw,72px)/.95 "DM Serif Display";letter-spacing:-.04em;margin:25px 0}.journal-copy h2 em{color:#fff;font-weight:400}.journal-copy>p{font-size:16px;line-height:1.75;max-width:520px}.timeline-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.timeline-tabs button{border:1px solid #20231f45;background:transparent;padding:10px 16px;border-radius:99px;cursor:pointer;font-size:12px}.timeline-tabs button.active{background:var(--ink);color:#fff}.calendar-card{background:var(--paper);padding:28px;border:2px solid var(--ink);border-radius:8px;box-shadow:14px 14px 0 #20231f20;transform:rotate(1deg)}.calendar-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.calendar-head span{text-transform:uppercase;font-size:10px;letter-spacing:.12em}.calendar-head strong{font-family:"DM Serif Display"}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:12px;padding:25px 0}.calendar-days span{font-size:9px;color:#888}.calendar-days i{font-style:normal;font-size:11px;width:30px;height:30px;display:grid;place-items:center;margin:auto}.calendar-days .selected{border-radius:50%;background:var(--coral);color:#fff}.planning-note{background:#f0e8db;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:7px}.planning-note small{font-size:8px;letter-spacing:.12em}.planning-note strong{font:22px "DM Serif Display"}.planning-note p{font-size:10px;color:#777;margin:0}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:90px}.feature-row article{border-top:1px solid #20231f55;padding-top:20px}.feature-row article>span{font-size:10px}.feature-row h3{font:27px "DM Serif Display";margin:22px 0 10px}.feature-row p{font-size:13px;line-height:1.7;margin:0}.about{padding:120px 0 10px}.about-card{display:grid;grid-template-columns:.6fr 1.4fr;background:#fff8ae;min-height:450px;padding:70px;align-items:center;gap:70px;transform:rotate(-.4deg);box-shadow:10px 12px 0 #20231f12}.founder-mark{width:220px;height:220px;border-radius:50%;background:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(-6deg)}.founder-mark span{font:100px/.7 "DM Serif Display"}.founder-mark small{text-transform:uppercase;letter-spacing:.1em;font-size:9px;margin-top:17px;text-align:center}.about-copy{max-width:620px}.about-copy h2{font-size:60px}.about-copy p{line-height:1.75;color:#4f514d}.about-copy .button{margin-top:15px}
@media(max-width:850px){.nav-links,.nav>.button{display:none}.menu-button{display:block}.nav.open{height:auto;padding:22px 0;align-items:flex-start;flex-wrap:wrap}.nav.open .nav-links{display:flex;order:3;width:100%;flex-direction:column;padding-top:25px}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.early-access{justify-content:center}.hero-visual{margin-top:35px}.scribble{left:0}.paper-note{right:0}.steps,.journal-grid,.feature-row,.about-card{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding-inline:15px}.journal-grid{gap:60px}.feature-row{gap:30px}.about-card{text-align:center;padding:55px 30px;gap:40px}.founder-mark{margin:auto}.footer{padding:35px 0;flex-direction:column;gap:22px}.cta-doodle{display:none}}
@media(max-width:520px){.shell{width:min(100% - 28px,1180px)}.hero h1{font-size:55px}.hero-actions{flex-direction:column;gap:13px}.hero-visual{min-height:530px;transform:scale(.9);margin-inline:-20px}.sun-shape{width:360px;height:360px}.scribble,.arrow-doodle{display:none}.paper-note{width:145px;right:-5%;bottom:35px}.method{padding:85px 0}.journal-section{padding:85px 0 70px}.journal-copy h2,.about-copy h2{font-size:47px}.calendar-card{padding:20px}.feature-row{margin-top:65px}.about{padding-top:80px}.about-card{padding:45px 20px}.founder-mark{width:180px;height:180px}.footer div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Jott.it brand lockup */
.brand{display:flex;align-items:center;gap:10px;font-size:inherit;font-weight:inherit;letter-spacing:normal}
.logo-icon{display:block;width:34px;height:34px;object-fit:contain}
.logo-text{font-size:32px;font-family:"Kalam",sans-serif;font-weight:800;line-height:1;transform:translateY(4px)}

/* Digital stationery palette */
.hero-copy>p,.step p,.about-copy p,.early-access small,.footer p{color:var(--muted)}
.coral{background:#efb1a5}
.yellow{background:var(--yellow)}
.blue{background:#c8bdcf}
.progress-card,.planning-note{background:#eee8ef}
.calendar-card,.product-window{background:var(--paper)}
.journal-section{background:var(--yellow)}
.journal-copy h2 em{color:var(--blue)}
.about-card{background:#e5dde8}
.founder-mark{background:var(--blue)}
.timeline-tabs button{border-color:#71647c66}
.product-tag{border-color:var(--blue)}
.product-window{border-color:var(--ink);box-shadow:18px 22px 0 #71647c24}
.calendar-card{border-color:var(--ink);box-shadow:14px 14px 0 #71647c24}
.cta-card{background:var(--ink)}
.hero h1{font-family:"DM Sans",sans-serif;font-weight:600;letter-spacing:-.065em}
.hero h1 em{font-family:inherit;font-weight:600;font-style:italic}
.principle-list{grid-template-columns:1fr;margin-top:0;border-top:1px solid var(--line)}
.principle-list .step{display:grid;grid-template-columns:minmax(230px,.75fr) 1fr;gap:50px;align-items:center;padding:42px 12px;border-right:0;border-bottom:1px solid var(--line)}
.principle-list .step-number{position:static;font-size:11px;color:var(--muted);align-self:center}
.principle-list .step h3{margin:0;font-size:30px}
.principle-list .step p{margin:0;max-width:520px}
@media(max-width:700px){.principle-list .step{grid-template-columns:1fr;gap:12px;padding:32px 4px}.principle-list .step h3{font-size:25px}.principle-list .step p{grid-column:auto}}
.founder-photo{position:relative;width:100%;max-width:330px;aspect-ratio:1;margin:0 auto;transform:rotate(-3deg)}
.founder-photo:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:2px solid var(--blue);border-radius:48% 52% 46% 54%;z-index:-1}
.founder-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:48% 52% 46% 54%;filter:saturate(.88) contrast(.98)}
.hero{padding-bottom:55px}
.method{padding-top:72px;padding-bottom:82px}
.principle-list{border-top:0}
.principle-list .step{display:block;padding:26px 0;border-bottom:0}
.principle-list .step h3{margin:0 0 10px}
.principle-list .step p{margin:0;max-width:650px}
.hero-benefits{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:25px 0 28px}
.benefit-tag{display:inline-flex;align-items:center;background:var(--paper);border:1px solid var(--blue);box-shadow:3px 3px 0 #71647c18;padding:9px 13px;border-radius:99px;font-size:10px;font-weight:700;line-height:1.35}
.benefit-tag span{color:var(--coral);margin-right:7px;font-size:12px}
.hero-benefits+.hero-actions{margin-top:0}
@media(max-width:850px){.hero-benefits{align-items:center}.benefit-tag{text-align:left}}

/* Ownership and privacy product shell */
.principle-shell{width:min(1240px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:90px;margin-top:35px;margin-bottom:80px;padding:82px 92px;border-radius:12px;background:var(--cream);color:var(--ink);overflow:hidden;position:relative}
.principle-shell .principle-list{position:relative;z-index:1;margin:0}
.principle-shell .principle-list .step{padding:22px 0;border-bottom:1px solid var(--line)}
.principle-shell .principle-list .step:first-child{padding-top:0}
.principle-shell .principle-list .step:last-child{padding-bottom:0;border-bottom:0}
.principle-shell .principle-list h3{font:600 21px/1.25 "DM Sans",sans-serif;color:var(--ink);margin-bottom:7px}
.principle-shell .principle-list p{font-size:16px;line-height:1.55;color:var(--muted);max-width:620px}
.principle-product{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.principle-icon{width:180px;height:180px;display:grid;place-items:center;border:1px solid var(--line);border-radius:44px;background:var(--yellow);box-shadow:0 24px 55px #71647c24}
.principle-icon img{width:82px;height:82px;object-fit:contain}
.principle-brand{font-size:46px;margin:32px 0 30px;transform:none;color:var(--ink)}
.principle-product>strong{font-size:16px;margin-bottom:8px}
.principle-product>a{font-size:16px;font-weight:700;color:var(--blue);border-bottom:1px solid transparent;transition:.2s}
.principle-product>a:hover{border-color:currentColor}.principle-product>a span{margin-left:5px}
@media(max-width:900px){.principle-shell{grid-template-columns:1fr;gap:65px;padding:65px 50px}.principle-product{border-top:1px solid var(--line);padding-top:55px}}
@media(max-width:520px){.principle-shell{width:calc(100% - 28px);padding:48px 24px;margin-top:22px}.principle-icon{width:140px;height:140px;border-radius:34px}.principle-icon img{width:64px;height:64px}.principle-brand{font-size:40px;margin:25px 0 22px}.principle-shell .principle-list p{font-size:15px}}

/* Digital bullet journal showcase */
.journal-section{position:relative;background:var(--paper);padding:90px 0 115px;overflow:hidden}
.journal-section:after{content:"";position:absolute;right:-120px;bottom:-180px;width:650px;height:650px;border-radius:50%;background:#e8786110;filter:blur(12px);pointer-events:none}
.journal-heading{position:relative;z-index:1;text-align:center;max-width:920px}
.journal-heading .eyebrow{color:var(--coral);font-size:12px}
.journal-heading h2{font:700 clamp(36px,4vw,56px)/1.08 "DM Sans",sans-serif;letter-spacing:-.045em;margin:14px 0 25px}
.journal-heading p{max-width:780px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.75}
.journal-showcase{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;margin-top:85px}
.journal-feature-list{display:flex;flex-direction:column;gap:36px}
.journal-feature-list article{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.journal-feature-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--coral);color:#fff;font-size:12px;font-weight:700;margin-top:1px}
.journal-feature-list h3{font:600 17px/1.35 "DM Sans",sans-serif;margin:0 0 7px}
.journal-feature-list p{color:var(--muted);font-size:14px;line-height:1.75;margin:0;max-width:520px}
.journal-preview-stack{position:relative;min-height:520px}
.month-preview{position:absolute;left:2%;top:0;width:76%;height:390px;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #24212a1c;transform:rotate(-2deg)}
.month-preview img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
.day-preview{position:absolute;right:0;bottom:0;width:52%;min-height:350px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #24212a24;transform:rotate(2deg);font-size:11px}
.day-preview-head{display:flex;gap:8px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:12px}.day-preview-head span{color:var(--coral)}
.day-quote{border-left:3px solid var(--coral);padding:10px 0 10px 12px;color:var(--muted);font-style:italic;line-height:1.5}
.day-preview small{display:block;color:var(--coral);font-size:8px;font-weight:700;letter-spacing:.1em;margin-top:18px}
.day-preview ul{list-style:none;padding:0;margin:8px 0}.day-preview li{padding:6px 0;border-bottom:1px solid var(--line)}.day-preview li span{color:var(--coral);margin-right:6px}.day-preview>p:last-child{color:var(--muted);line-height:1.5}
@media(max-width:900px){.journal-showcase{grid-template-columns:1fr;gap:65px}.journal-feature-list{max-width:680px;margin:auto}.journal-preview-stack{width:min(680px,100%);margin:auto}}
@media(max-width:560px){.journal-section{padding:75px 0 85px}.journal-heading h2{font-size:38px}.journal-showcase{margin-top:55px}.journal-preview-stack{min-height:430px}.month-preview{width:88%;height:310px}.day-preview{width:64%;min-height:300px;padding:18px}.journal-feature-list{gap:30px}}

/* Bullet-journal dot grid */
body,.principle-shell,.journal-section{
  background-image:radial-gradient(circle,rgba(113,100,124,.2) 1px,transparent 1.15px);
  background-size:20px 20px;
  background-position:0 0;
}