@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&display=swap');


:root{--ink:#102333;--ink2:#1d3447;--muted:#6e7e89;--line:#dfe8ee;--paper:#fff;--blue:#eef8ff;--blue2:#dff2ff;--cyan:#43c7ff;--orange:#ff6127;--orange2:#ff8a33;--green:#22b573;--gold:#d99b45;--shadow:0 20px 50px rgba(17,42,61,.08);--radius:24px;--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#f8fcff,#fff 32%,#f8fcff);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Noto Sans Thai","Thonburi","Segoe UI",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}main{min-height:70vh}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,226,233,.8)}.header-inner{max-width:var(--max);margin:auto;height:72px;padding:0 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 65% 25%,#ffcf86 0 13%,transparent 14%),linear-gradient(135deg,#ff922f,#ff4c22);position:relative}.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;right:1px;top:1px}.nav{display:flex;align-items:center;gap:26px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#425667;position:relative;padding:26px 0}.nav a.active,.nav a:hover{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:var(--orange);border-radius:3px}.header-actions{display:flex;align-items:center;gap:8px}.lang-group{display:flex;gap:2px;padding:4px;background:#f2f7fa;border:1px solid var(--line);border-radius:999px}.lang-group button{border:0;background:transparent;font-size:10px;border-radius:999px;padding:6px 8px;color:#6b7c88}.lang-group button.active{background:#fff;color:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.06)}.icon-btn,.btn{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:42px;padding:0 18px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover,.icon-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(17,42,61,.09)}.btn.primary{border:0;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;box-shadow:0 12px 26px rgba(255,97,39,.18)}.btn.gold{background:var(--gold);border-color:var(--gold);color:white}.btn.large{height:52px;padding:0 26px}.btn.full{width:100%}.mobile-menu{display:none}.mobile-panel{display:none}.site-footer{margin-top:60px;border-top:1px solid var(--line);background:white}.footer-inner{max-width:var(--max);margin:auto;padding:36px 28px;display:flex;justify-content:space-between;gap:30px;color:#6d7c86;font-size:12px}.footer-links{display:flex;gap:22px}.section{max-width:var(--max);margin:0 auto;padding:44px 28px}.section.tight{padding-top:22px}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:22px}.section-head.mini{margin-bottom:12px}.section-head h2{font-size:30px;margin:2px 0 5px;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:900;color:#768791}.text-link{border:0;background:transparent;color:var(--orange);font-size:12px;font-weight:900}.hero-shell{max-width:var(--max);margin:18px auto 0;border:1px solid var(--line);border-radius:30px;min-height:610px;position:relative;overflow:hidden;background:white;box-shadow:var(--shadow)}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.52) 40%,rgba(255,255,255,0) 62%)}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#7fb8d6 1px,transparent 1px);background-size:12px 12px;opacity:.13;mask-image:linear-gradient(90deg,#000 0%,transparent 56%)}.hero-copy{position:relative;z-index:3;padding:86px 0 56px 58px;width:48%}.hero-copy h1{font-size:clamp(44px,4.2vw,64px);letter-spacing:-.065em;line-height:.93;margin:16px 0 22px}.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 strong{color:var(--orange);font-size:1.02em}.hero-copy h1 em{font-style:normal;color:var(--ink)}.hero-copy p{max-width:600px;line-height:1.75;color:#526572;font-size:14px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.hero-pills span,.data-badge{font-size:9px;color:#5f7381;border:1px solid var(--line);background:rgba(255,255,255,.85);border-radius:999px;padding:8px 11px}.hero-metric{position:absolute;z-index:4;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.75);border-radius:16px;padding:10px 13px;box-shadow:0 12px 28px rgba(13,37,56,.10)}.hero-metric small{display:block;font-size:8px;color:#70808a}.hero-metric b{font-size:24px}.hero-metric span{font-size:8px;color:#7a8992}.hero-metric.m1{right:28px;top:180px}.hero-metric.m2{right:70px;top:90px}.light-trails{position:absolute;inset:0;width:100%;height:100%;z-index:2;mix-blend-mode:screen;pointer-events:none}.light-trails path{fill:none;stroke:rgba(255,122,59,.85);stroke-width:3;stroke-linecap:round;stroke-dasharray:70 900;filter:drop-shadow(0 0 8px rgba(255,100,40,.75));animation:trail 8s linear infinite}.light-trails path+path{animation-delay:-3.3s;stroke-width:2}@keyframes trail{to{stroke-dashoffset:-970}}.quick-plan{margin-top:-34px;position:relative;z-index:5}.quick-plan>.section-head,.quick-plan>.quick-grid,.quick-plan>.plan-preview{background:rgba(255,255,255,.965);backdrop-filter:blur(18px)}.quick-plan>.section-head{border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;padding:22px 24px;margin:0}.quick-grid{border:1px solid var(--line);border-top:0;border-radius:0 0 26px 26px;padding:0 18px 18px;display:grid;grid-template-columns:1.35fr .95fr .9fr .76fr .92fr;gap:10px;box-shadow:var(--shadow)}.qcard,.agent-card,.planner-block,.chart-card,.guide-card,.signup-form,.agency-brief,.strategy-agent,.agency-score{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(17,42,61,.035)}.qcard{padding:12px}.qcard header,.block-title{display:flex;align-items:center;gap:9px}.qcard header{height:38px;border-radius:10px;background:linear-gradient(90deg,#fff6f0,#fff);padding:0 10px;font-size:11px;font-weight:900}.qcard header b,.block-title>b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:9px}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.chip-grid button,.category-grid button{border:1px solid #e7edf0;background:#fff;border-radius:9px;color:#344a59;font-size:10px;font-weight:760;padding:9px 7px;line-height:1.15}.chip-grid button small,.category-grid button small{display:block;margin-top:3px;font-size:8px;color:#82919a;font-weight:600}.chip-grid button.active,.category-grid button.active{border-color:#ff8d60;background:#fff4ee;color:var(--orange)}.mini-sliders,.platform-sliders{display:grid;gap:9px;margin-top:10px}.slider-row{display:grid;grid-template-columns:78px 1fr 34px;gap:7px;align-items:center}.slider-row span{font-size:10px;font-weight:750}.slider-row input{width:100%;accent-color:var(--orange)}.slider-row output{text-align:right;font-size:10px;font-weight:850}.sumline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:9px;margin-top:10px;color:#6d7d88;font-size:10px}.sumline b{color:var(--ink)}.stack-fields,.form-grid{display:grid;gap:8px}.stack-fields{margin-top:10px}.stack-fields label,.form-grid label,.signup-form>label{display:grid;gap:5px;font-size:10px;color:#71828d;font-weight:650}.stack-fields select,.form-grid input,.form-grid select,.signup-form input,.signup-form select,.signup-form textarea,.agency-grid textarea{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:9px;min-height:39px;padding:8px 10px;outline:0;font-size:11px}.stack-fields select:focus,.form-grid input:focus,.form-grid select:focus,.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus,.agency-grid textarea:focus{border-color:#7ed7ff;box-shadow:0 0 0 3px rgba(67,199,255,.12)}.budget-big{font-size:25px;font-weight:950;letter-spacing:-.04em;margin:14px 0 9px}.qcard>input[type=range],.planner-block>input[type=range]{width:100%;accent-color:var(--orange)}.agent-card{padding:13px;position:relative;overflow:hidden}.agent-title{display:flex;gap:8px;align-items:center}.agent-title>div{display:grid}.agent-title b{font-size:12px}.agent-title small{font-size:9px;color:#74848f}.ai-dot{width:30px;height:30px;border-radius:11px;background:#fff0e8;color:var(--orange);display:grid;place-items:center;font-size:10px;font-weight:900}.agent-card h3{font-size:14px;margin:6px 0}.agent-card p{font-size:10px;line-height:1.55;color:#71818c}.agent-card ul,.guide-card ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px}.agent-card li,.guide-card li{font-size:9px;color:#526674;display:flex;gap:6px}.agent-card li:before,.guide-card li:before{content:"✓";width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:6px;flex:none}.robot{width:116px;height:122px;position:relative;margin:6px auto 4px;animation:robotBob 3.5s ease-in-out infinite}.robot-head{position:absolute;left:18px;top:18px;width:80px;height:58px;border-radius:26px 26px 23px 23px;background:linear-gradient(145deg,#fff,#dce9ef);border:2px solid #fff;box-shadow:0 10px 20px rgba(35,69,86,.18)}.robot-head:after{content:"";position:absolute;inset:8px;border-radius:18px;background:#101a21;box-shadow:inset 0 0 12px #304855}.eye{position:absolute;z-index:3;top:28px;width:9px;height:12px;border-radius:50%;background:#ff9b4b;box-shadow:0 0 10px #ff8c3c;animation:blink 4s infinite}.eye.left{left:40px}.eye.right{left:66px}.robot-smile{position:absolute;z-index:3;left:51px;top:52px;width:18px;height:7px;border-bottom:2px solid #ffb56d;border-radius:50%}.robot-body{position:absolute;left:30px;top:70px;width:56px;height:42px;border-radius:20px 20px 24px 24px;background:linear-gradient(145deg,#fff,#dfeaf0);box-shadow:0 10px 20px rgba(35,69,86,.18)}.robot-body span{position:absolute;left:22px;top:11px;width:12px;height:12px;border-radius:50%;background:var(--orange)}.robot-antenna{position:absolute;z-index:4;left:58px;top:3px;width:3px;height:20px;background:var(--orange);transform:rotate(8deg);border-radius:4px}.robot-antenna:after{content:"";position:absolute;left:-4px;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--orange2)}.robot-arm{position:absolute;top:78px;width:14px;height:37px;background:linear-gradient(#fff,#dce7ed);border-radius:12px}.robot-arm.a{left:20px;transform:rotate(24deg)}.robot-arm.b{right:18px;transform:rotate(-25deg)}@keyframes robotBob{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}@keyframes blink{0%,92%,100%{transform:scaleY(1)}94%,97%{transform:scaleY(.08)}}.plan-preview{margin-top:12px;border:1px solid var(--line);border-radius:20px;padding:18px}.creator-row,.creator-grid{display:grid;gap:12px}.creator-row{grid-template-columns:repeat(6,1fr)}.creator-grid{grid-template-columns:repeat(4,1fr)}.creator-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white;box-shadow:0 8px 24px rgba(17,42,61,.04)}.creator-card figure{height:150px;margin:0;overflow:hidden;position:relative}.creator-card figure img{width:100%;height:100%;object-fit:cover;transition:.3s}.creator-card:hover figure img{transform:scale(1.035)}.creator-card .creator-info{padding:11px}.creator-info h3{font-size:12px;margin:0}.creator-info .creator-meta{display:flex;justify-content:space-between;font-size:10px;color:#71818c;margin-top:5px}.creator-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.creator-tags span{background:#f3f7f9;border-radius:999px;padding:5px 7px;font-size:8px;color:#5e707b}.creator-actions{display:flex;gap:6px;margin-top:9px}.creator-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;min-height:34px;font-size:9px;font-weight:800}.creator-actions button.active{background:#fff1e9;color:var(--orange);border-color:#ffb18d}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-strip article{border:1px solid var(--line);background:white;border-radius:20px;padding:20px;min-height:160px}.feature-strip b{display:block;font-size:14px;margin:12px 0 5px}.feature-strip p{font-size:10px;line-height:1.55;color:#70808a}.dot-graphic{display:block;width:68px;height:48px;position:relative;background-image:radial-gradient(#7f9dad 1.2px,transparent 1.2px);background-size:7px 7px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 73%)}.dot-graphic.g2{border-radius:50%;transform:rotate(18deg)}.dot-graphic.g3:after{content:"";position:absolute;left:14px;top:8px;width:38px;height:30px;border:1px solid #8ea2af;border-radius:50%;transform:rotate(-25deg)}.page-hero{max-width:var(--max);margin:18px auto 0;padding:42px 48px;min-height:360px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(110deg,#fff 0 50%,#eef8ff 50% 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.page-hero.compact{min-height:390px}.page-hero.simple{display:block;min-height:300px}.page-hero h1{font-size:50px;line-height:.98;letter-spacing:-.055em;margin:13px 0}.page-hero h1 span{color:#6d7776;font-weight:600}.page-hero p{max-width:680px;color:#667985;line-height:1.65;font-size:13px}.mode-switch{display:flex;gap:7px;margin-top:20px}.mode-switch button,.mode-switch a{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 16px;font-size:9px;font-weight:850}.mode-switch .active{background:var(--ink);color:white;border-color:var(--ink)}.hero-mini-photo{position:absolute;right:0;top:0;bottom:0;width:49%;overflow:hidden}.hero-mini-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.48)}.hero-mini-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,transparent 26%)}.mesh,.dot-map,.wave-dots{position:absolute;inset:0;background-image:radial-gradient(#6bbfe9 1px,transparent 1px);background-size:9px 9px;opacity:.22;mask-image:radial-gradient(circle at center,#000 15%,transparent 65%)}.status-bar{max-width:calc(var(--max) - 56px);margin:14px auto 0;min-height:50px;border-radius:15px;background:#effbf6;border:1px solid #ccebdd;padding:10px 15px;display:flex;align-items:center;gap:9px;color:#315747}.status-bar b{font-size:11px}.status-bar small{font-size:9px;color:#658273}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,181,115,.12)}.status-dot.loading{background:#7cc8ef}.planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.planner-main{display:grid;gap:12px}.planner-side .sticky{position:sticky;top:88px}.agent-card.large{padding:18px}.agent-card.large .robot{transform:scale(1.12);margin:14px auto}.stepper{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:17px;background:white;padding:12px 16px}.stepper span{font-size:10px;color:#87949c;text-align:center;position:relative}.stepper span:after{content:"";position:absolute;top:50%;right:-45%;width:90%;height:1px;background:#d8e4e9}.stepper span:last-child:after{display:none}.stepper .active{color:var(--orange);font-weight:900}.planner-block{padding:16px}.block-title{align-items:flex-start;margin-bottom:12px}.block-title h2{font-size:20px;margin:0}.block-title p{font-size:11px;color:#73838d;margin:3px 0 0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.category-grid button{min-height:48px;font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid{grid-template-columns:repeat(2,1fr)}.budget-presets,.score-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.budget-presets button,.score-presets button{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800}.score-presets button.active{border-color:#f1b68f;background:#fff4ec;color:#b85b25}.weight-row{display:grid;grid-template-columns:150px 40px 1fr;gap:9px;align-items:center;margin:9px 0}.weight-row span,.weight-row b{font-size:10px}.weight-row input{width:100%;accent-color:var(--orange)}.generate-bar{border-radius:18px;background:var(--ink);color:white;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.generate-bar h2{margin:3px 0 0;font-size:20px}.generate-bar p{font-size:10px;color:#aab8c1}.results-panel{border:1px solid var(--line);border-radius:22px;background:white;padding:18px}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.result-metrics article{border:1px solid var(--line);border-radius:14px;padding:13px}.result-metrics small{display:block;color:#7d8d97;font-size:9px}.result-metrics b{font-size:28px}.result-metrics span{font-size:9px;color:#7d8d97}.result-note{margin-top:12px;background:#f4f9fc;border-radius:12px;padding:12px;font-size:10px;line-height:1.6;color:#657986}.result-actions{display:flex;gap:8px;margin-top:12px}.portrait-stack{display:flex;align-items:flex-end;justify-content:center;gap:-20px;position:relative}.portrait-stack img{width:230px;height:230px;object-fit:cover;border-radius:22px;border:6px solid white;box-shadow:var(--shadow);margin-left:-55px}.creator-search{padding-top:22px}.search-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:12px}.search-tabs button,.search-tabs a{border:0;background:white;padding:16px;text-align:center;font-weight:850;font-size:13px;color:#667984}.search-tabs .active{color:var(--ink);border-bottom:3px solid var(--orange)}.search-row{display:grid;grid-template-columns:1fr 190px;gap:10px}.search-row input{height:54px;border:1px solid var(--line);border-radius:15px;padding:0 18px;background:white;outline:0}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.filter-row select{height:42px;border:1px solid var(--line);background:white;border-radius:11px;padding:0 10px;font-size:10px}.compare-tray{position:sticky;bottom:10px;z-index:20;max-width:1000px;margin:25px auto 15px;background:rgba(16,35,51,.95);color:white;border-radius:18px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 40px rgba(8,22,32,.25)}.compare-tray div{display:flex;flex-direction:column}.compare-tray b{font-size:10px}.compare-tray span{font-size:8px;color:#bdc9d1}.modal{position:fixed;inset:0;background:rgba(7,20,28,.48);z-index:2000;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(520px,95vw);max-height:86vh;overflow:auto;background:white;border-radius:22px;padding:24px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.28)}.modal-card.wide{width:min(1100px,96vw)}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f5f7;font-size:20px}.compare-table{width:100%;border-collapse:collapse;margin-top:15px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:10px;font-size:9px;text-align:left}.signup-hero{background:linear-gradient(100deg,#fff 0 53%,#edf8ff 53%)}.signup-visual{display:grid;place-items:center;min-height:250px;position:relative}.signup-visual .robot{transform:scale(1.8)}.orbit{position:absolute;border:1px dashed #8ed6f8;border-radius:50%;animation:spin 16s linear infinite}.orbit.one{width:270px;height:130px}.orbit.two{width:200px;height:250px;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.stats-row{display:flex;gap:25px;margin-top:25px}.stats-row span{font-size:9px;color:#71828d}.stats-row b{display:block;color:var(--ink);font-size:20px}.signup-layout{display:grid;grid-template-columns:1fr 310px;gap:12px;align-items:start}.signup-form{padding:20px}.guide-card{padding:18px;position:sticky;top:90px}.guide-card h3{font-size:16px}.guide-card p{font-size:10px;line-height:1.6;color:#71818c}.progress-line{height:5px;background:#edf2f4;border-radius:99px;margin-bottom:20px;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--cyan));transition:.3s}.form-section{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}.form-section h2{font-size:19px;margin:5px 0 14px}.signup-form .form-grid{grid-template-columns:1fr 1fr}.signup-form textarea{resize:vertical}.consent{display:flex!important;grid-template-columns:20px 1fr;align-items:flex-start;gap:8px!important;font-size:9px!important;line-height:1.5;margin:12px 0}.consent input{width:16px!important;height:16px;min-height:0!important}.backend-badge,.inline-status{margin-top:12px;border-radius:10px;background:#f2f8fb;padding:10px;font-size:8px;color:#5c7482}.agency-hero{background:linear-gradient(105deg,#fff 0 52%,#edf8ff 52%)}.agency-graphic{min-height:260px;position:relative}.dot-map{position:absolute;inset:-40px}.floating-kpi{position:absolute;right:12%;top:32%;background:white;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow)}.floating-kpi small{font-size:7px;color:#7a8a94;display:block}.floating-kpi b{font-size:32px}.floating-kpi span{font-size:8px}.preview-banner{max-width:calc(var(--max) - 56px);margin:14px auto;background:var(--ink);color:white;border-radius:16px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-banner div{display:grid}.preview-banner b{font-size:11px}.preview-banner span{font-size:8px;color:#acbbc4}.agency-grid{display:grid;grid-template-columns:.95fr 1.25fr .65fr;gap:12px;align-items:start}.agency-brief,.strategy-agent,.agency-score{padding:16px}.agency-brief .form-grid{grid-template-columns:1fr 1fr}.strategy-agent .robot{float:right;margin-top:-20px}.strategy-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;clear:both}.strategy-cards button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;text-align:left}.strategy-cards b{font-size:11px;display:block}.strategy-cards span{font-size:9px;color:#73838d}.strategy-cards button:hover{border-color:#8dd8fb;background:#f6fcff}.advice-box{margin-top:10px;border-radius:12px;background:#eef8ff;padding:12px;font-size:10px;line-height:1.55;color:#506877}.agency-score .score-ring{width:122px;height:122px;border-radius:50%;margin:15px auto;background:conic-gradient(var(--orange) 0 85%,#e9eff2 85%);display:grid;place-items:center;position:relative}.agency-score .score-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:white}.score-ring b,.score-ring span{z-index:2}.score-ring b{font-size:38px;position:absolute;top:31px}.score-ring span{font-size:8px;position:absolute;top:72px}.agency-score ul{list-style:none;padding:0;display:grid;gap:9px}.agency-score li{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:7px}.analytics-hero{min-height:310px}.analytics-art{min-height:220px;position:relative}.wave-dots{mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);transform:skewY(-8deg)}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.metric-card{border:1px solid var(--line);border-radius:16px;background:white;padding:13px}.metric-card small{font-size:9px;color:#778893;display:block}.metric-card b{font-size:25px;display:block;margin-top:4px}.metric-card span{font-size:9px;color:var(--green)}.analytics-grid{display:grid;grid-template-columns:1.5fr .85fr .85fr;gap:10px;padding-top:5px}.chart-card{padding:16px;min-height:280px}.chart-card.wide{grid-column:span 2}.chart-card h2{font-size:17px;margin:0 0 10px}.line-chart{width:100%;height:270px}.donut{width:160px;height:160px;border-radius:50%;margin:22px auto;background:conic-gradient(var(--orange) 0 33%,#6ebff2 33% 75%,#b4c3cc 75% 92%,#304b60 92%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:white}.donut span{z-index:2;font-size:31px;font-weight:900;text-align:center}.donut small{display:block;font-size:7px;font-weight:500;color:#768690}.legend-row,.bar-row{display:grid;grid-template-columns:90px 1fr 45px;gap:8px;align-items:center;margin:9px 0}.legend-row span,.bar-row span,.bar-row b{font-size:10px}.bar-track{height:9px;border-radius:99px;background:#edf2f4;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--orange),#ff9e63)}.top-table{width:100%;border-collapse:collapse}.top-table th,.top-table td{padding:10px;border-bottom:1px solid var(--line);font-size:10px;text-align:left}.report-card{grid-column:3}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pricing-grid article{border:1px solid var(--line);background:white;border-radius:22px;padding:20px;min-height:390px;display:flex;flex-direction:column}.pricing-grid article.featured{border-color:#ff9e70;box-shadow:0 15px 35px rgba(255,97,39,.09)}.pricing-grid article.dark{background:var(--ink);color:white}.pricing-grid h2{font-size:28px;margin:10px 0}.pricing-grid p{font-size:12px;color:#71818c}.pricing-grid .dark p{color:#b2c0c8}.pricing-grid ul{padding-left:18px;display:grid;gap:10px;font-size:11px;line-height:1.4;flex:1}.auth-page{min-height:70vh;display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(480px,94vw);border:1px solid var(--line);border-radius:24px;background:white;padding:28px;box-shadow:var(--shadow)}.auth-card h1{font-size:38px;margin:8px 0}.auth-card p{font-size:12px;color:#71818c;line-height:1.6}.auth-card form{display:grid;gap:12px;margin-top:20px}.auth-card label{display:grid;gap:6px;font-size:11px}.auth-card input{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.fine{margin-top:14px}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:white;border-radius:13px;padding:11px 14px;font-size:9px;z-index:4000;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media print{.site-header,.site-footer,.btn,.compare-tray{display:none!important}body{background:white}.chart-card,.metric-card{break-inside:avoid}.section{padding:15px}}
@media(max-width:1200px){.nav{gap:14px}.nav a{font-size:11px}.quick-grid{grid-template-columns:1.25fr .9fr .9fr .75fr}.quick-grid .agent-card{grid-column:1/-1;display:grid;grid-template-columns:160px 140px 1fr;align-items:center}.quick-grid .agent-card .robot{grid-column:2;grid-row:1/5}.creator-row{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(3,1fr)}.agency-grid{grid-template-columns:1fr 1fr}.agency-score{grid-column:1/-1}.metrics-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.chart-card.wide{grid-column:span 2}.report-card{grid-column:span 2}}
@media(max-width:900px){.header-inner{height:64px;padding:0 16px}.nav,.header-actions .btn,.lang-group{display:none}.mobile-menu{display:inline-flex;margin-left:auto}.mobile-panel.open{display:grid;position:fixed;left:0;right:0;top:64px;background:white;border-bottom:1px solid var(--line);padding:10px 16px;z-index:1001}.mobile-panel a{padding:12px;font-size:12px}.hero-shell{margin:8px 8px 0;min-height:720px}.hero-art img{object-position:68% center}.hero-art:after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0 47%,rgba(255,255,255,.25) 76%,transparent)}.hero-copy{width:100%;padding:45px 24px}.hero-copy h1{font-size:52px}.hero-copy p{max-width:90%}.hero-metric{display:none}.quick-plan{margin-top:-35px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .agent-card{display:block;grid-column:1/-1}.section{padding:32px 14px}.creator-row,.creator-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:1fr}.page-hero{margin:8px 8px 0;padding:34px 24px;grid-template-columns:1fr;min-height:auto}.page-hero h1{font-size:44px}.hero-mini-photo{position:relative;width:100%;height:260px}.planner-layout,.signup-layout{grid-template-columns:1fr}.planner-side .sticky,.guide-card{position:static}.category-grid{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr}.portrait-stack{display:none}.agency-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.chart-card.wide,.report-card{grid-column:auto}.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:14px}.brand{font-size:18px}.brand-mark{width:29px;height:29px}.hero-shell{min-height:690px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:11px}.hero-actions .btn{font-size:9px;padding:0 12px}.hero-pills{display:none}.quick-grid{grid-template-columns:1fr}.chip-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.creator-row,.creator-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.stepper{overflow-x:auto;grid-template-columns:repeat(5,130px)}.form-grid,.signup-form .form-grid,.agency-brief .form-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.search-row{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column}.result-metrics{grid-template-columns:1fr 1fr}.page-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.robot,.orbit,.light-trails path{animation:none!important}}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.1 TYPOGRAPHY CORE
   Reference direction: Fastwork-like scale / Prompt Google Font
   STRUCTURE / ROUTES / FUNCTIONAL LAYOUT REMAIN LOCKED.
   ========================================================= */
