@font-face{font-family:OFDMono;src:url(/orderflow-daylight/fonts/mono.woff2);font-display:swap}.ofd *{box-sizing:border-box}.ofd{scroll-behavior:smooth;font-family:var(--font-satoshi),Arial,sans-serif;background:var(--bg);color:var(--ink);margin:0;font-size:14px;line-height:1.5}.ofd.night{--bg:#0c1421;--panel:#121f30;--panel2:#18283b;--ink:#f4f7fc;--muted:#a1b1c6;--line:#29394c;--accent:#c6ff2e;--accentInk:#142008;--cyan:#3fd8ff;--radius:18px;--display:var(--font-cabinet),var(--font-satoshi),sans-serif}.ofd button,.ofd input,.ofd select{font:inherit}.ofd button,.ofd a,.ofd input,.ofd select{touch-action:manipulation}.ofd button,.ofd a{-webkit-tap-highlight-color:transparent}.ofd button{cursor:pointer}.ofd button:disabled{opacity:.45;cursor:default}.ofd a{color:inherit;text-decoration:none}.ofd button{color:inherit;background:0 0;border:0}.ofd button:focus-visible,.ofd a:focus-visible,.ofd input:focus-visible,.ofd select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.ofd h1,.ofd h2,.ofd h3,.ofd p{margin:0}.ofd h1,.ofd h2,.ofd h3{text-wrap:balance}.ofd h1,.ofd h2{font-family:var(--display);letter-spacing:-.04em;font-optical-sizing:auto;font-weight:560;line-height:1.04}.ofd h3{font-size:16px;font-weight:600}.ofd p{color:var(--muted);text-wrap:pretty}.ofd svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.ofd .eyebrow,.ofd .label{letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:600}.ofd .mono,.ofd .metric strong,.ofd .orders-table td,.ofd .ticket-time,.ofd .ticket-number,.ofd .bill-row{font-variant-numeric:tabular-nums}.ofd .mono{font-family:OFDMono,monospace}.ofd .muted{color:var(--muted)}.ofd .accent{color:var(--cyan)}.ofd .row{align-items:center;gap:12px;display:flex}.ofd .between{justify-content:space-between}.ofd .stack{gap:18px;display:grid}.ofd .btn{border:1px solid var(--line);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:13px 21px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.ofd .btn:hover{background:var(--panel2);transform:translateY(-2px)}.ofd .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.ofd .btn.small{padding:9px 14px;font-size:12px}.ofd .badge{border:1px solid var(--line);white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.ofd .dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.ofd .good{color:#23835b}.ofd.night .good{color:#a8e997}.ofd .warning{color:#b55d17}.ofd.night .warning{color:#ffbe73}.ofd .brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.ofd .brand-mark{border:2px solid;border-radius:8px;place-items:center;width:26px;height:26px;font-size:19px;line-height:1;display:grid;transform:rotate(-12deg)}.ofd .labbar{z-index:30;color:#c3c5c8;background:#111;justify-content:space-between;align-items:center;gap:12px;min-height:35px;padding:6px 24px;font:10px OFDMono,monospace;display:flex;position:relative}.ofd .labbar a{color:#fff;border-bottom:1px solid #666}.ofd .labbar .versions{gap:16px;display:flex}.ofd .labbar .selected{color:#c6ff2e}.ofd .site-nav{z-index:3;justify-content:space-between;align-items:center;height:88px;padding:0 5%;display:flex;position:relative}.ofd .site-links{align-items:center;gap:30px;font-size:12px;display:flex}.ofd .site-nav .brand{margin-right:auto}.ofd .site-links+.row{margin-left:40px}.ofd .hero{position:relative;overflow:hidden}.ofd .hero h1{letter-spacing:-.042em;font-size:clamp(56px,6.6vw,106px)}.ofd .hero p{font-size:16px;line-height:1.65}.ofd .hero .hero-copy{z-index:2;position:relative}.ofd .hero .hero-copy .eyebrow{margin-bottom:26px}.ofd .hero .hero-copy p{max-width:490px;margin:24px auto 28px}.ofd .hero-actions{gap:12px;display:flex}.ofd .hero-foot{z-index:3;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font:10px OFDMono,monospace;display:flex;position:absolute;bottom:30px;left:5%;right:5%}.ofd.night .site-nav{position:absolute;top:35px;left:0;right:0}.ofd.night .hero{background:#0f1626;height:calc(100svh - 35px);min-height:730px}.ofd.night .hero-image{object-fit:cover;object-position:center 66%;width:100%;height:100%;position:absolute;inset:0}.ofd.night .hero:after{content:"";background:linear-gradient(#0f162655,#0000 60%,#0c1421);position:absolute;inset:0}.ofd.night .hero-copy{text-align:center;transform-origin:bottom;will-change:transform,opacity;padding:100px 20px 0}.ofd.night .hero h1{font-family:var(--font-cabinet),var(--font-satoshi),sans-serif;letter-spacing:-.038em;font-size:clamp(50px,5.8vw,88px);font-weight:650;line-height:1.02}.ofd.night .hero-copy p{color:#b9c7da;max-width:520px;margin:18px auto 22px;font-size:14px}.ofd.night .hero-actions{justify-content:center}.ofd.night .hero-copy .eyebrow{color:#d9ecb0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#132236cc;border:1px solid #3fd8ff38;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 14px;display:inline-flex}.ofd.night .hero .hero-copy h1 span{color:#b4c4d9;font-family:var(--font-cabinet),sans-serif;letter-spacing:-.015em;font-size:1.06em;font-style:normal;font-weight:400;display:inline-block}.ofd .section{padding:90px 7%;overflow:hidden}.ofd .section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;display:flex}.ofd .section h2{max-width:730px;font-size:clamp(40px,4.4vw,70px)}.ofd .section .eyebrow{margin-bottom:18px}.ofd .section-top>p{max-width:280px}.ofd .feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ofd .feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:245px;padding:30px}.ofd .feature .number{color:var(--cyan);margin-bottom:40px;font:12px OFDMono;display:block}.ofd .feature h3{letter-spacing:-.04em;margin-bottom:14px;font-size:21px}.ofd .feature p{max-width:310px;font-size:13px}.ofd .demo-split{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.ofd .demo-split h2{margin:20px 0;font-size:56px}.ofd .demo-split p{max-width:380px;margin-bottom:28px}.ofd .demo-call{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:34px}.ofd .wave{align-items:center;gap:5px;height:56px;margin:25px 0;display:flex}.ofd .wave i{width:5px;height:var(--h);background:var(--cyan);border-radius:8px;display:block}.ofd .transcript{border-top:1px solid var(--line);padding:15px 0;font-size:13px}.ofd .transcript small{color:var(--muted);letter-spacing:.12em;margin-bottom:5px;font-size:12px;display:block}.ofd .footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:34px 5%;display:flex}.ofd .footer p{font-size:12px}.ofd .reveal{animation:.6s both enter}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ofd .workspace{min-height:calc(100svh - 35px)}.ofd .sidebar{border-right:1px solid var(--line);background:var(--bg);z-index:10;flex-direction:column;width:224px;padding:30px 22px;display:flex;position:fixed;top:35px;bottom:0;left:0}.ofd .sidebar .brand{font-size:23px}.ofd .location{background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin:32px 0 25px;padding:13px 11px}.ofd .location strong{font-size:12px;display:block}.ofd .location small{color:var(--muted);font-size:12px}.ofd .side-links{gap:5px;display:grid}.ofd .side-links a{color:var(--muted);border-radius:9px;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.ofd .side-links a.active{color:var(--ink);background:var(--panel2)}.ofd .side-links a.active svg{color:var(--cyan)}.ofd .side-links .count{background:var(--accent);color:var(--accentInk);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:12px}.ofd .side-bottom{margin-top:auto;padding-top:30px}.ofd .profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-top:20px;display:flex}.ofd .avatar{background:var(--panel2);border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.ofd .profile strong{font-size:12px;display:block}.ofd .profile small{color:var(--muted);font-size:12px}.ofd .main{margin-left:224px;padding:0 36px 40px}.ofd .workspace-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;margin-bottom:32px;font-size:12px;display:flex}.ofd .workspace-top .row{gap:20px}.ofd .page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.ofd .page-heading h1{margin-bottom:9px;font-size:38px}.ofd .page-heading p{font-size:12px}.ofd .page-heading .eyebrow{margin-bottom:13px}.ofd .metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px;display:grid}.ofd .metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px}.ofd .metric>span{color:var(--muted);font-size:12px;display:block}.ofd .metric strong{letter-spacing:-.06em;margin:10px 0 7px;font-size:31px;font-weight:500;display:block}.ofd .metric small{color:var(--muted);font-size:12px}.ofd .metric small b{color:var(--cyan);font-weight:400}.ofd .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;display:grid}.ofd .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:24px}.ofd .panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.ofd .panel-head h3{font-size:14px}.ofd .panel-head a{color:var(--cyan);font-size:12px}.ofd .chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 44px,var(--line) 45px);align-items:end;gap:8px;height:180px;padding-top:30px;display:flex;position:relative}.ofd .chart .bar{height:var(--height);background:var(--cyan);opacity:.5;border-radius:4px 4px 0 0;flex:1;min-width:0;position:relative}.ofd .chart .bar:nth-child(3n){opacity:.85}.ofd .chart .bar:last-child{background:var(--accent);opacity:1}.ofd .chart .bar:hover{opacity:1}.ofd .chart-labels{color:var(--muted);justify-content:space-between;margin-top:10px;font:9px OFDMono;display:flex}.ofd .chart-summary{gap:30px;margin-top:23px;display:flex}.ofd .chart-summary strong{font-size:19px;display:block}.ofd .chart-summary span{color:var(--muted);font-size:12px}.ofd .attention-item{border-top:1px solid var(--line);grid-template-columns:30px 1fr;gap:10px;padding:17px 0;display:grid}.ofd .attention-item:first-of-type{border:0}.ofd .attention-item svg{color:var(--cyan);margin-top:2px}.ofd .attention-item strong{margin-bottom:5px;font-size:12px;display:block}.ofd .attention-item p{margin-bottom:10px;font-size:12px}.ofd .capacity{background:var(--panel2);border-radius:5px;height:6px;margin:17px 0 9px;overflow:hidden}.ofd .capacity span{background:var(--cyan);width:68%;height:100%;transition:width .25s;display:block}.ofd .table-wrap{overflow:auto}.ofd .orders-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.ofd .orders-table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:12px 10px;font-size:12px;font-weight:400}.ofd .orders-table td{border-bottom:1px solid var(--line);padding:17px 10px}.ofd .orders-table tr:last-child td{border:0}.ofd .orders-table a:hover{color:var(--cyan)}.ofd .orders-table td:first-child{font-family:OFDMono}.ofd .orders-table td:last-child a{place-items:center;min-width:44px;min-height:44px;display:inline-grid}.ofd .banner{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:17px;margin-bottom:24px;padding:18px 23px;display:flex}.ofd .banner p{font-size:12px}.ofd .banner strong{margin-bottom:3px;font-size:12px;display:block}.ofd .banner .btn{margin-left:auto}.ofd .welcome-photo h2{max-width:250px;font:italic 35px OFDEditorial}.ofd .welcome-photo p{color:#e0d7c9;margin-top:10px;font-size:12px}.ofd .filters{flex-wrap:wrap;gap:7px;margin:0 0 22px;display:flex}.ofd .filter{border:1px solid var(--line);border-radius:30px;align-items:center;min-height:40px;padding:8px 15px;font-size:12px;display:inline-flex}.ofd .filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ofd .kitchen-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ofd .column-title{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 3px;font-size:12px;display:flex}.ofd .column-title b{background:var(--panel2);border-radius:4px;padding:2px 8px;font:10px OFDMono}.ofd .ticket{border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:var(--radius);background:var(--panel);margin-bottom:15px;padding:21px}.ofd .ticket.preparing{border-top-color:#d59644}.ofd .ticket.ready{border-top-color:#70a174}.ofd .ticket .ticket-number{font:20px OFDMono}.ofd .ticket .ticket-time{color:var(--muted);font:10px OFDMono}.ofd .ticket .customer{margin:16px 0 3px;font-size:12px}.ofd .ticket .pickup{color:var(--muted);font-size:12px}.ofd .ticket-items{border-top:1px dashed var(--line);min-height:110px;margin-top:18px;padding-top:16px}.ofd .ticket-item{gap:10px;margin-bottom:13px;font-size:12px;display:flex}.ofd .ticket-item b{width:20px;font-family:OFDMono}.ofd .ticket-item small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.ofd .ticket-note{background:var(--panel2);margin:12px 0;padding:9px 10px;font-size:12px}.ofd .ticket .btn{width:100%;margin-top:12px}.ofd .ticket-view{width:100%;color:var(--muted);margin-top:12px;font-size:12px;display:block}.ofd .empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:35px 18px;font-size:12px}.ofd .empty strong{color:var(--ink);margin-bottom:8px;display:block}.ofd .detail-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.ofd .timeline{margin:0;padding:0;list-style:none}.ofd .timeline li{border-left:1px solid var(--line);margin-left:7px;padding:0 0 28px 30px;position:relative}.ofd .timeline li:before{content:"";background:var(--cyan);width:9px;height:9px;box-shadow:0 0 0 4px var(--panel);border-radius:50%;position:absolute;top:5px;left:-5px}.ofd .timeline li:last-child{border:0;padding-bottom:0}.ofd .timeline strong{font-size:12px;display:block}.ofd .timeline small{color:var(--muted);font:9px OFDMono}.ofd .timeline p{margin-top:4px;font-size:12px}.ofd .bill-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.ofd .bill-row small{color:var(--muted);margin-top:3px;display:block}.ofd .bill-row.total{border:0;font-size:18px}.ofd .chat{background:var(--panel2);border-radius:12px;max-width:90%;margin-bottom:14px;padding:15px 18px;font-size:12px}.ofd .chat.reply{background:var(--bg);border:1px solid var(--line);margin-left:auto}.ofd .chat small{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.ofd .menu-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ofd .menu-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:20px;padding:24px;display:flex}.ofd .food-tile{background:var(--panel2);border-radius:12px;flex-shrink:0;place-items:center;width:68px;height:68px;font-size:26px;display:grid}.ofd .menu-item h3{font-size:14px}.ofd .menu-item p{margin:5px 0;font-size:12px}.ofd .switch{background:var(--muted);border-radius:20px;width:42px;min-width:42px;height:24px;margin-left:auto;padding:3px;transition:background .2s}.ofd .switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.ofd .switch[aria-checked=true]{background:var(--cyan)}.ofd .switch[aria-checked=true]:before{transform:translate(18px)}.ofd .menu-item.unavailable{opacity:.62}.ofd .menu-item.unavailable .food-tile{filter:grayscale()}.ofd .setup{grid-template-columns:42% 58%;min-height:calc(100svh - 35px);display:grid}.ofd .setup-art{color:#fff;background:#0f1626;flex-direction:column;padding:45px 12%;display:flex;position:relative;overflow:hidden}.ofd .setup-art:before{content:"";opacity:.75;background:url(/orderflow-daylight/night.webp) bottom/auto 75% no-repeat;position:absolute;inset:0}.ofd .setup-art>*{position:relative}.ofd .setup-art h2{max-width:330px;margin-top:65px;font-size:52px}.ofd .setup-art p{color:#b3bfce;max-width:300px;margin-top:20px;font-size:13px}.ofd .setup-art .setup-caption{color:#cbd5e3;margin-top:auto;padding-top:360px;font:10px OFDMono}.ofd .setup-form{flex-direction:column;padding:45px 12% 60px;display:flex}.ofd .setup-form .setup-exit{color:var(--muted);align-self:end;font-size:12px}.ofd .stepper{gap:8px;margin:62px 0 25px;display:flex}.ofd .stepper i{background:var(--line);flex:1;height:3px}.ofd .stepper i.done{background:var(--cyan)}.ofd .setup-form h1{margin:15px 0;font-size:40px}.ofd .setup-form>p{margin-bottom:30px;font-size:13px}.ofd .form-fields{gap:18px;display:grid}.ofd .field{font-size:12px;display:block}.ofd .field input,.ofd .field select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:8px;min-width:0;margin-top:9px;padding:14px 16px;display:block}.ofd .field input:focus{border-color:var(--cyan)}.ofd .field-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.ofd .setup-actions{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.ofd .setup-help{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.7}.ofd .provider{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:var(--panel);align-items:center;gap:16px;width:100%;padding:20px;display:flex}.ofd .provider.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.ofd .provider strong{font-size:13px;display:block}.ofd .provider small{color:var(--muted);font-size:12px}.ofd .provider .provider-icon{background:var(--panel2);place-items:center;width:35px;height:35px;font:15px OFDMono;display:grid}.ofd .provider .check{color:var(--cyan);margin-left:auto}.ofd .test-result{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);margin-top:16px;padding:20px}.ofd .test-result p{margin-top:6px;font-size:12px}.ofd .toast{z-index:100;background:var(--ink);color:var(--bg);text-align:center;border-radius:12px;max-width:90%;padding:15px 24px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0003}.ofd .toast button{min-height:36px;color:inherit;margin-left:18px;font-weight:600;text-decoration:underline}.ofd .skip{background:var(--accent);color:var(--accentInk);z-index:200;padding:12px;position:fixed;top:-80px;left:10px}.ofd .skip:focus{top:10px}.ofd .mobile-label{display:none}.ofd .hero-receipt{z-index:4;border:1px solid var(--line);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform;background:#121f30e8;border-radius:15px;width:225px;padding:17px;position:absolute;bottom:112px;right:7%;transform:rotate(3deg);box-shadow:0 12px 38px #00000045}.ofd .hero-receipt .label{color:var(--muted);font-size:12px}.ofd .hero-receipt strong{color:var(--ink);margin:12px 0 6px;font-size:15px;display:block}.ofd .hero-receipt p{margin:0;font-size:12px}.ofd .hero-receipt .receipt-state{border-top:1px dashed var(--line);color:#a8e997;align-items:center;gap:7px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.ofd .hero-receipt svg{width:14px;height:14px}.ofd .flow-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;display:grid}.ofd .flow-copy h2{margin:0 0 32px}.ofd .flow-steps{gap:0;display:grid}.ofd .flow-step{text-align:left;border-top:1px solid var(--line);width:100%;color:var(--muted);grid-template-columns:38px 1fr;gap:16px;padding:19px 0;display:grid}.ofd .flow-step .step-num{border:1px solid var(--line);border-radius:9px;place-items:center;width:32px;height:32px;font:12px OFDMono;display:grid}.ofd .flow-step strong{color:var(--ink);margin-bottom:7px;font-size:16px;display:block}.ofd .flow-step p{max-width:360px;font-size:13px;line-height:1.65}.ofd .flow-step .flow-short{color:var(--ink);font-size:12px;font-style:normal;font-weight:600;display:none}.ofd .flow-step[aria-pressed=true] .step-num{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.ofd .flow-step[aria-pressed=true] strong{color:var(--cyan)}.ofd .flow-mobile-desc{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.6;display:none}.ofd .flow-preview{border:1px solid var(--line);background:var(--panel2);border-radius:24px;padding:30px}.ofd .flow-line{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex;position:relative}.ofd .flow-line:before{content:"";background:var(--line);height:1px;position:absolute;top:21px;left:10%;right:10%}.ofd .flow-node{z-index:1;color:var(--muted);flex-direction:column;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.ofd .flow-node .node-icon{background:var(--panel);border:1px solid var(--line);border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.ofd .flow-node.active .node-icon{background:var(--accent);color:var(--accentInk);border-color:var(--accent)}.ofd .flow-paper{background:var(--panel);border:1px solid var(--line);border-radius:15px;min-height:300px;padding:30px;box-shadow:0 14px 25px #00000030}.ofd .flow-paper h3{letter-spacing:-.04em;margin:23px 0 13px;font-size:25px;font-weight:500}.ofd .flow-paper p{font-size:14px;line-height:1.7}.ofd .flow-paper .bill-row{font-size:14px}.ofd .flow-paper footer{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:22px;padding-top:19px;font-size:12px;display:flex}.ofd .flow-paper .flow-label{color:var(--muted);letter-spacing:.1em;font-size:12px}.ofd .flow-preview>p{text-align:center;margin-top:20px;font-size:12px}.ofd .closing{border:1px solid var(--line);background:var(--panel);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin:0 7% 75px;padding:45px;display:flex}.ofd .closing h2{margin-bottom:12px;font-size:35px;font-weight:560}.ofd .closing p{font-size:14px}.ofd .closing .btn{flex-shrink:0}.ofd .scenario-bar{flex-wrap:wrap;gap:6px;margin:14px 0 6px;display:flex}.ofd .scenario-pill{font:600 10px var(--font-satoshi),sans-serif;border:1px solid var(--line);background:var(--panel2);min-height:34px;color:var(--muted);border-radius:20px;padding:7px 12px;transition:background .18s,color .18s,border-color .18s}.ofd .scenario-pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.ofd.daylight .scenario-pill{color:#44606b;background:#f3f8f9;border-color:#c4d7dc}.ofd.daylight .scenario-pill[aria-pressed=true]{background:var(--accent);color:var(--accentInk);border-color:#9abd4e}.ofd .kitchen-tabs{display:none}.ofd .recovery-tools{align-items:start;gap:16px;margin:0 0 20px;display:flex}.ofd .recovery-tools details{border:1px solid var(--line);border-radius:10px;flex:1;padding:12px}.ofd .recovery-tools summary{cursor:pointer;min-height:24px}.ofd .recall-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.ofd .main h1:focus{outline:none}.ofd .main.reveal{animation:none}.ofd .just-updated{animation:.22s cubic-bezier(.16,1,.3,1) local-pulse}@keyframes local-pulse{0%{opacity:.82;transform:scale(.985)}to{opacity:1;transform:none}}@media (min-width:1600px){.ofd .main{max-width:1550px}.ofd.night .hero-copy{padding-top:130px}}@media (max-width:1100px){.ofd .main{padding-left:24px;padding-right:24px}.ofd .sidebar{width:190px;padding-left:15px;padding-right:15px}.ofd .main{margin-left:190px}.ofd .dashboard-grid{grid-template-columns:1fr}.ofd .metrics{gap:10px}.ofd .metric{padding:18px}.ofd .kitchen-layout{gap:12px}.ofd .ticket{padding:16px}.ofd .site-links{gap:18px}.ofd .site-links+.row{margin-left:20px}.ofd .setup-form{padding-left:8%;padding-right:8%}.ofd .setup-art{padding-left:10%;padding-right:10%}.ofd .menu-grid{grid-template-columns:1fr}.ofd .hero .hero-copy p{font-size:14px}.ofd .demo-split{gap:36px}.ofd .flow-section{gap:35px}.ofd .hero-receipt{width:205px;bottom:95px;right:4%}.ofd .section{padding:72px 6%}}@media (max-width:980px) and (min-width:761px){.ofd.night .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ofd.night .feature:last-child{grid-column:1/-1}}@media (max-width:760px){.ofd .labbar{flex-wrap:wrap;gap:5px;padding:8px 14px;font-size:12px}.ofd .labbar .versions{gap:12px}.ofd .labbar .lab-label{display:none}.ofd .site-nav{height:76px;padding:0 6%}.ofd .site-nav .site-links{display:none}.ofd .site-nav .brand{font-size:23px}.ofd .site-nav .row{gap:7px;margin-left:10px!important}.ofd .site-nav .btn{padding:10px 14px;font-size:12px}.ofd .site-nav .login{display:none}.ofd .hero-foot{gap:20px;font-size:12px}.ofd.night .hero{height:820px;min-height:0}.ofd.night .hero-copy{padding:110px 22px 0}.ofd.night .hero h1{font-size:49px}.ofd.night .hero-image{object-position:center bottom;object-fit:cover}.ofd.night .hero-copy p{max-width:320px;font-size:13px}.ofd .hero .eyebrow{font-size:12px}.ofd .hero .hero-actions{gap:10px}.ofd .hero .btn{padding:12px 17px;font-size:12px}.ofd .section{padding:58px 7%}.ofd .section-top{display:block}.ofd .section-top>p{margin-top:20px}.ofd .feature-grid{grid-template-columns:1fr}.ofd .feature{min-height:0;padding:25px}.ofd .feature .number{margin-bottom:20px}.ofd .demo-split{grid-template-columns:1fr;gap:30px}.ofd .demo-split h2{font-size:43px}.ofd .footer{flex-wrap:wrap;align-items:start}.ofd .footer .row{flex-wrap:wrap}.ofd .sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:18px 18px 0;display:block;position:relative;top:0}.ofd .sidebar .brand{font-size:23px}.ofd .sidebar .location,.ofd .side-bottom{display:none}.ofd .side-links{gap:3px;margin-top:16px;display:flex;overflow:auto}.ofd .side-links a{border-radius:7px 7px 0 0;flex-shrink:0;gap:6px;padding:12px 10px;font-size:12px}.ofd .side-links a svg{width:15px;height:15px}.ofd .side-links .count{display:none}.ofd .main{margin:0;padding:0 18px 30px}.ofd .workspace-top{height:60px;margin-bottom:25px}.ofd .workspace-top .row{gap:9px}.ofd .workspace-top .date{display:none}.ofd .workspace-top .badge{font-size:12px}.ofd .page-heading{flex-wrap:wrap;align-items:start;gap:15px}.ofd .page-heading h1{font-size:31px}.ofd .page-heading .btn{padding:10px 14px}.ofd .metrics{grid-template-columns:repeat(2,1fr);gap:10px}.ofd .metric{padding:17px}.ofd .metric strong{font-size:27px}.ofd .dashboard-grid{flex-direction:column;gap:18px;display:flex}.ofd .panel{padding:20px}.ofd .banner{flex-wrap:wrap;gap:10px;padding:16px}.ofd .banner .btn{margin-left:0}.ofd .banner>svg{display:none}.ofd .chart{gap:5px;height:155px}.ofd .chart-summary{gap:20px}.ofd .kitchen-layout{grid-template-columns:1fr}.ofd .ticket{padding:22px}.ofd .ticket-items{min-height:0}.ofd .detail-grid{grid-template-columns:1fr}.ofd .menu-item{gap:13px;padding:18px}.ofd .food-tile{width:48px;height:48px;font-size:20px}.ofd .menu-item h3{font-size:12px}.ofd .setup{display:block}.ofd .setup-art{display:none}.ofd .setup-form{min-height:calc(100svh - 35px);padding:25px 7% 50px}.ofd .stepper{margin-top:45px}.ofd .setup-form h1{font-size:35px}.ofd .setup-form .setup-exit{align-self:start}.ofd .setup-help{margin-top:25px}.ofd .field-pair{grid-template-columns:1fr}.ofd .mobile-label{display:inline}.ofd .table-wrap{max-width:100%}.ofd .flow-section{grid-template-columns:1fr;gap:18px}.ofd .flow-copy h2{margin-bottom:18px;font-size:36px}.ofd .flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ofd .flow-step{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:1fr;justify-items:center;gap:6px;min-height:48px;padding:10px 6px}.ofd .flow-step strong,.ofd .flow-step p{display:none}.ofd .flow-step .flow-short{display:block}.ofd .flow-step[aria-pressed=true]{border-color:var(--cyan);background:var(--panel2)}.ofd .flow-mobile-desc{margin-top:12px;margin-bottom:0;display:block}.ofd .flow-preview{padding:20px}.ofd .flow-paper{min-height:280px;padding:22px}.ofd .flow-paper h3{font-size:24px}.ofd .flow-paper p{font-size:13px}.ofd .closing{margin:0 7% 50px;padding:27px;display:block}.ofd .closing h2{font-size:30px}.ofd .closing .btn{width:100%;margin-top:23px}.ofd .hero-receipt{width:177px;padding:13px;bottom:69px;right:20px;transform:rotate(2deg)}.ofd .hero-receipt strong{margin:8px 0 4px;font-size:13px}.ofd .hero-receipt p{font-size:12px}.ofd .hero-receipt .receipt-state{margin-top:8px;padding-top:8px;font-size:12px}.ofd .kitchen-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;display:grid}.ofd .kitchen-tab{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:12px;font-weight:600;display:flex}.ofd .kitchen-tab b{background:var(--panel2);color:var(--ink);border-radius:5px;padding:1px 5px;font:10px OFDMono,monospace}.ofd .kitchen-tab[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ofd .kitchen-tab[aria-selected=true] b{background:var(--accent);color:var(--accentInk)}.ofd .kitchen-layout[data-mobile-tab=new] .kitchen-column:not([data-col=new]),.ofd .kitchen-layout[data-mobile-tab=preparing] .kitchen-column:not([data-col=preparing]),.ofd .kitchen-layout[data-mobile-tab=ready] .kitchen-column:not([data-col=ready]){display:none}.ofd .recovery-tools{flex-wrap:wrap;font-size:12px}.ofd .recovery-tools details{min-width:180px}.ofd .recall-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ofd{scroll-behavior:auto}.ofd *,.ofd :before,.ofd :after{transition:none!important;animation:none!important}.ofd.night .hero-copy{opacity:1!important;transform:none!important}.ofd .hero-receipt{transform:none!important}}.ofd .demo-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ofd .demo-call{min-width:0}.ofd .wave i{flex:1;width:auto;min-width:2px}.ofd .hero-actions{flex-wrap:wrap}@media (max-width:760px){.ofd .demo-split{grid-template-columns:minmax(0,1fr)}.ofd.night .hero{height:860px}.ofd.night .hero-image{object-fit:cover;object-position:center bottom;width:780px;max-width:none;height:500px;top:auto;bottom:0;left:50%;transform:translate(-50%)}.ofd.night .hero:after{background:linear-gradient(#0f1626 0% 39%,#0000 64%,#0c142155 95%)}.ofd.night .hero-copy p{color:#b9c7da}.ofd.night .hero h1{font-size:clamp(38px,10.4vw,46px)}.ofd .demo-call{padding:23px}.ofd .demo-call .row .badge{font-size:12px}.ofd .demo-call .transcript{overflow-wrap:anywhere}}@media (min-width:761px){.ofd.night .hero-image{object-position:center top;height:76%;top:auto;bottom:0}.ofd.night .hero:after{background:linear-gradient(#0f1626 0%,#0f1626b0 28%,#0000 56%,#0c1421 100%)}.ofd.night .hero-copy p{color:#c5d1df}.ofd.night .hero-copy{padding-top:115px}}.ofd.night.daylight{--bg:#f0f5f6;--panel:#fff;--panel2:#e6eef0;--ink:#142c36;--muted:#526771;--line:#cedcdf;--accent:#c6f645;--accentInk:#193013;--cyan:#087f89;--radius:18px;--display:var(--font-cabinet),var(--font-satoshi),sans-serif;background:var(--bg);color:var(--ink);--shadow:0 5px 24px #173c4806;font-size:14px}.ofd.daylight ::selection{color:#142c36;background:#cfed9b}.ofd.daylight .labbar{color:#485e68;background:#e4edef;border-bottom:1px solid #d6e1e3;min-height:35px;font-size:12px}.ofd.daylight .labbar a{color:#25434c;border-color:#9ab3ba}.ofd.daylight .labbar .selected{color:#176a70}.ofd.daylight .brand{letter-spacing:-1.1px}.ofd.daylight .brand-mark{color:#087f89;border-radius:8px}.ofd.daylight .btn{background:#ffffffa8;border-color:#b9cdd2;min-height:44px;padding:12px 20px;font-size:12px;transition:transform .18s,background .18s,box-shadow .18s}.ofd.daylight .btn.primary{background:var(--accent);border-color:#9ec933;box-shadow:0 2px 3px #142c360d}.ofd.daylight .btn.primary:hover{background:#b9ea38;box-shadow:0 4px 14px #142c361a}.ofd.daylight .btn:active{transform:translateY(0)scale(.98)}.ofd.daylight .btn.small{min-height:40px;padding:9px 14px;font-size:12px}.ofd.daylight .badge{background:#f6fafb;border-color:#c8d9dd;font-size:12px}.ofd.daylight .good{color:#216546}.ofd.daylight .warning{color:#8b5017}.ofd.daylight .label,.ofd.daylight .eyebrow{font-weight:600}.ofd.daylight .site-nav{max-width:1600px;height:88px;margin:auto}.ofd.daylight .site-nav .brand{font-size:25px}.ofd.daylight .site-links{font-size:13px}.ofd.daylight .site-links a:hover{text-underline-offset:5px;text-decoration:underline}.ofd.daylight .hero{isolation:isolate;background:#e6f1f5;height:calc(100svh - 35px);min-height:900px}.ofd.daylight .hero-image{object-fit:cover;object-position:center top;will-change:transform;transform-origin:50% 70%;z-index:0;width:100%;height:78%;top:auto;bottom:0}.ofd.daylight .hero:after{pointer-events:none;z-index:1;background:linear-gradient(#e6f1f5 0% 20%,#e6f1f588 35%,#0000 55%,#e6f1f530 90%,#f0f5f6)}.ofd.daylight .hero-copy{z-index:3;padding:113px 24px 0}.ofd.daylight .hero-copy .eyebrow{color:#32626b;background:#eff7f8c9;border:1px solid #b7d2d7;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 12px;font-size:12px;display:inline-flex}.ofd.daylight .hero h1{font-family:var(--font-cabinet),var(--font-satoshi),sans-serif;letter-spacing:-.038em;font-size:clamp(48px,5.5vw,82px);font-weight:650;line-height:1.02}.ofd.daylight .hero h1 span{color:#517580;font-family:var(--font-cabinet),sans-serif;letter-spacing:-.015em;font-size:1.06em;font-style:normal;font-weight:400;display:inline-block}.ofd.daylight .hero-copy p{color:#455d68;max-width:470px;margin:20px auto 24px;font-size:15px;line-height:1.6}.ofd.daylight .hero-actions .btn{min-height:46px;padding-left:23px;padding-right:23px;font-size:12px}.ofd.daylight .hero-foot{color:#45616d;align-items:center;font-size:12px;bottom:22px}.ofd.daylight .hero-foot .hero-proof{gap:28px;display:flex}.ofd.daylight .hero-proof span{letter-spacing:.04em;text-transform:none;font-family:var(--font-satoshi);align-items:center;gap:8px;font-size:12px;display:flex}.ofd.daylight .hero-proof svg{color:#087f89;width:14px}.ofd.daylight .hero-receipt{z-index:4;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform;background:#fffffff0;border:1px solid #d3e3e7;border-radius:15px;width:225px;padding:17px;position:absolute;bottom:112px;right:7%;transform:rotate(3deg);box-shadow:0 12px 38px #142c3618}.ofd.daylight .hero-receipt .label{color:#54717a;font-size:12px}.ofd.daylight .hero-receipt strong{margin:12px 0 6px;font-size:15px;display:block}.ofd.daylight .hero-receipt p{margin:0;font-size:12px}.ofd.daylight .hero-receipt .receipt-state{color:#256647;border-top:1px dashed #bed3d9;align-items:center;gap:7px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.ofd.daylight .hero-receipt svg{width:14px;height:14px}.ofd.daylight .section{padding:85px 7%}.ofd.daylight .section h2{letter-spacing:-.038em;font-size:clamp(36px,4vw,60px);font-weight:560}.ofd.daylight .section .eyebrow{color:#436773}.ofd.daylight .feature{border-color:var(--line);box-shadow:var(--shadow)}.ofd.daylight .feature h3{font-size:21px}.ofd.daylight .feature p{font-size:14px;line-height:1.6}.ofd.daylight .feature .number{color:#08727c}.ofd.daylight .demo-call{box-shadow:0 15px 45px #142c360f}.ofd.daylight .demo-split p{font-size:15px}.ofd.daylight .transcript{font-size:14px;line-height:1.6}.ofd.daylight .transcript small{font-size:12px}.ofd.daylight .wave i{background:#098894}.ofd.daylight .footer{background:#e4eef0}.ofd.daylight .footer p{font-size:12px}.ofd.daylight .flow-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;display:grid}.ofd.daylight .flow-copy h2{margin:0 0 32px}.ofd.daylight .flow-steps{gap:0;display:grid}.ofd.daylight .flow-step{text-align:left;border-top:1px solid var(--line);width:100%;color:var(--muted);grid-template-columns:38px 1fr;gap:16px;padding:19px 0;display:grid}.ofd.daylight .flow-step .step-num{border:1px solid var(--line);border-radius:9px;place-items:center;width:32px;height:32px;font:12px OFDMono;display:grid}.ofd.daylight .flow-step strong{color:var(--ink);margin-bottom:7px;font-size:16px;display:block}.ofd.daylight .flow-step p{max-width:360px;font-size:13px;line-height:1.65}.ofd.daylight .flow-step[aria-pressed=true] .step-num{background:var(--accent);color:var(--accentInk);border-color:#9abd4e}.ofd.daylight .flow-step[aria-pressed=true] strong{color:#07717b}.ofd.daylight .flow-preview{background:#e3eff2;border:1px solid #c9dbe0;border-radius:24px;padding:30px;box-shadow:inset 0 1px #fff}.ofd.daylight .flow-line{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex;position:relative}.ofd.daylight .flow-line:before{content:"";background:#a8c7ce;height:1px;position:absolute;top:21px;left:10%;right:10%}.ofd.daylight .flow-node{z-index:1;color:#47636d;flex-direction:column;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.ofd.daylight .flow-node .node-icon{background:#f7fafb;border:1px solid #b8cfd5;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.ofd.daylight .flow-node.active .node-icon{color:#1c4218;background:#c6f645;border-color:#9abb58}.ofd.daylight .flow-paper{background:#fff;border:1px solid #ccdce0;border-radius:15px;min-height:300px;padding:30px;box-shadow:0 14px 25px #142c360f}.ofd.daylight .flow-paper h3{letter-spacing:-.04em;margin:23px 0 13px;font-size:25px;font-weight:500}.ofd.daylight .flow-paper p{font-size:14px;line-height:1.7}.ofd.daylight .flow-paper .bill-row{font-size:14px}.ofd.daylight .flow-paper footer{border-top:1px dashed #c8d8dc;justify-content:space-between;align-items:center;margin-top:22px;padding-top:19px;font-size:12px;display:flex}.ofd.daylight .flow-paper .flow-label{color:#526d77;letter-spacing:.1em;font-size:12px}.ofd.daylight .flow-preview>p{text-align:center;margin-top:20px;font-size:12px}.ofd.daylight .closing{border:1px solid var(--line);background:#e2edef;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin:0 7% 75px;padding:45px;display:flex}.ofd.daylight .closing h2{margin-bottom:12px;font-size:35px;font-weight:560}.ofd.daylight .closing p{font-size:14px}.ofd.daylight .closing .btn{flex-shrink:0}.ofd.daylight .sidebar{background:#e6eff1;border-right:1px solid #cedde1}.ofd.daylight .location{background:#f6fafa;border-color:#cbdde0;border-radius:13px}.ofd.daylight .side-links a{border-radius:11px;min-height:46px;font-size:13px}.ofd.daylight .side-links a.active{color:#18545c;background:#d2e8e9;box-shadow:inset 3px 0 #148590}.ofd.daylight .side-links a:hover{background:#dcebed}.ofd.daylight .side-links .count{background:#c6f645;font-size:12px}.ofd.daylight .main{padding-left:34px;padding-right:34px}.ofd.daylight .workspace-top{margin-bottom:28px;font-size:12px}.ofd.daylight .workspace-top button{border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.ofd.daylight .workspace-top button:hover{background:var(--panel2)}.ofd.daylight .page-heading h1{font-size:37px;font-weight:560}.ofd.daylight .page-heading p{font-size:14px}.ofd.daylight .metric{box-shadow:var(--shadow);background:#fff;border-color:#d4e0e4;padding:22px}.ofd.daylight .metric>span{font-size:12px}.ofd.daylight .metric strong{font-size:33px}.ofd.daylight .metric small{font-size:12px}.ofd.daylight .panel{box-shadow:var(--shadow);border-color:#d4e0e4}.ofd.daylight .panel-head h3{font-size:15px}.ofd.daylight .panel-head a{font-size:12px}.ofd.daylight .attention-item strong{font-size:13px}.ofd.daylight .attention-item p{font-size:12px}.ofd.daylight .attention-item svg{color:#0a7b85}.ofd.daylight .chart .bar{opacity:.6;background:#128592}.ofd.daylight .chart .bar:last-child{background:#a9cf3d}.ofd.daylight .chart-labels,.ofd.daylight .chart-summary span,.ofd.daylight .orders-table,.ofd.daylight .orders-table th{font-size:12px}.ofd.daylight .orders-table td{padding-top:19px;padding-bottom:19px}.ofd.daylight .banner{background:#e0eff0;border-color:#bbd5db}.ofd.daylight .banner strong{font-size:13px}.ofd.daylight .banner p,.ofd.daylight .profile strong,.ofd.daylight .profile small{font-size:12px}.ofd.daylight .avatar{background:#d6e8eb}.ofd.daylight .sidebar-scene{opacity:.85;background:url(/orderflow-daylight/daylight.webp) 50% 66%/cover;border:1px solid #cadde2;border-radius:12px;height:100px;margin:32px -8px 0}.ofd.daylight .sidebar-scene+small{color:#4a6a74;text-align:center;margin-top:10px;font-size:12px;display:block}.ofd.daylight .filter{min-height:44px;padding:10px 17px;font-size:12px}.ofd.daylight .filter.active{color:#fff;background:#1c505b;border-color:#1c505b}.ofd.daylight .ticket{box-shadow:var(--shadow);border:1px solid #cbdce0;border-top:4px solid #148d96;padding:23px}.ofd.daylight .ticket.preparing{border-top-color:#ba7a25}.ofd.daylight .ticket.ready{border-top-color:#4c8657}.ofd.daylight .ticket-number{font-size:23px}.ofd.daylight .ticket .customer{font-size:14px}.ofd.daylight .ticket .pickup,.ofd.daylight .ticket .ticket-time{font-size:12px}.ofd.daylight .ticket-items{min-height:125px}.ofd.daylight .ticket-item{font-size:14px}.ofd.daylight .ticket-item small{font-size:12px;line-height:1.5}.ofd.daylight .ticket-note{color:#42552f;background:#edf3e4;border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.ofd.daylight .ticket-view{place-items:center;min-height:36px;font-size:12px;display:grid}.ofd.daylight .column-title{font-size:14px}.ofd.daylight .column-title b{color:#355c66;background:#dce9ed;font-size:12px}.ofd.daylight .timeline strong{font-size:14px}.ofd.daylight .timeline p{font-size:13px;line-height:1.6}.ofd.daylight .timeline small{font-size:12px}.ofd.daylight .bill-row{font-size:14px}.ofd.daylight .chat{font-size:14px;line-height:1.7}.ofd.daylight .chat small{font-size:12px}.ofd.daylight .menu-item{box-shadow:var(--shadow)}.ofd.daylight .food-tile{color:#287575;background:#e5f1ed}.ofd.daylight .food-tile svg{stroke-width:1.4px;width:28px;height:28px}.ofd.daylight .menu-item h3{font-size:15px}.ofd.daylight .menu-item p{font-size:12px}.ofd.daylight .menu-item.unavailable{opacity:1;background:#edf1f2}.ofd.daylight .switch{outline-offset:8px;background:#677c84;width:48px;min-width:48px;height:28px}.ofd.daylight .switch:before{width:22px;height:22px}.ofd.daylight .switch[aria-checked=true]{background:#187f87}.ofd.daylight .switch[aria-checked=true]:before{transform:translate(20px)}.ofd.daylight .toast{color:#fff;background:#193e49}.ofd.daylight .empty{color:#526771;background:#eaf2f3;padding:35px 20px}.ofd.daylight .empty strong{color:#254a55}.ofd.daylight .setup{grid-template-columns:43% 57%}.ofd.daylight .setup-art{color:var(--ink);border-right:1px solid var(--line);background:#e4f0f4;padding:42px 11%}.ofd.daylight .setup-art:before{opacity:1;background:url(/orderflow-daylight/daylight.webp) bottom/auto 66% no-repeat}.ofd.daylight .setup-art h2{letter-spacing:-.04em;max-width:360px;margin-top:65px;font-size:49px;font-weight:560;line-height:1.08}.ofd.daylight .setup-art p{color:#42606c;font-size:14px;line-height:1.7}.ofd.daylight .setup-art .setup-caption{color:#355965;padding-top:360px;font-size:12px}.ofd.daylight .setup-form{background:#f5f8f9;padding:42px 10% 60px}.ofd.daylight .setup-form h1{font-size:38px;font-weight:560}.ofd.daylight .setup-form>p{font-size:14px}.ofd.daylight .setup-form .setup-exit{align-items:center;min-height:44px;font-size:12px;display:flex}.ofd.daylight .field{font-size:12px;font-weight:500}.ofd.daylight .field input,.ofd.daylight .field select{background:#fff;border-color:#b7ced4;border-radius:10px;min-height:48px;padding:13px 15px;font-size:15px}.ofd.daylight .provider{background:#fff;border-radius:14px;min-height:90px}.ofd.daylight .provider.selected{background:#eef7f7;border-color:#0a7b85;box-shadow:0 0 0 1px #0a7b85}.ofd.daylight .provider strong{font-size:14px}.ofd.daylight .provider small{margin-top:4px;font-size:12px;line-height:1.5;display:block}.ofd.daylight .provider .provider-icon{color:#2a5e67;background:#d9e9ed;border-radius:9px}.ofd.daylight .setup-help{font-size:12px;line-height:1.7}.ofd.daylight .test-result{background:#f0f7f4;border-color:#bfd6d5}.ofd.daylight .test-result p{font-size:13px}.ofd.daylight .setup-progress{gap:12px;margin:38px 0 35px;padding:0;list-style:none;display:flex;position:relative}.ofd.daylight .setup-progress:before{content:"";background:#cadbdf;height:2px;position:absolute;top:18px;left:20px;right:20px}.ofd.daylight .setup-progress:after{content:"";width:calc(100% - 40px);height:2px;transform:scaleX(var(--progress));transform-origin:0;z-index:0;background:#14818a;transition:transform .3s;position:absolute;top:18px;left:20px}.ofd.daylight .setup-progress li{z-index:1;flex:1;min-width:0}.ofd.daylight .setup-progress button{text-align:left;color:#526771;flex-direction:column;align-items:start;gap:9px;width:100%;min-height:65px;padding:0;font-size:12px;display:flex}.ofd.daylight .setup-progress .step-box{background:#e2ecef;border:1px solid #baced4;border-radius:11px;place-items:center;width:38px;height:38px;font:12px OFDMono;display:grid}.ofd.daylight .setup-progress button[aria-current=step]{color:#155c66;font-weight:600}.ofd.daylight .setup-progress button[aria-current=step] .step-box{color:#233c17;background:#c6f645;border-color:#9ebd51;box-shadow:0 0 0 4px #f5f8f9}.ofd.daylight .setup-progress .complete .step-box{color:#fff;background:#176e78;border-color:#176e78}.ofd.daylight .setup-progress button:disabled{opacity:1;cursor:default}.ofd.daylight .setup-progress .step-box svg{width:16px}.ofd.daylight .setup-actions{margin-top:28px}.ofd.daylight .setup-actions .btn{min-height:48px}@media (max-width:1100px){.ofd.daylight .hero{min-height:830px}.ofd.daylight .hero-receipt{width:205px;bottom:95px;right:4%}.ofd.daylight .main{padding-left:24px;padding-right:24px}.ofd.daylight .flow-section{gap:35px}.ofd.daylight .setup-form{padding-left:7%;padding-right:7%}.ofd.daylight .setup-art h2{font-size:42px}.ofd.daylight .ticket{padding:17px}.ofd.daylight .sidebar-scene{display:none}}@media (max-width:760px){.ofd.daylight .labbar{padding:7px 15px;font-size:12px}.ofd.daylight .labbar .lab-label{display:none}.ofd.daylight .site-nav{height:76px;padding:0 6%}.ofd.daylight .site-nav .brand{font-size:23px}.ofd.daylight .site-nav .btn{min-height:42px;padding:10px 15px;font-size:12px}.ofd.daylight .hero{height:860px;min-height:0}.ofd.daylight .hero-copy{padding:108px 22px 0}.ofd.daylight .hero-copy .eyebrow{margin-bottom:21px;font-size:12px}.ofd.daylight .hero h1{font-size:clamp(37px,10.2vw,46px);line-height:1.02}.ofd.daylight .hero h1 span{color:#4f7380}.ofd.daylight .hero-copy p{max-width:310px;margin:20px auto;font-size:14px;line-height:1.6}.ofd.daylight .hero-actions{flex-direction:column;align-items:center;gap:10px}.ofd.daylight .hero-actions .btn{width:235px;min-height:44px;font-size:12px}.ofd.daylight .hero-image{object-position:center bottom;object-fit:cover;width:760px;max-width:none;height:420px;top:auto;bottom:20px;left:50%;transform:translate(-50%)}.ofd.daylight .hero:after{background:linear-gradient(#e6f1f5 0% 43%,#e6f1f500 64%,#f0f5f6 100%)}.ofd.daylight .hero-receipt{width:177px;padding:13px;bottom:69px;right:20px;transform:rotate(2deg)}.ofd.daylight .hero-receipt strong{margin:8px 0 4px;font-size:13px}.ofd.daylight .hero-receipt p{font-size:12px}.ofd.daylight .hero-receipt .receipt-state{margin-top:8px;padding-top:8px;font-size:12px}.ofd.daylight .hero-foot{font-size:12px;bottom:20px;left:6%;right:6%}.ofd.daylight .hero-foot .hero-proof{gap:12px}.ofd.daylight .hero-proof span{font-size:12px}.ofd.daylight .hero-proof span:last-child,.ofd.daylight .hero-foot>a{display:none}.ofd.daylight .section{padding:55px 7%}.ofd.daylight .flow-section{grid-template-columns:1fr;gap:18px}.ofd.daylight .flow-copy h2{margin-bottom:18px;font-size:36px}.ofd.daylight .flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ofd.daylight .flow-step{text-align:center;background:#fff;border:1px solid #c4d7dc;border-radius:12px;grid-template-columns:1fr;justify-items:center;gap:6px;min-height:48px;padding:10px 6px}.ofd.daylight .flow-step strong,.ofd.daylight .flow-step p{display:none}.ofd.daylight .flow-step .flow-short{color:#142c36;display:block}.ofd.daylight .flow-step[aria-pressed=true]{background:#e6f2f4;border-color:#087f89}.ofd.daylight .flow-mobile-desc{color:#455d68;background:#fff;border-color:#c9dbe0;display:block}.ofd.daylight .flow-preview{padding:20px}.ofd.daylight .flow-paper{min-height:280px;padding:22px}.ofd.daylight .flow-paper h3{font-size:24px}.ofd.daylight .flow-paper p{font-size:13px}.ofd.daylight .flow-preview>p{font-size:12px}.ofd.daylight .closing{margin:0 7% 50px;padding:27px;display:block}.ofd.daylight .closing h2{font-size:30px}.ofd.daylight .closing .btn{width:100%;margin-top:23px}.ofd.daylight .demo-split h2{font-size:37px}.ofd.daylight .sidebar{background:#e5eff1;padding:19px 16px 0}.ofd.daylight .side-links a{min-height:44px;padding:11px 10px;font-size:12px}.ofd.daylight .side-links a.active{border-radius:8px 8px 0 0;box-shadow:inset 0 -3px #148590}.ofd.daylight .sidebar-scene,.ofd.daylight .sidebar-scene+small{display:none}.ofd.daylight .main{padding:0 16px 30px}.ofd.daylight .workspace-top{margin-bottom:26px;font-size:12px}.ofd.daylight .workspace-top .row{gap:5px}.ofd.daylight .workspace-top .badge{padding:5px 7px;font-size:12px}.ofd.daylight .page-heading h1{font-size:31px}.ofd.daylight .page-heading p{font-size:13px;line-height:1.6}.ofd.daylight .metric{padding:17px}.ofd.daylight .metric>span{font-size:12px}.ofd.daylight .metric strong{font-size:29px}.ofd.daylight .metric small{font-size:12px;line-height:1.5;display:block}.ofd.daylight .panel{padding:20px}.ofd.daylight .panel-head h3{font-size:14px}.ofd.daylight .panel-head a{font-size:12px}.ofd.daylight .ticket{padding:24px}.ofd.daylight .ticket-items{min-height:0}.ofd.daylight .ticket-item{font-size:15px}.ofd.daylight .ticket-view{min-height:44px}.ofd.daylight .menu-item{gap:12px;padding:17px}.ofd.daylight .menu-item h3{font-size:13px}.ofd.daylight .menu-item p{font-size:12px}.ofd.daylight .switch{border:9px solid var(--panel);box-sizing:content-box;background-clip:padding-box;width:44px;min-width:44px;height:26px;margin-right:-10px}.ofd.daylight .switch:before{width:20px;height:20px}.ofd.daylight .switch[aria-checked=true]:before{transform:translate(18px)}.ofd.daylight .food-tile{width:40px;height:46px}.ofd.daylight .food-tile svg{width:24px}.ofd.daylight .setup{display:block}.ofd.daylight .setup-art{display:none}.ofd.daylight .setup-form{padding:23px 7% 45px}.ofd.daylight .setup-form h1{font-size:33px}.ofd.daylight .field input,.ofd.daylight .field select{font-size:16px}.ofd.daylight .setup-progress{gap:8px;margin:22px 0 28px}.ofd.daylight .setup-progress button{font-size:12px}.ofd.daylight .provider{gap:12px;padding:16px}.ofd.daylight .provider strong{font-size:13px}.ofd.daylight .provider small,.ofd.daylight .demo-call .badge{font-size:12px}.ofd.daylight .kitchen-tab{background:#fff;border-color:#c8d9dd}.ofd.daylight .kitchen-tab[aria-selected=true]{color:#fff;background:#1c505b;border-color:#1c505b}}@media (prefers-reduced-motion:reduce){.ofd.daylight .hero-image,.ofd.daylight .hero-receipt{transform:none!important}.ofd.daylight .hero-copy{opacity:1!important;transform:none!important}.ofd.daylight .setup-progress:after{transition:none}@media (max-width:760px){.ofd.daylight .hero-image{transform:translate(-50%)!important}}}.ofd.daylight .hero .hero-copy h1 span{color:#517580}@media (max-width:1000px) and (min-width:761px){.ofd.daylight .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ofd.daylight .kitchen-layout{grid-template-columns:1fr}.ofd.daylight .ticket-items{min-height:0}}.ofd.daylight .main.reveal{animation:none}.ofd.daylight .toast button{min-height:44px;color:inherit;margin-left:18px;font-weight:600;text-decoration:underline}.ofd.daylight .recovery-tools{align-items:start;gap:16px;margin:0 0 20px;display:flex}.ofd.daylight .recovery-tools details{border:1px solid var(--line);border-radius:10px;flex:1;padding:12px}.ofd.daylight .recovery-tools summary{cursor:pointer;min-height:24px}.ofd.daylight .recall-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.ofd.daylight .orders-table td:last-child a{place-items:center;min-width:44px;min-height:44px;display:grid}.ofd.daylight .main h1:focus{outline:none}.ofd.daylight .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:760px){.ofd.daylight.view-kitchen .sidebar{padding-top:10px}.ofd.daylight.view-kitchen .sidebar .brand,.ofd.daylight.view-kitchen .location,.ofd.daylight.view-kitchen .profile,.ofd.daylight.view-kitchen .side-bottom{display:none}.ofd.daylight.view-kitchen .workspace-top{margin-bottom:12px}.ofd.daylight.view-kitchen .page-heading{margin-bottom:14px}.ofd.daylight.view-kitchen .page-heading h1{font-size:25px}.ofd.daylight.view-kitchen .page-heading p,.ofd.daylight.view-kitchen .page-heading .eyebrow{display:none}.ofd.daylight.view-kitchen .filters{gap:6px;margin-bottom:10px}.ofd.daylight.view-kitchen .filter{padding:8px 10px}.ofd.daylight.view-kitchen .ticket{padding:18px}.ofd.daylight.view-kitchen .ticket-item{font-size:18px}.ofd.daylight.view-kitchen .ticket-item small{font-size:15px}.ofd.daylight .recovery-tools{flex-wrap:wrap;font-size:12px}.ofd.daylight .recovery-tools details{min-width:180px}.ofd.daylight .recall-row{flex-wrap:wrap}}.ofd.daylight .hero-world{overflow:hidden}.ofd .hero-world>img{object-fit:cover;object-position:center top;transform-origin:50% 70%;width:100%;height:100%;animation:18s ease-in-out infinite alternate city-breathe}.ofd .city-signals{pointer-events:none;position:absolute;inset:0}.ofd .city-signals>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ofd .signal-route{fill:none;stroke:#087f89;stroke-width:2px;stroke-dasharray:3 19;stroke-linecap:round;opacity:.55;animation:5s linear infinite route-travel}.ofd .hub-ring{fill:none;stroke:#087f89;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite hub-pulse}.ofd .signal{z-index:2;color:#087f89;width:38px;height:38px;font:600 19px var(--font-satoshi);background:#fff;border:1px solid #9fc5cb;border-radius:50%;place-items:center;animation:4s ease-in-out infinite signal-float;display:grid;position:absolute;box-shadow:0 6px 20px #142c3618}.ofd .signal i{white-space:nowrap;color:#25434c;font:500 11px var(--font-satoshi);background:#fff;border-radius:7px;padding:6px 9px;position:absolute;top:45px;box-shadow:0 3px 10px #142c3612}.ofd .signal-call{animation-delay:-1s;top:40%;left:17%}.ofd .signal-confirm{animation-delay:-2.4s;top:53%;left:48%}.ofd .signal-kitchen{animation-delay:-3s;top:42%;left:78%}.ofd.daylight .motion-toggle{z-index:5;color:#25434c;background:#f4faf9ed;border:1px solid #a8c7ce;border-radius:22px;min-height:44px;padding:9px 13px;font-size:12px;position:absolute;bottom:65px;left:7%}.ofd .hero.motion-paused .hero-world>img,.ofd .hero.motion-paused .city-signals *{animation-play-state:paused!important}@keyframes city-breathe{to{transform:scale(1.025)translateY(-5px)}}@keyframes signal-float{50%{transform:translateY(-10px)}}@keyframes route-travel{to{stroke-dashoffset:-110px}}@keyframes hub-pulse{0%{opacity:.65;transform:scale(.7)}to{opacity:0;transform:scale(2.3)}}@media (max-width:760px){.ofd .signal{width:30px;height:30px;font-size:15px}.ofd .signal i{font-size:12px;top:35px}.ofd .signal-call{top:35%;left:29%}.ofd .signal-confirm{top:53%;left:48%}.ofd .signal-kitchen{top:36%;left:67%}.ofd.daylight .motion-toggle{max-width:140px;bottom:70px;left:20px}.ofd .city-signals>svg{opacity:.5}}@media (prefers-reduced-motion:reduce){.ofd .hero-world>img,.ofd .city-signals *{animation:none!important}.ofd .hub-ring{opacity:.4}.ofd.daylight .motion-toggle{display:none}}.ofd .signal>svg{width:18px;height:18px;position:static}.ofd.night:not(.daylight) .hero-world{overflow:hidden}.ofd.night:not(.daylight) .hero-world>img{object-position:center 66%}.ofd.night:not(.daylight) .signal{color:#3fd8ff;background:#17273b;border-color:#3fd8ff66;box-shadow:0 6px 20px #00000045}.ofd.night:not(.daylight) .signal i{color:#e2f4ff;background:#17273b;box-shadow:0 4px 12px #00000038}.ofd.night:not(.daylight) .signal-route,.ofd.night:not(.daylight) .hub-ring{stroke:#3fd8ff}.ofd.night:not(.daylight) .city-signals{top:40%}.ofd.night:not(.daylight) .motion-toggle{z-index:5;color:#e2f4ff;background:#152338;border:1px solid #ffffff40;border-radius:24px;min-height:44px;padding:10px 15px;font-size:12px;position:absolute;bottom:70px;left:5%}.ofd .font-toggle{z-index:5;color:#e2f4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#152338e6;border:1px solid #ffffff38;border-radius:22px;min-height:40px;padding:8px 14px;font:500 11px OFDMono,monospace;transition:transform .2s,border-color .2s;position:absolute;bottom:122px;left:5%}.ofd.daylight .font-toggle{color:#25434c;background:#f4faf9ed;border-color:#a8c7ce;bottom:117px;left:7%}.ofd .font-toggle:hover{border-color:var(--cyan);transform:translateY(-1px)}.ofd[data-hero-font=bricolage].night .hero h1,.ofd[data-hero-font=bricolage].daylight .hero h1{font-family:var(--font-cabinet),var(--font-satoshi),sans-serif;letter-spacing:-.042em;font-weight:680}.ofd[data-hero-font=bricolage].night .hero .hero-copy h1 span,.ofd[data-hero-font=bricolage].daylight .hero .hero-copy h1 span{font-family:var(--font-cabinet),var(--font-satoshi),sans-serif;letter-spacing:-.04em;font-size:1em;font-style:normal;font-weight:520}.ofd[data-hero-font=serif].night .hero h1,.ofd[data-hero-font=serif].daylight .hero h1{font-family:var(--font-cabinet),sans-serif;letter-spacing:-.022em;font-size:clamp(56px,6.5vw,98px);font-style:normal;font-weight:400;line-height:.98}.ofd[data-hero-font=serif].night .hero .hero-copy h1 span,.ofd[data-hero-font=serif].daylight .hero .hero-copy h1 span{font-family:var(--font-cabinet),sans-serif;letter-spacing:-.02em;font-size:1em;font-style:normal}.ofd[data-hero-font=sans].night .hero h1,.ofd[data-hero-font=sans].daylight .hero h1{font-family:var(--font-satoshi),Arial,sans-serif;letter-spacing:-.055em;font-weight:600}.ofd[data-hero-font=sans].night .hero .hero-copy h1 span,.ofd[data-hero-font=sans].daylight .hero .hero-copy h1 span{font-family:var(--font-satoshi),Arial,sans-serif;letter-spacing:-.052em;font-size:1em;font-style:normal;font-weight:500}.ofd.motion-landing .wave i{animation:1.6s ease-in-out infinite call-wave;animation-delay:var(--beat)}.ofd.motion-landing .feature,.ofd.motion-landing .btn,.ofd.motion-landing .flow-step .step-num{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s}.ofd.motion-landing .flow-step[aria-pressed=true] .step-num{transform:scale(1.06)}.ofd.motion-landing .hero-foot>a{text-underline-offset:5px}.ofd.motion-landing .hero-foot>a:hover{text-decoration:underline}.ofd.motion-landing .motion-toggle:focus-visible,.ofd.motion-landing .font-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.ofd.motion-landing .motion-offscreen *{animation-play-state:paused!important}.ofd[data-motion-paused=true].motion-landing *{transition:none!important;animation-play-state:paused!important}.ofd[data-motion-paused=true].motion-landing .hero-copy{opacity:1!important;transform:none!important}.ofd[data-motion-paused=true].motion-landing .hero-image,.ofd[data-motion-paused=true].motion-landing .hero-receipt{transform:none!important}@media (hover:hover){.ofd.motion-landing .feature:hover{border-color:var(--cyan);transform:translateY(-5px)}.ofd.motion-landing .btn:hover{transform:translateY(-2px)}}@keyframes call-wave{50%{transform:scaleY(.35)}}@media (max-width:760px){.ofd.night:not(.daylight) .hero-world>img{object-position:center bottom}.ofd.night:not(.daylight) .city-signals{top:0}.ofd.night:not(.daylight) .signal-call{top:35%;left:29%}.ofd.night:not(.daylight) .signal-kitchen{top:36%;left:67%}.ofd .font-toggle{min-height:38px;padding:7px 11px;font-size:12px;bottom:122px;left:20px}.ofd.daylight .font-toggle{bottom:122px;left:20px}.ofd[data-hero-font=serif].night .hero h1,.ofd[data-hero-font=serif].daylight .hero h1{font-size:clamp(42px,11vw,52px)}.ofd[data-motion-paused=true].daylight .hero-image,.ofd[data-motion-paused=true].night .hero-image{transform:translate(-50%)!important}}@media (prefers-reduced-motion:reduce){.ofd.motion-landing .motion-toggle{display:none}.ofd.motion-landing .wave i{animation:none!important}.ofd.motion-landing .feature:hover,.ofd.motion-landing .btn:hover,.ofd.motion-landing .flow-step .step-num,.ofd .font-toggle:hover{transform:none!important}}.ofd .call-sim{z-index:120;border:1px solid var(--line);background:var(--panel);width:min(380px,100vw - 32px);color:var(--ink);border-radius:16px;padding:18px;animation:.35s cubic-bezier(.2,.8,.2,1) call-in;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 60px #0003}.ofd .call-sim-head{align-items:center;gap:12px;display:flex}.ofd .call-sim-head>div{flex:1;gap:2px;display:grid}.ofd .call-sim-head small,.ofd .call-sim-head time{color:var(--muted);font-size:12px}.ofd .call-sim-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:1.4s ease-out infinite call-ring}.ofd .call-sim-wave{align-items:center;gap:3px;height:40px;margin:14px 0;display:flex}.ofd .call-sim-wave i{height:var(--h);background:var(--cyan);opacity:.7;animation:call-wave 1s ease-in-out var(--beat) infinite;border-radius:3px;flex:1}.ofd .call-sim-lines{gap:8px;min-height:108px;font-size:12px;line-height:1.5;display:grid}.ofd .call-sim-line{background:var(--panel2);border-radius:10px;gap:2px;padding:8px 10px;animation:.3s ease-out call-in;display:grid}.ofd .call-sim-line small{letter-spacing:.08em;color:var(--muted);font-size:12px}.ofd .call-sim-line.orderflow{border-left:3px solid var(--cyan)}.ofd .call-sim-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}@keyframes call-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes call-ring{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@media (max-width:760px){.ofd .call-sim{width:auto;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.ofd .call-sim,.ofd .call-sim-line,.ofd .call-sim-dot,.ofd .call-sim-wave i{animation:none}}
.ofd{min-height:100svh}.ofd .labbar .theme-switch{align-items:center;gap:4px;display:flex}.ofd .labbar .theme-switch button{min-width:44px;min-height:28px;font:inherit;color:inherit;opacity:.7;border:1px solid;border-radius:14px;padding:2px 12px}.ofd .labbar .theme-switch button[aria-pressed=true]{opacity:1;background:var(--accent);border-color:var(--accent);color:var(--accentInk)}.ofd .labbar a.back{color:inherit}@media (max-width:760px){.ofd .labbar{justify-content:space-between}}.ofd .site-links a:hover,.ofd .site-links a:focus-visible{color:var(--cyan)}.ofd .sample-note{color:var(--muted);margin:16px 0 0;font-size:12px}.ofd .split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:65px;display:grid}.ofd .lede{max-width:430px;margin-top:22px;font-size:15px;line-height:1.65}.ofd .boundary{border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--panel);border-radius:10px;max-width:430px;margin-top:22px;padding:14px 16px;font-size:13px;line-height:1.6}.ofd .boundary strong{color:var(--ink)}.ofd .rows{margin:0;padding:0;list-style:none}.ofd .rows li{border-top:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px 0;display:grid}.ofd .rows li:last-child{border-bottom:1px solid var(--line)}.ofd .rows .step-num{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;font:12px OFDMono,monospace;display:grid}.ofd .rows h3{margin-bottom:8px;font-size:19px}.ofd .rows p{max-width:480px;font-size:14px;line-height:1.65}.ofd .status h2{max-width:none}.ofd .status .lede{max-width:640px}.ofd .pricing-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px;display:flex}.ofd .pricing-head>p{max-width:360px;font-size:14px;line-height:1.65}.ofd .price-list{border-top:1px solid var(--line);gap:0;display:grid}.ofd .price-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.6fr) 170px 190px auto;align-items:center;gap:32px;padding:28px 0;display:grid}.ofd .price-row h3{margin-bottom:6px;font-size:19px}.ofd .price-row p{font-size:13px}.ofd .price-row strong{font:560 clamp(34px,3.4vw,48px)/1 var(--display);letter-spacing:-.04em;color:var(--ink)}.ofd .price-row strong small{font:400 13px var(--font-satoshi),sans-serif;letter-spacing:0;color:var(--muted);margin-left:4px}.ofd .price-row span{gap:2px;font-size:14px;display:grid}.ofd .price-row span small{color:var(--muted);font-size:12px}.ofd .price-terms{grid-template-columns:1fr 1fr;gap:65px;margin-top:36px;font-size:13px;line-height:1.65;display:grid}.ofd .price-terms ul{color:var(--muted);margin:10px 0 0;padding:0;list-style:none}.ofd .price-terms li{align-items:center;gap:10px;margin:6px 0;display:flex}.ofd .price-terms li svg{fill:none;width:16px;height:16px;stroke:var(--cyan);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ofd .textlink{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:6px;margin-top:10px;padding-top:10px;font-weight:600;text-decoration-thickness:2px;display:inline-block}.ofd .textlink:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.ofd .faq-list details{border-top:1px solid var(--line)}.ofd .faq-list details:last-child{border-bottom:1px solid var(--line)}.ofd .faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.ofd .faq-list summary::-webkit-details-marker{display:none}.ofd .faq-list summary svg{flex:none;transition:transform .25s}.ofd .faq-list details[open] summary svg{transform:rotate(90deg)}.ofd .faq-list details p{max-width:560px;padding:0 40px 22px 0;font-size:14px;line-height:1.65}.ofd .closing-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:980px){.ofd .split{grid-template-columns:1fr;gap:28px}.ofd .price-terms{grid-template-columns:1fr;gap:24px}.ofd .price-row{grid-template-columns:1fr auto;gap:14px 24px}.ofd .price-row>span{grid-column:1}.ofd .price-row .btn{grid-column:2;justify-self:end}}@media (max-width:760px){.ofd .pricing-head{flex-direction:column;align-items:start;gap:16px}.ofd .price-row{grid-template-columns:1fr}.ofd .price-row .btn{grid-column:1;justify-self:start}.ofd .closing{flex-direction:column;align-items:flex-start}.ofd .closing-actions{justify-content:flex-start}.ofd .faq-list details p{padding-right:0}}.ofd .hero-foot{align-items:flex-end}.ofd .hero-foot-actions{align-items:center;gap:18px;display:flex}.ofd.ofd.ofd .hero-foot .motion-toggle{border:1px solid var(--line);background:var(--panel);max-width:none;min-height:44px;color:var(--ink);font:500 11px var(--font-satoshi),sans-serif;text-transform:none;letter-spacing:0;border-radius:22px;padding:9px 14px;position:static;bottom:auto;left:auto}.ofd .hero-foot-actions>a{align-items:center;min-height:44px;display:inline-flex}.ofd.night:not(.daylight) .hero-actions .btn:not(.primary){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1421d9}@media (max-width:760px){.ofd .hero-foot{flex-direction:column;align-items:flex-start;gap:6px}.ofd .hero-foot-actions{justify-content:space-between;width:100%}}.ofd .section.split,.ofd .section.status{padding-top:52px;padding-bottom:52px}.ofd #pricing,.ofd #faq{padding-top:60px;padding-bottom:60px}.ofd .hero-foot .hero-proof{gap:28px;display:flex}.ofd .hero-proof span{letter-spacing:.04em;text-transform:none;font-family:var(--font-satoshi),sans-serif;align-items:center;gap:8px;font-size:12px;display:flex}.ofd .hero-proof svg{width:14px;height:14px;color:var(--cyan)}@media (max-width:760px){.ofd .hero-foot .hero-proof{gap:12px}.ofd .hero-proof span{font-size:12px}.ofd .hero-proof span:last-child{display:flex}.ofd.ofd .signal-confirm{top:50%;left:28%}}.ofd{--service-warm:var(--bg);--service-ink:var(--ink);--service-paper:var(--panel);--service-dark-line:var(--line);--service-graphite:var(--cyan)}.ofd [tabindex="-1"]:focus{outline:none}.ofd.night:not(.daylight) .site-nav{top:0}.ofd .theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.ofd .theme-toggle:hover{background:var(--panel2)}.ofd .cta-short{display:none}.ofd .hero-note{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:100px;margin-top:14px;padding:5px 12px;font-size:12px;display:inline-block}.ofd .cta-row{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:760px){.ofd .site-nav .row{gap:2px;margin-left:0!important}.ofd .site-nav .login{align-items:center;min-height:44px;padding:0 10px;font-size:12px;display:inline-flex}.ofd .cta-long{display:none}.ofd .cta-short{display:inline}}.ofd .recorded-call{background:var(--bg);color:var(--ink);padding:90px 7%}.ofd .recorded-call .service-wrap{max-width:none;margin:0}.ofd .recorded-call .recorded-call-eyebrow{letter-spacing:.15em;color:var(--muted);font-size:12px;font-weight:600}.ofd .recorded-call h2{font-family:var(--display);letter-spacing:-.04em;max-width:730px;font-size:clamp(36px,4.2vw,60px);font-weight:560;line-height:1.04}.ofd .recorded-call p{color:var(--muted)}.ofd .recorded-call .recorded-call-current p,.ofd .recorded-call .recorded-call-transcript li{color:var(--ink)}.ofd .recorded-call .recorded-call-meta{color:var(--muted)}.ofd .recorded-call audio{border-radius:100px}.ofd .recorded-call-ticket{border:1px solid var(--line);border-top:3px solid var(--cyan);background:var(--panel);border-radius:16px}.ofd .recorded-call-item [data-modifier=true]{border-radius:6px}.ofd .recorded-call-try,.ofd .recorded-call-error button,.ofd .recorded-call-steps button{border-color:var(--line);color:var(--ink);border-radius:100px}.ofd .recorded-call-steps button[aria-pressed=true]{background:var(--accent);color:var(--accentInk);border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.ofd .recorded-call-try:hover,.ofd .recorded-call-steps button:not([aria-pressed=true]):hover{background:var(--panel2)}}@media (max-width:760px){.ofd .recorded-call{padding:58px 7%}}.ofd .lead{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:65px;display:grid}.ofd .lead-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px}.ofd .lead h2{font-size:clamp(36px,4.2vw,56px)}.ofd .service-lead-form,.ofd .enquiry-followthrough{gap:16px;display:grid}.ofd .service-lead-form label,.ofd .enquiry-followthrough label{color:var(--ink);gap:8px;font-size:12px;font-weight:600;display:grid}.ofd .enquiry-followthrough label>span{color:var(--muted);font-weight:400}.ofd .service-lead-form input,.ofd .enquiry-followthrough input,.ofd .enquiry-followthrough select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:12px;padding:0 16px;font-size:16px}.ofd .service-lead-form input::placeholder{color:var(--muted)}.ofd .service-action{border:1px solid var(--accent);background:var(--accent);min-height:52px;color:var(--accentInk);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .2s;display:inline-flex}.ofd .service-action:hover{transform:translateY(-2px)}.ofd .service-action:disabled{opacity:.6;cursor:wait;transform:none}.ofd .service-lead-form .service-action{width:100%;margin-top:4px}.ofd .service-form-status{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.ofd .service-form-status a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.ofd .service-form-status[role=alert]{color:#a3281d}.ofd.night:not(.daylight) .service-form-status[role=alert]{color:#ff9f8f}.ofd .enquiry-details-skip{color:var(--ink)}@media (max-width:980px){.ofd .lead{grid-template-columns:1fr;gap:28px}}.ofd .recorded-call{padding:70px 7% 24px}.ofd .recorded-call h2{margin-bottom:18px}.ofd .recorded-call-try{border-color:var(--muted);padding:12px 20px}@media (max-width:760px){.ofd .recorded-call{padding:52px 7% 16px}.ofd.ofd .signal-confirm{left:34%}}@media (max-width:360px){.ofd .site-nav .login{display:none}}.ofd h1,.ofd h2,.ofd .recorded-call h2,.ofd.night .hero h1,.ofd.daylight .hero h1{font-family:var(--font-cabinet),sans-serif;letter-spacing:-.022em;font-weight:700}.ofd.night .hero .hero-copy h1 span,.ofd.daylight .hero .hero-copy h1 span{font-family:var(--font-cabinet),sans-serif;letter-spacing:-.022em;font-size:1em;font-style:normal;font-weight:500}.ofd.night:not(.daylight) .hero-copy>p:not(.hero-note){color:#edf2f8;background:#0c1421e8;border-radius:14px;max-width:550px;padding:10px 16px;font-size:16px}.ofd.daylight .hero-copy>p:not(.hero-note){color:#243f4b;background:#edf5f8ed;border-radius:14px;max-width:550px;padding:10px 16px;font-size:16px}.ofd.night .hero-copy{will-change:auto}.ofd .hero-receipt,.ofd.daylight .hero-receipt{will-change:auto;bottom:108px;right:4%;transform:none}.ofd .signal-kitchen,.ofd.night:not(.daylight) .signal-kitchen{top:32%;left:65%}.ofd .hero-foot .hero-proof{flex-wrap:wrap;row-gap:8px}.ofd .hero-mobile-signals{display:none}.ofd .recorded-call{padding-top:48px;padding-bottom:24px}.ofd #built-for-you{padding-top:48px}.ofd .recorded-call-current{padding:14px 0}.ofd .rows h3,.ofd .price-row h3{font-family:var(--font-cabinet),sans-serif;font-weight:700}.ofd .hero-receipt,.ofd .flow-step,.ofd .scenario-pill,.ofd .faq-list summary,.ofd .price-row,.ofd .recorded-call-ticket{transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s,border-color .22s}@media (hover:hover) and (pointer:fine){.ofd .hero-receipt:hover{border-color:var(--cyan);transform:translateY(-4px)}.ofd .flow-step:hover,.ofd .scenario-pill:hover,.ofd .faq-list summary:hover{background:var(--panel2)}.ofd .price-row:hover{background:var(--panel)}.ofd .recorded-call-ticket:hover{transform:translateY(-3px)}}.ofd .btn:active,.ofd .hero-receipt:active{transform:scale(.98)}@supports (animation-timeline:scroll()){@media (min-width:761px) and (prefers-reduced-motion:no-preference){.ofd.motion-landing:not([data-motion-paused=true]) .hero-image{animation:linear both hero-depth;animation-timeline:scroll(root);animation-range:0 850px}}}@keyframes hero-depth{0%{transform:translateY(0)scale(1)}to{transform:translateY(28px)scale(1.035)}}@media (min-width:761px){.ofd.daylight .signal-kitchen{top:55%;left:52%}}@media (min-width:761px) and (max-width:1100px){.ofd .signal-kitchen,.ofd.night:not(.daylight) .signal-kitchen{top:32%;left:52%}}@media (max-width:760px){.ofd.night .hero,.ofd.daylight .hero{height:auto;min-height:0;padding-bottom:0}.ofd.night .hero-copy,.ofd.daylight .hero-copy{padding:98px 20px 0}.ofd.night .hero h1,.ofd.daylight .hero h1{font-size:clamp(34px,9.8vw,40px);line-height:1.04}.ofd.night .hero-copy .eyebrow,.ofd.daylight .hero-copy .eyebrow{margin-bottom:18px}.ofd .hero .hero-copy .hero-note{margin:12px auto 0;padding:5px 10px;font-size:12px}.ofd.night .hero-actions,.ofd.daylight .hero-actions{flex-flow:wrap;justify-content:center;gap:8px}.ofd.night .hero-actions .btn,.ofd.daylight .hero-actions .btn{width:auto;min-height:44px;padding:11px 14px;font-size:12px}.ofd.night .hero-copy>p:not(.hero-note),.ofd.daylight .hero-copy>p:not(.hero-note){max-width:340px;margin:16px auto 18px;padding:8px 10px;font-size:15px;line-height:1.6}.ofd .hero-receipt,.ofd.daylight .hero-receipt{width:177px;margin:0 20px 22px auto;padding:13px;display:block;position:relative;bottom:auto;right:auto}.ofd .hero-foot,.ofd.daylight .hero-foot{gap:8px;margin:0 20px 20px;position:relative;bottom:auto;left:auto;right:auto}.ofd .hero-foot .hero-proof{gap:8px 12px}.ofd .hero-proof span,.ofd.daylight .hero-proof span{font-size:12px}.ofd.daylight .hero-proof span:last-child{display:flex}.ofd .hero .city-signals>.signal{display:none}.ofd .hero-mobile-signals{z-index:3;text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;width:calc(100% - 40px);height:92px;margin:0 20px;display:grid;position:relative}.ofd .hero-mobile-signals>span{align-content:center;justify-items:center;gap:8px;min-width:0;display:grid}.ofd .hero-mobile-signals svg{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--cyan);border-radius:50%;padding:6px;animation:4s ease-in-out infinite signal-float}.ofd .hero-mobile-signals>span:nth-child(2) svg{animation-delay:-1s}.ofd .hero-mobile-signals>span:nth-child(3) svg{animation-delay:-2s}.ofd .hero-mobile-signals i{color:var(--ink);font:500 10px var(--font-satoshi),sans-serif;font-style:normal}.ofd.night .hero-image,.ofd.daylight .hero-image{height:370px;bottom:72px}.ofd .recorded-call,.ofd #built-for-you{padding-top:36px}}@media (prefers-reduced-motion:reduce){.ofd .hero-image,.ofd .hero-world>img,.ofd .city-signals *,.ofd .hero-mobile-signals svg{animation:none!important}.ofd .hero-receipt,.ofd .recorded-call-ticket,.ofd .btn{transition:none!important}.ofd .hero-receipt:hover,.ofd .hero-receipt:active,.ofd .recorded-call-ticket:hover,.ofd .btn:hover,.ofd .btn:active,.ofd .service-action:hover,.ofd .flow-step:hover{transform:none!important}.ofd .flow-step,.ofd .scenario-pill,.ofd .faq-list summary,.ofd .price-row{transition:none!important}}.ofd .city-signals{contain:layout paint}.ofd .city-signals>svg{will-change:transform}@media (pointer:coarse),(max-width:760px){.ofd .signal-route,.ofd .hub-ring,.ofd .hero-world>img{animation:none!important}.ofd .hub-ring{opacity:.35}.ofd.night .hero-copy .eyebrow,.ofd .hero-receipt,.ofd.daylight .hero-receipt,.ofd .font-toggle,.ofd.night:not(.daylight) .hero-actions .btn:not(.primary){-webkit-backdrop-filter:none}.ofd.night:not(.daylight) .hero-copy .eyebrow{background:#132236f0}.ofd.night:not(.daylight) .hero-receipt{background:#121f30fa}.ofd.night:not(.daylight) .hero-actions .btn:not(.primary){background:#0c1421f2}}.ofd.motion-landing :is(.btn,.scenario-pill,.motion-toggle){font-size:13px}.ofd.motion-landing :is(.hero-note,.hero-receipt p,.receipt-state,.hero-proof span,.flow-node span,.flow-paper footer span,.flow-preview>p,.demo-call .good,.demo-call .mono,.price-row small,.footer p){font-size:12.5px}.ofd.motion-landing :is(.eyebrow,.hero-receipt .label,.flow-label,.recorded-call-eyebrow,.badge,.transcript small){font-size:12px}@media (max-width:760px){.ofd.night .hero-actions .btn,.ofd.daylight .hero-actions .btn{padding:11px 15px;font-size:13px}.ofd .hero .hero-copy .hero-note{font-size:12.5px}.ofd .hero-proof span,.ofd.daylight .hero-proof span,.ofd .hero-mobile-signals i{font-size:12px}}.ofd.ofd.ofd .hero-foot .motion-toggle,.ofd.ofd.ofd .demo-call .row .mono{font-size:12.5px}.ofd .recorded-call-item [data-modifier=true]{background:0 0}.ofd .recorded-call-item [data-modifier=true]>span[data-current=true]{color:#141815;background:#dfff8f;border-radius:6px;place-self:center end;padding:3px 9px}.ofd .recorded-call-try{border:1px solid var(--line);background:var(--panel)}@media (max-width:760px){.ofd .hero-receipt,.ofd.daylight .hero-receipt{width:214px}.ofd.night .hero-actions .btn,.ofd.daylight .hero-actions .btn{padding:11px 12px}.ofd .hero-mobile-signals i{font-size:12px;line-height:1.25}.ofd .demo-call .good{white-space:nowrap;font-size:12px}.ofd.ofd.motion-landing .scenario-pill{white-space:nowrap;padding-inline:10px;font-size:12px}}.ofd.night:not(.daylight) #how-it-works.flow-section{background:linear-gradient(var(--bg),#0f1a2b)}.ofd.daylight #how-it-works.flow-section{background:0 0}.ofd.ofd #how-it-works :is(img,svg){filter:none}.ofd .hero-foot-actions a{font-family:var(--font-satoshi),sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.ofd .faq-toggle{border:1px solid var(--line);border-radius:50%;flex:none;width:28px;height:28px;position:relative}.ofd .faq-toggle:before,.ofd .faq-toggle:after{content:"";background:currentColor;width:11px;height:1.5px;transition:rotate .25s;position:absolute;top:50%;left:50%;translate:-50% -50%}.ofd .faq-toggle:after{rotate:90deg}.ofd .faq-list details[open] .faq-toggle:after{rotate:0deg}.ofd .recorded-call audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}.ofd.daylight .recorded-call audio{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ofd .recorded-call-try{border-color:var(--muted)}@media (max-width:760px){.ofd .hero-receipt,.ofd.daylight .hero-receipt{width:auto;margin:0 20px 22px}}@media (prefers-reduced-motion:reduce){.ofd .faq-toggle:after{transition:none}}.ofd.daylight .site-nav{top:0}@media (min-width:1101px){.ofd.daylight .signal-kitchen{top:44%;left:68%}}.ofd.daylight .hero-mobile-signals i{background:#ffffffe6;border-radius:6px;padding:2px 6px}@media (max-width:760px){.ofd.daylight .hero-foot .hero-proof{background:#ffffffe0;border-radius:12px;padding:8px 10px}.ofd.daylight .hero-copy .eyebrow{color:#1f4f5a;background:#ffffffeb}}.ofd .recorded-call-seek::-webkit-slider-thumb{background:var(--accent)}.ofd .recorded-call-seek::-moz-range-thumb{background:var(--accent)}.ofd.daylight .recorded-call-seek::-webkit-slider-thumb{background:#142008}.ofd.daylight .recorded-call-seek::-moz-range-thumb{background:#142008}.ofd .brand .accent{color:var(--accent)}.ofd.night:not(.daylight) .hero-mobile-signals i{background:#0c1421e6;border-radius:6px;padding:2px 6px}@media (min-width:761px){.ofd.daylight .hero-foot .hero-proof{background:#ffffffe0;border-radius:12px;padding:7px 12px}.ofd.night:not(.daylight) .hero-foot .hero-proof{background:#0c1421d9;border-radius:12px;padding:7px 12px}}.ofd.ofd .demo-call .row .btn{min-height:40px;font-size:13px}.ofd.night.daylight{--accent:#c6ff2e;--accentInk:#142008}.ofd .site-nav,.ofd.daylight .site-nav,.ofd .section,.ofd.daylight .section{padding-inline:7%}.ofd .hero-foot{left:7%;right:7%}@media (max-width:760px){.ofd .site-nav,.ofd.daylight .site-nav{padding-inline:7%}.ofd .hero-foot,.ofd.daylight .hero-foot{margin-inline:7%}}.ofd .city-signals{z-index:2}.ofd.ofd .signal i{font-size:12px}.ofd.ofd .site-nav .brand{letter-spacing:-1px;font-size:22px}.ofd.daylight .sidebar .brand .accent{color:#315622}.ofd.daylight .site-nav{color:#f4f7fc;background:#0c1421;border-bottom:1px solid #29394c;max-width:none}.ofd.daylight .site-nav :is(.brand,.login,.site-links a),.ofd.daylight .site-nav .brand-mark{color:#f4f7fc}.ofd.daylight .site-nav .theme-toggle{color:#f4f7fc;border-color:#3a4c63}.ofd.daylight .site-nav .theme-toggle:hover{background:#17273b}.ofd.daylight .site-nav :is(.site-links a,.login):is(:hover,:focus-visible){color:#c6ff2e}.ofd .recorded-call:has(.recorded-call-transcript[open]) .recorded-call-current{display:none}.ofd .recorded-call-transcript li{border-left:2px solid #0000;padding-left:14px}.ofd .recorded-call-transcript li[data-current=true]{border-left-color:var(--accent)}.ofd .recorded-call-actions{margin-top:20px}.ofd .recorded-call-correction{margin-top:32px}.ofd .demo-call .row:has(.demo-status){flex-wrap:wrap;gap:10px 12px}@media (max-width:760px){.ofd .orders-table,.ofd .orders-table tbody{white-space:normal;display:block}.ofd .orders-table thead{display:none}.ofd .orders-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"guest status arrow""id total arrow";align-items:center;column-gap:12px;padding:12px 0;display:grid}.ofd .orders-table tr:last-child{border:0}.ofd .orders-table td{border:0;padding:0;display:block}.ofd .orders-table td:first-child{color:var(--muted);grid-area:id}.ofd .orders-table td:nth-child(2){grid-area:guest;font-size:13px;font-weight:600}.ofd .orders-table td:nth-child(3){display:none}.ofd .orders-table td:nth-child(4){grid-area:total;justify-self:end}.ofd .orders-table td:nth-child(5){grid-area:status;justify-self:end}.ofd .orders-table td:last-child{grid-area:arrow;justify-self:end}}.ofd.ofd .chart-labels,.ofd.ofd .chart-summary span,.ofd.ofd .badge,.ofd.ofd .orders-table th{font-size:12px}.ofd .chart-legend{color:var(--muted);align-items:center;gap:8px;margin:12px 0 0;font-size:12px;display:flex}.ofd .chart-legend i{background:var(--accent);border-radius:3px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0002}