.ycl{--ycl-assets:"/landing/"; --bg:#FFFFFF;--sky:#FBF3E4;--sky2:#F3E2C2;--mist:#FBF8F2;--mist2:#F4EEE3; --ink:#14201A;--ink2:#45524B;--ink3:#6F7B75;--line:rgba(20,32,26,.09);--line2:rgba(20,32,26,.16); --green:#173A2B;--green2:#245C43;--leaf:#3B7D54;--leafsoft:#E9F1E6; --sun:#C98A1E;--sun2:#A9700F;--sunsoft:#FBF1DD; --gut:clamp(16px,4vw,48px);--max:1240px;--navh:64px; --ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.45,.64,1); --sh1:0 1px 2px rgba(14,40,28,.06),0 6px 16px -6px rgba(14,40,28,.10); --sh2:0 2px 6px rgba(14,40,28,.05),0 22px 44px -16px rgba(14,40,28,.22); --sh3:0 6px 14px rgba(14,40,28,.06),0 50px 90px -30px rgba(14,48,34,.38); --fd:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif; --fb:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,sans-serif; --fm:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace; position:relative;display:block;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--fb);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;min-height:100vh;-webkit-text-size-adjust:100%;text-align:left}
.ycl,.ycl *,.ycl *::before,.ycl *::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html.ycl-lock{overflow:hidden}
html:has(.ycl){overflow-x:clip;scroll-behavior:auto;scroll-padding-top:84px;background:#fff}
html:has(.ycl) body{overflow-x:clip;max-width:none;background:#fff}
.ycl a,.ycl button{min-height:auto}
.ycl img{display:block;max-width:100%}
.ycl a{color:inherit}
.ycl button,.ycl input,.ycl textarea,.ycl select{font:inherit;color:inherit;margin:0}
.ycl button{cursor:pointer;background:none;border:0;padding:0}
.ycl p,.ycl h1,.ycl h2,.ycl h3,.ycl ul,.ycl ol,.ycl figure{margin:0}
.ycl ul,.ycl ol{padding:0;list-style:none}
.ycl :focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px}
.ycl ::selection{background:var(--sunsoft);color:var(--ink)}
.ycl .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ycl .wrap{width:100%;max-width:calc(var(--max) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.ycl .kicker,.ycl .mono.gold{display:inline-flex;align-items:center;gap:9px;margin:0;font:500 12px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.ycl .kicker::before,.ycl .mono.gold::before{content:'';flex:none;width:18px;height:2px;border-radius:2px;background:var(--sun)}
.ycl .mono{font:500 11.5px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.ycl h1,.ycl h2,.ycl h3,.ycl .h1,.ycl .h2,.ycl .h3{font-family:var(--fd);font-weight:600;margin:0;color:var(--ink);font-optical-sizing:auto}
.ycl h2,.ycl .h2{font-size:clamp(34px,4.6vw,62px);line-height:1.02;letter-spacing:-.035em}
.ycl .h3{font-size:clamp(21px,2vw,26px);line-height:1.12;letter-spacing:-.025em}
.ycl h2 .g,.ycl .h1 em,.ycl .h2 em,.ycl .h3 em,.ycl h1 em,.ycl h2 em{font-style:normal;color:var(--green2)}
.ycl .lede{font-size:clamp(17px,1.35vw,19.5px);line-height:1.55;color:var(--ink2);margin:0}
.ycl .fine{font-size:14px;line-height:1.5;color:var(--ink3);margin:0}
.ycl .btn,.ycl .cta,.ycl .ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;font:600 16.5px/1 var(--fb);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,color .25s;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.ycl .btn svg,.ycl .cta svg{flex:none;width:20px;height:20px;transition:transform .35s var(--ease)}
.ycl .btn.pri,.ycl .cta{background:var(--sun);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(169,112,15,.25),0 12px 26px -10px rgba(201,138,30,.65)}
.ycl .btn.pri:hover,.ycl .cta:hover{background:#D29426;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(169,112,15,.2),0 20px 34px -12px rgba(201,138,30,.7)}
.ycl .btn.pri:active,.ycl .cta:active{transform:translateY(0) scale(.98)}
.ycl .btn.sec,.ycl .ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2),var(--sh1)}
.ycl .btn.sec:hover,.ycl .ghost:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(20,32,26,.24),var(--sh2)}
.ycl .btn:hover .arr{transform:translateX(4px)}
.ycl .btn.sm,.ycl .cta.sm,.ycl .ghost.sm{min-height:46px;padding:0 18px;font-size:15px}
.ycl .btn.wide,.ycl .cta.wide{width:100%}
.ycl .btn[disabled],.ycl .cta[disabled]{opacity:.6;cursor:default;transform:none}
.ycl .chip{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px -4px rgba(0,0,0,.25);font:600 13px/1 var(--fb);color:var(--ink);white-space:nowrap;pointer-events:none;transition:opacity .4s,transform .5s var(--ease)}
.ycl .chip.dark{background:rgba(14,30,22,.74);color:#fff}
.ycl .chip .d{width:8px;height:8px;border-radius:50%;background:var(--sun);flex:none}
.ycl .chip.lab,.ycl .tagx.lab{font:500 11px/1.25 var(--fm);letter-spacing:.06em;text-transform:uppercase}
.ycl .rv{transition:opacity .9s var(--ease),transform 1s var(--ease)}
.ycl.js .rv{opacity:0;transform:translateY(28px)}
.ycl.js .rv.in{opacity:1;transform:none}
.ycl .rv.d1{transition-delay:.08s}
.ycl .rv.d2{transition-delay:.16s}
.ycl .rv.d3{transition-delay:.24s}
.ycl .nav{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--navh);transition:background-color .35s,box-shadow .35s}
.ycl .nav.solid{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 var(--line)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.ycl .nav.solid{background:rgba(255,255,255,.97)}}
.ycl .nav .wrap{height:100%;display:flex;align-items:center;gap:28px}
.ycl .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 21px/1 var(--fd);letter-spacing:-.03em;color:var(--ink);min-height:44px;white-space:nowrap}
.ycl .brand img{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 6px rgba(14,40,28,.25)}
.ycl .brand i{font-style:italic;font-weight:600;color:var(--green2)}
.ycl .nav-links{display:flex;gap:4px;margin-left:auto}
.ycl .nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:12px;text-decoration:none;font-weight:500;font-size:15.5px;color:var(--ink2);transition:color .2s,background-color .2s}
.ycl .nav-links a:hover{color:var(--ink);background:rgba(20,32,26,.05)}
.ycl .nav-links a[aria-current="page"]{color:var(--ink);background:var(--sunsoft)}
.ycl .nav .btn{min-height:44px;padding:0 18px;font-size:15px}
.ycl .burger{display:none;width:44px;height:44px;border-radius:12px;place-items:center;margin-left:auto}
.ycl .burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink);transition:transform .3s var(--ease),box-shadow .2s}
.ycl .nav.open .burger span{transform:rotate(45deg);box-shadow:0 0 0 var(--ink),0 0 0 var(--ink)}
.ycl .nav.open .burger span::after{content:'';display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transform:rotate(-90deg)}
.ycl .sheet{position:fixed;z-index:49;top:var(--navh);left:0;right:0;padding:8px var(--gut) 20px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px -20px rgba(14,40,28,.3);display:flex;flex-direction:column;opacity:0;transform:translateY(-10px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
.ycl .sheet.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .35s var(--ease)}
.ycl .sheet a:not(.btn){display:flex;align-items:center;min-height:52px;font:600 19px/1 var(--fd);letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--line);color:var(--ink)}
.ycl .sheet a[aria-current="page"]{color:var(--green2)}
.ycl .sheet .btn{margin-top:16px}
.ycl .prog{position:fixed;z-index:51;top:0;left:0;right:0;height:2px;background:var(--sun);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.ycl .filein{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}
.ycl .hero{position:relative;isolation:isolate;padding:calc(var(--navh) + clamp(28px,5vh,64px)) 0 clamp(40px,6vw,80px)}
.ycl .hsky{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,var(--sky2) 0%,var(--sky) 36%,var(--mist) 70%,#FFFFFF 100%)}
.ycl .hsky::before{content:'';position:absolute;right:-8vw;top:-22vh;width:62vw;height:62vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,228,180,.95),rgba(255,214,150,.45) 45%,rgba(255,214,150,0) 72%)}
.ycl .hsky::after{content:'';position:absolute;left:-10vw;top:12vh;width:50vw;height:30vh;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0))}
.ycl .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:7px 14px 7px 9px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);font:500 12px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--green2)}
.ycl .eyebrow .dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(201,138,30,.16)}
.ycl .eyebrow .dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:rgba(201,138,30,.22);animation:ycl-pulse 2.4s var(--ease) 4}
@keyframes ycl-pulse{0%{transform:scale(1);opacity:1}70%,100%{transform:scale(2.1);opacity:0}}
.ycl .h1{font-size:clamp(40px,5.7vw,86px);line-height:.97;letter-spacing:-.045em;font-weight:600;color:var(--ink)}
.ycl .hero .h1 .ul{position:relative;white-space:nowrap;color:var(--green)}
.ycl .hero .h1 .ul svg{position:absolute;left:-1%;bottom:-.14em;width:102%;height:.24em;overflow:visible}
.ycl .hero .h1 .ul path{fill:none;stroke:var(--sun);stroke-width:6;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ycl-ink 1.1s var(--ease) .75s forwards}
@keyframes ycl-ink{to{stroke-dashoffset:0}}
.ycl .hfine b{color:var(--ink2);font-weight:600}
.ycl .intro{opacity:0;transform:translateY(18px);animation:ycl-intro .9s var(--ease) forwards}
@keyframes ycl-intro{to{opacity:1;transform:none}}
.ycl .seam{position:absolute;z-index:5;top:0;bottom:0;left:calc(var(--s)*100%);width:0;pointer-events:none}
.ycl .seam::before{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 0 18px rgba(0,0,0,.25)}
.ycl .knob{position:absolute;z-index:6;top:50%;left:clamp(30px,calc(var(--s)*100%),calc(100% - 30px));width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--green);box-shadow:0 2px 4px rgba(0,0,0,.12),0 12px 30px -6px rgba(0,0,0,.35);cursor:grab;touch-action:none;transition:transform .3s var(--spring),opacity .35s}
.ycl .knob svg{width:26px;height:26px}
.ycl .drag .knob{transform:scale(1.1);cursor:grabbing}
@keyframes ycl-spin{to{transform:rotate(360deg)}}
.ycl .hgrid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head vid" "lede vid" "cta vid";grid-template-rows:auto auto 1fr;gap:0 clamp(28px,4vw,64px);align-items:start}
.ycl .h-head{grid-area:head;align-self:end}
.ycl .h-head .h1{font-size:clamp(40px,4.6vw,72px)}
.ycl .h-lede{grid-area:lede;margin:22px 0 0;max-width:34em}
.ycl .h-cta{grid-area:cta;display:flex;flex-direction:column;gap:16px;margin-top:26px}
.ycl .h-cta .ctas{display:flex;flex-wrap:wrap;gap:12px}
.ycl .hvid{grid-area:vid;position:relative;margin:0;aspect-ratio:1280/854;border-radius:28px;overflow:hidden;background:#cdd3c4;box-shadow:var(--sh3);transform:translateZ(0)}
.ycl .hvid picture,.ycl .hvid img,.ycl .hvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ycl .hvid video{opacity:0;transition:opacity .35s}
.ycl .hvid.playing video{opacity:1}
.ycl .hv-after{display:none}
.ycl .hvid.still .hv-after{display:block}
.ycl .hvid.still video{opacity:0}
.ycl .hv-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 14px;border:0;border-radius:999px;background:rgba(23,58,43,.92);color:#fff;font:600 15px/1 var(--fb);cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.45)}
.ycl .hv-play svg{width:22px;height:22px;color:var(--sun)}
.ycl .hvid.still .hv-play,.ycl .hvid.blocked .hv-play{display:inline-flex}
.ycl .hv-cap{position:absolute;z-index:2;right:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);font:500 11px/1 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--green);pointer-events:none}
.ycl .facts{position:relative;z-index:2;padding:clamp(56px,8vw,110px) 0 0}
.ycl .facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.ycl .fact{padding:28px 24px 6px 0}
.ycl .fact+.fact{padding-left:24px;border-left:1px solid var(--line)}
.ycl .fact .n{display:block;font:600 clamp(52px,6vw,84px)/.9 var(--fd);letter-spacing:-.05em;color:var(--green);font-variant-numeric:tabular-nums}
.ycl .fact b{display:block;margin-top:14px;font-weight:600;font-size:17px}
.ycl .fact p{margin:4px 0 0;font-size:15px;color:var(--ink3);line-height:1.45}
.ycl .honest{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.ycl .honest span{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--ink2)}
.ycl .honest svg{width:16px;height:16px;color:var(--leaf);flex:none}
.ycl .blk{position:relative;padding:clamp(80px,10vw,150px) 0}
.ycl .shead{display:grid;gap:18px;max-width:900px;margin-bottom:clamp(36px,5vw,64px)}
.ycl .how{background:linear-gradient(180deg,#fff,var(--mist) 22%,var(--mist) 80%,#fff)}
.ycl .how-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.ycl .how-stick{position:sticky;top:max(calc(var(--navh) + 20px),calc(50vh - 22vw + 10px));display:grid;gap:14px}
.ycl .awf{position:relative;aspect-ratio:3/2;border-radius:24px;overflow:hidden;background:#e9e1d2;box-shadow:var(--sh3);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--s:1}
.ycl .awf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ycl .awf .aft{position:absolute;inset:0;clip-path:inset(0 0 0 calc(var(--s)*100%));transition:clip-path 1.5s var(--ease)}
.ycl .awf.dragging .aft,.ycl .gstage.dragging .gaft{transition:none}
.ycl .awf .scanbar{position:absolute;left:0;right:0;top:0;height:24%;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.3) 85%,#fff 99%,rgba(255,255,255,0))}
.ycl .awf .scangrid{position:absolute;inset:0;opacity:0;transition:opacity .6s;background:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px) 0 0/100% 10%,linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px) 0 0/6.666% 100%}
.ycl .awf[data-s="0"] .scangrid{opacity:1}
.ycl .awf[data-s="0"] .scanbar{animation:ycl-scan2 2.4s var(--ease) infinite}
@keyframes ycl-scan2{0%{opacity:1;transform:translateY(-100%)}80%{opacity:1}100%{opacity:0;transform:translateY(420%)}}
.ycl .awf>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ycl .awf .old{fill:rgba(201,138,30,.34);stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .5s}
.ycl .awf .new{fill:rgba(59,125,84,.3);stroke:#fff;stroke-width:2.5;stroke-dasharray:7 6;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .6s}
.ycl .awf[data-s="1"] .old{opacity:1}
.ycl .awf[data-s="2"] .new{opacity:1;animation:ycl-march 1.2s linear infinite}
@keyframes ycl-march{to{stroke-dashoffset:-26}}
.ycl .awl{position:absolute;z-index:3;transform:translate(-50%,-50%) translateY(6px) scale(.96);opacity:0;transition:opacity .35s,transform .5s var(--spring);font-size:12.5px;padding:7px 11px}
.ycl .awf[data-s="1"] .awl.s1,.ycl .awf[data-s="2"] .awl.s2{opacity:1;transform:translate(-50%,-50%)}
.ycl .awl i{width:9px;height:9px;border-radius:3px;flex:none}
.ycl .awf[data-s="3"],.ycl .awf[data-s="4"]{--s:0}
.ycl .awf[data-s="5"]{cursor:ew-resize}
.ycl .qc{position:absolute;z-index:4;right:3%;top:5%;width:min(270px,58%);padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px -12px rgba(0,0,0,.4);opacity:0;transform:translateY(-10px) scale(.97);transition:opacity .4s,transform .6s var(--spring);pointer-events:none}
.ycl .awf[data-s="4"] .qc{opacity:1;transform:none}
.ycl .qc .t{font:500 11px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.ycl .qc ul{display:grid;gap:7px}
.ycl .qc li{display:flex;gap:9px;align-items:center;font-size:14.5px;font-weight:500;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--ease)}
.ycl .awf[data-s="4"] .qc li{opacity:1;transform:none}
.ycl .awf[data-s="4"] .qc li:nth-child(2){transition-delay:.15s}
.ycl .awf[data-s="4"] .qc li:nth-child(3){transition-delay:.3s}
.ycl .awf[data-s="4"] .qc li:nth-child(4){transition-delay:.45s}
.ycl .qc li svg{width:18px;height:18px;color:#fff;background:var(--leaf);border-radius:50%;padding:3px;flex:none}
.ycl .qc .pass{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-weight:700;color:var(--leaf);font-size:14.5px}
.ycl .awf .seam,.ycl .awf .knob{opacity:0;transition:left 1.5s var(--ease),opacity .4s,transform .3s var(--spring)}
.ycl .awf.dragging .seam,.ycl .awf.dragging .knob{transition:opacity .4s,transform .3s var(--spring)}
.ycl .awf[data-s="5"] .seam,.ycl .awf[data-s="5"] .knob{opacity:1}
.ycl .awf:not([data-s="5"]) .knob{pointer-events:none}
.ycl .awf .cl,.ycl .awf .cr{bottom:14px;opacity:0}
.ycl .awf .cl{left:14px}
.ycl .awf .cr{right:14px}
.ycl .awf[data-s="5"] .cl,.ycl .awf[data-s="5"] .cr,.ycl .awf[data-s="3"] .cr,.ycl .awf[data-s="4"] .cr{opacity:1}
.ycl .awf[data-s="0"] .cl,.ycl .awf[data-s="1"] .cl,.ycl .awf[data-s="2"] .cl{opacity:1}
.ycl .aw-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ycl .aw-bar{display:flex;gap:6px;flex:1;max-width:260px}
.ycl .aw-bar i{flex:1;height:4px;border-radius:4px;background:var(--line2);overflow:hidden;position:relative}
.ycl .aw-bar i::after{content:'';position:absolute;inset:0;background:var(--sun);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.ycl .aw-bar i.on::after{transform:none}
.ycl .step{min-height:62vh;display:flex;align-items:center;padding:20px 0}
.ycl .step:first-child{min-height:48vh;align-items:flex-start;padding-top:8vh}
.ycl .step:last-child{min-height:56vh}
.ycl .step .in{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:24px 26px;border-radius:22px;transition:background-color .5s,box-shadow .5s,opacity .5s,transform .6s var(--ease);opacity:.38}
.ycl .step.on .in{opacity:1;background:#fff;box-shadow:var(--sh2);transform:translateX(-6px)}
.ycl .step .num{grid-row:span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font:600 15px/1 var(--fm);color:var(--ink2);background:var(--mist2);transition:background-color .4s,color .4s}
.ycl .step.on .num{background:var(--sun);color:#fff}
.ycl .step h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;line-height:1.1;align-self:center}
.ycl .step p{margin:0;color:var(--ink2);font-size:16.5px;line-height:1.55}
.ycl .how-more{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px}
.ycl .gal-top{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.ycl .gal-top .shead{margin-bottom:0}
.ycl .filters{display:flex;gap:6px;padding:5px;border-radius:28px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap}
.ycl .filters button{position:relative;z-index:1;min-height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink2);transition:color .25s,background-color .25s,box-shadow .3s}
.ycl .filters button:hover{color:var(--ink)}
.ycl .filters button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.ycl .gal-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:'st in' 'rl rl';column-gap:clamp(20px,3vw,40px);align-items:stretch}
.ycl .gstage{grid-area:st}
.ycl .ginfo{grid-area:in}
.ycl .grail{grid-area:rl}
.ycl .gstage{position:relative;aspect-ratio:3/2;border-radius:24px;overflow:hidden;background:#ece5d8;box-shadow:var(--sh3);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:ew-resize;--s:.5}
.ycl .gstage .gbg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(26px) saturate(1.2) brightness(1.05);opacity:0;pointer-events:none}
.ycl .gstage[data-o="p"] .gbg,.ycl .gstage[data-o="s"] .gbg{opacity:.9}
.ycl .gstage .gimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:opacity .45s}
.ycl .gstage img:not([src]){visibility:hidden}
.ycl .gstage[data-o="p"] .gimg,.ycl .gstage[data-o="s"] .gimg{object-fit:contain}
.ycl .gstage .gaft{position:absolute;inset:0;clip-path:inset(0 0 0 calc(var(--s)*100%));transition:clip-path 1.1s var(--ease)}
.ycl .gstage .seam,.ycl .gstage .knob{transition:left 1.1s var(--ease),transform .3s var(--spring)}
.ycl .gstage.dragging .seam,.ycl .gstage.dragging .knob{transition:transform .3s var(--spring)}
.ycl .gstage.swap .gimg{opacity:0}
.ycl .gstage .cl{left:14px;top:14px}
.ycl .gstage .cr{right:14px;top:14px}
.ycl .gstage .lab{left:14px;bottom:14px;max-width:calc(100% - 28px);white-space:normal}
.ycl .ginfo{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:24px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.ycl .ginfo .k{font:500 12px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.ycl .ginfo h3{font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.03em}
.ycl .ginfo .plants{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.ycl .ginfo .plants li{padding:6px 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--ink2)}
.ycl .ginfo .note{font-size:14px;color:var(--ink2);margin:0}
.ycl .ginfo .note:empty{display:none}
.ycl .ginfo .sp{flex:1}
.ycl .ginfo .nav2{display:flex;gap:8px;align-items:center}
.ycl .ar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .3s var(--ease),box-shadow .3s}
.ycl .ar:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(20,32,26,.25),var(--sh1)}
.ycl .ar svg{width:20px;height:20px}
.ycl .ginfo .btn{width:100%}
.ycl .grail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px var(--gut) 18px;margin:0 calc(-1*var(--gut));scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 var(--gut);overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent)}
.ycl .grail::-webkit-scrollbar{display:none}
.ycl .gth{flex:none;width:184px;scroll-snap-align:start;text-align:left;border-radius:16px;padding:6px 6px 10px;transition:background-color .3s,box-shadow .3s,transform .4s var(--ease)}
.ycl .gth .ph{display:block;position:relative;aspect-ratio:3/2;border-radius:11px;overflow:hidden;background:#ece5d8}
.ycl .gth img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ycl .gth:hover img{transform:scale(1.06)}
.ycl .gth:hover{transform:translateY(-3px)}
.ycl .gth b{display:block;margin:9px 4px 0;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ycl .gth small{display:block;margin:2px 4px 0;font:500 10.5px/1.2 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.ycl .gth[aria-selected="true"]{background:#fff;box-shadow:inset 0 0 0 2px var(--sun),var(--sh1)}
.ycl .gth[hidden]{display:none}
.ycl .gal-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.ycl .gal-foot .fine{max-width:760px;flex:1 1 380px}
.ycl .try{background:linear-gradient(180deg,#fff 0%,var(--sky) 30%,var(--sky) 70%,#fff 100%)}
.ycl .try-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.ycl .try-copy{display:grid;gap:18px;position:sticky;top:calc(var(--navh) + 32px)}
.ycl .steps3{display:grid;gap:12px;margin-top:8px}
.ycl .steps3 li{display:flex;gap:14px;align-items:flex-start;color:var(--ink2);font-size:16px;line-height:1.45}
.ycl .steps3 .n{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:600 14px/1 var(--fm);background:#fff;color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line2);transition:background-color .4s,color .4s,box-shadow .4s}
.ycl .steps3 li.on .n{background:var(--sun);color:#fff;box-shadow:none}
.ycl .steps3 b{display:block;color:var(--ink);font-weight:600}
.ycl .try-box{position:relative;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh3);padding:clamp(12px,1.6vw,18px);scroll-margin-top:calc(var(--navh) + 12px)}
.ycl .drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:420px;border-radius:20px;padding:30px 20px;cursor:pointer;background:var(--mist);border:2px dashed rgba(20,32,26,.18);transition:border-color .25s,background-color .25s}
.ycl .drop:hover,.ycl .drop.over{border-color:var(--sun);background:var(--sunsoft)}
.ycl .drop .ic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--sun);box-shadow:var(--sh1);margin-bottom:4px}
.ycl .drop .ic svg{width:34px;height:34px}
.ycl .drop .h3{max-width:16em}
.ycl .drop .btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;width:100%}
.ycl .drop .tips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}
.ycl .drop .tips span{padding:7px 11px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--ink2)}
.ycl .err{min-height:0;font-size:14.5px;color:#9A4A1E;font-weight:600}
.ycl .err:empty{display:none}
.ycl .tstate{display:none;gap:14px}
.ycl .try-box.has .drop{display:none}
.ycl .try-box.has .tstate{display:grid}
.ycl .tslab{position:relative;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:var(--mist2)}
.ycl .tslab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ycl .tslab .dim{position:absolute;inset:0;background:rgba(20,32,26,.38);opacity:0}
.ycl .tslab .sgrid{position:absolute;inset:0;opacity:0;background:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px) 0 0/100% 10%,linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px) 0 0/6.666% 100%}
.ycl .tslab .sline{position:absolute;left:0;right:0;top:0;height:3px;margin-top:-3px;background:#fff;box-shadow:0 0 18px 4px rgba(255,236,200,.9);opacity:0}
.ycl .tslab.scan .dim{animation:ycl-tdim 1.6s ease-in-out forwards}
.ycl .tslab.scan .sgrid{animation:ycl-tgrid 2.2s ease-in-out forwards}
.ycl .tslab.scan .sline{animation:ycl-tline 1.6s ease-in-out forwards}
@keyframes ycl-tdim{0%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:1;clip-path:inset(100% 0 0 0)}}
@keyframes ycl-tgrid{0%{opacity:.9;clip-path:inset(0 0 100% 0)}72%{opacity:.9;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ycl-tline{0%{opacity:1;top:0}92%{opacity:1}100%{opacity:0;top:100%}}
.ycl .tslab .redo{position:absolute;z-index:3;right:10px;top:10px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:var(--sh1);font-weight:600;font-size:14px;color:var(--ink)}
.ycl .tslab .samptag{position:absolute;z-index:3;left:10px;bottom:10px;display:none}
.ycl .try-box.sample .tslab .samptag{display:inline-flex}
.ycl .checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ycl .chk{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);opacity:.5;transition:opacity .4s,box-shadow .4s,background-color .4s;min-width:0}
.ycl .chk .top{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--ink)}
.ycl .chk i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--line2);color:#fff}
.ycl .chk i svg{width:13px;height:13px}
.ycl .chk small{font-size:12.5px;line-height:1.35;color:var(--ink3);overflow-wrap:anywhere}
.ycl .chk.ok,.ycl .chk.meh{opacity:1;background:#fff}
.ycl .chk.ok i{background:var(--leaf)}
.ycl .chk.meh i{background:var(--sun)}
.ycl .chk.meh i svg{display:none}
.ycl .chk.meh i::after{content:'!';font:700 13px/1 var(--fb);color:#fff}
.ycl .chk.ok{box-shadow:inset 0 0 0 1px rgba(59,125,84,.35)}
.ycl .chk.meh{box-shadow:inset 0 0 0 1px rgba(201,138,30,.45)}
.ycl .quiz{padding:18px;border-radius:20px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);transition:opacity .4s}
.ycl .quiz.locked{opacity:.4;pointer-events:none}
.ycl .qtop{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.ycl .qtx{flex:1;min-width:0}
.ycl .qsegs{display:flex;gap:5px;margin-top:10px;max-width:220px}
.ycl .qsegs i{flex:1;height:4px;border-radius:4px;background:var(--line2);transition:background-color .4s}
.ycl .qsegs i.on{background:var(--sun)}
.ycl .sring{position:relative;flex:none;width:78px;height:78px}
.ycl .sring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ycl .sring .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ycl .sring .num b{font:600 22px/1 var(--fd);letter-spacing:-.03em;color:var(--green)}
.ycl .sring .num small{font:500 9.5px/1.2 var(--fm);letter-spacing:.12em;color:var(--ink3)}
.ycl .sring .plus{position:absolute;right:-6px;top:-8px;padding:4px 8px;border-radius:999px;background:var(--sun);color:#fff;font:600 12px/1 var(--fm);opacity:0;pointer-events:none}
.ycl .qq{display:none}
.ycl .qq.on{display:block;animation:ycl-qin .45s var(--ease)}
@keyframes ycl-qin{from{opacity:0;transform:translateY(8px)}}
.ycl .qq>.h3{margin-bottom:14px}
.ycl .qq .h3 .fine{font-family:var(--fb);font-size:14px;letter-spacing:0;font-weight:400}
.ycl .opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ycl .opt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);text-align:left;min-height:120px;transition:box-shadow .25s,background-color .25s,transform .3s var(--spring)}
.ycl .opt:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(20,32,26,.26),var(--sh1)}
.ycl .opt svg{width:32px;height:32px;stroke:var(--sun2)}
.ycl .opt b{display:block;font-weight:600;font-size:16px;color:var(--ink)}
.ycl .opt small{display:block;font-size:13.5px;line-height:1.35;color:var(--ink3)}
.ycl .opt.on{background:var(--sunsoft);box-shadow:inset 0 0 0 2px var(--sun)}
.ycl .deckwrap{display:grid;gap:10px}
.ycl .deck{position:relative;height:clamp(260px,30vw,340px);touch-action:pan-y}
.ycl .scard{position:absolute;inset:0 0 14px;border-radius:20px;overflow:hidden;background:#ece5d8;box-shadow:var(--sh2);cursor:grab;user-select:none;-webkit-user-select:none;transform-origin:50% 90%;will-change:transform}
.ycl .scard.anim{transition:transform .5s var(--spring),opacity .5s}
.ycl .scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ycl .scard .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,20,0) 38%,rgba(14,26,20,.72) 100%)}
.ycl .scard .tagx{position:absolute;left:12px;top:12px}
.ycl .scard .meta{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;display:grid;gap:4px}
.ycl .scard .meta .h3{color:#fff}
.ycl .scard .meta p{font-size:14px;line-height:1.4;color:rgba(255,255,255,.88)}
.ycl .scard .meta .k{font:500 10.5px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:#F6DCA4}
.ycl .stamp{position:absolute;top:22px;padding:6px 12px;border-radius:10px;border:3px solid;font:700 22px/1 var(--fd);letter-spacing:.06em;opacity:0;background:rgba(255,255,255,.85)}
.ycl .stamp.keep{left:18px;color:var(--leaf);transform:rotate(-12deg)}
.ycl .stamp.pass{right:18px;color:#9A4A1E;transform:rotate(12deg)}
.ycl .deck-empty{position:absolute;inset:0 0 14px;border-radius:20px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:20px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2)}
.ycl .deck-ctl{display:flex;align-items:center;justify-content:center;gap:18px}
.ycl .rb{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line2),var(--sh1);color:var(--ink2);transition:transform .25s var(--spring)}
.ycl .rb svg{width:22px;height:22px}
.ycl .rb.k{background:var(--sun);color:#fff;box-shadow:0 10px 22px -10px rgba(201,138,30,.8)}
.ycl .rb:active{transform:scale(.92)}
.ycl .chips{display:flex;flex-wrap:wrap;gap:8px}
.ycl .chipx{min-height:44px;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14.5px;line-height:1.2;text-align:left;background:#fff;color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line2);transition:transform .2s var(--spring),background-color .2s,color .2s,box-shadow .2s,opacity .2s}
.ycl .chipx:hover{color:var(--ink)}
.ycl .chipx.on,.ycl .chipx[aria-pressed="true"]{background:var(--green);color:#fff;box-shadow:0 6px 16px -8px rgba(23,58,43,.7)}
.ycl .chipx.dim{opacity:.45}
.ycl .chipx:active{transform:scale(.95)}
.ycl .wishnote{margin-top:10px}
.ycl .qnav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}
.ycl .qback{min-height:44px;padding:0 14px;border-radius:12px;font-weight:600;font-size:15px;color:var(--ink2)}
.ycl .qback:hover{background:rgba(20,32,26,.05);color:var(--ink)}
.ycl .qnav .btn{min-height:48px}
.ycl .qdone{display:none;gap:10px}
.ycl .qdone.on{display:grid;animation:ycl-qin .45s var(--ease)}
.ycl .qdone .needphoto{display:none}
.ycl .try-box.sample .qdone .needphoto{display:grid;gap:10px}
.ycl .try-box.sample .qdone .makeit{display:none}
.ycl .makeit{display:grid;gap:10px}
.ycl .make-err{color:#9A4A1E;font-weight:600}
.ycl .get{background:#fff}
.ycl .get-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.ycl .gcard{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh1);min-width:0}
.ycl .gcard .k{font:500 12px/1.2 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.ycl .gcard h3{font-size:clamp(21px,1.9vw,25px);line-height:1.12;letter-spacing:-.025em}
.ycl .g-plan{grid-column:span 7;background:var(--mist)}
.ycl .g-cards{grid-column:span 5}
.ycl .g-wk{grid-column:span 5}
.ycl .g-care{grid-column:span 4}
.ycl .g-pdf{grid-column:span 3}
.ycl .plancv{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:14px;background:#FBF8F2;box-shadow:inset 0 0 0 1px var(--line)}
.ycl .pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;perspective:1000px}
.ycl .pcard{position:relative;aspect-ratio:5/7;border-radius:14px;text-align:left;transform-style:preserve-3d;transition:transform .7s var(--ease);min-height:44px}
.ycl .pcard[aria-pressed="true"]{transform:rotateY(180deg)}
.ycl .pcard .face{position:absolute;inset:0;border-radius:14px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line2),var(--sh1);display:flex;flex-direction:column}
.ycl .pcard .crop{flex:none;height:46%;background-color:#ece5d8;background-repeat:no-repeat}
.ycl .pcard .fi{padding:9px 10px;display:grid;gap:3px;align-content:start}
.ycl .pcard .fi .no{font:500 9.5px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--sun2)}
.ycl .pcard .fi b{font:600 15px/1.1 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.ycl .pcard .fi i{font-size:12px;color:var(--ink3)}
.ycl .pcard .fi small{font-size:11.5px;line-height:1.3;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ycl .pcard .bk{transform:rotateY(180deg);padding:10px;gap:6px;background:var(--green);color:#fff;min-height:0;border-radius:14px}
.ycl .pcard .bk .no{font:500 9.5px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:#F6DCA4}
.ycl .pcard .bk .cl{display:block;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.92)}
.ycl .pcard .bk .cl b{font:600 11px/1.2 var(--fb);color:#F6DCA4}
.ycl .pcard .bk>b{font:600 14px/1.1 var(--fd);color:#fff}
.ycl .wk{display:grid;gap:12px}
.ycl .wk li{display:flex;gap:12px;align-items:flex-start}
.ycl .wk .n{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font:600 12.5px/1 var(--fm);color:#fff;background:var(--green2)}
.ycl .wk b{display:block;font-size:15.5px;font-weight:600}
.ycl .wk small{display:block;font-size:14px;color:var(--ink3);line-height:1.4}
.ycl .mo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.ycl .mo button{display:grid;place-items:center;height:44px;border-radius:9px;font:500 11px/1 var(--fm);color:var(--ink3);background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);min-width:0;padding:0}
.ycl .mo button.has{color:var(--green);background:var(--leafsoft);box-shadow:inset 0 0 0 1px rgba(59,125,84,.3)}
.ycl .mo button[aria-pressed="true"]{color:#fff;background:var(--sun);box-shadow:none}
.ycl .mo-q{font-size:15px;color:var(--ink2);line-height:1.45;min-height:3em}
.ycl .mo-q b{font:500 10.5px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--sun2);margin-right:6px}
.ycl .pdf{position:relative;height:120px;margin:4px 0 0}
.ycl .pdf i{position:absolute;width:86px;height:112px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2),var(--sh1)}
.ycl .pdf i:nth-child(1){left:10px;top:6px;transform:rotate(-7deg)}
.ycl .pdf i:nth-child(2){left:44px;top:2px;transform:rotate(3deg)}
.ycl .pdf i:nth-child(3){left:78px;top:4px;transform:rotate(9deg);background:linear-gradient(#fff 0 22%,var(--mist2) 22% 24%,#fff 24% 34%,var(--mist2) 34% 36%,#fff 36% 46%,var(--mist2) 46% 48%,#fff 48%)}
.ycl .pdf b{position:absolute;left:96px;top:44px;padding:4px 7px;border-radius:6px;background:var(--sun);color:#fff;font:600 11px/1 var(--fm);transform:rotate(9deg)}
.ycl .get-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ycl .app{background:linear-gradient(180deg,#fff 0%,var(--sky) 45%,var(--sky2) 100%);overflow:hidden}
.ycl .app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.ycl .stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ycl .store{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 20px 8px 14px;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s;box-shadow:0 14px 30px -14px rgba(14,40,28,.6);cursor:pointer}
.ycl .store[aria-disabled="true"]{background:#26322C}
.ycl .store svg{width:28px;height:28px;flex:none}
.ycl .store span{display:grid;gap:3px;text-align:left}
.ycl .store small{font:500 10.5px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:#F2D9A6}
.ycl .store b{font:600 18px/1 var(--fd);letter-spacing:-.02em}
.ycl .store:hover{transform:translateY(-2px)}
.ycl .store img{height:52px;width:auto}
.ycl .notify{display:flex;gap:8px;margin-top:22px;padding:6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2),var(--sh2);max-width:470px}
.ycl .notify input{flex:1;min-width:0;border:0;background:none;padding:0 16px;font-size:16px;outline:none;min-height:48px}
.ycl .notify .btn{min-height:48px;padding:0 20px}
.ycl .nmsg{min-height:22px;margin:10px 0 0 6px;font-size:14.5px;color:var(--ink2)}
.ycl .nmsg.ok{color:var(--leaf);font-weight:600}
.ycl .nmsg.bad{color:#9A4A1E;font-weight:600}
.ycl .app-vis{position:relative;height:clamp(460px,48vw,640px)}
.ycl .phone{position:absolute;width:clamp(210px,20vw,280px);aspect-ratio:9/19.5;border-radius:44px;padding:9px;background:linear-gradient(145deg,#2c3430,#0c100e);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.2),0 50px 80px -30px rgba(14,40,28,.55);will-change:transform}
.ycl .phone .scr{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--mist);display:flex;flex-direction:column}
.ycl .phone .scr::before{content:'';position:absolute;z-index:3;left:50%;top:9px;width:32%;height:22px;margin-left:-16%;border-radius:12px;background:#0c100e}
.ycl .phone.p1{left:50%;top:4%;margin-left:-2%;z-index:2}
.ycl .phone.p2{left:50%;top:14%;margin-left:-44%;z-index:1;transform:rotate(-6deg)}
.ycl .scr .ph-top{padding:44px 14px 8px;display:flex;align-items:center;justify-content:space-between}
.ycl .scr .ph-top b{font:700 15px/1 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.ycl .scr .ph-top b i{color:var(--green2)}
.ycl .scr .ph-top span{font:500 8.5px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--sun2);padding:5px 7px;border-radius:6px;background:var(--sunsoft)}
.ycl .scr .ph-img{position:relative;margin:0 10px;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#ece5d8}
.ycl .scr .ph-img img{width:100%;height:100%;object-fit:cover}
.ycl .scr .ph-img em{position:absolute;left:8px;bottom:8px;font:500 7.5px/1.2 var(--fm);letter-spacing:.05em;text-transform:uppercase;font-style:normal;color:var(--ink);background:rgba(255,255,255,.9);padding:4px 6px;border-radius:6px}
.ycl .scr .ph-row{margin:10px 10px 0;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:var(--sh1);display:grid;gap:3px}
.ycl .scr .ph-row small{font:500 8px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--leaf)}
.ycl .scr .ph-row b{font:600 13px/1.15 var(--fd);color:var(--ink)}
.ycl .scr .ph-row p{font-size:10.5px;line-height:1.3;color:var(--ink3)}
.ycl .scr .ph-card{margin:0 10px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--sh1)}
.ycl .scr .ph-card .crop{height:150px;background-color:#ece5d8;background-repeat:no-repeat}
.ycl .scr .ph-card div{padding:10px 12px;display:grid;gap:3px}
.ycl .scr .ph-card small{font:500 8px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--sun2)}
.ycl .scr .ph-card b{font:600 15px/1.1 var(--fd);color:var(--ink)}
.ycl .scr .ph-card i{font-size:10.5px;color:var(--ink3)}
.ycl .scr .ph-weeks{margin:10px 10px 0;display:grid;gap:6px}
.ycl .scr .ph-weeks span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:var(--sh1);font-size:10.5px;font-weight:600;color:var(--ink)}
.ycl .scr .ph-weeks span i{flex:none;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--green2);color:#fff;font:600 9px/1 var(--fm);font-style:normal}
.ycl .vis-note{position:absolute;right:0;bottom:0;z-index:3;max-width:250px}
.ycl .price-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:stretch}
.ycl .pc{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .5s var(--ease),box-shadow .5s var(--ease);min-width:0}
.ycl .pc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line2),var(--sh2)}
.ycl .pc.main{background:var(--green);color:#fff;box-shadow:var(--sh3)}
.ycl .pc.main:hover{box-shadow:0 60px 100px -30px rgba(14,48,34,.5)}
.ycl .pc .k{font:500 12px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.ycl .pc.main .k{color:#F2D9A6}
.ycl .pc .amt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ycl .pc .amt b{font:600 clamp(44px,4.6vw,62px)/1 var(--fd);letter-spacing:-.045em}
.ycl .pc .amt span{font-size:15px;color:var(--ink3)}
.ycl .pc.main .amt span{color:rgba(255,255,255,.72)}
.ycl .pc ul{margin:6px 0 0;display:grid;gap:10px}
.ycl .pc li{display:flex;gap:11px;font-size:15.5px;line-height:1.4;color:var(--ink2)}
.ycl .pc.main li{color:rgba(255,255,255,.92)}
.ycl .pc li svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--leaf)}
.ycl .pc.main li svg{color:#F2D9A6}
.ycl .pc .sp{flex:1}
.ycl .pc .soon{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:8px;background:var(--sunsoft);color:var(--sun2);font:500 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.ycl .pc .btn{width:100%}
.ycl .pc.main .fine{color:rgba(255,255,255,.7)}
.ycl .tog{display:inline-flex;padding:4px;border-radius:999px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);align-self:flex-start}
.ycl .tog button{min-height:44px;padding:0 15px;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink2);transition:background-color .25s,color .25s,box-shadow .25s}
.ycl .tog button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.ycl .p-honest{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ycl .p-honest span{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--ink2)}
.ycl .p-honest svg{width:16px;height:16px;color:var(--leaf);flex:none}
.ycl .faq-sec{background:linear-gradient(180deg,#fff,var(--mist))}
.ycl .faq{display:grid;max-width:880px;border-top:1px solid var(--line2)}
.ycl .faq details{border-bottom:1px solid var(--line2);padding:0 4px}
.ycl .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:14px 0;font:600 clamp(18px,1.6vw,21px)/1.25 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.ycl .faq summary::-webkit-details-marker{display:none}
.ycl .faq summary i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .35s var(--spring),background-color .3s}
.ycl .faq summary i svg{width:15px;height:15px;stroke:var(--green)}
.ycl .faq details[open] summary i{transform:rotate(45deg);background:var(--sunsoft)}
.ycl .faq details p{padding:0 0 22px;color:var(--ink2);font-size:16.5px;line-height:1.6;max-width:44em}
.ycl .final{position:relative;overflow:hidden;border-radius:32px;margin:0 var(--gut) clamp(40px,6vw,80px);min-height:560px;display:grid;align-items:end;isolation:isolate}
.ycl .final img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;z-index:-2;will-change:transform}
.ycl .final::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,14,.62),rgba(8,20,14,.18) 62%,rgba(8,20,14,0)),linear-gradient(180deg,rgba(8,20,14,0) 40%,rgba(8,20,14,.55) 100%)}
.ycl .final .in{padding:clamp(28px,5vw,64px);color:#fff;display:grid;gap:18px;max-width:780px}
.ycl .final h2{color:#fff}
.ycl .final .lede{color:rgba(255,255,255,.88)}
.ycl .final .chip{position:absolute;top:22px;left:22px}
.ycl .site-foot,.ycl>footer{padding:64px 0 calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
.ycl .foot{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.ycl .foot nav{display:flex;flex-wrap:wrap;gap:4px 6px}
.ycl .foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;text-decoration:none;color:var(--ink2);font-size:15px;border-radius:10px;transition:background-color .2s,color .2s}
.ycl .foot nav a:hover{background:var(--mist);color:var(--ink)}
.ycl .foot .fine{width:100%;padding-top:20px;border-top:1px solid var(--line)}
.ycl .mcta{position:fixed;z-index:45;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.95) 40%);transform:translateY(110%);transition:transform .45s var(--ease);display:none}
.ycl .mcta .btn{width:100%}
.ycl .mcta.on{transform:none}
.ycl.page{background:linear-gradient(180deg,var(--sky2) 0,var(--sky) 380px,var(--mist) 900px,#fff 1500px)}
.ycl.page::before{content:'';position:absolute;z-index:0;right:-10vw;top:-30vh;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,228,180,.8),rgba(255,214,150,.3) 45%,rgba(255,214,150,0) 72%)}
.ycl .pg-main{position:relative;z-index:1;display:block}
.ycl .glass{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.ycl .sec{position:relative}
.ycl .pg-head{padding:calc(var(--navh) + clamp(48px,8vw,90px)) 0 clamp(24px,3vw,36px)}
.ycl .pg-head .wrap{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ycl .pg-head .h1{max-width:13em;font-size:clamp(40px,5.4vw,76px)}
.ycl .pg-head .lede{max-width:40em}
.ycl .pg-honest{max-width:62ch}
.ycl .pg-body{padding:clamp(28px,4vw,48px) 0}
.ycl .pg-cta{padding:clamp(36px,5vw,60px) 0 clamp(70px,9vw,120px)}
.ycl .pg-cta-box{border-radius:30px;padding:clamp(26px,4.5vw,56px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:var(--green);box-shadow:var(--sh3);color:#fff}
.ycl .pg-cta-box .h2,.ycl .pg-cta-box h2{color:#fff}
.ycl .pg-cta-box .h2 em{color:#F2D9A6}
.ycl .pg-cta-box .lede{color:rgba(255,255,255,.86);max-width:40em}
.ycl .pg-cta-box .mono.gold{color:#F2D9A6}
.ycl .pg-cta-box .ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.ycl .pg-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ycl .pg-ctas a{text-decoration:none}
.ycl .sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:34px;max-width:900px}
.ycl .gt{padding:24px;border-radius:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ycl .gt .h3,.ycl .gt h2.h3{font-size:clamp(20px,1.8vw,24px)}
.ycl .ex-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.ycl .ex-n{font:500 11px var(--fm);opacity:.65;margin-left:4px}
.ycl .ex-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media(min-width:1000px){.ycl .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}
.ycl .ex-card{border-radius:26px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ycl .ex-media{position:relative;aspect-ratio:3/2;display:flex;justify-content:center;border-radius:18px;overflow:hidden;background:#ece5d8}
.ycl .ex-media .gx-stage{height:100%;width:auto;max-width:100%;border-radius:0}
.ycl .ex-card.o-l .ex-media .gx-stage{border-radius:18px}
.ycl .ex-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px) saturate(1.1) brightness(1.05);opacity:.85;transform:scale(1.15);pointer-events:none}
@media(max-width:699px){.ycl .ex-card.o-p .ex-media{aspect-ratio:4/5}
.ycl .ex-card.o-s .ex-media{aspect-ratio:1/1}}
.ycl .ex-meta{padding:14px 10px 10px;display:flex;flex-direction:column;gap:8px}
.ycl .ex-pl-k{margin-top:4px}
.ycl .ex-pl{display:flex;flex-wrap:wrap;gap:6px}
.ycl .ex-pl li{font-size:13.5px;padding:6px 10px;border-radius:9px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2)}
.ycl .gx-stage{position:relative;width:100%;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:#ece5d8;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.ycl .gx-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ycl .gx-stage img:not([src]){visibility:hidden}
.ycl .gx-stage .gx-b{clip-path:inset(0 calc(100% - var(--s)) 0 0)}
.ycl .gx-stage.dragging{cursor:grabbing}
@media(max-width:959px){.ycl .gx-stage.o-p{aspect-ratio:4/5}
.ycl .gx-stage.o-s{aspect-ratio:1/1}}
.ycl .cmp-line{position:absolute;z-index:4;top:0;bottom:0;left:calc(var(--s) - 1px);width:2px;pointer-events:none;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 0 18px rgba(0,0,0,.25)}
.ycl .aw-knob{position:absolute;z-index:5;left:clamp(28px,var(--s),calc(100% - 28px));top:50%;touch-action:none;cursor:grab;width:52px;height:52px;margin:-26px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 12px 30px -6px rgba(0,0,0,.35);transition:transform .3s var(--spring)}
.ycl .aw-knob svg{width:24px;height:24px;stroke:var(--green)}
.ycl .aw-knob:focus{outline:none}
.ycl .aw-knob:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--sun)}
.ycl .dragging .aw-knob{cursor:grabbing;transform:scale(1.08)}
.ycl .tagx{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 14px -4px rgba(0,0,0,.25);font:600 12.5px/1.2 var(--fb);color:var(--ink);pointer-events:none;white-space:nowrap}
.ycl .gx-stage .tagx.l{left:12px;bottom:12px}
.ycl .gx-stage .tagx.r{right:12px;bottom:12px}
.ycl .gx-stage .tagx.lab{left:12px;top:12px;max-width:calc(100% - 24px);white-space:normal}
.ycl .hw-grid{display:grid;gap:28px}
@media(min-width:960px){.ycl .hw-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.ycl .hw-stage{position:sticky;top:calc(var(--navh) + 28px)}}
.ycl .hw-stage{padding:10px;border-radius:26px}
.ycl .hw-cap{padding:10px 6px 2px}
.ycl .hw-steps{display:grid;gap:6px;margin-top:22px}
.ycl .hw-steps li{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.ycl .hw-steps .n{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:600 14px/1 var(--fm);color:#fff;background:var(--sun)}
.ycl .hw-steps li>span:last-child{display:flex;flex-direction:column;gap:4px;padding-top:2px}
.ycl .hw-steps b{font:600 20px/1.15 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.ycl .hw-steps small{font-size:15.5px;line-height:1.5;color:var(--ink2)}
.ycl .hw-cards{display:grid;gap:14px}
@media(min-width:700px){.ycl .hw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.ycl .hw-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ycl .hw-cards .fine{font-size:15.5px;color:var(--ink2)}
.ycl .hw-two{display:grid;gap:14px}
@media(min-width:860px){.ycl .hw-two{grid-template-columns:1fr 1fr}}
.ycl .hw-ticks{display:grid;gap:9px}
.ycl .hw-ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2);font-size:15.5px;line-height:1.45}
.ycl .hw-ticks svg{flex:none;width:18px;height:18px;margin-top:2px;stroke:var(--leaf)}
.ycl .hw-price{border-radius:26px;padding:clamp(22px,3vw,34px);display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between;background:var(--mist)}
.ycl .hw-price>div:first-child{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}
.ycl .hw-price b{color:var(--green2)}
.ycl .faq-plain{border-top:1px solid var(--line2)}
.ycl .legal{position:relative;max-width:820px;margin:0 auto;padding:calc(var(--navh) + clamp(48px,7vw,80px)) var(--gut) 90px}
.ycl .legal h1{font:600 clamp(38px,4.8vw,62px)/1 var(--fd);letter-spacing:-.04em;margin:0 0 12px;color:var(--ink)}
.ycl .legal h2{font:600 clamp(22px,2.2vw,28px)/1.15 var(--fd);letter-spacing:-.025em;margin:38px 0 12px;color:var(--ink)}
.ycl .legal h3{font-weight:600;font-size:17px;margin:20px 0 8px;color:var(--ink)}
.ycl .legal p,.ycl .legal li{font-size:16.5px;line-height:1.65;color:var(--ink2)}
.ycl .legal p{margin:0 0 12px}
.ycl .legal ul,.ycl .legal ol{margin:0 0 14px;padding-left:22px;list-style:disc}
.ycl .legal ol{list-style:decimal}
.ycl .legal li{margin:0 0 6px}
.ycl .legal strong,.ycl .legal b{color:var(--ink);font-weight:600}
.ycl .legal a{color:var(--green2);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.ycl .legal section{margin:0}
.ycl .legal .card{border-radius:22px;padding:20px 22px;margin:14px 0;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.ycl .legal .note{border-radius:18px;padding:16px 18px;margin:14px 0;background:var(--sunsoft);box-shadow:inset 0 0 0 1px rgba(201,138,30,.3)}
.ycl .legal .upd{font:500 11.5px/1.35 var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--ink3);margin-bottom:28px}
.ycl.navonly{min-height:0;height:0;background:none;overflow:visible;position:relative;z-index:60}
.ycl.footonly{min-height:0;background:#fff;overflow:visible;position:relative;z-index:2}
.ycl .auth{position:relative;max-width:1100px;margin:0 auto;padding:calc(var(--navh) + clamp(40px,7vw,90px)) var(--gut) clamp(60px,8vw,110px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(28px,5vw,72px);align-items:start}
.ycl .auth-head{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-top:8px}
.ycl .auth-head .h1{font-size:clamp(40px,5.2vw,72px)}
.ycl .auth-card{display:grid;gap:16px;padding:clamp(22px,3vw,32px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh3);min-height:120px}
.ycl .auth-card .h3{font-size:clamp(22px,2vw,26px)}
.ycl .auth-card .fine b{color:var(--ink)}
.ycl .auth-actions{display:grid;gap:10px;margin-top:4px}
.ycl .auth-google svg{width:20px;height:20px}
.ycl .auth-or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink3)}
.ycl .auth-or::before,.ycl .auth-or::after{content:'';flex:1;height:1px;background:var(--line2)}
.ycl .auth-form{display:grid;gap:14px}
.ycl .auth-field{display:grid;gap:7px;font-weight:600;font-size:14.5px;color:var(--ink)}
.ycl .auth-field input{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:#fff;font-size:16px;font-weight:400;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.ycl .auth-field input::placeholder{color:#9AA39E}
.ycl .auth-field input:focus{border-color:var(--sun);box-shadow:0 0 0 3px rgba(201,138,30,.25)}
.ycl .auth-err{padding:12px 14px;border-radius:12px;background:#FBEDE6;color:#8A3E17;font-size:14.5px;font-weight:600}
.ycl .auth-alt a{color:var(--green2);font-weight:600;text-underline-offset:3px;display:inline-block;padding:10px 0;margin:-10px 0}
@media (max-width:860px){.ycl .auth{grid-template-columns:1fr}}
@media (max-width:1080px){.ycl .nav-links{display:none}
.ycl .burger{display:grid;margin-left:auto}
.ycl .nav .btn.navcta{margin-left:0}
.ycl .price-grid{grid-template-columns:1fr 1fr}
.ycl .price-grid .pc.main{grid-column:span 2}
.ycl .gal-main{grid-template-columns:1fr;grid-template-areas:'st' 'rl' 'in'}
.ycl .grail{padding-top:16px}
.ycl .ginfo .sp{display:none}
.ycl .g-plan{grid-column:span 12}
.ycl .g-cards{grid-column:span 12}
.ycl .g-wk{grid-column:span 6}
.ycl .g-care{grid-column:span 6}
.ycl .g-pdf{grid-column:span 12}
.ycl .pcards{max-width:560px}
.ycl .try-grid{grid-template-columns:1fr}
.ycl .try-copy{position:relative;top:auto}}
@media (max-width:760px){.ycl{--navh:60px;font-size:16.5px}
.ycl .nav .btn.navcta{display:none}
.ycl .hero{padding:calc(var(--navh) + 14px + env(safe-area-inset-top,0px)) 0 28px}
.ycl .hgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "vid" "cta" "lede";grid-template-rows:auto}
.ycl .eyebrow{margin-bottom:12px;font-size:10.5px}
.ycl .h-head .h1{font-size:clamp(34px,9.6vw,44px)}
.ycl .hero .eyebrow{display:none}
.ycl .hvid{aspect-ratio:4/5;width:100%;max-height:calc(100vh - 290px);max-height:calc(100svh - 290px);min-height:280px;margin-top:14px;border-radius:22px}
.ycl .h-cta{margin-top:16px;gap:12px}
.ycl .h-cta .ctas .sec{display:none}
.ycl .h-cta .ctas .btn{width:100%}
.ycl .h-lede{font-size:16px;margin-top:14px}
.ycl .hv-cap{right:10px;bottom:10px;font-size:10px}
.ycl .hv-cap .wide{display:none}
.ycl .facts-grid{grid-template-columns:1fr 1fr}
.ycl .fact{padding:22px 14px 14px 0}
.ycl .fact+.fact{padding-left:0;border-left:0}
.ycl .fact:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.ycl .fact:nth-child(n+3){border-top:1px solid var(--line)}
.ycl .how-grid{grid-template-columns:1fr;gap:0}
.ycl .how-stick{top:calc(var(--navh) + 6px);z-index:3;padding:6px var(--gut) 12px;margin:0 calc(-1*var(--gut));background:linear-gradient(180deg,var(--mist) 85%,rgba(251,248,242,0))}
.ycl .awf{border-radius:18px}
.ycl .awl{font-size:11px;padding:6px 9px}
.ycl .awl .lx{display:none}
.ycl .awf[data-s="0"] .cl,.ycl .awf[data-s="1"] .cl,.ycl .awf[data-s="2"] .cl{opacity:0}
.ycl .qc{width:62%;padding:10px 12px;right:2.5%;top:4%}
.ycl .qc li{font-size:12px}
.ycl .qc .t{font-size:9.5px;margin-bottom:6px}
.ycl .qc ul{gap:3px}
.ycl .qc .pass{font-size:12px;margin-top:6px;padding-top:6px}
.ycl .step{min-height:56vh;align-items:flex-start;padding:10px 0}
.ycl .step:first-child{padding-top:4px;min-height:52vh}
.ycl .step .in{padding:18px;transform:none!important}
.ycl .step .num{width:40px;height:40px}
.ycl .gstage[data-o="p"]{aspect-ratio:4/5}
.ycl .gstage[data-o="s"]{aspect-ratio:1/1}
.ycl .gstage{border-radius:18px}
.ycl .ginfo{padding:22px}
.ycl .gth{width:150px}
.ycl .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;border-radius:999px}
.ycl .filters::-webkit-scrollbar{display:none}
.ycl .filters button{flex:none;padding:0 14px;font-size:14.5px}
.ycl .drop{min-height:360px}
.ycl .drop .btns .btn{width:100%}
.ycl .checks{grid-template-columns:1fr}
.ycl .chk{padding:10px 12px}
.ycl .quiz{padding:14px}
.ycl .opts{grid-template-columns:1fr}
.ycl .opt{flex-direction:row;align-items:center;min-height:64px;padding:12px 14px}
.ycl .opt svg{width:28px;height:28px}
.ycl .g-wk,.ycl .g-care{grid-column:span 12}
.ycl .gcard{padding:20px}
.ycl .app-grid{grid-template-columns:1fr}
.ycl .app-vis{height:440px;margin-top:10px}
.ycl .phone{width:190px}
.ycl .phone.p1{margin-left:-14%}
.ycl .phone.p2{margin-left:-58%}
.ycl .scr .ph-top{padding-top:38px}
.ycl .scr .ph-card .crop{height:110px}
.ycl .vis-note{position:relative;margin-top:-40px}
.ycl .notify{flex-direction:column;border-radius:20px}
.ycl .notify input{min-height:52px}
.ycl .notify .btn{width:100%}
.ycl .price-grid{grid-template-columns:1fr}
.ycl .price-grid .pc.main{grid-column:auto}
.ycl .pc{padding:24px}
.ycl .final{min-height:520px;border-radius:24px}
.ycl .mcta{display:block}
.ycl .foot .brand{width:100%}}
@media (max-width:760px),(hover:none){.ycl .nav.solid,.ycl .sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.98)}
.ycl .chip,.ycl .qc{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.96)}}
@media (max-width:760px){.ycl .gstage .gbg{display:none}}
@media (max-width:760px) and (max-height:700px){.ycl .eyebrow{display:none}
.ycl .h-lede{font-size:15px;line-height:1.45}}
@media (max-width:380px){.ycl .h1{font-size:34px}
.ycl .stores .store{flex:1 1 100%}
.ycl .pcard .fi small{display:none}}
@media (prefers-reduced-motion:reduce){.ycl *,.ycl *::before,.ycl *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
.ycl.js .rv{opacity:1;transform:none}
.ycl .intro{opacity:1;transform:none}}