:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#16332e;background:#f5f7f4;font-synthesis:none;--green:#145b48;--muted:#66756f}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 32px;border-bottom:1px solid #dce4df}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:34px;font-weight:800}.brand>span{font-size:16px;letter-spacing:3px}.small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}main{max-width:1200px;margin:60px auto;padding:0 32px;min-height:65vh}h1{font-size:44px;letter-spacing:-1.7px;line-height:1.1;margin:15px 0 20px}h2{font-size:20px;letter-spacing:-.3px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}p{line-height:1.7}.muted{color:var(--muted);font-size:13px}.lead{font-size:20px;max-width:500px;color:var(--muted);margin:25px 0 32px}.landing h1{font-size:76px}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:17px 23px;background:var(--green);color:white;border:0;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.button:hover{background:#0c4334}.secondary{background:#e4ece6;color:var(--green)}.quiet{padding:10px 14px;border:1px solid #d6dfd9;background:white;color:var(--green);border-radius:6px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input{width:100%;padding:14px;border:1px solid #ccd7ce;border-radius:6px;background:white;font:inherit;color:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #91c8af;outline-offset:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0;border-top:1px solid #dce4df;padding-top:35px}.steps b{color:#8da497;font-size:14px}.steps p{font-size:14px;color:var(--muted)}aside{border:1px solid #dde5df;background:#edf2ec;border-radius:10px;padding:18px 25px;font-size:13px;color:#52665b;margin:25px 0}.login{max-width:390px;margin:75px auto}label{display:block;font-size:13px;font-weight:600;margin:20px 0}label input{margin-top:8px}#loginerror{color:#a72e28;font-size:14px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.metrics article{background:white;padding:24px;border:1px solid #dce4df;border-radius:10px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:38px;margin-top:12px;font-weight:500}.toolbar{display:flex;align-items:center;gap:10px;margin:25px 0}.toolbar input{max-width:460px;margin-right:auto}.toolbar button{white-space:nowrap}.tablewrap{background:white;border:1px solid #dce4df;border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{padding:18px;color:var(--muted);font-size:11px;font-weight:600;background:#f0f4ef;white-space:nowrap}td{padding:18px;border-top:1px solid #e7ece8}td small{display:block;color:var(--muted);margin-top:7px}.badge{display:inline-block;padding:5px 10px;border-radius:20px;background:#f2ede3;color:#786337;font-size:11px;white-space:nowrap}.badge.online{background:#e1f0e6;color:#1d7045}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h2{color:#16332e}#shared{background:#fff2d9;padding:15px;border-radius:6px;font-family:monospace}footer{border-top:1px solid #dce4df;max-width:1136px;padding:25px 0;margin:50px auto 0;color:var(--muted);font-size:11px;letter-spacing:.6px}[hidden]{display:none!important}@media(max-width:750px){nav{padding:20px}main{padding:0 20px;margin-top:35px}.landing h1{font-size:54px}h1{font-size:33px}.steps{grid-template-columns:1fr;gap:12px}.metrics{gap:8px}.metrics article{padding:15px}.metrics strong{font-size:30px}.heading{display:block}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.toolbar button{flex:1}footer{margin:30px 20px}.brand>span{font-size:12px}nav>.muted{font-size:11px}}

