@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
@font-face{font-family:'Material Symbols Rounded';font-style:normal;font-weight:500;font-display:block;src:url('material-symbols-rounded.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#0d1020;--panel:#15192a;--panel-soft:#1a2033;--line:#292f45;--ink:#f2f4fb;--muted:#a0a8bf;--blue:#547cff;--cyan:#65d7e9;--violet:#a38bff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.landing{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Manrope',sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:500;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.landing-header{height:82px;max-width:1320px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark,.mini-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8197ff52;border-radius:11px;background:linear-gradient(145deg,#5279ff,#8c66ff);color:#fff;font-size:21px;box-shadow:0 7px 24px #5679ff35}.landing-nav{display:flex;align-items:center;gap:34px;color:#b1b8cb;font-size:14px}.landing-nav a:hover,.landing-footer>a:hover{color:#fff}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:14px;transition:transform .18s,box-shadow .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button .material-symbols-rounded{font-size:19px}.button-outline{min-height:42px;border-color:#353c55;background:#171b2a}.button-primary{background:linear-gradient(110deg,#4e7bff,#715cff);color:#fff;box-shadow:0 12px 35px #4e70ff30}.button-primary:hover{box-shadow:0 16px 42px #4e70ff50}.button-quiet{color:#c2c9da}.hero{position:relative;max-width:1320px;min-height:680px;margin:auto;padding:100px 34px 88px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:36px;overflow:hidden}.hero:before{position:absolute;content:'';width:690px;height:500px;left:-400px;top:40px;background:radial-gradient(ellipse,#3154b524,transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:570px}.eyebrow{display:flex;align-items:center;gap:9px;color:#94a6ff;font-size:11px;font-weight:800;letter-spacing:1.8px}.hero-copy>.eyebrow span,.summary-live i{width:7px;height:7px;border-radius:50%;background:#67dcb7;box-shadow:0 0 14px #67dcb788}.hero h1{margin:24px 0 22px;font-family:Manrope,sans-serif;font-size:clamp(52px,6.1vw,80px);line-height:1.04;letter-spacing:-5px;font-weight:800}.hero h1 em,.final-cta h2 em{color:#91a5ff;font-style:normal}.hero-lead{max-width:510px;color:#a7afc3;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:32px}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:32px;color:#8e97ae;font-size:12px}.hero-footnote .material-symbols-rounded{font-size:18px;color:#66d9b5}.hero-visual{position:relative;min-width:0;padding:35px 0}.visual-glow{position:absolute;inset:5% 0;background:radial-gradient(ellipse,#445fff35,transparent 65%);filter:blur(18px)}.planner-window{position:relative;z-index:1;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#141827;box-shadow:0 35px 90px #0008,0 0 0 7px #ffffff06;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}.window-top{height:62px;padding:0 21px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #ffffff12;background:#171b2b}.window-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800}.mini-mark{width:28px;height:28px;border-radius:8px;font-size:17px}.window-date{margin-left:auto;color:#929bb4;font-size:9px;font-weight:700;letter-spacing:1px}.window-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#30406d;color:#c5d1ff;font-size:12px;font-weight:800}.window-body{min-height:365px;display:grid;grid-template-columns:56px 1fr}.window-sidebar{padding:22px 18px;display:flex;flex-direction:column;gap:24px;border-right:1px solid #ffffff10;background:#111522}.window-sidebar i{width:17px;height:17px;border:1px solid #7783a7;border-radius:5px;opacity:.5}.window-sidebar i:nth-child(2){background:#527cff;border-color:#527cff;box-shadow:0 0 17px #527cff7a}.window-content{padding:25px 25px 19px;min-width:0}.window-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.window-title small{display:block;margin-bottom:5px;color:#8993ad;font-size:8px;font-weight:800;letter-spacing:1.3px}.window-title b{font-size:18px}.week-chip{padding:6px 9px;border:1px solid #ffffff17;border-radius:7px;color:#b3bbcf;font-size:9px}.week-grid{display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));grid-template-rows:32px repeat(3,78px);border-top:1px solid #ffffff12;border-left:1px solid #ffffff12}.week-grid>*{min-width:0;padding:7px 5px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.week-grid>b{text-align:center;color:#a0a9bf;font-size:8px}.week-grid>small{color:#818ba3;font-size:8px}.mini-post{align-self:center;height:max-content;border:1px solid #577fff39;border-radius:6px;background:#233663;color:#c6d4ff;font-size:8px;font-weight:700;line-height:1.35}.mini-post i{float:right;color:#fff;font-size:11px;font-style:normal}.mini-post-purple{border-color:#a17aff33;background:#332952;color:#e0d2ff}.mini-post-green{border-color:#4dcba44a;background:#1e3a3d;color:#a6efda}.mini-post-orange{border-color:#f3a66045;background:#463126;color:#ffd2a0}.mini-post-violet{border-color:#9e88ff45;background:#30294e;color:#d8ccff}.window-summary{display:flex;align-items:center;gap:23px;padding-top:17px;color:#8993aa;font-size:9px}.window-summary b{color:#e2e7f4}.summary-live{display:flex;align-items:center;gap:6px;margin-left:auto;color:#99a2b7}.summary-live i{width:6px;height:6px}.float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #ffffff20;border-radius:12px;background:#1b2031;color:#e9edfa;font-size:12px;font-weight:700;box-shadow:0 12px 34px #0005}.float-tag .material-symbols-rounded{color:#88a2ff}.tag-top{top:3px;right:-10px}.tag-bottom{bottom:4px;left:-31px}.tag-bottom .material-symbols-rounded{color:#6bd8b5}.platform-strip{max-width:1320px;min-height:110px;margin:0 auto;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.platform-strip>span{max-width:150px;color:#79839d;font-size:9px;font-weight:800;letter-spacing:1.4px}.platform-strip div{display:flex;align-items:center;gap:9px;color:#d4d8e4;font-size:13px;font-weight:700}.platform-strip b{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff15;border-radius:9px;background:#191e2e;font-size:19px}.platform-fb{color:#82a2ff}.platform-ig{color:#e29abe}.platform-th{color:#c5c9d5}.platform-x{color:#fff}.platform-rd{color:#ff9c71}
.features-section,.workflow-section{max-width:1252px;margin:auto;padding:118px 34px}.section-heading{max-width:660px;margin-bottom:45px}.section-heading h2,.workflow-copy h2{margin:17px 0 13px;font-family:Manrope,sans-serif;font-size:clamp(36px,4.5vw,54px);line-height:1.12;letter-spacing:-2.6px}.section-heading>p,.workflow-copy>p{max-width:550px;color:#9da6bd;font-size:16px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{position:relative;min-height:310px;padding:28px;overflow:hidden;border:1px solid #ffffff13;border-radius:17px;background:linear-gradient(145deg,#151a2a,#111522)}.feature-card:hover{border-color:#8195ff38}.feature-large,.feature-wide{grid-column:span 2}.feature-card h3{position:relative;z-index:1;margin:22px 0 7px;font-size:19px;letter-spacing:-.4px}.feature-card>p{position:relative;z-index:1;max-width:520px;margin:0;color:#969fb6;font-size:14px;line-height:1.65}.feature-icon{width:39px;height:39px;position:relative;z-index:2;display:grid;place-items:center;border:1px solid #7791ff38;border-radius:11px;background:#29355a;color:#9bb0ff}.icon-kanban{border-color:#6ce0be30;background:#1a3939;color:#73e0c2}.icon-media{border-color:#ffb37530;background:#412f29;color:#ffbd89}.icon-publish{border-color:#b79aff32;background:#302948;color:#c4aeff}.feature-illustration{position:absolute;right:26px;top:24px;opacity:.94}.calendar-illustration{width:43%;max-width:410px;padding:14px;border:1px solid #343b52;border-radius:11px;background:#111523;transform:rotate(2deg)}.calendar-top{display:flex;justify-content:space-between;color:#e7eaf4;font-size:10px}.calendar-top span{color:#7986a5}.calendar-days,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:11px;text-align:center}.calendar-days{color:#7e89a1;font-size:7px}.calendar-dates i{height:23px;display:grid;place-items:center;border-radius:5px;background:#1a2031;color:#b9c0d0;font-size:8px;font-style:normal}.calendar-dates .date-active{background:#5279ff;color:white;box-shadow:0 0 12px #5279ff8c}.calendar-event{margin-top:8px;padding:5px 6px;border-radius:5px;background:#20335e;color:#c7d5ff;font-size:8px}.calendar-event b{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#82a4ff}.calendar-event.event-purple{background:#312847;color:#ddccff}.calendar-event.event-purple b{background:#bf9cff}.kanban-illustration{left:28px;right:28px;top:105px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kanban-illustration>div{min-height:103px;padding:10px;border:1px solid #30364a;border-radius:8px;background:#111522}.kanban-illustration small{display:block;margin-bottom:9px;color:#8993aa;font-size:7px;font-weight:800;letter-spacing:.5px}.kanban-illustration i{display:block;margin-top:5px;padding:7px 6px;border:1px solid #ffffff10;border-radius:5px;background:#1c2334;color:#cbd3e5;font-size:8px;font-style:normal}.kanban-illustration .done-task{color:#9de8cb}.done-task b{float:right;color:#68dbad}.media-illustration{width:180px;height:140px;top:83px;right:40px}.media-tile{position:absolute;width:72px;height:80px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:12px;background:linear-gradient(145deg,#385f7c,#242743);color:#d4e5ff;font-size:33px;box-shadow:0 15px 30px #0006}.tile-one{top:0;left:9px;transform:rotate(-13deg)}.tile-two{top:15px;right:13px;background:linear-gradient(145deg,#75524b,#292640);transform:rotate(10deg)}.tile-three{bottom:3px;left:28px;background:linear-gradient(145deg,#37675e,#202940);transform:rotate(7deg)}.tile-four{right:0;bottom:0;background:linear-gradient(145deg,#584976,#28243e);transform:rotate(-8deg)}.media-add{position:absolute;right:0;top:-7px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#5379ff;color:#fff;font-size:18px}.flow-illustration{left:27px;right:27px;top:104px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.flow-illustration>span{color:#7987a8}.flow-node{padding:9px 12px;border:1px solid #3c4358;border-radius:8px;background:#1b2030;color:#cbd2e3;font-size:9px;font-weight:700}.flow-node>b{margin-right:4px;color:#91a8ff}.flow-node-blue{border-color:#526fbe45;background:#202c4b}.flow-node-pink{border-color:#b6638840;background:#38263a}.flow-node-pink>b{color:#efa4cb}.flow-node-purple{border-color:#8769d64a;background:#2d2745}.flow-node-purple>b{color:#c4aaff}.flow-node-dark{border-color:#555b6b;background:#202330}.feature-wide h3,.feature-wide>p{max-width:590px}.workflow-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;border-top:1px solid #ffffff12}.workflow-copy{position:sticky;top:110px}.workflow-copy .eyebrow{display:block}.workflow-copy .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#a9baff;font-size:14px;font-weight:700}.workflow-copy .text-link .material-symbols-rounded{font-size:18px}.workflow-steps{border-top:1px solid #ffffff17}.workflow-steps article{min-height:124px;padding:23px 2px;display:grid;grid-template-columns:43px 1fr 35px;align-items:start;gap:13px;border-bottom:1px solid #ffffff17}.workflow-steps article>span:first-child{padding-top:3px;color:#8395e8;font-size:12px;font-weight:800}.workflow-steps h3{margin:0 0 5px;font-size:17px}.workflow-steps p{max-width:450px;margin:0;color:#939db4;font-size:13px;line-height:1.65}.step-icon{color:#8391b0;font-size:24px}.final-cta{position:relative;max-width:1252px;margin:0 auto 70px;padding:80px 25px;overflow:hidden;text-align:center;border:1px solid #667dff35;border-radius:21px;background:radial-gradient(ellipse at 50% 110%,#4b65f52b,transparent 62%),linear-gradient(145deg,#151a2c,#111522)}.cta-glow{position:absolute;width:440px;height:210px;top:-180px;left:calc(50% - 220px);border-radius:50%;background:#657bff;filter:blur(90px);opacity:.23}.final-cta>.eyebrow{position:relative;justify-content:center}.final-cta h2{position:relative;margin:16px auto 25px;font-family:Manrope,sans-serif;font-size:clamp(37px,5vw,58px);line-height:1.12;letter-spacing:-2.6px}.cta-note{display:block;margin-top:15px;color:#8993aa;font-size:12px}.landing-footer{max-width:1320px;min-height:95px;margin:auto;padding:22px 34px;display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff12}.landing-footer .landing-brand{font-size:18px}.landing-footer .brand-mark{width:30px;height:30px;font-size:17px}.landing-footer>span{color:#8993aa;font-size:12px}.landing-footer>a:nth-last-of-type(1){display:flex;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:700}.landing-footer>a:nth-last-of-type(1) .material-symbols-rounded{font-size:17px}.landing-footer>small{color:#717b94;font-size:10px}
@media(max-width:1000px){.hero{min-height:610px;grid-template-columns:.85fr 1.15fr;gap:15px;padding-top:74px}.hero h1{font-size:60px}.planner-window{transform:perspective(1200px) rotateY(-4deg)}.window-content{padding:19px 16px}.week-grid{grid-template-columns:38px repeat(5,minmax(0,1fr));grid-template-rows:30px repeat(3,69px)}.mini-post{font-size:7px}.float-tag{font-size:10px}.workflow-section{gap:40px}.feature-illustration{right:20px}.calendar-illustration{width:46%}}
@media(max-width:720px){.landing-header{height:68px;padding:0 18px}.landing-brand{font-size:20px}.landing-brand .brand-mark{width:33px;height:33px}.landing-nav{display:none}.header-login{min-height:39px;padding:0 13px;font-size:12px}.hero{min-height:0;padding:66px 21px 62px;grid-template-columns:1fr;gap:25px}.hero h1{margin:20px 0 15px;font-size:clamp(47px,12vw,66px);letter-spacing:-3.5px}.hero-lead{font-size:15px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:23px}.hero-actions .button{min-height:45px;padding:0 14px;font-size:12px}.hero-footnote{margin-top:22px;font-size:10px}.hero-visual{padding:27px 0}.planner-window{border-radius:13px;transform:none;box-shadow:0 23px 55px #0007,0 0 0 4px #ffffff06}.window-top{height:48px;padding:0 11px;gap:9px}.window-brand{font-size:11px}.mini-mark{width:23px;height:23px;font-size:14px}.window-date{font-size:7px;letter-spacing:.5px}.window-avatar{width:24px;height:24px;font-size:10px}.window-body{min-height:275px;grid-template-columns:33px 1fr}.window-sidebar{padding:17px 10px;gap:19px}.window-sidebar i{width:13px;height:13px}.window-content{padding:14px 10px}.window-title{margin-bottom:13px}.window-title small{font-size:6px}.window-title b{font-size:14px}.week-chip{padding:5px 6px;font-size:7px}.week-grid{grid-template-columns:33px repeat(5,minmax(0,1fr));grid-template-rows:25px repeat(3,62px)}.week-grid>*{padding:4px 2px}.week-grid>b,.week-grid>small{font-size:6px}.mini-post{font-size:6px;overflow:hidden}.mini-post i{font-size:8px}.window-summary{gap:10px;padding-top:11px;font-size:7px}.summary-live{gap:4px}.float-tag{padding:8px 10px;border-radius:9px;font-size:9px}.float-tag .material-symbols-rounded{font-size:16px}.tag-top{right:-4px;top:0}.tag-bottom{left:-4px;bottom:0}.platform-strip{min-height:auto;padding:22px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px 7px}.platform-strip>span{grid-column:1/-1;max-width:none;text-align:center;font-size:8px}.platform-strip div{justify-content:center;gap:6px;font-size:10px}.platform-strip b{width:25px;height:25px;border-radius:7px;font-size:15px}.features-section,.workflow-section{padding:77px 19px}.section-heading{margin-bottom:29px}.section-heading h2,.workflow-copy h2{font-size:39px;letter-spacing:-2px}.section-heading>p,.workflow-copy>p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-large,.feature-wide{grid-column:auto;min-height:300px;padding:22px}.feature-card h3{margin-top:18px;font-size:17px}.feature-card>p{font-size:12px}.calendar-illustration{top:79px;right:15px;width:55%;padding:10px}.calendar-dates i{height:18px;font-size:7px}.calendar-event{font-size:7px}.kanban-illustration{top:93px;left:18px;right:18px;gap:5px}.kanban-illustration>div{min-height:95px;padding:7px 5px}.kanban-illustration small{font-size:6px}.kanban-illustration i{font-size:7px;padding:6px 4px}.media-illustration{top:77px;right:40px;transform:scale(.82);transform-origin:top right}.flow-illustration{top:91px;left:15px;right:15px;gap:6px}.flow-node{padding:7px 8px;font-size:8px}.workflow-section{grid-template-columns:1fr;gap:27px}.workflow-copy{position:static}.workflow-steps article{min-height:110px;padding:20px 0;grid-template-columns:33px 1fr 25px;gap:9px}.workflow-steps h3{font-size:15px}.workflow-steps p{font-size:12px}.final-cta{margin:0 13px 42px;padding:59px 17px;border-radius:16px}.final-cta h2{font-size:39px;letter-spacing:-2px}.landing-footer{min-height:82px;padding:18px;gap:10px;flex-wrap:wrap}.landing-footer .landing-brand{font-size:16px}.landing-footer>span{width:calc(100% - 130px);font-size:10px}.landing-footer>a:nth-last-of-type(1){margin-left:auto;font-size:11px}.landing-footer>small{width:100%;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.publishing-section{max-width:1252px;margin:0 auto;padding:34px 34px 30px;display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:center}.publishing-heading .eyebrow{display:block}.publishing-heading h2{margin:14px 0 10px;font-family:Manrope,sans-serif;font-size:38px;line-height:1.12;letter-spacing:-1.8px}.publishing-heading>p{margin:0;color:#98a2b9;font-size:13px}.publishing-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.publishing-mode{min-height:205px;padding:20px;border:1px solid #ffffff14;border-radius:15px;background:linear-gradient(145deg,#171d2d,#121625)}.mode-auto{border-color:#5acfa32a}.mode-manual{border-color:#8498ff2b}.mode-heading{display:flex;align-items:center;gap:9px;color:#9ee6ca}.mode-heading>.material-symbols-rounded{font-size:20px}.mode-manual .mode-heading{color:#a6b6ff}.mode-label{font-size:9px;font-weight:800;letter-spacing:.8px}.mode-networks{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:17px 0 12px}.mode-networks>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff05;color:#e0e4ef;font-size:10px;font-weight:700}.mode-networks b{font-size:15px;line-height:1}.publishing-mode>p{margin:0;color:#98a2b9;font-size:11px;line-height:1.6}.pricing-section{max-width:1252px;margin:auto;padding:75px 34px 118px;display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:start}.pricing-section .section-heading{margin:8px 0}.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.price-card{min-height:286px;padding:24px;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#171c2b,#111522)}.price-setup{border-color:#7792ff45;background:radial-gradient(ellipse at 100% 0,#5e76ff17,transparent 55%),linear-gradient(145deg,#191d30,#111522)}.price-top{display:flex;align-items:center;justify-content:space-between}.price-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #7c91ff32;border-radius:10px;background:#252f50;color:#a5b6ff}.price-tag{color:#8f9ab4;font-size:8px;font-weight:800;letter-spacing:1.2px}.price-amount{margin:22px 0 3px;font-family:Manrope,sans-serif;font-size:39px;font-weight:800;line-height:1;letter-spacing:-2px}.price-amount span{color:#969fb6;font-family:'DM Sans','Manrope',sans-serif;font-size:12px;font-weight:600;letter-spacing:0}.price-card h3{margin:9px 0 7px;font-size:15px}.price-card>p{min-height:57px;margin:0;color:#9ba4bb;font-size:11px;line-height:1.6}.price-link{display:inline-flex;align-items:center;gap:5px;margin-top:15px;color:#aabaff;font-size:11px;font-weight:700}.price-link .material-symbols-rounded{font-size:16px}.setup-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:#a6e7d0;font-size:10px}.setup-note .material-symbols-rounded{font-size:16px}
@media(max-width:1000px){.publishing-section{grid-template-columns:1fr;gap:20px}.publishing-heading h2 br{display:none}.pricing-section{grid-template-columns:1fr;gap:27px}.pricing-section .section-heading{margin:0}.pricing-section .section-heading h2 br{display:none}}
@media(max-width:720px){.publishing-section{padding:18px 19px 15px;gap:17px}.publishing-heading h2{font-size:32px}.publishing-heading>p{font-size:12px}.publishing-modes{grid-template-columns:1fr;gap:9px}.publishing-mode{min-height:0;padding:16px}.mode-networks{margin:12px 0 9px}.mode-networks>span{font-size:10px}.pricing-section{padding:58px 19px 78px;gap:22px}.pricing-section .section-heading{margin:0}.pricing-section .section-heading h2{font-size:38px}.pricing-cards{grid-template-columns:1fr;gap:10px}.price-card{min-height:0;padding:19px}.price-amount{font-size:36px}.price-card>p{min-height:0}.price-link{margin-top:14px}}
.landing-header .header-actions{display:flex;align-items:center;gap:11px}.language-toggle{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #343b53;border-radius:10px;background:#171b2a;color:#bdc8ed;font-size:11px;font-weight:800;letter-spacing:.5px}.language-toggle:hover{border-color:#8498ff;color:#fff}.feature-card:not(.feature-large):not(.feature-wide){min-height:350px}.feature-card:not(.feature-large):not(.feature-wide) h3{margin-top:150px}.feature-wide{min-height:335px}.feature-wide h3{margin-top:145px}
@media(max-width:720px){.landing-header .header-actions{gap:7px}.language-toggle{min-width:35px;height:36px}.feature-card:not(.feature-large):not(.feature-wide){min-height:345px}.feature-card:not(.feature-large):not(.feature-wide) h3{margin-top:145px}.feature-wide{min-height:330px}.feature-wide h3{margin-top:135px}}

/* Readable layouts: keep feature art out of the copy flow, especially on phones. */
@media(max-width:720px){
  body.landing{font-size:16px;line-height:1.65}
  .landing-header{height:66px;padding:0 16px}
  .landing-header .header-actions{gap:8px}
  .header-login{min-height:42px;padding:0 13px;font-size:13px}
  .language-toggle{min-width:40px;height:40px;font-size:12px}
  .hero{padding:48px 20px 40px;gap:20px}
  .hero h1{font-size:clamp(42px,11vw,58px);line-height:1.08;letter-spacing:-2.5px}
  .eyebrow{font-size:10px;letter-spacing:1.2px}
  .hero-lead{font-size:17px;line-height:1.6;color:#c1c8d8}
  .hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .hero-actions .button{min-height:50px;font-size:14px}
  .hero-footnote{font-size:12px;line-height:1.6;color:#b1bad0;flex-wrap:wrap}
  .hero-visual{padding:18px 0}
  .window-body{min-height:0;display:block}
  .window-sidebar,.week-grid,.window-summary,.window-date{display:none!important}
  .window-top{height:54px;padding:0 14px}
  .window-brand{font-size:14px}
  .window-content{padding:17px}
  .window-title{margin:0 0 14px;align-items:center}
  .window-title small{font-size:10px;letter-spacing:.8px}
  .window-title b{font-size:18px}
  .week-chip{font-size:11px;padding:6px 9px}
  .mobile-preview-list{display:grid;gap:9px}
  .mobile-preview-list article{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:2px 10px;padding:11px 12px;border:1px solid #ffffff16;border-radius:9px;background:#1a2031}
  .mobile-preview-list small{grid-row:span 2;color:#c0c9df;font-size:13px;font-weight:700}
  .mobile-preview-list b{font-size:14px;line-height:1.35;font-weight:700}
  .mobile-preview-list span{font-size:12px;line-height:1.35;color:#b8c3d9}
  .mobile-preview-list .auto-pill{color:#94e5c8}
  .mobile-preview-list .reminder-pill{color:#c1b2ff}
  .mobile-preview-list .planned-pill{color:#9fbaff}
  .float-tag{font-size:11px;padding:8px 11px}
  .tag-top{right:-5px;top:-3px}.tag-bottom{left:-5px;bottom:-3px}
  .platform-strip{padding:20px 16px;gap:12px 6px}
  .platform-strip>span{font-size:10px;line-height:1.5}
  .platform-strip div{font-size:12px}
  .platform-strip b{width:28px;height:28px}
  .publishing-section{padding:40px 20px 24px;gap:17px}
  .publishing-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px}
  .publishing-heading>p,.publishing-mode>p{font-size:15px;line-height:1.65;color:#c0c7d8}
  .publishing-mode{padding:18px;border-radius:13px}
  .mode-heading{align-items:flex-start}
  .mode-label{font-size:11px;line-height:1.45;letter-spacing:.6px}
  .mode-networks{gap:7px}
  .mode-networks>span{font-size:13px;padding:7px 9px}
  .features-section,.workflow-section{padding:58px 20px}
  .section-heading{margin-bottom:25px}
  .section-heading h2,.workflow-copy h2{font-size:clamp(33px,9vw,40px);line-height:1.12;letter-spacing:-1.8px}
  .section-heading>p,.workflow-copy>p{font-size:16px;line-height:1.65;color:#c0c7d8}
  .feature-grid{gap:14px}
  .feature-card,.feature-large,.feature-wide{grid-column:auto;min-height:0;padding:20px;border-radius:15px}
  .feature-card:not(.feature-large):not(.feature-wide){min-height:0}
  .feature-illustration,.calendar-illustration,.kanban-illustration,.media-illustration,.flow-illustration{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;transform:none;opacity:1;width:100%;max-width:none;margin:14px 0 4px}
  .feature-card.feature-large>.feature-illustration{position:relative;inset:auto;transform:none;width:100%;max-width:none;margin:14px 0 4px}
  .feature-card h3,.feature-card:not(.feature-large):not(.feature-wide) h3,.feature-wide h3{margin:9px 0 7px;font-size:20px;line-height:1.3;letter-spacing:-.3px}
  .feature-card>p{max-width:none;font-size:15px;line-height:1.65;color:#c0c7d8}
  .calendar-illustration{padding:14px}
  .calendar-top{font-size:13px}
  .calendar-days{font-size:10px}
  .calendar-dates i{height:29px;font-size:11px}
  .calendar-event{font-size:12px;padding:7px 8px}
  .kanban-illustration{grid-template-columns:1fr;gap:8px}
  .kanban-illustration>div{min-height:0;padding:10px}
  .kanban-illustration small{font-size:10px;margin-bottom:6px}
  .kanban-illustration i{font-size:12px;padding:8px}
  .media-illustration{height:132px;max-width:220px;margin:10px auto 6px}
  .flow-illustration{justify-content:flex-start;gap:7px}
  .flow-node{font-size:12px;padding:9px 10px}
  .workflow-section{grid-template-columns:1fr;gap:21px}
  .workflow-copy{position:static}
  .workflow-steps article{min-height:0;padding:17px 0;grid-template-columns:34px minmax(0,1fr) 24px;gap:9px}
  .workflow-steps h3{font-size:17px;line-height:1.35}
  .workflow-steps p{font-size:14px;line-height:1.6;color:#c0c7d8}
  .workflow-steps article>span:first-child{font-size:13px}
  .step-icon{font-size:22px}
  .pricing-section{padding:55px 20px 68px;gap:20px}
  .pricing-section .section-heading h2{font-size:36px}
  .pricing-section .section-heading>p{font-size:15px;line-height:1.65;color:#c0c7d8}
  .pricing-cards{gap:12px}
  .price-card{padding:20px}
  .price-tag{font-size:10px}
  .price-amount{font-size:40px}
  .price-amount span{font-size:14px}
  .price-card h3{font-size:18px}
  .price-card>p{font-size:14px;line-height:1.65;color:#c0c7d8}
  .price-link,.setup-note{font-size:13px}
  .final-cta{margin:0 14px 35px;padding:48px 18px}
  .final-cta h2{font-size:clamp(32px,8.8vw,40px);line-height:1.2;letter-spacing:-1.6px}
  .final-cta .button{min-height:50px;font-size:14px}
  .cta-note{font-size:13px}
  .landing-footer{padding:18px 20px;gap:10px}
  .landing-footer>span{font-size:12px;width:calc(100% - 140px)}
  .landing-footer>a:nth-last-of-type(1){font-size:13px}
  .landing-footer>small{font-size:11px}
}
@media(max-width:390px){
  .hero,.features-section,.workflow-section,.publishing-section,.pricing-section{padding-left:16px;padding-right:16px}
  .landing-header{padding:0 13px}
  .hero h1{font-size:42px}
  .hero-actions .button{padding:0 10px}
  .feature-card,.feature-large,.feature-wide{padding:17px}
  .window-title{align-items:flex-start;gap:8px;flex-direction:column}
  .mobile-preview-list article{grid-template-columns:45px minmax(0,1fr);padding:10px}
  .mobile-preview-list b{font-size:13px}
}
@media(min-width:721px){.mobile-preview-list{display:none}}

@media(max-width:720px){.landing-header{justify-content:space-between;gap:8px}.landing-brand{flex:1 1 auto;min-width:0;gap:7px;font-size:18px}.landing-brand .brand-mark{flex:none}.landing-header .header-actions{flex:none}.header-login{padding:0 10px;font-size:12px;white-space:nowrap}}

/* Larger type scale: keep labels, chips and interface mockups readable. */
body.landing{font-size:16px}
.landing-nav{font-size:16px}
.landing .button{font-size:15px}
.landing .eyebrow{font-size:14px;line-height:1.45;letter-spacing:1.1px}
.hero-lead{font-size:19px}
.hero-footnote{font-size:14px;line-height:1.5}
.window-brand{font-size:16px}
.window-date,.window-title small,.week-chip,.week-grid>b,.week-grid>small,.mini-post,.mini-post i,.window-summary{font-size:14px;line-height:1.35}
.week-grid>small{white-space:nowrap}
.mini-post{overflow-wrap:anywhere}
.platform-strip>span{font-size:14px;line-height:1.45;letter-spacing:1px}
.platform-strip div{font-size:15px}
.landing p,.feature-card>p,.publishing-mode>p,.price-card>p,.workflow-steps p,.section-heading>p,.workflow-copy>p{font-size:16px;line-height:1.65;color:#c0c7d8}
.calendar-top,.calendar-days,.calendar-dates i,.calendar-event,.kanban-illustration small,.kanban-illustration i,.flow-node{font-size:14px;line-height:1.35}
.kanban-illustration small{letter-spacing:.2px}
.workflow-copy .text-link,.workflow-steps article>span:first-child,.cta-note,.landing-footer>span,.landing-footer>a:nth-last-of-type(1),.landing-footer>small,.language-toggle{font-size:14px}
.mode-label,.mode-networks>span,.price-tag,.setup-note,.price-link{font-size:14px;line-height:1.45}
.price-amount span{font-size:15px}
.price-card h3{font-size:19px}
@media(max-width:720px){
  .landing-nav,.landing .button,.landing .eyebrow,.hero-lead,.hero-footnote,.window-brand,.window-date,.window-title small,.week-chip,.week-grid>b,.week-grid>small,.mini-post,.mini-post i,.window-summary,.platform-strip>span,.platform-strip div,.publishing-heading>p,.mode-label,.mode-networks>span,.publishing-mode>p,.section-heading>p,.workflow-copy>p,.feature-card>p,.calendar-top,.calendar-days,.calendar-dates i,.calendar-event,.kanban-illustration small,.kanban-illustration i,.flow-node,.workflow-copy .text-link,.workflow-steps p,.cta-note,.landing-footer>span,.landing-footer>a:nth-last-of-type(1),.landing-footer>small,.price-tag,.price-amount span,.price-card h3,.price-card>p,.price-link,.setup-note,.language-toggle{font-size:max(14px, 1em)}
  .landing .eyebrow{font-size:14px;letter-spacing:.8px}
  .hero-lead,.landing p,.feature-card>p,.publishing-mode>p,.price-card>p,.workflow-steps p,.section-heading>p,.workflow-copy>p{font-size:16px;line-height:1.65}
  .mobile-preview-list small,.mobile-preview-list b,.mobile-preview-list span{font-size:14px}
  .price-amount span{font-size:15px}
}

/* Cards follow the art in document flow so labels can never collide. */
.feature-card:not(.feature-large){min-height:0}
.feature-card:not(.feature-large)>.feature-illustration{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;transform:none;opacity:1;width:100%;max-width:none;margin:14px 0 4px}
.feature-card:not(.feature-large):not(.feature-wide) h3,.feature-wide h3{margin:9px 0 7px}
.feature-wide>.flow-illustration{justify-content:flex-start}

.social-logo{display:inline-block;width:18px;height:18px;flex:0 0 18px;object-fit:contain;vertical-align:middle}.platform-strip .social-logo{width:21px;height:21px;flex-basis:21px}.flow-node .social-logo{margin-right:5px}.mode-networks .social-logo{width:17px;height:17px;flex-basis:17px}.kanban-illustration{align-items:start}.kanban-illustration>div{min-width:0}.kanban-illustration i{overflow-wrap:anywhere}.feature-card:not(.feature-large)>.feature-illustration{z-index:0}.feature-card:not(.feature-large)>h3,.feature-card:not(.feature-large)>p{z-index:1}

.mobile-menu-toggle{display:none}
.landing-admin-link{color:#aebeff;font-size:14px;font-weight:700}

/* The landing page stays compact on phones; it has no slide-out navigation. */
@media(max-width:720px){
  .landing .mobile-menu-toggle,
  .landing-header .landing-nav { display:none!important; }
  body.landing.menu-open { overflow:auto; }
  body.landing.menu-open:before { display:none; }
}

/* Keep the landing navigation visible while the page scrolls on every screen. */
.landing-header {
  position:sticky;
  top:0;
  z-index:100;
  background:#0d1020ef;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}