:root{--ink:#202228;--muted:#747579;--cream:#f6f5f1;--orange:#f87949;--orange-dark:#df6039;--line:#deddd8;--purple:#514c9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:auto;overflow:hidden}.navbar{height:84px;display:flex;align-items:center;gap:45px;padding:0 6.7%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font:700 22px 'Space Grotesk';letter-spacing:-1px}.brand-mark{color:var(--orange);font-size:25px}.brand-dot{color:var(--orange)}.nav-links{display:flex;gap:30px;margin:auto;font-size:13px;color:var(--muted)}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.btn{border:0;border-radius:5px;padding:13px 20px;font:600 12px 'DM Sans';cursor:pointer;transition:.2s}.btn span{font-size:16px;margin-left:12px}.btn-primary{background:var(--orange);color:white}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink);padding:11px 0}.btn-outline{background:transparent;border:1px solid #c9c8c2;color:var(--ink);width:100%}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.section-wrap{max-width:1220px;margin:auto}.hero{min-height:590px;display:grid;grid-template-columns:48% 52%;align-items:center;padding:55px 0 35px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--orange)}.pulse{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font:700 clamp(46px,5.3vw,76px)/.98 'Space Grotesk';letter-spacing:-4px;margin:24px 0}.hero h1 em,.section-intro h2 span,.dashboard-preview h2 span,.faq h2 span,.modal h2 span{color:var(--orange);font-style:normal}.hero-text{max-width:420px;color:var(--muted);font-size:15px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin:30px 0 48px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{font-size:17px;margin-left:10px}.trust-row{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted);line-height:1.35}.avatar-stack{display:flex}.avatar-stack i{font:600 9px 'DM Sans';display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:2px solid var(--cream);background:#d9a78a;color:white;margin-left:-6px;font-style:normal}.avatar-stack i:first-child{margin-left:0;background:#6d8390}.avatar-stack i:nth-child(2){background:#b78373}.avatar-stack i:nth-child(3){background:#9a9bc0}.avatar-stack .more{background:var(--ink);width:35px}.hero-art{height:490px;position:relative;background:#e8e4dc;border-radius:3px;overflow:hidden}.sun-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#fbd1ae,#ef906a);right:8%;top:6%;opacity:.8}.grain{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#fff5 0 1px,transparent 1px);background-size:7px 7px;opacity:.2}.phone-mock{position:absolute;z-index:2;left:31%;top:63px;width:235px;height:440px;background:#17181b;border:8px solid #15161a;border-radius:30px;box-shadow:18px 25px 35px #8d766344;transform:rotate(8deg)}.phone-notch{position:absolute;z-index:3;top:7px;left:72px;width:76px;height:18px;background:#15161a;border-radius:0 0 12px 12px}.phone-screen{height:100%;padding:37px 17px 20px;background:#faf9f5;border-radius:20px}.screen-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700}.tiny-brand{color:var(--orange);font-size:17px}.metric-label,.screen-row{font-size:8px;color:#909092;letter-spacing:.5px}.metric-label{margin-top:45px}.metric{font:700 25px 'Space Grotesk';margin-top:7px}.metric span,.screen-row b{font:600 9px 'DM Sans';color:#54a37d}.chart{height:100px;margin-top:22px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #ddd; padding:0 3px}.chart span{flex:1;background:#f39a78;border-radius:3px 3px 0 0;opacity:.75}.screen-divider{border-top:1px solid #e3e1dd;margin:25px 0 17px}.screen-row{display:flex;justify-content:space-between;margin:13px 0}.screen-row b{color:var(--ink);letter-spacing:0}.screen-row b.green{color:#54a37d}.floating-card{position:absolute;z-index:3;background:#fbfaf7;border-radius:7px;display:flex;align-items:center;gap:11px;padding:13px 16px;box-shadow:0 12px 30px #786b5a30}.card-top{right:5%;top:70px}.card-bottom{left:3%;bottom:58px}.floating-card small{display:block;font-size:8px;color:#929294;letter-spacing:1px}.floating-card strong{display:block;font:700 14px 'Space Grotesk';margin-top:4px}.mini-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:17px}.orange{background:#fce4d9;color:var(--orange)}.purple{background:#e3e1f7;color:var(--purple)}.trend,.check{color:#55a17d;margin-left:9px}.logo-strip{height:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8d8d8b}.logo-strip>span{font-size:9px;letter-spacing:1.5px}.logo-strip b{font:700 19px 'Space Grotesk';color:#777}.logo-strip .serif{font:600 23px Georgia;font-style:italic}.logo-strip .wide{letter-spacing:5px}.logo-strip .slanted{font-style:italic}.logo-strip .mono{font:600 14px monospace}.process,.pricing,.dashboard-preview,.faq{padding:120px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-intro h2,.dashboard-preview h2,.faq h2{font:700 48px/.98 'Space Grotesk';letter-spacing:-2.5px;margin:20px 0 0}.section-intro>p{max-width:275px;color:var(--muted);font-size:13px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #bcbab4;padding-top:20px;position:relative}.step-no{font:12px monospace;color:var(--orange)}.step-icon{position:absolute;right:5px;top:13px;color:var(--orange);font-size:29px}.steps h3{font:600 19px 'Space Grotesk';margin:43px 0 12px}.steps p,.price-card p{font-size:13px;line-height:1.6;color:var(--muted);max-width:240px}.billing-toggle{border:1px solid var(--line);border-radius:5px;padding:3px;display:flex;gap:3px}.billing-toggle button{border:0;background:transparent;padding:9px 13px;font:600 11px 'DM Sans';border-radius:3px;cursor:pointer}.billing-toggle .selected{background:#fff;color:var(--orange)}.billing-toggle small{background:#dceddf;color:#439268;padding:3px 5px;border-radius:3px;margin-left:4px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{background:#efeee9;padding:35px 30px 30px;position:relative;min-height:355px}.price-card.featured{background:#25262c;color:#fff}.plan-label{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:700}.price-card h3{font:600 21px 'Space Grotesk';margin:20px 0 5px}.price-card.featured p{color:#acadaf}.price{display:block;font:700 29px 'Space Grotesk';margin:28px 0}.price small{font:400 11px 'DM Sans';color:#929294}.price-card ul{list-style:none;padding:17px 0 0;margin:25px 0 0;border-top:1px solid #d6d4cf;font-size:11px;color:#727276;line-height:2.2}.featured ul{border-color:#4b4c51;color:#c6c6c8}.price-card li:before{content:'✓';color:var(--orange);font-weight:bold;margin-right:10px}.popular{position:absolute;right:20px;top:20px;font-size:8px;background:var(--orange);padding:6px 8px;border-radius:3px;letter-spacing:1px}.dashboard-preview{display:grid;grid-template-columns:32% 68%;gap:75px;align-items:center}.dash-copy p{color:var(--muted);font-size:13px;line-height:1.7;max-width:260px;margin:28px 0}.dashboard{background:#28292f;color:white;padding:25px 28px;border-radius:4px;box-shadow:0 20px 45px #38342c20}.dash-top{display:flex;justify-content:space-between;border-bottom:1px solid #45464c;padding-bottom:20px}.dash-top small,.dash-metrics small{display:block;font-size:8px;letter-spacing:1px;color:#9b9ca0}.dash-top b{display:block;font:500 14px 'Space Grotesk';margin-top:8px}.status{background:#355646;color:#7ac79c;border-radius:15px;padding:7px 12px;font-size:10px;align-self:center}.status i{display:inline-block;background:#6bcb93;width:6px;height:6px;border-radius:50%;margin-right:5px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0}.dash-metrics b{display:block;font:600 20px 'Space Grotesk';margin-top:9px}.dash-metrics em{font:500 9px 'DM Sans';color:#73c699;font-style:normal;margin-left:4px}.dash-metrics .muted{color:#a1a2a5}.big-chart{height:195px;position:relative;border-top:1px solid #44464b}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#414349 48px)}.big-chart svg{position:absolute;inset:10px 0 23px;width:100%;height:150px}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#888a8e;font-size:8px}.faq{display:grid;grid-template-columns:35% 65%;gap:60px;border-top:1px solid var(--line)}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;font:600 15px 'Space Grotesk';cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font:400 21px 'DM Sans';color:var(--orange)}details p{max-width:500px;color:var(--muted);font-size:13px;line-height:1.6;margin:15px 0 0}footer{border-top:1px solid var(--line);padding:34px 6.7%;display:flex;align-items:center;gap:30px;color:#888;font-size:11px}footer .brand{color:var(--ink);margin-right:auto}.modal-backdrop{display:none;position:fixed;inset:0;background:#20222899;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{background:var(--cream);max-width:520px;width:100%;padding:40px;border-radius:6px;position:relative}.modal h2{font:700 38px 'Space Grotesk';letter-spacing:-1.5px;margin:18px 0 9px}.modal p{color:var(--muted);font-size:13px;line-height:1.5}.modal-close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:25px;cursor:pointer}.modal form{margin-top:25px}.modal label{display:block;color:#555;font-size:11px;font-weight:600;margin-bottom:15px}.modal input,.modal select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:#fff;font:12px 'DM Sans';border-radius:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal .btn{width:100%;margin-top:8px}.toast{position:fixed;bottom:25px;right:25px;background:#25262c;color:#fff;padding:15px 20px;border-radius:4px;font-size:12px;transform:translateY(100px);transition:.3s;z-index:20}.toast.show{transform:translateY(0)}.mobile-menu{display:none;background:0;border:0;font-size:20px}
@media(max-width:900px){.section-wrap{padding-left:6%;padding-right:6%}.navbar{padding:0 6%;gap:20px}.nav-links{display:none}.nav-login{margin-left:auto}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{margin-top:50px}.logo-strip{overflow:hidden;gap:25px;justify-content:flex-start}.logo-strip b{flex-shrink:0}.logo-strip>span{display:none}.process,.pricing,.dashboard-preview,.faq{padding-top:80px;padding-bottom:80px}.dashboard-preview{grid-template-columns:1fr;gap:40px}.faq{grid-template-columns:1fr;gap:45px}.section-intro{align-items:flex-start;gap:25px;flex-direction:column}.price-grid,.steps{grid-template-columns:1fr}.price-card{min-height:auto}.steps article{padding-bottom:25px}footer{padding:30px 6%;flex-wrap:wrap}footer .brand{width:100%}}
@media(max-width:500px){.hero h1{letter-spacing:-2px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:35px}.hero-art{height:410px}.phone-mock{transform:rotate(5deg) scale(.83);left:24%;top:36px}.card-top{right:2%;top:32px}.card-bottom{left:2%;bottom:25px}.section-intro h2,.dashboard-preview h2,.faq h2{font-size:40px}.dash-metrics{gap:8px}.dash-metrics b{font-size:15px}.dash-metrics em{display:block;margin:5px 0}.modal{padding:30px 22px}}
/* AdSense-ready components */
.ad-slot{height:90px;margin-top:24px;border:1px dashed #cfcdc6;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:8px;letter-spacing:1.5px}.ad-slot span{background:var(--cream);padding:0 10px}.footer-links{display:flex;gap:16px;margin-left:auto}.footer-links a:hover{color:var(--orange)}.cookie-banner{position:fixed;z-index:15;bottom:18px;left:50%;transform:translateX(-50%);max-width:620px;width:calc(100% - 36px);padding:14px 17px;background:#25262c;color:white;border-radius:5px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #20222840}.cookie-banner p{font-size:11px;line-height:1.45;margin:0;flex:1}.cookie-banner a{color:#ffae8d;text-decoration:underline}.cookie-banner.hidden{display:none}
.legal{max-width:760px;padding-top:100px;padding-bottom:130px}.legal h1{font:700 56px/1 'Space Grotesk';letter-spacing:-3px;margin:22px 0 28px}.legal h2{font:600 24px 'Space Grotesk';margin-top:38px}.legal p{max-width:670px;color:var(--muted);font-size:15px;line-height:1.8}
.ad-unit{min-height:90px;margin:24px auto;max-width:100%;}
.integration-form{max-width:900px}.integration-card{display:grid;grid-template-columns:34% 66%;gap:35px;background:#f8f7f3;border:1px solid var(--line);padding:25px;margin-bottom:15px}.integration-card h2{font:600 21px 'Space Grotesk';margin:0 0 10px}.integration-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.integration-fields label{display:block;color:#666;font-size:11px;font-weight:600;margin-bottom:15px}.integration-fields input,.integration-fields select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:white;padding:11px;font:12px 'DM Sans';border-radius:3px}
@media(max-width:700px){.integration-card{grid-template-columns:1fr;gap:20px}}
.verified-badge{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border-radius:50%;background:#1877f2;color:#fff;font:700 11px Arial;vertical-align:middle;box-shadow:0 0 0 2px #f8f7f3}.admin-sidebar{position:sticky;top:0;height:100vh;min-width:230px;z-index:2}.admin-nav{flex:1}.admin-nav a{display:flex;align-items:center;min-height:40px}.role-note{color:#999;font-size:12px;margin-top:-35px;margin-bottom:35px}.admin-main{min-width:0}.admin-layout{grid-template-columns:230px minmax(0,1fr)}
.post-image-upload{display:block;width:100%;height:180px;object-fit:cover}.article-page{max-width:820px;padding-top:90px;padding-bottom:120px}.article-page h1{font:700 56px/1.05 'Space Grotesk';letter-spacing:-3px;margin:20px 0 25px}.article-image{display:block;width:100%;max-height:480px;object-fit:cover;margin:30px 0}.article-excerpt{font-size:18px;line-height:1.6;color:var(--muted)}.article-content{font-size:16px;line-height:1.8;margin-top:40px}.article-content h2,.article-content h3{font-family:'Space Grotesk'}.article-content a{color:var(--orange);text-decoration:underline}.current-image{font-size:11px;color:#4d9d72}
.login-card{max-width:420px;margin:12vh auto;padding:40px;background:#f8f7f3;border:1px solid var(--line)}.login-card .section-kicker{display:block;margin-top:70px}.login-card h1{font:700 38px 'Space Grotesk';margin:15px 0 30px}.login-card label,.editor-form label{display:block;color:#666;font-size:11px;font-weight:600;margin-bottom:17px}.login-card input,.editor-form input,.editor-form textarea,.editor-form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;padding:12px;font:12px 'DM Sans';border-radius:3px}.login-card .btn{width:100%;margin-top:5px}.error-message,.success-message{background:#fae1d8;color:#a94d31;padding:12px 15px;font-size:11px;margin-bottom:18px}.success-message{background:#dcefe3;color:#438b61}.editor-form{max-width:760px;background:#f8f7f3;border:1px solid var(--line);padding:30px}.editor-form .form-row{margin-bottom:0}.editor-form .btn{margin-top:6px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions form{display:inline}.row-actions button,.row-actions a{border:0;background:none;color:var(--orange);cursor:pointer;font:600 11px 'DM Sans';padding:0}
.portal{padding-top:100px;padding-bottom:120px}.portal-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.portal h1{font:700 58px/1 'Space Grotesk';letter-spacing:-3px;margin:20px 0 0}.portal h1 span{color:var(--orange)}.portal-heading p{max-width:270px;color:var(--muted);font-size:13px;line-height:1.6}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:#efeee9}.post-image{height:180px;padding:18px;background:linear-gradient(135deg,#e6a07c,#f8d0ad);position:relative}.post-image.image-1{background:linear-gradient(135deg,#55509b,#aaa3df)}.post-image.image-2{background:linear-gradient(135deg,#25262c,#6d717b)}.post-image span{background:#ffffffc9;padding:6px 9px;border-radius:3px;font-size:9px;letter-spacing:1px;text-transform:uppercase}.post-body{padding:25px 25px 28px}.post-body small{color:#999;font-size:9px}.post-body h2{font:600 22px/1.15 'Space Grotesk';margin:15px 0 10px}.post-body p{color:var(--muted);font-size:12px;line-height:1.6;min-height:40px;margin-bottom:25px}.empty-posts{text-align:center;padding:50px;color:var(--muted)}.admin-body{background:#efeee9}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-sidebar{background:#25262c;color:white;padding:30px 25px;display:flex;flex-direction:column}.admin-sidebar .brand{margin-bottom:60px}.admin-nav{display:grid;gap:8px}.admin-nav a{color:#a9aaae;padding:12px;border-radius:4px;font-size:12px}.admin-nav a.active,.admin-nav a:hover{color:white;background:#3a3b42}.admin-sidebar>small{color:#74767c;font-size:8px;letter-spacing:1px;margin-top:auto}.admin-main{padding:48px 5%;max-width:1300px;width:100%}.admin-header,.admin-section-head{display:flex;justify-content:space-between;align-items:end}.admin-header h1{font:700 40px 'Space Grotesk';letter-spacing:-2px;margin:15px 0 45px}.admin-header h1 span{color:var(--orange)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:55px}.admin-stats>div{background:#f8f7f3;padding:22px;border:1px solid var(--line)}.admin-stats small{display:block;color:#999;font-size:9px;letter-spacing:1px}.admin-stats b{display:block;font:600 27px 'Space Grotesk';margin:15px 0 7px}.admin-stats span{font-size:10px;color:#999}.admin-stats .positive{color:#4d9d72}.admin-stats .online{font-size:20px;color:#4d9d72}.admin-section{margin-bottom:70px}.admin-section h2{font:600 25px 'Space Grotesk';margin:13px 0 23px}.search-input{width:200px;border:1px solid var(--line);background:#f8f7f3;border-radius:3px;padding:12px;font:12px 'DM Sans'}.table-wrap{background:#f8f7f3;border:1px solid var(--line);overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;color:#999;letter-spacing:1px;font-weight:500}th,td{padding:16px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child{min-width:310px;white-space:normal}td b{display:block;font:600 13px 'Space Grotesk'}td small{display:block;color:#999;margin-top:5px}.pill{font-size:9px;padding:5px 8px;border-radius:10px;text-transform:capitalize}.pill.published{background:#dcefe3;color:#438b61}.pill.draft{background:#f7e8ca;color:#9a742e}.row-actions button{border:0;background:none;color:var(--orange);cursor:pointer;font:600 11px 'DM Sans';margin-left:10px}.empty-table{text-align:center;padding:30px;color:#999;font-size:12px}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px}.settings-panel p{color:var(--muted);font-size:13px}.settings-panel form{background:#f8f7f3;padding:25px;border:1px solid var(--line)}.settings-panel label{display:block;font-size:11px;color:#666;font-weight:600;margin-bottom:15px}.settings-panel input,.settings-panel textarea{display:block;width:100%;border:1px solid var(--line);padding:11px;margin-top:7px;font:12px 'DM Sans'}.settings-panel .btn{margin-top:7px}.admin-main .modal{max-height:90vh;overflow:auto}
@media(max-width:900px){.post-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{min-height:auto;padding:20px;display:block}.admin-sidebar .brand{margin-bottom:20px}.admin-nav{display:flex;overflow:auto}.admin-sidebar>small{display:none}.admin-main{padding:35px 6%}.admin-stats{grid-template-columns:1fr 1fr}.settings-panel{grid-template-columns:1fr;gap:20px}}
@media(max-width:500px){.portal-heading,.admin-header,.admin-section-head{align-items:flex-start;flex-direction:column;gap:20px}.portal h1{font-size:45px}.post-grid{grid-template-columns:1fr}.admin-header h1{font-size:32px;margin-bottom:25px}.search-input{width:100%}.footer-links{flex-wrap:wrap;margin-left:0}.cookie-banner{align-items:flex-start;flex-direction:column;gap:10px}.cookie-banner .btn{width:100%}.legal h1{font-size:44px}}