@font-face{font-family:DM Sans;src:url('images/fonts/dm-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--np-ink:#24452c;--np-forest:#24472e;--np-sage:#e8eedf;--np-white:#fff;--np-soft:#f4f5ed;--np-muted:#627360;--np-line:#d7dfcd;--np-heading:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--np-sage);color:var(--np-ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex:none}button{font:inherit}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--np-heading);font-weight:600;text-wrap:balance}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #91ad67;outline-offset:5px}.np-shell{width:min(1256px,calc(100% - 112px));margin-inline:auto}.np-kicker{font-size:11px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.np-skip{position:fixed;top:-70px;left:20px;z-index:99;padding:12px 20px;background:white;border-radius:6px}.np-skip:focus{top:12px}
.np-header{height:106px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;gap:35px}.np-brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--np-heading);font-weight:600;letter-spacing:-.04em;font-size:21px;white-space:nowrap}.np-brand>img{width:42px;height:42px;border-radius:12px}.np-nav{display:flex;align-items:center;gap:35px;font-size:14px}.np-nav>a{padding-block:10px;transition:opacity .2s}.np-nav>a:hover{opacity:.6}.np-menu-toggle{display:none}
.np-opening{position:relative;overflow:hidden;isolation:isolate;background:var(--np-sage)}.np-opening:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 87% 20%,#b1c79840,transparent 45%),radial-gradient(ellipse at 70% 99%,#c8d6b380,transparent 50%)}.np-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:35px;min-height:740px;align-items:center;position:relative}.np-hero-copy{padding:0 0 90px;position:relative;z-index:3}.np-hero-copy .np-kicker{color:#627759}.np-hero h1{font-size:clamp(66px,6.5vw,94px);line-height:1.035;letter-spacing:-.055em;font-weight:600}.np-hero-intro{font-size:18px;line-height:1.75;max-width:455px;margin-top:29px;color:#466049}.np-hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.np-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 25px;border-radius:99px;background:var(--np-forest);color:#fff;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.np-download svg{width:19px;height:22px}.np-download:hover{background:#365e3b;transform:translateY(-2px)}.np-quiet-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;padding:10px 0}.np-quiet-link>span{font-size:19px;line-height:1}.np-hero-art{position:relative;isolation:isolate;height:680px;align-self:end;perspective:1200px}.np-hero-light{position:absolute;inset:-80px -40px -30px -20px;background:radial-gradient(ellipse,#afc39565,transparent 68%);filter:blur(25px)}
.np-phone{position:relative;isolation:isolate;transform-style:preserve-3d;width:300px;aspect-ratio:630/1302;filter:drop-shadow(18px 27px 20px #20372228)}.np-phone:before{content:"";position:absolute;z-index:-1;inset:.2% -2.2% .2% 1%;border-radius:15.5% / 7.5%;background:linear-gradient(90deg,#101710 75%,#a0a596 91%,#5e675b);border:1px solid #b8bdaf;box-shadow:inset -2px 0 1px #e0e3d8}.np-frame{position:relative;z-index:1;width:100%;height:auto}.np-screen,.np-phone>video{position:absolute;z-index:2;inset:1.6% 3.8%;width:92.4%;height:96.8%;border-radius:13% / 6%;object-fit:fill;background:#fffcff}.np-phone:after{content:"";position:absolute;z-index:3;inset:1.6% 3.8%;border-radius:13% / 6%;background:linear-gradient(115deg,#ffffff18,transparent 30%,transparent 75%,#fff0);pointer-events:none}.np-hero-phone{position:absolute;left:calc(50% - 152px);top:38px;width:340px;transform:rotate(12deg) rotateY(-17deg);transform-origin:50% 50%;filter:drop-shadow(24px 30px 20px #243b2538)}
.np-features{position:relative;z-index:2;margin:0 22px;background:#fff;border-radius:18px;padding:99px 0 72px}.np-features>.np-shell{width:min(1192px,calc(100% - 80px))}.np-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:55px}.np-section-head h2,.np-journal-head h2{font-size:clamp(44px,4.2vw,62px);line-height:1.08;letter-spacing:-.045em}.np-section-head .np-kicker{color:#708365;margin-bottom:19px}.np-section-head>p{font-size:17px;line-height:1.8;max-width:345px;color:var(--np-muted);padding-bottom:3px}.np-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:23px}.np-feature{overflow:hidden;min-width:0;border-radius:9px;display:flex;flex-direction:column}.np-planning{grid-column:span 7;background:#e8efdf}.np-tasks{grid-column:span 5;background:#35573b;color:#fff}.np-crops{grid-column:span 5;background:#f0f2e9}.np-sharing{grid-column:span 7;background:#e5eddb}.np-feature-visual{position:relative;overflow:hidden;height:356px;flex:none}.np-feature-copy{padding:28px 30px 32px;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:226px}.np-feature-tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;color:#718568}.np-feature h3{font-size:25px;line-height:1.24;letter-spacing:-.025em}.np-feature-copy>p:not(.np-feature-tag){font-size:15px;line-height:1.8;margin-top:13px;color:#53694e;max-width:590px}.np-tasks .np-feature-tag{color:#b9cfac}.np-tasks .np-feature-copy>p:not(.np-feature-tag){color:#e1e9d8}.np-photo-visual{padding:26px 26px 0}.np-photo-visual>img{width:100%;height:100%;object-fit:cover;border-radius:22px}.np-tasks .np-photo-visual>img{object-position:62% 50%}.np-sharing .np-photo-visual>img{object-position:50% 0}.np-feature-icon{position:absolute;top:43px;left:42px;display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#f1f5e8;color:#365b39;box-shadow:0 3px 8px #1d3c2110}.np-feature-icon svg{width:24px;height:24px}.np-inline-link{font-size:12px;line-height:1.7;display:inline-flex;gap:13px;align-items:center;padding:5px 0;color:var(--np-ink);transition:gap .2s}.np-inline-link>svg{width:16px;height:16px}.np-inline-link:hover{gap:18px}.np-feature .np-inline-link{margin-top:auto;padding-top:18px}.np-planning-visual{background:radial-gradient(ellipse at 55% 52%,#ccddad80,transparent 70%);perspective:1400px}.np-calendar{position:absolute;top:28px;left:calc(50% - 190px);width:380px;padding:20px 12px 15px;background:#fffcff;border:1px solid #fff;border-radius:14px;box-shadow:0 17px 28px #40553617;transform:rotate(-6deg) rotateY(-7deg)}.np-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding:0 12px 12px;color:#275240}.np-calendar-heading>span:first-child{display:flex;align-items:center;gap:9px}.np-calendar-heading svg{width:16px;height:16px}.np-calendar-heading>span:last-child{font-size:11px;color:#83927c}.np-calendar-content{margin-inline:3px}.np-calendar-slice{position:relative;overflow:hidden;aspect-ratio:1110/245}.np-calendar-slice>img{position:absolute;width:108.64865%;max-width:none;height:auto;left:-4.324324%;top:var(--calendar-offset)}.np-calendar-scale{aspect-ratio:1110/280;--calendar-offset:-250%}.np-calendar-garlic{--calendar-offset:-400%}.np-calendar-potato{--calendar-offset:-600.816327%}.np-calendar-spinach{--calendar-offset:-901.632653%}.np-calendar-garlic:after{content:"";position:absolute;left:66.666667%;right:0;top:32%;height:55%;background:#fffcff repeating-linear-gradient(to right,#efe9ec 0 1px,transparent 1px 25%)}
.np-plan-demo{background:#26492f;color:#f4f6ed;margin-top:70px;overflow:hidden}.np-demo-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:655px}.np-demo-copy{padding-block:75px;max-width:500px;position:relative;z-index:3}.np-demo-copy .np-kicker{color:#bfd1ac}.np-demo-copy h3{font-size:clamp(45px,4.8vw,64px);line-height:1.1;letter-spacing:-.045em}.np-demo-copy>p:not(.np-kicker){font-size:17px;line-height:1.85;margin:25px 0 23px;max-width:410px;color:#d4e0c8}.np-demo-copy .np-inline-link{color:#eff3e5}.np-video-toggle{display:block;border:0;border-bottom:1px solid #b2c49a60;padding:4px 0 5px;margin-top:28px;background:none;color:#bacfab;font-size:10px;cursor:pointer}.np-demo-art{position:relative;perspective:1500px;height:620px;isolation:isolate}.np-demo-art:before{content:"";position:absolute;inset:-40px -120px;background:radial-gradient(ellipse,#9bbd6860,transparent 62%)}.np-demo-phone{width:260px;position:absolute;top:27px;left:calc(50% - 124px);transform:rotate(7deg) rotateY(-12deg);filter:drop-shadow(20px 25px 22px #112b1970)}
.np-journal{background:#fafbf6;padding:100px 0 95px}.np-journal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:47px}.np-journal-head .np-kicker{color:#7b8d6c;margin-bottom:18px}.np-journal-head .np-inline-link{white-space:nowrap;margin-bottom:7px}.np-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.np-journal-grid .home-journal-card{display:block;min-width:0}.np-journal-grid .home-journal-image{position:relative;aspect-ratio:1.44;overflow:hidden;border-radius:10px;margin-bottom:22px;background:#e5ebdc}.np-journal-grid .home-journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.np-journal-grid .home-journal-image>span{position:absolute;right:15px;bottom:15px;width:32px;height:32px;border-radius:50%;background:#fcfff5;display:grid;place-items:center}.np-journal-grid .home-journal-image svg{width:16px;height:16px}.np-journal-grid .journal-topic{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#718763;line-height:1.6}.np-journal-grid h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-top:11px}.np-journal-grid .home-journal-card>p{font-size:14px;line-height:1.85;color:#61725a;margin-top:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.np-journal-grid .home-journal-card:hover .home-journal-image img{transform:scale(1.025)}
.np-bottom{background:#e5edda;text-align:center;padding:84px 0 76px;position:relative;isolation:isolate;overflow:hidden}.np-bottom:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 70%,#d4e1ba90,transparent 65%)}.np-bottom-icon{width:62px;height:62px;border-radius:16px;margin:0 auto 22px;box-shadow:0 5px 15px #32562b10}.np-bottom .np-kicker{margin-bottom:18px;font-size:10px;color:#6a805c}.np-bottom h2{font-size:clamp(44px,4.7vw,65px);line-height:1.1;letter-spacing:-.045em}.np-bottom-content>p:not(.np-kicker){font-size:16px;line-height:1.8;margin:23px 0 28px;color:#617456}.np-bottom-more{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 0;font-size:11px;line-height:1.8;color:#5d7553}.np-bottom-more svg{width:14px;height:14px}.np-footer{background:#1b3522;color:#e9f0df;padding:59px 0 24px}.np-footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:70px;padding-bottom:52px}.np-footer .np-brand{align-self:start;font-size:20px}.np-footer .np-brand>img{width:38px;height:38px;border-radius:11px}.np-footer-col{display:flex;align-items:flex-start;flex-direction:column;gap:12px;font-size:13px;color:#d2dfc8}.np-footer-col>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#829976;margin-bottom:7px}.np-footer-col>a:hover,.np-footer-bottom a:hover{color:#fff}.np-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #abc29725;padding-top:24px;color:#9eb28f;font-size:10px;line-height:1.7;flex-wrap:wrap}.np-footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.np-preview-note{font-size:9px;color:#738d66}
@media(min-width:1650px){.np-hero{min-height:795px}.np-hero-art{height:725px}.np-hero-phone{width:365px;top:35px}.np-hero h1{font-size:99px}}
@media(max-width:1150px){.np-shell{width:calc(100% - 80px)}.np-hero{gap:15px;min-height:700px;grid-template-columns:1.1fr 1fr}.np-hero h1{font-size:76px}.np-hero-copy{padding-bottom:50px}.np-hero-intro{font-size:17px;max-width:410px}.np-hero-actions{gap:22px}.np-hero-art{height:630px}.np-hero-phone{width:310px;left:calc(50% - 140px);top:30px}.np-features>.np-shell{width:calc(100% - 56px)}.np-section-head{gap:45px}.np-section-head h2{font-size:50px}.np-section-head>p{font-size:16px;max-width:315px}.np-feature-grid{gap:19px}.np-photo-visual{padding:21px 21px 0}.np-feature-icon{top:36px;left:36px;width:42px;height:42px}.np-feature-copy{padding:25px 26px 29px}.np-feature h3{font-size:23px}.np-feature-copy>p:not(.np-feature-tag){font-size:14px}.np-calendar{width:350px;left:calc(50% - 175px);top:36px}.np-feature-visual{height:332px}.np-demo-layout{gap:45px;min-height:610px}.np-demo-art{height:590px}.np-demo-phone{width:245px;left:calc(50% - 118px);top:35px}.np-journal-grid{gap:23px}.np-journal-grid h3{font-size:22px}}
@media(max-width:900px){.np-shell{width:calc(100% - 56px)}.np-header{height:92px}.np-brand{font-size:18px}.np-brand>img{width:36px;height:36px;border-radius:11px}.np-nav{font-size:12px;gap:25px}.np-hero{min-height:650px;gap:5px}.np-hero h1{font-size:61px}.np-hero-intro{font-size:16px;max-width:350px;line-height:1.8}.np-hero-copy .np-kicker{font-size:9px;letter-spacing:.11em}.np-hero-actions{gap:15px}.np-download{padding:15px 21px;font-size:13px;gap:10px}.np-quiet-link{font-size:11px;gap:10px}.np-hero-art{height:580px}.np-hero-phone{width:274px;left:calc(50% - 125px);top:35px}.np-features{margin-inline:16px;padding-top:73px;padding-bottom:60px}.np-features>.np-shell{width:calc(100% - 42px)}.np-section-head{gap:30px;margin-bottom:38px}.np-section-head h2{font-size:43px}.np-section-head>p{font-size:14px;max-width:270px}.np-kicker{font-size:9px}.np-feature-visual{height:290px}.np-feature-copy{padding:23px 21px 25px}.np-feature h3{font-size:22px}.np-feature-copy>p:not(.np-feature-tag){font-size:13px}.np-photo-visual{padding:18px 18px 0}.np-photo-visual>img{border-radius:17px}.np-feature-icon{top:30px;left:30px;width:37px;height:37px}.np-feature-icon svg{width:20px;height:20px}.np-calendar{width:310px;left:calc(50% - 155px);top:25px;padding-top:16px}.np-calendar-heading{font-size:11px}.np-calendar-heading svg{width:14px;height:14px}.np-plan-demo{margin-top:55px}.np-demo-copy h3{font-size:47px}.np-demo-copy>p:not(.np-kicker){font-size:15px}.np-demo-layout{min-height:565px;gap:22px}.np-demo-art{height:550px}.np-demo-phone{width:222px;left:calc(50% - 110px);top:40px}.np-journal{padding:76px 0}.np-journal-head h2{font-size:45px}.np-journal-grid{gap:19px}.np-journal-grid h3{font-size:19px}.np-journal-grid .home-journal-card>p{font-size:12px}.np-footer-main{gap:35px}.np-footer .np-brand{font-size:17px}}
@media(max-width:700px){html{scroll-padding-top:20px}.np-shell{width:calc(100% - 40px)}.np-header{height:83px;gap:20px}.np-brand{font-size:17px;gap:9px}.np-brand>img{width:36px;height:36px}.np-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;border:1px solid #cbd7bf;border-radius:50%;background:transparent;color:#24472e;cursor:pointer}.np-menu-toggle>span{width:18px;height:1.5px;background:currentColor;transition:transform .2s}.np-menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.np-menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.np-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;border:1px solid #dce5d4;padding:12px 20px;border-radius:11px;box-shadow:0 10px 25px #24472e12;flex-direction:column;align-items:stretch;gap:0;font-size:15px}.np-nav.is-open{display:flex}.np-nav>a{padding:14px 0}.np-hero{display:block;min-height:0}.np-hero-copy{padding:42px 0 0;max-width:550px}.np-hero-copy .np-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:19px}.np-hero h1{font-size:clamp(42px,12vw,64px);line-height:1.05;letter-spacing:-.055em}.np-hero-intro{font-size:16px;line-height:1.8;max-width:465px;margin-top:23px}.np-hero-actions{margin-top:26px;gap:22px;flex-wrap:wrap}.np-download{font-size:13px;padding:16px 22px}.np-quiet-link{font-size:11px}.np-hero-art{height:535px;margin-top:22px;width:100%;max-width:430px;margin-inline:auto}.np-hero-phone{width:min(65vw,275px);top:24px;left:50%;margin-left:-28vw;transform:rotate(9deg) rotateY(-16deg)}.np-hero-light{inset:-30px -80px}.np-features{margin:0 12px;padding:58px 0 38px;border-radius:13px}.np-features>.np-shell{width:calc(100% - 32px)}.np-section-head{display:block;margin-bottom:31px}.np-section-head .np-kicker{font-size:9px;margin-bottom:16px}.np-section-head h2{font-size:39px;letter-spacing:-.045em;line-height:1.12}.np-section-head>p{max-width:425px;font-size:15px;line-height:1.8;margin-top:21px}.np-feature-grid{display:flex;flex-direction:column;gap:19px}.np-feature{border-radius:8px}.np-feature-visual{height:290px}.np-feature-copy{padding:24px 22px 27px;min-height:0}.np-feature-tag{font-size:9px;margin-bottom:12px}.np-feature h3{font-size:24px;line-height:1.24}.np-feature-copy>p:not(.np-feature-tag){font-size:14px;line-height:1.85;margin-top:14px}.np-feature .np-inline-link{font-size:12px;padding-top:16px}.np-photo-visual{padding:19px 19px 0}.np-photo-visual>img{border-radius:19px}.np-feature-icon{left:32px;top:32px;width:40px;height:40px}.np-calendar{width:300px;left:calc(50% - 150px);top:27px;padding:16px 9px 12px;transform:rotate(-5deg) rotateY(-5deg);border-radius:12px}.np-calendar-heading{font-size:11px;padding-inline:10px}.np-calendar-heading>span:last-child{font-size:10px}.np-plan-demo{margin-top:42px}.np-demo-layout{display:block;min-height:0}.np-demo-copy{padding:58px 0 0;max-width:500px}.np-demo-copy .np-kicker{font-size:9px;margin-bottom:19px}.np-demo-copy h3{font-size:43px;line-height:1.12}.np-demo-copy>p:not(.np-kicker){font-size:15px;max-width:440px;margin:23px 0 18px}.np-demo-copy .np-inline-link{font-size:12px}.np-video-toggle{font-size:10px;margin-top:20px}.np-demo-art{height:533px;max-width:410px;margin:22px auto 0}.np-demo-phone{width:231px;left:50%;margin-left:-115px;top:22px;transform:rotate(7deg) rotateY(-9deg)}.np-journal{padding:62px 0 65px}.np-journal-head{display:block;margin-bottom:30px}.np-journal-head .np-kicker{font-size:9px;margin-bottom:17px}.np-journal-head h2{font-size:40px;line-height:1.12}.np-journal-head>.np-inline-link{margin-top:22px;font-size:12px}.np-journal-grid{grid-template-columns:1fr;gap:33px}.np-journal-grid .home-journal-image{aspect-ratio:1.6;border-radius:9px;margin-bottom:17px}.np-journal-grid .journal-topic{font-size:9px}.np-journal-grid h3{font-size:24px;margin-top:9px}.np-journal-grid .home-journal-card>p{font-size:14px;line-height:1.8;margin-top:11px;-webkit-line-clamp:3}.np-bottom{padding:60px 0 57px}.np-bottom-icon{width:57px;height:57px;border-radius:15px;margin-bottom:20px}.np-bottom .np-kicker{font-size:9px}.np-bottom h2{font-size:41px;line-height:1.12}.np-bottom-content>p:not(.np-kicker){font-size:14px;margin:21px 0 25px}.np-bottom-more{font-size:10px;margin-top:17px}.np-footer{padding-top:43px}.np-footer-main{grid-template-columns:1fr 1fr;gap:32px 25px;padding-bottom:34px}.np-footer .np-brand{grid-column:1/-1;font-size:18px;margin-bottom:3px}.np-footer-col{font-size:12px;gap:11px}.np-footer-col>span{font-size:9px;letter-spacing:.08em}.np-footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding-top:22px;font-size:9px}.np-footer-bottom>div{gap:16px}.np-preview-note{font-size:8px}}
@media(max-width:370px){.np-shell{width:calc(100% - 32px)}.np-brand{font-size:15px}.np-header{height:77px}.np-hero-copy{padding-top:31px}.np-hero h1{font-size:41px}.np-hero-intro{font-size:15px}.np-hero-actions{gap:12px 19px}.np-quiet-link{font-size:10px}.np-download{padding:15px 20px;font-size:12px}.np-hero-art{height:455px}.np-hero-phone{width:220px;left:50%;margin-left:-100px}.np-section-head h2{font-size:34px}.np-features>.np-shell{width:calc(100% - 26px)}.np-feature-visual{height:260px}.np-photo-visual{padding:16px 16px 0}.np-calendar{width:280px;left:calc(50% - 140px);top:25px}.np-feature-copy{padding:23px 19px 25px}.np-feature h3{font-size:22px}.np-feature-copy>p:not(.np-feature-tag){font-size:13px}.np-demo-copy h3{font-size:38px}.np-demo-art{height:500px}.np-demo-phone{width:218px;margin-left:-110px}.np-journal-head h2,.np-bottom h2{font-size:36px}.np-footer-col{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the complete calendar visible rather than cutting off its last crop row. */
.np-calendar{top:50%;left:50%;width:310px;transform:translate(-50%,-50%) rotate(-5deg) rotateY(-6deg)}
@media(max-width:1150px){.np-calendar{width:290px;top:50%;left:50%}}
@media(max-width:900px){.np-calendar{width:260px;top:50%;left:50%}}
@media(min-width:701px) and (max-width:900px){.np-hero h1{font-size:clamp(50px,6.5vw,58px)}}
@media(max-width:700px){.np-calendar{width:260px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg) rotateY(-5deg)}}
@media(max-width:370px){.np-calendar{width:225px;top:50%;left:50%}}

/* One continuous botanical background behind navigation and hero. */
.np-header{position:absolute;top:0;left:0;right:0}
.np-opening{padding-top:106px;background:#eef2e8}
.np-opening:before{background:url('images/homepage-nieuw/botanische-achtergrond.webp') center center / cover no-repeat}
.np-hero-light{display:none}
@media(max-width:900px){.np-opening{padding-top:92px}}
@media(max-width:700px){.np-opening{padding-top:83px}.np-opening:before{background-position:22% center}}
@media(max-width:370px){.np-opening{padding-top:77px}}

/* A quiet floating navigation, kept available while browsing. */
html{scroll-padding-top:120px}
.np-header{position:fixed;top:18px;left:0;right:0;width:min(1256px,calc(100% - 64px));height:76px;padding:14px 25px;gap:28px;border:1px solid #ffffff9c;border-radius:22px;background:rgba(249,251,243,.78);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 5px 22px #263d2510;transition:background .3s,box-shadow .3s}
.np-header.is-scrolled{background:rgba(249,251,243,.94);box-shadow:0 7px 26px #263d251c;border-color:#e0e6d8}
.np-header .np-brand>img{width:38px;height:38px;border-radius:11px}
.np-header .np-nav{font-size:13px;gap:30px}
.np-header .np-nav>a{position:relative}
.np-header .np-nav>a:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.np-header .np-nav>a:hover:after{transform:scaleX(1)}

/* Angled product photography, with a small editorial caption. */
.np-hero-art{perspective:1000px}
.np-hero-phone{top:35px;width:335px;left:calc(50% - 147px);transform:translate3d(0,var(--np-drift,0px),0) rotate(23deg) rotateY(-25deg) rotateX(4deg)}
.np-glass-label{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 19px;border:1px solid #ffffff7a;border-radius:18px;background:rgba(247,248,232,.86);color:#294b31;box-shadow:0 8px 25px #193e281a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:13px;line-height:1.55;font-weight:400}
.np-label-icon{width:31px;height:31px;flex:none;border-radius:50%;display:grid;place-items:center;background:#d9e5c9;color:#365c3b}
.np-label-icon svg{width:18px;height:18px}
.np-glass-label strong{font-family:var(--np-heading);font-weight:600}
.np-hero-label{top:27%;left:80px;white-space:nowrap;transform:translate3d(0,calc(var(--np-drift,0px) * -.5),0);border-radius:99px;padding:12px 20px 12px 12px;background:rgba(244,239,208,.82)}

/* Additional app views stay next to the features they explain. */
.np-app-visual{isolation:isolate;perspective:1100px}
.np-lifestyle{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.np-task-visual .np-lifestyle{object-position:56% 45%;opacity:.68}
.np-task-visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#254d30a8 0,#254d3018 55%,#254d3040)}
.np-task-phone{position:absolute;z-index:2;width:192px;top:30px;right:41px;transform:translate3d(0,var(--np-drift,0px),0) rotate(10deg) rotateY(-12deg);filter:drop-shadow(12px 18px 15px #14391e4d)}
.np-task-label{left:22px;bottom:28px;max-width:calc(100% - 44px);background:rgba(239,246,225,.84)}
.np-garden-visual .np-lifestyle{object-position:65% 32%}
.np-garden-visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#cadabaad 0,#dce6d521 55%,transparent)}
.np-garden-phone{position:absolute;z-index:2;width:195px;top:35px;left:65px;transform:translate3d(0,var(--np-drift,0px),0) rotate(-11deg) rotateY(10deg);filter:drop-shadow(12px 17px 14px #1c392e3d)}
.np-garden-label{right:24px;bottom:28px;max-width:calc(100% - 48px);background:rgba(246,249,238,.84)}
.np-demo-phone{transform:translate3d(0,var(--np-drift,0px),0) rotate(7deg) rotateY(-12deg)}

/* Motion is progressive enhancement: content is visible without JavaScript. */
.np-motion-ready .np-reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.25,1)}
.np-motion-ready .np-reveal.is-visible{opacity:1;transform:translateY(0)}
.np-motion-ready .np-feature:nth-child(even){transition-delay:80ms}
@media(hover:hover){.np-feature{transition:box-shadow .35s}.np-feature:hover{box-shadow:0 12px 28px #263d2510}.np-download:hover svg{transform:translateY(-1px)}}
@media(min-width:1650px){.np-hero-phone{width:360px;top:40px}.np-hero-label{top:27%}}
@media(max-width:1150px){.np-header{width:calc(100% - 48px);padding-inline:22px}.np-hero-phone{width:310px;left:calc(50% - 140px);top:25px}.np-hero-label{font-size:12px;left:-10px;gap:9px;padding-right:15px}.np-task-phone{width:177px;right:26px;top:35px}.np-garden-phone{width:182px;left:43px}.np-glass-label:not(.np-hero-label){font-size:12px;padding:12px 14px;gap:9px}.np-task-label{left:17px;bottom:23px}.np-garden-label{right:18px;bottom:23px}}
@media(max-width:900px){.np-header{height:70px;top:14px;width:calc(100% - 36px);padding-inline:20px}.np-header .np-brand{font-size:18px}.np-header .np-brand>img{width:34px;height:34px}.np-header .np-nav{gap:21px;font-size:12px}.np-hero-phone{width:266px;left:calc(50% - 128px);top:35px}.np-hero-label{top:26%;left:-35px;font-size:11px;gap:8px;padding:10px 13px 10px 10px}.np-hero-label .np-label-icon{width:27px;height:27px}.np-task-phone{width:163px;right:17px;top:23px}.np-garden-phone{width:165px;left:31px;top:26px}.np-glass-label:not(.np-hero-label){font-size:11px;border-radius:14px;padding:10px 12px;gap:8px}.np-task-label{left:14px;bottom:18px}.np-garden-label{right:14px;bottom:18px}.np-label-icon{width:27px;height:27px}}
@media(max-width:700px){html{scroll-padding-top:100px}.np-header{top:12px;width:calc(100% - 24px);height:64px;padding:11px 13px;border-radius:18px;gap:15px}.np-header .np-brand{font-size:16px;gap:8px}.np-header .np-brand>img{width:32px;height:32px;border-radius:9px}.np-header .np-menu-toggle{width:37px;height:37px;background:#ffffff30}.np-header .np-nav{position:absolute;top:72px;left:0;right:0;gap:0;font-size:14px;padding:9px 18px;background:rgba(250,252,245,.98);border-radius:15px}.np-header .np-nav>a:after{display:none}.np-hero-art{height:540px;margin-top:38px}.np-hero-phone{width:min(62vw,265px);left:50%;margin-left:0;top:25px;transform:translateX(-50%) translateY(var(--np-drift,0px)) rotate(19deg) rotateY(-23deg) rotateX(3deg)}
.np-hero-label{top:125px;left:50%;transform:translateX(-50%);font-size:11px;gap:8px;padding:10px 14px 10px 10px;max-width:100%}.np-task-phone{width:182px;top:-20px;right:38px}.np-task-label{font-size:12px!important;left:18px;top:22px;bottom:auto;padding:12px 14px!important}.np-garden-phone{width:177px;top:25px;left:44px}.np-garden-label{right:18px;bottom:22px;font-size:12px!important;padding:12px 14px!important}.np-motion-ready .np-feature:nth-child(even){transition-delay:0ms}.np-demo-phone{transform:translate3d(0,var(--np-drift,0px),0) rotate(7deg) rotateY(-9deg)}}
@media(max-width:370px){.np-header .np-brand{font-size:14px}.np-header .np-brand>img{width:30px;height:30px}.np-header .np-menu-toggle{width:34px;height:34px}.np-hero-art{height:465px}.np-hero-phone{width:215px;top:18px}.np-hero-label{top:110px;font-size:10px;gap:7px;letter-spacing:-.015em}.np-task-phone{width:160px;right:29px;top:-18px}.np-garden-phone{width:160px;left:30px;top:23px}.np-glass-label:not(.np-hero-label){padding:9px 11px!important;font-size:11px!important}.np-task-label{left:13px;top:17px;bottom:auto}.np-garden-label{right:13px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.np-motion-ready .np-reveal{opacity:1!important;transform:none!important;transition:none!important}[data-motion]{--np-drift:0px!important}}

/* Editorial finishing pass: readable small text, clear product story, consistent surfaces. */
.np-hero-copy .np-kicker{font-size:11px;color:#4f6749;letter-spacing:.12em}
.np-start-note{font-size:12px;line-height:1.7;margin-top:19px;color:#526849}
.np-section-head .np-kicker,.np-journal-head .np-kicker{font-size:11px;color:#526c47;letter-spacing:.11em}
.np-feature-tag{font-size:11px;letter-spacing:.08em;color:#526c47}
.np-tasks .np-feature-tag{color:#c8d8b9}
.np-journal-grid .journal-topic{font-size:11px;color:#526c47}
.np-feature-copy>p:not(.np-feature-tag){color:#4e6449}
.np-tasks .np-feature-copy>p:not(.np-feature-tag){color:#e1e9d8}
.np-quiet-link{min-height:44px}
.np-header .np-nav>a{min-height:44px;display:flex;align-items:center}
.np-screen,.np-phone>video{object-fit:cover;object-position:center top}
.np-app-visual{padding:26px 26px 0}
.np-visual-window{position:relative;height:100%;overflow:hidden;border-radius:22px;isolation:isolate}
.np-task-visual:after,.np-garden-visual:after{content:none}
.np-task-visual .np-visual-window:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#254d30a8 0,#254d3018 55%,#254d3040)}
.np-garden-visual .np-visual-window:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#cadabaad 0,#dce6d521 55%,transparent)}
.np-task-phone{right:27px;top:20px}
.np-task-label{left:15px;bottom:22px}
.np-garden-phone{left:39px;top:27px}
.np-garden-label{right:18px;bottom:22px}

/* The spatial planner is the central feature, between the two pairs of cards. */
.np-plan-demo{grid-column:1/-1;margin:0;border-radius:9px}
.np-demo-layout{width:calc(100% - 100px);min-height:570px;gap:56px;grid-template-columns:1.1fr .9fr}
.np-demo-copy{padding-block:48px}
.np-demo-copy .np-kicker{font-size:11px;letter-spacing:.1em}
.np-demo-copy h3{font-size:clamp(42px,4.2vw,56px)}
.np-demo-copy>p:not(.np-kicker){margin:22px 0 0;font-size:16px;max-width:410px}
.np-demo-points{margin:24px 0 17px;padding:19px 0;list-style:none;border-top:1px solid #b0c49b33;border-bottom:1px solid #b0c49b33;display:grid;gap:12px}
.np-demo-points li{display:flex;gap:13px;align-items:center;font-size:13px;line-height:1.6;color:#e2ead7}
.np-demo-points svg{width:18px;height:18px;color:#afc598}
.np-demo-art{height:570px}
.np-demo-phone{width:240px;left:calc(50% - 116px);top:31px}
.np-video-toggle{display:inline-flex;gap:9px;align-items:center;min-height:44px;margin-top:19px;padding:9px 14px;border:1px solid #adc69b66;border-radius:99px;background:#ffffff08;color:#edf3e3;font-size:12px;line-height:1.5;transition:background .2s}
.np-video-toggle svg{width:14px;height:14px}
.np-video-toggle:hover{background:#ffffff12}

/* A useful final decision point, without another row of download prompts. */
.np-bottom{padding:80px 0;text-align:left}
.np-bottom-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}
.np-bottom-content{max-width:480px}
.np-bottom-icon{width:54px;height:54px;border-radius:14px;margin:0 0 22px}
.np-bottom .np-kicker{font-size:11px;color:#526c47;margin-bottom:16px}
.np-bottom h2{font-size:clamp(43px,4.2vw,58px);line-height:1.1}
.np-bottom-content>p:not(.np-kicker){font-size:15px;color:#4e6449;line-height:1.8;margin:23px 0 26px;max-width:440px}
.np-bottom-more{justify-content:flex-start;margin:16px 0 0;font-size:12px;min-height:32px;width:fit-content;color:#3d5b35}
.np-faq{min-width:0;max-width:510px}
.np-faq h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-bottom:24px}
.np-faq details{border-bottom:1px solid #a6b89570}
.np-faq details:first-of-type{border-top:1px solid #a6b89570}
.np-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;padding:21px 0;font-size:15px;line-height:1.6}
.np-faq summary::-webkit-details-marker{display:none}
.np-faq summary>svg{width:19px;height:19px;transition:transform .25s;flex:none}
.np-faq details[open] summary>svg{transform:rotate(45deg)}
.np-faq details>p{font-size:14px;line-height:1.85;color:#4e6449;padding:0 30px 21px 0}
.np-faq>.np-inline-link{margin-top:22px;font-size:12px;min-height:32px}
.np-faq summary:focus-visible{outline:2px solid #567a3e;outline-offset:4px}
.np-footer-col>span{color:#b3c2a5}
.np-footer-col>a{min-height:28px;display:flex;align-items:center}
.np-footer-bottom{font-size:12px}
.np-footer-bottom a{display:inline-flex;align-items:center;min-height:28px}
.np-preview-note{font-size:10px;color:#a7ba9a}
.np-journal-grid .home-journal-card>p{font-size:15px;color:#53664c}
.np-journal-grid .home-journal-image{margin-bottom:20px}
.np-motion-ready .np-reveal{transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.65,.25,1)}
.np-motion-ready .np-reveal.is-visible{transform:translateY(0)}

@media(max-width:1150px){
 .np-app-visual{padding:21px 21px 0}.np-visual-window{border-radius:20px}.np-task-phone{right:20px;top:18px}.np-garden-phone{left:30px;top:25px}
 .np-demo-layout{width:calc(100% - 64px);gap:35px;min-height:545px}.np-demo-copy h3{font-size:46px}.np-demo-copy>p:not(.np-kicker){font-size:15px}.np-demo-art{height:545px}.np-demo-phone{width:223px;left:calc(50% - 110px);top:38px}
 .np-bottom-layout{gap:75px}.np-bottom h2{font-size:49px}.np-bottom{padding:70px 0}.np-journal-grid .home-journal-card>p{font-size:14px}
}
@media(max-width:900px){
 .np-hero-copy .np-kicker{font-size:10px}.np-start-note{font-size:11px;margin-top:15px}.np-feature-tag,.np-section-head .np-kicker,.np-journal-head .np-kicker{font-size:10px}
 .np-app-visual{padding:18px 18px 0}.np-visual-window{border-radius:17px}.np-task-phone{right:13px;top:15px}.np-task-label{left:10px;bottom:15px}.np-garden-phone{left:24px;top:22px}.np-garden-label{right:12px;bottom:16px}
 .np-demo-layout{width:calc(100% - 48px);gap:16px;min-height:510px}.np-demo-copy{padding-block:37px}.np-demo-copy h3{font-size:40px}.np-demo-copy .np-kicker{font-size:10px}.np-demo-copy>p:not(.np-kicker){font-size:14px}.np-demo-points{margin:19px 0 13px;padding-block:15px;gap:10px}.np-demo-points li{font-size:12px;gap:9px}.np-demo-art{height:510px}.np-demo-phone{width:195px;left:calc(50% - 95px);top:49px}
 .np-bottom-layout{gap:45px}.np-bottom h2{font-size:42px}.np-faq h3{font-size:22px}.np-faq summary{font-size:14px;padding-block:18px}.np-faq details>p{font-size:13px}.np-footer-bottom{font-size:11px}
}
@media(max-width:700px){
 .np-hero-copy .np-kicker{font-size:10px}.np-hero-actions{gap:8px 22px}.np-start-note{margin-top:8px;font-size:11px}.np-hero-art{height:505px;margin-top:28px}
 .np-feature-tag,.np-section-head .np-kicker,.np-journal-head .np-kicker{font-size:10px;letter-spacing:.09em}.np-section-head>p{font-size:15px}
 .np-app-visual{padding:19px 19px 0}.np-visual-window{border-radius:19px}.np-task-phone{right:21px;top:-30px;width:174px}.np-task-label{left:10px;top:14px;bottom:auto;font-size:11px!important;padding:9px 11px!important}.np-garden-phone{left:25px;top:20px;width:167px}.np-garden-label{right:12px;bottom:17px;font-size:11px!important;padding:10px 11px!important}
 .np-plan-demo{margin:0;border-radius:8px}.np-demo-layout{width:calc(100% - 44px);display:block;min-height:0}.np-demo-copy{padding:39px 0 0}.np-demo-copy h3{font-size:40px}.np-demo-copy .np-kicker{font-size:10px;margin-bottom:17px}.np-demo-copy>p:not(.np-kicker){font-size:14px;margin-top:21px}.np-demo-points{margin:21px 0 14px;padding-block:17px;gap:11px}.np-demo-points li{font-size:12px;gap:11px}.np-demo-points svg{width:17px;height:17px}.np-video-toggle{margin-top:16px;font-size:12px}.np-demo-art{height:485px;margin:15px auto 0;max-width:350px}.np-demo-phone{width:215px;left:50%;margin-left:-107px;top:21px}
 .np-journal-grid .home-journal-card>p{font-size:14px}.np-journal-grid .journal-topic{font-size:10px}.np-journal-grid h3{font-size:23px}
 .np-bottom{padding:55px 0}.np-bottom-layout{display:block}.np-bottom-content{max-width:500px}.np-bottom-icon{width:49px;height:49px;margin-bottom:20px}.np-bottom h2{font-size:42px}.np-bottom .np-kicker{font-size:10px}.np-bottom-content>p:not(.np-kicker){font-size:14px;max-width:430px;margin:21px 0 25px}.np-bottom-more{font-size:12px;margin-top:12px}.np-faq{margin-top:45px;max-width:none}.np-faq h3{font-size:23px;margin-bottom:21px}.np-faq summary{font-size:14px;padding-block:19px}.np-faq details>p{font-size:14px}.np-footer-col{font-size:13px;gap:8px}.np-footer-col>span{font-size:10px}.np-footer-bottom{font-size:11px;gap:15px}.np-preview-note{font-size:10px}
}
@media(max-width:370px){
 .np-hero-actions{gap:8px 16px}.np-start-note{font-size:10px}.np-hero-art{height:450px;margin-top:21px}.np-hero-copy .np-kicker{font-size:9px;letter-spacing:.11em}
 .np-app-visual{padding:16px 16px 0}.np-task-phone{width:155px;top:-27px;right:17px}.np-garden-phone{width:151px;left:17px;top:20px}.np-task-label{top:13px;left:9px;font-size:10px!important}.np-garden-label{right:9px;font-size:10px!important}.np-glass-label:not(.np-hero-label) .np-label-icon{width:24px;height:24px}
 .np-demo-layout{width:calc(100% - 36px)}.np-demo-copy h3{font-size:35px}.np-demo-copy>p:not(.np-kicker){font-size:13px}.np-demo-points li{font-size:11px}.np-demo-art{height:442px}.np-demo-phone{width:197px;margin-left:-98px;top:17px}.np-bottom h2{font-size:37px}.np-faq h3{font-size:21px}.np-faq summary{font-size:13px}.np-faq details>p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.np-motion-ready .np-reveal{transform:none!important;opacity:1!important;transition:none!important}.np-faq summary>svg{transition:none}}

.np-hero-actions{align-items:flex-start}.np-action-primary{flex:none}.np-action-primary .np-start-note{font-size:11px;line-height:1.65;margin-top:11px}.np-note-break{display:none}.np-hero-actions>.np-quiet-link{margin-top:6px}
@media(min-width:701px){.np-note-break{display:block}}
@media(max-width:700px){.np-hero-actions{row-gap:7px}.np-hero-actions>.np-quiet-link{margin-top:0}.np-action-primary .np-start-note{font-size:11px;max-width:260px;margin-top:10px}.np-note-break{display:block}}
@media(max-width:370px){.np-action-primary .np-start-note{font-size:10px}}

.np-video-toggle{display:flex;width:fit-content}
.np-action-primary .np-start-note{font-size:12px}
@media(max-width:900px){.np-action-primary .np-start-note{font-size:11px}}
@media(max-width:370px){.np-action-primary .np-start-note{font-size:10px}}
/* Keep hover and keyboard feedback readable on both light and dark surfaces. */
.np-header .np-nav>a:hover{opacity:1;color:#355b36}
button:focus-visible,a:focus-visible{outline-color:#5c7b42}
.np-plan-demo button:focus-visible,.np-plan-demo a:focus-visible,.np-footer a:focus-visible{outline-color:#d3e4be}

/* A continuous white canvas: no rounded outer panel or contrasting side gutters. */
.np-features{margin:0;border-radius:0;background:#fff;padding-bottom:0}
.np-features>.np-shell{width:min(1256px,calc(100% - 112px))}
.np-journal{background:#fff;padding-top:90px}
.np-start-note,.np-action-primary .np-start-note{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;line-height:1.6;color:#4e6547}
.np-android-mark{display:inline-flex;align-items:center}
.np-android-mark svg,.np-bottom-platform svg{width:14px;height:14px}
.np-bottom-platform{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:#4e6547}

/* A metal device with real depth and physical side controls. Front/display ratio 400:835. */
.np-phone{--np-device-width:320px;width:var(--np-device-width);aspect-ratio:400/835;transform-style:preserve-3d;isolation:auto;filter:none;overflow:visible}
.np-phone:before,.np-phone:after{content:none}
.np-hero-phone,.np-task-phone,.np-demo-phone{filter:none;isolation:auto;transform-style:preserve-3d}
.np-device-metal{position:absolute;inset:0;border-radius:16% / 7.66%;background:linear-gradient(100deg,#464d47 0%,#a2aaa2 20%,#e1e5df 45%,#b1b9b1 66%,#828b82 85%,#4a544d);border:1px solid #bac2b9;transform:translateZ(calc(var(--np-device-width) * -.009 * var(--np-layer)));pointer-events:none}
.np-device-metal:nth-of-type(10){box-shadow:20px 28px 32px #19341f40}
.np-device-face{position:absolute;inset:0;border-radius:16% / 7.66%;background:linear-gradient(125deg,#c4cbc3 0%,#59635b 4%,#111713 11%,#080c09 67%,#6c766d 94%,#d5dbd1 100%);border:1px solid #d6dcd1;box-shadow:inset 0 0 0 2px #1a201b;transform:translateZ(1px)}
.np-device-display{position:absolute;inset:1.55% 3.25%;overflow:hidden;border-radius:14% / 6.46%;background:#fffcff;box-shadow:0 0 0 2px #070b08}
.np-device-display>.np-screen,.np-device-display>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:inherit;object-fit:cover;object-position:center top;background:#fffcff}
.np-device-display:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff1,transparent 25%,transparent 80%,#ffffff06)}
.np-device-side{position:absolute;left:100%;top:7.66%;height:84.68%;width:calc(var(--np-device-width) * .09);transform-origin:left center;transform:rotateY(90deg);background:linear-gradient(90deg,#768278,#d5ddd2 16%,#b9c3b7 48%,#849182 83%,#46554b);border-left:1px solid #eff3e9;border-right:1px solid #5c685f;pointer-events:none}
.np-power-button,.np-camera-button{position:absolute;left:19%;width:62%;border-radius:50% / 8%;background:linear-gradient(90deg,#536157,#c2ccbf 35%,#d7e0d2 65%,#6f7f6e);border:1px solid #596c59;box-shadow:inset 1px 0 1px #f5f8ef,1px 0 2px #182a1d80;transform:translateZ(calc(var(--np-device-width) * .005));}
.np-power-button{top:23%;height:12%}.np-camera-button{top:71%;height:8%;border-radius:50% / 12%;background:linear-gradient(90deg,#4f5b52,#899985 36%,#becbb7 75%,#6c7a6a)}
.np-antenna{position:absolute;left:0;right:0;height:2.5px;background:#637362;box-shadow:0 1px #d7dfd2}.np-antenna-top{top:3%}.np-antenna-bottom{bottom:3%}
.np-hero-art{perspective:1100px;overflow:visible}
.np-hero-phone{--np-device-width:350px;left:calc(50% - 150px);top:44px;transform:translate3d(0,var(--np-drift,0px),0) rotate(15deg) rotateY(-32deg) rotateX(4deg)}
.np-hero-label{top:29%;left:75px}
.np-task-visual{perspective:1100px}
.np-task-visual .np-visual-window{background:#d6e0cb}
.np-task-visual .np-lifestyle{opacity:.18;object-position:32% center}
.np-task-visual .np-visual-window:after{background:linear-gradient(135deg,#e2eadb3d,transparent 55%,#b9caae40)}
.np-task-phone{--np-device-width:213px;top:29px;right:49px;transform:translate3d(0,var(--np-drift,0px),0) rotate(10deg) rotateY(-30deg) rotateX(3deg)}
.np-task-label{left:18px;bottom:25px;background:rgba(244,248,235,.87)}
.np-demo-phone{--np-device-width:246px;width:var(--np-device-width);left:calc(50% - 120px);top:28px;transform:translate3d(0,var(--np-drift,0px),0) rotate(8deg) rotateY(-23deg) rotateX(2deg)}

/* One garden, connected people: original portraits with a code-native ring. */
.np-sharing{background:#5b6852;color:#f4f7ed}
.np-sharing .np-feature-tag{color:#d7e3c9}
.np-sharing .np-feature-copy>p:not(.np-feature-tag){color:#e7eedf}
.np-sharing-visual{display:grid;place-items:center;height:356px;overflow:hidden}
.np-sharing-network{position:relative;width:min(400px,100%);height:320px;margin-top:12px}
.np-sharing-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ebf2de;stroke-width:3;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset 1.3s ease .1s}
.np-sharing.is-visible .np-sharing-ring{stroke-dashoffset:0}
html:not(.np-motion-ready) .np-sharing-ring{stroke-dashoffset:0}
.np-portrait{position:absolute;width:116px;height:116px;overflow:hidden;border-radius:50%;box-shadow:0 8px 23px #263c292f;border:3px solid #e6edda24;z-index:2;background:#b8c5a9;transform:translate(-50%,-50%)}
.np-portrait>img{width:300%;height:100%;max-width:none;object-fit:cover;transform:translateX(calc(var(--np-portrait) * -33.333333%))}
.np-portrait-top{left:50%;top:18%}.np-portrait-left{left:25.5%;top:76%}.np-portrait-right{left:74.5%;top:76%}
.np-shared-garden{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#edf4df;font-size:12px;letter-spacing:.01em}
.np-shared-garden>svg{width:31px;height:31px;stroke-width:1.4}
@media(min-width:1650px){.np-hero-phone{--np-device-width:373px;top:47px}}
@media(max-width:1150px){
 .np-features>.np-shell{width:calc(100% - 80px)}
 .np-hero-phone{--np-device-width:320px;left:calc(50% - 140px);top:38px}.np-hero-label{left:22px;top:29%}
 .np-task-phone{--np-device-width:197px;right:34px;top:25px}.np-task-label{left:14px;bottom:22px}.np-demo-phone{--np-device-width:228px;left:calc(50% - 112px);top:33px}
 .np-sharing-visual{height:332px}.np-sharing-network{height:300px;width:375px;max-width:100%;margin-top:4px}.np-portrait{width:108px;height:108px}
}
@media(max-width:900px){
 .np-features>.np-shell{width:calc(100% - 56px)}.np-journal{padding-top:76px}
 .np-hero-phone{--np-device-width:278px;left:calc(50% - 134px);top:39px}.np-hero-label{left:-13px;top:28%}
 .np-task-phone{--np-device-width:170px;right:21px;top:26px}.np-task-label{left:10px;bottom:17px}.np-demo-phone{--np-device-width:200px;left:calc(50% - 98px);top:43px}
 .np-sharing-visual{height:290px}.np-sharing-network{width:335px;height:268px;margin-top:0}.np-portrait{width:97px;height:97px}.np-shared-garden{font-size:11px;gap:8px}.np-shared-garden>svg{width:27px;height:27px}
}
@media(max-width:700px){
 .np-features{margin:0;border-radius:0;padding-bottom:0}.np-features>.np-shell{width:calc(100% - 40px)}.np-journal{padding-top:62px}
 .np-start-note,.np-action-primary .np-start-note{font-size:11px;white-space:normal}.np-bottom-platform{font-size:12px;margin-top:17px}
 .np-hero-art{height:525px;margin-top:30px}.np-hero-phone{--np-device-width:min(65vw,270px);width:var(--np-device-width);left:50%;margin-left:0;top:30px;transform:translateX(-50%) translateY(var(--np-drift,0px)) rotate(14deg) rotateY(-31deg) rotateX(3deg)}
 .np-hero-label{top:130px;left:50%;transform:translateX(-50%)}
 .np-task-phone{--np-device-width:190px;right:29px;top:13px;transform:translate3d(0,var(--np-drift,0px),0) rotate(9deg) rotateY(-30deg) rotateX(2deg)}
 .np-task-label{top:17px;left:10px;bottom:auto}.np-demo-phone{--np-device-width:220px;left:50%;margin-left:-110px;top:19px;transform:translate3d(0,var(--np-drift,0px),0) rotate(8deg) rotateY(-23deg)}
 .np-sharing-visual{height:315px}.np-sharing-network{width:360px;height:288px;margin-top:0}.np-portrait{width:105px;height:105px}.np-shared-garden{font-size:12px}
}
@media(max-width:370px){
 .np-features>.np-shell{width:calc(100% - 32px)}.np-action-primary .np-start-note{font-size:10px}
 .np-hero-art{height:466px;margin-top:23px}.np-hero-phone{--np-device-width:225px;top:25px}.np-hero-label{top:112px}
 .np-task-phone{--np-device-width:164px;top:17px;right:23px}.np-task-label{top:13px;left:9px}.np-demo-phone{--np-device-width:202px;left:50%;margin-left:-101px;top:16px}
 .np-sharing-visual{height:275px}.np-sharing-network{height:256px;width:320px}.np-portrait{width:91px;height:91px}.np-shared-garden{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.np-sharing-ring{stroke-dashoffset:0!important;transition:none!important}}

.np-device-island{position:absolute;z-index:5;left:34.5%;top:2.9%;width:31%;height:4.4%;border-radius:999px;background:#020403;box-shadow:0 0 0 .5px #070a08;pointer-events:none}
.np-device-island:after{content:"";position:absolute;right:12%;top:25%;height:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#193026,#0c1821 40%,#020706 75%);box-shadow:inset 0 0 1px #3a5048}
/* Scale the connected portraits as a single responsive composition. */
.np-sharing-visual,.np-crops .np-feature-visual{height:400px}
.np-sharing-network{width:min(500px,calc(100% - 24px));height:auto;aspect-ratio:5/4;margin-top:0}
.np-portrait{width:30%;height:auto;aspect-ratio:1}
.np-portrait-top{top:20%}
.np-task-visual .np-visual-window{perspective:900px}
@media(max-width:1150px){.np-sharing-visual,.np-crops .np-feature-visual{height:365px}.np-sharing-network{width:min(450px,calc(100% - 20px))}}
@media(max-width:900px){.np-sharing-visual,.np-crops .np-feature-visual{height:330px}.np-sharing-network{width:min(400px,calc(100% - 16px))}}
@media(max-width:700px){.np-sharing-visual,.np-crops .np-feature-visual{height:315px}.np-sharing-network{width:min(350px,calc(100% - 12px))}}
@media(max-width:370px){.np-sharing-visual,.np-crops .np-feature-visual{height:275px}.np-sharing-network{width:calc(100% - 10px)}}

.np-bottom .np-bottom-content>.np-bottom-platform{font-size:12px;line-height:1.6;margin:16px 0 0;max-width:none;color:#4e6547}

/* Neutral silver hardware, with restrained reflections from the botanical scene. */
.np-device-metal{border-color:#bbc0c2;background:linear-gradient(100deg,#4b5053 0%,#a7adaf 20%,#e6e9ea 45%,#bec3c5 66%,#91989b 85%,#555c60)}
.np-device-face{background:linear-gradient(125deg,#d0d4d5 0%,#62696c 4%,#121517 11%,#080a0b 67%,#7d8588 94%,#e0e4e4 100%);border-color:#dce1e1;box-shadow:inset 0 0 0 2px #1a1e20}
.np-device-side{background:linear-gradient(90deg,#81898e,#e1e5e7 16%,#c5cbce 48%,#969fa5 83%,#58636a);border-left-color:#f0f3f3;border-right-color:#6b747b}
.np-power-button,.np-camera-button{background:linear-gradient(90deg,#626b72,#d1d8db 35%,#e5eaec 65%,#8c989f);border-color:#6c777e;box-shadow:inset 1px 0 1px #f6f8f8,1px 0 2px #202d3480}
.np-camera-button{background:linear-gradient(90deg,#596168,#939da4 36%,#cbd4d8 75%,#7c878f)}
.np-antenna{background:#7e888d;box-shadow:0 1px #e0e6e7}
/* Give the task screen enough room to show the actual tasks as well as the weather. */
.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:400px}
.np-task-phone{top:21px}
@media(max-width:1150px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:365px}.np-task-phone{top:18px}}
@media(max-width:900px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:330px}.np-task-phone{top:18px}}
@media(max-width:700px){.np-planning .np-feature-visual{height:315px}.np-tasks .np-feature-visual{height:350px}.np-task-phone{top:7px}}
@media(max-width:370px){.np-planning .np-feature-visual{height:275px}.np-tasks .np-feature-visual{height:315px}.np-task-phone{top:7px}}

/* Garden moments: one editorial pause before a compact selection from the knowledge bank. */
.np-portrait>img{width:100%;height:100%;max-width:none;transform:none;object-fit:cover}
.np-portrait-top>img{object-position:50% 47%}
.np-portrait-left>img{object-position:79% 45%}
.np-portrait-right>img{object-position:52% 55%}
.np-in-the-garden{padding:70px 0 0;background:#fff}
.np-garden-moment{position:relative;isolation:isolate;overflow:hidden;min-height:435px;border-radius:10px;background:#354631;color:#fff;display:flex;align-items:center}
.np-garden-moment>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 55%;z-index:-2}
.np-garden-moment:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,42,27,.88),rgba(22,42,27,.66) 33%,rgba(22,42,27,.08) 70%,transparent)}
.np-garden-moment-copy{padding:48px 54px;max-width:525px}
.np-garden-moment .np-kicker{color:#e0eacb;font-size:10px;letter-spacing:.11em;margin-bottom:19px}
.np-garden-moment h2{font-size:clamp(39px,4vw,55px);line-height:1.06;letter-spacing:-.045em}
.np-garden-moment-copy>p:not(.np-kicker){font-size:15px;line-height:1.85;color:#edf2e5;margin-top:22px;max-width:340px}
.np-garden-moment .np-inline-link{color:#fff;margin-top:22px;font-size:12px;min-height:36px}
.np-garden-moment a:focus-visible{outline-color:#e5efcd}
.np-journal{padding:67px 0 76px}
.np-journal-head{align-items:center;gap:25px;margin-bottom:28px}
.np-journal-head .np-kicker{margin-bottom:12px;font-size:10px}
.np-journal-head h2{font-size:37px;line-height:1.15;letter-spacing:-.035em}
.np-journal-head .np-inline-link{margin:15px 0 0;font-size:12px}
.np-journal-grid{gap:20px}
.np-journal-grid .home-journal-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;aspect-ratio:1.55;border-radius:9px;padding:25px 25px 26px;color:#fff;background:#30452f}
.np-journal-grid .home-journal-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;z-index:-2;background:#30452f}
.np-journal-grid .home-journal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,25,14,.02) 10%,rgba(7,25,14,.17) 35%,rgba(7,25,14,.79) 100%);transition:background .25s}
.np-journal-grid .home-journal-image>span{display:none}
.np-journal-grid .journal-topic{font-size:9px;letter-spacing:.09em;color:#ebf0df;line-height:1.65}
.np-journal-grid h3{font-size:25px;line-height:1.18;letter-spacing:-.025em;margin-top:8px;padding-right:15px;text-wrap:pretty}
.np-journal-grid .home-journal-card>p{display:none}
.np-journal-grid .home-journal-card:after{content:"↗";position:absolute;right:20px;bottom:24px;font-size:21px;line-height:1;color:#edf3e2;transition:transform .25s}
.np-journal-grid .home-journal-card:focus-visible{outline:3px solid #52703d;outline-offset:5px}
@media(hover:hover){.np-journal-grid .home-journal-card:hover img{transform:scale(1.04)}.np-journal-grid .home-journal-card:hover:after{transform:translate(2px,-2px)}}
@media(max-width:1150px){.np-garden-moment{min-height:420px}.np-garden-moment-copy{padding:42px}.np-journal-head h2{font-size:34px}.np-journal-grid{gap:17px}.np-journal-grid .home-journal-card{padding:22px;aspect-ratio:1.35}.np-journal-grid h3{font-size:23px}.np-journal-grid .home-journal-card:after{right:17px;bottom:23px}}
@media(max-width:900px){.np-in-the-garden{padding-top:55px}.np-garden-moment{min-height:400px}.np-garden-moment-copy{padding:35px;max-width:430px}.np-garden-moment h2{font-size:43px}.np-garden-moment-copy>p:not(.np-kicker){font-size:14px;max-width:300px}.np-journal{padding:55px 0 62px}.np-journal-head h2{font-size:32px}.np-journal-grid{gap:14px}.np-journal-grid .home-journal-card{padding:20px 17px;aspect-ratio:1.1}.np-journal-grid h3{font-size:21px;padding-right:10px}.np-journal-grid .journal-topic{font-size:8px}.np-journal-grid .home-journal-card:after{right:13px;bottom:20px;font-size:18px}}
@media(max-width:700px){.np-in-the-garden{padding-top:42px}.np-garden-moment{min-height:495px;align-items:flex-end;border-radius:8px}.np-garden-moment>img{object-position:74% 50%}.np-garden-moment:after{background:linear-gradient(180deg,rgba(20,38,24,.02) 15%,rgba(20,38,24,.12) 25%,rgba(20,38,24,.94) 100%)}.np-garden-moment-copy{padding:28px;max-width:400px}.np-garden-moment .np-kicker{font-size:9px;margin-bottom:14px;line-height:1.8}.np-garden-moment h2{font-size:40px;line-height:1.07}.np-garden-moment h2 br{display:none}.np-garden-moment-copy>p:not(.np-kicker){font-size:14px;line-height:1.8;margin-top:16px;max-width:340px}.np-garden-moment .np-inline-link{margin-top:15px}.np-journal{padding:48px 0 55px}.np-journal-head{display:block;margin-bottom:24px}.np-journal-head h2{font-size:31px}.np-journal-head .np-kicker{font-size:9px;margin-bottom:12px}.np-journal-head .np-inline-link{margin-top:13px;min-height:32px}.np-journal-grid{grid-template-columns:1fr;gap:15px}.np-journal-grid .home-journal-card{aspect-ratio:1.65;padding:22px 24px}.np-journal-grid .journal-topic{font-size:9px}.np-journal-grid h3{font-size:25px;padding-right:15px}.np-journal-grid .home-journal-card:after{right:23px;bottom:23px;font-size:21px}}
@media(max-width:370px){.np-garden-moment{min-height:475px}.np-garden-moment-copy{padding:24px}.np-garden-moment h2{font-size:35px}.np-garden-moment-copy>p:not(.np-kicker){font-size:13px}.np-journal-head h2{font-size:28px}.np-journal-grid .home-journal-card{aspect-ratio:1.45;padding:21px}.np-journal-grid h3{font-size:23px}}

/* Photographic titanium hardware, with untouched app media in its actual display. */
.np-photo-device{position:absolute;aspect-ratio:866/1817;isolation:isolate;filter:drop-shadow(15px 22px 15px rgba(25,44,29,.22));transform-origin:50% 50%;}
.np-product-canvas{display:block;width:100%;height:100%;overflow:visible}
.np-product-video,.np-product-video video{width:100%;height:100%;margin:0;display:block;background:#fffcff}
.np-product-video video{object-fit:fill}
.np-hero-art{height:720px;perspective:none}
.np-hero-product{width:340px;left:calc(50% - 155px);top:14px;transform:translateY(var(--np-drift,0px)) rotate(15deg)}
.np-hero-label{left:35px;top:29%}
.np-task-visual{perspective:none}
.np-task-product{width:190px;right:54px;top:-2px;transform:translateY(var(--np-drift,0px)) rotate(8deg);z-index:2;filter:drop-shadow(12px 17px 12px #19341e38)}
.np-demo-product{width:254px;left:calc(50% - 117px);top:5px;transform:translateY(var(--np-drift,0px)) rotate(8deg);filter:drop-shadow(17px 24px 16px #0e251c66)}
.np-task-visual:after{content:none}
@media(min-width:1650px){.np-hero-art{height:755px}.np-hero-product{width:360px;top:12px}}
@media(max-width:1150px){.np-hero-art{height:675px}.np-hero-product{width:310px;left:calc(50% - 146px);top:12px}.np-hero-label{left:3px;top:29%}.np-task-product{width:177px;right:35px;top:-1px}.np-demo-product{width:240px;left:calc(50% - 113px);top:9px}}
@media(max-width:900px){.np-hero-art{height:600px}.np-hero-product{width:278px;left:calc(50% - 132px);top:6px}.np-hero-label{left:-15px;top:29%}.np-task-product{width:160px;right:23px;top:-1px}.np-demo-product{width:218px;left:calc(50% - 102px);top:24px}}
@media(max-width:700px){.np-hero-art{height:540px;margin-top:25px}.np-hero-product{width:min(64vw,265px);left:50%;top:1px;transform:translateX(-50%) rotate(14deg)}.np-hero-label{left:50%;top:130px;transform:translateX(-50%)}.np-task-product{width:180px;right:36px;top:-1px;transform:rotate(8deg)}.np-task-label{top:17px;left:10px;bottom:auto}.np-demo-product{width:224px;left:50%;margin-left:-110px;top:-2px;transform:rotate(7deg)}}
@media(max-width:370px){.np-hero-art{height:465px;margin-top:18px}.np-hero-product{width:215px;top:0}.np-hero-label{top:110px}.np-task-product{width:160px;right:24px;top:-2px}.np-demo-product{width:205px;margin-left:-100px;top:-3px}}

/* Video stays in normal HTML: Safari must not composite it in an SVG foreignObject. */
.np-demo-product{overflow:visible}
.np-product-hardware{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}
.np-html-display{position:absolute;left:8.43%;top:4.68%;width:78.75%;height:90.75%;border-radius:18% / 7.4%;overflow:hidden;isolation:isolate;background:#fffcff;z-index:1;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.np-html-display>video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;margin:0;object-fit:fill;border:0;border-radius:inherit;transform:none}
.np-product-island{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.np-shared-garden{gap:10px;top:52.5%}
.np-shared-garden>img{width:54px;height:54px;max-width:none;border-radius:14px;box-shadow:0 6px 17px #23332125}
.np-portrait-left>img{object-position:50% 50%}
.np-portrait-right>img{object-position:50% 50%}
@media(max-width:900px){.np-shared-garden>img{width:47px;height:47px;border-radius:12px}}
@media(max-width:370px){.np-shared-garden>img{width:42px;height:42px;border-radius:11px}}

/* Match the photographic glass exactly, using a scalable mask around an HTML video. */
.np-html-display{inset:0;left:0;top:0;width:100%;height:100%;border-radius:0;background:transparent;overflow:hidden;-webkit-mask-image:url('images/homepage-nieuw/iphone-display-mask.svg');mask-image:url('images/homepage-nieuw/iphone-display-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.np-html-display>video{inset:auto;left:8.43%;top:4.68%;width:78.75%;height:90.75%;max-width:none;max-height:none;border-radius:0}

/* Own visual language: the app's actual year plan, and a shared garden workspace. */
.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:430px}
.np-planning-visual{display:grid;place-items:center;padding:22px 27px;perspective:none;background:radial-gradient(ellipse at 48% 60%,#d8e5c4,transparent 75%)}
.np-year-plan{width:min(500px,100%);padding:18px 20px 15px;border:1px solid #fff;border-radius:14px;background:#fffcff;box-shadow:0 13px 28px #30482b18;transform:rotate(-2deg);color:#244c3b}
.np-year-plan-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;line-height:1.5}
.np-year-plan-head>span:first-child{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-.01em}
.np-year-plan-head svg{width:18px;height:18px}
.np-year-plan-head>span:last-child{font-size:12px;color:#677764}
.np-plan-legend{display:flex;gap:8px;margin-bottom:12px;font-size:10px;line-height:1.3}
.np-plan-legend>span{padding:6px 10px;border-radius:7px;background:#def0e8;color:#225b4b}
.np-plan-legend>span:nth-child(2){background:#f7eadc;color:#805c40}.np-plan-legend>span:nth-child(3){background:#c1dfdb;color:#225b4b}
.np-plan-native-strip{position:relative;width:100%;overflow:hidden;aspect-ratio:1110/140;background:#fffcff}
.np-plan-native-strip>img{position:absolute;left:-4.324324%;top:var(--np-offset);width:108.648649%;height:auto;max-width:none}
.np-plan-native-months{aspect-ratio:1110/60;margin-bottom:9px}
.np-plan-native-rows{display:grid;gap:8px}
.np-task-visual .np-visual-window{background:radial-gradient(ellipse at 45% 50%,#e2ebd9,#c8d8bd)}
.np-task-visual .np-visual-window:after{background:linear-gradient(125deg,#edf2e338,transparent 55%)}
.np-sharing-visual{display:grid;place-items:center;padding:28px 33px;height:400px}
.np-shared-workspace{width:min(485px,100%);border-radius:13px;padding:22px 27px 10px;background:#f9faf3;color:#284831;border:1px solid #f7faee;box-shadow:0 16px 34px #2435281b}
.np-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.np-workspace-heading>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#62705d}
.np-workspace-heading>svg{width:24px;height:24px;stroke-width:1.5;color:#4c6644}
.np-workspace-people{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;line-height:1.6}
.np-workspace-people>span:not(.np-workspace-plus){background:#e4ecdc;padding:5px 13px;border-radius:7px;color:#365832}
.np-workspace-people>span:last-child{background:#f0e5d7;color:#765739}
.np-workspace-plus{color:#79836d;font-size:16px}
.np-workspace-list>div{display:flex;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #dfe5d6}
.np-workspace-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#ebf0e3;border-radius:8px;color:#4e6c42}
.np-workspace-icon svg{width:20px;height:20px}
.np-workspace-list>div:nth-child(2) .np-workspace-icon{color:#8b6a49;background:#f2e9dd}
.np-workspace-list>div>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.np-workspace-list strong{font-family:var(--np-heading);font-size:17px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
.np-workspace-list>div>div>span{font-size:12px;line-height:1.6;color:#61715a}
.np-garden-moment>img{object-position:70% 54%}
.np-crops .np-photo-visual>img{object-position:52% 70%}
@media(max-width:1150px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:400px}.np-planning-visual{padding:22px}.np-year-plan{max-width:470px;padding:16px}.np-plan-native-rows{gap:7px}.np-sharing-visual{height:365px;padding:22px 27px}.np-shared-workspace{padding:19px 22px 8px}.np-workspace-list>div{padding:14px 0}.np-workspace-list strong{font-size:16px}.np-workspace-heading{margin-bottom:11px}.np-workspace-people{margin-bottom:13px}}
@media(max-width:900px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:360px}.np-planning-visual{padding:18px}.np-year-plan{padding:14px}.np-year-plan-head>span:first-child{font-size:13px;gap:7px}.np-year-plan-head>span:last-child{font-size:10px}.np-year-plan-head svg{width:16px;height:16px}.np-plan-legend{gap:5px;font-size:8px;margin-bottom:10px}.np-plan-legend>span{padding:5px 7px}.np-plan-native-rows{gap:8px}.np-sharing-visual{height:330px;padding:18px 22px}.np-shared-workspace{padding:17px 19px 7px}.np-workspace-heading>span{font-size:9px}.np-workspace-people{font-size:11px;margin-bottom:10px}.np-workspace-list>div{padding:12px 0;gap:12px}.np-workspace-icon{width:31px;height:31px}.np-workspace-icon svg{width:18px;height:18px}.np-workspace-list strong{font-size:14px}.np-workspace-list>div>div>span{font-size:11px}}
@media(max-width:700px){.np-planning .np-feature-visual{height:350px}.np-tasks .np-feature-visual{height:350px}.np-planning-visual{padding:22px}.np-year-plan{width:min(400px,100%);padding:15px}.np-year-plan-head>span:first-child{font-size:14px}.np-year-plan-head>span:last-child{font-size:11px}.np-plan-legend{font-size:9px;gap:6px;margin-bottom:12px}.np-plan-legend>span{padding:5px 8px}.np-plan-native-rows{gap:10px}.np-sharing-visual{height:350px;padding:21px}.np-shared-workspace{width:min(450px,100%);padding:20px 21px 8px}.np-workspace-heading>span{font-size:9px}.np-workspace-people{font-size:12px;margin-bottom:13px}.np-workspace-list>div{padding:15px 0;gap:13px}.np-workspace-icon{width:33px;height:33px}.np-workspace-list strong{font-size:15px}.np-workspace-list>div>div>span{font-size:11px}.np-garden-moment>img{object-position:72% 50%}}
@media(max-width:370px){.np-planning .np-feature-visual{height:315px}.np-tasks .np-feature-visual{height:315px}.np-planning-visual{padding:18px}.np-year-plan{padding:13px}.np-year-plan-head>span:first-child{font-size:12px}.np-year-plan-head{margin-bottom:11px}.np-plan-legend{font-size:8px;gap:4px;margin-bottom:10px}.np-plan-legend>span{padding:5px 6px}.np-plan-native-rows{gap:10px}.np-sharing-visual{height:335px;padding:18px}.np-shared-workspace{padding:18px 16px 6px}.np-workspace-heading>span{font-size:8px}.np-workspace-people{font-size:10px;gap:7px}.np-workspace-people>span:not(.np-workspace-plus){padding:5px 10px}.np-workspace-list>div{padding:14px 0;gap:11px}.np-workspace-icon{width:29px;height:29px}.np-workspace-list strong{font-size:14px}.np-workspace-list>div>div>span{font-size:10px}}

.np-garden-moment>img{object-position:70% 36%}
@media(max-width:700px){.np-garden-moment>img{object-position:72% 50%}}

/* Keep the original app calendar; let small, separate native details lift off its surface. */
.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:400px}
.np-planning-scene{display:block;padding:0;perspective:1400px}
.np-planning-scene .np-calendar{width:310px;top:48%;left:45%;transform:translate(-50%,-50%) translateY(calc(var(--np-drift,0px) * .65)) rotate(-5deg) rotateY(-6deg)}
.np-planning-detail-icon{position:absolute;right:39px;top:39px;width:52px;height:52px;display:grid;place-items:center;background:#f5eedf;color:#6c8050;border:1px solid #fff9;border-radius:16px;box-shadow:0 6px 16px #31442b0c;transform:translateY(calc(var(--np-drift,0px) * -1.3)) rotate(8deg)}
.np-planning-detail-icon>svg{width:25px;height:25px}
.np-sowing-photo{position:absolute;right:24px;bottom:22px;width:200px;aspect-ratio:1.42;margin:0;border:5px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #30482b24;transform:translate(calc(var(--np-drift,0px) * .4),calc(var(--np-drift,0px) * -1.4)) rotate(4deg)}
.np-sowing-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.np-live-weather{overflow:hidden;pointer-events:none}
.np-weather-sun{transform:translate(calc(var(--np-weather-shift,0px) * .18),calc(var(--np-weather-shift,0px) * -.16))}
.np-weather-rays{transform-origin:932px 353px;transform:rotate(calc(var(--np-weather-angle,0deg) * 2.5))}
.np-weather-cloud-back{transform:translateX(var(--np-weather-shift,0px))}
.np-weather-cloud-front{transform:translate(calc(var(--np-weather-shift,0px) * -.85),calc(var(--np-weather-shift,0px) * .05))}
.np-weather-tree{transform:rotate(var(--np-weather-angle,0deg))}
.np-weather-tree-1{transform:rotate(calc(var(--np-weather-angle,0deg) * -.75))}
.np-weather-tree-2{transform:rotate(calc(var(--np-weather-angle,0deg) * .8))}
@media(max-width:1150px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:365px}.np-planning-scene .np-calendar{width:290px;left:44%;top:48%}.np-sowing-photo{width:180px;right:19px;bottom:21px}.np-planning-detail-icon{width:47px;height:47px;top:26px;right:27px}}
@media(max-width:900px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:330px}.np-planning-scene .np-calendar{width:260px;left:45%;top:46%}.np-sowing-photo{width:157px;right:13px;bottom:20px;border-width:4px}.np-planning-detail-icon{width:39px;height:39px;top:20px;right:19px;border-radius:12px}.np-planning-detail-icon>svg{width:21px;height:21px}}
@media(max-width:700px){.np-planning .np-feature-visual{height:350px}.np-tasks .np-feature-visual{height:350px}.np-planning-scene .np-calendar{width:225px;left:41%;top:39%;transform:translate(-50%,-50%) translateY(calc(var(--np-drift,0px) * .65)) rotate(-5deg)}.np-sowing-photo{width:150px;right:16px;bottom:12px}.np-planning-detail-icon{top:25px;right:25px;width:39px;height:39px}}
@media(max-width:370px){.np-planning .np-feature-visual,.np-tasks .np-feature-visual{height:315px}.np-planning-scene .np-calendar{width:205px;left:41%;top:35%}.np-sowing-photo{width:135px;right:13px;bottom:12px}.np-planning-detail-icon{top:23px;right:19px;width:35px;height:35px;border-radius:10px}.np-planning-detail-icon>svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.np-planning-scene{--np-drift:0px!important}.np-live-weather{--np-weather-shift:0px!important;--np-weather-angle:0deg!important}}

.np-live-weather{width:682px;height:1649px}

/* Restore the photographic sharing visual; refine its spacing and connections only. */
.np-sharing-visual{padding:0;height:400px}
.np-sharing-network{width:min(500px,calc(100% - 24px));aspect-ratio:5/4;height:auto;margin:0}
.np-sharing-ring{stroke:#e7eed6;stroke-width:2;stroke-dasharray:3 7;stroke-dashoffset:0;stroke-linecap:round;opacity:.6;transition:none}
.np-sharing.is-visible .np-sharing-ring{stroke-dashoffset:0}
.np-shared-garden{top:52%;font-family:var(--np-heading);font-size:15px;font-weight:500;line-height:1.5;gap:0;white-space:nowrap;text-align:center;letter-spacing:-.01em;color:#f1f4e9}
.np-portrait-top{width:32%;left:50%;top:22%;transform:translate(-50%,calc(-50% + var(--np-drift,0px) * -.35))}
.np-portrait-left{width:28%;left:24%;top:74%;transform:translate(-50%,calc(-50% + var(--np-drift,0px) * .3))}
.np-portrait-right{width:28%;left:76%;top:74%;transform:translate(-50%,calc(-50% + var(--np-drift,0px) * -.25))}
.np-portrait{border:2px solid #edf3df70;box-shadow:0 7px 18px #263c2926}
.np-portrait-top>img{object-position:50% 47%}.np-portrait-left>img,.np-portrait-right>img{object-position:50% 50%}
@media(max-width:1150px){.np-sharing-visual{height:365px}.np-sharing-network{width:min(450px,calc(100% - 20px))}}
@media(max-width:900px){.np-sharing-visual{height:330px}.np-sharing-network{width:min(400px,calc(100% - 16px))}.np-shared-garden{font-size:14px}}
@media(max-width:700px){.np-sharing-visual{height:315px}.np-sharing-network{width:min(350px,calc(100% - 12px))}.np-shared-garden{font-size:14px}}
@media(max-width:370px){.np-sharing-visual{height:275px}.np-sharing-network{width:calc(100% - 10px)}.np-shared-garden{font-size:12px}}

/* A quiet app detail sits on the planting photograph. */
.np-crop-label{left:43px;bottom:23px;max-width:calc(100% - 86px);margin:0;padding:12px 17px 12px 12px;gap:11px;border-radius:21px;background:rgba(248,250,242,.9);box-shadow:0 7px 23px #193e2821;transform:translateY(calc(var(--np-drift,0px) * -.7))}
.np-crop-label .np-label-icon{width:35px;height:35px;background:#dceee5;color:#126859}
.np-crop-label .np-label-icon svg{width:21px;height:21px}
.np-crop-label-copy{display:flex;flex-direction:column;gap:2px}
.np-crop-label-copy strong{font-size:14px;line-height:1.35}
.np-crop-label-copy>span{color:#52694e;font-size:12px;line-height:1.5;white-space:nowrap}
@media(max-width:900px){.np-crop-label{left:38px;bottom:18px;max-width:calc(100% - 76px);padding:10px 14px 10px 10px!important;gap:9px!important}.np-crop-label-copy strong{font-size:13px}.np-crop-label-copy>span{font-size:11px}.np-crop-label .np-label-icon{width:31px;height:31px}.np-crop-label .np-label-icon svg{width:18px;height:18px}}
@media(max-width:700px){.np-crop-label{left:36px;bottom:18px;max-width:calc(100% - 72px)}}
@media(max-width:370px){.np-crop-label{left:30px;bottom:15px;max-width:calc(100% - 60px);border-radius:18px}.np-crop-label-copy strong{font-size:12px}.np-crop-label-copy>span{font-size:10px}}

.np-photo-credits{width:min(1256px,calc(100% - 48px));margin:15px auto 0;color:#6b7b61;font-size:10px;line-height:1.7}.np-photo-credits a{text-decoration:underline;text-underline-offset:3px}

/* Restore the original garden photograph across the entire task visual. */
.np-task-visual{padding:0}
.np-task-visual .np-visual-window{border-radius:0;background:#ded2bf}
.np-task-visual .np-lifestyle{width:100%;height:100%;opacity:1;object-position:50% 48%;filter:none;-webkit-mask-image:none;mask-image:none}
.np-task-visual .np-visual-window:after{background:linear-gradient(90deg,#302b2108,transparent 65%)}

@media(max-width:700px){.np-task-label{top:auto;bottom:16px;left:14px}}
/* Show one uninterrupted native calendar extract: labels and crops stay together. */
.np-calendar .np-calendar-content{position:relative;overflow:hidden;aspect-ratio:1110/1000;margin-inline:3px}
.np-calendar .np-calendar-native{position:absolute;width:108.64865%;max-width:none;height:auto;left:-4.324324%;top:-70%}
/* Contextual knowledge links stay recognizable within the compact feature copy. */
.np-feature-copy>p a{text-decoration:underline;text-decoration-color:#879c75;text-underline-offset:4px}
.np-feature-copy>p a:hover{text-decoration-color:currentColor}
/* The seasonal garden belongs with taking your plan outside. */
.np-garden-interactive{display:grid;grid-template-columns:1fr 1fr;min-height:630px;gap:12px}
.np-garden-interactive>img{object-position:60% 50%}
.np-garden-interactive:after{background:linear-gradient(90deg,#162a1bea,#162a1bbc 36%,#162a1b55 70%,#162a1b24)}
.np-garden-interactive .np-garden-moment-copy{max-width:535px;position:relative;z-index:2}
.np-season-garden{position:relative;min-width:0;width:100%;height:630px;margin:0;isolation:isolate}
.np-season-product{position:absolute;width:250px;top:25px;left:50%;transform:translateX(-50%) rotate(6deg);filter:drop-shadow(13px 20px 20px #10231666)}
.np-season-product .np-product-hardware{display:block;width:100%;height:auto}
.np-season-product .garden-native-scene{position:absolute;inset:0;background:#b5de95}
.np-season-poster,.np-season-product .garden-season-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.np-season-toolbar{position:absolute;top:6.7%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#173727;pointer-events:none}
.np-season-toolbar>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fffffff2;box-shadow:0 2px 5px #1f3d2418}
.np-season-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.np-season-toolbar strong{font:600 11px/1.3 'Helvetica Neue',Arial,sans-serif}
.np-season-control,.np-season-status{position:absolute;z-index:4;left:50%;bottom:35px;transform:translateX(-50%);width:min(380px,calc(100% - 34px));padding:18px 22px;border:1px solid #edf2df9c;border-radius:23px;background:#f5f8ecdf;color:#294c32;box-shadow:0 9px 30px #152c1a25;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.np-season-control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;line-height:1.4}
.np-season-control-heading label{display:flex;align-items:center;gap:9px;font-size:13px;color:#294c32}
.np-season-control-heading label svg{width:18px;height:18px;color:#57784e}
.np-season-control-heading .garden-current-period{font-size:11px;color:#5c7053;white-space:nowrap}
.np-season-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));text-align:center;font-size:10px;line-height:1.4;color:#627657;margin-inline:-4px}
.np-season-control input{display:block;width:100%;height:28px;margin:2px 0 -6px;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;border:0;border-radius:6px}
.np-season-control input::-webkit-slider-runnable-track{height:3px;background:#788e6259;border-radius:3px}
.np-season-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin-top:-8px;border:3px solid #fcfef5;border-radius:50%;background:#315a3b;box-shadow:0 2px 5px #1c3f2b35}
.np-season-control input::-moz-range-track{height:3px;background:#788e6259;border-radius:3px}
.np-season-control input::-moz-range-thumb{width:14px;height:14px;border:3px solid #fcfef5;border-radius:50%;background:#315a3b;box-shadow:0 2px 5px #1c3f2b35}
.np-season-control input:focus-visible{outline:2px solid #426b42;outline-offset:5px}
.np-season-status{font-size:12px;line-height:1.7;bottom:40px}
@media(max-width:1050px){.np-garden-interactive{grid-template-columns:1.05fr 1fr;min-height:590px}.np-season-garden{height:590px}.np-garden-interactive .np-garden-moment-copy{padding:35px}.np-season-product{width:230px;top:30px}.np-season-control{bottom:26px;padding:16px 17px}.np-season-control-heading{gap:8px}.np-season-control-heading label{font-size:12px;gap:7px}.np-season-control-heading label svg{width:16px;height:16px}.np-season-control-heading .garden-current-period{font-size:10px}.np-season-months{font-size:9px}}
@media(max-width:700px){.np-garden-interactive{display:block;min-height:0}.np-garden-interactive>img{object-position:65% 50%}.np-garden-interactive:after{background:linear-gradient(180deg,#162a1be0,#162a1bbd 40%,#162a1b66)}.np-garden-interactive .np-garden-moment-copy{padding:33px 28px 0;max-width:470px}.np-season-garden{height:525px;margin-top:14px}.np-season-product{width:217px;top:4px}.np-season-control{width:min(360px,calc(100% - 34px));bottom:24px;padding:16px 18px;border-radius:21px}.np-season-control-heading{margin-bottom:13px}.np-season-control-heading label{font-size:13px}.np-season-control-heading .garden-current-period{font-size:11px}.np-season-months{font-size:10px}}
@media(max-width:370px){.np-garden-interactive .np-garden-moment-copy{padding:29px 24px 0}.np-season-garden{height:488px}.np-season-product{width:202px;top:0}.np-season-control{padding:15px 14px;bottom:22px;width:calc(100% - 28px)}.np-season-control-heading label{font-size:11px;gap:6px}.np-season-control-heading label svg{width:15px;height:15px}.np-season-control-heading .garden-current-period{font-size:10px}.np-season-months{font-size:9px}}
.np-season-product .garden-native-scene{inset:auto;left:8.43%;top:4.68%;width:78.75%;height:90.75%}
.np-season-toolbar{top:12.4%;left:13.5%;right:17.5%}
@media(min-width:1051px){.np-season-product{width:270px;top:12px}}

/* The seasonal garden faces the reader directly, with a full-size app display. */
.np-season-product{aspect-ratio:400/860;transform:translateX(-50%);filter:drop-shadow(0 14px 16px #10231655)}
.np-season-product .np-product-hardware{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.np-season-product .np-html-display{inset:1.51% 3.75%;width:92.5%;height:96.98%;border-radius:13.5% / 6%;-webkit-mask-image:none;mask-image:none;background:#b5de95;overflow:hidden}
.np-season-product .garden-native-scene{inset:0;width:100%;height:100%}
.np-season-product .np-season-toolbar{top:10.4%;left:7%;right:7%;z-index:1}
@media(min-width:1051px){.np-season-product{width:250px;top:18px}}

/* Alternate the final app presentation to balance the earlier right-hand devices. */
@media(min-width:701px){
 .np-garden-interactive .np-garden-moment-copy{grid-column:2;grid-row:1;justify-self:center}
 .np-garden-interactive .np-season-garden{grid-column:1;grid-row:1}
 .np-garden-interactive:after{background:linear-gradient(90deg,#162a1b40,#162a1b66 35%,#162a1bcc 64%,#162a1bf0)}
}
@media(min-width:701px) and (max-width:1050px){.np-garden-interactive{grid-template-columns:1fr 1.05fr}}

/* A straight, closer task screen deliberately continues beyond the photo edge. */
.np-task-product{aspect-ratio:400/860;width:205px;right:32px;top:90px;transform:none;filter:drop-shadow(0 11px 13px #19341e35)}
.np-task-product .np-live-weather{width:370px;height:834px}
@media(max-width:1150px){.np-task-product{width:190px;right:25px;top:79px}}
@media(max-width:900px){.np-task-product{width:178px;right:21px;top:62px}}
@media(max-width:700px){.np-task-product{width:182px;right:18px;top:76px}.np-task-label{max-width:144px;font-size:10px!important;padding:10px!important;gap:7px}.np-task-label .np-label-icon{width:22px;height:22px;flex-shrink:0}}
@media(max-width:370px){.np-task-product{width:165px;right:12px;top:67px}.np-task-label{max-width:130px;left:10px;bottom:13px;font-size:9px!important;padding:8px!important;gap:6px}.np-task-label .np-label-icon{width:20px;height:20px}}

@media(max-width:700px){.np-task-visual .np-lifestyle{object-position:70% 48%}}

/* Seasonal plan: one zone and the app’s three crop roles, readable at card size. */
.np-teeltplan-shot{position:absolute;width:345px;left:40%;top:47%;transform:translate(-50%,-50%) translateY(calc(var(--np-drift,0px) * .2)) rotate(-3deg);border:1px solid #fff9;border-radius:18px;overflow:hidden;background:#fffcff;box-shadow:0 14px 30px #30482b1c}
.np-journal-intro{font-size:14px;line-height:1.7;color:var(--np-muted);margin-top:12px}
.np-journal-intro a{text-decoration:underline;text-decoration-color:#879c75;text-underline-offset:4px}
@media(max-width:1150px){.np-teeltplan-shot{width:310px;left:38%}.np-planning-scene .np-sowing-photo{width:150px}}
@media(max-width:900px){.np-teeltplan-shot{width:min(280px,calc(100% - 28px));left:50%}.np-planning-scene .np-sowing-photo{display:none}}
@media(max-width:700px){.np-teeltplan-shot{width:min(290px,calc(100% - 32px));border-radius:15px}}
@media(max-width:370px){.np-teeltplan-shot{width:min(260px,calc(100% - 28px));border-radius:13px}}

/* One quiet title and year above the native seasonal overview. */
.np-teeltplan-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px 8px;color:#294c38;font-size:13px;font-weight:500;line-height:1.4}
.np-teeltplan-heading>span:first-child{display:inline-flex;align-items:center;gap:8px}
.np-teeltplan-heading svg{width:15px;height:15px;fill:none;stroke:currentColor}
.np-teeltplan-heading>span:last-child{font-size:12px;font-weight:400;color:#75816e}
@media(max-width:900px){.np-teeltplan-heading{padding:15px 16px 7px;font-size:12px}.np-teeltplan-heading>span:last-child{font-size:11px}}

/* Crisp website rendering of the same seasonal example; original crop photographs. */
.np-season-overview{padding:7px 16px 15px;color:#385746}
.np-season-legend{display:flex;justify-content:center;gap:6px;margin:0 0 14px;font-size:9px;line-height:1.35}
.np-season-legend>span{padding:4px 7px;border-radius:99px}
.np-season-voor{background:#dcefe8;color:#2d6255}
.np-season-hoofd{background:#f1e5d5;color:#795d3f}
.np-season-na{background:#dcebe6;color:#356454}
.np-season-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));font-size:10px;line-height:1.5;text-align:center;color:#6a7568;margin-bottom:8px}
.np-season-tracks{background:linear-gradient(to right,#38563d09 1px,transparent 1px);background-size:calc(100% / 12) 100%;padding:4px 0 5px}
.np-season-row{position:relative;display:flex;align-items:center;height:37px}
.np-season-bar{margin-left:calc(100% / 12 * var(--start));width:calc(100% / 12 * var(--duration));min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.25;white-space:nowrap;border:1px solid #ffffff65}
.np-season-bar>img{width:18px;height:18px;object-fit:cover;border-radius:50%;flex:none}
@media(max-width:900px){.np-season-overview{padding:7px 13px 13px}.np-season-months{font-size:9px}.np-season-legend{font-size:8px;gap:4px}.np-season-legend>span{padding:4px 6px}.np-season-bar{font-size:10px;padding:4px 7px;gap:3px}.np-season-bar>img{width:16px;height:16px}.np-season-row{height:35px}}
/* Keep the action and the first app screen closer together on phones. */
@media(max-width:700px){
 .np-hero-copy{padding-top:25px}
 .np-hero-copy .np-kicker{margin-bottom:14px}
 .np-hero-intro{margin-top:18px;font-size:15px;line-height:1.7}
 .np-hero-actions{margin-top:20px;gap:6px 16px}
 .np-hero-actions>.np-quiet-link{margin-top:0;padding-block:5px}
 .np-hero-art{margin-top:9px;height:490px}
 .np-hero-product{top:0}
}
@media(max-width:370px){.np-hero-copy{padding-top:22px}.np-hero-intro{font-size:14px}.np-hero-art{margin-top:7px;height:448px}}

/* Keep a real app screen visible while video data is still arriving. */
.np-demo-product .np-html-display>:is(.np-demo-poster,#plan-film){position:absolute;inset:auto;left:8.43%;top:4.68%;width:78.75%;height:90.75%;min-width:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:fill;object-position:center;transform:none;transition:none;pointer-events:none}
.np-html-display>#plan-film{opacity:0}
.np-html-display>#plan-film.has-frame{opacity:1}