/* CrewBrief home v3: live app screens (2026-10-21) */
.hx{grid-template-columns:1fr}
@media(min-width:960px){.hx{grid-template-columns:1.05fr .95fr}}
.hx-phone{position:relative;display:flex;justify-content:center;padding:10px 0 20px}
.hx-phone .float-chip.fc1{position:absolute;left:0;bottom:60px;right:auto;top:auto}
@media(max-width:600px){.hx-phone .float-chip.fc1{left:4px;bottom:18px}}
.dev{width:300px;max-width:86vw;background:#0d0f12;border-radius:46px;padding:9px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08) inset;position:relative;flex:none}
.dev:before{content:"";position:absolute;top:18px;left:50%;width:84px;height:24px;margin-left:-42px;background:#000;border-radius:20px;z-index:3}
.scr{background:#F5F4F0;border-radius:38px;overflow:hidden;position:relative;height:620px;padding:48px 12px 14px;color:#111214;font:13px/1.3 var(--sans);text-align:left}
.scr small{font:600 9.5px/1.2 var(--mono);letter-spacing:.06em;color:#8C8F94;text-transform:uppercase}
.scr .card{background:#fff;border-radius:14px;padding:11px 12px;box-shadow:0 1px 2px rgba(17,18,20,.06);border:1px solid rgba(17,18,20,.06);margin-bottom:9px}
.row{display:flex;align-items:center;gap:8px}.sb{justify-content:space-between}.r{text-align:right}
.g{color:#2F7D57!important}.mut{color:#8C8F94}.am-t{color:#A2742B!important}
.ah{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ah b{font:700 13px/1 var(--sans);letter-spacing:.2em}
.ab{width:28px;height:28px;border-radius:9px;background:#fff;border:1px solid rgba(17,18,20,.1);display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#2F7D57}
.ah>span:empty{width:28px}
.done{background:#fff;border:1px solid rgba(17,18,20,.1);border-radius:999px;padding:6px 12px;font-weight:600}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:4px 7px;border-radius:7px;white-space:nowrap}
.chip.gr{background:rgba(47,125,87,.12);color:#2F7D57}.chip.ol{border:1px solid rgba(17,18,20,.12);background:#fff;color:#474A4F}
.chip.am{background:rgba(162,116,43,.12);color:#A2742B}
/* hero countdown */
.tabs{display:flex;gap:10px;font-size:12px;margin-bottom:10px;white-space:nowrap;overflow:hidden}
.tabs .dim{color:#8C8F94}.tabs .on{background:#fff;border:1px solid rgba(17,18,20,.12);border-radius:8px;padding:3px 8px;font-weight:600;color:#111}
.dk{background:#17181B;color:#F2F2F0;border-radius:16px;padding:14px;margin-bottom:9px}
.dk .city{font:700 30px/1 var(--sans);letter-spacing:-.02em}.dk .hotel{font-size:12px;color:#B9BCC1;margin-top:4px}
.dk .lt{font:600 20px/1 var(--sans);margin-top:3px}.dk small{color:#8C8F94}
.dk .hr{height:1px;background:rgba(255,255,255,.1);margin:10px 0}
.cd{font:600 44px/1.05 var(--sans);letter-spacing:-.03em;color:#62B58A;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.tt{margin:10px 0 8px;align-items:flex-start}.tt b{display:block;font:700 22px/1.1 var(--sans);margin:2px 0}.tt span{font-size:10.5px;color:#6E7277;display:block;max-width:120px}
.bar{height:4px;background:#EFEEE9;border-radius:4px;overflow:hidden;margin-bottom:9px}.bar i,.mb i{display:block;height:100%;width:0;background:#2F7D57;border-radius:4px;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.chips{display:flex;flex-wrap:wrap;gap:5px}
/* features */
.shot3{display:flex;justify-content:center}
.shot3 .dev{transform:translateY(30px);opacity:.001;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s}
.shot3 .dev.in{transform:none;opacity:1}
/* home */
.hh b{font:700 20px/1.1 var(--sans);display:block}.hh small{text-transform:none;letter-spacing:0;font:500 11px/1.6 var(--sans)}.hh{margin-bottom:9px}
.kv{display:flex;gap:7px;align-items:baseline;margin:3px 0}.kv small{width:34px}.kv b{font-size:14px}.kv span{font-size:11px;color:#8C8F94}
.ring .trk,.cur .trk{fill:none;stroke:#EFEEE9;stroke-width:6}
.ring .arc,.cur .arc{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1)}
.am-s{stroke:#A2742B}.gr-s{stroke:#2F7D57}
.ring text{text-anchor:middle;font:700 21px var(--sans);fill:#111}.ring text.sm{font:600 6.5px var(--mono);fill:#8C8F94;letter-spacing:.06em}
.fl{display:flex;align-items:center;gap:10px}.fl .pl{width:30px;height:30px;border-radius:9px;background:#EEEDF6;color:#6A66A3;display:flex;align-items:center;justify-content:center}.fl b{font-size:14px}.fl div{flex:1}.fl .tm{font-size:17px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tiles .card{margin:0}
.tl b{display:block;font:700 26px/1.1 var(--sans);margin:5px 0 2px;font-variant-numeric:tabular-nums}.tl b i{font:500 11px var(--sans);color:#6E7277;font-style:normal;margin-left:3px}.tl>span{font-size:10.5px;color:#6E7277}
.mb{height:3px;background:#EFEEE9;border-radius:3px;margin-top:7px;overflow:hidden}
.c-rest{color:#6A66A3!important}.c-tr{color:#A0582F!important}.c-gr{color:#2F7D57!important}.c-hl{color:#9C4A63!important}
.mb .bg-rest{background:#6A66A3}.mb .bg-tr{background:#A0582F}.mb .bg-gr{background:#2F7D57}.mb .bg-hl{background:#9C4A63}
/* plan */
.scr .plan{position:relative;height:476px;padding:8px 8px 8px 34px}
.hrs{position:absolute;left:8px;top:8px;bottom:8px;width:18px}.hrs span{position:absolute;font-size:10px;color:#8C8F94}
.blocks{position:relative;height:100%}
.blk{position:absolute;left:0;right:0;border-radius:8px;color:#fff;padding:3px 8px;overflow:hidden;transition:top .7s cubic-bezier(.2,.8,.2,1),transform .25s,box-shadow .25s;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.blk b{font-size:11.5px;display:block;line-height:1.35;white-space:nowrap}.blk span{font-size:10px;opacity:.85;display:block;line-height:1.3}.blk.lock b{display:inline;font-size:11px}.blk.lock span{display:inline;margin-left:6px}
.blk.lock{background:#ECEBE6;color:#111;border:1.5px dashed #C9C7C0}
.blk.lift{transform:scale(1.04);box-shadow:0 14px 28px -8px rgba(0,0,0,.45);z-index:5;transition:transform .25s,box-shadow .25s}
.blk.lift.moving{transition:top 1s cubic-bezier(.45,0,.2,1),transform .25s,box-shadow .25s}
.usual{display:flex;justify-content:space-between;align-items:center}.tog{width:40px;height:23px;border-radius:12px;background:#2F7D57;position:relative}.tog:after{content:"";position:absolute;right:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff}
.touch{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid rgba(17,18,20,.35);opacity:0;pointer-events:none;z-index:9;transition:top 1s cubic-bezier(.45,0,.2,1),opacity .3s}
/* sleep */
.seg{display:inline-flex;background:#EFEEE9;border-radius:9px;padding:3px;gap:2px;font-size:11.5px}.seg b{background:#fff;border-radius:7px;padding:4px 8px}.seg span{padding:4px 8px;color:#6E7277}
.dial{position:relative;width:220px;height:220px;margin:6px auto 4px}
.trk2{fill:none;stroke:#EFEEE9;stroke-width:14}.arc2{fill:none;stroke:#6A66A3;stroke-width:14;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 2s cubic-bezier(.2,.7,.2,1)}
.ticks line{stroke:#C9C7C0;stroke-width:1}
.dl{text-anchor:middle;font:500 9px var(--mono);fill:#8C8F94}
.mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mid b{font:700 40px/1 var(--sans)}.mid>span{font-size:11.5px;color:#6E7277;margin:4px 0}.mid small{text-transform:none;letter-spacing:0}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:4px}.four div{background:#F5F4F0;border-radius:8px;padding:6px}.four b{font-size:13px;display:block;margin-top:2px}
.fat{display:flex;gap:8px;align-items:baseline;margin-top:10px;border-top:1px solid rgba(17,18,20,.08);padding-top:9px}.fat b{font-size:16px;flex:1}
/* money */
.seg3{display:grid;grid-template-columns:repeat(3,1fr);background:#EFEEE9;border-radius:10px;padding:3px;margin-bottom:9px;font:600 10px var(--mono);text-align:center;color:#8C8F94}.seg3 span{padding:6px}.seg3 .on{background:#fff;border-radius:8px;color:#111}
.tot{text-align:center}.tot b{display:block;font:800 36px/1.1 var(--sans);letter-spacing:-.03em;margin:4px 0 6px;font-variant-numeric:tabular-nums;transition:color .4s}.tot b.flash{color:#2F7D57}
.bt{font-size:13px}.bubs{position:relative;height:140px;width:224px;margin:6px auto 0;margin-top:6px}
.bb{position:absolute;border-radius:50%;color:#fff;font:700 12px var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.bb i{font-style:normal;font-size:15px}
.bb.tr{background:#5AC8FA;width:82px;height:82px;left:0;top:4px}.bb.dn{background:#FF6B35;width:70px;height:70px;left:86px;top:0}.bb.gc{background:#34C759;width:58px;height:58px;left:166px;top:14px}
.bb.fu{background:#5E5CE6;width:52px;height:52px;left:48px;top:88px}.bb.sh{background:#FF2D92;width:46px;height:46px;left:116px;top:80px}
.bb.dn.pop{transform:scale(1.14)}
.sheet{position:absolute;left:0;right:0;bottom:0;height:430px;background:#F8F7F3;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.15);padding:14px 12px;transform:translateY(0);transition:transform .7s cubic-bezier(.5,0,.2,1)}
.sheet.away{transform:translateY(105%)}
.ok{width:28px;height:28px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s}.ok.tap{transform:scale(.82)}
.amt{text-align:center;font:700 22px var(--sans);color:#474A4F;margin-top:12px}.amt b{font:800 42px/1 var(--sans);color:#111;letter-spacing:-.03em;margin-left:3px}
.fx{text-align:center;font-size:12px;color:#6E7277;margin:3px 0 8px}.cat{text-align:center}.chip.dn-c{background:#FFE6DA;color:#E5532A;font-size:12px}
.memo{background:#fff;border-radius:12px;border:1px solid rgba(17,18,20,.08);padding:10px;font-weight:600;margin:9px 0}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keys span{background:#fff;border-radius:10px;text-align:center;padding:8px 0;font-size:19px;transition:background .15s,transform .15s}.keys span.hit{background:#DCDBD5;transform:scale(.94)}
/* logbook */
.cur{display:flex;align-items:center;gap:10px}.cur text{text-anchor:middle;font-size:16px;fill:#2F7D57}.cur b{display:block;font-size:13.5px;margin-top:3px}
.li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(17,18,20,.06)}.li:last-child{border:0}.li b{font-size:13.5px;display:block;font-variant-numeric:tabular-nums}
.ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.ic.bl{background:#E6EDF5;color:#44709C}.ic.pu{background:#EEEDF6;color:#6A66A3}.ic.gn{background:#E3F0E9;color:#2F7D57}
.leg b{font-size:13.5px}.oi{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.oi div{background:#F5F4F0;border-radius:7px;padding:6px}.oi .g2{background:#E3F0E9}.oi b{display:block;font:600 14px var(--mono);margin-top:2px}
/* health */
.alert{border-color:rgba(47,125,87,.35)!important}.alert b{display:block;font-size:15px}.alert span{font-size:12px;color:#474A4F}
.vit{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vit .card{margin:0}
.v b{display:block;font:700 24px/1.1 var(--sans);margin:5px 0 1px;font-variant-numeric:tabular-nums}.v b i{font:500 10px var(--sans);color:#6E7277;font-style:normal;margin-left:3px}.v em{font:600 9.5px var(--mono);font-style:normal}
.v svg{width:100%;height:16px;margin-top:4px}.v path{fill:none;stroke:#2F7D57;stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s ease .3s}
/* training */
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:9px}.days span{background:#F0EFEA;border-radius:8px;text-align:center;font:600 10px var(--sans);padding:6px 0;color:#6E7277;display:flex;flex-direction:column;gap:2px;font-size:7.5px}
.days i{font-style:normal;font-size:12px;color:#474A4F}.days .dn2{background:#F7E9E0;color:#A0582F}.days .dn2 i{color:#A0582F}
.days .td{border:2px solid #111;background:#fff;transition:background .4s,color .4s}.days .td.done{background:#F7E9E0;color:#A0582F;border-color:#A0582F}.days .td.done i{color:#A0582F;animation:pop .5s}
@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.4)}100%{transform:scale(1)}}
.exr{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(17,18,20,.06);font-size:13px;position:relative;padding-left:22px}
.exr:before{content:"";position:absolute;left:0;width:14px;height:14px;border-radius:50%;border:1.5px solid #C9C7C0;transition:all .3s}
.exr.ck:before{background:#2F7D57;border-color:#2F7D57;box-shadow:inset 0 0 0 3px #fff}
.exr span{font:500 10.5px var(--mono);color:#6E7277}
.go{background:#111;color:#fff;border-radius:11px;text-align:center;padding:11px;font-weight:600;margin-top:10px}
.wk b{font-size:15px}
@media(prefers-reduced-motion:reduce){.shot3 .dev{transform:none;opacity:1;transition:none}.blk,.bar i,.mb i,.arc,.arc2,.v path,.sheet,.bb{transition:none!important}}
.ent b{font-size:13px}.er{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-top:1px solid rgba(17,18,20,.06)}.er b{font-variant-numeric:tabular-nums}
.er.new{max-height:0;padding:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .5s,padding .5s}.er.new.show{max-height:40px;padding:6px 0;opacity:1;background:rgba(47,125,87,.06)}
.exr2{display:flex;justify-content:space-between;font-size:12.5px;margin-top:8px}.hpl .ring{flex:none}
.kv b{white-space:nowrap;font-size:13.5px}.blk.lock{padding:2px 8px;line-height:1.2}.blk.lock b{font-size:10.5px}.blk.lock span{font-size:9.5px}
.three{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6px}.three b{display:block;font-size:13px;margin-top:2px}
.blk.lock{min-height:22px}.mv b{display:block;font-size:13.5px;margin-bottom:3px}.mv span{font-size:11.5px;color:#474A4F;line-height:1.4}
/* v3.1: schedule, brief, mid CTA */
html.is-ios .site-header .nav a.pill{display:none}
.scr.tall{height:690px}
.tz span{transition:background .3s,color .3s}
.nowr{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.trip b.tr-t{display:block;font-size:15px;margin:3px 0 7px}
.trip .chips .chip{font-size:10px}
.lg{display:flex;gap:8px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(17,18,20,.06)}.lg>div:nth-child(2){flex:1}.lg b{display:block;font-size:13px}.lg .r b{font-size:12px;font-variant-numeric:tabular-nums}
.pl2{color:#44709C;font-size:16px}.htl{display:block;font-size:11px;color:#474A4F;margin-top:7px}
.trip.bl{border-left:3px solid #C9A45E!important}
.dep b{display:block;font:700 24px/1.1 var(--sans);font-variant-numeric:tabular-nums;margin:2px 0}
[data-t]{transition:opacity .25s}[data-t].sw{opacity:0}
.rb{margin:0 0 9px}
.sl1,.sl2,.sl3,.sl4{opacity:0;transform:translateX(40px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.sl1.in2,.sl2.in2,.sl3.in2,.sl4.in2{opacity:1;transform:none}
.bf .fn{border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:3px 7px;font:600 11px var(--mono)}
.rt{display:flex;align-items:center;gap:6px;margin:10px 0}.rt b{font:700 30px/1 var(--sans)}.rt i{flex:1;height:1px;background:rgba(255,255,255,.25)}.rt span{color:#B9BCC1}
.ti b{display:block;font:600 16px var(--sans);margin-top:2px}.ti{margin-bottom:8px}
.cd3{font:600 22px var(--sans);font-variant-numeric:tabular-nums}
.dc{display:flex;gap:9px;align-items:flex-start;padding:7px 0}.dc b{display:block;font-size:13.5px}.dc span{font-size:11px;color:#6E7277}
.dc .ck{width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;border:2px solid #C9C7C0;transition:all .35s;position:relative}
.dc.ok2 .ck{background:#2F7D57;border-color:#2F7D57}.dc.ok2 .ck:after{content:"✓";position:absolute;inset:0;color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:14px}
.gl .chips,.mt .chips{margin-top:7px}.mt b{font-size:13px}
.tb{display:flex;gap:3px;height:8px;margin:8px 0 4px}.tb i{display:block;height:100%;width:0;border-radius:3px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.rw.go2 .tb i{width:var(--w)}.rw b{display:block;font-size:13px;margin-top:4px}
.midcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#17181B;color:#F2F2F0;border-radius:20px;padding:26px 28px;margin:10px 0 70px}
.midcta h3{margin:0 0 4px;font-size:24px;color:#fff}.midcta p{margin:0;color:#B9BCC1}.midcta .badge img{height:52px;width:auto;display:block}
@media(prefers-reduced-motion:reduce){.sl1,.sl2,.sl3,.sl4{opacity:1;transform:none;transition:none}.tb i{transition:none}}
.scr.tall{height:800px}
@media(max-width:600px){.hx-phone{padding-bottom:44px}.hx-phone .float-chip.fc1{left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap}}
.scr.tall{height:auto;min-height:620px}
/* v3.2: always-visible phones, fixed 9:19.5 screens, inner auto-scroll */
.shot3 .dev,.shot3 .dev.in{transform:none!important;opacity:1!important;transition:none!important}
.dev{width:300px;max-width:300px}
.scr,.scr.tall{height:auto!important;min-height:0!important;aspect-ratio:9/19.5;overflow:hidden}
.scr.ovf{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 54px,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 54px,#000 calc(100% - 34px),transparent 100%)}
.sl1,.sl2,.sl3,.sl4{opacity:1;transform:translateX(26px)}