.ramon-section-v3 .i-section{padding-top:48px;padding-bottom:48px}.ramon-section-v3.ramon-section-v5 .i-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:48px}.ramon-section-v5 #real-case{position:relative;width:min(100%,384px);margin-inline:auto;padding-inline:7px}.ramon-section-v5 #real-case:before,.ramon-section-v5 #real-case:after{content:"";position:absolute;z-index:0;width:4px;border-radius:4px 0 0 4px;background:#202020}.ramon-section-v5 #real-case:before{top:126px;left:2px;height:76px;box-shadow:0 -46px #202020}.ramon-section-v5 #real-case:after{top:154px;right:2px;height:96px;border-radius:0 4px 4px 0}.ramon-section-v5 #real-case .i-demo{position:relative;z-index:1;padding-top:29px;border:8px solid #171717;border-radius:48px;background:#fff;box-shadow:0 18px 42px #14141424,0 0 0 1px #8b8b8b;font-size:12px;line-height:1.42}.ramon-section-v5 #real-case .i-demo:before{content:"09:41";position:absolute;z-index:3;top:8px;left:27px;color:#111;font-size:9px;font-weight:650;letter-spacing:-.01em}.ramon-section-v5 #real-case .i-demo:after{content:"";position:absolute;z-index:3;top:6px;left:50%;width:82px;height:20px;border-radius:999px;background:#080808;transform:translate(-50%)}.ramon-section-v5 #real-case .i-demo-head{padding:13px 15px;gap:9px}.ramon-section-v5 #real-case .i-mini-brand{width:29px;height:29px;border-radius:9px;font-size:16px}.ramon-section-v5 #real-case .i-demo-head strong{font-size:12px}.ramon-section-v5 #real-case .i-demo-head>div>span,.ramon-section-v5 #real-case .i-label,.ramon-section-v5 #real-case .i-demo-foot{font-size:10px}.ramon-section-v5 #real-case .i-demo-body{padding:15px}.ramon-section-v5 #real-case .i-message{margin-bottom:14px;padding:11px 12px;border-radius:10px}.ramon-section-v5 #real-case .i-label{margin-bottom:5px}.ramon-section-v5 #real-case .i-file{margin-top:9px;padding:7px 8px;font-size:10px}.ramon-section-v5 #real-case .i-file svg,.ramon-section-v5 #real-case .i-demo-result li svg{width:13px;height:13px}.ramon-section-v5 #real-case .i-response>p{margin-bottom:9px}.ramon-section-v5 #real-case .i-demo-result{padding:10px 12px}.ramon-section-v5 #real-case .i-demo-result strong,.ramon-section-v5 #real-case .i-demo-result ul{font-size:10.5px}.ramon-section-v5 #real-case .i-demo-result ul{margin-top:6px}.ramon-section-v5 #real-case .i-demo-result li{gap:6px;margin:3px 0}.ramon-section-v5 #real-case .i-sources{margin-top:10px;font-size:9px}.ramon-section-v5 #real-case .i-demo-foot{padding:9px 14px}.ramon-section-v5 #real-case .i-demo-foot svg{width:14px;height:14px}.ramon-section-v5 #real-case>.i-caption{max-width:360px;margin:12px auto 0;text-align:center}@media(min-width:901px){.ramon-section-v5 .i-hero-copy .i-lead{max-width:650px;font-size:18px;line-height:1.55}}.ramon-section-v5 .i-hero-copy .i-organised{max-width:650px;margin:22px 0 12px;color:var(--i-red);font-size:18px;font-weight:400;line-height:1.55}.ramon-section-v5 .i-hero{position:relative;isolation:isolate}.ramon-section-v5 .i-hero>:not(.i-hero-art){position:relative;z-index:1}.ramon-section-v5 .i-hero-art{display:none;pointer-events:none}@media(min-width:901px){.ramon-section-v5 .i-hero-art{position:absolute;z-index:0;bottom:4px;left:72%;display:block;width:min(760px,52vw);transform:translate(-50%);opacity:.62;mix-blend-mode:multiply}.ramon-section-v5 .i-hero-art img{display:block;width:100%;height:auto}}@media(max-width:900px){.ramon-section-v5 .i-hero{overflow:clip}.ramon-section-v5 .i-hero-art{position:absolute;z-index:0;bottom:-48px;left:52%;display:block;width:680px;max-width:none;transform:translate(-50%);opacity:.42;mix-blend-mode:multiply}.ramon-section-v5 .i-hero-art img{display:block;width:100%;height:auto}}@media(max-width:900px){.ramon-section-v3.ramon-section-v5 .i-hero-grid{grid-template-columns:1fr}}@media(max-width:600px){.ramon-section-v5 #real-case{width:min(100%,342px);padding-inline:6px}.ramon-section-v5 #real-case .i-demo{border-width:7px;border-radius:42px;font-size:11.5px}}.ramon-section-v3 .i-hero{padding-top:46px;padding-bottom:34px}.ramon-section-v3 .i-hero-grid{align-items:center;gap:56px}.ramon-section-v3 .i-hero .i-demo-head{padding:18px 20px}.ramon-section-v3 .i-hero .i-demo-body{padding:20px}.ramon-section-v3 .i-hero .i-message{margin-bottom:16px;padding:14px 16px}.ramon-section-v3 .i-hero .i-response>p{margin-bottom:12px}.ramon-section-v3 .i-hero .i-demo-result{padding:13px 16px}.ramon-section-v3 .i-hero .i-demo-result li{margin:5px 0}.ramon-section-v3 .i-hero .i-sources{margin-top:14px}.ramon-section-v3 .i-hero .i-demo-foot{padding:12px 20px}.ramon-section-v3 .i-hero .i-caption{margin-top:10px;margin-bottom:0}.ramon-section-v3 #tasks{padding-top:48px;background:var(--i-cream);box-shadow:inset 0 1px #f0e3aa}.ramon-section-v5 .i-inner-hero{max-width:1240px;padding-top:32px;padding-bottom:32px}.ramon-section-v5 .i-inner-hero h1{margin:18px 0 16px;font-size:36px;line-height:1.12}.ramon-section-v5 .i-inner-hero>p{max-width:900px;font-size:18px;line-height:1.55}.ramon-section-v5 .i-section-heading{margin-bottom:30px}.ramon-section-v5 .i-section-heading h2,.ramon-section-v5 .i-audience-overview h2{margin-bottom:18px;font-size:32px;line-height:1.2}.ramon-section-v5 .i-section-heading>p{font-size:18px;line-height:1.55}.ramon-section-v3 #situations,.ramon-section-v3 #pricing{background:var(--i-soft)}.ramon-section-v3 #features,.ramon-section-v3 #interfaces,.ramon-section-v3 #faq{background:#fff}.ramon-section-v3 #year-round{background:var(--i-red-soft)}.ramon-section-v3 #security{background:var(--i-cream)}.ramon-section-v3 #situations,.ramon-section-v3 #features,.ramon-section-v3 #year-round,.ramon-section-v3 #interfaces,.ramon-section-v3 #security,.ramon-section-v3 #pricing,.ramon-section-v3 #faq{box-shadow:inset 0 1px #0000000b}.ramon-section-v4 .i-header{border-bottom-color:#deded9;background:#f3f3f1}.ramon-section-v4 #tasks{background:#f3f3f1;box-shadow:inset 0 1px #dfdfda}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs){align-items:end;gap:10px;border-bottom:1px solid #d4d4cf}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button{min-width:190px;padding:14px 22px;border:1px solid transparent;border-bottom-width:3px;border-radius:12px 12px 0 0;transition:background .15s,border-color .15s,color .15s}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button:first-child{border-color:#ead050;border-bottom-color:transparent;background:var(--i-cream)}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button:first-child[aria-selected=true]{border-color:#ead050;border-bottom-color:var(--i-red);background:#fff3a3}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button:nth-child(2){border-color:#e7aaa6;border-bottom-color:transparent;background:var(--i-red-soft);color:var(--i-ink)}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button:nth-child(2)[aria-selected=true]{border-color:var(--i-red);border-bottom-color:var(--i-red);background:#f6d8d5;color:var(--i-ink)}.ramon-section-v5 #tasks .i-task-summary,.ramon-section-v5 .i-full-task-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.ramon-section-v5 #tasks .i-task-summary>li,.ramon-section-v5 .i-full-task-list>li{display:flex;min-width:0;min-height:220px;flex-direction:column;gap:14px;padding:22px;border:1px solid #d8d8d3;border-radius:16px;background:#fff}.ramon-section-v5 #tasks .i-task-summary>li>svg,.ramon-section-v5 .i-full-task-list>li>svg{width:42px;height:42px;flex:0 0 42px;margin:0;padding:10px;border-radius:11px;background:var(--i-yellow)}.ramon-section-v5 #tasks .i-task-card-copy,.ramon-section-v5 .i-full-task-list .i-task-card-copy{display:flex;flex:1;flex-direction:column;gap:10px}.ramon-section-v5 #tasks .i-task-card-copy h4,.ramon-section-v5 #tasks .i-task-card-copy p,.ramon-section-v5 .i-full-task-list .i-task-card-copy h4,.ramon-section-v5 .i-full-task-list .i-task-card-copy p{margin:0}.ramon-section-v5 #tasks .i-task-card-copy h4,.ramon-section-v5 .i-full-task-list .i-task-card-copy h4{color:var(--i-ink);font-size:20px;font-weight:700;line-height:1.23;letter-spacing:-.02em}.ramon-section-v5 #tasks .i-task-card-copy p,.ramon-section-v5 .i-full-task-list .i-task-card-copy p{color:#5d5d5d;font-size:16px;line-height:1.5}.ramon-section-v5 .i-full-tasks .i-section-heading{max-width:820px}.ramon-section-v5 .i-full-task-group+.i-full-task-group{margin-top:40px;padding-top:36px;border-top:1px solid var(--i-line)}.ramon-section-v5 .i-full-task-group>h3{margin-bottom:18px}@media(max-width:1200px){.ramon-section-v5 #tasks .i-task-summary,.ramon-section-v5 .i-full-task-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ramon-section-v3 .i-hero{padding-bottom:30px}.ramon-section-v3 .i-hero-grid{align-items:start}.ramon-section-v5 #tasks .i-task-summary,.ramon-section-v5 .i-full-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ramon-section-v3 .i-section{padding-top:36px;padding-bottom:36px}.ramon-section-v3 .i-hero{padding-top:34px;padding-bottom:28px}.ramon-section-v3 .i-hero-grid{gap:28px}.ramon-section-v3 #tasks{padding-top:36px}.ramon-section-v5 .i-inner-hero{padding-top:24px;padding-bottom:24px}.ramon-section-v5 .i-inner-hero h1{margin:16px 0 14px;font-size:30px;line-height:1.16}.ramon-section-v5 .i-inner-hero>p{font-size:16px;line-height:1.55}.ramon-section-v5 .i-section-heading{margin-bottom:24px}.ramon-section-v5 .i-section-heading h2,.ramon-section-v5 .i-audience-overview h2{font-size:26px}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs){gap:7px}.ramon-section-v4 #tasks .i-tabs:not(.i-subtabs) button{flex:1 1 0;min-width:0;padding:12px 8px;font-size:16px}.ramon-section-v5 #tasks .i-task-summary,.ramon-section-v5 .i-full-task-list{grid-template-columns:1fr;gap:14px;margin-top:18px}.ramon-section-v5 #tasks .i-task-summary>li,.ramon-section-v5 .i-full-task-list>li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;min-height:0;gap:14px;padding:18px}.ramon-section-v5 #tasks .i-task-summary>li>svg,.ramon-section-v5 .i-full-task-list>li>svg{width:40px;height:40px;padding:9px}.ramon-section-v5 #tasks .i-task-card-copy,.ramon-section-v5 .i-full-task-list .i-task-card-copy{grid-column:2;gap:8px}.ramon-section-v5 #tasks .i-task-card-copy h4,.ramon-section-v5 .i-full-task-list .i-task-card-copy h4{font-size:20px}.ramon-section-v5 #tasks .i-task-card-copy p,.ramon-section-v5 .i-full-task-list .i-task-card-copy p{font-size:16px}.ramon-section-v5 .i-full-task-group+.i-full-task-group{margin-top:32px;padding-top:28px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ramon-section-transitions.css.map */