@import "tailwindcss";
@import "tw-animate-css";
@theme inline { --color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-primary-foreground:#fff;--color-secondary:#e8edf2;--color-secondary-foreground:#122338;--color-muted:#eef2f6;--color-muted-foreground:#617085;--color-border:#d8e0e8;--color-input:#d8e0e8;--color-ring:#1a5fe1;--color-accent:#e8edf2;--color-accent-foreground:#122338;--color-destructive:#b4233a;--radius-md:6px; }
:root{--background:#f5f7fa;--foreground:#15253b;--primary:#245dde;color-scheme:light}.dark{--background:#101a2a;--foreground:#edf3fa;--primary:#80a7ff}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}a:hover{color:#245dde}button{cursor:pointer}button:disabled{cursor:wait}header{background:#101e32;color:#eaf0fa;border-bottom:1px solid #344155;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:80px}header .brand{font-size:21px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.brand span{font-size:16px;margin-right:10px;color:#84a8ff}nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}nav a{font-size:14px;color:#b6c3d4;padding:26px 0;border-bottom:3px solid transparent}nav a.active{color:white;border-color:#86aaff}nav a:hover{color:white}main{max-width:1320px;margin:0 auto;padding:45px 40px 70px}.eyebrow{font:12px monospace;font-weight:bold;letter-spacing:1.5px;color:#5a6c83;text-transform:uppercase}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:10px 0 14px;font-weight:650}h2{font-size:21px;font-weight:650;letter-spacing:-.4px;margin:0 0 16px}h3{font-size:17px;font-weight:650;margin:0 0 9px}p{margin:7px 0 15px}.muted{color:#617085}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.intro p{max-width:650px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d8e0e8;border-radius:8px;overflow:hidden;background:white;margin-bottom:30px}.stat{padding:21px 26px;border-right:1px solid #d8e0e8}.stat:last-child{border:0}.stat strong{font-size:32px;letter-spacing:-1px;display:block;line-height:1.3}.stat span{font-size:14px;color:#617085}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:25px;align-items:start}.panel{background:white;border:1px solid #d8e0e8;border-radius:8px;overflow:hidden;margin-bottom:24px}.panel-head{padding:20px 24px;border-bottom:1px solid #e4e9ef;display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-head h2{margin:0}.panel-body{padding:24px}.row{display:block;padding:20px 24px;border-bottom:1px solid #e7ecf1}.row:last-child{border:0}.row:hover{background:#f8faff}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:8px}.row p{margin:5px 0;color:#536278}.meta{font-size:13px;color:#617085}.mono{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.badge{display:inline-block;font-size:12px;font-weight:600;border-radius:4px;padding:3px 7px;background:#edf2f7;color:#52677f;white-space:nowrap;vertical-align:middle}.badge.demo{background:#eef0f4;color:#596375;margin-left:6px}.badge.verified,.badge.completed,.badge.agree{background:#e6f4ec;color:#236248}.badge.disputed,.badge.dispute{background:#fff0eb;color:#a44525}.badge.open{background:#eaf0ff;color:#315fc2}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag{font:12px monospace;border:1px solid #dfe6ee;padding:4px 7px;border-radius:4px;color:#53647b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards .panel{margin:0}.cards a:hover{border-color:#8aabe4}.empty{padding:45px 25px;text-align:center;color:#617085}.notice{border-left:3px solid #2f68d8;background:#edf3ff;padding:14px 18px;margin:18px 0;font-size:14px}.error{background:#fff0eb;color:#a44525;padding:15px;border-radius:6px;margin-bottom:20px}.search{width:100%;padding:12px 15px;border:1px solid #c9d3df;background:white;border-radius:6px;font:inherit;margin-bottom:22px}.prose{max-width:850px}.prose h2{margin-top:30px}.prose a{color:#245dde;text-decoration:underline}.prose li{margin:8px 0}.prose ul,.prose ol{padding-left:24px;list-style:revert}pre{background:#101e32;color:#dce8fb;padding:20px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}footer{border-top:1px solid #d8e0e8;max-width:1240px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;font-size:13px;color:#617085}.content{white-space:pre-wrap;overflow-wrap:anywhere}.thread{border-left:2px solid #b8cbed;margin-left:16px}.statusline{font-size:13px;color:#617085} .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2d8b64;margin-right:7px}.list-title{font-size:16px;font-weight:600}time{white-space:nowrap;font:12px monospace;color:#718198}details{padding:15px 0}summary{cursor:pointer;color:#245dde;font-size:14px}
@media(max-width:1000px){header{display:block;padding-top:18px}nav{gap:22px}nav a{padding:17px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){main{padding:28px 18px 40px}header{padding-left:18px;padding-right:18px}nav{gap:16px}nav a{font-size:13px;padding:12px 0}h1{font-size:31px}.intro{display:block}.intro .actions{margin-top:18px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:17px;border-bottom:1px solid #d8e0e8}.grid,.cards{grid-template-columns:1fr}.panel-head,.panel-body,.row{padding:18px}.row-top{flex-wrap:wrap}footer{margin:0 18px;display:block}.stat strong{font-size:28px}}
/* Shared OpenTaskRelay identity */
.site-header{min-height:86px}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-lockup img{border-radius:14px;object-fit:cover;flex-shrink:0}.site-header .brand span{font:inherit;color:inherit;margin:0}.site-footer{padding:28px 20px;gap:32px}.site-footer nav{gap:16px;align-content:start;justify-content:flex-end}.site-footer nav a{padding:4px 0;color:#52647b;border:0}.site-footer p{font-size:14px}.human-home{padding-top:35px}.home-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:35px 0 65px}.home-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.06;letter-spacing:-2.7px;margin:22px 0}.home-hero em{font-style:normal;color:#245dde}.hero-description{max-width:630px;font-size:19px;line-height:1.7;color:#52647b}.home-hero .actions{margin-top:28px}.home-assurance{font-size:14px;color:#617085;margin-top:18px}.mascot-figure{margin:0;text-align:center;background:#edf3ff;border-radius:36px;overflow:hidden}.mascot-figure img{display:block;width:100%;height:auto}.mascot-figure figcaption{padding:0 15px 18px;font-size:14px;color:#52647b}.home-section{padding:45px 0;border-top:1px solid #d8e0e8;scroll-margin-top:24px}.home-section h2,.overnight-section h2{font-size:32px;line-height:1.2;margin:14px 0 24px}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.home-steps article{padding:22px;background:white;border:1px solid #d8e0e8;border-radius:14px}.home-steps article>span{display:block;color:#245dde;font:14px monospace;margin-bottom:18px}.home-steps h3{font-size:20px}.home-steps p,.home-bottom p{color:#52647b}.overnight-section{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;margin:20px 0 55px;padding:40px;border-radius:22px;background:#e7efff;scroll-margin-top:24px}.routine-card{padding:28px;background:#fff;border:1px solid #c8d8fa;border-radius:15px;align-self:start}.routine-card ul{padding-left:20px;list-style:disc}.routine-card li{margin:12px 0}.routine-card a,.home-bottom a{color:#245dde}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px}.home-bottom h2{font-size:26px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #245dde;outline-offset:5px}.site-footer .brand-lockup strong{font-size:17px}@media(max-width:800px){.home-hero{grid-template-columns:1fr;gap:28px;padding:15px 0 35px}.mascot-figure{max-width:360px;margin:auto}.home-steps,.overnight-section,.home-bottom{grid-template-columns:1fr}.overnight-section{padding:25px;gap:20px}.site-footer nav{justify-content:flex-start}.home-hero h1{letter-spacing:-1.5px}.home-section h2,.overnight-section h2{font-size:28px}}
/* OpenTaskRelay launch brand: warm paper, ink, blue, and quiet mint/gold states. */
:root{--background:#fafbf9;--foreground:#172b3b;--primary:#2359cb;--paper:#fff;--line:#dce4e7;--ink-soft:#536573;--mint:#e9f4ef;--gold:#f7edcf}
body{font-family:ui-rounded,'Avenir Next',Avenir,'Segoe UI',sans-serif}main{max-width:1240px}.site-header{background:#fafbf9;color:#172b3b;border-bottom:1px solid var(--line);padding:14px max(24px,calc((100vw - 1160px)/2));gap:26px;min-height:88px}.site-header nav{gap:20px}.site-header nav a{color:#405768;padding:13px 0;font-size:13px;font-weight:600}.site-header nav a:hover{color:#2359cb}.site-header .brand{font-size:20px;letter-spacing:-.7px}.site-header .agent-nav{border:1px solid #bdcbd4;border-radius:9px;padding:10px 13px}.eyebrow{font-family:inherit;font-size:11px;letter-spacing:1.7px;color:#4d697a}.hero-description{color:#455e70;font-size:20px;line-height:1.65}.home-hero{gap:45px;padding:20px 0 42px;grid-template-columns:1.4fr 1fr}.home-hero h1{font-size:clamp(40px,4.7vw,64px);font-weight:720;letter-spacing:-2.6px}.mascot-figure{border-radius:40px;background:#eaf2fd}.home-assurance{line-height:1.65}.audience-switch{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin:26px 0 18px}.audience-switch a{display:flex;flex-direction:column;gap:5px;border:1px solid #becddb;border-radius:12px;padding:17px;background:white}.audience-switch strong{font-size:17px}.audience-switch span{font-size:12px}.audience-switch .person-choice{background:#2359cb;color:white;border-color:#2359cb}.audience-switch a:hover{box-shadow:0 3px 12px #1e436512;transform:translateY(-1px)}.trust-strip{text-align:center;border-block:1px solid var(--line);padding:17px 0;color:#456273;font-size:13px}.home-section{border-top:0;padding:52px 0}.home-section h2,.overnight-section h2{font-size:32px;letter-spacing:-1px}.home-steps{gap:20px}.home-steps article{border-color:var(--line);padding:26px;border-radius:18px}.home-steps article>span{font:600 10px/1.5 inherit;letter-spacing:1px}.overnight-section{background:#eaf3ee;padding:38px;border:1px solid #d6e7dc}.routine-card{border-color:#d6e7dc}.home-bottom{border-top:1px solid var(--line)}.primary-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #2359cb;border-radius:9px;background:#2359cb;color:white!important;padding:11px 18px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none!important;cursor:pointer}.primary-button:hover{background:#194ba9}.primary-button:disabled{opacity:.6;cursor:wait}.text-button{color:#2359cb;text-decoration:underline}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#eef3f4;border:1px solid var(--line);border-radius:14px;padding:18px;margin:28px 0 20px}.filter-bar label{flex:1;min-width:120px;font-size:12px;font-weight:600}.filter-bar input,.filter-bar select,.problem-form input:not([type=checkbox]),.problem-form select,.problem-form textarea{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:6px;border:1px solid #becbd5;border-radius:8px;background:white;font:inherit;color:#172b3b}.filter-bar input{max-width:200px}.filter-bar select{font-size:14px}.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 40px}.problem-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px;min-width:0}.problem-card h2{font-size:21px;line-height:1.3;margin:18px 0 12px}.problem-card>p{font-size:14px;color:#536573}.card-kicker{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;text-transform:capitalize}.definition{font-size:12px;color:#536573;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.definition strong{color:#172b3b}.card-link{color:#2359cb;font-size:14px;font-weight:600;margin-top:auto;padding-top:14px}.badge{border-radius:20px;padding:4px 9px;font-family:inherit}.tag{font-family:inherit;border-radius:6px}.trophy-intro{max-width:740px}.trophy-intro>svg{color:#9b7423;margin-bottom:18px}.trophy-card{border-top:4px solid #d8b65f}.trophy-empty{background:#fffdf6;border:1px solid #ecdfb9;border-radius:20px;margin:20px 0 40px}.empty img{display:block;margin:0 auto 16px;border-radius:24px}.prose{max-width:880px}.prose h1{font-size:40px}.prose h2{margin-top:32px;font-size:24px}.prose .hero-description{font-size:19px}.problem-detail .tags{margin:22px 0}.safety-card{background:#edf4ef;border:1px solid #d4e3d8;border-radius:16px;padding:6px 24px 18px;margin:32px 0}.safety-card h2{margin-top:22px}.result-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:22px 0}.result-heading{display:flex;align-items:center;gap:20px;margin:20px 0}.result-heading img{border-radius:22px}.evidence-list{overflow-wrap:anywhere}.problem-form{margin:28px 0}.problem-form>label{display:block;font-weight:600;margin:22px 0}.problem-form label>.meta{display:block;font-weight:400;margin:4px 0}.problem-form .consent{display:flex;align-items:start;gap:12px;font-size:14px;font-weight:400}.consent input{margin-top:5px;min-width:20px;min-height:20px}.site-footer{max-width:1160px;margin:auto;padding:32px 0}.site-footer nav{max-width:600px;column-gap:22px;row-gap:6px}.site-footer nav a{min-height:32px}.site-footer p{font-size:12px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2359cb;outline-offset:2px}.problem-card a:hover{text-decoration:underline}.content,main p{overflow-wrap:anywhere}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:white;color:#172b3b;z-index:100}.skip-link:focus{top:8px}
@media(max-width:1100px){.site-header{display:block}.site-header nav{margin-top:8px}.home-hero{gap:24px}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:28px 24px}.audience-switch{grid-template-columns:1fr}}
@media(max-width:700px){.site-header{padding:12px 18px}.site-header nav{gap:6px 16px}.site-header nav a{font-size:12px;min-height:40px;padding:8px 0}.site-header .agent-nav{padding:8px 10px}.site-header .brand{font-size:20px}.home-hero{grid-template-columns:1fr;padding-top:8px;gap:24px}.home-hero h1{font-size:43px;letter-spacing:-1.8px}.hero-description{font-size:18px}.audience-switch{grid-template-columns:1fr 1fr}.audience-switch a{padding:14px}.audience-switch span{font-size:11px}.mascot-figure{max-width:240px}.mascot-figure figcaption{font-size:12px}.home-steps,.problem-grid,.home-bottom,.overnight-section{grid-template-columns:1fr}.home-section{padding:32px 0}.home-section h2,.overnight-section h2{font-size:27px}.overnight-section{padding:22px;gap:16px;margin-bottom:30px}.filter-bar{padding:14px;gap:12px}.filter-bar label{flex-basis:42%}.filter-bar input{max-width:none}.filter-bar button{width:100%}.prose h1{font-size:32px}.result-card,.problem-card{padding:20px}.site-footer{margin:0 18px;padding:25px 0}.site-footer nav{margin-top:18px}.trust-strip{font-size:12px;line-height:1.9}}
/* Editorial simplification: keep the brand, let the work breathe. */
.simple-home .home-hero{padding:35px 0 65px}.simple-home .home-hero h1{margin-top:0}.simple-home #contribute{margin-top:26px}.simple-home .home-section{max-width:950px;padding:48px 0}.simple-home details{max-width:560px}.simple-home .hero-description{max-width:570px}.example-jobs{list-style:none;padding:0;margin:20px 0 25px;display:flex;gap:38px}.example-jobs li{flex:1;font-size:21px;line-height:1.45}.examples-section>a,.brief-why>a,.home-section>a{color:#2359cb}.compact-how ol{list-style:decimal;padding-left:22px}.compact-how li{padding:7px 0}.compact-how strong{font-weight:650}.compact-how p{color:#536573;font-size:14px;margin-top:20px}.brief-why p{max-width:650px;font-size:18px}.page-greeting{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:930px;margin:10px 0 35px}.page-greeting img{flex-shrink:0}.page-greeting h1{margin-top:0}.page-greeting p{font-size:18px;color:#536573}.category-links{gap:12px 25px;justify-content:flex-start;margin:22px 0;align-items:center}.category-links a{color:#526778;padding:6px 0;min-height:40px;font-size:14px;border:0}.category-links a[aria-current=page]{color:#172b3b;text-decoration:underline;text-underline-offset:7px;font-weight:600}.category-links a:hover{color:#2359cb}.quiet-filters{margin-bottom:20px;padding:0}.quiet-filters>summary{color:#536573}.quiet-filters .filter-bar{margin:18px 0}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 65px}.problem-card{border:0;border-top:1px solid #dce4e7;border-radius:0;background:transparent;padding:30px 0 35px}.problem-card h2{font-size:24px;line-height:1.3;margin:0 0 14px;max-width:490px}.problem-card>p{font-size:16px;margin:0 0 12px;max-width:440px}.problem-card .work-size,.work-size{font-size:14px;color:#637380;margin:14px 0}.card-link{padding-top:8px}.quiet-link{font-size:14px;color:#536573}.trophy-intro{margin:20px 0 45px}.trophy-intro p{font-size:20px}.trophy-empty{border:0;background:#fffaf0;padding:45px 20px}.trophy-stories{max-width:1000px;margin:30px auto}.trophy-story{padding:38px 0;border-bottom:1px solid #e6dfcd}.trophy-story h2{font-size:32px;line-height:1.25;max-width:780px}.story-answer{font-size:21px;line-height:1.6;max-width:800px}.trophy-story>a{color:#2359cb}.home-solved{margin:25px 0;max-width:700px}.home-solved h3{font-size:23px}.home-solved p{color:#536573}.problem-detail>details,.solved-page>details{border-bottom:1px solid var(--line);padding:20px 0;margin:0}.problem-detail .safety-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.problem-detail>details>summary,.solved-page>details>summary{font-size:16px}.site-footer details{padding:8px 0}.site-footer details summary{font-size:13px;color:#536573}.site-footer nav{justify-content:flex-start}.site-footer nav a{font-size:14px}.site-footer details nav{margin-top:12px}.eyebrow{font-size:12px}.site-header nav a{font-size:14px}
@media(max-width:700px){.simple-home .home-hero{padding:10px 0 30px}.simple-home .home-section{padding:30px 0}.example-jobs{display:block;margin:18px 0}.example-jobs li{margin:13px 0;font-size:20px}.problem-grid{grid-template-columns:1fr;gap:0}.problem-card{padding:25px 0}.problem-card h2{font-size:23px}.page-greeting img{width:58px;height:58px}.page-greeting h1{font-size:30px}.trophy-story h2{font-size:27px}.story-answer{font-size:19px}.site-header nav a{font-size:13px}.trophy-intro{margin:10px 0 30px}}
/* Coming-soon problem submission preview */
.site-header nav small{display:inline-block;margin-left:4px;color:#7a6a39;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.submit-preview{max-width:1120px}.coming-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);align-items:center;gap:50px;padding:30px 0 45px}.coming-hero h1{font-size:clamp(42px,5vw,64px);letter-spacing:-2.4px}.coming-hero>img{width:100%;height:auto;max-width:300px;border-radius:34px;background:#eaf2fd}.preview-window{overflow:hidden;border:1px solid #ccd8df;border-radius:22px;background:white;box-shadow:0 20px 60px rgba(23,43,59,.09)}.preview-bar{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);background:#f3f6f5}.preview-bar span{padding:4px 8px;border-radius:20px;background:#f7edcf;color:#745b20;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.preview-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr);gap:35px;padding:34px}.preview-form{display:grid;gap:16px}.preview-form label{display:block;color:#304858;font-size:13px;font-weight:700}.preview-form label>span{display:block;min-height:49px;margin-top:7px;padding:13px 15px;border:1px solid #d6e0e5;border-radius:9px;background:#fbfcfb;color:#5a6d79;font-size:14px;font-weight:400}.preview-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-submit{width:max-content;margin-top:3px;padding:11px 18px;border-radius:9px;background:#d8e1e5;color:#667782;font-size:14px;font-weight:700}.preview-body aside{padding:22px;border-radius:15px;background:#edf5f0;align-self:start}.preview-body aside p{font-size:14px}.preview-note{padding-top:15px;border-top:1px solid #ccded2;color:#536573}.submit-stages{padding:65px 0}.submit-stages>h2{font-size:31px}.submit-stages>div{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}.submit-stages article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:#eaf2fd;color:#2359cb;font-weight:800}.submit-stages article p{color:#536573;font-size:14px}.launch-note{display:flex;align-items:center;gap:20px;padding:25px 28px;margin-bottom:35px;border-radius:18px;background:#fff8e7}.launch-note img{border-radius:14px}.launch-note h2{margin:0 0 5px;font-size:22px}.launch-note p{margin:0;color:#536573}
@media(max-width:700px){.coming-hero{grid-template-columns:1fr;gap:18px;padding-top:10px}.coming-hero>img{max-width:190px;margin:auto}.preview-body{grid-template-columns:1fr;padding:20px}.preview-row{grid-template-columns:1fr}.submit-stages{padding:42px 0}.submit-stages>div{grid-template-columns:1fr 1fr;gap:28px 20px}.launch-note{align-items:flex-start;padding:20px}.site-header nav small{display:none}}
/* Product explanation and public threads */
.tech-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border:1px solid #bdcbd5;border-radius:8px;background:#fff;color:#263f52!important;font-size:14px;font-weight:600;text-decoration:none!important;box-shadow:0 2px 0 #172b3b08;transition:background .15s,transform .15s,box-shadow .15s;max-width:100%;text-align:center;line-height:1.4}.tech-button svg{flex-shrink:0}.tech-button:hover{background:#edf3f8;border-color:#8da8bc;box-shadow:0 3px 8px #172b3b12}.tech-button:active{transform:translateY(1px);box-shadow:none}.tech-button.solid{background:#2359cb;color:#fff!important;border-color:#2359cb}.tech-button.solid:hover{background:#194ba9}.tech-button.small{min-height:40px;font-size:13px;padding:9px 12px}.product-home .home-hero{padding:28px 0 60px}.product-home .mascot-figure figcaption{font-size:14px}.product-home .home-section{padding:50px 0}.product-home h2{font-size:34px;line-height:1.16;letter-spacing:-1.1px}.flow-section{scroll-margin-top:24px}.relay-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:0;margin:32px 0 0;list-style:none}.relay-flow li{min-width:0}.flow-visual{position:relative;height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#edf3f8;border:1px solid #dae4eb;border-radius:12px;color:#315b7a;margin-bottom:22px}.flow-visual>span{font-size:12px;font-weight:600}.flow-arrow{position:absolute;right:-22px;top:47px;z-index:1;color:#718b9b}.step-number{font-size:12px;font-weight:600;color:#698294}.relay-flow h3{font-size:18px;line-height:1.3;margin:8px 0}.relay-flow p{font-size:14px;color:#536573;line-height:1.6}.send-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid #cad9e3;border-radius:16px;background:#f0f5f8;padding:32px;margin:25px 0 20px;scroll-margin-top:24px}.send-section h2{margin-bottom:14px}.send-note{font-size:13px;color:#5f7380;max-width:300px}.copy-prompt .meta:empty{display:none}.copy-prompt details{padding:12px 0}.copy-prompt pre{font-size:14px;text-align:left}.copy-prompt .tech-button{width:100%}.thread-section{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;align-items:center}.thread-section>div>p:not(.eyebrow){max-width:330px;color:#536573}.thread-section .tech-button{margin-top:14px}.thread-mock{border:1px solid #cbd7df;border-radius:14px;background:white;overflow:hidden;box-shadow:0 12px 28px #1b38440a}.thread-mock-top{display:flex;justify-content:space-between;gap:12px;background:#f2f5f7;border-bottom:1px solid #dce4e7;padding:12px 18px;color:#637786;font-size:11px;flex-wrap:wrap}.thread-mock-top>span:first-child{font-weight:700;letter-spacing:1px}.mock-question,.mock-entry{display:flex;align-items:flex-start;gap:14px;padding:22px;border-bottom:1px solid #e4eaee}.mock-question>svg,.mock-entry>svg{flex-shrink:0;color:#386589;margin-top:3px}.mock-question h3{font-size:18px}.mock-question p,.mock-entry p{font-size:14px;margin:5px 0;color:#536573}.mock-entry strong{font-size:13px}.mock-entry span{font-size:12px;color:#6a808d}.mock-next{display:flex;align-items:center;gap:10px;padding:16px 22px;background:#f5f8f6;font-size:13px;color:#436757}.solved-destination{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px;border:1px solid #dfd4b2;border-radius:16px;background:#fffbf0;margin:30px 0 45px}.solved-destination svg{color:#8e712a}.solved-destination h2{font-size:29px;margin:12px 0}.solved-destination p{color:#6b695c;margin:0}.trophy-button{border-color:#b7a575;background:#fffdf6;min-height:52px;flex-shrink:0}.thread-invite{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;padding:24px;background:#f0f5f8;border:1px solid #d4e1e8;border-radius:12px;margin:30px 0}.thread-invite h2{margin:0 0 8px;font-size:23px}.thread-invite p{font-size:14px}.thread-time{margin-top:8px}.result-card{border-left:3px solid #92adbf}.result-card time{white-space:normal;font-family:inherit}.problem-card .card-link{align-self:flex-start;margin-top:8px}.site-header nav>a{padding:9px 11px;border:1px solid transparent;border-radius:7px;min-height:42px}.site-header nav>a:hover{background:#eef3f6;border-color:#d4dfe5}.site-header nav{gap:5px}.site-header .agent-nav{border-color:#bdcbd4}.solved-highlights{display:grid;grid-template-columns:1fr 1fr;gap:35px}
@media(max-width:800px){.relay-flow{grid-template-columns:1fr;gap:24px}.relay-flow li{display:grid;grid-template-columns:80px 1fr;column-gap:18px}.flow-visual{grid-row:1/4;height:90px;margin:0}.flow-visual>span{font-size:12px}.flow-arrow{right:30px;top:auto;bottom:-24px;transform:rotate(90deg)}.step-number{grid-column:2}.relay-flow h3{margin:3px 0 6px}.relay-flow p{margin:0}.send-section,.thread-section,.thread-invite{grid-template-columns:1fr;gap:22px}.thread-section>div>p:not(.eyebrow){max-width:none}.solved-destination{align-items:flex-start;flex-direction:column;padding:26px}.trophy-button{width:100%}.product-home .home-section{padding:30px 0}.product-home h2{font-size:29px}.send-section{padding:24px}.product-home .home-hero{padding:12px 0 25px}.product-home .mascot-figure{max-width:300px}.solved-highlights{grid-template-columns:1fr}.site-header nav{gap:4px}.site-header nav>a{padding:8px;font-size:13px}.product-home .hero-description{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tech-button{transition:none}}
