:root{color-scheme:light;--ink:#161616;--cream:#f7f2e8;--paper:#fffdfa;--orange:#f4a23a;--soft:#fce7c7;--blue:#c9e8f5;--muted:#777166;--line:#ded6c7;--serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans)}button,a{font:inherit}.site-nav{position:fixed;z-index:20;top:18px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1220px,calc(100% - 36px));padding:10px 12px 10px 20px;border:1px solid rgba(22,22,22,.1);border-radius:999px;background:rgba(255,253,250,.82);box-shadow:0 14px 40px rgba(58,40,18,.08);backdrop-filter:blur(18px);transform:translateX(-50%)}.logo img{display:block;width:137px}.site-nav nav{display:flex;gap:28px}.site-nav a{color:inherit;text-decoration:none;font-size:13px}.nav-actions{display:flex;align-items:center;gap:8px}.text-button{border:0;background:transparent;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;cursor:pointer}.button-dark{color:white;background:var(--ink)}.button-light{color:var(--ink);background:rgba(255,255,255,.6)}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:100svh;padding:150px max(5vw,32px) 70px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(201,232,245,.9),transparent 28%),radial-gradient(circle at 8% 95%,rgba(244,162,58,.26),transparent 28%),var(--cream)}.hero-copy{align-self:center;max-width:760px}.creofyi-pill{display:inline-flex;gap:18px;padding:10px 15px;border:1px solid rgba(22,22,22,.16);border-radius:999px;color:inherit;background:rgba(255,255,255,.45);text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.13em}.hero h1{margin:30px 0 0;font-family:var(--serif);font-size:clamp(68px,7vw,116px);font-weight:400;letter-spacing:-.045em;line-height:.8}.hero h1 em{color:#dc731e;font-weight:400}.hero-copy>p{max-width:620px;margin:34px 0 0;color:#59554d;font-size:18px;line-height:1.55}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-copy>small{display:block;margin-top:16px;color:#888175}.hero-product{position:relative;align-self:center;justify-self:center;width:min(480px,90%)}.phone{position:relative;z-index:2;min-height:710px;padding:20px 22px 85px;border:2px solid var(--ink);border-radius:52px;background:#faf6ec;box-shadow:18px 24px 0 var(--ink),0 40px 100px rgba(47,36,20,.22);transform:rotate(2deg)}.phone-bar{display:flex;justify-content:space-between;font-size:10px}.phone-bar i{width:70px;height:20px;border-radius:20px;background:var(--ink)}.app-head{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.app-head img{width:110px}.app-head button{width:42px;height:42px;border:0;border-radius:50%;background:var(--orange);font-weight:700}.greeting{margin:32px 0 0;color:#777166;font-size:10px;font-weight:700;letter-spacing:.1em}.phone h2{margin:4px 0 0;font-family:var(--serif);font-size:58px;font-weight:400;line-height:1}.date{margin:2px 0 24px;color:#777166}.speak-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid #dfd6c5;border-radius:20px;text-align:left;background:white;box-shadow:0 7px 18px rgba(45,35,20,.08)}.speak-card .mic{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:var(--ink);background:var(--orange)}.speak-card b{display:flex;flex:1;flex-direction:column}.speak-card small{margin-top:3px;color:#857e72;font-weight:400}.speak-card i{font-style:normal}.checkin{margin-top:16px;padding:22px;border-radius:24px;color:white;background:var(--ink)}.checkin small{color:#96938d;letter-spacing:.1em}.checkin strong{display:block;margin-top:14px;font-size:24px}.checkin p{margin:7px 0;color:#9d9992}.checkin>span{display:block;height:6px;margin-top:20px;border-radius:20px;background:#373735}.checkin>span i{display:block;width:58%;height:100%;border-radius:inherit;background:var(--orange)}.phone-tabs{display:flex;margin-top:16px;padding:5px;border:1px solid var(--line);border-radius:999px;background:white}.phone-tabs>*{flex:1;padding:10px;text-align:center}.phone-tabs b{border-radius:99px;background:var(--orange)}.mini-task{display:flex;align-items:center;gap:13px;margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:20px;background:white}.mini-task>i{width:21px;height:21px;border:1.5px solid #c9c1b4;border-radius:50%}.mini-task div{display:flex;flex-direction:column}.mini-task small{margin-top:4px;color:#8c857a}.voice-dock{position:absolute;left:20px;right:20px;bottom:22px;padding:16px;border:0;border-radius:999px;background:var(--orange);font-weight:600}.voice-dock span{margin-right:8px}.cat-companion{position:absolute;z-index:3;top:-35px;right:-38px;width:132px;height:116px}.cat-companion span{position:absolute;inset:20px 12px 0;border:3px solid var(--ink);border-radius:55% 55% 45% 45%;background:var(--orange)}.cat-companion span:before,.cat-companion span:after{content:"";position:absolute;top:-20px;width:38px;height:45px;border:3px solid var(--ink);background:var(--orange);transform:rotate(45deg)}.cat-companion span:before{left:4px}.cat-companion span:after{right:4px}.cat-companion i,.cat-companion b{position:absolute;z-index:2;top:61px;width:8px;height:8px;border-radius:50%;background:var(--ink)}.cat-companion i{left:46px}.cat-companion b{right:46px}@media(max-width:900px){.site-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-product{margin-top:80px}.phone{min-height:680px}}@media(max-width:520px){.site-nav{top:10px;width:calc(100% - 20px);padding-left:14px}.logo img{width:112px}.text-button{font-size:12px;padding:0 2px}.button{min-height:43px;padding:0 15px}.hero{padding:112px 15px 55px}.hero h1{font-size:17vw;line-height:.86}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-product{width:92%;margin-top:65px}.phone{min-height:650px;padding:18px 17px 78px;border-radius:40px;box-shadow:9px 13px 0 var(--ink);transform:rotate(0)}.cat-companion{right:-8px;transform:scale(.78)}.phone h2{font-size:50px}}

.section-copy{display:grid;grid-template-columns:.7fr 1.5fr;gap:45px;align-items:start;max-width:1200px;margin:auto}.section-copy>p,.feature-lead>p,.cat-section>div>p,.privacy-section>div>p{margin:8px 0;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.18em}.section-copy h2,.feature-lead h2,.cat-section h2,.privacy-section h2{margin:0;font-family:var(--serif);font-size:clamp(56px,6vw,90px);font-weight:400;line-height:.88}.section-copy h2 em,.feature-lead h2 em,.cat-section h2 em,.privacy-section h2 em{color:#dc731e;font-weight:400}.demo-section,.how-section,.creator-section{padding:125px max(5vw,28px)}.demo-section{background:var(--paper)}.transformation{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;max-width:1200px;margin:75px auto 0}.transformation article{min-height:420px;padding:35px;border:1px solid var(--ink);border-radius:34px}.transformation small{font-size:9px;font-weight:700;letter-spacing:.15em}.spoken{color:white;background:var(--ink)}.spoken blockquote{margin:55px 0 0;font-family:var(--serif);font-size:37px;line-height:1.05}.wave{display:flex;align-items:center;gap:7px;height:70px}.wave i{display:block;width:6px;height:20px;border-radius:8px;background:var(--orange);animation:wave 1.2s ease-in-out infinite}.wave i:nth-child(2n){height:42px;animation-delay:.1s}.wave i:nth-child(3n){height:58px;animation-delay:.2s}.transform-arrow{text-align:center;font-size:28px}.organised{background:var(--soft)}.category{display:inline-flex;margin-top:55px;padding:8px 11px;border-radius:99px;background:white;font-size:9px;font-weight:700}.organised h3{margin:18px 0 25px;font-family:var(--serif);font-size:40px;font-weight:400}.task-data{border-top:1px solid rgba(22,22,22,.18)}.task-data p{display:flex;justify-content:space-between;margin:0;padding:14px 0;border-bottom:1px solid rgba(22,22,22,.18);font-size:12px}.task-data span{color:#6e6558}.how-section{color:white;background:var(--ink)}.how-section .section-copy h2 em{color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:70px auto 0}.steps article{min-height:390px;padding:30px;border:1px solid #333;border-radius:30px;background:#1d1d1c}.steps article>b{color:#807e78;font-size:10px}.step-icon{display:grid;place-items:center;width:58px;height:58px;margin-top:70px;border-radius:50%;color:var(--ink);background:var(--orange);font-size:18px}.steps h3{margin:25px 0 0;font-family:var(--serif);font-size:43px;font-weight:400}.steps p{color:#9b9993;line-height:1.55}.feature-section{padding:125px max(5vw,28px);background:var(--cream)}.feature-lead{display:grid;grid-template-columns:.65fr 1.3fr .75fr;gap:40px;max-width:1200px;margin:auto}.feature-lead>span{align-self:end;color:#777166;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1200px;margin:75px auto 0}.feature{position:relative;min-height:420px;padding:32px;border-radius:32px;overflow:hidden}.feature small{font-size:9px;font-weight:700;letter-spacing:.14em}.feature h3{max-width:520px;margin:45px 0 0;font-family:var(--serif);font-size:44px;font-weight:400;line-height:.95}.feature-orange{background:var(--orange)}.feature-dark{color:white;background:var(--ink)}.feature-blue{background:var(--blue)}.feature-cream{border:1px solid var(--line);background:white}.feature-wave{position:absolute;right:35px;bottom:35px;display:flex;align-items:center;gap:10px;height:100px}.feature-wave i{width:12px;border-radius:20px;background:var(--ink)}.feature-wave i:nth-child(1){height:40px}.feature-wave i:nth-child(2){height:80px}.feature-wave i:nth-child(3){height:55px}.feature-wave i:nth-child(4){height:95px}.feature-wave i:nth-child(5){height:48px}.priority-list{position:absolute;left:32px;right:32px;bottom:30px}.priority-list p{display:flex;align-items:center;gap:10px;padding:15px;border-radius:15px;color:var(--ink);background:white}.priority-list i{width:15px;height:15px;border:1px solid #aaa;border-radius:50%}.priority-list b{margin-left:auto;color:#d25c2e;font-size:9px}.feature-blue>p{max-width:450px;color:#4d5c61}.notification{position:absolute;right:30px;bottom:30px;display:flex;flex-direction:column;width:260px;padding:17px;border:1px solid rgba(22,22,22,.1);border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 15px 35px rgba(41,62,68,.12)}.notification span{margin-top:6px;font-size:11px}.type-field{position:absolute;left:32px;right:32px;bottom:35px;display:flex;justify-content:space-between;padding:18px 18px 18px 22px;border:1px solid var(--line);border-radius:18px;color:#aaa;background:#fafafa}.type-field b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:white;background:var(--ink)}.creator-section{background:var(--paper)}.creator-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:70px auto 0}.creator-cases article{min-height:280px;padding:26px;border:1px solid var(--line);border-radius:28px;background:var(--cream)}.creator-cases span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--orange)}.creator-cases h3{margin:70px 0 0;font-family:var(--serif);font-size:35px;font-weight:400}.creator-cases p{color:#777166;line-height:1.5}.cat-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:120px max(7vw,30px);background:var(--orange)}.cat-section>div:last-child>span{display:block;max-width:680px;margin-top:30px;line-height:1.65}.big-cat{position:relative;width:min(390px,100%);aspect-ratio:1;margin:auto}.big-cat span{position:absolute;inset:18% 7% 0;border:7px solid var(--ink);border-radius:52% 52% 42% 42%}.big-cat span:before,.big-cat span:after{content:"";position:absolute;top:-23%;width:32%;height:42%;border:7px solid var(--ink);background:var(--orange);transform:rotate(45deg)}.big-cat span:before{left:3%}.big-cat span:after{right:3%}.big-cat i,.big-cat b{position:absolute;top:49%;width:22px;height:22px;border-radius:50%;background:var(--ink)}.big-cat i{left:34%}.big-cat b{right:34%}.privacy-section{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;padding:120px max(7vw,30px);color:white;background:var(--ink)}.privacy-section h2 em{color:var(--orange)}.privacy-section>p{color:#aaa;line-height:1.7}.final-cta{display:flex;min-height:88svh;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:radial-gradient(circle at 70% 20%,var(--blue),transparent 29%),linear-gradient(135deg,var(--soft),var(--orange))}.final-cta img{width:170px}.final-cta h2{margin:35px 0 0;font-family:var(--serif);font-size:clamp(78px,10vw,145px);font-weight:400;line-height:.75}.final-cta h2 em{font-weight:400}.final-cta p{margin-top:35px}.final-cta button{margin-top:15px}.final-cta small{margin-top:20px}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding:60px max(5vw,30px);color:white;background:#0d0d0d}footer img{width:140px;filter:brightness(0) invert(1)}footer p{color:#999}footer div{display:flex;gap:18px;justify-content:flex-end}footer a{color:white;text-decoration:none;font-size:12px}footer small{grid-column:1/-1;padding-top:25px;border-top:1px solid #2e2e2e;color:#777}

.experience{position:fixed;z-index:100;inset:0;display:none;padding:20px;background:rgba(22,22,22,.72);backdrop-filter:blur(18px)}.experience.open{display:grid;place-items:center}.experience-shell{position:relative;width:min(580px,100%);height:min(820px,calc(100svh - 40px));padding:30px 40px 34px;border-radius:42px;background:var(--paper);box-shadow:0 40px 120px rgba(0,0,0,.35);overflow:auto}.close-experience{position:absolute;z-index:3;top:25px;right:25px;width:40px;height:40px;border:0;border-radius:50%;background:#eee9df;font-size:25px;cursor:pointer}.experience-brand{display:flex;align-items:center;justify-content:space-between;padding-right:56px}.experience-brand img{width:122px}.experience-brand span{color:#8e887c;font-size:10px}.progress{height:4px;margin-top:22px;border-radius:9px;background:#ece6da}.progress i{display:block;width:12.5%;height:100%;border-radius:inherit;background:var(--orange);transition:width .4s ease}.flow-screen{display:none;min-height:650px;padding:55px 0 10px;text-align:center}.flow-screen.active{display:flex;flex-direction:column;animation:screenIn .45s ease}.flow-kicker{margin:0;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.17em}.flow-screen h2{margin:20px 0 0;font-family:var(--serif);font-size:49px;font-weight:400;line-height:.9}.flow-screen h2 em{color:#dc731e;font-weight:400}.flow-screen>p:not(.flow-kicker){max-width:430px;margin:22px auto 30px;color:#777166;line-height:1.55}.flow-screen>small{margin-top:20px;color:#999;font-size:10px}.login-cat{width:74px;height:74px;margin:0 auto 22px;border-radius:25px;color:white;background:var(--ink);font-size:54px;line-height:62px}.social-button,.flow-next,.flow-skip{width:100%;min-height:57px;margin-top:11px;border:1.5px solid var(--ink);border-radius:16px;background:white;font-weight:600;cursor:pointer}.social-button span{display:inline-block;width:28px}.social-button .google{color:#4285f4}.flow-next{margin-top:auto;color:white;background:var(--ink)}.flow-next:disabled{border-color:#d0ccc4;color:#aaa;background:#e8e5df}.flow-skip{min-height:42px;border:0;color:#777166;background:transparent}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.choice-grid button,.choice-list button{min-height:70px;padding:15px;border:1px solid var(--line);border-radius:16px;text-align:left;background:white;cursor:pointer}.choice-grid button.selected,.choice-list button.selected{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 1px var(--ink)}.choice-list{display:grid;gap:9px}.visual-orb{display:grid;place-items:center;width:230px;height:230px;margin:0 auto 40px;border-radius:50%;background:radial-gradient(circle,var(--orange),var(--soft) 55%,var(--blue))}.visual-orb .wave{justify-content:center}.permission-icon{display:grid;place-items:center;width:145px;height:145px;margin:25px auto 40px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 18px var(--soft);font-size:32px}.notification-demo{display:flex;align-items:center;gap:12px;margin:30px 0 55px;padding:15px;border:1px solid var(--line);border-radius:19px;text-align:left;background:white;box-shadow:0 15px 35px rgba(40,32,20,.1)}.notification-demo img{width:84px}.notification-demo p{display:flex;flex:1;flex-direction:column;margin:0;font-size:11px}.notification-demo p span{margin-top:4px;color:#777}.notification-demo small{align-self:start;color:#999}.record-or-type{display:flex;flex-direction:column;align-items:center}.record-button{width:120px;height:120px;border:0;border-radius:50%;background:var(--orange);box-shadow:0 0 0 18px var(--soft);font-size:28px}.record-or-type>span{margin-top:32px;font-weight:600}.record-or-type textarea{width:100%;min-height:100px;margin-top:25px;padding:18px;border:1px solid var(--line);border-radius:18px;resize:none;font:inherit}.confirm-card{margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:24px;text-align:left;background:var(--cream)}.confirm-card label{display:flex;flex-direction:column;gap:7px;color:#777;font-size:10px}.confirm-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white;font:15px var(--sans)}.confirm-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.confirm-card p{display:flex;gap:8px;margin:16px 0 0}.confirm-card p span{padding:8px 10px;border-radius:99px;background:var(--soft);font-size:9px}.flow-back{position:absolute;left:28px;top:92px;border:0;background:transparent;font-size:21px;cursor:pointer;visibility:hidden}@keyframes wave{50%{transform:scaleY(.55)}}@keyframes screenIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}

@media(max-width:900px){.section-copy,.feature-lead{grid-template-columns:1fr}.section-copy h2{margin-top:20px}.transformation{grid-template-columns:1fr}.transform-arrow{padding:20px;transform:rotate(90deg)}.steps,.creator-cases{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.cat-section,.privacy-section{grid-template-columns:1fr}.big-cat{width:300px}footer{grid-template-columns:1fr 1fr}footer p{display:none}footer div{justify-content:flex-start}}
@media(max-width:520px){.demo-section,.how-section,.feature-section,.creator-section{padding:85px 17px}.section-copy h2,.feature-lead h2,.cat-section h2,.privacy-section h2{font-size:15vw}.transformation{margin-top:45px}.transformation article{min-height:360px;padding:25px}.spoken blockquote{font-size:31px}.steps,.creator-cases{grid-template-columns:1fr}.steps article{min-height:330px}.step-icon{margin-top:45px}.feature{min-height:360px;padding:25px}.feature h3{font-size:38px}.feature-wave{transform:scale(.75);transform-origin:right bottom}.notification{right:20px;bottom:20px}.cat-section,.privacy-section{padding:85px 22px}.final-cta h2{font-size:22vw}.final-cta img{width:135px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}.experience{padding:0}.experience-shell{height:100svh;border-radius:0;padding:22px 20px 28px}.experience-brand{padding-right:48px}.flow-screen{min-height:calc(100svh - 120px);padding-top:43px}.flow-screen h2{font-size:12.5vw}.choice-grid{grid-template-columns:1fr 1fr}.choice-grid button{min-height:62px}.flow-back{left:18px;top:83px}.login-cat{margin-top:15px}}

/* Editorial direction — restrained, graphic and creator-led */
body{background:#f2eee5}.site-nav{top:0;width:100%;padding:18px max(4vw,24px);border:0;border-bottom:1px solid rgba(22,22,22,.16);border-radius:0;background:rgba(247,242,232,.92);box-shadow:none}.button{border-radius:5px}.button-dark{background:#161616}.hero{grid-template-columns:1fr 1fr;min-height:100svh;padding:165px max(6vw,35px) 90px;background:#f4a23a}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;border-top:1px solid rgba(22,22,22,.2);background:#f2eee5}.hero-copy{position:relative;z-index:4;align-self:start;padding-top:30px}.creofyi-pill{padding:0;border:0;border-radius:0;background:transparent}.hero h1{max-width:850px;font-size:clamp(70px,7.1vw,118px);line-height:.83}.hero h1 em{display:inline;color:#f7f2e8;font-style:italic}.hero-copy>p{max-width:560px;color:#26221d}.hero-copy>small{color:#5a421e}.hero-product{z-index:3;align-self:end;width:min(560px,94%);height:720px;margin-bottom:-50px;padding:105px 55px 0;border:1.5px solid var(--ink);border-radius:25px 25px 12px 12px;background:linear-gradient(145deg,#efbf71,#dc831e);box-shadow:14px 16px 0 rgba(22,22,22,.92)}.hero-product:before{content:"TASKIFYI / TODAY";position:absolute;top:-48px;left:-1.5px;width:45%;height:62px;padding:20px;border:1.5px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;background:#efbf71;font-size:9px;font-weight:700;letter-spacing:.14em}.hero-product:after{content:"voice  /  priority  /  deadlines";position:absolute;z-index:5;right:18px;bottom:14px;text-transform:uppercase;font-size:8px;letter-spacing:.12em}.phone{min-height:635px;padding:17px 18px 75px;border:1.5px solid var(--ink);border-radius:28px 28px 8px 8px;background:#f8f4ea;box-shadow:8px 9px 0 var(--ink);transform:rotate(-1.5deg)}.app-head{margin-top:18px}.greeting{margin-top:23px}.phone h2{font-size:52px}.speak-card,.checkin,.phone-tabs,.mini-task{border-radius:9px}.voice-dock{border-radius:7px}.hero-cat{position:absolute;z-index:6;top:-92px;right:-72px;width:190px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.12));transform:rotate(7deg)}.cat-sticker{display:block;object-fit:contain}.cat-companion{display:none}
.section-copy{grid-template-columns:.55fr 1.45fr}.section-copy h2,.feature-lead h2,.cat-section h2,.privacy-section h2{letter-spacing:-.035em}.demo-section{background:#f2eee5}.transformation{gap:22px;grid-template-columns:1fr 44px 1fr}.transformation article{border-radius:6px;box-shadow:8px 8px 0 rgba(22,22,22,.14)}.organised{position:relative;background:#f8f4ea}.organised:before{content:"";position:absolute;top:-30px;left:-1px;width:42%;height:31px;border:1px solid var(--ink);border-bottom:0;border-radius:7px 7px 0 0;background:#f8f4ea}.category,.tool-tags i{border-radius:3px}.how-section{background:#111}.steps{gap:1px;border:1px solid #343434}.steps article{border:0;border-radius:0;background:#171717}.step-icon{border-radius:4px}.feature-section{background:#e7edf0}.feature-grid{gap:18px}.feature{border:1px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 rgba(22,22,22,.12)}.priority-list p,.notification,.type-field{border-radius:4px}.creator-section{background:#f2eee5}.creator-cases{gap:0;border:1px solid var(--ink)}.creator-cases article{border:0;border-right:1px solid var(--ink);border-radius:0;background:#f7f2e8}.creator-cases article:last-child{border-right:0}.creator-cases span{border-radius:3px}.cat-section{position:relative;min-height:760px;background:#f4a23a;overflow:hidden}.sticker-stage{position:relative;display:grid;place-items:center;min-height:570px;border:1.5px solid var(--ink);border-radius:8px;background:#e7edf0}.sticker-stage:before{content:"COMPANION_01.PNG";position:absolute;top:18px;left:22px;font-size:9px;font-weight:700;letter-spacing:.12em}.sticker-stage .cat-sticker{width:min(370px,80%);transform:rotate(-4deg);filter:drop-shadow(10px 12px 0 rgba(22,22,22,.18))}.sticker-stage i{position:absolute;padding:9px 12px;border:1px solid var(--ink);border-radius:99px;background:#f7f2e8;font-size:10px;font-style:normal;box-shadow:3px 3px 0 var(--ink)}.sticker-stage i:nth-of-type(1){top:22%;right:5%;transform:rotate(5deg)}.sticker-stage i:nth-of-type(2){left:4%;bottom:16%;transform:rotate(-6deg)}.big-cat{display:none}.privacy-section{background:#111}.final-cta{background:#f7f2e8}.final-cta:before{content:"A TOOL BY CREOFYI";margin-bottom:30px;font-size:9px;font-weight:700;letter-spacing:.17em}.final-cta h2 em{color:#dc731e}.experience-shell{border:1.5px solid var(--ink);border-radius:8px;box-shadow:14px 16px 0 var(--orange)}.social-button,.flow-next,.flow-skip,.choice-grid button,.choice-list button,.record-or-type textarea,.confirm-card,.confirm-card input{border-radius:5px}.login-cat{border-radius:5px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{align-self:center}.hero-product{margin-top:120px;margin-bottom:15px}.creator-cases{grid-template-columns:1fr 1fr}.creator-cases article:nth-child(2){border-right:0}.creator-cases article{border-bottom:1px solid var(--ink)}.cat-section{grid-template-columns:1fr}.sticker-stage{min-height:500px}}
@media(max-width:520px){.site-nav{top:0;width:100%;padding:14px 12px}.hero{padding:115px 17px 75px;text-align:left}.hero-copy{text-align:left}.hero h1{font-size:16.8vw}.hero-actions{align-items:stretch}.hero-product{width:94%;height:620px;margin-top:110px;padding:80px 23px 0;box-shadow:7px 8px 0 var(--ink)}.hero-product:before{top:-40px;height:41px;padding:13px;width:58%}.phone{min-height:550px}.hero-cat{top:-78px;right:-22px;width:145px}.creator-cases{grid-template-columns:1fr}.creator-cases article{border-right:0}.cat-section{min-height:auto}.sticker-stage{min-height:390px}.sticker-stage .cat-sticker{width:70%}.final-cta{min-height:75svh}}

/* Refined v3 — quieter palette, stronger voice-first story */
.hero{padding-top:150px;background-image:url("assets/taskifyi-gradient-airy-cream.jpg");background-size:cover;background-position:center}.hero:after{height:15%;background:#fffdfa}.hero-copy{padding-top:10px}.voice-label{display:flex;align-items:center;gap:9px;margin:28px 0 0!important;text-transform:uppercase;color:#161616!important;font-size:10px!important;font-weight:700;letter-spacing:.16em}.voice-label span{display:block;width:9px;height:9px;border-radius:50%;background:#f4a23a;box-shadow:14px 0 0 #f4a23a,28px 0 0 #f4a23a;margin-right:29px}.hero h1{font-size:clamp(74px,7.5vw,122px);line-height:.82}.hero h1 em{color:#dc731e}.hero-copy>p:not(.voice-label){max-width:610px;color:#57534b}.hero-copy>small{color:#817b71}.creator-proof{display:flex;align-items:center;gap:12px;margin-top:24px}.creator-proof img{width:138px;height:54px;object-fit:contain}.creator-proof span{max-width:105px;color:#6e685e;font-size:10px;line-height:1.3}.hero-product{width:min(510px,90%);height:680px;padding:95px 48px 0;background:#c9dce3;box-shadow:10px 12px 0 #161616}.hero-product:before{color:#161616;background:#f4a23a}.hero-product:after{color:#5c6465}.phone{min-height:600px;box-shadow:5px 6px 0 #161616}.hero-cat{top:-52px;right:-30px;width:105px;transform:rotate(6deg)}
.demo-section{padding-top:150px;padding-bottom:150px}.transformation{max-width:1050px;margin-top:80px}.transformation article{min-height:385px;box-shadow:none}.spoken{background:#161616}.organised{background:#fffdfa}.organised:before{background:#fffdfa}.wave i{width:5px}.how-section{padding-top:145px;padding-bottom:145px}.steps{max-width:1050px;margin-top:75px}.steps article{min-height:350px;padding:28px}.step-icon{width:46px;height:46px;margin-top:50px}.steps h3{font-size:39px}.feature-section{padding-top:145px;padding-bottom:145px;background:#f7f2e8}.feature-grid{max-width:1050px}.feature{min-height:350px;box-shadow:none}.feature-orange{background:#fce7c7}.feature-blue{background:#e4eff3}.feature h3{font-size:40px}.creator-section{padding-top:135px;padding-bottom:135px}.creator-sticker-row{display:block;width:min(390px,72vw);margin:55px auto 35px}.creator-cases{max-width:1050px;margin-top:30px}.creator-cases article{min-height:225px}.creator-cases h3{margin-top:40px}.cat-section{grid-template-columns:.55fr 1.45fr;min-height:620px;padding-top:110px;padding-bottom:110px;background:#fffdfa}.sticker-stage{min-height:390px;border-color:#d8d1c4;background:#f2eee5}.sticker-stage .cat-sticker{width:min(195px,58%);filter:drop-shadow(6px 7px 0 rgba(22,22,22,.12))}.sticker-stage i{padding:7px 9px;border-color:#bcb4a6;background:#fffdfa;box-shadow:none}.cat-section h2{font-size:clamp(55px,5.5vw,86px)}.privacy-section{padding-top:110px;padding-bottom:110px}.final-cta{min-height:74svh;color:#fff;background-image:linear-gradient(rgba(22,22,22,.78),rgba(22,22,22,.78)),url("assets/taskifyi-gradient-warm-orange.jpg");background-size:cover;background-position:center}.final-cta img{filter:brightness(0) invert(1)}.final-cta h2{font-size:clamp(75px,9vw,125px)}.final-cta h2 em{color:#f4a23a}.final-cta .button-dark{color:#161616;background:#f4a23a}.final-cta:before{color:#9a9790}
@media(max-width:900px){.hero-product{margin-top:95px}.cat-section{grid-template-columns:1fr}.sticker-stage{min-height:330px}.sticker-stage .cat-sticker{width:170px}}
@media(max-width:520px){.hero{padding-top:108px}.voice-label{justify-content:flex-start}.hero h1{font-size:17.4vw}.creator-proof{justify-content:flex-start}.hero-product{height:575px;margin-top:85px;padding:72px 20px 0}.hero-cat{top:-42px;right:-10px;width:80px}.phone{min-height:520px}.demo-section,.how-section,.feature-section,.creator-section{padding-top:95px;padding-bottom:95px}.feature-grid{gap:12px}.creator-sticker-row{margin-top:38px}.cat-section{padding-top:90px;padding-bottom:90px}.sticker-stage{min-height:300px}.sticker-stage .cat-sticker{width:135px}.sticker-stage i{font-size:8px}.final-cta{min-height:70svh}}

/* Hero composition and voice journey v4 */
.hero{grid-template-columns:1.08fr .92fr;min-height:920px;align-items:center;padding-top:125px;padding-bottom:75px}.hero-copy{align-self:center}.hero-product{align-self:center;width:min(455px,86%);height:585px;margin:20px auto 0;padding:68px 31px 0;border-radius:18px 18px 8px 8px;box-shadow:8px 9px 0 #161616}.hero-product:before{top:-35px;width:48%;height:37px;padding:12px 16px;border-radius:10px 10px 0 0;font-size:8px}.hero-product:after{display:none}.phone{min-height:505px;padding:14px 15px 64px;border-radius:23px 23px 6px 6px;box-shadow:4px 5px 0 #161616;overflow:hidden}.phone-bar i{width:58px;height:16px}.app-head{margin-top:12px}.app-head img{width:86px}.app-head button{width:34px;height:34px}.greeting{margin-top:15px;font-size:8px}.phone h2{font-size:42px}.date{margin-bottom:13px;font-size:12px}.speak-card{padding:11px}.speak-card .mic{width:34px;height:34px}.speak-card b{font-size:12px}.speak-card small{font-size:9px}.checkin{margin-top:10px;padding:15px}.checkin strong{margin-top:8px;font-size:18px}.checkin p{font-size:10px}.checkin>span{margin-top:10px}.phone-tabs{margin-top:10px}.phone-tabs>*{padding:7px;font-size:10px}.mini-task{margin-top:9px;padding:11px}.mini-task b{font-size:10px}.mini-task small{font-size:8px}.voice-dock{left:14px;right:14px;bottom:13px;padding:12px;font-size:11px}.hero-cat{top:-50px;right:-56px;width:78px;animation:stickerFloat 4.5s ease-in-out infinite}.creator-float{position:absolute;z-index:7;width:64px;height:64px;border:3px solid #fffdfa;border-radius:50%;background-image:url("assets/taskifyi-creator-stickers-v2.png");background-repeat:no-repeat;background-size:400% 100%;box-shadow:0 5px 12px rgba(22,22,22,.18);animation:stickerFloat 5s ease-in-out infinite}.creator-float--one{left:-50px;top:25%;background-position:0 0;transform:rotate(-8deg)}.creator-float--two{right:-60px;top:51%;background-position:66.6% 0;animation-delay:-1.8s}.creator-float--three{left:-35px;bottom:9%;background-position:100% 0;animation-delay:-3s}.creator-note{position:absolute;z-index:6;padding:7px 9px;border:1px solid #161616;border-radius:99px;background:#fffdfa;font-size:8px;box-shadow:2px 2px 0 #161616;animation:stickerFloat 5.4s ease-in-out infinite}.creator-note--one{top:20%;left:-5px;transform:translateX(-100%) rotate(-3deg)}.creator-note--two{right:-34px;bottom:18%;transform:translateX(70%) rotate(4deg);animation-delay:-2.5s}@keyframes stickerFloat{50%{margin-top:-8px}}
.how-section{padding-top:130px;padding-bottom:130px;color:#161616;background:#e9f1f4}.how-section .section-copy h2 em{color:#dc731e}.how-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1050px;margin:70px auto 22px;padding:26px;border:1px solid #161616;border-radius:8px;background:#fffdfa}.how-spoken{display:flex;align-items:center;gap:20px}.how-spoken .wave{flex:0 0 80px}.how-spoken p{font-family:var(--serif);font-size:24px;line-height:1.05}.how-demo>span{padding:8px 11px;border-radius:99px;background:#f4a23a;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.1em}.how-result{padding:19px;border-left:1px solid #d7d0c3}.how-result small{color:#dc731e;font-size:8px;font-weight:700;letter-spacing:.12em}.how-result b{display:block;margin-top:9px;font-family:var(--serif);font-size:29px;font-weight:400}.how-result p{margin:5px 0 0;color:#777166;font-size:11px}.steps{max-width:1050px;gap:12px;margin-top:12px;border:0}.steps article{min-height:270px;padding:24px;border:1px solid #161616;border-radius:7px;color:#161616;background:#fffdfa}.steps article:nth-child(2){background:#fce7c7}.steps article:nth-child(3){background:#f7f2e8}.steps article>b{color:#777166}.step-icon{width:38px;height:38px;margin-top:32px}.steps h3{margin-top:20px;font-size:34px}.steps p{color:#6c675e;font-size:13px}.cat-section{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:120px}.hero-product{margin-top:115px}.how-demo{grid-template-columns:1fr}.how-demo>span{width:max-content}.how-result{border-top:1px solid #d7d0c3;border-left:0}.steps{grid-template-columns:1fr}.steps article{min-height:230px}.creator-float--one{left:-25px}.creator-float--two{right:-28px}.creator-note{display:none}}
@media(max-width:520px){.hero{padding-bottom:90px}.hero-product{width:82%;height:520px;margin-top:100px;padding:59px 14px 0}.hero-product:before{top:-31px;height:32px}.phone{min-height:455px}.app-head{margin-top:10px}.phone h2{font-size:36px}.hero-cat{top:-40px;right:-35px;width:62px}.creator-float{width:48px;height:48px}.creator-float--one{left:-33px}.creator-float--two{right:-36px}.creator-float--three{left:-25px}.how-demo{padding:18px}.how-spoken{align-items:flex-start;flex-direction:column}.how-spoken p{margin-top:0}.steps article{min-height:215px}}

.rotating-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1ch;padding:.01em .13em .07em;overflow:hidden;vertical-align:.05em;border:1.5px solid #161616;border-radius:.08em;color:#161616;background:#f4a23a;box-shadow:.055em .065em 0 #161616;transition:width .45s cubic-bezier(.2,.8,.2,1)}.rotating-content{display:inline-flex;white-space:nowrap}.rotating-char{display:inline-block;will-change:transform,opacity;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.rotating-char.is-leaving{opacity:0;transform:translateY(-120%)}.rotating-char.is-entering{opacity:0;transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.rotating-badge{transition:none}.rotating-char{transition:none}}

/* Compact folder collage v6 */
.hero:after{display:none}.hero{min-height:780px;padding-top:120px;padding-bottom:70px}.hero-product{width:min(410px,82%);height:465px;padding:48px 24px 20px;border-radius:15px 15px 7px 7px;background:#cadde4;box-shadow:6px 7px 0 #161616}.hero-product:before{top:-30px;width:46%;height:32px;padding:10px 13px;font-size:7px}.folder-collage{position:relative;width:100%;height:100%}.folder-label{display:flex;align-items:center;justify-content:space-between;padding:0 5px}.folder-label img{width:94px}.folder-label small{font-size:7px;font-weight:700;letter-spacing:.12em}.voice-slip,.task-slip,.mini-slip{position:absolute;border:1.3px solid #161616;background:#fffdfa;box-shadow:4px 5px 0 rgba(22,22,22,.88)}.voice-slip{z-index:2;top:63px;left:6px;width:72%;min-height:185px;padding:17px;transform:rotate(-3deg)}.voice-slip small,.task-slip>b,.mini-slip small{font-size:7px;font-weight:700;letter-spacing:.12em}.voice-slip .wave{height:48px}.voice-slip .wave i{width:4px}.voice-slip p{margin:8px 0 0;font-family:var(--serif);font-size:24px;line-height:1}.task-slip{z-index:3;right:3px;bottom:18px;width:76%;min-height:205px;padding:19px;transform:rotate(2.5deg)}.task-slip>span{display:inline-flex;padding:5px 7px;background:#fce7c7;font-size:7px;font-weight:700}.task-slip h2{margin:25px 0 0;font-family:var(--serif);font-size:29px;font-weight:400;line-height:.95}.task-slip p{margin:10px 0 23px;color:#746e63;font-size:10px}.task-slip>b{color:#dc731e}.mini-slip{z-index:4;display:flex;flex-direction:column;width:118px;padding:11px}.mini-slip b{margin-top:7px;font-size:11px}.mini-slip span{margin-top:3px;color:#777166;font-size:8px}.mini-slip--money{left:-28px;bottom:32px;transform:rotate(-7deg);background:#f4a23a}.mini-slip--collab{right:-30px;top:108px;transform:rotate(7deg);background:#f7f2e8}.paperclip{position:absolute;z-index:5;top:42px;right:36px;font-size:54px;line-height:1;transform:rotate(25deg)}.hero-cat{top:-40px;right:-46px;width:66px}.creator-float{width:54px;height:54px}.creator-float--one{left:-45px;top:16%}.creator-float--two{right:-45px;top:61%}.creator-float--three{left:-30px;bottom:1%}.creator-note--one{top:11%}.creator-note--two{bottom:9%}
@media(max-width:900px){.hero{min-height:auto;padding-bottom:100px}.hero-product{margin-top:95px}}
@media(max-width:520px){.hero{padding-bottom:75px}.hero-product{width:76%;height:420px;margin-top:85px;padding:42px 15px 14px}.voice-slip{top:55px;min-height:165px;padding:13px}.voice-slip p{font-size:20px}.task-slip{min-height:180px;padding:14px}.task-slip h2{font-size:24px}.mini-slip{width:96px}.mini-slip--money{left:-21px}.mini-slip--collab{right:-24px}.paperclip{right:20px}.creator-float{width:43px;height:43px}.hero-cat{right:-31px;width:54px}}

.text-path-marquee{position:relative;width:100%;height:260px;margin:16px 0 4px;overflow:hidden}.text-path-marquee svg{display:block;width:100%;height:100%}.text-path-marquee text{font-family:var(--sans);font-size:52px;font-weight:600;letter-spacing:-1px;fill:#f4a23a}.final-cta>p{margin-top:0}.just-say{display:inline-block;margin-top:.16em;font-family:var(--sans);font-size:.56em;font-weight:600;letter-spacing:-.045em;line-height:1;color:#dc731e}@media(max-width:720px){.text-path-marquee{height:150px;margin:8px 0 12px}.text-path-marquee text{font-size:24px;font-weight:650;letter-spacing:1.2px}}@media(max-width:420px){.text-path-marquee{height:132px}.text-path-marquee text{font-size:22px;letter-spacing:1px}.just-say{font-size:.62em}}

@media(max-width:700px){
  .site-nav{padding:12px 14px}.logo img{width:118px}.nav-actions .button{min-height:42px;padding:0 17px;font-size:13px}
  .hero{display:block;min-height:auto;padding:118px 20px 68px;background:#f7f2e8;overflow:hidden}
  .hero-copy{max-width:560px;padding:0;text-align:left}.creofyi-pill{font-size:9px}.voice-label{margin-top:28px!important;font-size:9px!important}
  .hero h1{max-width:560px;margin-top:24px;font-size:clamp(50px,10.3vw,62px);line-height:.86;letter-spacing:-.04em}.rotating-badge{box-shadow:.045em .05em 0 #161616}.just-say{margin-top:.22em;font-size:.58em}
  .hero-copy>p:not(.voice-label){margin-top:27px;font-size:16px;line-height:1.5}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.hero-actions .button{width:100%;min-height:51px;padding:0 12px}.hero-copy>small{margin-top:15px;font-size:11px}
  .hero-product{width:390px;height:450px;margin:82px auto -82px;padding:47px 22px 18px;transform:scale(.78);transform-origin:top center}.hero-product:before{top:-30px}.hero-cat{right:-38px}.creator-note{display:none}
}
@media(max-width:440px){
  .site-nav .button{padding:0 13px}.hero{padding-inline:16px}.hero h1{font-size:clamp(47px,13.5vw,58px)}.hero-actions{grid-template-columns:1fr}.hero-product{margin-top:72px;transform:scale(.72);margin-bottom:-105px}.voice-label{letter-spacing:.12em}
}

@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  main,.demo-section,.how-section,.feature-section,.creator-section,.privacy-section,.final-cta{width:100%;max-width:100%}
  .demo-section{padding:88px 18px}.demo-section .section-copy{display:block}.demo-section .section-copy h2{margin-top:18px;font-size:clamp(48px,13vw,67px)}
  .transformation{display:flex;width:100%;max-width:520px;flex-direction:column;gap:16px;margin:48px auto 0}.transformation article{width:100%;min-height:0;padding:25px;border-radius:6px}.transform-arrow{padding:2px 0;font-size:24px;transform:rotate(90deg)}
  .spoken .wave{height:55px}.spoken blockquote{margin-top:25px;font-size:clamp(29px,8vw,38px);line-height:1.02}.organised:before{display:none}.organised .category{margin-top:28px}.organised h3{margin-top:15px;font-size:clamp(34px,9vw,43px)}.task-data p{gap:20px}.task-data span{text-align:right}
  .how-section{padding:88px 18px}.how-section .section-copy{display:block}.how-section .section-copy h2{margin-top:18px;font-size:clamp(48px,13vw,67px)}.how-demo{width:100%;max-width:520px;margin:45px auto 16px;padding:20px}.how-spoken .wave{height:48px}.how-spoken p{font-size:25px}.how-result{padding:17px 0 2px}.how-result b{font-size:28px}
  .steps{display:grid;width:100%;max-width:520px;grid-template-columns:1fr;gap:10px;margin:10px auto 0}.steps article{width:100%;min-height:185px;padding:22px}.step-icon{margin-top:22px}.steps h3{font-size:32px}.steps p{margin-bottom:0}
}

/* Refined onboarding: quieter cat-led welcome, clearer smart reminders and review */
.login-cat-sticker{display:block;width:78px;height:94px;margin:0 auto 18px;object-fit:contain;filter:drop-shadow(4px 5px 0 rgba(22,22,22,.12))}
.social-button .apple{font-size:18px;line-height:1}
.flow-screen[data-step="1"] .flow-next{margin-top:26px}
.creator-float--one{background-color:#f4a23a}
.creator-float--two{background-color:#b9dbe7}
.creator-float--three{background-color:#f2cfda}
.notification-screen{padding-top:28px}
.notification-phone{width:100%;max-width:430px;margin:0 auto 24px;padding:14px;border:1.5px solid var(--ink);border-radius:25px;background:#e7edf0;box-shadow:7px 8px 0 rgba(22,22,22,.1)}
.notification-time{display:flex;justify-content:space-between;padding:0 7px 10px;color:#6f6a61;font-size:8px;font-weight:700;letter-spacing:.08em}
.notification-card{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:12px;border:1px solid #d9d3c7;border-radius:14px;text-align:left;background:rgba(255,253,250,.96)}
.notification-card--early{opacity:.68;transform:scale(.97)}
.notification-card--now{box-shadow:0 9px 22px rgba(40,32,20,.12)}
.notification-card img{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--orange)}
.notification-card p{display:flex;flex:1;flex-direction:column;margin:0;font-size:10px;line-height:1.25}
.notification-card p span{margin-top:4px;color:#6f6a61;font-size:9px}
.notification-card small{color:#999;font-size:8px}
.reminder-logic{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.reminder-logic span{padding:6px 8px;border:1px solid rgba(22,22,22,.18);border-radius:99px;background:#fffdfa;color:#625d54;font-size:7px;font-weight:700;letter-spacing:.04em}
.confirm-screen{padding-top:24px}
.confirm-cat-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:96px;margin:0 auto 6px}
.confirm-cat-wrap img{width:72px;height:92px;object-fit:contain}
.confirm-cat-wrap span{position:absolute;top:7px;right:-8px;padding:7px 9px;border:1px solid var(--ink);border-radius:99px;background:white;font-size:8px;font-weight:600;box-shadow:2px 2px 0 var(--ink);transform:rotate(4deg)}

@media(max-width:520px){
  .login-cat-sticker{width:62px;height:76px;margin-bottom:12px}
  .flow-screen[data-step="1"] .flow-next{margin-top:28px}
  .notification-screen{padding-top:34px}
  .notification-phone{margin-bottom:30px;padding:11px;border-radius:20px}
  .notification-card{padding:10px}
  .notification-screen h2{font-size:10.5vw}
  .notification-screen>p:not(.flow-kicker){margin:18px auto 22px}
  .confirm-screen{padding-top:42px}
  .confirm-cat-wrap{width:132px;height:76px;margin-bottom:4px}
  .confirm-cat-wrap img{width:58px;height:74px}
  .confirm-cat-wrap span{right:-2px;padding:6px 8px}
  .confirm-screen h2{margin-top:10px;font-size:10.8vw}
  .confirm-card{margin-top:18px;padding:16px}
}

/* Streamlined landing-page copy and mobile headline */
.final-cta:before{display:none}
@media(max-width:700px){
  .hero h1{max-width:none;white-space:normal;font-size:clamp(43px,12vw,56px);line-height:.88}
  .hero-prompt{display:block;white-space:nowrap}
  .rotating-badge{margin-top:.1em;white-space:nowrap}
  .just-say{display:block;margin-top:.24em;white-space:normal;font-size:.7em;line-height:1}
}

/* Mobile fix: feature-card headings use a fixed 40px font-size at every
   width, so on narrow phones long headlines wrap to 3 lines and collide
   with the absolutely-positioned content blocks below them (which were
   placed at a fixed pixel offset assuming a 2-line heading, leaving as
   little as 3px of clearance). Shrinking the heading and letting the
   content blocks flow normally instead of floating at a fixed offset
   fixes the overlap regardless of exact wrap/line count. */
@media(max-width:640px){
  .feature-grid .feature{height:auto;padding-bottom:28px}
  .feature-grid .feature h3{font-size:28px;line-height:34px}
  .feature-grid .feature .feature-wave,
  .feature-grid .feature .priority-list,
  .feature-grid .feature .notification,
  .feature-grid .feature .type-field{
    position:static;
    width:auto;
    height:auto;
    margin-top:24px;
    inset:auto
  }
}

/* The "01 - VOICE FIRST" feature card's wave icon shipped as a static
   illustration (fixed per-bar heights, no animation) while every other
   .wave element on the page pulses via the existing wave keyframe --
   inconsistent and looks broken next to the animated ones. Reuses that
   same keyframe here with a slight per-bar stagger. */
.feature-wave i{animation:wave 1.2s ease-in-out infinite}
.feature-wave i:nth-child(1){animation-delay:-.9s}
.feature-wave i:nth-child(2){animation-delay:-.3s}
.feature-wave i:nth-child(3){animation-delay:-.6s}
.feature-wave i:nth-child(4){animation-delay:0s}
.feature-wave i:nth-child(5){animation-delay:-.45s}