400;500;600;700;800&display=swap');

html,body,button,input,select,textarea{
  font-family:"Prompt","Noto Sans Thai","Thonburi","Segoe UI",sans-serif;
}
body{
  font-size:15px;
  font-weight:400;
  letter-spacing:-.01em;
}
.brand{
  font-size:21px;
  font-weight:700;
  letter-spacing:-.025em;
}
.nav a{
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
}
.lang-group button{
  font-size:11px;
  font-weight:500;
}
.icon-btn,.btn{
  font-size:13px;
  font-weight:600;
}
.section-head h2{
  font-size:28px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:-.035em;
}
.section-head p{
  font-size:14px;
  line-height:1.7;
  font-weight:400;
}
.eyebrow{
  font-size:10px;
  font-weight:600;
  letter-spacing:.18em;
}
.text-link{
  font-size:13px;
  font-weight:600;
}

/* Hero: reduce oversized headline, make proportions closer to Fastwork */
.hero-copy{
  padding-top:78px;
}
.hero-copy h1{
  font-size:clamp(42px,3.65vw,56px);
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.055em;
  margin:15px 0 18px;
}
.hero-copy h1 strong{
  font-weight:700;
}
.hero-copy p{
  font-size:15px;
  line-height:1.72;
  font-weight:400;
  max-width:590px;
}
.hero-pills span,.data-badge{
  font-size:10px;
  font-weight:400;
}
.hero-metric small{
  font-size:9px;
}
.hero-metric b{
  font-size:23px;
  font-weight:600;
}
.hero-metric span{
  font-size:9px;
}

/* Quick planner: current V13 was visually too tiny.
   Raise UI labels to practical SaaS readability. */
.qcard header{
  font-size:12.5px;
  font-weight:600;
  letter-spacing:-.015em;
}
.qcard header b,.block-title>b{
  font-size:10px;
  font-weight:600;
}
.chip-grid button,.category-grid button{
  font-size:11.5px;
  font-weight:500;
  line-height:1.28;
}
.chip-grid button small,.category-grid button small{
  font-size:9px;
  font-weight:400;
}
.slider-row span{
  font-size:11.5px;
  font-weight:500;
}
.slider-row output{
  font-size:11.5px;
  font-weight:600;
}
.sumline{
  font-size:10.5px;
}
.stack-fields label,.form-grid label,.signup-form>label{
  font-size:11px;
  font-weight:500;
}
.stack-fields select,.form-grid input,.form-grid select,
.signup-form input,.signup-form select,.signup-form textarea,.agency-grid textarea{
  font-size:12px;
  font-weight:400;
  min-height:41px;
}
.budget-big{
  font-size:27px;
  font-weight:600;
  letter-spacing:-.035em;
}
.agent-title b{
  font-size:13px;
  font-weight:600;
}
.agent-title small{
  font-size:10px;
  font-weight:400;
}
.agent-card h3{
  font-size:15px;
  line-height:1.35;
  font-weight:600;
}
.agent-card p{
  font-size:11px;
  line-height:1.7;
}
.agent-card li,.guide-card li{
  font-size:10.5px;
  line-height:1.55;
}

/* Other pages: align headline/body hierarchy with the same system */
.page-hero h1{
  font-weight:600;
  letter-spacing:-.05em;
  line-height:1.08;
}
.page-hero p{
  font-size:15px;
  line-height:1.72;
}
.planner-block h2,.chart-card h2,.form-section h2{
  font-weight:600;
  letter-spacing:-.025em;
}
.guide-card h3{
  font-size:17px;
  font-weight:600;
}
.guide-card p{
  font-size:11.5px;
}
.preview-banner b{
  font-size:12px;
  font-weight:600;
}
.preview-banner span{
  font-size:9.5px;
}
.strategy-cards b{
  font-size:12px;
  font-weight:600;
}
.strategy-cards span{
  font-size:10px;
}
.advice-box{
  font-size:11px;
}
.agency-score li{
  font-size:11px;
}
.metric-card small{
  font-size:10px;
}
.metric-card b{
  font-size:24px;
  font-weight:600;
}
.metric-card span{
  font-size:10px;
}
.chart-card h2{
  font-size:18px;
}
.legend-row span,.bar-row span,.bar-row b{
  font-size:11px;
}
.top-table th,.top-table td{
  font-size:11px;
}
.pricing-grid h2{
  font-size:27px;
  font-weight:600;
}
.pricing-grid p{
  font-size:13px;
  line-height:1.65;
}
.pricing-grid ul{
  font-size:12px;
}
.auth-card h1{
  font-size:36px;
  font-weight:600;
  letter-spacing:-.04em;
}
.auth-card p{
  font-size:13px;
}
.auth-card label{
  font-size:12px;
}
.footer-inner{
  font-size:12px;
}

