/* Waylo visual refresh: warm paper, orange detail, clear product examples. */
:root{--paper:#fff;--soft:#f0f2ee;--line:#dde1d9;--orange:#ff7618}
body{background:var(--paper)}
.header{background:var(--paper);backdrop-filter:none;padding-top:14px;padding-bottom:14px}
.brand img{mix-blend-mode:multiply}
.button{border-radius:11px;box-shadow:0 3px 0 #b7470520}
.button:hover{box-shadow:0 8px 22px #ff76182b}
.button:disabled{cursor:default;transform:none;box-shadow:none}
.hero{gap:58px;padding-top:90px;padding-bottom:100px}
.hero h1{letter-spacing:-.06em;font-size:clamp(48px,5.5vw,80px);line-height:1.07}
.hero h1 .orange{color:#dd5704}
.hero-copy>.eyebrow{font-size:11px;letter-spacing:.095em}
.hero .lead{font-size:17px;max-width:540px}
.hero-actions>.button{min-height:56px;padding-inline:28px}
.role-tags span{background:#fff;border-radius:7px;padding:6px 11px}
.hero-art{padding:35px 0 60px 12px}
.hero-art::before{content:"";position:absolute;inset:15px -13px 37px 30px;border:1px solid #f0d9c8;border-radius:22px;transform:rotate(4deg);pointer-events:none}
.route-card{transform:rotate(-1deg);border:1px solid #40504b;background:#222c29;border-radius:18px;padding:27px 28px;box-shadow:0 22px 46px #22292918}
.route-brand{font-size:29px}
.route-moving{background:#ff7618;color:#222929;display:grid;place-items:center;width:45px;height:40px}
.route-moving svg{width:32px;height:24px}
.team-float{top:9px;left:-10px;border-radius:10px;box-shadow:0 7px 16px #2229290d}
.document-float{bottom:20px;right:-18px;padding:15px 20px;border-radius:12px;box-shadow:0 14px 35px #22292912}
.art-caption{bottom:-9px;left:15px;font-size:11px;max-width:100%;line-height:1.55}
.section{padding-block:94px}
.ticker{background:#0d0d11;color:#f3f2f8;border-block:1px solid #24242c;padding:15px 0}
.ticker i{color:#ff7819}
.features{gap:0;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}
.feature{padding:26px 22px 29px;border:0;border-right:1px solid var(--line)}
.feature:last-child{border-right:0}
.feature-number{color:#8b948e}
.feature svg{color:#cf5104}
.feature h3{font-size:20px;line-height:1.2;letter-spacing:-.035em}
.feature p{font-size:14px;line-height:1.75}
.roles-section{background:#eff2ed;border-block:1px solid #e2e7df}
.role-tabs{border-radius:12px;padding:6px;border-color:#d7dfd5;background:#fff;box-shadow:0 2px 3px #22292903}
.role-tabs button{border-radius:8px}
.workspace-demo{box-shadow:0 16px 34px #273c2e08;border-color:#cfd9ce}
.demo-module-panel{background:#f4f6f1}
.process-grid article>span{color:#bf4800}
.language-banner{border:1px solid #e7e4dd;background:#faf9f6;border-radius:20px;padding:30px 34px;margin-top:48px;gap:30px;align-items:center;flex-direction:row}
.language-intro{display:flex;align-items:center;gap:20px;min-width:0}
.language-globe{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;background:#fff0e3;border:1px solid #ffdfc4;color:#bc510b;border-radius:17px}
.language-globe svg{width:34px;height:34px}
.language-banner .eyebrow{color:#a84b11;font-size:10px;letter-spacing:.1em;line-height:1.6}
.language-banner h3{font-size:28px;letter-spacing:-.04em;line-height:1.25;margin:7px 0 0}
.language-banner .large-languages{display:flex;flex-shrink:0;gap:4px;padding:5px;border:1px solid #e3e1da;border-radius:13px;background:#eeede8;flex-wrap:nowrap}
.language-banner .large-languages button{display:grid;grid-template-columns:1fr 14px;gap:5px 10px;align-items:center;min-width:108px;padding:10px 13px;min-height:66px;border:1px solid transparent;border-radius:9px;background:transparent;color:#606662;font-size:13px;font-weight:600;text-align:left;transition:background .2s,color .2s,border-color .2s}
.language-code{grid-column:1;font-size:10px;line-height:1;letter-spacing:.08em;opacity:.8}
.language-check{grid-column:2;grid-row:1/3;width:14px;height:14px;opacity:0}
.language-banner .large-languages button>span:nth-child(2){grid-column:1;grid-row:2}
.language-banner .large-languages button:hover{background:#ffffff85;color:#222c29;border-color:#dfddd5}
.language-banner .large-languages button[aria-pressed=true]{background:#222c29;border-color:#222c29;color:#fff;box-shadow:0 3px 7px #222c2912}
.language-banner .large-languages button[aria-pressed=true] .language-check{opacity:1;color:#ffad70}
.language-banner .large-languages button:focus-visible{outline:2px solid #bf510b;outline-offset:3px}
.process-section{padding-bottom:62px}
.process-section + .faq-section{padding-top:0}
.faq-list details{background:#fff;border:1px solid var(--line);padding-inline:24px;border-radius:11px;margin-bottom:10px}
.faq-list details[open]{border-color:#bfcbbd}
.contact-section{background:#222c29;margin:16px 20px 0;border-radius:25px;padding:85px 0}
.contact-section .wrap{width:min(1180px,calc(100% - 80px))}
.contact-grid{gap:74px;grid-template-columns:1fr 1.03fr}
.contact-copy{padding-top:14px}
.contact-copy h2{font-size:clamp(36px,3.9vw,55px);letter-spacing:-.05em;max-width:500px;margin:24px 0}
.contact-copy>p{font-size:16px;color:#bfc9c2;max-width:465px}
.contact-copy>.eyebrow{font-size:11px;letter-spacing:.1em}
.contact-topics{list-style:none;padding:0;margin:32px 0 36px;display:grid;gap:17px}
.contact-topics li{display:flex;gap:15px;font-size:14px;align-items:baseline;color:#e7eee8}
.contact-topics li>span:first-child{font-size:11px;color:#ff9a50;letter-spacing:.08em}
.contact-email{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid #506057;padding-top:22px;font-size:clamp(18px,2vw,26px);font-weight:600;letter-spacing:-.035em;max-width:465px}
.contact-email>span:first-child{overflow-wrap:anywhere}
.contact-email:hover{color:#ffae74}
.email-arrow{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid #68796b;border-radius:50%;font-size:19px;color:#ff9a50}
.contact-copy p.contact-note{font-size:12px;line-height:1.8;margin-top:17px;color:#a9b9ae;max-width:430px}
.contact-language-tags{display:flex;gap:7px;margin-top:20px}
.contact-language-tags span{border:1px solid #42564a;border-radius:5px;padding:3px 9px;font-size:10px;letter-spacing:.09em;color:#c2cdc5}
.contact-form{border-radius:18px;padding:31px;background:#fffefb;min-width:0;box-shadow:0 18px 36px #00000012}
.form-heading{display:flex;gap:15px;align-items:start;margin-bottom:26px}
.form-heading h3{font-size:25px;margin:0 0 7px;letter-spacing:-.045em;line-height:1.15}
.form-heading p{font-size:12px;line-height:1.7;max-width:310px}
.form-brand{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#fff0e2;color:#bc4600;font-weight:800;flex-shrink:0}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-form label{margin-bottom:15px}
.contact-form label>span{font-size:12px;font-weight:600}
.contact-form input,.contact-form textarea,.contact-form select{border-radius:8px;background:#fffefb;border-color:#d7ded4;padding:11px 13px;font-size:14px;transition:border-color .2s,background .2s}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#e4772e;background:#fff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#828a81;font-size:13px}
.contact-form fieldset:disabled{opacity:.65}
.contact-form .button{min-height:52px;justify-content:space-between;padding-inline:20px;font-size:14px;margin-top:2px}
.contact-form .button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.contact-form .form-note{font-size:11px;line-height:1.75;margin:15px 0 0;color:#64705f}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-feedback{padding:15px;border:1px solid #d0d9cc;background:#f3f7ef;border-radius:8px;margin-top:18px;font-size:13px;line-height:1.8;color:#28563c}
.form-feedback[data-state=error]{background:#fff3e9;border-color:#ecc4a5;color:#803308}
.form-feedback[data-state=sending]{background:#f2f3ee;color:#596355}
.form-feedback[hidden],.send-another[hidden]{display:none}
.send-another{border:0;border-bottom:1px solid #48603e;color:#324d2b;background:transparent;padding:4px 0;margin-top:10px;font-size:12px;cursor:pointer}
.no-script-note{font-size:12px;margin-top:16px}
.no-script-note a{text-decoration:underline}
@media(max-width:520px){.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form .form-note{font-size:12px}}
.footer{padding-block:31px}
.footer-social{display:flex;align-items:center;gap:8px}
.footer-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:#222c29;background:var(--paper);transition:color .2s,border-color .2s,background .2s}
.footer-social a:hover{color:#bb4800;border-color:#ffb17a;background:#fff3e9}
.footer-social a:focus-visible{outline:2px solid #cf5104;outline-offset:3px}
.footer-social svg{display:block;width:19px;height:19px}
@media(max-width:520px){.footer-social{order:2}.footer>span{order:4}.footer>a:last-child{order:5}.footer-social a{width:42px;height:42px}}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:118px}}
@media(max-width:1100px){.hero{gap:30px}.contact-grid{gap:38px}.contact-section .wrap{width:calc(100% - 60px)}.feature{padding:23px 18px}.feature h3{font-size:18px}}
@media(max-width:850px){.hero{gap:40px;padding-top:55px;padding-bottom:70px}.hero-art{max-width:520px;width:100%;margin-inline:auto}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-copy{padding-top:0}.contact-form{max-width:none}.contact-copy h2{max-width:650px}.contact-copy>p{max-width:600px}.contact-topics{margin:26px 0}.contact-email{max-width:550px}.section{padding-block:74px}}
@media(max-width:520px){.hero{padding-top:42px;padding-bottom:65px;gap:40px}.hero h1{font-size:49px}.hero .lead{font-size:16px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero-art{padding:28px 5px 55px}.hero-art::before{inset:17px -3px 40px 15px}.route-card{padding:23px 21px}.document-float{right:-3px;bottom:13px;padding:12px 15px}.team-float{left:-4px;font-size:11px;padding:10px 13px}.art-caption{left:5px;bottom:-13px;font-size:10px;max-width:320px}.hero-copy>.eyebrow{font-size:10px}.feature{padding:23px 15px}.feature h3{font-size:17px}.feature p{font-size:13px}.contact-section{margin:8px 10px 0;border-radius:18px;padding:48px 0}.contact-section .wrap{width:calc(100% - 32px)}.contact-grid{gap:30px}.contact-copy h2{font-size:38px}.contact-copy>p{font-size:15px}.contact-form{padding:24px 19px;border-radius:13px}.form-heading{gap:12px}.form-heading h3{font-size:23px}.form-heading p{font-size:11px}.form-brand{width:34px;height:34px}.contact-topics li{font-size:13px;gap:12px}.contact-email{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}.faq-list details{padding-inline:16px}.section{padding-block:64px}}
@media(prefers-reduced-motion:reduce){.route-card,.document-float,.team-float{transform:none}.button:hover{transform:none}.route-moving,.document-float,.team-float{animation:none}.contact-form input,.contact-form textarea,.contact-form select{transition:none}}
@media(max-width:1050px){.language-banner{padding:27px 28px;gap:24px}.language-banner h3{font-size:25px}.language-intro{gap:15px}.language-globe{width:50px;height:50px;border-radius:14px}.language-globe svg{width:29px;height:29px}.language-banner .large-languages button{min-width:96px;padding-inline:11px}}
@media(max-width:850px){.language-banner{flex-direction:column;align-items:stretch;gap:25px}.language-banner .large-languages{width:100%}.language-banner .large-languages button{flex:1;min-width:0}.language-banner h3{font-size:28px}}
@media(max-width:520px){.language-banner{margin-top:35px;padding:24px 20px;border-radius:16px;gap:23px}.language-intro{gap:13px;align-items:flex-start}.language-globe{width:43px;height:43px;border-radius:12px}.language-globe svg{width:25px;height:25px}.language-banner .eyebrow{font-size:9px;letter-spacing:.07em}.language-banner h3{font-size:24px;margin-top:7px}.language-banner .large-languages{padding:4px;gap:3px;border-radius:11px}.language-banner .large-languages button{padding:10px 8px;font-size:12px;column-gap:3px;grid-template-columns:1fr 12px}.language-check{width:12px;height:12px}.language-code{font-size:9px}.process-section{padding-bottom:42px}}