/* Tricel Odoo website branding: white, #db2f67 accents, Inter / Inter Tight. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#212529;background:#fff;--green:#db2f67;--muted:#6c6c70}h1,h2,h3{font-family:"Inter Tight",Inter,"Segoe UI",Arial,sans-serif}h1{font-weight:400}a{color:#db2f67}.button{background:#db2f67;border-radius:6.4px;gap:20px;font-weight:500}.button:hover{background:#bc2455}.secondary{background:#fbe7ee;color:#b51d50}.quiet{border-color:#e1dbe0;color:#8f2348}.quiet:hover{background:#fdf0f5}input:focus-visible,button:focus-visible,a:focus-visible{outline-color:#f2a6bf}.site-header{background:#fff;box-shadow:0 2px 6px #00000012}.header-main{max-width:1120px;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:76px;margin:auto;padding:15px 10px}.header-main .brand{position:absolute;left:50%;transform:translateX(-50%);display:block}.brand img{display:block;height:45px;width:auto}.header-main .phone{font-size:14px;color:#555;text-decoration:none}.header-main .contact{padding:10px 18px;font-size:14px}.site-header nav{display:flex;justify-content:center;align-items:center;gap:24px;padding:9px 20px 17px;margin:auto;border:0;max-width:none}.site-header nav a{font-size:14px;text-decoration:none;color:#666}.site-header nav a:hover,.site-header nav .active{color:#212529}.site-header nav .quiet{padding:4px 12px}.landing{padding:0;max-width:none;margin:0;min-height:0}.support-hero{background:linear-gradient(#0008,#0008),url('/assets/hero.jpg') center 45%/cover no-repeat;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:80px 24px}.support-hero>div{max-width:900px}.hero-label{letter-spacing:2px;font-size:11px;font-weight:600;opacity:.85}.landing .support-hero h1{font-size:66px;line-height:1.12;font-weight:300;letter-spacing:-1.6px;margin:15px 0 24px}.support-hero h1 em{font-style:italic}.hero-description{font-size:18px;line-height:1.7;margin:20px auto 30px;max-width:730px}.support-hero .button{padding:14px 22px;margin:0 5px}.support-hero .hero-secondary{background:transparent;border:1px solid #fff8}.support-hero .hero-secondary:hover{background:#ffffff20}.hero-note{font-size:12px;opacity:.8;margin-top:20px}.landing-content{max-width:1120px;padding:65px 24px 55px;margin:auto}.intro{text-align:center}.intro h2{font-size:38px;font-weight:500;margin:15px 0}.intro .muted{font-size:16px}.eyebrow{color:#db2f67}.steps{margin:40px 0;border:0;padding-top:20px;gap:45px}.steps b{color:#db2f67}.steps h2{font-weight:500;font-size:24px}.steps p{font-size:14px}aside{background:#fff8fa;border-color:#f2d9e2;color:#64545a}aside h2{color:#212529}.download-alternative{display:flex;justify-content:space-between;gap:20px;margin:28px 0 0;font-size:14px}.site-footer{background:#1b060d;color:#eee;max-width:none;margin:0;padding:48px 24px 0;border:0;letter-spacing:normal;font-size:13px}.site-footer>div{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:70px}.site-footer h2{font-size:17px;font-weight:500;color:#fff;margin:0 0 15px}.site-footer a{display:block;color:#e5dce0;text-decoration:none;margin:10px 0}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer p{color:#cabfc3;line-height:1.8}.site-footer .copyright{max-width:1080px;border-top:1px solid #ffffff22;padding:20px 0;margin:30px auto 0;font-size:11px}.login{max-width:420px;margin:65px auto 90px}.login h1{font-size:42px}.login .button{width:100%;margin-top:8px}.metrics article{border-color:#e9e2e5;border-radius:8px}.metrics strong{color:#38222a}.metrics article:nth-child(2) strong{color:#db2f67}.tablewrap{border-color:#e9e2e5}th{background:#fbf7f9}td{border-color:#f0e9ec}.badge.online{background:#e5f3e9;color:#28643a}.empty h2{color:#212529}#shared{background:#fff2e4}main:not(.landing){margin-top:50px;margin-bottom:60px}body:has(.login) main{min-height:60vh}.heading .eyebrow{letter-spacing:2px}
@media(max-width:750px){.header-main{min-height:72px;padding:15px 20px}.header-main .phone{font-size:11px}.header-main .contact{font-size:11px;padding:9px 12px}.brand img{height:40px}.site-header nav{gap:15px;flex-wrap:wrap;padding:10px 16px}.site-header nav a{font-size:12px}.support-hero{min-height:520px;padding:65px 20px}.landing .support-hero h1{font-size:48px}.hero-description{font-size:16px}.landing-content{padding:45px 20px}.intro h2{font-size:30px}.steps{gap:10px}.download-alternative{display:block}.download-alternative span{display:block;margin-top:10px}.site-footer>div{grid-template-columns:1fr;gap:25px}.site-footer{padding-top:35px}.login h1{font-size:36px}}