:root{--primary:#5e66e0;--primary-dark:#4249bc;--accent:#ef4581;--ink:#252330;--muted:#6f6b7b;--ground:#f6f5fa;--surface:#fff;--border:#e6e2ef;--shadow:0 16px 50px rgba(51,35,90,.12);--radius:20px;--header:76px}
.auth-pending>body,.auth-pending>.site-header,.auth-pending>.progress,.auth-pending>.manual-shell,.auth-pending>.to-top,.auth-pending>footer{display:none}.auth-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;min-height:100dvh;padding:24px;overflow:auto;background:linear-gradient(135deg,#f3efff 0%,#fff 52%,#fff0f6 100%)}.auth-screen[hidden]{display:none}.auth-card{position:relative;z-index:2;width:min(100%,460px);padding:42px;border:1px solid rgba(94,102,224,.14);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(51,35,90,.18);backdrop-filter:blur(18px)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.auth-brand img{object-fit:contain}.auth-brand div{display:grid;line-height:1.2}.auth-brand strong{color:var(--primary);font-size:1.55rem;letter-spacing:.04em}.auth-brand span{color:var(--muted);font-size:.82rem}.auth-intro h1{margin:0 0 8px;font-size:2.15rem;line-height:1.2}.auth-intro>p:last-child{margin:0 0 26px;color:var(--muted)}.auth-form{display:grid;gap:10px}.auth-form[hidden]{display:none}.auth-form label{font-size:.88rem;font-weight:700}.auth-form input{width:100%;height:52px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:#faf9fc;outline:none;transition:.2s}.auth-form input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(94,102,224,.1)}.auth-submit{height:52px;margin-top:8px;border:0;border-radius:26px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(94,102,224,.25)}.auth-submit:hover{background:var(--primary-dark)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-code{text-align:center;font-size:1.45rem;letter-spacing:.45em;padding-left:calc(16px - .45em)!important}.auth-code-heading{display:grid;margin-bottom:8px;color:var(--muted);font-size:.86rem}.auth-code-heading strong{color:var(--ink);font-size:.95rem}.auth-links{display:flex;justify-content:space-between;margin-top:5px}.auth-links button,.auth-user button{padding:4px;border:0;background:transparent;color:var(--primary);cursor:pointer}.auth-message{min-height:1.6em;margin:14px 0 0;color:#c62828;font-size:.86rem}.auth-message.success{color:#207a42}.auth-help{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem;text-align:center}.auth-decoration span{position:fixed;border-radius:50%;filter:blur(2px);opacity:.55}.auth-decoration span:nth-child(1){width:280px;height:280px;top:-80px;right:-60px;background:#d7c9ff}.auth-decoration span:nth-child(2){width:220px;height:220px;bottom:-60px;left:-50px;background:#ffd0e2}.auth-decoration span:nth-child(3){width:90px;height:90px;top:18%;left:16%;background:#ece5ff}.auth-user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem;white-space:nowrap}.auth-user button{font-size:.78rem}.auth-user button:hover{text-decoration:underline}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Varela Round",Arial,sans-serif;line-height:1.65}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.site-header{height:var(--header);position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1500px)/2));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{object-fit:contain}.brand span{display:grid;line-height:1.15}.brand strong{color:var(--primary);font-size:1.2rem;letter-spacing:.03em}.brand small{color:var(--muted);font-size:.76rem}.search{position:relative;display:flex;align-items:center;width:min(560px,50vw);margin-inline:auto}.search>span{position:absolute;right:15px;color:var(--muted);font-size:1.4rem}.search input{width:100%;height:44px;padding:0 48px 0 46px;border:1px solid var(--border);border-radius:24px;background:var(--ground);outline:none;transition:.2s}.search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(94,102,224,.1)}kbd{position:absolute;left:14px;border:1px solid var(--border);border-radius:6px;padding:0 7px;background:#fff;color:var(--muted)}.nav-toggle{display:none;border:0;background:transparent;color:var(--primary);font-size:1.5rem}.progress{position:fixed;top:var(--header);right:0;left:0;height:3px;z-index:1001}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary))}.manual-shell{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:44px;padding:34px 28px 80px}.manual-nav{position:sticky;top:calc(var(--header) + 26px);height:calc(100vh - var(--header) - 48px);overflow:auto;padding:20px 14px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.mobile-account{display:none}
.nav-title{padding:0 12px 12px;color:var(--muted);font-size:.8rem;font-weight:700}.manual-nav nav{display:grid;gap:3px}.manual-nav a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:#504b5d;font-size:.88rem;transition:.2s}.manual-nav a span{color:#aaa2ba;font-size:.7rem}.manual-nav a:hover,.manual-nav a.active{background:rgba(94,102,224,.09);color:var(--primary)}.manual-nav a.active{font-weight:700}.nav-note{margin:18px 8px 0;padding:13px;border-radius:10px;background:#f5f1ff;color:var(--muted);font-size:.74rem}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:42px;padding:60px;border-radius:30px;background:linear-gradient(135deg,#f1edff,#fff 55%,#fff0f6);overflow:hidden;box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.04em}.lead{color:var(--muted);font-size:1.12rem}.hero-actions{display:flex;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:23px;font-weight:700}.button.primary{background:var(--primary);color:#fff;box-shadow:0 9px 22px rgba(94,102,224,.25)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{border:1px solid var(--primary);color:var(--primary);background:#fff}.role-pills{display:flex;flex-wrap:wrap;gap:8px}.role-pills span,.tag{padding:6px 12px;border-radius:20px;background:#fff;border:1px solid var(--border);color:var(--muted);font-size:.75rem}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:12% -10%;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));filter:blur(45px);opacity:.2}.hero-visual img{position:relative;border-radius:16px;box-shadow:0 28px 70px rgba(49,33,89,.22);transform:perspective(1000px) rotateY(-4deg)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 76px}.quick-grid a{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;transition:.2s}.quick-grid a:hover{transform:translateY(-3px);border-color:#c9bce9;box-shadow:0 12px 24px rgba(51,35,90,.08)}.quick-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0ebff;color:var(--primary);font-size:1.3rem}.quick-grid span{display:grid;font-weight:700}.quick-grid small{color:var(--muted);font-weight:400}.chapter{position:relative;margin:0 0 72px;padding:54px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 35px rgba(51,35,90,.05)}.chapter-number{position:absolute;top:28px;left:36px;color:#eeeaf5;font-size:4rem;font-weight:700;line-height:1}.chapter-heading{max-width:760px;margin-bottom:36px}.chapter h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2}.chapter-heading>p:last-child{margin:0;color:var(--muted);font-size:1.03rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{display:flex;gap:14px;padding:20px;border-radius:14px;background:var(--ground)}.steps article i{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:var(--primary);color:#fff;font-style:normal}.steps h3,.steps p{margin:0}.steps p{color:var(--muted);font-size:.86rem}.steps.compact{grid-template-columns:repeat(4,1fr)}.media-pair,.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}figure{margin:0}figure img{width:100%;border-radius:13px;border:1px solid var(--border)}figcaption{padding:9px 4px;color:var(--muted);font-size:.78rem}.media-pair figure img{height:360px;object-fit:contain;background:#f3f1f7}.callout{margin-top:26px;padding:17px 20px;border-radius:12px;border-right:4px solid}.callout.info{background:#eef6ff;border-color:#3281d4}.callout.warning{background:#fff8e6;border-color:#e9a51d}.callout.danger{background:#fff0f1;border-color:#d94452}.feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}.feature-layout.reverse{grid-template-columns:.65fr 1.35fr}.feature-layout.reverse .screen{order:2}.feature-copy h3{margin:24px 0 8px}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:6px 28px 6px 0}.check-list li:before{content:"✓";position:absolute;right:0;color:var(--primary);font-weight:700}.screen img{max-height:500px;object-fit:contain;background:#f3f1f7}.screen.phone img{max-height:560px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0}.workflow div{position:relative;padding:25px 20px;border-top:2px solid #e5dff1}.workflow span{position:absolute;top:-17px;right:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff}.workflow h3{margin:8px 0}.workflow p{color:var(--muted);font-size:.86rem}.workflow.three{grid-template-columns:repeat(3,1fr)}.wide-screen{margin-top:30px}.wide-screen img{max-height:580px;object-fit:contain;background:#f3f1f7}.number-list{display:grid;gap:16px;padding:0;list-style:none;counter-reset:item}.number-list li{display:grid;grid-template-columns:1fr;position:relative;padding:0 48px 0 0}.number-list li:before{counter-increment:item;content:counter(item);position:absolute;right:0;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#f0ebff;color:var(--primary);font-weight:700}.number-list span{color:var(--muted)}.cards-2 article,.cards-3 article{padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#fff,#faf8ff)}.cards-2 h3,.cards-3 h3{margin-top:0}.cards-2 p,.cards-3 p{color:var(--muted)}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards-3 b{font-size:1.8rem;color:var(--primary)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-grid article{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;column-gap:20px;padding:16px;border:1px solid var(--border);border-radius:15px}.admin-grid img{grid-row:1/3;width:150px;height:110px;object-fit:cover;border-radius:10px}.admin-grid h3,.admin-grid p{margin:4px 0}.admin-grid p{color:var(--muted);font-size:.85rem}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--border);border-radius:12px;background:#fff}.faq summary{padding:17px 20px;cursor:pointer;font-weight:700}.faq details p{margin:0;padding:0 20px 18px;color:var(--muted)}.support-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#eee8ff,#fff0f6)}.support-card h3,.support-card p{margin:4px 0}.no-results{text-align:center;padding:80px;border:1px dashed var(--border);border-radius:18px;background:#fff}.to-top{position:fixed;left:24px;bottom:24px;z-index:900;display:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow);font-size:1.3rem}.to-top.visible{display:block}footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:30px;background:#24212c;color:#fff}footer small{width:100%;text-align:center;color:#aaa3b4}
@media(max-width:1100px){.manual-shell{grid-template-columns:230px minmax(0,1fr);gap:24px}.hero{grid-template-columns:1fr;padding:45px}.hero-visual{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.steps.compact{grid-template-columns:repeat(2,1fr)}.chapter{padding:38px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){:root{--header:66px}.site-header{padding:0 14px;gap:10px}.brand{min-width:auto}.brand span{display:none}.search{width:auto;flex:1}.search kbd{display:none}.nav-toggle{display:block}.site-header .portal-links,.site-header>.link-button{display:none}.mobile-account{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.manual-shell{display:block;padding:18px 12px 60px}.manual-nav{position:fixed;top:var(--header);right:0;bottom:0;z-index:999;width:min(86vw,330px);height:auto;border-radius:0;transform:translateX(105%);transition:.25s;box-shadow:-15px 0 45px rgba(0,0,0,.2)}.manual-nav.open{transform:none}.hero{min-height:auto;padding:34px 24px;border-radius:20px}.hero h1{font-size:2.45rem}.quick-grid{grid-template-columns:1fr 1fr;margin-bottom:42px}.quick-grid a{padding:13px}.quick-grid small{display:none}.chapter{margin-bottom:26px;padding:30px 20px}.chapter-number{top:20px;left:22px;font-size:3rem}.steps,.steps.compact,.media-pair,.cards-2,.cards-3,.workflow,.workflow.three,.feature-layout,.feature-layout.reverse{grid-template-columns:1fr}.feature-layout.reverse .screen{order:0}.workflow{gap:22px}.media-pair figure img{height:260px}.admin-grid article{grid-template-columns:90px 1fr}.admin-grid img{width:90px;height:90px}.support-card{align-items:stretch;flex-direction:column}.to-top{left:14px;bottom:14px}.role-pills{display:none}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.chapter h2{font-size:1.75rem}}
@media(max-width:600px){.auth-screen{padding:14px}.auth-card{padding:28px 22px;border-radius:22px}.auth-brand{margin-bottom:26px}.auth-intro h1{font-size:1.85rem}.auth-user span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.search-highlight{padding:.05em .18em;border-radius:.3em;background:#ffe56b;color:#221b00;box-shadow:0 0 0 2px rgba(239,181,0,.18)}
.no-results{padding:28px 24px;margin:0 0 28px}.no-results b{font-size:1rem}.no-results p{margin:6px 0 0;font-size:.9rem}
kbd{pointer-events:auto;user-select:none;cursor:help}
.pricing-workflow{grid-template-columns:repeat(5,1fr)}.pricing-pair figure img{height:360px;object-fit:contain;background:#f3f1f7}
@media(max-width:1100px){.pricing-workflow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pricing-workflow{grid-template-columns:1fr}.pricing-pair figure img{height:auto}}
.manual-nav nav{gap:7px}.nav-group{border:1px solid transparent;border-radius:12px}.nav-group[open]{border-color:var(--border);background:#fbfaff}.nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:11px;color:#504b5d;font-size:.82rem;font-weight:700;cursor:pointer;list-style:none;transition:.2s}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"⌄";color:#aaa2ba;font-size:1rem;transition:transform .2s}.nav-group[open] summary{color:var(--primary)}.nav-group[open] summary:after{transform:rotate(180deg)}.nav-group summary:hover{background:rgba(94,102,224,.07);color:var(--primary)}.nav-group>div{display:grid;gap:2px;padding:0 5px 6px}.nav-group .manual-nav a,.nav-group a{padding:8px 10px;border-radius:9px;font-size:.84rem}.nav-group a span{font-size:.68rem}
.calendar-image-stage .calendar-hotspot b{top:50%;right:auto;left:calc(100% + 8px);transform:translateY(-50%)}.calendar-image-stage .calendar-hotspot[data-hotspot="filters"] b{right:calc(100% + 8px);left:auto}.mobile-calendar-stage .mobile-calendar-hotspot b{top:calc(100% + 7px);right:5px;left:auto}.mobile-calendar-stage .mobile-calendar-hotspot[data-hotspot="schedule"] b{top:auto;bottom:calc(100% + 7px)}
.calendar-interactive-block{position:relative}.calendar-interactive-block .calendar-showcase{position:sticky;top:calc(var(--header) + 14px);z-index:20;padding:10px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(51,35,90,.12);backdrop-filter:blur(10px)}.calendar-interactive-block .calendar-explanations{margin-top:22px}.media-pair.calendar-showcase,.media-pair.tasks-showcase{grid-template-columns:minmax(0,1fr) 240px;align-items:start}.calendar-showcase .mobile-calendar-stage{width:240px;height:519px}.tasks-showcase .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.tasks-showcase .phone img{width:240px;height:519px;margin:auto;object-fit:fill}.showcase-caption{margin:10px 0 0;text-align:center;color:var(--muted);font-size:.82rem}@media(max-width:760px){.calendar-interactive-block .calendar-showcase{position:static;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.media-pair.calendar-showcase,.media-pair.tasks-showcase{grid-template-columns:1fr}.calendar-showcase .mobile-calendar-stage{width:240px;height:519px}}
.media-pair>.wide-screen{margin-top:0}.page-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.page-guide-grid article{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#fff,#faf8ff)}.page-guide-grid h3{margin:20px 22px 5px}.page-guide-grid p{margin:0 22px 12px;color:var(--muted)}.page-guide-grid ul{margin:0 22px 22px;padding-right:20px;color:#504b5d;font-size:.86rem}.page-guide-grid li+li{margin-top:5px}.page-shots{position:relative;height:255px;background:#edeaf3;overflow:hidden}.page-shots img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}.page-shots img+img{position:absolute;bottom:10px;left:10px;width:86px;height:185px;border:4px solid #fff;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(30,24,45,.24)}.guide-subtitle{margin:48px 0 20px;font-size:1.55rem}.settings-grid .page-shots{height:220px}
@media(max-width:760px){.page-guide-grid{grid-template-columns:1fr}.page-shots,.settings-grid .page-shots{height:230px}.page-shots img+img{width:72px;height:155px}}
.calendar-image-stage{position:relative;overflow:hidden;aspect-ratio:1569/912;border:1px solid var(--border);border-radius:13px;background:#f3f1f7}.media-pair .calendar-image-stage>img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}.calendar-hotspot{position:absolute;z-index:2;pointer-events:none;opacity:0;border:3px solid #ffb300;border-radius:10px;background:rgba(255,193,7,.2);box-shadow:0 0 0 9999px rgba(28,20,45,.2),0 0 0 4px rgba(255,255,255,.9),0 8px 24px rgba(30,24,45,.28);transform:scale(.97);transition:opacity .16s ease,transform .16s ease}.calendar-hotspot b{position:absolute;top:6px;right:6px;padding:3px 8px;border-radius:6px;background:#ffb300;color:#302200;font-size:.72rem;white-space:nowrap}.calendar-hotspot[data-hotspot="views"]{inset:8% 22% 85% 18.5%}.calendar-hotspot[data-hotspot="filters"]{inset:8% 6.5% 67% 78%}.calendar-hotspot[data-hotspot="unassigned"],.calendar-hotspot[data-hotspot="unschedule"]{inset:14% 82% 54% 2.5%}.calendar-hotspot[data-hotspot="schedule"]{inset:14% 22.5% 2% 18.5%}.calendar-hotspot[data-hotspot="sync"]{inset:8% 75.5% 85% 2.5%}.calendar-explanations article{cursor:help;outline:2px solid transparent;transition:transform .16s ease,outline-color .16s ease,background .16s ease}.calendar-explanations article:hover,.calendar-explanations article:focus-visible{outline-color:#ffb300;background:#fff8df;transform:translateY(-2px)}#planning:has(.calendar-explanations [data-highlight="views"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="views"],#planning:has(.calendar-explanations [data-highlight="filters"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="filters"],#planning:has(.calendar-explanations [data-highlight="unassigned"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="unassigned"],#planning:has(.calendar-explanations [data-highlight="schedule"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="schedule"],#planning:has(.calendar-explanations [data-highlight="unschedule"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="unschedule"],#planning:has(.calendar-explanations [data-highlight="sync"]:is(:hover,:focus-visible)) .calendar-hotspot[data-hotspot="sync"]{opacity:1;transform:scale(1)}
.mobile-calendar-stage{position:relative;width:166px;max-width:100%;height:360px;margin:auto;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#f3f1f7}.media-pair .mobile-calendar-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border:0;border-radius:0}.mobile-calendar-layer{z-index:1;opacity:0;transition:opacity .16s ease}.mobile-calendar-hotspot{position:absolute;z-index:2;pointer-events:none;opacity:0;border:3px solid #ffb300;border-radius:9px;background:rgba(255,193,7,.2);box-shadow:0 0 0 9999px rgba(28,20,45,.2),0 0 0 3px rgba(255,255,255,.9);transform:scale(.97);transition:opacity .16s ease,transform .16s ease}.mobile-calendar-hotspot b{position:absolute;top:5px;right:5px;padding:3px 7px;border-radius:6px;background:#ffb300;color:#302200;font-size:.67rem;white-space:nowrap}.mobile-calendar-hotspot[data-hotspot="views"]{inset:9% 13% 72% 0}.mobile-calendar-hotspot[data-hotspot="filters"]{inset:13% 13% 62% 0}.mobile-calendar-hotspot[data-hotspot="unassigned"],.mobile-calendar-hotspot[data-hotspot="unschedule"]{inset:13% 13% 61% 0}.mobile-calendar-hotspot[data-hotspot="schedule"]{inset:28% 0 2% 0}.mobile-calendar-hotspot[data-hotspot="sync"]{inset:9% 8% 85% 68%}.calendar-explanations article:focus{outline-color:#ffb300;background:#fff8df;transform:translateY(-2px)}#planning:has(.calendar-explanations [data-highlight="views"]:is(:hover,:focus)) .mobile-calendar-layer[data-layer="options"],#planning:has(.calendar-explanations [data-highlight="sync"]:is(:hover,:focus)) .mobile-calendar-layer[data-layer="options"],#planning:has(.calendar-explanations [data-highlight="filters"]:is(:hover,:focus)) .mobile-calendar-layer[data-layer="filters"],#planning:has(.calendar-explanations [data-highlight="unassigned"]:is(:hover,:focus)) .mobile-calendar-layer[data-layer="unassigned"],#planning:has(.calendar-explanations [data-highlight="unschedule"]:is(:hover,:focus)) .mobile-calendar-layer[data-layer="unassigned"]{opacity:1}#planning:has(.calendar-explanations [data-highlight="views"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="views"],#planning:has(.calendar-explanations [data-highlight="filters"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="filters"],#planning:has(.calendar-explanations [data-highlight="unassigned"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="unassigned"],#planning:has(.calendar-explanations [data-highlight="schedule"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="schedule"],#planning:has(.calendar-explanations [data-highlight="unschedule"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="unschedule"],#planning:has(.calendar-explanations [data-highlight="sync"]:is(:hover,:focus)) .mobile-calendar-hotspot[data-hotspot="sync"]{opacity:1;transform:scale(1)}
.callout.availability{border-color:#c4b5fd;background:linear-gradient(135deg,#f5f3ff,#faf5ff);color:#4c1d95}.callout.availability strong{color:#6d28d9}.page-guide-grid article:has(img:is([src*="manual-service-call-drafts-"],[src*="manual-tasks-"],[src*="manual-route-planner-"],[src*="manual-tickets-"],[src*="manual-planned-follow-up-calls-"],[src*="manual-user-time-entries-"],[src*="manual-stock-"],[src*="manual-price-lists-"],[src*="manual-territories-"],[src*="manual-sales-agents-"],[src*="manual-maintenance-types-"],[src*="manual-warehouses-"]))::after{content:"מסך זה אינו פתוח כברירת מחדל. ניתן לפנות אלינו ולבקש להפעיל אותו עבור הארגון.";display:block;margin-top:.8rem;padding:.65rem .75rem;border:1px solid #ddd6fe;border-radius:12px;background:#f5f3ff;color:#5b21b6;font-size:.9rem;line-height:1.55;font-weight:600}
.login-walkthrough{display:grid;gap:1.25rem}.login-step{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:1.4rem;align-items:start;padding:1.25rem;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.login-step-copy{display:flex;gap:.85rem;position:sticky;top:92px}.login-step-copy i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;font-style:normal;font-weight:800;font-size:1.15rem}.login-step-copy h3{margin:.2rem 0 .45rem}.login-step-copy p{margin:0;color:var(--muted);line-height:1.7}.login-step-media{display:grid;gap:1rem}.login-auth-media{grid-template-columns:repeat(2,minmax(0,1fr))}.login-step-media figure{margin:0}.login-step-media img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:#f8f7fc}.login-step-media figcaption{text-align:center;margin-top:.5rem;color:var(--muted);font-size:.9rem}.login-step-media.single-phone{justify-items:center}.login-step-media.single-phone figure{width:min(100%,360px)}
@media(max-width:760px){.login-step{grid-template-columns:1fr;padding:1rem}.login-step-copy{position:static}.login-auth-media{grid-template-columns:1fr}.login-step-media.single-phone figure{width:min(100%,320px)}}
.pwa-install{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:1.5rem;align-items:center;margin-top:28px;padding:28px;border:1px solid #d8cff2;border-radius:20px;background:linear-gradient(135deg,#f1edff,#fff 58%,#fff0f6)}.pwa-install h3{margin:0 0 .45rem;font-size:1.55rem}.pwa-install-copy>p:not(.eyebrow){margin:0 0 1.1rem;color:var(--muted)}.pwa-platforms{display:grid;gap:.7rem}.pwa-platforms article{display:grid;grid-template-columns:120px 1fr;gap:.8rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.86)}.pwa-platforms b{color:var(--primary)}.pwa-platforms span{color:var(--muted);font-size:.88rem;line-height:1.55}
@media(max-width:760px){.pwa-install{grid-template-columns:1fr;padding:20px}.pwa-install .button{width:100%}.pwa-platforms article{grid-template-columns:1fr;gap:.2rem}}
.media-pair.route-showcase{grid-template-columns:minmax(0,1fr) 240px;align-items:start}.route-showcase .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.route-showcase .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}.route-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.route-zones article{position:relative;padding:1.25rem;padding-top:2.8rem;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#fff,#faf8ff)}.route-zones span{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0ebff;color:var(--primary);font-weight:800}.route-zones h3{margin:0 0 .45rem}.route-zones p,.route-notes p{margin:0;color:var(--muted)}.route-steps{margin-top:1.5rem}.route-notes{margin-top:1.25rem}
@media(max-width:760px){.media-pair.route-showcase{grid-template-columns:1fr}.route-showcase .phone img{width:min(100%,280px)}.route-zones{grid-template-columns:1fr}}
.route-address-guide{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:var(--ground)}.route-address-guide .chapter-heading{margin-bottom:0}.route-address-guide .chapter-heading h3{margin:0 0 .4rem;font-size:1.4rem}.route-address-shots{grid-template-columns:minmax(0,1fr) 240px}.route-address-shots .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.route-address-shots .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}
@media(max-width:760px){.route-address-shots{grid-template-columns:1fr}.route-address-shots .phone img{width:min(100%,280px)}}
.route-map-guide{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#f5fbff,#fff)}.route-map-guide .chapter-heading{margin-bottom:0}.route-map-guide .chapter-heading h3{margin:0 0 .4rem;font-size:1.4rem}.route-map-shots{grid-template-columns:minmax(0,1fr) 240px}.route-map-shots .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.route-map-shots .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}
@media(max-width:760px){.route-map-shots{grid-template-columns:1fr}.route-map-shots .phone img{width:min(100%,280px)}}
.route-image-stage{position:relative;overflow:hidden;aspect-ratio:1569/912;border:1px solid var(--border);border-radius:13px;background:#f3f1f7}.route-showcase .route-image-stage>img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}.route-hotspot,.route-mobile-hotspot{position:absolute;z-index:2;pointer-events:none;opacity:0;border:3px solid #ffb300;border-radius:10px;background:rgba(255,193,7,.2);box-shadow:0 0 0 9999px rgba(28,20,45,.2),0 0 0 4px rgba(255,255,255,.9),0 8px 24px rgba(30,24,45,.28);transform:scale(.97);transition:opacity .16s ease,transform .16s ease}.route-hotspot b,.route-mobile-hotspot b{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);padding:3px 8px;border-radius:6px;background:#ffb300;color:#302200;font-size:.72rem;white-space:nowrap}.route-hotspot[data-hotspot="tech"]{inset:8% 2% 73% 80%}.route-hotspot[data-hotspot="date"]{inset:14% 20% 79% 48%}.route-hotspot[data-hotspot="start"]{inset:15% 32% 78% 56%}.route-hotspot[data-hotspot="suggest"]{inset:15% 42% 78% 48%}.route-hotspot[data-hotspot="backlog"]{inset:8% 82% 22% 1%}.route-hotspot[data-hotspot="route"]{inset:30% 20% 32% 38%}.route-hotspot[data-hotspot="times"]{inset:22% 20% 72% 25%}.route-hotspot[data-hotspot="apply"]{inset:22% 68% 72% 25%}.route-hotspot[data-hotspot="map"]{inset:25% 20% 69% 68%}.route-hotspot[data-hotspot="tech"] b,.route-hotspot[data-hotspot="date"] b,.route-hotspot[data-hotspot="start"] b{left:auto;right:calc(100% + 8px)}.route-mobile-stage{position:relative;width:240px;max-width:100%;aspect-ratio:390/844;margin:auto;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#f3f1f7}.route-showcase .route-mobile-stage>img{width:100%;height:100%;object-fit:fill;border:0;border-radius:0}.route-mobile-hotspot[data-hotspot="backlog"]{inset:7% 8% 4% 8%}.route-mobile-hotspot b{top:8px;left:8px;transform:none}.route-zones article[data-highlight],.route-steps article[data-highlight]{cursor:help;outline:2px solid transparent;transition:transform .16s ease,outline-color .16s ease,background .16s ease}.route-zones article[data-highlight]:hover,.route-zones article[data-highlight]:focus-visible,.route-steps article[data-highlight]:hover,.route-steps article[data-highlight]:focus-visible{outline-color:#ffb300;background:#fff8df;transform:translateY(-2px)}
.route-interactive-block{position:relative}.route-interactive-block .route-showcase{position:sticky;top:calc(var(--header) + 14px);z-index:20;padding:10px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(51,35,90,.12);backdrop-filter:blur(10px)}
#routes:has([data-highlight="tech"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="tech"],#routes:has([data-highlight="date"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="date"],#routes:has([data-highlight="start"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="start"],#routes:has([data-highlight="suggest"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="suggest"],#routes:has([data-highlight="backlog"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="backlog"],#routes:has([data-highlight="backlog"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="backlog"],#routes:has([data-highlight="route"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="route"],#routes:has([data-highlight="times"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="times"],#routes:has([data-highlight="apply"]:is(:hover,:focus-visible)) .route-hotspot[data-hotspot="apply"]{opacity:1;transform:scale(1)}
@media(max-width:760px){.route-interactive-block .route-showcase{position:static;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}}
.route-mobile-stage>img.route-mobile-base,.route-mobile-stage>img.route-mobile-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border:0;border-radius:0}.route-mobile-layer{z-index:1;opacity:0;transition:opacity .16s ease}.route-mobile-hotspot{z-index:2}.route-mobile-hotspot[data-hotspot="tech"],.route-mobile-hotspot[data-hotspot="backlog"]{inset:7% 8% 4% 8%}.route-mobile-hotspot[data-hotspot="date"]{inset:17% 20% 78% 20%}.route-mobile-hotspot[data-hotspot="start"]{inset:22% 4% 73% 47%}.route-mobile-hotspot[data-hotspot="suggest"]{inset:22% 48% 73% 4%}.route-mobile-hotspot[data-hotspot="times"]{inset:29% 4% 59% 4%}.route-mobile-hotspot[data-hotspot="apply"]{inset:36% 48% 59% 4%}.route-mobile-hotspot[data-hotspot="route"]{inset:46% 4% 1% 4%}
#routes:has([data-highlight="tech"]:is(:hover,:focus-visible)) .route-mobile-layer[data-layer="tech"],#routes:has([data-highlight="backlog"]:is(:hover,:focus-visible)) .route-mobile-layer[data-layer="backlog"]{opacity:1}#routes:has([data-highlight="tech"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="tech"],#routes:has([data-highlight="date"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="date"],#routes:has([data-highlight="start"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="start"],#routes:has([data-highlight="suggest"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="suggest"],#routes:has([data-highlight="route"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="route"],#routes:has([data-highlight="times"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="times"],#routes:has([data-highlight="apply"]:is(:hover,:focus-visible)) .route-mobile-hotspot[data-hotspot="apply"]{opacity:1;transform:scale(1)}
.media-pair.forms-showcase,.media-pair.forms-builder-showcase{grid-template-columns:minmax(0,1fr) 240px;align-items:start}.forms-showcase .wide-screen img,.forms-builder-showcase .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.forms-showcase .phone img,.forms-builder-showcase .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}.forms-steps{margin-top:1.5rem}
@media(max-width:760px){.media-pair.forms-showcase,.media-pair.forms-builder-showcase{grid-template-columns:1fr}.forms-showcase .phone img,.forms-builder-showcase .phone img{width:min(100%,280px)}}
.form-edit-example{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#f7f4ff,#fff)}.form-edit-example .chapter-heading{margin-bottom:0}.form-edit-example .chapter-heading h3{margin:0 0 .4rem;font-size:1.4rem}.form-edit-example-shots{grid-template-columns:minmax(0,1fr) 240px}.form-edit-example-shots .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.form-edit-example-shots .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}.form-example-notes{margin-top:1rem}.form-example-notes article{padding:1rem}.form-example-notes h3{font-size:1rem;margin-bottom:.35rem}.form-example-notes p{margin:0;font-size:.86rem}
@media(max-width:760px){.form-edit-example-shots{grid-template-columns:1fr}.form-edit-example-shots .phone img{width:min(100%,280px)}.form-example-notes{grid-template-columns:1fr}}
.form-preview-example{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#f3faff,#fff)}.form-preview-example .chapter-heading{margin-bottom:0}.form-preview-example .chapter-heading h3{margin:0 0 .4rem;font-size:1.4rem}.form-preview-shots{grid-template-columns:minmax(0,1fr) 240px}.form-preview-shots .wide-screen img{height:auto;aspect-ratio:1569/912;object-fit:contain}.form-preview-shots .phone img{width:240px;height:auto;aspect-ratio:390/844;object-fit:contain;margin:auto}
@media(max-width:760px){.form-preview-shots{grid-template-columns:1fr}.form-preview-shots .phone img{width:min(100%,280px)}}
.form-in-call-example{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:center;margin-top:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#fff8fb,#fff)}.form-in-call-copy h3{margin:0 0 .45rem;font-size:1.4rem}.form-in-call-copy>p:not(.eyebrow){color:var(--muted)}.form-in-call-example figure{width:280px;margin:auto}.form-in-call-example figure img{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}
@media(max-width:760px){.form-in-call-example{grid-template-columns:1fr}.form-in-call-example figure{width:min(100%,280px)}}
.billing-overview img,.billing-feature figure img{height:auto;aspect-ratio:1569/912;object-fit:contain}.billing-steps{margin-top:1.5rem}.billing-feature{margin-top:1.6rem;padding:1.4rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#f7f9ff,#fff)}.billing-feature .chapter-heading{margin-bottom:0}.billing-feature .chapter-heading h3{margin:0 0 .4rem;font-size:1.45rem}.billing-feature figure{margin-top:1rem}
.auth-brand strong{color:#5e66e0}
.portal-links{display:flex;align-items:center;gap:6px;white-space:nowrap}.portal-links a,.mobile-account a,.link-button{padding:9px 15px;border:0;border-radius:22px;background:transparent;color:var(--primary);font-size:.84rem;font-weight:700;cursor:pointer}.portal-links a:hover,.mobile-account a:hover,.link-button:hover{background:#f0ebff}.portal-links a[aria-current="page"],.mobile-account a[aria-current="page"]{background:#f0ebff}@media(max-width:760px){.portal-links a,.link-button{padding:8px 10px;font-size:.78rem}}
.page-guide-grid article{display:flex;flex-direction:column}.page-guide-grid article:has(img:is([src*="manual-service-call-drafts-"],[src*="manual-tasks-"],[src*="manual-route-planner-"],[src*="manual-tickets-"],[src*="manual-planned-follow-up-calls-"],[src*="manual-user-time-entries-"],[src*="manual-stock-"],[src*="manual-price-lists-"],[src*="manual-territories-"],[src*="manual-sales-agents-"],[src*="manual-maintenance-types-"],[src*="manual-warehouses-"]))::after{margin-top:auto}
.stock-interactive-guide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:1.25rem;align-items:start;margin:1.5rem 0}.stock-image-stage{position:sticky;top:88px;overflow:hidden;aspect-ratio:1569/912;border:1px solid var(--border);border-radius:15px;background:#f3f1f7}.stock-image-stage>img{display:block;width:100%;height:100%;object-fit:contain}.stock-hotspot{position:absolute;z-index:2;pointer-events:none;opacity:0;border:3px solid #ffb300;border-radius:9px;background:rgba(255,193,7,.2);box-shadow:0 0 0 9999px rgba(28,20,45,.2),0 0 0 3px rgba(255,255,255,.92),0 7px 20px rgba(30,24,45,.24);transform:scale(.96);transition:opacity .16s ease,transform .16s ease}.stock-hotspot b{position:absolute;bottom:calc(100% + 5px);right:0;padding:3px 7px;border-radius:6px;background:#ffb300;color:#302200;font-size:.7rem;white-space:nowrap}.stock-hotspot[data-stock-hotspot="stock-in"]{inset:10% 6.5% 85.5% 85.5%}.stock-hotspot[data-stock-hotspot="modes"]{inset:10% 88.5% 85.5% 2.7%}.stock-hotspot[data-stock-hotspot="search"]{inset:15.3% 82.5% 80.5% 3.4%}.stock-hotspot[data-stock-hotspot="expand"]{inset:29.7% 6.8% 65.5% 90.2%}.stock-hotspot[data-stock-hotspot="add"]{inset:47.4% 83.7% 48.7% 14.8%}.stock-hotspot[data-stock-hotspot="remove"]{inset:47.4% 85.8% 48.7% 12.8%}.stock-hotspot[data-stock-hotspot="transfer"]{inset:47.4% 87.8% 48.7% 10.8%}.stock-hotspot[data-stock-hotspot="minimum"]{inset:47.4% 89.8% 48.7% 8.8%}.stock-explanations{grid-template-columns:1fr}.stock-explanations article{cursor:help;outline:2px solid transparent;transition:transform .16s ease,outline-color .16s ease,background .16s ease}.stock-explanations article:hover,.stock-explanations article:focus-visible,.stock-explanations article:focus{outline-color:#ffb300;background:#fff8df;transform:translateY(-2px)}#stock-workflow:has(.stock-explanations [data-stock-highlight="stock-in"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="stock-in"],#stock-workflow:has(.stock-explanations [data-stock-highlight="modes"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="modes"],#stock-workflow:has(.stock-explanations [data-stock-highlight="search"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="search"],#stock-workflow:has(.stock-explanations [data-stock-highlight="expand"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="expand"],#stock-workflow:has(.stock-explanations [data-stock-highlight="add"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="add"],#stock-workflow:has(.stock-explanations [data-stock-highlight="remove"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="remove"],#stock-workflow:has(.stock-explanations [data-stock-highlight="transfer"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="transfer"],#stock-workflow:has(.stock-explanations [data-stock-highlight="minimum"]:is(:hover,:focus)) .stock-hotspot[data-stock-hotspot="minimum"]{opacity:1;transform:scale(1)}@media(max-width:980px){.stock-interactive-guide{grid-template-columns:1fr}.stock-image-stage{position:relative;top:auto}.stock-explanations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.stock-explanations{grid-template-columns:1fr}}
.stock-interactive-guide{display:block}.stock-interactive-guide .stock-image-stage{position:relative;top:auto;width:100%}.stock-interactive-guide .stock-explanations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.stock-guide-title{margin-top:2.5rem;margin-bottom:1rem}@media(max-width:980px){.stock-interactive-guide .stock-explanations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.stock-interactive-guide .stock-explanations{grid-template-columns:1fr}}
.stock-interactive-guide .stock-image-stage{position:sticky;top:88px;z-index:1;margin-top:1.25rem}.stock-interactive-guide .stock-explanations-primary{margin-top:0}.stock-interactive-guide .stock-explanations-actions{position:relative;z-index:2;background:var(--surface);padding-top:1.25rem}
.stock-walkthrough>article:nth-of-type(1){order:1}.stock-walkthrough>article:nth-of-type(2){order:2}.stock-walkthrough>article:nth-of-type(3){order:3}.stock-walkthrough>article:nth-of-type(4){order:4}.stock-walkthrough>.stock-guide-title{order:5}.stock-walkthrough>.stock-interactive-guide{order:6}.stock-walkthrough>.showcase-caption{order:7}
.stock-interactive-guide .stock-image-stage{z-index:20}.stock-interactive-guide .stock-explanations-actions{z-index:21}
.stock-interactive-guide .stock-image-stage{z-index:20}.stock-interactive-guide .stock-explanations-actions{z-index:auto}