@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--red:#d40b20;--red2:#f0152b;--ink:#151824;--muted:#79808f;--line:#edf0f4;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid var(--line);padding:28px 17px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;line-height:1.16;padding:4px 13px 35px}.brand strong,.topbrand strong{color:var(--red)}.brandmark{width:42px;height:42px;display:grid;place-items:center;background:var(--red);border-radius:14px;color:white;font-size:28px}.navlabel{font-size:10px;letter-spacing:2px;font-weight:800;color:#a6aab6;padding:10px 14px}.sidebar nav{display:grid;grid-gap:7px;gap:7px;margin-top:8px}.navitem{width:100%;border:0;background:transparent;color:#687080;display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;font-weight:700;text-align:left}.navitem.active{background:#fff0f1;color:var(--red)}.navdot{width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:auto}.sidebottom{margin-top:auto}.trialbox{background:linear-gradient(135deg,#fff0f1,#fff8f8);padding:19px;border-radius:17px;color:var(--red)}.trialbox strong{display:block;margin-top:9px}.trialbox p{color:#777e8d;font-size:12px;line-height:1.7}.trialbox span{font-size:11px;font-weight:800}.sideprofile{display:flex;align-items:center;gap:10px;margin-top:20px;padding:15px 4px 0;border-top:1px solid var(--line)}.sideprofile small{display:block;color:var(--muted);margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;background:#ffe1e5;color:var(--red);display:grid;place-items:center;font-weight:800}.avatar.small{width:33px;height:33px}.main{flex:1 1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;gap:18px;padding:0 42px}.topspacer{flex:1 1}.topbrand{font-size:15px;font-weight:800}.demochip{font-size:11px;font-weight:800;color:#6d7583;border:1px solid var(--line);border-radius:30px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;background:#fff}.demochip span{width:7px;height:7px;background:#f0a200;border-radius:50%}.hamburger,.mobile-close{display:none;background:transparent;border:0}.content{max-width:1280px;margin:auto;padding:38px 42px 70px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:14px}.eyebrow{color:var(--red);font-size:10px;font-weight:800;letter-spacing:2px}.pagehead h1{font-size:clamp(29px,3.5vw,39px);letter-spacing:-1.8px;margin:8px 0}.redperiod{color:var(--red)}.pagehead p{color:var(--muted);margin:0;line-height:1.6}.datechip{background:white;border:1px solid var(--line);padding:11px 15px;border-radius:12px;color:#656b7a;font-weight:700;white-space:nowrap}.welcome{background:linear-gradient(112deg,#d60a20,#f12c42);color:white;border-radius:23px;padding:40px 42px;display:flex;align-items:center;justify-content:space-between;min-height:290px;overflow:hidden;position:relative}.welcome>div:first-child{max-width:580px;z-index:1}.welcome-tag{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.8}.welcome h2{font-size:clamp(25px,3.2vw,40px);line-height:1.23;letter-spacing:-1.5px;margin:17px 0}.welcome h2 em{font-style:normal;color:#ffd6d9}.welcome p{max-width:510px;font-size:13px;line-height:1.8;color:#ffeced}.whitebtn{display:flex;align-items:center;gap:12px;border:0;border-radius:11px;background:white;color:var(--red);padding:13px 18px;font-weight:800;margin-top:23px}.welcome-art{width:270px;height:230px;position:relative;flex-shrink:0}.art-ring{position:absolute;border:1px solid #ffffff4d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring1{width:220px;height:220px}.ring2{width:310px;height:310px}.art-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);width:150px;height:150px;display:grid;place-items:center;background:#ffffff25;border:1px solid #ffffff80;border-radius:36px;box-shadow:0 20px 50px #9b001a60}.art-floating{position:absolute;bottom:0;right:0;background:white;color:var(--red);padding:11px 16px;border-radius:12px;font-size:10px;font-weight:800;box-shadow:0 12px 30px #a5002430}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.sectionhead.tight{margin:0 0 18px}.sectionhead h2{font-size:18px;letter-spacing:-.6px;margin:0}.sectionhead>span{display:flex;gap:7px;align-items:center;color:var(--red);font-size:12px;font-weight:800}.featuregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.feature{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;text-align:left;min-width:0;box-shadow:0 5px 25px #15243a05;transition:transform .15s,box-shadow .15s}.feature:hover{transform:translateY(-3px);box-shadow:0 10px 30px #15243a0e}.featureicon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.featureicon svg{width:24px;height:24px}.coral{background:#ffe9eb;color:#ed243b}.purple{background:#eeeaff;color:#7551e9}.orange{background:#fff0dc;color:#ee9c1a}.blue{background:#e5efff;color:#2f6af0}.feature h3{font-size:14px;margin:20px 0 9px}.feature p{color:var(--muted);font-size:12px;line-height:1.7;min-height:55px;margin:0}.feature>span{display:flex;align-items:center;gap:7px;color:var(--red);font-size:12px;font-weight:800;margin-top:17px}.two-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:23px}.card{background:white;border:1px solid var(--line);border-radius:19px;padding:25px;box-shadow:0 6px 28px #15243a04}.platformlist{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.platformlist>div{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.platform-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:white;font-size:23px}.ig{background:linear-gradient(35deg,#ffb73a,#ed236a,#753be5)}.tt{background:#161b24}.yt{background:#f21b25}.th{background:#161b24}.note{background:#fff8f8}.note-icon,.tipicon{color:var(--red)}.note h3,.tip h3{font-size:15px}.demo-note p,.note p,.tip p{font-size:12px;color:#7b8290;line-height:1.85}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);grid-gap:20px;gap:20px;align-items:start}.cardtop{display:flex;align-items:center;gap:14px;margin-bottom:27px}.cardtop h2{font-size:18px;margin:0 0 6px}.cardtop p{color:var(--muted);margin:0;font-size:12px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.field label{font-weight:800;font-size:12px}.field input,.field select,.field textarea{border:1px solid #e3e6ed;border-radius:12px;padding:14px 15px;outline:none;background:#fff;color:var(--ink);width:100%;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red)}.platformselect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.platformselect button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e8eaf0;background:#f7f8fa;color:#687080;border-radius:11px;padding:12px 6px;font-size:11px;font-weight:800}.platformselect button.selected{background:var(--red);border-color:var(--red);color:#fff}.empty button,.primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:12px;background:var(--red);color:white;padding:15px;font-weight:800}.workside{display:grid;grid-gap:18px;gap:18px}.tipicon{width:46px;height:46px;display:grid;place-items:center;background:#fff0f2;border-radius:13px}.tiprow{display:flex;gap:10px;align-items:center;color:#566070;font-size:12px;margin-top:15px}.tiprow svg{color:#16b16b;flex-shrink:0}.demo-note{background:#fffaf2}.resultcard{margin-top:20px}.resulthead{display:flex;align-items:center;justify-content:space-between;gap:12px}.resulthead h2{margin:7px 0;font-size:20px}.copybtn{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-weight:800;color:var(--red)}.resultgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:11px;gap:11px;margin-top:19px}.resultitem{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px}.resultitem span{color:var(--red);font-weight:800}.resultitem p{margin:0;line-height:1.7;font-size:12px}.mutednote{color:var(--muted);font-size:11px}.error{color:#b42318}.empty{text-align:center;max-width:610px;margin:30px auto;padding:50px 35px}.emptyicon{width:70px;height:70px;border-radius:18px;background:#fff0f1;color:var(--red);display:grid;place-items:center;margin:0 auto}.empty p{color:var(--muted);line-height:1.8}.empty button{max-width:270px;margin:25px auto 0}.bottomnav,.overlay{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1100px){.sidebar{width:215px}.content{padding:30px 25px 70px}.topbar{padding:0 25px}.featuregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature p{min-height:auto}.welcome-art{width:180px}.art-icon{width:115px;height:115px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:30;left:0;top:0;transform:translateX(-110%);transition:transform .2s;width:275px;box-shadow:20px 0 60px #1112}.sidebar.open{transform:translateX(0)}.overlay{display:block;position:fixed;inset:0;background:#10102070;z-index:20}.mobile-close{display:block;margin-left:auto}.hamburger{display:block}.topbar{height:64px;padding:0 17px}.topbrand{font-size:14px}.content{padding:25px 17px 100px}.datechip{display:none}.welcome{padding:28px 23px;min-height:280px}.welcome-art{position:absolute;right:-90px;bottom:-70px;opacity:.45}.welcome>div:first-child{max-width:100%}.welcome h2{max-width:390px}.welcome p{max-width:330px}.two-cols,.workspace{grid-template-columns:1fr}.bottomnav{display:flex;position:fixed;z-index:15;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);justify-content:space-around;padding:9px 4px max(9px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px #14182808}.bottomnav button{border:0;background:none;color:#808795;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px;font-size:10px;font-weight:700}.bottomnav button.active{color:var(--red)}}@media(max-width:460px){.pagehead h1{font-size:30px}.featuregrid{gap:10px}.feature{padding:17px}.feature h3{font-size:12px}.feature p,.feature>span{font-size:11px}.welcome h2{font-size:27px}.card{padding:19px}.platformselect{grid-template-columns:repeat(2,minmax(0,1fr))}.resultgrid{grid-template-columns:1fr}.resulthead{align-items:flex-start;flex-direction:column}.demochip{font-size:10px}}.resultcard{min-width:0;overflow-wrap:anywhere}.resultgrid{grid-template-columns:1fr;gap:12px}.resultitem{align-items:flex-start;padding:20px;gap:16px;background:#fff}.resultitem>span{flex:0 0 30px;font-size:14px}.resultitem>div{flex:1 1}.resultitem p{font-size:14px;line-height:1.8;white-space:pre-line}.resulthead{gap:16px;flex-wrap:wrap}.copybtn{white-space:nowrap}.resultcard h2{line-height:1.35}.resultcard ol{overflow-wrap:anywhere}@media(max-width:760px){.resultitem{padding:15px;gap:10px}.resultitem>span{flex-basis:25px}.resultitem p{font-size:13px;line-height:1.75}.resultcard{padding:17px}.resulthead h2{font-size:18px}.copybtn{min-height:42px}.bottomnav{overflow-x:auto;gap:3px}.bottomnav button{min-width:48px;flex:1 1}.content{overflow-x:hidden}.workform,.workside{min-width:0}}.planner-summary{margin-top:18px;padding:17px 20px;border-radius:14px;background:#fff4f5;border:1px solid #ffe1e5}.planner-summary strong{color:#be0a21;font-size:15px}.planner-summary p{margin:7px 0 0;color:#5c6575;font-size:13px;line-height:1.7}.planner-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.planner-results .resultitem{display:flex;min-width:0;background:#fff;border:1px solid #e9edf2;box-shadow:0 3px 12px #161c2705;border-radius:16px;padding:20px}.planner-results .resultitem>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#fff0f2;font-size:14px}.planner-results .resultitem p{font-size:13px;line-height:1.8}.planner-results .resultitem>div{display:grid;grid-gap:9px;gap:9px}@media(max-width:1000px){.planner-results{grid-template-columns:1fr}}@media(max-width:760px){.planner-summary{padding:14px}.planner-results{gap:10px}.planner-results .resultitem{padding:15px}.planner-results .resultitem>span{width:30px;height:30px;flex-basis:30px}.planner-results .resultitem p{font-size:13px}}.copyhook{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:start;width:max-content;padding:7px 11px;border:1px solid #f1d3d7;border-radius:9px;background:#fff7f8;color:#c30c25;font-size:12px;font-weight:700;cursor:pointer}.copyhook:hover{background:#ffecef}.resultitem>div{min-width:0;overflow-wrap:anywhere}:root{--red:#e00024;--red2:#ff3347;--ink:#161b2b;--muted:#667085;--line:#e8ebf1;--bg:#f6f7fa}body{-webkit-font-smoothing:antialiased}.brandmark{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:transparent;overflow:hidden;box-shadow:0 5px 14px #e0002422}.brandmark img{display:block;width:100%;height:100%;object-fit:contain}.topbrand{display:flex;align-items:center;gap:9px;white-space:nowrap}.topbrand img{width:27px;height:27px;object-fit:contain}.sidebar{box-shadow:3px 0 20px #11182704}.navitem{transition:background .16s,color .16s,transform .16s}.navitem:hover{background:#fff2f3;color:var(--red);transform:translateX(2px)}.navitem.active{background:#ffecee;color:#c90925}.content{max-width:1360px}.card{border:1px solid #e9ebf1;border-radius:20px;box-shadow:0 7px 26px #10182808}.resultitem{border-radius:14px;transition:box-shadow .16s}.resultitem:hover{box-shadow:0 6px 20px #1018280b}.copyhook:focus-visible,.navitem:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ff8390;outline-offset:3px}input:focus,select:focus,textarea:focus{outline-color:#ff8190}.pagehead h1{letter-spacing:-1.3px}.bottomnav{box-shadow:0 -6px 24px #1118270a}@media(max-width:760px){.content{padding-left:16px;padding-right:16px}.card{border-radius:17px}.topbrand{gap:7px}.topbrand img{width:24px;height:24px}.brandmark{width:43px;height:43px;flex-basis:43px}}.hook-details{display:grid;grid-gap:9px;gap:9px;min-width:0}.hook-headline{margin:0;color:#1a2030;font-size:16px;font-weight:800;line-height:1.55;letter-spacing:-.25px}.hook-detail{margin:0;color:#596476;font-size:12.5px;line-height:1.75}.hook-detail strong{color:#c70c27;text-transform:capitalize}.resultitem .copyhook{margin-bottom:5px}.resultitem:has(.hook-details){background:#fff;border:1px solid #e9edf2;padding:18px 20px}.resultitem:has(.hook-details):hover{border-color:#f1bdc5}@media(max-width:760px){.hook-headline{font-size:15px}.resultitem:has(.hook-details){padding:15px}}.audit-detail{min-width:0;display:grid;grid-gap:12px;gap:12px}.audit-detail h3{font-size:13px;letter-spacing:.09em;color:#d20b2c;font-weight:800;margin:0;line-height:1.4}.audit-detail p{font-size:15px;line-height:1.8;color:#263247;margin:0;white-space:pre-line;overflow-wrap:anywhere}.resultitem:has(.audit-detail){display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:20px;background:#fff;border:1px solid #e5eaf0}.resultitem:has(.audit-detail)>span{font-size:13px;font-weight:800;color:#d20b2c;padding-top:1px}@media(max-width:760px){.resultitem:has(.audit-detail){padding:16px 14px;gap:10px;grid-template-columns:28px minmax(0,1fr)}.audit-detail p{font-size:14px;line-height:1.75}.audit-detail h3{font-size:12px}.resultcard .resulthead{align-items:flex-start;gap:16px;flex-wrap:wrap}.resultcard .resulthead h2{overflow-wrap:anywhere}}.audit-section{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #edf0f4}.audit-section>span{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:#667085;margin-bottom:6px}.audit-section p{font-size:13px;line-height:1.7;color:#253044}.audit-aksi{background:#fff6f7;border-color:#f7dce0}.audit-aksi>span{color:#c70c27}.audit-detail{gap:10px}@media(max-width:760px){.audit-section{padding:11px 12px}.audit-section p{font-size:13px}}.production-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:10px;border:1px solid #f3ccd1;background:#fff6f7;color:#bb1028;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer;max-width:100%;text-align:center}.production-btn:hover{background:#ffecef}@media(max-width:760px){.production-btn{width:100%;min-height:42px}}.auth-loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:#c90b24;grid-gap:12px;gap:12px}.auth-userbar{position:fixed;right:18px;bottom:92px;z-index:19;border:1px solid #e9e9ee;border-radius:30px;box-shadow:0 10px 30px #10182820;padding:6px 7px 6px 15px;display:flex;align-items:center;gap:12px;font-size:11px;color:#667085}.auth-userbar button{border:0;background:#fff0f2;color:#cf1028;border-radius:20px;padding:8px 10px;display:flex;align-items:center;gap:6px;font-weight:800}.auth-page{min-height:100vh;background:#f7f8fb;display:grid;place-items:center;padding:30px}.auth-shell{max-width:1030px;width:100%;display:grid;grid-template-columns:1fr 430px;min-height:560px;border-radius:26px;overflow:hidden;background:white;box-shadow:0 20px 80px #15243a15}.auth-intro{background:linear-gradient(140deg,#bd071e,#f51b36);color:white;padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.auth-logo{font-size:20px;font-weight:800;margin-bottom:auto}.auth-logo strong{color:#ffc8d0}.auth-kicker{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.85;margin-top:55px}.auth-intro h1{font-size:38px;letter-spacing:-1.8px;line-height:1.24;margin:19px 0}.auth-intro h1 em{font-style:normal;color:#ffd4da}.auth-intro p{font-size:13px;line-height:1.9;color:#ffe5e8}.auth-platforms{font-size:12px;margin-top:auto;font-weight:800}.auth-platforms span{opacity:.5;margin:0 6px}.auth-card{padding:58px 38px;align-self:center}.auth-badge{display:inline-flex;align-items:center;gap:8px;background:#fff0f2;color:#cb1028;border-radius:30px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:1px}.auth-card h2{font-size:24px;letter-spacing:-1px;margin:24px 0 8px}.auth-card>p{color:#858b98;font-size:12px;line-height:1.7;margin-bottom:28px}.auth-card form{display:grid;grid-gap:18px;gap:18px}.auth-card label{font-size:12px;font-weight:800;display:grid;grid-gap:9px;gap:9px}.auth-card input{width:100%;border:1px solid #e4e6ed;border-radius:11px;padding:13px 14px;outline:none;min-width:0}.auth-card input:focus{border-color:#d20b24}.auth-input{display:flex;align-items:center;border:1px solid #e4e6ed;border-radius:11px;padding-left:12px;color:#9ba1ac}.auth-input input{border:0;padding:13px 11px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;background:#d40b20;color:white;border:0;border-radius:11px;padding:14px;font-weight:800;margin-top:4px}.auth-actions{display:flex;justify-content:space-between;gap:8px;margin-top:23px;flex-wrap:wrap}.auth-actions button{background:none;border:0;color:#747c8b;font-size:11px}.auth-actions strong{color:#cf1028}.auth-error{background:#fff0f1;color:#a40e22}.auth-error,.auth-message{padding:11px;border-radius:9px;font-size:12px}.auth-message{background:#effaf2;color:#1d783a}@media(max-width:780px){.auth-shell{grid-template-columns:1fr;max-width:480px}.auth-intro{padding:30px 28px}.auth-logo{margin-bottom:25px}.auth-kicker{margin-top:0}.auth-intro h1{font-size:28px}.auth-platforms{margin-top:15px}.auth-card{padding:32px 25px}.auth-page{padding:15px}.auth-userbar{bottom:83px;right:10px}.auth-userbar span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.auth-userbar{position:relative;right:auto;bottom:auto;z-index:1;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #edf0f4;justify-content:flex-end;min-height:42px;padding:5px 20px;background:#fff}.auth-userbar span{max-width:min(45vw,300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:780px){.auth-userbar{position:relative;right:auto;bottom:auto;min-height:38px;padding:4px 12px;font-size:10px}.auth-userbar span{max-width:52vw}.auth-userbar button{padding:6px 9px}}