/* Mobile scale */
@media(max-width:900px){
  .nav a{font-size:13px}
  .hero-copy h1{font-size:46px;line-height:1.06}
  .hero-copy p{font-size:14px}
  .page-hero h1{font-size:40px}
}
@media(max-width:600px){
  body{font-size:14px}
  .brand{font-size:18px}
  .hero-copy h1{font-size:38px;line-height:1.08}
  .hero-copy p{font-size:13px}
  .hero-actions .btn{font-size:11px}
  .section-head h2{font-size:24px}
  .section-head p{font-size:13px}
  .page-hero h1{font-size:34px}
  .qcard header{font-size:12px}
  .chip-grid button,.category-grid button{font-size:11px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.2 HOME CATEGORY LAYOUT
   Home-only layout revision. Global structure lock retained.
   ========================================================= */
.quick-grid.home-full-cats{
  grid-template-columns:1.02fr 1.08fr .82fr 1fr;
}
.quick-grid.home-full-cats .creator-categories-card{
  grid-column:1/-1;
  padding:14px;
}
.quick-grid.home-full-cats .creator-categories-card header{
  display:flex;
  align-items:center;
}
.quick-grid.home-full-cats .creator-categories-card .all-cat-note{
  margin-left:auto;
  color:#7a8a94;
  font-size:10px;
  font-weight:400;
}
.quick-grid.home-full-cats .creator-categories-card .chip-grid{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
.quick-grid.home-full-cats .creator-categories-card .chip-grid button{
  min-height:54px;
  padding:9px 7px;
  font-size:11.5px;
  font-weight:500;
}
.quick-grid.home-full-cats .creator-categories-card .chip-grid button small{
  font-size:8.5px;
  font-weight:400;
}
.quick-grid.home-full-cats .agent-card{
  min-height:100%;
}

@media(max-width:1200px){
  .quick-grid.home-full-cats{
    grid-template-columns:1fr 1fr;
  }
  .quick-grid.home-full-cats .creator-categories-card{
    grid-column:1/-1;
  }
  .quick-grid.home-full-cats .creator-categories-card .chip-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .quick-grid.home-full-cats .agent-card{
    grid-column:auto;
    display:block;
  }
  .quick-grid.home-full-cats .agent-card .robot{
    grid-column:auto;
    grid-row:auto;
  }
}

@media(max-width:900px){
  .quick-grid.home-full-cats{
    grid-template-columns:1fr 1fr;
  }
  .quick-grid.home-full-cats .creator-categories-card .chip-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .quick-grid.home-full-cats{
    grid-template-columns:1fr;
  }
  .quick-grid.home-full-cats .creator-categories-card{
    grid-column:auto;
  }
  .quick-grid.home-full-cats .creator-categories-card header{
    align-items:flex-start;
    flex-wrap:wrap;
    height:auto;
    min-height:38px;
    padding-top:7px;
    padding-bottom:7px;
  }
  .quick-grid.home-full-cats .creator-categories-card .all-cat-note{
    width:100%;
    margin:3px 0 0 36px;
    font-size:9px;
  }
  .quick-grid.home-full-cats .creator-categories-card .chip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.3 PROMPT FONT FIX
   Force Prompt across all visible UI.
   No layout / route / behavior changes.
   ========================================================= */
:root{
  --font-ui:"Prompt","Noto Sans Thai","Tahoma",sans-serif;
}
html,body,
h1,h2,h3,h4,h5,h6,
p,span,a,b,strong,small,label,
button,input,select,textarea,option,
table,thead,tbody,tr,th,td,
nav,header,main,section,article,aside,footer,
div,li,ul,ol{
  font-family:var(--font-ui) !important;
}
body{
  font-family:var(--font-ui) !important;
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.4 HOME AGENT + AREA NOTE
   Scope: Home target-area note + Agent only.
   Prompt typography and all other page locks remain active.
   ========================================================= */

.target-area-card .area-note{
  margin:12px 2px 0;
  padding:10px 11px;
  border-radius:11px;
  background:#f7fbfd;
  border:1px solid #e7eef2;
  color:#647887;
  font-size:10.8px;
  line-height:1.58;
  font-weight:400;
}
.target-area-card .area-note b{
  color:#425b6b;
  font-weight:600;
}

/* Agent body typography +20% versus the prior approved scale */
.agent-card h3{
  font-size:18px;
  line-height:1.32;
  font-weight:600;
  letter-spacing:-.025em;
  margin:10px 0 8px;
}
.agent-card p{
  font-size:13.2px;
  line-height:1.64;
  font-weight:400;
  color:#6d7f8c;
}
.agent-card li{
  font-size:12.6px;
  line-height:1.48;
  font-weight:400;
  color:#526b7c;
}
.agent-card li:before{
  width:18px;
  height:18px;
  font-size:8px;
}
.agent-card .inline-note{
  display:block;
  margin-top:6px;
  color:#8796a0;
  font-size:.88em;
  line-height:1.55;
}

/* Friendly modern PlanRipple Agent */
.robot.modern-agent{
  width:148px;
  height:154px;
  margin:9px auto 5px;
  position:relative;
  animation:prAgentFloat 4.2s ease-in-out infinite;
  transform-origin:50% 70%;
}
.robot.modern-agent .robot-head{
  left:21px;
  top:24px;
  width:106px;
  height:78px;
  border-radius:37px;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbfd 58%,#dfe9ef 100%);
  border:2px solid rgba(255,255,255,.96);
  box-shadow:
    0 14px 30px rgba(28,55,72,.14),
    inset 0 0 0 1px rgba(196,212,221,.48);
}
.robot.modern-agent .robot-head:after{
  inset:10px;
  border-radius:29px;
  background:
    radial-gradient(circle at 31% 20%,rgba(255,255,255,.12),transparent 29%),
    linear-gradient(155deg,#0a151d,#162934 72%,#0c171f);
  box-shadow:
    inset 0 0 18px rgba(99,145,168,.18),
    0 0 16px rgba(55,111,139,.05);
}
.robot.modern-agent .robot-head:before{
  content:"";
  position:absolute;
  z-index:2;
  left:25px;
  right:25px;
  top:15px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  filter:blur(2px);
  pointer-events:none;
}

/* Correct friendly eyes: two symmetrical curved eyes, no orange shoulder/mouth line */
.robot.modern-agent .eye{
  z-index:5;
  top:52px;
  width:23px;
  height:15px;
  background:transparent;
  border:0;
  border-bottom:5px solid #ff8a33;
  border-radius:0 0 22px 22px;
  box-shadow:0 5px 12px rgba(255,122,45,.32);
  animation:prAgentBlink 4.2s infinite;
  transform-origin:center bottom;
}
.robot.modern-agent .eye.left{left:49px}
.robot.modern-agent .eye.right{left:79px}

.robot.modern-agent .robot-body{
  left:43px;
  top:94px;
  width:64px;
  height:49px;
  border-radius:26px 26px 30px 30px;
  background:linear-gradient(145deg,#fff 0%,#f7fbfd 62%,#dce7ed 100%);
  box-shadow:0 13px 25px rgba(31,60,77,.13), inset 0 0 0 1px rgba(255,255,255,.75);
}
.robot.modern-agent .robot-body span{
  left:25px;
  top:14px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(145deg,#ff9638,#ff5f27);
  box-shadow:0 0 14px rgba(255,101,38,.28);
}
.robot.modern-agent .robot-antenna{
  z-index:6;
  left:73px;
  top:3px;
  width:4px;
  height:27px;
  border-radius:6px;
  background:linear-gradient(#ff9638,#ff6127);
  transform:rotate(7deg);
  transform-origin:bottom;
  animation:prAntenna 4.2s ease-in-out infinite;
}
.robot.modern-agent .robot-antenna:after{
  left:-5px;
  top:-8px;
  width:14px;
  height:14px;
  background:linear-gradient(145deg,#ffad4c,#ff6a28);
  box-shadow:0 0 13px rgba(255,115,40,.3);
}
.robot.modern-agent .robot-arm{
  top:104px;
  width:17px;
  height:44px;
  background:linear-gradient(160deg,#fff,#e2ebf0);
  box-shadow:0 7px 12px rgba(31,60,77,.07);
}
.robot.modern-agent .robot-arm.a{
  left:28px;
  transform:rotate(38deg);
  transform-origin:top center;
  animation:prWave 4.2s ease-in-out infinite;
}
.robot.modern-agent .robot-arm.b{
  right:27px;
  transform:rotate(-24deg);
}
.robot.modern-agent .spark{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff973d;
  opacity:0;
  box-shadow:0 0 12px rgba(255,120,43,.42);
}
.robot.modern-agent .spark.s1{right:9px;top:45px}
.robot.modern-agent .spark.s2{right:1px;top:62px}

/* Agent states used during Generate */
.robot.modern-agent.is-thinking{
  animation:prAgentThink .72s ease-in-out infinite;
}
.robot.modern-agent.is-thinking .eye{
  width:10px;
  height:10px;
  top:57px;
  border:0;
  border-radius:50%;
  background:#ff8a33;
  box-shadow:0 0 12px rgba(255,122,45,.5);
  animation:prThinkEyes .72s ease-in-out infinite alternate;
}
.robot.modern-agent.is-thinking .eye.left{left:55px}
.robot.modern-agent.is-thinking .eye.right{left:87px;animation-delay:.18s}
.robot.modern-agent.is-thinking .robot-antenna:after{
  animation:prPulse .72s ease-in-out infinite alternate;
}
.robot.modern-agent.is-success .robot-arm.a{
  animation:prSuccessWave .45s ease-in-out 3;
}
.robot.modern-agent.is-success .spark{
  animation:prSpark .9s ease-out 2;
}
.robot.modern-agent.is-success .spark.s2{animation-delay:.12s}

@keyframes prAgentFloat{
  0%,100%{transform:translateY(0) rotate(-.45deg)}
  50%{transform:translateY(-6px) rotate(.55deg)}
}
@keyframes prAgentBlink{
  0%,88%,100%{transform:scaleY(1);opacity:1}
  91%,94%{transform:scaleY(.10);opacity:.85}
}
@keyframes prAntenna{
  0%,100%{transform:rotate(7deg)}
  50%{transform:rotate(3deg)}
}
@keyframes prWave{
  0%,70%,100%{transform:rotate(38deg)}
  76%{transform:rotate(20deg)}
  82%{transform:rotate(48deg)}
  88%{transform:rotate(27deg)}
}
@keyframes prAgentThink{
  0%,100%{transform:translateY(-2px) rotate(-1deg)}
  50%{transform:translateY(-5px) rotate(1deg)}
}
@keyframes prThinkEyes{
  from{opacity:.4;transform:scale(.78)}
  to{opacity:1;transform:scale(1.06)}
}
@keyframes prPulse{
  from{transform:scale(.84);box-shadow:0 0 8px rgba(255,115,40,.2)}
  to{transform:scale(1.18);box-shadow:0 0 18px rgba(255,115,40,.45)}
}
@keyframes prSuccessWave{
  0%,100%{transform:rotate(38deg)}
  50%{transform:rotate(5deg)}
}
@keyframes prSpark{
  0%{opacity:0;transform:scale(.3)}
  35%{opacity:1;transform:scale(1.15)}
  100%{opacity:0;transform:translate(7px,-8px) scale(.4)}
}

@media(max-width:600px){
  .target-area-card .area-note{font-size:10.2px}
  .agent-card h3{font-size:17px}
  .agent-card p{font-size:12.6px}
  .agent-card li{font-size:12px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.5 DEPLOY ROBOT FIX
   Stable SVG Agent replaces the CSS-built face that rendered
   incorrectly in Safari/Cloudflare deployment.
   ========================================================= */
.agent-robot-svg{
  width:184px;
  max-width:62%;
  margin:4px auto 4px;
  line-height:0;
  position:relative;
  animation:prSvgBotFloat 4.4s ease-in-out infinite;
  transform-origin:50% 72%;
}
.agent-robot-svg svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.agent-robot-svg .agent-face-thinking,
.agent-robot-svg .agent-sparkles{
  opacity:0;
  pointer-events:none;
}
.agent-robot-svg .agent-eye{
  transform-box:fill-box;
  transform-origin:center;
  animation:prSvgBlink 4.4s ease-in-out infinite;
}
.agent-robot-svg .agent-antenna{
  transform-box:fill-box;
  transform-origin:50% 100%;
  animation:prSvgAntenna 4.4s ease-in-out infinite;
}
.agent-robot-svg .agent-arm-wave{
  transform-box:fill-box;
  transform-origin:72% 18%;
  animation:prSvgWave 4.4s ease-in-out infinite;
}

/* Thinking state: explicit three-dot face, no malformed eyes */
.agent-robot-svg.is-thinking{
  animation:prSvgThinking .7s ease-in-out infinite;
}
.agent-robot-svg.is-thinking .agent-face-happy{
  opacity:0;
}
.agent-robot-svg.is-thinking .agent-face-thinking{
  opacity:1;
}
.agent-robot-svg.is-thinking .think-dot{
  transform-box:fill-box;
  transform-origin:center;
  animation:prSvgDot .7s ease-in-out infinite alternate;
}
.agent-robot-svg.is-thinking .think-dot.d2{animation-delay:.12s}
.agent-robot-svg.is-thinking .think-dot.d3{animation-delay:.24s}

/* Success state: stable smiling face + short wave/sparkles */
.agent-robot-svg.is-success .agent-sparkles{
  opacity:1;
  animation:prSvgSpark .9s ease-out 2;
}
.agent-robot-svg.is-success .agent-arm-wave{
  animation:prSvgSuccessWave .46s ease-in-out 3;
}

@keyframes prSvgBotFloat{
  0%,100%{transform:translateY(0) rotate(-.3deg)}
  50%{transform:translateY(-6px) rotate(.45deg)}
}
@keyframes prSvgBlink{
  0%,89%,100%{transform:scaleY(1);opacity:1}
  92%,94%{transform:scaleY(.08);opacity:.86}
}
@keyframes prSvgAntenna{
  0%,100%{transform:rotate(0)}
  50%{transform:rotate(-3deg)}
}
@keyframes prSvgWave{
  0%,71%,100%{transform:rotate(0)}
  77%{transform:rotate(-14deg)}
  83%{transform:rotate(7deg)}
  89%{transform:rotate(-8deg)}
}
@keyframes prSvgThinking{
  0%,100%{transform:translateY(-2px) rotate(-.7deg)}
  50%{transform:translateY(-5px) rotate(.7deg)}
}
@keyframes prSvgDot{
  from{opacity:.38;transform:scale(.72)}
  to{opacity:1;transform:scale(1.12)}
}
@keyframes prSvgSpark{
  0%{opacity:0;transform:scale(.3)}
  35%{opacity:1;transform:scale(1.18)}
  100%{opacity:0;transform:translate(5px,-7px) scale(.4)}
}
@keyframes prSvgSuccessWave{
  0%,100%{transform:rotate(0)}
  50%{transform:rotate(-18deg)}
}

/* Keep previously approved Agent type scale */
.agent-card h3{font-size:18px;line-height:1.32}
.agent-card p{font-size:13.2px;line-height:1.64}
.agent-card li{font-size:12.6px;line-height:1.48}

@media(max-width:600px){
  .agent-robot-svg{width:164px;max-width:68%}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.6 CREATOR DISCOVERY
   Scope: Home Creator Discovery + 3 benefit cards only.
   ========================================================= */

.home-discovery{
  padding-top:40px;
  padding-bottom:18px;
}
.discovery-head{
  align-items:end;
  margin-bottom:16px;
}
.discovery-head h2{
  font-size:32px;
  margin-top:5px;
}
.discovery-head p{
  max-width:760px;
  color:#6c7d88;
}
.discovery-all{
  color:var(--orange);
  font-size:13px;
  white-space:nowrap;
  margin-bottom:4px;
}

.discovery-filters{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  padding:0 2px 14px;
  scrollbar-width:none;
}
.discovery-filters::-webkit-scrollbar{display:none}
.discovery-filters button{
  border:1px solid #dce6eb;
  background:#fff;
  color:#536b79;
  border-radius:999px;
  min-width:112px;
  padding:10px 18px;
  font-size:11.5px;
  font-weight:500;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 2px 8px rgba(17,42,61,.015);
}
.discovery-filters button:hover{
  border-color:#ffb48d;
  color:#e65f23;
}
.discovery-filters button.active{
  color:#fff;
  border-color:var(--orange);
  background:linear-gradient(135deg,#ff7f31,#ff5f27);
  box-shadow:0 8px 18px rgba(255,102,38,.17);
}

.creator-carousel-shell{
  position:relative;
}
.home-creator-row{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 44px 14px 2px;
  scrollbar-width:none;
}
.home-creator-row::-webkit-scrollbar{display:none}

.discovery-card{
  flex:0 0 clamp(224px,18.2vw,282px);
  scroll-snap-align:start;
  border-radius:20px;
  border:1px solid #dce6eb;
  box-shadow:0 12px 30px rgba(22,51,69,.045);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
.discovery-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(22,51,69,.08);
}
.discovery-card figure{
  height:172px;
  position:relative;
  background:#eef3f5;
}
.discovery-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.discovery-card .creator-info{
  padding:11px 13px 13px;
}
.discovery-card .creator-info h3{
  font-size:15px;
  line-height:1.2;
  margin:0;
  font-weight:600;
  color:var(--ink);
}
.creator-statline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:7px;
  color:#738491;
  font-size:10.5px;
}
.creator-statline span b{
  color:var(--ink);
  font-size:14px;
  font-weight:600;
}
.creator-statline strong{
  color:#ff6529;
  font-size:11px;
  font-weight:600;
}
.discovery-card .creator-tags{
  gap:5px;
  margin-top:10px;
}
.discovery-card .creator-tags span{
  background:#f3f7f9;
  color:#617581;
  padding:5px 8px;
  font-size:8.5px;
}
.platform-badge{
  position:absolute;
  left:10px;
  top:10px;
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:15px;
  font-weight:700;
  box-shadow:0 5px 13px rgba(14,29,39,.14);
  z-index:2;
}
.platform-badge.ig{background:linear-gradient(135deg,#ff5ba5,#8d42ff)}
.platform-badge.yt{background:#ff2626}
.platform-badge.tt{background:#111}
.platform-badge.fb{background:#1877f2}
.platform-badge.x{background:#111}
.platform-badge.default{background:#718391}

.creator-heart{
  position:absolute;
  right:10px;
  top:10px;
  width:32px;
  height:32px;
  border:1px solid rgba(217,226,231,.9);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#415665;
  display:grid;
  place-items:center;
  font-size:18px;
  cursor:pointer;
  z-index:2;
  transition:.2s ease;
}
.creator-heart.active{
  color:#ff5f27;
  border-color:#ffc0a4;
  background:#fff5ef;
}
.creator-next{
  position:absolute;
  right:-14px;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:1px solid #dce6eb;
  border-radius:50%;
  background:#fff;
  color:#142d3d;
  font-size:30px;
  line-height:1;
  box-shadow:0 10px 28px rgba(18,46,64,.12);
  cursor:pointer;
  z-index:5;
}
.creator-next:hover{
  color:var(--orange);
  transform:translateY(-50%) scale(1.04);
}

.creator-empty{
  min-width:100%;
  min-height:160px;
  border:1px dashed #d5e2e8;
  border-radius:18px;
  background:#fafcfd;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#6d808d;
  gap:5px;
}
.creator-empty b{font-size:14px;color:#314b5b}
.creator-empty span{font-size:10px}

/* compact modern benefits, replacing the oversized empty cards */
.home-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding-top:12px;
  padding-bottom:50px;
}
.home-benefits article{
  min-height:145px;
  padding:22px 24px;
  border:1px solid #dce6eb;
  border-radius:22px;
  display:grid;
  grid-template-columns:150px 1fr;
  align-items:center;
  gap:16px;
  background:linear-gradient(145deg,#fff,#fcfdfe);
  box-shadow:0 9px 28px rgba(20,48,65,.025);
}
.home-benefits article b{
  display:block;
  font-size:16px;
  font-weight:600;
  margin:0 0 6px;
  color:var(--ink);
}
.home-benefits article p{
  margin:0;
  font-size:10.5px;
  line-height:1.58;
  color:#6c7e8a;
}
.benefit-graphic{
  width:138px;
  height:88px;
  display:grid;
  place-items:center;
}
.benefit-graphic svg{
  width:100%;
  height:100%;
  overflow:visible;
}

@media(max-width:1100px){
  .home-benefits article{
    grid-template-columns:112px 1fr;
    padding:18px;
  }
  .benefit-graphic{width:108px}
}

@media(max-width:900px){
  .discovery-head h2{font-size:28px}
  .creator-next{right:0}
  .home-benefits{grid-template-columns:1fr}
  .home-benefits article{
    min-height:128px;
    grid-template-columns:120px 1fr;
  }
}

@media(max-width:600px){
  .home-discovery{padding-top:28px}
  .discovery-head{
    align-items:flex-start;
    gap:10px;
  }
  .discovery-head h2{font-size:25px}
  .discovery-all{font-size:12px}
  .discovery-filters button{
    min-width:auto;
    padding:8px 13px;
    font-size:10.5px;
  }
  .home-creator-row{
    gap:11px;
    padding-right:28px;
  }
  .discovery-card{
    flex-basis:78vw;
    max-width:300px;
  }
  .creator-next{
    width:42px;
    height:42px;
    right:-5px;
  }
  .home-benefits article{
    grid-template-columns:92px 1fr;
    gap:12px;
    padding:16px;
    min-height:118px;
  }
  .benefit-graphic{width:88px;height:68px}
  .home-benefits article b{font-size:14px}
  .home-benefits article p{font-size:10px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.7 BENEFIT ICONS
   Scope: the three Home benefit cards only.
   ========================================================= */
.home-benefits{
  gap:18px;
  padding-top:14px;
  padding-bottom:52px;
}
.home-benefits .benefit-card{
  min-height:154px;
  padding:22px 26px;
  grid-template-columns:176px 1fr;
  gap:18px;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff 0%,#fcfdfe 100%);
  border:1px solid #d8e5eb;
  box-shadow:0 10px 30px rgba(30,59,76,.035);
}
.home-benefits .benefit-graphic-3d{
  width:168px;
  height:106px;
  display:grid;
  place-items:center;
}
.home-benefits .benefit-graphic-3d svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.home-benefits .benefit-copy{
  align-self:center;
}
.home-benefits .benefit-copy b{
  font-size:17px;
  line-height:1.3;
  font-weight:600;
  color:#10293a;
  margin-bottom:7px;
}
.home-benefits .benefit-copy p{
  max-width:330px;
  font-size:10.8px;
  line-height:1.6;
  color:#667a87;
}

@media(max-width:1200px){
  .home-benefits .benefit-card{
    grid-template-columns:132px 1fr;
    padding:20px;
  }
  .home-benefits .benefit-graphic-3d{
    width:126px;
    height:88px;
  }
}
@media(max-width:900px){
  .home-benefits .benefit-card{
    grid-template-columns:128px 1fr;
    min-height:136px;
  }
  .home-benefits .benefit-copy b{font-size:16px}
}
@media(max-width:600px){
  .home-benefits .benefit-card{
    grid-template-columns:96px 1fr;
    min-height:120px;
    padding:16px;
    gap:12px;
  }
  .home-benefits .benefit-graphic-3d{
    width:92px;
    height:70px;
  }
  .home-benefits .benefit-copy b{font-size:14px}
  .home-benefits .benefit-copy p{font-size:10px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.8 UNIFIED BENEFIT ICON FAMILY
   Scope: only the 3 lower Home benefit icons/cards.
   ========================================================= */
.icon-family-v138{
  gap:18px;
}
.icon-family-v138 .benefit-card{
  grid-template-columns:180px 1fr;
  min-height:156px;
  padding:22px 26px;
  gap:18px;
}
.icon-family-v138 .unified-benefit-icon{
  width:174px;
  height:112px;
  display:grid;
  place-items:center;
}
.icon-family-v138 .unified-benefit-icon svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.icon-family-v138 .benefit-copy{
  align-self:center;
}
.icon-family-v138 .benefit-copy b{
  display:block;
  margin:0 0 7px;
  font-size:17px;
  font-weight:600;
  line-height:1.3;
  color:#10293a;
}
.icon-family-v138 .benefit-copy p{
  margin:0;
  max-width:335px;
  font-size:10.8px;
  line-height:1.6;
  color:#667a87;
}
@media(max-width:1200px){
  .icon-family-v138 .benefit-card{grid-template-columns:138px 1fr;padding:20px}
  .icon-family-v138 .unified-benefit-icon{width:132px;height:92px}
}
@media(max-width:900px){
  .icon-family-v138 .benefit-card{grid-template-columns:128px 1fr;min-height:138px}
  .icon-family-v138 .unified-benefit-icon{width:122px;height:86px}
}
@media(max-width:600px){
  .icon-family-v138 .benefit-card{grid-template-columns:94px 1fr;min-height:120px;padding:16px;gap:12px}
  .icon-family-v138 .unified-benefit-icon{width:90px;height:68px}
  .icon-family-v138 .benefit-copy b{font-size:14px}
  .icon-family-v138 .benefit-copy p{font-size:10px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V13.9 REFERENCE-MATCHED ICONS
   Scope: three lower Home benefit cards only.
   ========================================================= */
.icon-family-v139{
  gap:18px;
}
.icon-family-v139 .benefit-card{
  grid-template-columns:188px 1fr;
  min-height:162px;
  padding:22px 26px;
  gap:18px;
}
.icon-family-v139 .reference-icon{
  width:182px;
  height:118px;
  display:grid;
  place-items:center;
}
.icon-family-v139 .reference-icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.icon-family-v139 .benefit-copy{
  align-self:center;
}
.icon-family-v139 .benefit-copy b{
  display:block;
  margin:0 0 7px;
  color:#10293a;
  font-size:17px;
  font-weight:600;
  line-height:1.28;
}
.icon-family-v139 .benefit-copy p{
  margin:0;
  max-width:345px;
  color:#657986;
  font-size:10.8px;
  line-height:1.6;
}
@media(max-width:1200px){
  .icon-family-v139 .benefit-card{grid-template-columns:145px 1fr;padding:20px}
  .icon-family-v139 .reference-icon{width:138px;height:94px}
}
@media(max-width:900px){
  .icon-family-v139 .benefit-card{grid-template-columns:130px 1fr;min-height:140px}
  .icon-family-v139 .reference-icon{width:124px;height:88px}
}
@media(max-width:600px){
  .icon-family-v139 .benefit-card{grid-template-columns:96px 1fr;min-height:122px;padding:16px;gap:12px}
  .icon-family-v139 .reference-icon{width:92px;height:70px}
  .icon-family-v139 .benefit-copy b{font-size:14px}
  .icon-family-v139 .benefit-copy p{font-size:10px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.0 AGENCY ADVANCED
   Scope: /agency/ only. Home and all other locked pages unchanged.
   ========================================================= */

.agency-page-v14{
  --ag-line:#dce7ed;
  --ag-soft:#f7fbfd;
  --ag-muted:#6b7e8b;
}

.agency-home-hero{
  max-width:var(--max);
  min-height:520px;
  margin:18px auto 0;
  border:1px solid var(--line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.agency-hero-art{position:absolute;inset:0}
.agency-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.agency-hero-art:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 27%,rgba(255,255,255,.56) 43%,rgba(255,255,255,.04) 68%);
}
.agency-hero-grid{
  position:absolute;inset:0;
  background-image:radial-gradient(#7fb8d6 1px,transparent 1px);
  background-size:12px 12px;opacity:.12;
  mask-image:linear-gradient(90deg,#000 0%,transparent 58%);
}
.agency-hero-copy{position:relative;z-index:3;width:52%;padding:76px 0 48px 58px}
.agency-hero-copy h1{font-size:clamp(46px,4.2vw,64px);line-height:.98;letter-spacing:-.06em;margin:14px 0 18px;font-weight:600}
.agency-hero-copy h1 strong{display:block;color:var(--orange);font-weight:700}
.agency-hero-copy p{max-width:650px;color:#526774;line-height:1.72;font-size:14px}
.agency-mode-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.agency-mode-switch a,.agency-mode-switch button{
  min-height:40px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526775;font-size:11px;font-weight:600;
}
.agency-mode-switch .active{background:#142c3b;color:#fff;border-color:#142c3b}
.agency-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.agency-hero-pills span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);font-size:9.5px;color:#657985}
.agency-hero-metric{
  position:absolute;z-index:4;display:grid;background:rgba(255,255,255,.93);border:1px solid rgba(220,231,237,.9);border-radius:18px;padding:12px 15px;box-shadow:0 12px 28px rgba(18,48,67,.1);min-width:134px
}
.agency-hero-metric small{font-size:8px;color:#7a8b96}.agency-hero-metric b{font-size:24px;line-height:1.1;margin-top:3px}.agency-hero-metric span{font-size:8px;color:#8a98a1}
.agency-hero-metric.m1{right:70px;top:56px}.agency-hero-metric.m2{right:38px;top:142px}.agency-hero-metric.m3{right:72px;bottom:54px}.agency-hero-metric.m3 b{font-size:15px}

.agency-preview-banner{
  width:min(var(--max),calc(100% - 56px));margin:14px auto 0;padding:13px 16px;border-radius:17px;
  background:linear-gradient(90deg,#0f2e2d,#133d39);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px
}
.agency-preview-banner>div{display:grid;gap:2px}.agency-preview-banner b{font-size:12px}.agency-preview-banner span{font-size:9.5px;color:#b7d1ce}

.agency-advanced-shell{padding-top:34px}
.agency-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px}
.agency-section-head h2{font-size:31px;letter-spacing:-.035em;margin:3px 0 6px}.agency-section-head p{margin:0;max-width:850px;color:var(--ag-muted);font-size:12px;line-height:1.7}
.agency-readiness{min-width:120px;text-align:right}.agency-readiness span{display:block;font-size:9px;color:#81919b}.agency-readiness strong{font-size:27px}.agency-readiness strong span{display:inline;font-size:11px}

.agency-stepbar{
  display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;padding:8px;border:1px solid var(--ag-line);border-radius:20px;background:#fff
}
.agency-stepbar button{border:0;border-radius:14px;background:#f7fafc;padding:11px 12px;text-align:left;display:grid;grid-template-columns:30px 1fr;column-gap:8px}
.agency-stepbar button span{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:#eaf0f3;color:#6b7f8b;display:grid;place-items:center;font-size:9px;font-weight:700}
.agency-stepbar button b{font-size:10.5px}.agency-stepbar button small{font-size:8.5px;color:#86949d}
.agency-stepbar button.active{background:#fff5ef;box-shadow:inset 0 0 0 1px #ffd2bd}.agency-stepbar button.active span{background:var(--orange);color:#fff}

.agency-v14-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.agency-main-stack,.agency-side-stack{display:grid;gap:12px}
.agency-panel,.agency-agent-v14,.agency-score-v14,.agency-output-v14{
  border:1px solid var(--ag-line);border-radius:22px;background:#fff;padding:18px;box-shadow:0 9px 28px rgba(20,48,65,.025)
}
.agency-panel-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}
.agency-step-no{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff7f31,#ff5f27);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}
.agency-panel-title h3{font-size:18px;margin:0 0 3px;font-weight:600}.agency-panel-title p{margin:0;color:#7a8b95;font-size:10px}
.agency-brief-v14 .form-grid{grid-template-columns:repeat(3,1fr);gap:10px}
.agency-panel label{display:grid;gap:6px;font-size:10px;color:#607481}
.agency-panel input,.agency-panel select,.agency-panel textarea{
  width:100%;border:1px solid var(--ag-line);border-radius:11px;background:#fbfdfe;min-height:42px;padding:0 11px;font-size:11.5px;outline:none
}
.agency-panel textarea{padding:10px;resize:vertical}.agency-panel input:focus,.agency-panel select:focus,.agency-panel textarea:focus{border-color:#ffae84;box-shadow:0 0 0 3px #fff3ed}
.agency-note-field{margin-top:10px}

.agency-context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.agency-module-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.agency-module-row button{
  border:1px solid var(--ag-line);border-radius:14px;background:#fff;padding:11px;text-align:left;min-height:70px;transition:.2s
}
.agency-module-row button b{display:block;font-size:10.5px}.agency-module-row button span{display:block;margin-top:4px;color:#7e8f99;font-size:8.5px;line-height:1.45}
.agency-module-row button:hover,.agency-module-row button.active{border-color:#ffb690;background:#fff7f2;transform:translateY(-1px)}

.creator-architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.creator-architecture button{border:1px solid var(--ag-line);background:#fff;border-radius:15px;padding:13px;text-align:left;min-height:105px}
.creator-architecture button span{width:25px;height:25px;border-radius:50%;background:#f1f6f8;color:#657a87;display:grid;place-items:center;font-size:8px}
.creator-architecture button b{display:block;margin-top:12px;font-size:11px}.creator-architecture button small{display:block;color:#81919a;font-size:8.5px;line-height:1.45;margin-top:4px}
.creator-architecture button.active{background:#fff5ef;border-color:#ffc5a8}.creator-architecture button.active span{background:var(--orange);color:#fff}
.agency-explain-note{margin-top:11px;padding:11px 12px;background:#f7fbfd;border:1px solid #e5eef2;border-radius:12px;color:#697e8b;font-size:9.5px;line-height:1.6}

.budget-allocation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.budget-allocation-grid>div{border:1px solid var(--ag-line);border-radius:14px;padding:11px;background:#fbfdfe}
.budget-allocation-grid span{display:block;color:#758894;font-size:9px}.budget-allocation-grid b{display:block;font-size:17px;margin:3px 0 7px}.budget-allocation-grid input{min-height:auto;padding:0;border:0;box-shadow:none}
.agency-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}

.agency-agent-v14{position:sticky;top:88px;text-align:left}
.agency-agent-v14 .agent-title{display:flex;align-items:center;gap:8px}.agency-agent-v14 .agent-title>div{display:grid}.agency-agent-v14 .agent-title b{font-size:13px}.agency-agent-v14 .agent-title small{font-size:9px;color:#85949d}
.agency-svg-robot{width:158px;margin:6px auto -2px;animation:agencyBotFloat 4.3s ease-in-out infinite}.agency-svg-robot svg{width:100%;display:block}
.agency-agent-v14 h3{font-size:17px;margin:2px 0 9px;text-align:center}
.agency-advice-v14{padding:12px;border-radius:14px;background:#f4faff;border:1px solid #e0edf4;color:#557080;font-size:10px;line-height:1.6}
@keyframes agencyBotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

.agency-score-v14 .eyebrow,.agency-output-v14 .eyebrow{font-size:8px}
.agency-score-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.agency-score-head h3{font-size:17px;margin:2px 0}.agency-score-head strong{font-size:29px;line-height:1}.agency-score-head strong span{font-size:9px;color:#7d8d96}
.agency-score-v14 ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:9px}.agency-score-v14 li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f4;padding-bottom:8px;font-size:9.5px}
.agency-score-note{margin-top:11px;color:#8a989f;font-size:8.5px;line-height:1.55}
.agency-output-v14 h3{font-size:17px;margin:4px 0 10px}.agency-output-v14 ul{padding-left:17px;color:#5f7482;font-size:9.5px;line-height:1.6;display:grid;gap:5px}
.agency-output-actions{display:grid;gap:7px;margin-top:14px}

.agency-edge-section{padding-top:12px}
.agency-edge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.agency-edge-grid article{border:1px solid var(--ag-line);border-radius:18px;background:#fff;padding:16px;min-height:135px}
.agency-edge-grid article span{width:28px;height:28px;border-radius:50%;background:#fff3ec;color:var(--orange);display:grid;place-items:center;font-size:9px;font-weight:700}
.agency-edge-grid article b{display:block;margin-top:12px;font-size:12px}.agency-edge-grid article p{font-size:9px;color:#71848f;line-height:1.55}

@media(max-width:1200px){
  .agency-v14-grid{grid-template-columns:1fr}
  .agency-side-stack{grid-template-columns:repeat(3,1fr)}
  .agency-agent-v14{position:static}
  .agency-hero-copy{width:58%}
  .agency-edge-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .agency-home-hero{margin:8px 8px 0;min-height:700px}
  .agency-hero-art img{object-position:68% center}
  .agency-hero-art:after{background:linear-gradient(180deg,rgba(255,255,255,.99) 0 50%,rgba(255,255,255,.2) 78%,transparent)}
  .agency-hero-copy{width:100%;padding:44px 24px}
  .agency-hero-copy h1{font-size:48px}
  .agency-hero-metric{display:none}
  .agency-preview-banner{width:calc(100% - 28px);flex-direction:column;align-items:flex-start}
  .agency-stepbar{grid-template-columns:repeat(5,150px);overflow-x:auto}
  .agency-side-stack{grid-template-columns:1fr}
  .agency-brief-v14 .form-grid,.agency-context-grid{grid-template-columns:1fr 1fr}
  .agency-module-row,.creator-architecture,.budget-allocation-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .agency-hero-copy h1{font-size:40px}
  .agency-section-head{align-items:flex-start;flex-direction:column}
  .agency-readiness{text-align:left}
  .agency-brief-v14 .form-grid,.agency-context-grid,.agency-kpi-row{grid-template-columns:1fr}
  .agency-module-row,.creator-architecture,.budget-allocation-grid{grid-template-columns:1fr}
  .agency-edge-grid{grid-template-columns:1fr}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.1 AGENCY COPY + 4-LANGUAGE I18N
   Scope: /agency/ only.
   ========================================================= */
.budget-allocation-grid span strong{
  display:block;
  font-size:10px;
  font-weight:600;
  color:#536b79;
}
.budget-allocation-grid span small{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  line-height:1.42;
  color:#8a99a2;
  font-weight:400;
}
.agency-module-row button span{
  min-height:34px;
}
.creator-architecture button small{
  min-height:34px;
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.2 CREATOR PLANNING BASIS
   Agency-only visual extension + Home state bridge.
   ========================================================= */
.agency-basis-wrap{
  margin-top:16px;
  padding-top:17px;
  border-top:1px solid #e7eef2;
}
.agency-basis-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:12px;
}
.agency-basis-head h4{
  margin:3px 0 3px;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.02em;
}
.agency-basis-head p{
  margin:0;
  color:#748691;
  font-size:9.5px;
  line-height:1.55;
}
.basis-source-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#f4f9fb;
  border:1px solid #dce8ed;
  color:#66808e;
  font-size:8.5px;
  font-weight:500;
}
.basis-source-badge.from-home{
  background:#fff3ec;
  border-color:#ffd0b8;
  color:#df6329;
}
.agency-basis-block{
  border:1px solid #dce7ed;
  border-radius:16px;
  background:#fbfdfe;
  padding:13px;
}
.basis-block-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.basis-block-head>div{display:grid;gap:2px}
.basis-block-head b{
  font-size:11px;
  font-weight:600;
  color:#183344;
}
.basis-block-head small{
  color:#81919a;
  font-size:8.5px;
  line-height:1.45;
}
.basis-block-head>span,.basis-block-head>strong{
  font-size:8.5px;
  color:#738793;
  font-weight:600;
}
.basis-categories{margin-bottom:9px}
.agency-category-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.agency-category-grid button{
  border:1px solid #dce7ed;
  border-radius:10px;
  background:#fff;
  min-height:49px;
  padding:7px 5px;
  cursor:pointer;
  color:#3e5968;
  font-size:9px;
  font-weight:500;
  line-height:1.28;
}
.agency-category-grid button small{
  display:block;
  margin-top:2px;
  color:#8b99a2;
  font-size:7.5px;
  font-weight:400;
}
.agency-category-grid button.active{
  border-color:#ff9c6c;
  background:#fff4ee;
  color:#ea6327;
  box-shadow:inset 0 0 0 1px rgba(255,119,48,.06);
}
.agency-basis-grid{
  display:grid;
  grid-template-columns:1.05fr .9fr 1.25fr;
  gap:9px;
}
.agency-platform-sliders{
  display:grid;
  gap:7px;
}
.agency-platform-row{
  display:grid;
  grid-template-columns:72px 1fr 36px;
  align-items:center;
  gap:7px;
  font-size:8.8px;
  color:#506875;
}
.agency-platform-row input{
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.agency-platform-row output{
  text-align:right;
  font-size:8.5px;
  font-weight:600;
  color:#263f4e;
}
.basis-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.basis-field-grid label{
  display:grid;
  gap:5px;
}
.basis-field-grid label>span{
  font-size:8.8px;
  color:#607682;
  font-weight:500;
}
.basis-field-grid .span-2{grid-column:1/-1}
.basis-field-grid select,.basis-field-grid input{
  min-height:38px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
}
.basis-area-note{
  margin:9px 0 0;
  padding:8px 9px;
  border-radius:10px;
  background:#f4f9fb;
  color:#748793;
  font-size:8px;
  line-height:1.5;
}
@media(max-width:1200px){
  .agency-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .agency-basis-grid{grid-template-columns:1fr 1fr}
  .agency-basis-grid .basis-area{grid-column:1/-1}
}
@media(max-width:760px){
  .agency-basis-head{align-items:flex-start;flex-direction:column}
  .agency-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .agency-basis-grid{grid-template-columns:1fr}
  .agency-basis-grid .basis-area{grid-column:auto}
}
@media(max-width:480px){
  .agency-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .basis-field-grid{grid-template-columns:1fr}
  .basis-field-grid .span-2{grid-column:auto}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.3 AGENCY TYPOGRAPHY = HOME SCALE
   Scope: /agency/ typography only.
   Uses the same visual scale as Home:
   section h2 30 / body 13 / card heading 14 /
   label 10 / field 11 / helper 8.5–10.
   ========================================================= */

/* Hero: same scale as Home hero */
.agency-page-v14 .agency-hero-copy h1{
  font-size:clamp(44px,4.2vw,64px);
  line-height:.93;
  letter-spacing:-.065em;
  font-weight:600;
}
.agency-page-v14 .agency-hero-copy p{
  font-size:14px;
  line-height:1.75;
}
.agency-page-v14 .agency-hero-pills span{
  font-size:9px;
}

/* Main section header: same scale as Home .section-head */
.agency-page-v14 .agency-section-head h2{
  font-size:30px;
  line-height:1.14;
  letter-spacing:-.035em;
}
.agency-page-v14 .agency-section-head p{
  font-size:13px;
  line-height:1.6;
}
.agency-page-v14 .agency-readiness>span{
  font-size:9px;
}
.agency-page-v14 .agency-readiness strong{
  font-size:25px;
}

/* 5-step navigator */
.agency-page-v14 .agency-stepbar button b{
  font-size:10.5px;
}
.agency-page-v14 .agency-stepbar button small{
  font-size:8.5px;
}
.agency-page-v14 .agency-stepbar button>span{
  font-size:9px;
}

/* Main cards: bring oversized titles down to Home card scale */
.agency-page-v14 .agency-panel-title h3{
  font-size:14px;
  line-height:1.32;
  font-weight:600;
  letter-spacing:-.02em;
}
.agency-page-v14 .agency-panel-title p{
  font-size:10px;
  line-height:1.55;
}
.agency-page-v14 .agency-step-no{
  font-size:9px;
}

/* Form typography = Home form typography */
.agency-page-v14 .agency-panel label{
  font-size:10px;
  line-height:1.35;
}
.agency-page-v14 .agency-panel input,
.agency-page-v14 .agency-panel select,
.agency-page-v14 .agency-panel textarea{
  font-size:11px;
  line-height:1.4;
}
.agency-page-v14 .agency-panel textarea{
  line-height:1.55;
}

/* Creator Planning Basis */
.agency-page-v14 .agency-basis-head .eyebrow{
  font-size:9px;
}
.agency-page-v14 .agency-basis-head h4{
  font-size:14px;
  line-height:1.32;
}
.agency-page-v14 .agency-basis-head p{
  font-size:10px;
  line-height:1.55;
}
.agency-page-v14 .basis-source-badge{
  font-size:8.5px;
}
.agency-page-v14 .basis-block-head b{
  font-size:11px;
}
.agency-page-v14 .basis-block-head small{
  font-size:8.5px;
}
.agency-page-v14 .basis-block-head>span,
.agency-page-v14 .basis-block-head>strong{
  font-size:8.5px;
}
.agency-page-v14 .agency-category-grid button{
  font-size:10px;
}
.agency-page-v14 .agency-category-grid button small{
  font-size:8px;
}
.agency-page-v14 .agency-platform-row{
  font-size:9px;
}
.agency-page-v14 .agency-platform-row output{
  font-size:9px;
}
.agency-page-v14 .basis-field-grid label>span{
  font-size:9px;
}
.agency-page-v14 .basis-field-grid select,
.agency-page-v14 .basis-field-grid input{
  font-size:11px!important;
}
.agency-page-v14 .basis-area-note{
  font-size:9px;
  line-height:1.55;
}

/* Strategy helper cards */
.agency-page-v14 .agency-module-row button b{
  font-size:10.5px;
}
.agency-page-v14 .agency-module-row button span{
  font-size:9px;
  line-height:1.5;
}
.agency-page-v14 .creator-architecture button b{
  font-size:11px;
}
.agency-page-v14 .creator-architecture button small{
  font-size:9px;
  line-height:1.5;
}
.agency-page-v14 .agency-explain-note{
  font-size:9.5px;
  line-height:1.6;
}

/* Budget cards */
.agency-page-v14 .budget-allocation-grid span strong{
  font-size:10px;
}
.agency-page-v14 .budget-allocation-grid span small{
  font-size:8.5px;
}
.agency-page-v14 .budget-allocation-grid>div>b{
  font-size:17px;
}

/* Agent: exact Home Agent text scale */
.agency-page-v14 .agency-agent-v14 .agent-title b{
  font-size:12px;
}
.agency-page-v14 .agency-agent-v14 .agent-title small{
  font-size:9px;
}
.agency-page-v14 .agency-agent-v14 h3{
  font-size:14px;
  line-height:1.32;
}
.agency-page-v14 .agency-advice-v14{
  font-size:10px;
  line-height:1.55;
}

/* Score and output cards */
.agency-page-v14 .agency-score-v14 .eyebrow,
.agency-page-v14 .agency-output-v14 .eyebrow{
  font-size:9px;
}
.agency-page-v14 .agency-score-head h3,
.agency-page-v14 .agency-output-v14 h3{
  font-size:14px;
  line-height:1.32;
}
.agency-page-v14 .agency-score-head strong{
  font-size:25px;
}
.agency-page-v14 .agency-score-v14 li{
  font-size:9px;
}
.agency-page-v14 .agency-score-note{
  font-size:8.5px;
}
.agency-page-v14 .agency-output-v14 ul{
  font-size:9px;
  line-height:1.6;
}

/* Bottom explainer cards */
.agency-page-v14 .agency-edge-section .section-head h2{
  font-size:30px;
}
.agency-page-v14 .agency-edge-section .section-head p{
  font-size:13px;
}
.agency-page-v14 .agency-edge-grid article b{
  font-size:12px;
}
.agency-page-v14 .agency-edge-grid article p{
  font-size:9px;
  line-height:1.55;
}

/* Language-specific long text remains compact on smaller screens */
@media(max-width:900px){
  .agency-page-v14 .agency-hero-copy h1{
    font-size:44px;
  }
  .agency-page-v14 .agency-section-head h2,
  .agency-page-v14 .agency-edge-section .section-head h2{
    font-size:28px;
  }
}
@media(max-width:600px){
  .agency-page-v14 .agency-hero-copy h1{
    font-size:38px;
  }
  .agency-page-v14 .agency-section-head h2,
  .agency-page-v14 .agency-edge-section .section-head h2{
    font-size:26px;
  }
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.4 AGENCY FONT +30%
   Scope: /agency/ typography only.
   Baseline: V14.3 Home-matched scale × 1.30.
   ========================================================= */

.agency-page-v14 .agency-hero-copy h1{font-size:clamp(57px,5.46vw,83px)}
.agency-page-v14 .agency-hero-copy p{font-size:18.2px}
.agency-page-v14 .agency-hero-pills span{font-size:11.7px}

.agency-page-v14 .agency-section-head h2{font-size:39px}
.agency-page-v14 .agency-section-head p{font-size:16.9px}
.agency-page-v14 .agency-readiness>span{font-size:11.7px}
.agency-page-v14 .agency-readiness strong{font-size:32.5px}

.agency-page-v14 .agency-stepbar button b{font-size:13.7px}
.agency-page-v14 .agency-stepbar button small{font-size:11.1px}
.agency-page-v14 .agency-stepbar button>span{font-size:11.7px}

.agency-page-v14 .agency-panel-title h3{font-size:18.2px}
.agency-page-v14 .agency-panel-title p{font-size:13px}
.agency-page-v14 .agency-step-no{font-size:11.7px}

.agency-page-v14 .agency-panel label{font-size:13px}
.agency-page-v14 .agency-panel input,
.agency-page-v14 .agency-panel select,
.agency-page-v14 .agency-panel textarea{font-size:14.3px}

.agency-page-v14 .agency-basis-head .eyebrow{font-size:11.7px}
.agency-page-v14 .agency-basis-head h4{font-size:18.2px}
.agency-page-v14 .agency-basis-head p{font-size:13px}
.agency-page-v14 .basis-source-badge{font-size:11.1px}
.agency-page-v14 .basis-block-head b{font-size:14.3px}
.agency-page-v14 .basis-block-head small{font-size:11.1px}
.agency-page-v14 .basis-block-head>span,
.agency-page-v14 .basis-block-head>strong{font-size:11.1px}

.agency-page-v14 .agency-category-grid button{font-size:13px}
.agency-page-v14 .agency-category-grid button small{font-size:10.4px}
.agency-page-v14 .agency-platform-row{font-size:11.7px}
.agency-page-v14 .agency-platform-row output{font-size:11.7px}
.agency-page-v14 .basis-field-grid label>span{font-size:11.7px}
.agency-page-v14 .basis-field-grid select,
.agency-page-v14 .basis-field-grid input{font-size:14.3px!important}
.agency-page-v14 .basis-area-note{font-size:11.7px}

.agency-page-v14 .agency-module-row button b{font-size:13.7px}
.agency-page-v14 .agency-module-row button span{font-size:11.7px}
.agency-page-v14 .creator-architecture button b{font-size:14.3px}
.agency-page-v14 .creator-architecture button small{font-size:11.7px}
.agency-page-v14 .agency-explain-note{font-size:12.4px}

.agency-page-v14 .budget-allocation-grid span strong{font-size:13px}
.agency-page-v14 .budget-allocation-grid span small{font-size:11.1px}
.agency-page-v14 .budget-allocation-grid>div>b{font-size:22.1px}

.agency-page-v14 .agency-agent-v14 .agent-title b{font-size:15.6px}
.agency-page-v14 .agency-agent-v14 .agent-title small{font-size:11.7px}
.agency-page-v14 .agency-agent-v14 h3{font-size:18.2px}
.agency-page-v14 .agency-advice-v14{font-size:13px}

.agency-page-v14 .agency-score-v14 .eyebrow,
.agency-page-v14 .agency-output-v14 .eyebrow{font-size:11.7px}
.agency-page-v14 .agency-score-head h3,
.agency-page-v14 .agency-output-v14 h3{font-size:18.2px}
.agency-page-v14 .agency-score-head strong{font-size:32.5px}
.agency-page-v14 .agency-score-v14 li{font-size:11.7px}
.agency-page-v14 .agency-score-note{font-size:11.1px}
.agency-page-v14 .agency-output-v14 ul{font-size:11.7px}

.agency-page-v14 .agency-edge-section .section-head h2{font-size:39px}
.agency-page-v14 .agency-edge-section .section-head p{font-size:16.9px}
.agency-page-v14 .agency-edge-grid article b{font-size:15.6px}
.agency-page-v14 .agency-edge-grid article p{font-size:11.7px}

.agency-page-v14 .btn{font-size:13px}
.agency-page-v14 .agency-preview-banner b{font-size:15.6px}
.agency-page-v14 .agency-preview-banner span{font-size:12.4px}

@media(max-width:900px){
  .agency-page-v14 .agency-hero-copy h1{font-size:57px}
  .agency-page-v14 .agency-section-head h2,
  .agency-page-v14 .agency-edge-section .section-head h2{font-size:36.4px}
}
@media(max-width:600px){
  .agency-page-v14 .agency-hero-copy h1{font-size:49.4px}
  .agency-page-v14 .agency-section-head h2,
  .agency-page-v14 .agency-edge-section .section-head h2{font-size:33.8px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.5 GENERATE ADVANCED PLAN UNLOCKED
   Scope: Agency LAB generate + generated result only.
   ========================================================= */
.agency-lab-unlock-note{
  margin:9px 0 0;
  padding:9px 10px;
  border:1px solid #ffd7c2;
  border-radius:10px;
  background:#fff7f2;
  color:#b75b2d;
  font-size:11px;
  line-height:1.5;
}
.agency-generated-result{
  padding-top:20px;
  scroll-margin-top:90px;
}
.agency-result-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:14px;
}
.agency-result-head h2{
  margin:4px 0 5px;
  font-size:39px;
  line-height:1.1;
  letter-spacing:-.04em;
}
.agency-result-head p{
  max-width:820px;
  margin:0;
  color:#6c808c;
  font-size:15px;
  line-height:1.65;
}
.agency-result-score{
  flex:0 0 auto;
  min-width:146px;
  padding:14px 16px;
  border:1px solid #dce7ed;
  border-radius:18px;
  background:#fff;
  text-align:right;
}
.agency-result-score>span{
  display:block;
  color:#7d8e98;
  font-size:11px;
}
.agency-result-score strong{
  display:block;
  margin-top:3px;
  color:#142f3e;
  font-size:36px;
  line-height:1;
}
.agency-result-score small{
  margin-left:3px;
  color:#82929b;
  font-size:11px;
}
.agency-result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.result-card{
  min-height:230px;
  padding:17px;
  border:1px solid #dce7ed;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 26px rgba(20,48,65,.025);
}
.result-card .result-no{
  width:29px;height:29px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#fff2ea;
  color:#ef692b;
  font-size:10px;
  font-weight:700;
}
.result-card h3{
  margin:11px 0 12px;
  font-size:18px;
  line-height:1.3;
}
.result-overview dl{margin:0;display:grid;gap:9px}
.result-overview dl>div{
  display:grid;
  grid-template-columns:105px 1fr;
  gap:8px;
  padding-bottom:8px;
  border-bottom:1px solid #edf2f4;
}
.result-overview dt{
  color:#83939c;
  font-size:11px;
}
.result-overview dd{
  margin:0;
  color:#2a4453;
  font-size:12px;
  font-weight:500;
}
.result-platform-row,
.result-score-row,
.result-budget-row{
  display:grid;
  gap:5px;
  margin-bottom:10px;
}
.result-platform-row>div,
.result-score-row>div,
.result-budget-row>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
}
.result-track{
  height:7px;
  border-radius:999px;
  background:#edf3f6;
  overflow:hidden;
}
.result-track i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff9b5b,#ff692b);
}
.result-score-row .result-track i{
  background:linear-gradient(90deg,#8fbfd6,#ff742d);
}
.result-budget-row small{
  color:#80919a;
  font-size:10px;
}
.result-role-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.result-role-list span{
  padding:8px 10px;
  border:1px solid #dce7ed;
  border-radius:999px;
  background:#f8fbfc;
  color:#47606f;
  font-size:10px;
  font-weight:500;
}
.result-creator p{
  margin:12px 0 0;
  color:#788a95;
  font-size:10.5px;
  line-height:1.6;
}
.result-rec-list{
  display:grid;
  gap:8px;
}
.result-rec-item{
  padding:9px 10px;
  border-left:3px solid #ff7a35;
  border-radius:0 10px 10px 0;
  background:#fff7f2;
  color:#4f6674;
  font-size:10.5px;
  line-height:1.55;
}
.agency-result-assumptions{
  margin-top:11px;
  padding:14px 16px;
  border:1px solid #dce7ed;
  border-radius:17px;
  background:#f8fbfc;
}
.agency-result-assumptions>b{
  font-size:12px;
}
.agency-result-assumptions ul{
  margin:8px 0 0;
  padding-left:18px;
  color:#71848f;
  font-size:10.5px;
  line-height:1.65;
}
@media(max-width:1100px){
  .agency-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .agency-result-head{align-items:flex-start;flex-direction:column}
  .agency-result-head h2{font-size:34px}
  .agency-result-head p{font-size:14px}
  .agency-result-score{text-align:left}
  .agency-result-grid{grid-template-columns:1fr}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.6 HIERARCHICAL GEO MULTI-SELECT
   Scope: Agency Creator Planning Basis > Area only.
   ========================================================= */
.geo-area-v146{position:relative;overflow:visible}
.geo-data-status{
  padding:6px 9px;border:1px solid #dce8ed;border-radius:999px;
  background:#f6fafc;color:#6e8390;font-size:10px;font-weight:500;white-space:nowrap
}
.geo-data-status.loading{color:#bf642f;background:#fff6f0;border-color:#ffd7c2}
.geo-data-status.ready{color:#26745d;background:#f0fbf6;border-color:#ccecdf}
.geo-data-status.error{color:#a84a42;background:#fff3f2;border-color:#f3cbc7}

.geo-cascade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.geo-field{min-width:0}
.geo-field>label{display:block;margin:0 0 6px;color:#607682;font-size:13px;font-weight:500}
.geo-multi{position:relative;z-index:1}
.geo-multi.open{z-index:80}
.geo-trigger{
  width:100%;min-height:48px;padding:0 13px;border:1px solid #d6e4ea;border-radius:12px;
  background:#fbfdfe;color:#4f6674;display:flex;align-items:center;justify-content:space-between;
  gap:10px;text-align:left;font-family:Prompt,sans-serif;font-size:14.3px;font-weight:500;cursor:pointer
}
.geo-trigger:hover{border-color:#b8d0dc;background:#fff}
.geo-trigger:focus{outline:none;border-color:#ff9e73;box-shadow:0 0 0 3px #fff1e9}
.geo-trigger[disabled]{cursor:not-allowed;opacity:.55;background:#f4f7f8}
.geo-trigger i{font-style:normal;font-size:18px;color:#77909e;transition:.18s}
.geo-multi.open .geo-trigger i{transform:rotate(180deg)}

.geo-panel{
  position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:360px;
  border:1px solid #d8e6ec;border-radius:14px;background:#fff;
  box-shadow:0 18px 46px rgba(25,53,69,.16);overflow:hidden
}
.geo-search{position:sticky;top:0;z-index:2;padding:9px;background:#fff;border-bottom:1px solid #edf2f4}
.geo-search input{
  width:100%;min-height:38px!important;padding:0 11px!important;border:1px solid #dce7ed!important;
  border-radius:9px!important;background:#f8fbfc!important;font-size:12px!important
}
.geo-options{max-height:292px;overflow:auto;padding:6px}
.geo-option{
  width:100%;display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:0;border-radius:9px;
  background:#fff;color:#2d4857;text-align:left;cursor:pointer;font-family:Prompt,sans-serif
}
.geo-option:hover{background:#f6fafc}
.geo-option input{width:16px;height:16px;margin:2px 0 0;accent-color:#ff702e;flex:0 0 auto}
.geo-option span{display:grid;gap:1px;min-width:0}
.geo-option b{font-size:11.7px;font-weight:500;line-height:1.35}
.geo-option small{font-size:9.5px;color:#8998a1;line-height:1.35}
.geo-option.is-selected{background:#fff4ee}
.geo-option.is-selected b{color:#e7652a}
.geo-option.is-special{border-bottom:1px solid #edf2f4;border-radius:8px 8px 0 0;margin-bottom:4px}
.geo-empty,.geo-loading{padding:18px 12px;color:#82939d;font-size:11px;text-align:center}

.geo-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.geo-chip{
  display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 8px;
  border:1px solid #dce7ed;border-radius:999px;background:#f7fbfd;color:#526b79;
  font-size:9.5px;line-height:1.2
}
.geo-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.geo-chip button{
  width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#e8f0f4;color:#718795;
  cursor:pointer;display:grid;place-items:center;font-size:11px;line-height:1
}
.geo-chip button:hover{background:#ffd9c7;color:#df642b}

.geo-scope-summary{
  display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;
  border:1px dashed #d7e4ea;border-radius:11px;background:#fbfdfe
}
.geo-scope-summary b{flex:0 0 auto;color:#617783;font-size:10.5px}
.geo-scope-summary span{color:#4d6876;font-size:10.5px;line-height:1.55}

.geo-source-note{
  margin:7px 0 0;color:#92a0a8;font-size:8.8px;line-height:1.5
}

@media(max-width:760px){
  .geo-cascade-grid{grid-template-columns:1fr}
  .geo-panel{position:relative;top:auto;margin-top:5px}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.7 GEO DROPDOWN + I18N FIX
   ========================================================= */
.geo-panel[hidden]{display:none!important}
.geo-multi.open .geo-panel{display:block}
.geo-trigger{position:relative;z-index:1}
.geo-panel{z-index:120}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.9 MARKET CONTEXT GUIDANCE
   ========================================================= */
.market-guidance-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 8px;padding:9px 11px;border-radius:11px;background:#f7fbfd;border:1px dashed #d4e4eb;color:#617784;font-size:11.7px;line-height:1.5}
.market-guidance-line b{color:#183344;font-weight:600}
.agency-module-row .market-rule-card{position:relative;min-height:174px;padding:38px 13px 12px;cursor:pointer;display:flex;flex-direction:column}
.market-rule-badge{position:absolute;top:10px;left:11px;padding:3px 8px;border-radius:999px;font-size:8.8px;font-weight:600;line-height:1.1}
.market-rule-badge.required{background:#fff0e7;color:#dc5f27;border:1px solid #ffc8ac}
.market-rule-badge.recommended{background:#eef8ff;color:#3d728f;border:1px solid #cfe6f2}
.market-rule-badge.contextual{background:#f4f2ff;color:#6d62a7;border:1px solid #ddd8f6}
.market-rule-card .market-do{display:block!important;margin-top:9px;padding-top:8px;border-top:1px solid #edf2f4;min-height:auto!important;color:#526c7a!important;font-size:9.5px!important;line-height:1.5!important}
.market-rule-card .market-do b{font-size:9.5px;color:#173344}
.market-rule-card .market-source{display:block!important;margin-top:auto;padding-top:8px;min-height:auto!important;color:#91a0a8!important;font-size:8px!important;line-height:1.45!important}
.agency-module-row .market-rule-card.active{border-color:#ff9f72;background:#fff4ee;box-shadow:inset 0 0 0 1px rgba(255,111,43,.08),0 5px 18px rgba(255,111,43,.05)}
.agency-module-row .market-rule-card.active:after{content:"✓ ใช้งานในแผน";position:absolute;top:10px;right:10px;padding:3px 7px;border-radius:999px;background:#ff702e;color:#fff;font-size:8px;font-weight:600}
.agency-module-row .market-rule-card:not(.active):hover{border-color:#bfd4de;background:#fbfdfe}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.10 MARKET ANALYSIS EXAMPLE
   ========================================================= */
.market-example{
  margin-top:12px;padding:15px;border:1px solid #dbe8ee;border-radius:17px;
  background:linear-gradient(180deg,#fbfdfe,#f7fbfd)
}
.market-example-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:11px
}
.market-example-head h4{
  margin:3px 0 3px;color:#173344;font-size:15.6px;font-weight:600;letter-spacing:-.02em
}
.market-example-head p{
  margin:0;max-width:820px;color:#748893;font-size:10.5px;line-height:1.55
}
.market-example-badge{
  flex:0 0 auto;padding:6px 9px;border-radius:999px;
  border:1px solid #ffd1bb;background:#fff3ec;color:#d75e2a;
  font-size:8px;font-weight:700;letter-spacing:.04em
}
.market-example-summary{
  margin-bottom:10px;padding:10px 12px;border-radius:12px;
  background:#fff7f2;border:1px solid #ffe0cf
}
.market-example-summary b{font-size:10.5px;color:#783f28}
.market-example-summary p{margin:3px 0 0;color:#6d625d;font-size:10px;line-height:1.55}

.market-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.market-example-grid article{
  position:relative;padding:12px;border:1px solid #dce7ed;border-radius:14px;background:#fff;min-height:240px
}
.market-example-no{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:#fff0e7;color:#e9662b;font-size:8px;font-weight:700
}
.market-example-grid h5{
  margin:9px 0 10px;color:#163141;font-size:11.5px;font-weight:600
}
.market-example-grid dl{margin:0;display:grid;gap:8px}
.market-example-grid dl>div{padding-top:7px;border-top:1px solid #edf2f4}
.market-example-grid dt{
  margin-bottom:2px;color:#84959e;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.03em
}
.market-example-grid dd{
  margin:0;color:#536b79;font-size:9px;line-height:1.5
}

.market-example-output{
  margin-top:10px;padding-top:10px;border-top:1px solid #dce7ed
}
.market-example-output>b{font-size:10.5px;color:#233f4f}
.market-example-output-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px
}
.market-example-output-grid span{
  padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #e0eaef;
  color:#607784;font-size:8.8px;line-height:1.4;text-align:center
}
@media(max-width:1100px){
  .market-example-grid{grid-template-columns:repeat(2,1fr)}
  .market-example-output-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .market-example-head{flex-direction:column}
  .market-example-grid,.market-example-output-grid{grid-template-columns:1fr}
}


/* =========================================================
   PLANRIPPLE LAB 01 — V14.11 CAMPAIGN BRIEF CLARITY
   ========================================================= */
.brief-field-with-help>span,
.brief-note-field>span{
  display:block;margin-bottom:4px
}
.brief-field-help{
  display:block;margin:-1px 0 7px;
  color:#7f929d;font-size:9.5px;line-height:1.45;font-weight:400
}
.brief-note-benefit{
  display:flex;align-items:flex-start;gap:7px;
  margin:0 0 8px;padding:9px 11px;border:1px solid #dbe7ed;border-radius:11px;
  background:#f7fbfd;color:#617783;font-size:9.8px;line-height:1.5
}
.brief-note-benefit b{flex:0 0 auto;color:#183344;font-weight:600}
.brief-note-caution{
  display:block;margin-top:6px;color:#94a2aa;font-size:8.5px;line-height:1.45
}
@media(max-width:650px){
  .brief-note-benefit{flex-direction:column;gap:2px}
}

/* CreatorMore LAB 01 V14.12 — brand-only replacement */
.brand-logo{display:block;width:auto;height:31px;max-width:178px;object-fit:contain}
.site-footer .brand-logo{height:29px;max-width:168px}
@media(max-width:600px){.brand-logo{height:27px;max-width:154px}}


/* =========================================================
   CreatorMore LAB 01 — V14.13
   Agency > Market Context & Timing
   +30% typography + spacing / no-overlap pass
   ========================================================= */

.agency-page-v14 #context{
  padding:28px;
  overflow:visible;
}

.agency-page-v14 #context .agency-panel-title{
  gap:16px;
  margin-bottom:24px;
}

.agency-page-v14 #context .agency-step-no{
  width:44px;
  height:44px;
  flex:0 0 44px;
  font-size:15.2px;
}

.agency-page-v14 #context .agency-panel-title h3{
  font-size:23.7px;
  line-height:1.25;
  margin-bottom:5px;
}

.agency-page-v14 #context .agency-panel-title p{
  font-size:16.9px;
  line-height:1.55;
  max-width:980px;
}

.agency-page-v14 #context .agency-context-grid{
  gap:18px 22px;
  margin-bottom:22px;
}

.agency-page-v14 #context .agency-context-grid label{
  gap:9px;
  font-size:16.9px;
  line-height:1.4;
}

.agency-page-v14 #context .agency-context-grid input,
.agency-page-v14 #context .agency-context-grid select{
  min-height:55px;
  padding-left:16px;
  padding-right:16px;
  border-radius:13px;
  font-size:18.6px;
  line-height:1.45;
}

.agency-page-v14 #context .market-guidance-line{
  gap:10px;
  margin:0 0 20px;
  padding:14px 16px;
  border-radius:13px;
  font-size:15.2px;
  line-height:1.55;
}

.agency-page-v14 #context .agency-module-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:0;
  align-items:stretch;
}

.agency-page-v14 #context .market-rule-card{
  min-width:0;
  min-height:314px;
  height:auto;
  padding:57px 20px 20px;
  border-radius:18px;
  overflow:hidden;
}

.agency-page-v14 #context .market-rule-badge{
  top:16px;
  left:16px;
  padding:5px 10px;
  font-size:11.4px;
  line-height:1.15;
}

.agency-page-v14 #context .market-rule-card.active:after{
  top:16px;
  right:16px;
  padding:5px 9px;
  font-size:10.4px;
}

.agency-page-v14 #context .market-rule-card>b{
  display:block;
  margin:0 0 9px;
  font-size:17.8px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.agency-page-v14 #context .market-rule-card>span:not(.market-rule-badge){
  display:block;
  min-height:70px;
  margin-top:0;
  font-size:15.2px;
  line-height:1.6;
  overflow-wrap:anywhere;
}

.agency-page-v14 #context .market-rule-card .market-do{
  display:block!important;
  min-height:0!important;
  margin-top:16px;
  padding-top:14px;
  font-size:12.4px!important;
  line-height:1.65!important;
  overflow-wrap:anywhere;
}

.agency-page-v14 #context .market-rule-card .market-do b{
  font-size:12.4px;
}

.agency-page-v14 #context .market-rule-card .market-source{
  display:block!important;
  min-height:0!important;
  margin-top:auto;
  padding-top:16px;
  font-size:10.4px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}

/* Example analysis */
.agency-page-v14 #context .market-example{
  margin-top:26px;
  padding:24px;
  border-radius:20px;
}

.agency-page-v14 #context .market-example-head{
  gap:24px;
  margin-bottom:19px;
}

.agency-page-v14 #context .market-example-head .eyebrow{
  font-size:11.4px;
  letter-spacing:.12em;
}

.agency-page-v14 #context .market-example-head h4{
  margin:5px 0 5px;
  font-size:20.3px;
  line-height:1.3;
}

.agency-page-v14 #context .market-example-head p{
  max-width:980px;
  font-size:13.7px;
  line-height:1.65;
}

.agency-page-v14 #context .market-example-badge{
  padding:8px 11px;
  font-size:10.4px;
}

.agency-page-v14 #context .market-example-summary{
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:14px;
}

.agency-page-v14 #context .market-example-summary b{
  font-size:13.7px;
}

.agency-page-v14 #context .market-example-summary p{
  margin-top:5px;
  font-size:13px;
  line-height:1.65;
}

.agency-page-v14 #context .market-example-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.agency-page-v14 #context .market-example-grid article{
  min-width:0;
  min-height:0;
  height:auto;
  padding:18px;
  border-radius:16px;
  overflow:hidden;
}

.agency-page-v14 #context .market-example-no{
  width:32px;
  height:32px;
  font-size:10.4px;
}

.agency-page-v14 #context .market-example-grid h5{
  margin:12px 0 13px;
  font-size:15px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.agency-page-v14 #context .market-example-grid dl{
  gap:12px;
}

.agency-page-v14 #context .market-example-grid dl>div{
  padding-top:10px;
}

.agency-page-v14 #context .market-example-grid dt{
  margin-bottom:4px;
  font-size:10.4px;
  line-height:1.35;
}

.agency-page-v14 #context .market-example-grid dd{
  font-size:11.7px;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.agency-page-v14 #context .market-example-output{
  margin-top:18px;
  padding-top:18px;
}

.agency-page-v14 #context .market-example-output>b{
  font-size:13.7px;
}

.agency-page-v14 #context .market-example-output-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}

.agency-page-v14 #context .market-example-output-grid span{
  min-width:0;
  padding:12px 13px;
  border-radius:11px;
  font-size:11.4px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

/* Responsive safety: larger text gets more columns/space before it can collide. */
@media(max-width:1280px){
  .agency-page-v14 #context .agency-module-row,
  .agency-page-v14 #context .market-example-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .agency-page-v14 #context .market-rule-card{
    min-height:0;
  }
}

@media(max-width:900px){
  .agency-page-v14 #context{
    padding:22px;
  }
  .agency-page-v14 #context .agency-context-grid{
    grid-template-columns:1fr;
  }
  .agency-page-v14 #context .market-example-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .agency-page-v14 #context .market-example-output-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .agency-page-v14 #context{
    padding:18px;
  }
  .agency-page-v14 #context .agency-panel-title{
    gap:12px;
  }
  .agency-page-v14 #context .agency-step-no{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
  .agency-page-v14 #context .agency-module-row,
  .agency-page-v14 #context .market-example-grid,
  .agency-page-v14 #context .market-example-output-grid{
    grid-template-columns:1fr;
  }
  .agency-page-v14 #context .market-rule-card{
    min-height:0;
  }
  .agency-page-v14 #context .market-rule-card>span:not(.market-rule-badge){
    min-height:0;
  }
}


/* =========================================================
   CreatorMore LAB 01 — V14.14 AGE + GENERATION INSIGHT
   ========================================================= */
.generation-insight{
  margin-top:2px;
  padding:13px 14px;
  border:1px solid #dce7ed;
  border-radius:13px;
  background:linear-gradient(180deg,#fbfdfe,#f7fbfd);
}
.generation-insight-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
}
.generation-insight-head b{
  color:#173344;
  font-size:12px;
  line-height:1.3;
}
.generation-insight-head span{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid #ffd4bf;
  border-radius:999px;
  background:#fff5ef;
  color:#dc642d;
  font-size:9.5px;
  font-weight:600;
  line-height:1.2;
}
.generation-insight p{
  margin:0;
  color:#526b79;
  font-size:10.5px;
  line-height:1.55;
}
.generation-insight small{
  display:block;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #e7eef2;
  color:#8b9aa3;
  font-size:8.8px;
  line-height:1.5;
}
.generation-insight.is-broad .generation-insight-head span{
  border-color:#dbe6ec;
  background:#f4f8fa;
  color:#647d8b;
}
@media(max-width:650px){
  .generation-insight-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* CreatorMore V14.15 — Generation methodology note */
.generation-method-note{
  margin:7px 0 2px;
  padding:9px 11px;
  border-left:3px solid #c7d8e1;
  border-radius:0 9px 9px 0;
  background:#f8fbfc;
  color:#778b96;
  font-size:8.8px;
  line-height:1.55;
}
.generation-method-note b{
  color:#506b79;
  font-weight:600;
}


/* CreatorMore V14.16 — age range sync for Home Quick Plan + Planner */
.age-generation-mini{
  display:block;
  margin-top:5px;
  color:#7d909b;
  font-size:9px;
  line-height:1.45;
  font-weight:500;
}


/* =========================================================
   CreatorMore LAB 01 — V14.17 FULL-SITE AGE SYSTEM
   ========================================================= */
.age-methodology-public{
  margin-top:18px;
}
.age-methodology-public .section-head{
  margin-bottom:12px;
}
.age-methodology-public .section-head p{
  max-width:900px;
}
.methodology-age-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.methodology-age-chips span{
  padding:8px 11px;
  border:1px solid #dce7ed;
  border-radius:999px;
  background:#f8fbfc;
  color:#55707e;
  font-size:10px;
  font-weight:500;
}


/* =========================================================
   CreatorMore LAB 01 — V14.18 FLEXIBLE AUDIENCE TARGET
   ========================================================= */
.audience-target-shell{min-width:0}
.audience-target-shell.span-2{grid-column:1/-1}
.aud-target{padding:13px;border:1px solid #dbe7ed;border-radius:14px;background:#fbfdfe;min-width:0}
.aud-mode-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.aud-mode-head>b{color:#274352;font-size:10.5px;font-weight:600;line-height:1.4}
.aud-mode-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #dce7ed;border-radius:999px;background:#f1f6f8}
.aud-mode-switch button{border:0;background:transparent;border-radius:999px;padding:7px 11px;color:#70838e;font:inherit;font-size:9.5px;font-weight:600;cursor:pointer}
.aud-mode-switch button.active{background:#fff;color:#173344;box-shadow:0 1px 4px rgba(24,51,68,.09)}
.aud-age-inputs{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:end}
.aud-age-inputs label{display:grid;gap:5px}
.aud-age-inputs label span{color:#6d818d;font-size:9px;font-weight:500}
.aud-age-inputs input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d6e3ea;border-radius:10px;background:#fff;color:#173344;font:inherit;font-size:13px;font-weight:600}
.aud-age-arrow{align-self:center;text-align:center;color:#9aabb4;font-size:14px;padding-top:18px}
.aud-presets{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}
.aud-presets>span{font-size:8.5px;color:#90a0a9;margin-right:2px}
.aud-presets button{border:1px solid #dde8ed;background:#fff;color:#5f7480;border-radius:999px;padding:5px 8px;font:inherit;font-size:8.5px;cursor:pointer}
.aud-presets button:hover{border-color:#ffae86;color:#db642d}
.aud-generation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.aud-gen-chip{min-width:0;padding:9px 6px;border:1px solid #dce7ed;border-radius:11px;background:#fff;color:#526b79;font:inherit;cursor:pointer;text-align:center}
.aud-gen-chip b{display:block;font-size:9px;line-height:1.25;overflow-wrap:anywhere}
.aud-gen-chip small{display:block;margin-top:3px;color:#91a0a8;font-size:7.8px}
.aud-gen-chip.active{border-color:#ff9e71;background:#fff2ea;color:#c94e1d;box-shadow:inset 0 0 0 1px rgba(255,111,43,.08)}
.aud-gen-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;padding:8px 10px;border-radius:10px;background:#f3f8fa}
.aud-gen-summary b{font-size:8.8px;color:#667d89}
.aud-gen-summary span{font-size:9.5px;color:#173344;font-weight:600;text-align:right}
.aud-method-note{display:block;margin-top:8px;color:#8a9aa3;font-size:8px;line-height:1.5}
.aud-current-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #e6eef2}
.aud-current-summary span{font-size:8.5px;color:#8798a1}
.aud-current-summary b{color:#173344;font-size:9.5px;line-height:1.4;text-align:right}
.aud-target.compact{padding:10px}
.aud-target.compact .aud-mode-head{margin-bottom:8px}
.aud-target.compact .aud-mode-head>b{font-size:9.3px}
.aud-target.compact .aud-mode-switch button{padding:6px 9px;font-size:8.5px}
.aud-target.compact .aud-age-inputs input{min-height:38px;font-size:11px}
.aud-target.compact .aud-generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.aud-target.compact .aud-gen-chip{padding:7px 5px}
.aud-target.compact .aud-method-note{font-size:7.5px}
@media(max-width:1100px){.aud-generation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .aud-mode-head{align-items:flex-start;flex-direction:column}
 .aud-generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aud-current-summary{align-items:flex-start;flex-direction:column;gap:3px}
 .aud-current-summary b{text-align:left}
}


/* =========================================================
   CreatorMore LAB 01 — V14.19 GEN ALPHA + DATA TRANSPARENCY
   ========================================================= */
.aud-minor-alert{
  display:grid;gap:3px;margin-top:9px;padding:9px 10px;
  border:1px solid #f1cf8d;border-radius:10px;background:#fff9ea;
}
.aud-minor-alert b{font-size:8.8px;color:#9a6815}
.aud-minor-alert span{font-size:8px;line-height:1.5;color:#8e774e}
.aud-framework-note{
  display:block;margin-top:7px;color:#8b9ba4;font-size:7.7px;line-height:1.5;
}
.data-transparency-strip,.planner-data-notice,.creator-data-notice,.analytics-data-notice{
  display:flex;align-items:center;gap:14px;justify-content:space-between;
  padding:14px 18px;border:1px solid #dfe9ee;border-radius:16px;background:#fbfdfe;
}
.data-transparency-strip>div,.planner-data-notice>div,.creator-data-notice>div{flex:1}
.data-transparency-strip b,.planner-data-notice b,.creator-data-notice b{
  display:block;margin-top:5px;color:#203d4c;font-size:12px
}
.data-transparency-strip p,.planner-data-notice p,.creator-data-notice p,.analytics-data-notice p{
  margin:3px 0 0;color:#748893;font-size:9.5px;line-height:1.55
}
.data-status{
  display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;
  font-size:7.8px;font-weight:700;letter-spacing:.06em;border:1px solid transparent
}
.data-status.official{background:#ecf7f0;color:#2e7a4e;border-color:#cfe8d7}
.data-status.verified{background:#edf6ff;color:#2e6791;border-color:#d2e7f7}
.data-status.self{background:#f7f3ff;color:#6d56a2;border-color:#e5dcf7}
.data-status.model{background:#fff1e9;color:#bd5526;border-color:#ffd8c5}
.data-status.simulation{background:#fff8e5;color:#9b7019;border-color:#f3dfaa}
.data-status.fallback{background:#f3f5f6;color:#697983;border-color:#dde4e8}

.transparency-status-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.status-definition,.limitation-grid article,.generation-framework-card,.transparency-commitment{
  border:1px solid #dfe9ee;border-radius:16px;background:#fff;padding:18px
}
.status-definition b{display:block;margin-top:10px;color:#203d4c;font-size:13px}
.status-definition p,.limitation-grid p,.generation-framework-card p,.transparency-commitment p{
  color:#718691;font-size:10px;line-height:1.65
}
.limitation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.limitation-grid article b{color:#203d4c;font-size:11.5px}
.framework-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.framework-chips span{
  border:1px solid #dfe9ee;border-radius:999px;background:#f8fbfc;
  padding:7px 10px;color:#5d7380;font-size:8.5px
}
.signup-data-note{
  margin-top:12px;padding:10px;border-radius:10px;background:#f8fbfc;
  color:#778b96;font-size:8.5px;line-height:1.5
}
.signup-data-note a{color:#c95824}
.analytics-data-notice{margin-top:0}
.about-method-link{text-align:center}
.transparency-commitment{background:#f7fbfd}
@media(max-width:900px){
 .transparency-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .limitation-grid{grid-template-columns:1fr}
 .data-transparency-strip,.planner-data-notice,.creator-data-notice,.analytics-data-notice{
   align-items:flex-start;flex-direction:column
 }
}
@media(max-width:600px){
 .transparency-status-grid{grid-template-columns:1fr}
}


/* =========================================================
   CreatorMore LAB 01 — V14.20 AGENCY CLARITY
   ========================================================= */
.agency-readiness{
  min-width:190px;
  padding:10px 12px;
  border:1px solid #e2ebef;
  border-radius:14px;
  background:#fbfdfe;
}
.agency-readiness span{
  font-size:9px;
  color:#687e8a;
  font-weight:600;
}
.agency-readiness strong{
  display:block;
  margin-top:2px;
  color:#173344;
}
.agency-readiness small{
  display:block;
  margin-top:2px;
  color:#97a5ad;
  font-size:7.8px;
  line-height:1.35;
}
.creator-type-field small{
  color:#8a9aa3;
  font-size:8px;
  line-height:1.4;
  margin-top:-2px;
}
.agency-basis-block .aud-target{
  background:#fff;
}
.agency-basis-block .aud-current-summary{
  margin-top:8px;
}
.agency-hero-metric.m2 b{
  font-size:18px;
}
.agency-hero-metric.m2 span{
  max-width:110px;
  line-height:1.25;
}
.agency-transparency-note{
  background:#fbfdfe;
}
@media(max-width:900px){
  .agency-readiness{
    min-width:0;
    width:100%;
    text-align:left;
  }
}


/* =========================================================
   CreatorMore LAB 01 — V14.21 CREATOR TYPE ORDER
   ========================================================= */
.creator-type-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:18px;
  align-items:center;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e4edf1;
}
.creator-type-explain{
  display:grid;
  gap:4px;
}
.creator-type-explain b{
  color:#203d4c;
  font-size:11px;
  font-weight:600;
}
.creator-type-explain small{
  color:#8596a0;
  font-size:8.5px;
  line-height:1.5;
}
.creator-type-inline .creator-type-field{
  display:grid;
  gap:5px;
  margin:0;
}
.creator-type-inline .creator-type-field>span{
  color:#526b79;
  font-size:9.5px;
  font-weight:600;
}
.creator-type-inline .creator-type-field small{
  margin:0;
  color:#8a9aa3;
  font-size:7.8px;
}
.creator-type-inline select{
  min-height:42px;
}
.audience-gender-field{
  max-width:360px;
}
@media(max-width:800px){
  .creator-type-inline{
    grid-template-columns:1fr;
    gap:10px;
  }
  .audience-gender-field{
    max-width:none;
  }
}

/* CreatorMore V14.22 — Market Evidence */
.market-flow-note{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;padding:11px 13px;border:1px dashed #d7e6ed;border-radius:12px;background:#f9fcfd}.market-flow-note b{color:#203d4c;font-size:9.5px;white-space:nowrap}.market-flow-note span{color:#6f8490;font-size:9px;line-height:1.55}.market-input-grid label small{display:block;margin-top:4px;color:#91a0a8;font-size:7.8px;line-height:1.45}.trend-import-card,.competitor-manual-wrap,.market-evidence-panel{margin-top:13px;padding:14px;border:1px solid #dfe9ee;border-radius:16px;background:#fbfdfe}.trend-import-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.trend-import-card b{display:block;margin:6px 0 3px;color:#203d4c;font-size:11px}.trend-import-card p{margin:0;color:#748892;font-size:8.7px;line-height:1.55}.trend-import-actions{display:grid;justify-items:end;gap:6px}.trend-upload-btn{cursor:pointer}#trendImportStatus{font-size:8px;color:#7f929c}.trend-import-summary{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;padding:9px 10px;border-radius:10px;background:#f1f7fa}.trend-import-summary b,.trend-import-summary span{font-size:8.8px;color:#31515f}.trend-import-summary small{width:100%;font-size:7.7px;color:#8798a1}.competitor-manual-head h4{margin:6px 0 2px;color:#203d4c;font-size:12px}.competitor-manual-head p{margin:0;color:#7a8e98;font-size:8.5px}.competitor-privacy-note{margin:10px 0;padding:10px 11px;border-left:3px solid #ff9f72;border-radius:0 10px 10px 0;background:#fff7f2;color:#7f675b;font-size:8.5px;line-height:1.55}.competitor-privacy-note b{color:#bc5425}.competitor-rows{display:grid;gap:8px}.competitor-row{display:grid;grid-template-columns:34px 1fr 1fr 1.6fr 1fr 1.2fr;gap:8px;align-items:end;padding:9px;border:1px solid #e2ebef;border-radius:12px;background:#fff}.competitor-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f6f8;color:#758893;font-size:8px;font-weight:700;align-self:center}.competitor-row label{gap:4px;font-size:8px}.competitor-row input,.competitor-row select{min-height:37px;font-size:9px}.market-analyze-bar{margin-top:13px;padding:13px 14px;border-radius:14px;background:#153b39;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.market-analyze-bar div{display:grid;gap:3px}.market-analyze-bar b{font-size:10.5px}.market-analyze-bar span{font-size:8px;color:#b9d2cf}.market-source-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.market-status-card{cursor:default!important;pointer-events:none}.market-rule-badge.self{background:#f7f3ff!important;color:#6d56a2!important;border-color:#e5dcf7!important}.market-rule-badge.official{background:#ecf7f0!important;color:#2e7a4e!important;border-color:#cfe8d7!important}.market-rule-badge.fallback{background:#f3f5f6!important;color:#697983!important;border-color:#dde4e8!important}.market-evidence-panel[hidden]{display:none}.market-evidence-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.market-evidence-head h4{margin:4px 0;color:#203d4c;font-size:14px}.market-evidence-head p{margin:0;color:#778b95;font-size:8.5px}.market-evidence-run{font-size:8px;color:#8b9aa3;white-space:nowrap}.market-evidence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.market-evidence-grid article{padding:11px;border:1px solid #e1eaee;border-radius:12px;background:#fff}.market-evidence-grid article>b{display:block;margin:7px 0 3px;color:#4f6875;font-size:8.5px}.market-evidence-grid strong{display:block;color:#173344;font-size:15px;line-height:1.2}.market-evidence-grid p{min-height:45px;color:#677e89;font-size:8px;line-height:1.5}.market-evidence-grid small{color:#96a4ab;font-size:7px;line-height:1.45}.market-guidance-output{margin-top:11px;padding:12px;border-radius:12px;background:#f3f8fa}.market-guidance-output h4{margin:3px 0 6px;color:#203d4c;font-size:11px}.market-guidance-output ul{margin:0;padding-left:18px;color:#55707d;font-size:8.8px;line-height:1.6}.market-guidance-output small{display:block;margin-top:8px;color:#8899a2;font-size:7.7px}.data-status.observed{background:#eef8f9;color:#28737a;border-color:#cce8ea}@media(max-width:1200px){.competitor-row{grid-template-columns:34px 1fr 1fr 1fr}.competitor-row .comp-wide{grid-column:2/5}.market-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.trend-import-card{grid-template-columns:1fr}.trend-import-actions{justify-items:start}.market-source-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competitor-row{grid-template-columns:34px 1fr}.competitor-row .comp-wide{grid-column:auto}}@media(max-width:560px){.market-source-status-grid,.market-evidence-grid{grid-template-columns:1fr}.market-analyze-bar{align-items:flex-start;flex-direction:column}}


/* CreatorMore LAB 01 — V14.23 MARKET USABILITY */
.market-easy-v1423{overflow:visible}
.market-howto{margin-bottom:14px;padding:14px;border:1px solid #dce8ee;border-radius:16px;background:linear-gradient(180deg,#fbfdfe,#f7fbfd)}
.market-howto-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:11px}
.market-howto-head h4{margin:3px 0 0;color:#203d4c;font-size:13px}
.market-howto-note{font-size:8px;color:#758a95}
.market-howto-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.market-howto-steps article{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #e1ebef;border-radius:12px;background:#fff}
.market-howto-steps article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#173b4a;color:#fff;font-size:9px;font-weight:700;flex:none}
.market-howto-steps article div{display:grid;gap:2px}
.market-howto-steps b{font-size:9.5px;color:#2b4654}.market-howto-steps small{font-size:7.7px;color:#8999a2}
.market-section-label{display:flex;align-items:center;gap:9px;margin-bottom:9px}.market-section-label>div{display:grid;gap:2px}
.market-section-label b{font-size:10px;color:#294654}.market-section-label small{font-size:8px;color:#8a9aa3}
.market-step-badge{padding:5px 8px;border-radius:999px;font-size:7.5px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.market-step-badge.required{background:#eaf6ef;color:#367450}.market-step-badge.optional{background:#f2f5f7;color:#6f818b}.market-step-badge.info{background:#eef6fb;color:#386c8c}
.market-optional-box{margin-top:14px;border:1px solid #dfe9ee;border-radius:15px;background:#fbfdfe;overflow:hidden}
.market-optional-box summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px}
.market-optional-box summary::-webkit-details-marker{display:none}.market-optional-box summary>div{display:grid;gap:2px;flex:1}
.market-optional-box summary b{font-size:10px;color:#294654}.market-optional-box summary small{font-size:8px;color:#8798a1}
.market-optional-box summary i{font-style:normal;color:#82939d;transition:.2s}.market-optional-box[open] summary i{transform:rotate(180deg)}
.market-optional-body{padding:0 12px 12px}.market-optional-body .trend-import-card,.market-optional-body .competitor-manual-wrap{margin-top:8px}
.mini-howto{margin:8px 0 0;padding-left:18px;color:#667d89;font-size:8px;line-height:1.55}.market-caution{display:block;margin-top:7px;color:#9a7b55!important}
.competitor-what-to-enter{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.competitor-what-to-enter b{font-size:8px;color:#607783;margin-right:2px}
.competitor-what-to-enter span{padding:4px 7px;border-radius:999px;background:#f2f7f9;color:#738792;font-size:7.5px}
.evidence-role-guide{margin-top:14px;padding:13px;border:1px solid #e0e9ee;border-radius:15px;background:#fff}
.evidence-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.evidence-role-grid article{padding:10px;border-radius:11px;border:1px solid #e3ebef;display:grid;gap:3px}
.evidence-role-grid article>span{font-size:7px;font-weight:700;letter-spacing:.05em}.evidence-role-grid article>b{font-size:9px;color:#294654}
.evidence-role-grid article>small{font-size:7.6px;line-height:1.45;color:#82949e}.evidence-role-grid .core>span{color:#28737a}.evidence-role-grid .contextual>span{color:#a26a24}.evidence-role-grid .provided>span{color:#725aa5}
.market-source-status-grid.v1423{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-rule-badge.neutral{background:#f3f5f6!important;color:#7a8991!important;border-color:#e0e6e9!important}
.evidence-relevance{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #edf1f3;font-style:normal;font-size:7.4px;line-height:1.4;color:#758a94}
.evidence-relevance.relevance-3{color:#28724b;font-weight:600}.evidence-relevance.relevance-2{color:#4b7486;font-weight:600}.evidence-relevance.relevance-1{color:#92723b}.evidence-relevance.relevance-0{color:#8b969c}.evidence-relevance.core{color:#28737a}.evidence-relevance.provided{color:#725aa5}
@media(max-width:980px){.market-howto-steps,.evidence-role-grid,.market-source-status-grid.v1423{grid-template-columns:1fr}}
@media(max-width:650px){.market-howto-head{align-items:flex-start;flex-direction:column}}

/* CreatorMore LAB 01 V14.24 · Supabase-connected creator channels */
.channel-help{margin:-6px 0 12px;color:#6e808c;font-size:10px;line-height:1.6}.channel-list{display:grid;gap:12px}.channel-entry{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:12px}.channel-entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.channel-entry-head b{font-size:11px}.channel-remove{border:0;background:#fff1ec;color:#c95028;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800}.channel-add{margin-top:10px}.channel-limit{display:block;margin-top:8px;color:#7b8b95;font-size:9px}.generate-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}