/* Derived from the shared design system; accent recoloured from violet to teal for AI for Recruitment. */
/* Creative direction: bright, visual and approachable. Shared layout remains in styles.css. */
:root{--bg:#fff;--ink:#141b17;--muted:#656574;--line:#e8eeeb;--accent:#197d7a;--orange:#00c4aa;--serif:Arial,Helvetica,sans-serif;--radius:20px}body{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#197d7a}.wrap{max-width:1260px;padding-inline:38px}header{background:#fff;border-bottom:1px solid #edf3f0}.nav{height:82px;gap:30px}.brand{font-size:23px;letter-spacing:-1.2px;font-weight:800;gap:9px}.brand-icon{background:linear-gradient(135deg,#12bac2,#1a9882 75%);border-radius:12px;box-shadow:0 3px 9px #2b756b20}.brand-dot{color:#0b6e66}.nav nav{gap:28px;font-size:13px;font-weight:600}.nav-right .saved-nav{border:1px solid #ebebf0;border-radius:10px;padding:3px 11px;color:#656274}.button{background:#0b6e66;border-color:#0b6e66;border-radius:10px;padding:14px 22px;font-size:14px;box-shadow:none;min-height:45px}.button.primary{background:#0b6e66;border-color:#0b6e66}.button.primary:hover,.button:not(.secondary):not(.light):hover{background:#147f73;filter:none;transform:translateY(-1px)}.button.secondary{background:white;border-color:#dadbe4;color:#30303e}.button.secondary:hover{background:#f2fcfa;border-color:#a2e8db;filter:none}.button.light{background:#fff;color:#1e7367;border-color:white}.button.small{font-size:12px;border-radius:8px;min-height:39px}.text-link{color:#1d7871;font-size:13px}.eyebrow{letter-spacing:1.4px;font-size:10px;color:#276d65;margin-bottom:12px}.eyebrow:before{background:#19b7ac}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1{font-weight:800;letter-spacing:-2.5px;line-height:1.09}h2{font-size:35px;font-weight:750;letter-spacing:-1.2px;line-height:1.2}h3{font-weight:700}.section{padding-block:65px}.section-head{align-items:center;margin-bottom:29px}.section-head p{font-size:15px}.creative-hero{position:relative;padding-top:53px;overflow:hidden;background:radial-gradient(ellipse at 8% 62%,#d8f8ff6b,transparent 45%),radial-gradient(ellipse at 90% 48%,#d6f7ff61,transparent 45%),linear-gradient(#fff 20%,#fafffe 62%,#edfcf8 100%)}.creative-hero>.wrap{text-align:center;position:relative;z-index:1}.hero-kicker{display:inline-flex;gap:8px;align-items:center;border-radius:30px;padding:6px 13px;background:#eafffc;color:#286b68;font-size:11px;font-weight:600}.hero-kicker>span{font-size:17px}.creative-hero h1{font-size:70px;line-height:1.08;margin:22px 0 20px;letter-spacing:-3.1px}.gradient-text{background:linear-gradient(90deg,#04aabd 3%,#1e9968 47%,#1e6a7e 95%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-description{font-size:16px;line-height:1.75;margin:0 auto;color:#626271}.creative-actions{display:flex;gap:12px;justify-content:center;margin:25px 0 12px}.creative-actions .button{min-width:177px}.hero-note{font-size:11px;color:#737382}.quick-tasks{display:flex;gap:33px;justify-content:center;margin:38px 0 31px}.quick-task{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:11px;font-weight:600;color:#525261;min-width:80px}.quick-icon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#29797e;background:#e3fffc;transition:transform .18s,box-shadow .18s}.quick-task:hover .quick-icon{transform:translateY(-4px);box-shadow:0 5px 12px #14332f16}.quick-1 .quick-icon{background:#dff3fd;color:#3189c1}.quick-2 .quick-icon{background:#ffe5ef;color:#c64e8a}.quick-3 .quick-icon{background:#fff0d1;color:#ac7108}.quick-4 .quick-icon{background:#dcf2e7;color:#277c5b}.quick-5 .quick-icon{background:#e8fff2;color:#2e8e54}.inspiration-wrap{max-width:1430px;margin:auto;padding:0 24px 24px}.inspiration-gallery{display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;align-items:center;gap:17px;padding:14px 0 17px}.inspiration-card{display:block;min-width:0;border-radius:15px;background:#fff;box-shadow:0 7px 24px #183f3616;border:5px solid white;transition:transform .2s,box-shadow .2s;position:relative}.inspiration-card:hover{transform:translateY(-7px) rotate(0deg);box-shadow:0 12px 30px #16403629;z-index:2}.inspiration-card>div:first-child{height:240px;border-radius:10px;position:relative;overflow:hidden}.inspiration-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;padding:13px 9px 8px;gap:4px}.inspiration-label>span:last-child{font-size:16px;color:#268784}.poster-card{transform:rotate(-5deg) translateY(12px)}.travel-card{transform:rotate(3deg) translateY(-5px)}.slides-card{transform:translateY(7px)}.writing-card{transform:rotate(-3deg) translateY(-5px)}.audio-card{transform:rotate(5deg) translateY(12px)}.poster-art{padding:20px 16px;background:#d8fc92;color:#143b37}.art-caption{font-size:7px;font-weight:700;letter-spacing:1.5px;position:relative;z-index:1}.poster-art>strong{position:relative;font-size:43px;line-height:.92;letter-spacing:-2px;display:block;z-index:1;margin-top:22px}.poster-art em{font-family:Georgia,serif;font-size:40px;font-weight:500}.poster-orbit{width:150px;height:150px;background:#b5ec65;border-radius:50%;position:absolute;right:-60px;bottom:-55px;border:22px solid #bcf474}.poster-star{position:absolute;right:16px;top:35px;color:#14b4a2;font-size:73px;transform:rotate(12deg)}.tiny-sticker{position:absolute;right:15px;bottom:14px;transform:rotate(9deg);border:1px solid #144342;border-radius:50%;font-size:8px;width:57px;height:57px;display:grid;place-content:center;text-align:center;background:#e0fffd;line-height:1.3}.travel-art{background:#fbd8c7;color:#183b3c}.travel-copy{padding:19px 17px;position:relative;z-index:1}.travel-copy strong{display:block;font-family:Georgia,serif;font-size:30px;line-height:1.03;letter-spacing:-1px;margin-top:13px}.landscape{position:absolute;width:100%;bottom:0;height:195px}.travel-ticket{position:absolute;bottom:13px;left:12px;color:white;font-size:7px;font-weight:600;background:#ffffff20;padding:5px 8px;border:1px solid #ffffff70;border-radius:20px;letter-spacing:.2px}.slides-art{background:#17805a;padding:21px 18px;color:#fff}.slides-art>strong{display:block;font-size:25px;letter-spacing:-.8px;line-height:1.1;margin-top:11px;position:relative}.slides-art>strong>span{position:absolute;right:8px;top:0;font-size:32px;color:#cbfff7}.mini-deck{display:flex;background:#fff;border:4px solid #fff;border-radius:6px;height:118px;margin-top:17px;box-shadow:0 6px 0 #216b4f40;transform:rotate(-3deg)}.deck-sidebar{width:27px;background:#effbf7;display:flex;flex-direction:column;gap:7px;padding:7px 4px}.deck-sidebar i{height:18px;border-radius:2px;background:#bfefe5}.deck-sidebar i:nth-child(2){background:#d8e8b5}.deck-slide{padding:14px 12px;flex:1;background:#f4ffd7;color:#23322b;position:relative;overflow:hidden}.deck-slide>span{display:block;font-size:5px;letter-spacing:1px}.deck-slide>b{display:block;font-size:14px;line-height:1.2;margin-top:13px}.deck-bars{position:absolute;display:flex;gap:4px;align-items:end;right:9px;bottom:8px;height:53px}.deck-bars i{background:#2da38e;width:9px;height:15px;border-radius:3px 3px 0 0}.deck-bars i:nth-child(2){height:27px;background:#b3f0e6}.deck-bars i:nth-child(3){height:39px;background:#2da38e}.deck-bars i:nth-child(4){height:53px;background:#2d695f}.slides-dots{font-size:6px;text-align:center;letter-spacing:4px;margin-top:13px;color:#bffff2}.writing-art{background:#fee0ed;padding:20px 14px;color:#25304a}.email-paper{padding:15px 14px;background:#fffafa;transform:rotate(5deg);border-radius:4px;box-shadow:3px 6px #f0b6d16b;margin-top:15px}.email-to{font-size:6px;padding-bottom:8px;border-bottom:1px solid #f1d3e3;color:#9d6d87}.email-paper strong{display:block;font:italic 27px/1.08 Georgia,serif;color:#316061;letter-spacing:-1px;margin:10px 0 11px}.email-paper>i{display:block;height:3px;background:#dfe7ea;margin:5px 0;width:95%}.email-paper>i:nth-of-type(2){width:70%}.email-sign{margin-top:12px;font-size:7px;display:flex;justify-content:space-between;color:#46505f}.email-sign span{font-size:12px}.tone-pill{position:absolute;bottom:13px;left:13px;background:#fff;padding:5px 9px;border-radius:16px;font-size:7px;color:#346671;border:1px solid #c9d9e5;box-shadow:0 3px 9px #2f456220}.audio-art{background:#fc784f;padding:20px 16px;color:#762a56}.audio-art>strong{position:relative;font-size:40px;line-height:.92;letter-spacing:-1.5px;display:block;z-index:1;margin-top:20px}.audio-art em{font-family:Georgia,serif;font-weight:500}.headphones{position:absolute;right:-16px;bottom:21px;width:140px;height:140px;transform:rotate(19deg)}.audio-wave{font-size:14px;color:#ffc994;position:absolute;bottom:8px;left:16px;letter-spacing:1px}.gallery-note{text-align:center;color:#776c88;font-size:10px;margin-top:14px}.brand-strip{padding-block:29px;border-bottom:1px solid #edf3f0;display:flex;justify-content:center;align-items:center;gap:40px}.brand-strip>span{font-size:11px;color:#7c7c87}.brand-strip>div{display:flex;gap:38px;align-items:center;color:#77727f}.brand-strip b{font-size:17px;white-space:nowrap;font-weight:600;letter-spacing:-.5px}.brand-strip .canva-word{font:italic bold 24px Georgia,serif;color:#6d7586}.tools-grid{gap:20px}.tool-card{border-radius:16px;padding:24px;border-color:#e6efea;background:#fff;box-shadow:0 3px 14px #20302705;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{box-shadow:0 9px 27px #1b4a4420;border-color:#c4eeeb;transform:translateY(-3px)}.tool-top{gap:13px}.tool-mark{width:47px;height:47px;border-radius:13px}.tool-top h3{font-size:18px;font-weight:700;letter-spacing:-.35px}.tool-top small{font-size:11px;color:#898395}.tool-card p{font-size:13px;color:#6a6575}.save-button{color:#a39ba9;border-radius:8px}.save-button:hover{background:#effffd}.save-button.active{color:#1e9e97}.tag{background:#e6f5ef;color:#287553;border-radius:6px;font-weight:600;font-size:10px}.tag.neutral{background:#fff4df;color:#89631c}.card-foot{border-top-color:#edf4f2;margin-top:18px}.compare-check{font-size:11px;color:#777180}.cards-note{text-align:center;margin:24px 0 0;color:#81778e}.match-section{padding-top:5px;padding-bottom:12px}.match-panel{background:linear-gradient(110deg,#e7fffc,#eff2ff 58%,#dcf8fa);border-radius:28px;padding:52px 65px;display:grid;grid-template-columns:1fr .85fr;gap:85px;align-items:center;overflow:hidden;position:relative}.match-badge{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#2b736f;display:block;margin-bottom:22px}.match-copy h2{font-size:45px;line-height:1.14;letter-spacing:-1.8px;margin-bottom:20px}.match-copy h2>span{color:#218780}.match-copy>p{font-size:14px;line-height:1.85;max-width:390px;margin-bottom:27px}.match-facts{display:flex;gap:15px;font-size:10px;color:#3e5554;margin-top:18px}.match-demo{position:relative;padding:16px 0}.match-sheet{background:#fff;border:1px solid #ffffff;border-radius:16px;box-shadow:0 18px 45px #1e544e18;padding:24px;transform:rotate(3deg)}.quiz-demo-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#4c6969}.quiz-demo-progress{height:4px;background:#ebf7f6;border-radius:8px;margin:15px 0 20px}.quiz-demo-progress>i{height:4px;width:25%;display:block;background:#1ab5b6;border-radius:8px}.match-sheet h3{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin-bottom:20px}.demo-options{display:grid;gap:8px}.demo-options button{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#f8fefd;border:1px solid #e1f5f2;border-radius:9px;text-align:left;font-size:11px;font-weight:600}.demo-options button:hover{border-color:#24b4ae;background:#e7fffe}.demo-options button>span:first-child{color:#289999;font-size:17px}.demo-options button>span:last-child{margin-left:auto;color:#499096}.demo-bottom{text-align:center;font-size:9px;color:#9f92ac;margin-top:19px}.match-floating{position:absolute;top:-5px;left:-39px;z-index:1;transform:rotate(-8deg);border:2px solid #fff;border-radius:11px;padding:9px 15px;background:#e2ff99;color:#496529;font-size:13px;box-shadow:0 5px 12px #58763a10}.match-floating>span{margin-left:6px;font-size:20px}.guide-grid{gap:22px}.guide-card{border:1px solid #e5eeec;background:#fff;border-radius:17px;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #213b3516}.guide-art{height:196px;display:block;padding:25px 26px}.guide-art:before{content:'';position:absolute;width:200px;height:200px;border:32px solid #ffffff27;border-radius:50%;right:-40px;bottom:-85px;transform:rotate(20deg)}.guide-art.peach{background:#ccd6f2;color:#1b525a}.guide-art.lilac{background:#d2fff2;color:#226653}.guide-art.mint{background:#cbeee1;color:#205f52}.guide-art-title{font-weight:800;font-size:33px;line-height:1.08;letter-spacing:-1.3px;position:relative;z-index:1;display:block}.guide-art-symbol{position:absolute;right:25px;bottom:35px;font-size:85px;line-height:1;transform:rotate(-12deg);opacity:.6}.guide-art-pill{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:.9px;border-radius:30px;background:#ffffff65;padding:5px 9px;font-weight:600}.guide-body{padding:23px}.guide-body small{font-size:9px;color:#486463;font-weight:700;letter-spacing:1.2px}.guide-body h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:700;margin:11px 0 10px}.guide-body p{font-size:12px;line-height:1.7;min-height:40px}.guide-body .text-link{font-size:12px}.values-section{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:33px;border-block:1px solid #e7efee;padding-block:42px;margin-top:10px;margin-bottom:12px}.values-heading h2{font-size:25px;letter-spacing:-.7px}.value-spark{color:#22918b;font-size:32px;display:block;line-height:1.1;margin-bottom:14px}.values-heading>.text-link{font-size:10px}.value-item{padding-top:16px}.value-item>span{display:block;color:#a2d7d6;font-size:11px;font-weight:700;margin-bottom:25px}.value-item h3{font-size:14px;margin-bottom:12px}.value-item p{font-size:12px;line-height:1.8;margin:0}.faq{max-width:830px}.faq h2{font-size:28px;margin-bottom:22px}details{padding:20px 0;border-color:#e6f0f0}summary{font-size:14px}details p{font-size:13px;line-height:1.8}.final-creative-cta{position:relative;overflow:hidden;background:linear-gradient(115deg,#29b8c4 -20%,#1e9973 43%,#22858b 100%);color:#fff;border-radius:25px;text-align:center;padding:56px 24px}.final-creative-cta:before,.final-creative-cta:after{content:'';position:absolute;width:260px;height:260px;border:50px solid #ffffff0a;border-radius:50%;left:-95px;top:-140px}.final-creative-cta:after{left:auto;top:auto;right:-110px;bottom:-160px;width:350px;height:350px}.final-creative-cta h2{font-size:45px;line-height:1.1;letter-spacing:-1.7px;position:relative}.final-creative-cta p{color:#e5fffc;font-size:14px}.final-creative-cta .button{margin-top:10px;position:relative}.cta-star{font-size:40px;color:#d0fffd;line-height:1;display:block;margin-bottom:13px}footer{background:#f9fdfc;border-top:1px solid #e5efee;margin-top:12px;padding-top:46px}.footer-top>div>a:not(.brand){color:#777080;font-size:12px}.footer-top b{color:#212e2d}.footer-top p{color:#918496;font-size:12px}.footer-bottom{border-color:#dfedec;color:#92879b;font-size:10px}.page-head{padding-top:52px}.page-head h1{font-size:48px;font-weight:800;letter-spacing:-2px}.page-head p{font-size:16px;line-height:1.7}.toolbar{margin-top:29px;gap:14px}.search input{border-color:#d9e8e6;background:#fff;border-radius:12px;padding-block:15px;font-size:14px}.search:before{color:#427e7c}.filter-check{font-size:12px;color:#696074}.filter-check input{width:15px;height:15px;vertical-align:middle}select{background:#f8fdfc;border-color:#dbeae9;border-radius:10px;font-size:13px}.chips{gap:9px}.chip{border-color:#deeeec;background:#fff;border-radius:8px;padding:8px 13px;font-size:11px;color:#72617e}.chip:hover{background:#f0fffe}.chip.active{background:#e3fffd;border-color:#2caeac;color:#157171;font-weight:600}.results-count{font-size:12px;color:#496463}.notice{background:#f1faf9;color:#746080;border:1px solid #e4f5f5;padding:18px 20px;border-radius:12px;line-height:1.8}.empty{background:linear-gradient(130deg,#eefffd,#eefbfc);border-color:#caebe9;border-radius:18px}.empty h2{font-weight:700}.quiz-wrap{max-width:830px;padding-block:55px 80px}.quiz-wrap h1{font-size:44px;font-weight:800;letter-spacing:-1.8px}.quiz-progress{gap:8px;margin-top:21px}.quiz-progress span{height:5px;background:#e6f6f5}.quiz-progress .on{background:linear-gradient(90deg,#16aca7,#1f9d75)}.quiz-options{gap:14px}.quiz-option{padding:20px;background:#fff;border-color:#e0edec;border-radius:13px;box-shadow:0 2px 6px #1e363703}.quiz-option:hover{background:#f7ffff;border-color:#9cd8de}.quiz-option[aria-pressed=true]{background:#ebfffe;border-color:#1b9f9d;box-shadow:0 0 0 1px #1b9f9d}.quiz-option .qicon{background:#e8fffc;color:#2d8786;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.quiz-option b{font-size:14px}.quiz-option small{font-size:11px;color:#92849c}.quiz-top{color:#4e7071}.quiz-controls{margin-top:33px}.results-header h1{font-weight:800}.result-rank{color:#267d7c;font-size:10px}.reasons{color:#6e6278}.reasons li:before{color:#2d6c69}.compare-table-wrap{border-color:#deedec;border-radius:16px}.compare-table{background:white}.compare-table td,.compare-table th{border-color:#e8f4f4;font-size:13px;line-height:1.7}.compare-table th:first-child,.compare-table td:first-child{background:#f2fbfa;color:#324c4b}.detail-top{min-width:0;flex-wrap:wrap}.detail-top>div{min-width:0;flex:1}.detail-top h1{font-size:45px;overflow-wrap:anywhere}.detail-aside{background:linear-gradient(135deg,#eafffd,#eff8fb);border-color:#d9f2f2;border-radius:18px;padding:27px}.detail-layout h2{font-weight:700;letter-spacing:-.7px;font-size:28px}.good-bad>div{border-color:#e0f0ef;border-radius:13px;background:#fcfdfe}.good-bad>div:first-child{background:#f4fbf7}.good-bad h3{color:#355155}.good-bad p{color:#675c70}.step{border-color:#e4f0f0}.step-number{color:#4c9291}.article h1{font-size:47px;line-height:1.14;font-weight:800;letter-spacing:-1.8px}.article h2{font-weight:700;font-size:28px;letter-spacing:-.7px}.article-step .step-number{color:#337578;background:#e7fcfb}.prompt-box{background:#effdfc;border-color:#d7eff0;border-radius:14px}.prompt-box p{color:#334d4d;line-height:1.8}.prompt-box small{color:#305556}.metric{background:#f7fffe;border-color:#dbe8ea;border-radius:16px}.metric b{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-1px;color:#307471}.metric span{color:#887598}.workspace-grid{gap:20px}.checklist label{background:#effbfb;border:1px solid #e2f2f3;color:#3d5556;border-radius:10px}.notes{border-color:#d5eaeb;background:#fbfeff;border-radius:12px}.partner-table th{color:#496e70}.partner-table td{border-color:#e0f0f0}.tray{border-color:#cce9e8;border-radius:13px;box-shadow:0 9px 40px #18404025}.tray span{color:#405d5e}#toast{background:#1e5b5a;border-radius:12px}.breadcrumbs{color:#4a6365}
@media(min-width:1450px){.wrap{max-width:1320px}.creative-hero h1{font-size:78px}.creative-hero{padding-top:59px}.inspiration-card>div:first-child{height:275px}.poster-art>strong{font-size:49px}.poster-art em{font-size:46px}.slides-art>strong{font-size:29px}.mini-deck{height:131px}.audio-art>strong{font-size:46px}.travel-copy strong{font-size:34px}.email-paper strong{font-size:31px}.writing-art .email-paper{margin-top:19px}}
@media(max-width:1100px){.nav{gap:18px}.nav nav{gap:19px}.brand-strip{gap:25px}.brand-strip>div{gap:24px}.match-panel{padding:44px;gap:40px}.match-copy h2{font-size:39px}.inspiration-gallery{gap:13px}.inspiration-card>div:first-child{height:222px}.poster-art>strong{font-size:34px}.poster-art em{font-size:33px}.audio-art>strong{font-size:33px}.slides-art{padding:18px 12px}.slides-art>strong{font-size:22px}.mini-deck{margin-top:12px;height:110px}.travel-copy strong{font-size:27px}.email-paper{padding:13px 10px}.email-paper strong{font-size:23px}.tone-pill{font-size:6px;padding:5px 6px}.art-caption{font-size:6px}.inspiration-label{font-size:9px;padding-inline:5px}.values-section{gap:23px}.values-heading h2{font-size:23px}.guide-art-title{font-size:30px}.guide-art-symbol{right:18px;font-size:75px}}
@media(max-width:900px){.nav nav{gap:17px}.nav-right{gap:12px}.creative-hero h1{font-size:62px}.quick-tasks{gap:22px}.inspiration-wrap{padding-inline:22px}.inspiration-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 7px 20px;gap:17px}.inspiration-card{flex:0 0 210px;scroll-snap-align:center}.inspiration-card>div:first-child{height:238px}.inspiration-card{transform:none}.inspiration-card:hover{transform:translateY(-4px)}.slides-card{flex-basis:245px}.poster-art>strong{font-size:44px}.poster-art em{font-size:39px}.travel-copy strong{font-size:31px}.slides-art>strong{font-size:25px}.audio-art>strong{font-size:42px}.email-paper strong{font-size:27px}.art-caption{font-size:7px}.inspiration-label{font-size:10px}.brand-strip{display:block;text-align:center}.brand-strip>span{display:block;margin-bottom:14px}.brand-strip>div{justify-content:center;gap:28px}.brand-strip b{font-size:15px}.match-panel{gap:30px;padding:36px}.match-copy h2{font-size:35px}.match-facts{flex-direction:column;gap:5px}.match-floating{left:-15px}.values-section{grid-template-columns:1fr 1fr;gap:32px}.value-item{padding-top:0}.value-item>span{margin-bottom:15px}.guide-art{padding:22px}.guide-art-title{font-size:27px}.guide-art-symbol{font-size:65px}}
@media(max-width:760px){.wrap{padding-inline:23px}.nav{height:auto;gap:12px;padding-top:15px;padding-bottom:11px}.brand{font-size:21px}.nav nav{gap:30px;padding-top:12px;font-size:11px}.nav-right .button{font-size:11px;padding:10px 12px;min-height:37px}.nav-right .saved-nav{padding:1px 8px}.creative-hero{padding-top:38px}.creative-hero h1{font-size:56px;letter-spacing:-2.4px;margin-top:20px}.hero-description{font-size:14px;padding:0 12px}.hero-description br{display:none}.hero-kicker{font-size:10px}.creative-actions{gap:9px}.creative-actions .button{font-size:12px;min-width:0;padding:13px 18px}.hero-note{font-size:10px}.quick-tasks{gap:16px;margin-top:28px;justify-content:space-between;flex-wrap:wrap;max-width:440px;margin-inline:auto}.quick-task{flex:0 0 26%;font-size:10px;gap:7px;min-width:0}.quick-icon{width:41px;height:41px;font-size:21px}.inspiration-wrap{padding-inline:10px}.inspiration-gallery{gap:13px;padding-top:8px}.inspiration-card{flex-basis:194px}.slides-card{flex-basis:225px}.inspiration-card>div:first-child{height:228px}.poster-art>strong{font-size:41px}.gallery-note{font-size:9px;padding-inline:17px;line-height:1.6}.brand-strip>div{gap:18px;flex-wrap:wrap}.brand-strip b{font-size:13px}.brand-strip .canva-word{font-size:21px}.section{padding-block:43px}h2{font-size:29px;letter-spacing:-1px}.section-head{align-items:start;gap:20px;flex-wrap:wrap}.section-head p{font-size:13px}.tools-grid{gap:15px}.tool-card{padding:20px}.tool-top h3{font-size:17px}.tool-mark{width:42px;height:42px}.tool-card p{font-size:12px}.tool-top small{font-size:10px}.cards-note{font-size:10px}.match-section{padding-block:7px 9px}.match-panel{grid-template-columns:1fr;padding:33px 28px;gap:20px;border-radius:23px}.match-copy h2{font-size:37px;letter-spacing:-1.4px}.match-copy>p{font-size:13px;max-width:none}.match-facts{flex-direction:row;font-size:9px;gap:12px}.match-demo{max-width:330px;margin:auto;width:100%;padding-top:22px}.match-sheet{padding:22px;transform:rotate(2deg)}.match-floating{top:5px;left:-10px}.match-badge{font-size:9px;margin-bottom:16px}.guide-card{display:grid;grid-template-columns:145px 1fr}.guide-art{height:100%;min-height:220px;padding:20px 15px}.guide-art-title{font-size:27px;letter-spacing:-1px}.guide-art-symbol{font-size:66px;right:12px;bottom:55px}.guide-art-pill{font-size:6px;left:14px;bottom:15px;padding:4px 7px}.guide-body{padding:22px 19px}.guide-body h3{font-size:20px}.guide-body p{font-size:11px;min-height:0}.guide-body small{font-size:8px;letter-spacing:.7px}.values-section{gap:26px;padding-block:35px}.values-heading h2{font-size:24px}.value-item h3{font-size:14px}.value-item p{font-size:12px}.faq h2{font-size:26px}.final-creative-cta{padding:40px 24px;border-radius:20px}.final-creative-cta h2{font-size:37px;letter-spacing:-1.2px}.final-creative-cta p{font-size:12px}.page-head{padding-top:36px}.page-head h1{font-size:39px}.page-head p{font-size:14px}.quiz-wrap{padding-top:35px}.quiz-wrap h1{font-size:36px}.quiz-option{padding:16px}.quiz-option b{font-size:13px}.quiz-option .qicon{width:35px;height:35px;font-size:20px}.detail-layout{grid-template-columns:1fr}.detail-top h1{font-size:37px}.detail-top .tool-mark{width:59px;height:59px;font-size:29px}.article h1{font-size:38px}.article h2{font-size:26px}.workspace-grid{gap:10px}.metric{padding:17px}.metric b{font-size:30px}.metric span{font-size:10px}.footer-top{gap:25px}.footer-top .brand{font-size:19px}.footer-bottom{font-size:9px}.tray .button{font-size:11px;padding:10px 12px;min-height:36px}}
@media(max-width:450px){.wrap{padding-inline:19px}.nav nav{gap:24px}.nav-right{gap:7px}.brand{font-size:19px}.brand-icon{width:31px;height:31px}.nav-right .saved-nav{padding:1px 6px}.nav-right .button{font-size:10px;gap:7px;padding:9px}.creative-hero h1{font-size:47px;letter-spacing:-2px}.hero-kicker{font-size:9px;padding:5px 10px}.hero-description{font-size:13px;padding-inline:0}.creative-actions .button{padding:12px 14px;font-size:11px}.quick-tasks{gap:19px 12px;max-width:310px;margin-bottom:21px}.quick-task{font-size:9px;flex-basis:28%}.hero-note{font-size:9px}.tools-grid{grid-template-columns:1fr}.match-panel{padding:29px 23px}.match-copy h2{font-size:35px}.guide-card{grid-template-columns:118px 1fr}.guide-art{padding:20px 12px;min-height:227px}.guide-art-title{font-size:24px}.guide-art-pill{font-size:5px;left:9px}.guide-art-symbol{font-size:62px;right:13px;bottom:58px}.guide-body{padding:18px 15px}.guide-body h3{font-size:18px}.guide-body p{font-size:11px}.guide-body .text-link{font-size:11px}.values-section{grid-template-columns:1fr;gap:22px}.values-heading{margin-bottom:8px}.value-item>span{float:left;margin:1px 15px 40px 0}.value-item p{margin-left:29px}.quiz-options{grid-template-columns:1fr}.quiz-option b{font-size:14px}.quiz-wrap h1{font-size:33px}.detail-top h1{font-size:32px}.final-creative-cta h2{font-size:32px}.footer-top{gap:25px 18px}.footer-top .brand{font-size:17px}.footer-top>div>a:not(.brand){font-size:11px}.section-head .button.small{font-size:11px}.article h1{font-size:35px}.notice{padding:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.inspiration-card,.tool-card,.guide-card,.quick-icon{transition:none}.inspiration-card:hover,.tool-card:hover,.guide-card:hover,.quick-task:hover .quick-icon{transform:none}}
@media print{.creative-hero,.brand-strip,.match-section,.final-creative-cta{display:none}.gradient-text{color:#141b17;background:none}.tool-card{box-shadow:none}.compare-table th:first-child,.compare-table td:first-child{background:#eee}}

/* Contact and newsletter */
.footer-top{grid-template-columns:1.15fr .65fr .65fr 1.4fr}.newsletter-box{min-width:0;background:#f2fcfb;border:1px solid #ddf8f6;border-radius:16px;padding:22px}.newsletter-box p{font-size:13px;margin:9px 0 16px}.newsletter-label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.newsletter-row{display:flex;gap:8px}.newsletter-row input{min-width:0;flex:1}.newsletter-row .button{padding:11px 14px;white-space:nowrap}.newsletter-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;margin-top:12px}.newsletter-consent input{margin:3px 0 0;flex:none}.newsletter-privacy{display:inline-block!important;font-size:11px!important;margin-top:8px!important;text-decoration:underline}.contact-form{display:grid;gap:9px;margin:28px 0;padding:30px;background:#f5fdfc;border:1px solid #ddf8f6;border-radius:20px}.contact-form label{font-weight:600;font-size:14px;margin-top:10px}.contact-form input,.contact-form textarea,.newsletter-row input{font:inherit;background:white;border:1px solid #cce5e3;border-radius:9px;padding:12px;width:100%;box-sizing:border-box}.contact-form textarea{resize:vertical;min-height:160px}.contact-form .button{justify-self:start}.form-note{font-size:13px!important;line-height:1.65!important;color:#656574}.form-note a{text-decoration:underline;overflow-wrap:anywhere}.form-honey{display:none!important}@media(max-width:1000px){.footer-top{grid-template-columns:1fr 1fr}.newsletter-box{grid-column:2}}@media(max-width:600px){.footer-top{grid-template-columns:1fr 1fr}.newsletter-box{grid-column:1/-1}.contact-form{padding:20px}.contact-form .button{width:100%}}

.quick-answer{font-size:16px;line-height:1.7;border-left:4px solid #30745b}
.quick-answer b{font-weight:700}
.affiliate-note{display:block;font-size:11px;color:#686e5b;margin:8px 0 12px}
.affiliate-note a{text-decoration:underline}
.related-comparisons{margin:28px 0}
.comparison-article{max-width:860px;padding-top:10px}
.comparison-article-table th[scope=row]{text-align:left;font-weight:600}
.comparison-article .good-bad ul{padding-left:18px;margin:6px 0}
.comparison-faq{margin-top:40px}
.comparison-faq details{border-bottom:1px solid #dbdfcd;padding:14px 0}
.comparison-faq summary{cursor:pointer;font-weight:600;font-size:16px}
.best-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:30px 0}
.best-card{display:block;padding:24px;border:1px solid #dedfd7;border-radius:14px;background:#fff}
.best-card h2{font-size:22px;margin:8px 0}
.best-card p{font-size:14px;color:#6c706b}
.best-pick{border:1px solid #dedfd7;border-radius:12px;padding:18px 20px;margin:16px 0;background:#fff}
.best-pick h3{margin:2px 0}
.best-pick p{margin:8px 0}
.disclosure-line{font-size:13px;line-height:1.5;color:#5f5a6b;margin:8px 0 16px}.disclosure-line a{color:#1a5f59;text-decoration:underline}.disclosure-full{margin-top:32px}
.newsletter-cta{border:1px solid #d9d4c7;border-left:4px solid #1f5f4a;background:#f7f5ef;border-radius:12px;padding:16px 20px;margin:28px 0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.newsletter-cta p{margin:0;flex:1 1 280px}.newsletter-cta h2{flex-basis:100%;margin:0;font-size:1.25rem}
.newsletter-home{margin-top:20px;margin-bottom:8px}
.cheat-table{width:100%;border-collapse:collapse;font-size:.95rem}.cheat-table th,.cheat-table td{border-bottom:1px solid #e3dfd4;padding:8px 10px;text-align:left;vertical-align:top}
.cheat-actions{display:flex;gap:12px;flex-wrap:wrap}
@media print{header,footer,nav,.cheat-actions,.newsletter-cta,.related-guides{display:none!important}.cheat-sheet{max-width:none}.cheat-table{font-size:10pt}a{color:#000;text-decoration:none}body{background:#fff}}
.free-tool .field{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.free-tool select,.free-tool input[type=text],.free-tool input:not([type]){font:inherit;padding:10px 12px;border:1px solid #b9b3a5;border-radius:8px;min-height:44px;background:#fff;color:#1d1d1b;max-width:100%}
.prompt-text,.credit-snippet{white-space:pre-wrap;word-break:break-word;background:#f7f5ef;border:1px solid #d9d4c7;border-radius:8px;padding:14px;font-size:.95rem}
.cost-list{list-style:none;padding:0;columns:2 280px}.cost-list li{break-inside:avoid;margin:0 0 8px}.cost-list label{display:block;min-height:24px}.cost-total{font-size:1.15rem}
/* QA contrast fixes (WCAG AA) */
main .breadcrumbs,main .breadcrumbs a{color:#354a4b}
footer .footer-top p,footer .newsletter-box p,footer .newsletter-box p.micro,footer .footer-bottom span{color:#5c5263}
footer .newsletter-box a.button.primary{color:#fff}
table.partner-table tbody th{color:#314f4f}
.step span.step-number{color:#315957}
a.guide-card .guide-body small{color:#344c4a}
.good-bad h2.gb-h{font-size:13px;color:#355155;margin:0 0 8px;letter-spacing:inherit}
main section.brand-strip span{color:#5f5f69}
article.tool-card .tool-top small{color:#655f70}
main section.section p.micro.cards-note{color:#625870}
.match-sheet .quiz-demo-head span{color:#354a4b}
.match-sheet .demo-bottom{color:#655874}
section.values-section .value-item span{color:#315957}
table.partner-table thead th{color:#314f4f}
.free-tool textarea{font:inherit;padding:10px 12px;border:1px solid #b9b3a5;border-radius:8px;background:#fff;color:#1d1d1b;max-width:100%;resize:vertical}.ad-group{border:1px solid #dedfd7;border-radius:12px;margin:0 0 16px;padding:12px 16px}.ad-group li{margin:0 0 10px}.pg-lead{border-left-color:#316564;background:#effdfc}.pg-lead-actions{display:flex;flex-wrap:wrap;gap:8px}
/* Hero search (tools-first home) */
.hero-search{max-width:620px;margin:26px auto 4px}.hero-search input{width:100%;min-height:54px;border:1px solid #d9e4e2;border-radius:14px;padding:0 20px;font-size:16px;background:#fff;box-shadow:0 6px 20px #0b6e6614}
/* Sponsored placements: always visibly labelled and visually distinct from listings */
.sponsor-slot{margin:18px 0 26px;display:grid;gap:14px}.sponsored-card{border:1px dashed #b9a76a;background:#fffdf5}.sponsored-tag{background:#fff1c7;color:#6b5200;border:1px solid #e6cf7d;font-weight:700;margin-left:auto;align-self:flex-start}
.issue-sponsor{margin:28px 0}.placeholder-block{border-style:dashed}.placeholder-text{background:#fff1c7;padding:0 4px;border-radius:4px;font-family:monospace}
.placeholder-text{color:#3d3000}.email-to{color:#7a4d66}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Round 6: FormSubmit honeypot, CTA disclosure, featured-on strip, In short box */
.form-honey{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.cta-disclosure{margin:10px 0 14px;color:var(--muted,#555)}
.featured-on{display:flex;gap:14px;align-items:center;padding:18px 0}.featured-on-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
[data-in-short] p{margin:6px 0 0;font-size:18px}
.h3{font-size:1.17em}
.supported-by{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #eee}

/* 5th category card: Screening & assessment (lavender) */
.screen-card{transform:rotate(-4deg) translateY(6px)}
.screen-art{background:#dccfff;color:#33186b;padding:20px 16px;position:relative;overflow:hidden;border-radius:inherit}
.screen-art>strong{position:relative;display:block;z-index:1;margin-top:20px;font-size:40px;line-height:.92;letter-spacing:-1.5px}
.screen-art em{font-family:Georgia,serif;font-weight:500}
.screen-list{list-style:none;margin:0;padding:0;position:absolute;right:14px;bottom:14px;display:grid;gap:6px}
.screen-list li{display:flex;align-items:center;gap:6px}.screen-list b{width:16px;height:16px;border-radius:50%;background:#fff;color:#5b2fd1;font-size:10px;display:grid;place-items:center}
.screen-list i{display:block;width:38px;height:5px;border-radius:3px;background:#b8a3f5}
@media(min-width:1450px){.screen-art>strong{font-size:46px}}
@media(max-width:1100px){.screen-art>strong{font-size:33px}}
@media(max-width:900px){.inspiration-gallery{flex-wrap:wrap;justify-content:center;overflow:visible;scroll-snap-type:none}.inspiration-card,.slides-card{flex:0 1 calc(33.333% - 12px);min-width:0}.screen-art>strong{font-size:36px}}
@media(max-width:600px){.inspiration-card,.slides-card{flex:0 1 calc(50% - 9px)}.inspiration-card{transform:none}.inspiration-card>div:first-child{height:210px}.poster-art>strong,.audio-art>strong,.screen-art>strong{font-size:30px}.poster-art em{font-size:29px}}
@media(max-width:900px){.inspiration-card{transform:none}}
@media(max-width:600px){.slides-art>strong{font-size:21px}.slides-art>strong span{display:none}.mini-deck{transform:scale(.85);transform-origin:top left}.email-paper strong{font-size:18px}.email-paper{padding:12px}.tiny-sticker{transform:scale(.85)}}
@media(max-width:600px){.audio-wave{white-space:nowrap;font-size:11px}}
.audio-art .art-caption{color:#4f1238}
