@font-face{font-family:Plex;src:url('/fonts/IBMPlexSans-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Plex;src:url('/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#e5f0f4;color:#e5f0f4;font-family:Plex,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 48px;border-bottom:1px solid #3d5a67}header nav{display:flex;gap:32px;font-size:14px}.brand{font-size:27px;font-weight:600;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;background:#172b35;color:#67dbed;border-radius:10px;width:36px;height:38px;margin-right:5px}.nav-login{font-size:14px;border:1px solid #4c6b78;border-radius:30px;padding:10px 19px}main{max-width:1184px;margin:auto}.hero{padding:90px 0 48px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#aec7d1}h1{font-size:clamp(46px,7.5vw,96px);font-weight:600;line-height:1.04;letter-spacing:-5px;margin:25px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#67dbed}h2{font-size:42px;line-height:1.12;letter-spacing:-1.5px;font-weight:600}h3{font-size:23px;font-weight:600;line-height:1.25}.intro{font-size:20px;line-height:1.65;color:#aec7d1;max-width:600px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:32px 0}.button,button[data-interest]{display:inline-block;border:0;border-radius:30px;background:#172b35;color:white;padding:16px 24px;font-size:14px}.button span{margin-left:30px;color:#67dbed}.text-link{font-size:14px}.workflow{margin:24px 0 100px;border:1px solid #3d5a67;border-radius:18px;background:#213741;max-width:850px;box-shadow:0 20px 55px #29452d0c}.workflow-top{display:flex;gap:9px;align-items:center;border-bottom:1px solid #3d5a67;padding:20px 26px;font-size:10px;letter-spacing:1.5px}.workflow-top>span:last-child{margin-left:auto}.status-dot{width:7px;height:7px;background:#86d8ab;border-radius:50%}.workflow ol{list-style:none;margin:0;padding:0 26px}.workflow li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #36525f;align-items:center}.workflow li>span{font-family:monospace;font-size:12px;color:#aec7d1}.workflow strong{font-weight:600}.workflow small{display:block;margin-top:5px;color:#aec7d1}.workflow b{margin-left:auto;background:#294651;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:400}.workflow>p{padding:0 26px 8px;font-size:11px;color:#aec7d1}.section-heading{margin:50px 0 30px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 80px}.card{padding:28px;background:#213741;border-radius:14px;border:1px solid #3d5a67;transition:transform .15s}.card:hover{transform:translateY(-3px);text-decoration:none;border-color:#4cabbc}.card h3{margin-top:0}.card span{float:right;font-size:18px;color:#67dbed}.card p{font-size:15px;line-height:1.8;color:#aec7d1}.split{border-top:1px solid #3d5a67;padding:40px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.split p{max-width:600px;line-height:1.7}.secondary{background:#25cde8;color:#172b35;white-space:nowrap}.prose{max-width:740px;margin:0 0 80px}.prose h2{font-size:29px;margin-top:44px}.prose p{line-height:1.9;font-size:17px;color:#aec7d1}.prose a{text-decoration:underline}.prose .button{color:white;text-decoration:none}.byline{font-size:13px!important;border-bottom:1px solid #3d5a67;padding-bottom:20px}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}footer{background:#1b303b;padding:45px max(24px,calc((100vw - 1184px)/2));display:flex;gap:40px;flex-wrap:wrap}footer p,footer small{font-size:12px;color:#aec7d1}footer nav{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;font-size:13px;max-width:650px}footer small{width:100%}.privacy-control{background:none;border:none;color:inherit;padding:0;font-size:13px;text-decoration:underline}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid #67dbed;outline-offset:4px}#analyticsConsent{position:fixed;bottom:20px;right:20px;max-width:430px;background:#e5f0f4;color:#e5f0f4;padding:22px;border-radius:14px;box-shadow:0 4px 30px #0003;font-size:13px;z-index:30}#analyticsConsent p{line-height:1.65;margin-top:0}#analyticsConsent button{border:1px solid #4cabbc;border-radius:20px;padding:9px 14px;background:#25cde8;color:#e5f0f4;margin-right:8px}#analyticsConsent button:last-child{background:none;color:white}@media(max-width:1250px){main{padding:0 40px}}@media(max-width:680px){header{padding:20px;flex-wrap:wrap;gap:20px}header nav{order:3;width:100%;justify-content:space-between;gap:12px}main{padding:0 22px}.hero{padding-top:55px}h1{letter-spacing:-2.5px}.intro{font-size:18px}.grid,.posts{grid-template-columns:1fr;margin-bottom:45px}h2{font-size:34px}.split{align-items:flex-start;flex-direction:column}.workflow{margin-bottom:55px}.workflow li{gap:12px}.workflow b{display:none}.workflow-top{font-size:9px}.actions{gap:20px}#analyticsConsent{left:12px;right:12px;bottom:12px}footer{gap:20px}}

/* Current Frugent identity: same dark cyan palette and fonts as the app. */
:root{color-scheme:dark;--bg:#172b35;--panel:#213741;--text:#e5f0f4;--muted:#aec7d1;--accent:#25cde8;--border:#3d5a67}
body{background:radial-gradient(ellipse at 80% 0%,#234b59 0,transparent 45%),var(--bg);color:var(--text)}
.brand{display:block;position:relative;width:174px;height:49px;overflow:hidden;flex:none}.brand img{position:absolute;width:164%;max-width:none;height:auto;left:-32%;top:50%;transform:translateY(-50%)}
h1,h2,h3{letter-spacing:0}h1 em,h2 em{font-family:Plex,Arial,sans-serif;font-style:normal;font-weight:600;color:var(--accent)}
.eyebrow{letter-spacing:.5px}.button,button[data-interest]{background:var(--accent);color:var(--bg)}.button span{color:var(--bg)}.secondary{background:#294651;color:var(--text);border:1px solid var(--border)}
.workflow{box-shadow:0 20px 55px #0002}.workflow b{color:#86d8ab}.card:hover{background:#294651}.prose .button{color:var(--bg)}
#analyticsConsent{background:#213741;color:var(--text);border:1px solid var(--border)}#analyticsConsent button{background:var(--accent);color:var(--bg)}
.skip:focus{background:var(--accent);color:var(--bg)}

.hero h1{overflow-wrap:anywhere}

/* Return path connects execution (03) to the next request (02). */
.workflow ol{position:relative;padding-right:58px}.workflow-repeat-start,.workflow-repeat-end{position:relative}
.workflow-repeat-start:after{content:"";position:absolute;right:-30px;top:50%;width:16px;height:calc(100% + 1px);border:2px solid var(--accent);border-left:0;border-radius:0 12px 12px 0;pointer-events:none}
.workflow-repeat-start:before{content:"";position:absolute;right:-16px;top:calc(50% - 4px);width:7px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);pointer-events:none}
.workflow-loop{display:flex;align-items:center;gap:10px;margin:14px 26px 0;font-size:12px;color:var(--muted)}.workflow-loop span{color:var(--accent);font-size:22px;line-height:1}
@media(prefers-reduced-motion:no-preference){.workflow-repeat-start:after{animation:workflow-return 3s ease-in-out infinite}@keyframes workflow-return{0%,100%{opacity:.4}50%{opacity:1}}}
@media(max-width:680px){.workflow ol{padding-right:48px}.workflow-loop{font-size:11px}}