@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f8f2;--ink:#20221e;--blue:#254bfa;--yellow:#efff68;--line:#dcded5;--muted:#686c62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--yellow)}.wrap{max-width:1480px;margin:auto;padding:0 5%}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo{font-family:'Manrope',sans-serif;font-size:40px;letter-spacing:-3px;font-weight:800;line-height:1}.logo i{font-style:normal;color:var(--blue)}.nav{display:flex;gap:38px;align-items:center}.nav a{font-size:14px}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.nav .contact-nav{border:1px solid var(--ink);border-radius:30px;padding:11px 20px;text-decoration:none;display:flex;gap:22px}.nav a:hover{color:var(--blue)}.menu{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:12px}.dot{width:7px;height:7px;background:var(--blue);border-radius:100%;display:inline-block}.hero{padding:66px 0 64px}.hero-top{display:flex;justify-content:space-between}.availability{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(62px,7.5vw,112px);line-height:1.04;margin:34px 0 30px;max-width:1150px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-title{position:relative}.spark{color:var(--blue);display:inline-block;font-family:Arial;font-size:1.1em;line-height:.6;vertical-align:middle;margin-left:25px;transform:rotate(-12deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.hero-bottom p{max-width:420px;font-size:17px;line-height:1.65;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:40px;padding:16px 25px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button.blue{background:var(--blue);border-color:var(--blue)}.button.light{background:var(--paper);color:var(--ink)}.button.yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;border-bottom:1px solid;padding:8px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:30px}.section-head h2{font-size:clamp(40px,4.3vw,65px);line-height:1.1;margin:12px 0 0}.work-section{padding-top:18px;padding-bottom:110px}.section-label{font-size:11px;letter-spacing:1px;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.project:first-child{grid-column:1/-1}.project-visual{position:relative;overflow:hidden;border-radius:10px;min-height:370px;display:flex;align-items:center;justify-content:center;background:#e4e8f9}.project:first-child .project-visual{height:570px}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:19px;gap:14px}.project-meta h3{font-size:24px;letter-spacing:-.04em;margin:0 0 4px}.project-meta p{font-size:13px;color:var(--muted);margin:0}.arrow-circle{border:1px solid #b9bdb1;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex:none;transition:background .2s}.project a:hover .arrow-circle{background:var(--yellow)}.project a:hover .project-visual>.scene{transform:scale(1.025)}.scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:27px;transition:transform .6s;position:relative}.safeli-scene{background:#e4e9dc;padding:45px}.scene-word{position:absolute;left:6%;top:9%;font-size:39px;letter-spacing:-2px;font-weight:700;color:#354b28}.scene-label{position:absolute;left:6%;bottom:9%;font-size:12px;color:#536345;max-width:140px}.phone{width:228px;height:444px;border:7px solid #262922;border-radius:35px;background:#fff;padding:20px 12px 12px;box-shadow:10px 22px 30px #26351d20;position:relative;overflow:hidden;color:#252a21;flex-shrink:0}.phone:before{content:'';position:absolute;top:7px;left:calc(50% - 30px);width:60px;height:12px;background:#262922;border-radius:20px}.phone.second{transform:translateY(38px) rotate(6deg)}.phone.first{transform:translateY(-10px) rotate(-6deg)}.phone.third{transform:translateY(-7px) rotate(-4deg)}.phone-top{font-size:9px;display:flex;justify-content:space-between;margin:5px 0 19px}.app-brand{font-size:25px;font-weight:700;letter-spacing:-1.5px;margin-bottom:12px}.app-search{background:#f2f3ef;border-radius:20px;padding:8px;font-size:9px;color:#72766a}.app-tabs{font-size:8px;display:flex;justify-content:space-between;margin:15px 0}.app-tabs b{background:#dcecc9;padding:4px 8px;border-radius:15px}.phone h4{font-size:15px;margin:15px 0 10px}.products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-tile{font-size:8px}.product-tile strong{display:block;font-size:10px}.tile-art{height:85px;border-radius:8px;background:#e7e1d7;display:grid;place-items:center;font-size:43px;margin-bottom:5px}.tile-art.blue{background:#e3eaf1}.tile-art.pink{background:#ede2df}.tile-art.green{background:#e2e7dd}.phone-nav{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;font-size:8px;padding:10px 2px}.phone-nav b{background:#33512b;color:#fff;width:23px;border-radius:50%;text-align:center;font-size:15px}.listing-art{background:#e6dfd5;height:190px;border-radius:10px;display:grid;place-items:center;font-size:100px}.app-button{display:block;background:#3a552b;color:#fff;font-size:10px;text-align:center;padding:9px;border-radius:22px;margin-top:14px}.listing-head{display:flex;justify-content:space-between;margin:12px 0;font-size:13px}.verified{font-size:8px;color:#577445}.dash-scene{background:#dfe5fc;padding:50px 35px}.desktop{width:100%;background:#fff;border:1px solid #d5d7e3;border-radius:9px;box-shadow:0 20px 35px #1c28651c;overflow:hidden;text-align:left;color:#2d3246}.browserbar{background:#f4f5f9;border-bottom:1px solid #e3e4ec;padding:8px 13px;display:flex;gap:4px}.browserbar i{height:5px;width:5px;background:#c7cada;border-radius:50%}.desktop-body{display:flex;min-height:250px}.sidebar{width:90px;flex:none;border-right:1px solid #eee;padding:15px 9px;font-size:7px}.sidebar strong{font-size:13px;display:block;margin-bottom:25px}.sidebar span{display:block;padding:7px 6px;margin-bottom:3px}.sidebar .chosen{background:#eef0ff;color:#4259db;border-radius:4px}.dashboard{padding:23px 20px;width:100%;font-size:8px}.dashboard h4{font-size:18px;letter-spacing:-.5px;margin:0 0 4px}.dash-head{display:flex;justify-content:space-between;align-items:center}.small-btn{background:#4658df;color:#fff;padding:7px 10px;border-radius:5px}.stats{display:flex;gap:9px;margin:20px 0}.stat{border:1px solid #e6e7ef;padding:12px;flex:1;border-radius:5px;font-size:7px}.stat strong{display:block;font-size:21px;letter-spacing:-1px;margin-top:5px}.data-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;border-bottom:1px solid #eff0f4;padding:11px 5px}.data-row span:last-child{color:#488267}.table-title{font-size:11px;font-weight:600;margin:20px 0 4px}.focus-scene{background:#f1dfc9;padding:40px}.focus-scene .phone{width:205px;height:365px;border-color:#373139;background:#fdfaff}.focus-scene .phone:before{background:#373139}.focus-scene .app-brand{font-size:20px;color:#634e88}.timer{height:155px;width:155px;border:5px solid #dcd2ea;border-top-color:#8d6ab7;border-right-color:#8d6ab7;border-radius:100%;margin:22px auto 17px;display:flex;align-items:center;justify-content:center;flex-direction:column}.timer strong{font-size:35px;letter-spacing:-1px;font-weight:500}.timer small{font-size:8px;color:#8c809d}.focus-scene .app-button{background:#82649e}.float-note{position:absolute;background:#fff;border-radius:10px;box-shadow:0 12px 20px #4e31281a;padding:13px 19px;right:5%;bottom:17%;font-size:10px;transform:rotate(-5deg)}.float-note b{display:block;color:#8865a2;font-size:14px}.preview-video{background:#e5e9df;padding:38px;width:100%;height:100%;min-height:370px;display:flex;align-items:center}.preview-video video{width:100%;height:auto;box-shadow:0 20px 25px #27321d22;border-radius:7px}.video-control{position:absolute;bottom:15px;right:15px;border:0;border-radius:30px;background:#fff;padding:7px 13px;font-size:11px}.preview-caption{position:absolute;left:15px;bottom:18px;font-size:10px;color:#454a40}.project-visual.axolo{background:#dde8ec}.preview-video.axolo{background:#dce7ec}.manifesto{padding:95px 0;background:var(--blue);color:white}.manifesto .wrap{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.manifesto h2{font-size:clamp(38px,4.5vw,67px);line-height:1.15;margin:0 0 30px}.manifesto p{max-width:590px;color:#dbe1ff;font-size:17px}.manifesto .text-link{color:var(--yellow)}.services{padding:105px 0}.services-intro{max-width:370px;font-size:16px;color:var(--muted);margin:0}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:42px}.package{padding:30px 27px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;position:relative;background:#f0f1e9}.package.featured{background:var(--yellow);border-color:var(--yellow)}.package .eyebrow{font-size:10px;letter-spacing:.8px}.package h3{font-size:29px;margin:25px 0 15px}.package p{font-size:14px;line-height:1.65;min-height:92px;color:#53574d}.price{font-size:41px;letter-spacing:-2px;margin:12px 0 0;font-family:Manrope,Arial,sans-serif}.price span{font-size:13px;letter-spacing:0;color:#626657}.package small{font-size:11px;display:block;margin:0 0 25px;color:#626657}.package ul{list-style:none;padding:23px 0;margin:0 0 22px;border-top:1px solid #bdc0ac;flex:1}.package li{font-size:13px;padding:8px 0;display:flex;gap:10px}.package li:before{content:'+';color:var(--blue);font-size:17px;line-height:1.2}.package .button{width:100%;font-size:13px;padding:13px 18px}.package-note{font-size:12px;color:var(--muted);margin:20px 0}.process{border-top:1px solid var(--line);padding:80px 0 100px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step .number{color:var(--blue);font-size:12px}.step h3{font-size:25px;margin:25px 0 15px}.step p{max-width:300px;color:var(--muted);font-size:14px}.cta{background:var(--yellow);padding:80px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(42px,5.4vw,80px);line-height:1.08;margin:15px 0 0}.footer{padding:40px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:25px;font-size:13px}.footer-bottom{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.page-hero{padding:75px 0 65px}.page-hero h1{max-width:950px}.page-hero p{max-width:550px;font-size:18px;color:var(--muted)}.filters{display:flex;gap:10px;margin:0 0 35px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:10px 18px;border-radius:30px;font-size:12px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.project[hidden]{display:none}.work-page .project:first-child{grid-column:auto}.work-page .project:first-child .project-visual{height:400px}.work-page .safeli-scene .phone{width:175px;height:340px;border-width:6px;padding:16px 9px}.work-page .safeli-scene .phone.third{display:none}.work-page .safeli-scene .scene-word,.work-page .safeli-scene .scene-label{display:none}.work-page .safeli-scene .tile-art{height:60px;font-size:30px}.work-page .safeli-scene .phone-top{margin-bottom:12px}.work-page .safeli-scene .listing-art{height:135px;font-size:70px}.work-page .project-visual{height:400px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:20px 0 100px}.about-art{border-radius:10px;min-height:510px;background:var(--blue);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.about-art .monogram{font-size:230px;font-family:Georgia,serif;font-style:italic;color:var(--yellow);letter-spacing:-35px;padding-right:30px;transform:rotate(-12deg)}.about-art .caption{position:absolute;bottom:27px;left:28px;font-size:12px;color:#fff}.about-content h2{font-size:43px;line-height:1.12;margin:22px 0}.about-content p{font-size:16px;color:var(--muted);line-height:1.8}.about-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:22px;gap:22px;font-size:13px}.about-facts span{font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;color:var(--muted);margin-bottom:7px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-bottom:110px}.contact-copy h2{font-size:40px;line-height:1.15}.contact-copy p{color:var(--muted);max-width:290px}.contact-email{display:inline-block;border-bottom:1px solid;margin:20px 0;font-size:19px;letter-spacing:-.5px}.contact-form{display:grid;gap:23px}.field label{display:block;font-size:12px;margin-bottom:9px}.field input,.field select,.field textarea{display:block;width:100%;border:0;border-bottom:1px solid #b7bcac;background:transparent;border-radius:0;padding:10px 0 15px;font-size:16px;color:var(--ink)}.field textarea{height:120px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-note{font-size:12px;color:var(--muted);margin:0}.contact-form .button{justify-self:start}.form-status{font-size:13px;padding:14px;background:var(--yellow);border-radius:6px}.case-hero{padding:55px 0 45px}.back{font-size:12px;display:inline-flex;gap:12px}.case-hero h1{font-size:clamp(60px,7vw,100px);margin-top:40px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px}.case-intro>p{font-size:19px;color:var(--muted);line-height:1.7}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:13px}.case-facts span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.case-banner{height:620px;border-radius:10px;overflow:hidden}.case-banner>.scene{height:100%}.case-banner .phone{transform:rotate(-5deg) scale(1.12)}.case-banner .phone.second{transform:rotate(6deg) translateY(20px) scale(1.12)}.case-banner .desktop{max-width:880px}.case-banner .desktop-body{min-height:370px}.case-banner .dashboard{padding:35px;font-size:12px}.case-banner .sidebar{width:140px;font-size:11px}.case-banner .dashboard h4{font-size:30px}.case-banner .stat{font-size:11px}.case-banner .stat strong{font-size:30px}.case-banner .data-row{padding:16px 5px}.visual-note{font-size:10px;color:var(--muted);margin:12px 0 0}.case-section{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:90px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:45px;line-height:1.15;margin:0 0 25px}.case-section p{font-size:17px;color:var(--muted);line-height:1.8}.case-section h3{font-size:24px;margin:30px 0 12px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-next{padding:70px 0}.case-next a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:35px 0;font-size:45px;letter-spacing:-2px}.reveal{animation:enter .7s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:1600px){.wrap{padding:0 70px}}@media(max-width:900px){header{height:90px}.nav{gap:22px}h1{font-size:75px}.hero{padding-top:45px}.project:first-child .project-visual{height:470px}.safeli-scene .phone.third{display:none}.scene-word{font-size:28px}.safeli-scene{padding-left:120px;gap:20px}.phone{width:195px;height:390px}.tile-art{height:65px}.listing-art{height:150px}.project-visual{min-height:300px}.dash-scene{padding:25px 15px}.sidebar{width:68px}.dashboard{padding:20px 12px}.stat{padding:7px}.stat strong{font-size:18px}.focus-scene .phone{width:180px;height:335px}.timer{width:135px;height:135px}.packages{gap:12px}.package{padding:24px 18px}.package h3{font-size:24px}.package p{min-height:118px}.price{font-size:35px}.package .button{gap:15px}.manifesto .wrap{grid-template-columns:1fr 2fr}.about-grid{gap:6%}.about-art{min-height:450px}.contact-grid{gap:7%}.preview-video{padding:25px 15px;min-height:300px}.case-banner{height:520px}.case-banner .phone.third{display:none}.work-page .safeli-scene{padding:30px 15px}.work-page .safeli-scene .phone.second{display:none}.work-page .project-visual{height:350px}.work-page .project:first-child .project-visual{height:350px}}
@media(max-width:640px){.wrap{padding:0 6%}header{height:84px}.logo{font-size:34px}.nav{gap:17px}.nav a{font-size:11px}.nav .contact-nav{padding:8px 12px;gap:7px}.hero{padding:34px 0 48px}.hero-top .availability{display:none}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:56px;margin:28px 0;line-height:1.07;letter-spacing:-3.6px}.spark{margin-left:7px;font-size:.9em}.hero-bottom{display:block}.hero-bottom p{font-size:15px;max-width:340px}.hero-bottom .button{margin-top:25px}.section-head{gap:15px}.section-head h2{font-size:38px}.section-head>.text-link{font-size:12px;gap:12px}.project-grid{grid-template-columns:1fr;gap:35px}.project:first-child{grid-column:auto}.project:first-child .project-visual{height:360px}.project-visual{height:330px;min-height:0}.safeli-scene{padding:35px 15px;gap:15px}.safeli-scene .scene-word,.safeli-scene .scene-label{display:none}.safeli-scene .phone{width:153px;height:290px;border-radius:25px;border-width:5px;padding:13px 8px}.safeli-scene .phone-top{font-size:6px;margin-bottom:10px}.safeli-scene .app-brand{font-size:20px;margin-bottom:6px}.safeli-scene .app-search{font-size:6px;padding:5px}.safeli-scene .app-tabs{font-size:6px;margin:8px 0}.safeli-scene .phone h4{font-size:10px;margin:9px 0 5px}.safeli-scene .tile-art{height:52px;font-size:28px}.safeli-scene .product-tile{font-size:6px}.safeli-scene .product-tile strong{font-size:7px}.safeli-scene .phone-nav{font-size:5px;padding:7px 2px}.safeli-scene .phone-nav b{font-size:10px;width:16px}.safeli-scene .listing-art{height:120px;font-size:65px}.safeli-scene .listing-head{font-size:10px;margin:9px 0}.safeli-scene .app-button{padding:7px;font-size:7px;margin-top:10px}.project-meta h3{font-size:22px}.project-meta p{font-size:11px}.work-section{padding-bottom:65px}.manifesto{padding:55px 0}.manifesto .wrap{display:block}.manifesto .eyebrow{margin-bottom:30px}.manifesto h2{font-size:38px}.manifesto p{font-size:15px}.services{padding:60px 0}.services .section-head{display:block}.services-intro{margin-top:22px;font-size:15px}.packages{grid-template-columns:1fr;gap:20px;margin-top:30px}.package{padding:28px}.package h3{font-size:31px;margin-top:20px}.package p{min-height:0;max-width:300px}.price{font-size:42px}.package ul{padding:17px 0;margin-bottom:12px}.package li{font-size:14px}.process{padding:50px 0}.steps{grid-template-columns:1fr;gap:23px;margin-top:30px}.step{border-bottom:1px solid var(--line);padding-bottom:15px}.step h3{margin:10px 0;font-size:26px}.step p{max-width:none}.cta{padding:50px 0}.cta .wrap{display:block}.cta h2{font-size:49px;margin-bottom:28px}.footer-top{align-items:flex-start}.footer-links{gap:14px;font-size:11px}.footer-bottom{font-size:9px;gap:20px;margin-top:30px}.page-hero{padding:45px 0 35px}.page-hero h1{font-size:57px}.page-hero p{font-size:16px}.filters{gap:7px}.filter{padding:9px 13px;font-size:11px}.work-page .safeli-scene .phone.second{display:block}.work-page .project-visual,.work-page .project:first-child .project-visual{height:330px}.about-grid{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.about-art{min-height:350px}.about-art .monogram{font-size:200px}.about-content h2{font-size:37px}.contact-grid{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.contact-copy h2{font-size:35px}.contact-copy p{max-width:none}.contact-email{margin:10px 0}.field-row{grid-template-columns:1fr;gap:23px}.case-hero{padding-top:30px}.case-hero h1{font-size:55px;margin-top:30px}.case-intro{grid-template-columns:1fr;gap:15px}.case-intro>p{font-size:17px}.case-facts{gap:20px;font-size:11px}.case-banner{height:360px}.case-banner .phone{transform:rotate(-5deg)}.case-banner .phone.second{transform:rotate(6deg) translateY(15px)}.case-banner .desktop-body{min-height:220px}.case-banner .sidebar{width:65px;font-size:7px}.case-banner .dashboard{padding:18px 12px;font-size:7px}.case-banner .dashboard h4{font-size:16px}.case-banner .stat{font-size:6px}.case-banner .stat strong{font-size:18px}.case-banner .data-row{padding:10px 4px}.case-section{grid-template-columns:1fr;gap:22px;padding:50px 0}.case-section h2{font-size:35px}.case-section p{font-size:15px}.decision-grid{grid-template-columns:1fr;gap:5px}.case-next{padding:35px 0}.case-next a{font-size:31px}.visual-note{font-size:9px}.preview-video{min-height:330px}}

.hero{padding-left:5%;padding-right:5%}.page-hero{padding-left:5%;padding-right:5%}.case-hero{padding-left:5%;padding-right:5%}.logo i,.spark{font-family:DejaVu Sans,Arial,sans-serif;color:var(--blue)}.arrow-circle,.button>span,.text-link>span,.contact-nav>span{font-family:DejaVu Sans,Arial,sans-serif}@media(max-width:640px){.hero,.page-hero,.case-hero{padding-left:6%;padding-right:6%}}

.detail-showcase{padding:65px 55px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;margin:55px 0;border-radius:10px;overflow:hidden}.detail-showcase.green{background:#e7ebdf}.detail-showcase.violet{background:#e1e5fa}.detail-showcase.peach{background:#f1e2d2}.detail-copy h2{font-size:45px;line-height:1.1;margin:25px 0}.detail-copy p,.detail-copy ol{font-size:14px;line-height:1.8;color:#5b6351;max-width:350px}.detail-copy ol{padding-left:18px}.detail-copy li{padding:5px 0}.detail-phones{display:flex;gap:22px;align-items:center;justify-content:center}.detail-phones .phone{width:205px;height:420px}.pickup-map{height:120px;background:repeating-linear-gradient(20deg,#e0e8d8,#e0e8d8 28px,#f7f7ef 29px,#f7f7ef 32px);border-radius:10px;display:flex;align-items:center;justify-content:space-around;color:#6e8a56;margin-top:20px}.pickup-map span:last-child{color:#36522b}.pickup-row{padding:12px 5px;font-size:10px;border-bottom:1px solid #e6e7df}.success-art{margin:40px auto 30px;width:90px;height:90px;background:#e2edd9;color:#4f6c36;display:grid;place-items:center;border-radius:50%;font-size:40px}.detail-desktop .dashboard{padding:30px 22px;font-size:10px}.detail-desktop h4{font-size:22px}.person-block{border:1px solid #e4e6ef;border-radius:6px;margin-top:20px;padding:10px}.person-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}.person-heading span{font-size:8px;color:#7a8096}.bar-chart{height:45px;display:flex;gap:9px;align-items:flex-end;margin-top:10px}.bar-chart i{background:#a187bd;width:12px;border-radius:3px;height:30%}.bar-chart i:nth-child(2){height:70%}.bar-chart i:nth-child(3){height:50%}.bar-chart i:nth-child(4){height:95%}.bar-chart i:nth-child(5){height:65%}.bar-chart i:nth-child(6){height:80%}.bar-chart i:nth-child(7){height:40%}@media(max-width:1000px){.detail-showcase{padding:45px 25px;gap:25px;grid-template-columns:1fr 1.3fr}.detail-phones .phone{width:170px;height:390px}.detail-copy h2{font-size:37px}}@media(max-width:740px){.detail-showcase{grid-template-columns:1fr;padding:35px 22px;gap:30px;margin:30px 0}.detail-copy p{max-width:none}.detail-copy h2{font-size:35px}.detail-phones{gap:15px;padding:15px 0 35px}.detail-phones .phone{width:153px;height:355px;border-width:5px;border-radius:25px;padding:16px 8px}.detail-phones .app-brand{font-size:18px!important}.detail-phones .phone h4{font-size:13px}.detail-phones .phone-top{margin-bottom:14px}.detail-phones .pickup-map{height:85px;margin-top:15px}.detail-phones .pickup-row{font-size:8px;padding:9px 4px}.detail-phones .app-button{font-size:8px}.detail-phones .success-art{width:70px;height:70px;margin:30px auto}.detail-phones .phone.second{transform:translateY(20px) rotate(5deg)}.detail-desktop .dashboard{padding:24px 14px}.detail-desktop h4{font-size:20px}}