@font-face{font-family:Neuzeit;src:url('assets/NeuzeitGro-Reg.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Neuzeit;src:url('assets/NeuzeitGro-Bol.otf') format('opentype');font-weight:700;font-display:swap}
:root{--ink:#0c0d39;--blue:#0f95ff;--royal:#1010ac;--aqua:#1bcdd3;--muted:#59647a;--line:#dce3ed;--pale:#f2f7fc;--paper:#fff;--red:#f2385a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:Neuzeit,Arial,sans-serif;font-size:18px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.07;letter-spacing:-.035em}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:25px;line-height:1.15}p{font-size:18px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1280px;width:calc(100% - 96px);margin:0 auto}.section{padding-top:108px;padding-bottom:108px}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:700;line-height:1.4;color:var(--royal);margin-bottom:22px}.masthead{height:98px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.brand-pair{display:flex;align-items:center;gap:23px}.brand-divider{width:1px;height:36px;background:var(--line)}.cario-logo{width:140px;height:52px;position:relative;overflow:hidden;display:block}.cario-logo img{position:absolute;width:180px;max-width:none;left:-15px;top:-14px}.srg-logo{display:block;position:relative;overflow:hidden;width:154px;height:43px}.srg-logo img{position:absolute;max-width:none;width:185px;left:-15px;top:-39px}.masthead nav{display:flex;gap:26px;align-items:center;font-size:15px}.masthead nav a:hover{color:var(--royal)}.nav-cta{border:1px solid var(--line);padding:11px 17px;border-radius:6px}.hero{padding-top:76px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1.06fr;gap:44px;align-items:center}.hero h1{font-size:clamp(52px,5.7vw,80px);letter-spacing:-.055em;line-height:1.02;margin-bottom:26px}.hero h1 span{color:var(--blue)}.hero-lead{font-size:24px;line-height:1.35;max-width:480px;margin-bottom:19px}.hero-body{color:var(--muted);max-width:495px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:14px 19px;font-size:16px;font-weight:700;line-height:1.3;transition:background .15s}.primary{background:var(--royal);color:white}.primary:hover{background:var(--ink)}.secondary{border-color:var(--line);background:white}.secondary:hover{background:var(--pale)}.play-small{font-size:12px}.hero-foot{font-size:14px;color:var(--muted);margin-top:22px}.hero-visual{position:relative;background:var(--ink);padding:27px 23px 30px;border-radius:15px;box-shadow:0 30px 65px #0c0d391b;margin-bottom:25px}.visual-heading{display:flex;align-items:center;justify-content:space-between;color:white;font-size:10px;letter-spacing:.12em;margin-bottom:21px;gap:12px}.mini-label{font-size:11px;letter-spacing:0;color:#a0b4d2;border:1px solid #465070;padding:4px 8px;border-radius:4px}.hero-screen{border-radius:6px;overflow:hidden;background:white;height:330px;position:relative}.hero-screen img{max-width:none;width:880px}.hero-note{background:#fff;box-shadow:0 12px 30px #0002;border:1px solid var(--line);display:flex;gap:12px;align-items:center;border-radius:8px;padding:16px 18px;position:absolute;bottom:-43px;left:25px;right:25px}.note-symbol{background:#e0f8fa;color:#087a82;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.hero-note strong,.hero-note span:not(.note-symbol){display:block;font-size:15px}.hero-note div>span{color:var(--muted);margin-top:3px}.hero-tag{position:absolute;right:-17px;top:95px;background:var(--aqua);font-size:15px;line-height:1.3;padding:14px 18px;border-radius:6px;box-shadow:0 9px 25px #0001}.value-strip{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:29px;padding-bottom:29px}.value-grid>div{display:flex;gap:17px;align-items:flex-start}.value-index{font-size:13px;color:var(--blue);border-top:2px solid var(--blue);padding-top:5px;font-weight:700}.value-grid strong{display:block;font-size:18px}.value-grid p>span{display:block;font-size:15px;color:var(--muted);margin-top:4px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.section-heading>p{color:var(--muted);max-width:490px}.dashboard-figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #0c0d390b}.figure-bar{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;background:var(--ink);color:#fff;padding:13px 20px}.figure-bar span+span{font-weight:400;color:#b7c4de}figcaption{font-size:14px;color:var(--muted);padding:18px 21px;background:var(--pale)}.footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;font-size:14px;color:var(--muted)}.skip{position:fixed;top:-60px;left:10px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.masthead{padding:0 28px}.masthead nav{gap:16px}.masthead nav a:first-child{display:none}.hero{gap:28px}.hero h1{font-size:60px}.hero-screen{height:300px}.hero-screen img{width:780px}.hero-tag{right:-8px}.hero-visual{padding:20px 16px 27px}.hero-note{left:13px;right:13px}.hero-lead{font-size:22px}.section-heading{gap:35px}.brand-pair{gap:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{height:83px;padding:0 20px}.brand-pair{gap:13px}.cario-logo{width:111px;height:43px}.cario-logo img{width:143px;left:-12px;top:-11px}.srg-logo{width:120px;height:34px}.srg-logo img{width:145px;left:-12px;top:-31px}.brand-divider{height:29px}.masthead nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:80px;gap:40px}.hero h1{font-size:clamp(48px,10.5vw,70px)}.hero-lead{font-size:23px;max-width:none}.hero-body{max-width:none}.hero-visual{margin:0 0 25px}.hero-screen{height:260px}.hero-screen img{width:720px}.visual-heading{font-size:9px}.hero-note strong,.hero-note span:not(.note-symbol){font-size:13px}.hero-tag{top:98px;font-size:13px}.hero-foot{font-size:13px}.value-grid{grid-template-columns:1fr;gap:24px}.section{padding-top:68px;padding-bottom:68px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.section-heading>p{max-width:none}.eyebrow{font-size:12px;margin-bottom:17px}.dashboard-figure{overflow:hidden}.footer{flex-direction:column;gap:8px}.button{font-size:15px}.actions{gap:10px}.hero .actions .button{flex:1;padding:14px 10px;white-space:nowrap}}
.expand,.image-top button,.art-enlarge{border:0;background:transparent;color:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:0}.expand span,.image-top button span{font-size:17px;margin-left:6px}.hotspot-stage{position:relative}.hotspot-stage>img{width:100%}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:29px;height:29px;border:2px solid white;background:var(--royal);box-shadow:0 2px 7px #0c0d3950;border-radius:50%;color:white;display:grid;place-items:center;padding:0;font-size:14px;font-weight:700}.hotspot.selected{background:var(--blue);box-shadow:0 0 0 5px #0f95ff33}.tour-controls{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px}.tour-controls button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--muted);padding:10px 15px;font-size:14px}.tour-controls button.selected{color:var(--royal);border-color:var(--royal);background:#f2f3ff;font-weight:700}.tour-description{display:flex;gap:25px;padding:27px 0 0;max-width:900px;min-height:140px}.tour-number{font-size:35px;line-height:1;color:var(--blue);font-weight:700}.tour-description h3{font-size:25px;margin-bottom:9px}.tour-description p{color:var(--muted);font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.login-section{background:var(--pale)}.login-art{height:490px;position:relative;background:#deedf9;border:1px solid #d0e2f1;border-radius:12px;overflow:hidden}.login-art-title{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;padding:20px 24px;font-weight:700}.line-icon{font-size:22px;line-height:1}.login-crop{position:absolute;right:20px;top:72px;width:300px;height:373px;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #24466623;background:white}.login-crop>img{max-width:none;width:770px;position:absolute;left:-435px;top:-95px}.login-callout{position:absolute;z-index:2;left:21px;top:146px;padding:15px;background:var(--ink);color:white;border-radius:7px;width:194px;box-shadow:0 7px 20px #0c0d3917}.number-dot{background:var(--aqua);color:var(--ink);display:grid;place-items:center;border-radius:50%;width:26px;height:26px;font-size:14px;margin-bottom:9px;font-weight:700}.login-callout strong{font-size:17px;line-height:1.2;display:block}.login-callout div>span{display:block;font-size:13px;line-height:1.35;color:#b9c7de;margin-top:6px}.login-callout svg{position:absolute;right:-64px;top:3px;width:77px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art-enlarge{position:absolute;bottom:19px;left:24px;color:var(--royal)}.section-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.step-list{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:20px}.step-list li{display:flex;gap:15px;align-items:flex-start}.step-list li>span{flex:none;width:29px;height:29px;border:1px solid #b9cde0;border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--royal);font-weight:700}.step-list strong{font-size:17px}.step-list p{font-size:16px;color:var(--muted);margin-top:3px}.section-copy>p.outcome{font-size:16px;line-height:1.5;border-left:3px solid var(--blue);padding-left:17px;margin-top:28px;color:var(--ink)}.filter-showcase{display:grid;grid-template-columns:.8fr 1.5fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.filter-story{padding:30px 28px;display:flex;flex-direction:column;align-items:flex-start}.feature-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);width:100%;margin-bottom:32px}.feature-tabs button{padding:10px 9px;border:0;border-bottom:3px solid transparent;font-size:15px;background:white;color:var(--muted);white-space:nowrap}.feature-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--royal);font-weight:700}.example-label{color:var(--royal);font-size:12px;letter-spacing:.09em;font-weight:700;margin-bottom:16px}.filter-story h3{font-size:31px;margin-bottom:17px}.filter-story #filter-copy{font-size:17px;color:var(--muted)}.filter-tip{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.filter-tip strong{font-size:14px}.filter-tip p{font-size:15px;color:var(--muted);margin-top:5px}.filter-image{margin:0;background:var(--pale);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-width:0}.image-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;font-size:13px;font-weight:700;background:var(--ink);color:white}.filter-image-body{position:relative;overflow:hidden;background:white}.filter-image-body>img{width:100%}.filter-image figcaption{font-size:13px}.filter-ring{position:absolute;pointer-events:none;border:2px solid var(--blue);border-radius:5px;left:75%;top:28.3%;width:16.5%;height:5.1%;box-shadow:0 0 0 3px #0f95ff22}.filter-image-body.sender .filter-ring{left:81%;top:23.5%;width:12.5%;height:4.3%}.filter-image-body.delivered .filter-ring{left:46%;top:23.5%;width:14.5%;height:4.1%}.search-note{display:flex;gap:20px;margin-top:27px;padding:24px 28px;background:var(--pale);border-radius:8px}.search-note>svg{width:25px;height:25px;stroke:var(--blue);stroke-width:1.7;fill:none;flex:none;margin-top:3px}.search-note strong{font-size:18px}.search-note p{font-size:16px;color:var(--muted);margin-top:5px}.exceptions{background:var(--ink);color:white}.exceptions .eyebrow{color:var(--aqua)}.exceptions .section-copy>p:not(.eyebrow){color:#c2cbe0}.exceptions .section-copy>p.outcome{color:white;border-color:var(--aqua)}.exceptions .split{grid-template-columns:1.12fr 1fr;gap:85px}.status-demo{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:27px 0 0;border:1px solid #3d4567;padding:18px 20px;border-radius:7px;background:#151941;position:relative}.status-alert{font-size:17px}.status-alert i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}.status-info{background:var(--red);color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;line-height:1;font-size:14px;cursor:help;font-weight:700}.status-tooltip{display:none;position:absolute;z-index:3;bottom:calc(100% + 8px);left:12px;right:12px;background:#fff;color:var(--ink);padding:16px;border-radius:6px;font-size:14px;line-height:1.5;font-weight:400;box-shadow:0 10px 30px #0004}.status-info:hover .status-tooltip,.status-info:focus .status-tooltip{display:block}.hover-hint{font-size:12px;color:#9fabc7;margin-left:auto}.section-copy>p.exception-detail{font-size:16px;margin-top:20px}.exception-art{margin:0;max-width:470px;justify-self:end;background:white;color:var(--ink);border-radius:10px;overflow:hidden;border:1px solid #4b5272;box-shadow:0 20px 45px #0003}.exception-art .image-top{font-size:10px;letter-spacing:.07em;background:#22274d}.exception-art>img{width:100%}.exception-caption{padding:19px 22px;display:flex;gap:14px}.attention-mark{background:#fff0f3;color:var(--red);display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;font-weight:700}.exception-caption strong{display:block;font-size:16px}.exception-caption p>span{display:block;font-size:14px;line-height:1.4;color:var(--muted);margin-top:3px}.detail-layout{display:grid;grid-template-columns:.66fr 1.5fr;gap:32px;align-items:start}.detail-options{display:grid;gap:10px}.detail-options button{border:1px solid var(--line);border-radius:8px;background:white;text-align:left;padding:23px;color:var(--ink)}.detail-options button[aria-selected=true]{border-color:var(--blue);background:#f0f8ff;box-shadow:inset 4px 0 var(--blue)}.detail-options .detail-kicker{display:block;font-size:11px;letter-spacing:.08em;color:var(--royal);font-weight:700;margin-bottom:10px}.detail-options strong{display:block;font-size:22px;margin-bottom:9px;line-height:1.2}.detail-options button>span:last-child{display:block;color:var(--muted);font-size:16px;line-height:1.4}.detail-panel{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.detail-panel>img{width:100%;height:410px;object-fit:contain;background:#edf0f5}.detail-panel figcaption{min-height:86px}.availability-note{font-size:14px;color:var(--muted);margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.customise{background:var(--pale)}.customise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.customise-grid article{border-top:1px solid #cbd8e6;padding-top:20px}.customise-grid h3{font-size:23px;margin:22px 0 14px}.customise-grid p{font-size:17px;color:var(--muted)}.mini-visual{height:115px;display:flex;align-items:center;gap:5px;background:#e5eef8;border-radius:7px;overflow:hidden;padding:20px}.column-visual>span{font-size:15px;padding:11px 15px;background:white;border:1px solid #cbdaeb;border-radius:5px;white-space:nowrap}.column-visual .column-active{background:var(--royal);color:white;box-shadow:0 8px 20px #1010ac20;transform:translateY(-7px);border:0}.column-visual b{color:var(--aqua);font-size:21px;margin-left:10px}.column-faded{opacity:.6}.sorting-visual{align-items:stretch;gap:5px;flex-direction:column;padding:14px 24px;font-size:12px}.sorting-visual>span{display:flex;align-items:center;gap:12px}.sorting-visual>span:first-child{font-size:14px;font-weight:700}.sorting-visual i{display:inline-block;height:7px;background:var(--blue);border-radius:2px;max-width:140px}.export-visual{justify-content:center;gap:20px}.export-visual svg{width:29px;height:29px;fill:none;stroke:var(--royal);stroke-width:1.5}.export-visual>span{font-size:20px}.export-visual b{font-size:13px;border:1px solid #aec8e3;background:white;padding:8px;margin-left:10px;border-radius:4px;color:var(--royal)}.video-shell{background:var(--ink);padding:13px;border-radius:12px;box-shadow:0 15px 50px #0c0d3917}.video-shell video{width:100%;display:block;border-radius:5px;aspect-ratio:16/9;background:var(--ink)}.video-chapters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:24px 0}.video-chapters>span{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-right:7px}.video-chapters button{border:1px solid var(--line);background:white;padding:10px 15px;border-radius:5px;font-size:15px;color:var(--ink)}.video-chapters b{color:var(--royal);margin-right:8px}.video-summary{border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.video-summary summary{font-size:15px;cursor:pointer;color:var(--ink)}.video-summary p{font-size:16px;max-width:920px;margin-top:17px}.getting-started{background:var(--pale)}.routine{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.routine article{display:grid;grid-template-columns:43px 1fr;column-gap:14px}.routine article>span{grid-row:1/3;font-size:26px;color:var(--blue);line-height:1}.routine h3{font-size:25px}.routine p{font-size:17px;color:var(--muted);margin-top:13px}.closing{background:var(--royal);color:white;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;margin-top:65px;padding:52px;border-radius:12px}.closing .eyebrow{color:#91e7fa;font-size:12px}.closing h2{font-size:43px}.closing p:not(.eyebrow){font-size:17px;line-height:1.5;margin-top:20px;color:#d7e4ff}.closing-list p{display:flex;align-items:center;gap:13px}.closing-list p>span{color:var(--aqua);font-size:21px}.closing-list .button{background:white;color:var(--royal);margin-top:27px}.footer button{border:0;background:transparent;color:var(--royal);font-size:14px;text-decoration:underline;padding:0}dialog{padding:0;border:0;border-radius:10px;width:calc(100% - 50px);max-width:1500px;max-height:94vh;color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#03051bcc;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line);background:white}.dialog-top p{font-size:17px}.dialog-top button{border:1px solid var(--line);background:var(--pale);padding:8px 15px;border-radius:4px;color:var(--ink);white-space:nowrap;font-size:15px}.dialog-top button span{font-size:20px;margin-left:8px}.dialog-image{overflow:auto;max-height:calc(94vh - 135px);background:#edf0f5}.dialog-image img{width:auto;max-width:none;min-width:100%;height:auto;display:block}.dialog-hint{font-size:13px;color:var(--muted);padding:12px 22px;border-top:1px solid var(--line)}
@media(max-width:1180px){.split{gap:40px}.login-art{height:480px}.login-crop{right:10px}.login-callout{left:10px;width:165px;top:230px}.login-callout svg{transform:rotate(-40deg);top:-32px;right:-53px}.filter-showcase{grid-template-columns:.9fr 1.25fr}.filter-story{padding:25px 20px}.feature-tabs button{font-size:14px;padding:10px 7px}.exceptions .split{gap:45px}.hover-hint{width:100%;margin-left:0}.detail-panel>img{height:390px}.detail-options button{padding:19px}.customise-grid{gap:25px}.closing{padding:40px;gap:40px}.closing h2{font-size:37px}}
@media(max-width:900px){.filter-showcase{grid-template-columns:1fr}.filter-story{padding:26px}.feature-tabs{margin-bottom:24px;gap:20px}.filter-story h3 br{display:none}.filter-tip{margin-top:15px;padding-top:15px}.filter-image{border-left:0;border-top:1px solid var(--line)}.filter-image-body>img{width:100%}.detail-layout{grid-template-columns:1fr}.detail-options{grid-template-columns:repeat(3,1fr)}.detail-options strong{font-size:19px}.detail-options button{padding:16px}.detail-options button>span:last-child{font-size:14px}.detail-panel>img{height:auto;max-height:570px}.detail-panel figcaption{min-height:0}.login-callout{left:8px;top:276px;width:160px}.login-callout svg{display:none}.login-crop{right:8px;width:285px}.customise-grid{gap:20px}.mini-visual{padding:12px}.column-visual>span{padding:8px;font-size:13px}.closing{gap:25px;padding:32px}.closing h2{font-size:34px}}
@media(max-width:760px){.split,.exceptions .split{grid-template-columns:1fr;gap:40px}.login-art{height:440px;max-width:520px;width:100%;margin:auto;order:2}.login-crop{right:25px;top:58px;width:300px;height:335px}.login-callout{top:132px;left:15px;width:177px}.login-callout svg{display:block;right:-60px;top:0;transform:none}.login-section .section-copy{order:1}.tour-controls{gap:7px;padding-top:18px}.tour-controls button{font-size:13px;padding:9px 11px;flex:1 0 29%}.hotspot{width:22px;height:22px;font-size:11px;border-width:1px}.tour-description{gap:15px;padding-top:23px;min-height:160px}.tour-description h3{font-size:23px}.tour-description p{font-size:16px}.figure-bar{font-size:12px;padding:12px 15px}.expand{font-size:12px}.tour-number{font-size:29px}.exceptions .exception-art{justify-self:center;width:100%;max-width:460px}.hover-hint{width:auto;margin-left:0;font-size:12px}.detail-options{gap:6px}.detail-options button{padding:13px 10px}.detail-options .detail-kicker{display:none}.detail-options strong{font-size:17px;margin-bottom:0}.detail-options button>span:last-child{display:none}.detail-options button[aria-selected=true]{box-shadow:inset 0 -3px var(--blue)}.detail-layout{gap:20px}.detail-panel>img{min-height:220px;object-fit:contain}.customise-grid{grid-template-columns:1fr;gap:35px}.customise-grid article{display:grid;grid-template-columns:115px 1fr;gap:0 22px;padding-top:25px}.customise-grid h3{margin:0 0 12px;font-size:23px}.customise-grid .mini-visual{grid-row:1/3;height:110px;margin:0}.column-visual{position:relative}.column-visual .column-faded{display:none}.column-visual>span:last-child{display:none}.column-visual .column-active{transform:none;padding:10px}.export-visual{flex-direction:column;gap:10px}.export-visual>span{font-size:14px}.export-visual b{display:none}.sorting-visual{padding:12px;gap:8px}.customise-grid p{font-size:16px}.video-shell{padding:7px;border-radius:8px}.video-chapters{gap:8px}.video-chapters>span{width:100%}.video-chapters button{font-size:13px;padding:8px 9px}.video-chapters b{margin-right:4px}.routine{grid-template-columns:1fr;gap:28px;margin-top:30px}.routine article{column-gap:12px;grid-template-columns:35px 1fr}.routine p{margin-top:7px}.closing{grid-template-columns:1fr;margin-top:40px;padding:30px 24px;gap:10px}.closing h2{font-size:36px}.closing p:not(.eyebrow){font-size:16px}.closing-list .button{width:100%}.footer{align-items:flex-start}.image-top{font-size:12px;padding:12px 15px}.image-top button{font-size:12px}.search-note{padding:22px 20px;gap:14px}.search-note strong{font-size:17px}.search-note p{font-size:15px}.section-copy>p:not(.eyebrow){margin-top:20px}.step-list{gap:19px}.art-enlarge{font-size:12px}.dialog-top{padding:12px}.dialog-top p{font-size:14px}.dialog-top button{font-size:13px;padding:7px 10px}.dialog-hint{padding:10px 12px;font-size:12px}.dialog-image img{max-width:none;width:auto;min-width:1100px}dialog{width:calc(100% - 20px)}.availability-note{font-size:13px}}
@media(max-width:420px){.hero h1{font-size:48px}.hero .actions{flex-direction:column}.hero-screen{height:235px}.hero-note{padding:12px 10px;gap:9px}.hero-note .note-symbol{width:27px;height:27px;flex:none}.hero-note strong,.hero-note span:not(.note-symbol){font-size:12px}.login-crop{right:10px;width:280px}.login-callout{top:255px;width:155px;left:9px}.login-callout svg{display:none}.login-callout strong{font-size:16px}.login-callout div>span{font-size:12px}.hotspot{display:none}.tour-controls button{flex-basis:40%}.feature-tabs{gap:12px}.customise-grid article{grid-template-columns:95px 1fr;gap:0 15px}.customise-grid h3{font-size:21px}.hover-hint{width:100%}.status-demo{padding:16px}.visual-heading{letter-spacing:.07em}.mini-label{font-size:10px}}
@media print{@page{size:A4;margin:14mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html{scroll-padding-top:0}body{font-size:10pt}.wrap{width:100%;max-width:none}.masthead{height:60px;padding:0}.masthead nav,.actions,.hotspot,.tour-controls,.expand,.image-top button,.art-enlarge,.video-chapters,video,.video-summary,.footer button,dialog,.hover-hint{display:none!important}.section{padding:25px 0}.hero{padding:35px 0;gap:25px}.hero h1{font-size:40px}.hero-lead{font-size:17px}.hero-body,p{font-size:12px}.hero-visual{padding:15px;margin-bottom:30px}.hero-screen{height:210px}.hero-screen img{width:560px}.hero-tag{font-size:11px;right:0}.hero-note{padding:10px;left:10px;right:10px;bottom:-32px}.hero-note strong,.hero-note span:not(.note-symbol){font-size:10px}.eyebrow{font-size:9px;margin-bottom:10px}h2{font-size:29px}.section-heading{gap:30px;margin-bottom:20px}.section-heading p{font-size:12px}.value-grid{gap:15px;padding:18px 0}.value-grid strong{font-size:13px}.value-grid p>span{font-size:11px}.overview{break-before:page}.dashboard-figure,.filter-showcase,.split,.detail-layout,.customise-grid,.routine,.closing{break-inside:avoid}.tour-description{min-height:0;padding-top:18px}.tour-description h3{font-size:17px}.tour-description p{font-size:12px}.login-section,.exceptions,.detail-section,.customise,.video-section,.getting-started{break-before:page}.split,.exceptions .split{gap:25px;grid-template-columns:1fr 1fr}.section-copy>p:not(.eyebrow),.step-list p{font-size:12px;margin-top:12px}.step-list{gap:12px;margin-top:18px}.step-list strong{font-size:13px}.section-copy>p.outcome{font-size:12px;margin-top:18px}.login-art{height:390px}.login-crop{right:10px;top:55px;width:240px;height:295px}.login-crop>img{width:650px;left:-366px;top:-82px}.login-callout{width:133px;left:10px;top:228px;padding:11px}.login-callout svg{display:none}.login-callout strong{font-size:13px}.login-callout div>span{font-size:10px}.login-art-title{font-size:8px;padding:15px}.filter-showcase{grid-template-columns:1fr 1.3fr}.filter-story{padding:17px}.feature-tabs{gap:0;margin-bottom:16px}.feature-tabs button{font-size:10px;padding:7px}.filter-story h3{font-size:22px}.filter-story #filter-copy,.filter-tip p{font-size:12px}.example-label{font-size:9px}.search-note p{font-size:12px}.search-note strong{font-size:14px}.exception-caption{padding:12px}.exception-caption strong{font-size:12px}.exception-caption p>span{font-size:11px}.status-alert{font-size:13px}.detail-layout{grid-template-columns:.7fr 1.5fr;gap:20px}.detail-options{grid-template-columns:1fr}.detail-options button{padding:13px}.detail-options strong{font-size:16px}.detail-options button>span:last-child{font-size:12px}.detail-panel>img{height:auto}.detail-panel figcaption{font-size:11px;min-height:0}.customise-grid{gap:20px}.customise-grid h3{font-size:18px}.customise-grid p{font-size:12px}.mini-visual{height:80px;padding:10px}.column-visual>span{font-size:10px;padding:6px}.video-shell{background:var(--ink) url('assets/video-poster.jpg') center/contain no-repeat;aspect-ratio:16/9;padding:0}.video-section:after{content:'Watch the 43-second video in the HTML edition of this guide.';display:block;font-size:11px;margin-top:15px}.routine{gap:20px;margin-top:20px}.routine h3{font-size:19px}.routine p{font-size:12px}.closing{padding:28px;gap:25px;margin-top:35px}.closing h2{font-size:29px}.closing p:not(.eyebrow){font-size:12px}.closing .button{display:none}.footer{font-size:10px;padding:18px 0}.availability-note{font-size:10px}.image-top{font-size:10px}.figure-bar,figcaption{font-size:10px}}
.hero-copy,.hero-visual,.section-copy,.split>*,.section-heading>*,.detail-layout>*,.customise-grid>*{min-width:0}
html{scroll-behavior:auto}
@media screen and (max-width:760px){.login-art{height:540px}.login-crop{left:50%;right:auto;transform:translateX(-50%);height:365px}.login-callout{top:auto;bottom:42px;left:20px;width:calc(100% - 40px);display:flex;align-items:center;gap:13px;padding:13px 16px}.login-callout .number-dot{flex:none;margin:0}.login-callout svg{display:none}.login-callout strong{font-size:17px}.login-callout div>span{font-size:13px;margin-top:3px}.art-enlarge{bottom:16px;left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}