@font-face{font-family:Manrope;src:url('/portfolio-assets/fonts/manrope-cyrillic-v20.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2116}
@font-face{font-family:Manrope;src:url('/portfolio-assets/fonts/manrope-latin-v20.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#081744;--muted:#405c80;--blue:#0078ff;--surface:#f5faff;--rim:#f5ffff;--accent:#0879f8;--case-bg:var(--art-alpine-world,url('/assets/art/alpine-world.webp'));--radius:48px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--surface);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}svg:where(:not(.product-demo svg)){width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,ul{margin:0}h1,h2,h3{letter-spacing:-.04em;font-weight:650;line-height:1.08;text-wrap:balance}p{color:var(--muted);line-height:1.5}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0065db;outline-offset:5px}button:disabled{cursor:default}::selection{background:#a3dfff;color:#07184a}[hidden]{display:none!important}
.wrap{width:min(1168px,calc(100% - 80px));margin-inline:auto}.scene{width:min(1264px,calc(100% - 28px));margin-inline:auto;border-radius:var(--radius);position:relative;overflow:hidden}.glass{background:linear-gradient(120deg,#f7ffffa6,#ecfaff65 50%,#c5e7ff72);border:1px solid #ffffffba;box-shadow:inset 2px 2px 2px #fffffff5,inset -2px -2px 4px #e4f8ffe6,inset 0 0 15px #c3eaff55,0 5px 12px #4e9dc220;backdrop-filter:blur(12px) saturate(1.3)}
.skip{position:fixed;z-index:40;left:15px;top:10px;padding:12px 20px;background:white;border-radius:12px;translate:0 -200%}.skip:focus{translate:0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:13px;font-weight:600;border-radius:50px;padding:14px 24px;line-height:1.2;white-space:nowrap;transition:transform .25s,box-shadow .25s}.button svg{width:15px;height:15px}.primary{color:#f2fcff;background:linear-gradient(170deg,#466879 0%,#052431 70%,#123c4b);border:1px solid #ceeaffb0;box-shadow:inset 0 2px 3px #dcffff85,0 4px 10px #0b43543d}.button:hover{transform:translateY(-2px);box-shadow:inset 0 2px 3px #dcffffa0,0 7px 15px #0b435450}.round-arrow{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffffffd9,#ebf9ff90);box-shadow:inset 1px 1px 2px white,0 4px 7px #6aafd22e;flex-shrink:0}.round-arrow svg{width:17px;height:17px;transition:transform .25s}a:hover .round-arrow svg{transform:translate(2px,-2px)}
.hero-shell{margin-top:10px;border:2px solid white;background:var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center/cover;box-shadow:inset 0 0 0 5px #ffffffa1,inset 0 -8px 12px #e3f8ff,0 7px 20px #97bfd94a;isolation:isolate}.hero-shell:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 5px #ffffff90,inset 0 -15px 25px #d9f0ffb8;z-index:5}.header{height:88px;display:flex;align-items:flex-start;justify-content:space-between;padding:21px 42px;position:relative;z-index:10;gap:20px}.brand{display:inline-flex;align-items:baseline;gap:4px;letter-spacing:-.06em;font-size:21px;white-space:nowrap;padding-top:5px}.brand b{font-weight:800}.brand span{font-size:17px;font-weight:350;color:#3c669a;letter-spacing:-.05em}.nav-notch{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:420px;height:82px;background:var(--surface);border-radius:0 0 75px 75px;padding:17px 42px 21px;filter:drop-shadow(0 7px 9px #87aec52a)}.nav-notch:before,.nav-notch:after{content:'';position:absolute;width:70px;height:40px;top:0;background:radial-gradient(circle at 0 100%,transparent 39px,var(--surface) 40px);left:-39px}.nav-notch:after{left:auto;right:-39px;transform:scaleX(-1)}.top-nav{height:42px;display:flex;align-items:center;justify-content:center;border-radius:50px;position:relative;z-index:1;background:#ffffff8f;gap:2px}.top-nav a{font-size:12px;padding:10px 19px;border-radius:25px;white-space:nowrap;transition:background .2s}.top-nav a:hover{background:#fff9}.header>.button{padding:13px 25px;font-size:12px}.hero{height:865px;position:relative}.hero-copy{text-align:center;position:relative;z-index:2;padding-top:17px}.hero-copy h1{font-size:clamp(42px,5.1vw,67px);line-height:1.02;letter-spacing:-.047em;font-weight:670}.hero-copy p{font-size:20px;color:#11265f;line-height:1.35;margin-top:18px}.side-nav{position:absolute;left:23px;top:92px;z-index:6;width:67px;border-radius:35px;padding:10px 7px;display:grid;gap:8px;background:#f4fbffc2}.side-nav a{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#143a75}.side-nav a:first-child{background:#ffffffb8;box-shadow:0 4px 10px #7fb8d145}.side-nav a:hover{background:#fff}.side-nav svg{width:22px;height:22px}
.crm{position:relative;width:83%;height:340px;margin:39px auto 0;border-radius:30px;padding:17px;display:grid;grid-template-columns:160px 1fr 225px;gap:14px;background:linear-gradient(135deg,#b8e8ff92,#def5ff95 50%,#b6e6ff98);box-shadow:inset 3px 3px 4px white,inset -4px -4px 8px #70caffc0,inset 0 0 0 7px #e8faffb0,0 10px 25px #328acc4d,0 0 25px #a0edffc0;transform:perspective(1600px) rotateX(2deg);backdrop-filter:blur(16px) saturate(1.6)}.crm:before{content:'';position:absolute;inset:-10px;border:2px solid #e3ffffbb;border-radius:38px;pointer-events:none;box-shadow:0 0 7px #fff9}.crm-sidebar{font-size:11px;padding:8px 3px;position:relative}.crm-sidebar strong{display:flex;align-items:center;gap:8px;margin:0 7px 20px;font-size:12px}.crm-sidebar strong svg{width:17px;color:#298fdc}.crm-sidebar>span{display:flex;align-items:center;gap:9px;padding:10px 9px;color:#294c84;border-radius:10px;margin:2px 0}.crm-sidebar>span svg{width:15px;height:15px}.crm-sidebar .selected{background:#70cfff75;box-shadow:inset 0 1px 2px #fff}.crm-sidebar>small{position:absolute;bottom:12px;left:7px;font-size:9px;display:flex;align-items:center;gap:8px}.crm-sidebar small svg{width:12px;height:12px;color:#17998e}.crm-projects,.crm-inbox{background:#edf8ff75;border-radius:18px;padding:17px 13px;min-width:0;box-shadow:inset 1px 1px 1px #fff9}.crm header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.crm h2{font-size:18px;letter-spacing:-.035em}.crm-search{display:flex;align-items:center;gap:5px;background:#e5f1ffb0;padding:6px 8px;font-size:8px;color:#7896b4;border-radius:7px}.crm-search svg{width:10px;height:10px}.crm-tabs{display:flex;gap:6px;margin-bottom:17px}.crm-tabs button{border-radius:7px;background:transparent;font-size:9px;padding:6px 9px;color:#4a6895}.crm-tabs button[aria-selected=true]{background:#2791fd;color:white;box-shadow:inset 0 1px 3px #acdcff,0 2px 6px #128cfb44}.crm-row{display:flex;align-items:center;gap:9px;min-height:38px;border-bottom:1px solid #c8e3f580;font-size:9px}.crm-app-icon{width:26px;height:26px;display:grid;place-items:center;background:#175789;border:1px solid #d3f7ff;border-radius:8px;color:white;box-shadow:inset 0 1px 3px #79c3ed}.crm-app-icon svg{width:15px;height:15px}.crm-row b{font-size:9px;font-weight:600;flex:1}.crm-state{font-size:8px;padding:3px 5px;border-radius:5px;background:#c5e7ff;color:#1a75d8}.crm-state.done{background:#d0f3e6;color:#167c6d}.crm-row small{font-size:7px;color:#7893b5}.crm-row i{font-style:normal;color:#7094b6}.crm-bottom{display:flex;justify-content:space-between;font-size:7px;color:#547b9e;margin-top:21px;gap:8px}.crm-bottom>span{display:flex;align-items:center;gap:6px}.crm-bottom small{font-size:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53cba9;box-shadow:0 0 7px #3adbce;flex-shrink:0}.crm-inbox header>span{font-size:8px;color:#2180da}.inbox-row{display:flex;gap:10px;margin:22px 0}.avatar{width:28px;height:31px;border-radius:40% 40% 35% 35%;display:grid;place-items:center;flex-shrink:0;font-size:10px;font-weight:700;background:linear-gradient(150deg,#cfc1b6,#244259);color:white;box-shadow:inset 0 2px 2px #fff9}.avatar-1{background:linear-gradient(150deg,#bdd0cf,#64533f)}.avatar-2{background:linear-gradient(150deg,#d3ad9c,#294361)}.inbox-row b{font-size:9px;display:block}.inbox-row span{font-size:7px;color:#3f6991;display:block;margin-top:3px}.inbox-row small{font-size:7px;color:#6d94b5;display:block;margin-top:4px}.inbox-status{font-size:8px;color:#587896;display:flex;gap:7px;align-items:center;border-top:1px solid #bfdcec;padding-top:11px}
.hero-bottom{position:absolute;left:15px;right:15px;bottom:15px;height:240px;display:grid;grid-template-columns:42% 19% 39%;align-items:end;z-index:4}.hero-invite{height:231px;border-radius:38px 80px 38px 38px;padding:27px 32px;clip-path:polygon(0 0,76% 0,82% 4%,100% 87%,98% 100%,0 100%);background:linear-gradient(125deg,#f0fbfff0,#d8efffe0);position:relative}.hero-invite h2{font-size:27px}.hero-invite p{font-size:16px;margin-top:9px;line-height:1.4}.hero-invite>div{display:flex;align-items:center;gap:40px;margin-top:22px}.hero-invite .button{padding:13px 22px;font-size:12px;gap:18px}.landscape-coins{display:flex;isolation:isolate}.landscape-coins i{width:47px;height:47px;border:2px solid #fff;border-radius:50%;background:var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center/cover;margin-left:-12px;box-shadow:0 4px 8px #29649340}.landscape-coins i:nth-child(2){background-position:25% center}.landscape-coins i:nth-child(3){background-position:80% center}.glass-orb{width:150px;height:150px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff8 0,transparent 25%),radial-gradient(circle at 53% 68%,#006fe5c0,#66d8ff70 60%,#c5faffbb 76%,#349ccaba);border:2px solid #d2faff;box-shadow:inset -8px -6px 14px #106cb87d,inset 6px 6px 15px #c5ffffc9,0 25px 14px -15px #1587ec94,0 0 28px #b2f5ff;position:relative;animation:float 7s ease-in-out infinite}.glass-orb span{font-size:80px;color:#fff;font-weight:800;line-height:1;transform:rotate(-15deg);text-shadow:0 0 12px #dcffff}.hero-business{padding:25px 31px;height:235px;border-radius:70px 38px 38px 38px;background:linear-gradient(120deg,#eefbffbd,#d8f1ffbb)}.hero-business h2{font-size:22px;margin-bottom:18px}.hero-business>div{display:grid;gap:13px}.hero-business div span{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600}.hero-business svg{color:#1645b8;width:22px;height:22px}.hero-business>.round-arrow{position:absolute;right:24px;top:105px;width:45px;height:45px}.hero-business>.round-arrow svg{width:19px}
.eyebrow{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#537396;display:block;margin-bottom:8px;font-weight:650}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.section-heading h2{font-size:43px}.section-heading>p{font-size:13px;padding-bottom:3px}.section-heading>div>p{font-size:16px;margin-top:12px}.services{padding-top:38px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{position:relative;padding-bottom:25px;min-width:0}.service-art{height:230px;background-image:var(--art-services,url('/assets/art/services.webp'));background-size:400% 100%;background-repeat:no-repeat;margin-bottom:12px;transition:transform .4s}.art-0{background-position:0 0}.art-1{background-position:33.333% 0}.art-2{background-position:66.667% 0}.art-3{background-position:100% 0}.service:hover .service-art{transform:translateY(-7px)}.service h3{font-size:20px;letter-spacing:-.04em;line-height:1.15;margin-bottom:8px}.service p{font-size:13px;max-width:220px;line-height:1.4;padding-right:6px}.service>.round-arrow{position:absolute;right:0;bottom:5px;width:30px;height:30px}.custom{margin-top:18px;height:210px;display:flex;align-items:center;padding:25px 39px;gap:25px;background:linear-gradient(110deg,#cfecffbb,#e5f8ff8f 45%,#d5f4ffb5),var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center 75%/cover;border:1px solid white;border-radius:36px;box-shadow:inset 0 0 0 3px #ffffff90}.custom-copy{width:54%;display:grid;grid-template-columns:93px 1fr;gap:14px 22px;align-items:center;z-index:1}.custom-icon{width:93px;height:93px;border-radius:26px;display:grid;place-items:center;color:#104dcb;background:#a5e7ffa1;box-shadow:inset 3px 3px 5px white,inset -5px -5px 10px #359bf775,6px 9px 16px #297ec43b}.custom-icon svg{width:56px;height:56px}.custom-copy h3{font-size:30px}.custom-copy p{font-size:14px;line-height:1.35;margin-top:9px}.custom-copy>.button{justify-self:start;grid-column:1/3;padding:12px 24px;font-size:12px}.code-sculpture{width:205px;height:180px;position:relative;flex-shrink:0;perspective:600px}.code-sculpture>span{position:absolute;width:150px;height:145px;border-radius:23px;left:10px;top:15px;background:linear-gradient(130deg,#5acfffa1,#2d97f277);transform:rotateY(-17deg) rotateZ(-4deg);box-shadow:inset 3px 3px 2px #fff,inset -4px -4px 6px #158cd9,0 0 7px #40c5ff,5px 6px 4px #279af44d}.code-sculpture>span:first-child{left:46px;top:0}.code-sculpture>span:nth-child(2){left:27px;top:7px}.code-sculpture>span:last-child{display:grid;place-items:center}.code-sculpture svg{width:91px;height:91px;color:#f1ffff;filter:drop-shadow(0 0 6px #cff)}.custom-steps{padding:17px 19px;list-style:none;border-radius:21px;display:grid;gap:15px;font-size:11px;flex:1;min-width:170px;z-index:1}.custom-steps li{display:flex;align-items:center;gap:10px}
.workflow{margin-top:18px;height:625px;padding:31px 42px 20px;background:linear-gradient(#caeaff70,#d1f3ff22),var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center 59%/cover;box-shadow:inset 0 0 0 2px #ffffffab}.workflow .section-heading{margin-bottom:15px}.workflow .section-heading h2{font-size:44px}.workflow .section-heading p{color:#254c7a;font-size:16px;line-height:1.3;margin-top:9px}.workflow-content{display:grid;grid-template-columns:43% 57%;gap:0;align-items:center}.system-stack{position:relative;display:grid;gap:7px;padding:5px 58px 0 20px;perspective:900px}.stack-layer{height:70px;border-radius:22px;display:flex;align-items:center;gap:16px;padding:8px 22px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#ddfaffb3,#a3daff89);box-shadow:inset 3px 3px 3px white,inset -4px -5px 6px #79c7ffad,4px 8px 4px #3889c752,0 0 9px #ddffff;transform:rotateY(-10deg) rotateZ(1deg);position:relative;z-index:2}.glass-icon{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;color:#1148ba;background:#eefbffbb;box-shadow:inset 1px 1px 2px white,0 3px 5px #4d93ca33;flex-shrink:0}.glass-icon svg{width:25px;height:25px}.circuit-lines{position:absolute;right:-8%;top:-20px;width:240px;height:340px;overflow:visible}.circuit-lines path{fill:none;stroke:#76d4ff;stroke-width:3;filter:drop-shadow(0 0 3px white)}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.flow-card{height:167px;border-radius:23px;padding:15px;background:#dff5ffbb;transition:box-shadow .4s,transform .4s}.flow-card h3{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.35;letter-spacing:-.02em;margin-bottom:10px}.flow-card h3 i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#258afa;color:white;font-style:normal;box-shadow:inset 0 1px 2px #c9eeff,0 2px 5px #197fdb60;flex-shrink:0;margin-top:-2px}.mini-form{background:#f4fcffbc;border-radius:13px;padding:11px 17px;display:grid;gap:5px;margin-left:22px}.mini-form strong{font-size:10px}.mini-form>span{font-size:8px;padding:3px;border-bottom:1px solid #d3e5f5;color:#587494}.mini-form button{font-size:9px;color:white;border-radius:20px;background:linear-gradient(#42a8ff,#147cf3);box-shadow:inset 0 1px 2px #fff8;padding:5px 12px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:3px}.mini-form button svg{width:10px;height:10px}.mini-list{background:#f0fbff8f;border-radius:13px;padding:8px 10px;display:grid;gap:8px;margin-left:22px}.mini-list>span{display:flex;align-items:center;gap:8px;font-size:10px}.mini-list svg{width:13px;height:13px}.mini-list b{margin-left:auto;color:#5ea8c5}.telegram-alert{display:flex;align-items:center;gap:13px;padding:16px 9px 5px 23px}.telegram-alert>span{background:linear-gradient(#42c2ff,#008afc);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:white;box-shadow:inset 2px 2px 2px #e5fbff,0 5px 8px #4698d155}.telegram-alert svg{width:30px;height:30px}.telegram-alert b{font-size:12px}.telegram-alert p{font-size:10px;margin-top:5px}.status-list span{color:#27658f}.status-list i{width:10px;height:10px;border-radius:50%;background:#208fff;border:2px solid #c6eeff;box-shadow:0 0 5px #23b3ff}.status-list span:nth-child(2) i{background:#f7b945;box-shadow:0 0 5px #f7c83b}.status-list span:nth-child(3) i{background:#54cbae;box-shadow:0 0 5px #5ce1ae}.flow-card.is-active{box-shadow:inset 2px 2px 3px white,0 0 0 2px #49b6ff,0 0 25px #9cedff;transform:translateY(-3px)}.flow-caption{position:absolute;bottom:14px;right:45px;font-size:10px;color:#234774;background:#effaffba;border-radius:20px;padding:7px 12px}
.works{padding-top:31px}.works .section-heading{margin-bottom:18px}.works .section-heading h2{font-size:40px}.all-projects{font-size:11px;display:flex;align-items:center;gap:10px;color:#486990}.all-projects svg{width:13px;height:13px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-card{position:relative;height:285px;border-radius:27px;overflow:hidden;background:var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center/cover;border:1px solid #fff;box-shadow:inset 0 0 0 2px #fff8,0 4px 10px #70a6cb23;isolation:isolate;transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-4px);box-shadow:0 9px 22px #659dc03a}.project-cover{height:100%;position:relative;overflow:hidden}.cover-phone{position:absolute;width:210px;right:16%;top:15px;border:5px solid #242b36;border-radius:29px;transform:rotate(-12deg);box-shadow:10px 7px 15px #13314444;overflow:hidden;background:#111}.cover-phone img{width:100%}.cover-browser{position:absolute;width:87%;top:19px;right:5%;border:6px solid #222c37;border-top-width:15px;border-radius:17px;box-shadow:6px 5px 15px #1236555e;transform:perspective(700px) rotateY(-6deg) rotateZ(1deg);overflow:hidden}.cover-browser img{width:100%}.project-gift-roulette{background-image:url('/assets/art/gift-garden.webp')}.project-gift-roulette .cover-phone{right:20%;width:225px;transform:rotate(10deg)}.project-tailcare{background-image:url('/assets/art/tailcare-meadow.webp')}.project-loyalty .cover-browser{width:74%;right:22%;top:27px}.cover-mini{position:absolute;width:122px;right:5%;top:16px;transform:rotate(8deg);border:4px solid #252931;border-radius:19px;overflow:hidden;box-shadow:0 5px 15px #11283c66}.project-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:76px;border-radius:20px;padding:14px 19px;background:#e9f7ffd6;display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(17px)}.project-caption h3{font-size:18px;margin-bottom:5px;letter-spacing:-.025em}.project-caption p{font-size:11px}.project-caption .round-arrow{width:35px;height:35px}
.approach{height:540px;margin-top:22px;padding:30px 40px;background:var(--art-crystal-orbit,url('/assets/art/crystal-orbit.webp')) center/cover;color:white;box-shadow:inset 0 0 0 2px #eaffffab}.approach .eyebrow{color:#d7efff}.approach .section-heading h2{font-size:42px}.approach .section-heading p{color:#e6f8ff;font-size:16px;margin-top:9px}.team-grid{display:grid;grid-template-columns:31% 31%;grid-template-rows:110px 110px 110px;justify-content:space-between;gap:12px;position:absolute;inset:41px 41px 70px;align-content:center;pointer-events:none}.team-card{padding:16px;display:flex;align-items:center;gap:14px;border-radius:23px;color:var(--ink);background:#e7f5ffc7;backdrop-filter:blur(14px);pointer-events:auto}.team-card h3{font-size:16px;letter-spacing:-.025em;margin-bottom:7px}.team-card p{font-size:11px;line-height:1.4}.team-card:first-child{grid-column:1;grid-row:2}.team-card:nth-child(2){grid-column:2;grid-row:1}.team-card:nth-child(3){grid-column:1;grid-row:3}.team-card:nth-child(4){grid-column:2;grid-row:2}.team-card:nth-child(5){grid-column:2;grid-row:3}.team-card .glass-icon{border-radius:13px;width:48px;height:48px;background:#c1edff90;color:#2a4cef}.progress-pill{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);border-radius:25px;display:flex;align-items:center;gap:13px;padding:12px 19px;font-size:11px;white-space:nowrap;color:#2d5881;background:#e5f7ffbb}.progress-pill i{font-style:normal}.progress-pill .status-dot{width:9px;height:9px;background:#45c793;border:2px solid #eefff8;box-shadow:0 0 8px #31d7ae}
.contact{height:280px;margin-top:12px;padding:25px 42px;background:linear-gradient(100deg,#e7f6ffa6,transparent),var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center 35%/cover;border-radius:30px;box-shadow:inset 0 0 0 2px #ffffffb0}.contact-copy{position:relative;z-index:2;width:72%}.contact h2{font-size:37px}.contact p{font-size:14px;line-height:1.3;max-width:460px;margin:10px 0 17px}.contact .eyebrow{font-size:10px;margin-bottom:6px}.contact-object{position:absolute;right:8%;top:-70px;width:300px;height:370px;background:var(--art-crystal-orbit,url('/assets/art/crystal-orbit.webp')) 50% 50%/660px;border-radius:50%;transform:rotate(25deg);opacity:.7;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 25%,transparent 66%)}.contact-words{position:absolute;right:38px;top:43px;font-size:11px;line-height:1.55;color:#335d84}.footer{display:flex;gap:25px;align-items:center;min-height:65px;font-size:10px;color:#40577d}.footer .brand{font-size:13px;gap:2px;padding:0;color:var(--ink)}.footer .brand span{font-size:11px}.footer nav{display:flex;gap:28px}.footer-telegram{margin-left:auto}.footer svg{width:16px;height:16px}.footer>a:last-child{display:flex;align-items:center;gap:10px;font-size:10px}.footer>a:last-child svg{width:12px}.lightbox{border:1px solid #d2e6f6;border-radius:22px;background:#f1f8ff;color:var(--ink);padding:15px;max-width:min(95vw,1300px);max-height:94vh;box-shadow:0 20px 70px #071e5680}.lightbox::backdrop{background:#081b36b3;backdrop-filter:blur(14px)}.lightbox-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 0 12px;font-size:12px}.lightbox-toolbar button{background:#daeefa;border-radius:20px;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px}.lightbox-toolbar svg{width:14px;height:14px}.lightbox>img{max-height:calc(90vh - 60px);width:auto;max-width:100%;margin:auto;object-fit:contain;border-radius:10px}.pending-page{padding:90px 0}.pending-page h1{font-size:55px}.pending-page p{margin:20px 0}
@keyframes float{50%{translate:0 -9px}}
.theme-gift{--accent:#559b21;--ink:#11312d;--muted:#486554;--case-bg:url('/assets/art/gift-garden.webp')}.theme-maverick{--accent:#a36735;--ink:#211c40;--muted:#64506b;--case-bg:url('/assets/art/maverick-orbit.webp')}.theme-tailcare{--accent:#328c68;--ink:#133c32;--muted:#426c5d;--case-bg:url('/assets/art/tailcare-meadow.webp')}.theme-loyalty{--accent:#1385ca;--ink:#102536;--muted:#456575;--case-bg:var(--art-alpine-world,url('/assets/art/alpine-world.webp'))}
.case-shell{margin-top:10px;border:2px solid white;background:var(--case-bg) center/cover;box-shadow:inset 0 0 0 4px #ffffff99,0 5px 16px #477b9530;isolation:isolate}.case-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(95deg,#f3fcffb8,transparent 80%);pointer-events:none}.case-shell .header{height:85px}.case-hero{height:710px;position:relative}.case-hero .side-nav{top:100px}.case-intro{padding:105px 0 0 125px;width:49%;position:relative;z-index:2}.case-intro h1{font-size:67px;font-weight:680;line-height:1.03;white-space:nowrap}.case-intro h2{font-size:30px;line-height:1.2;margin-top:12px;max-width:380px}.case-intro>p{font-size:17px;line-height:1.5;margin-top:23px;max-width:370px}.case-intro .eyebrow{color:var(--muted);font-size:11px;margin-bottom:17px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;max-width:380px}.tags>span{border-radius:30px;padding:10px 14px;font-size:10px;color:var(--muted);background:#ffffff70}.case-devices{position:absolute;inset:45px 6% 85px 52%;perspective:1200px}.phone{position:relative;padding:6px;width:270px;aspect-ratio:390/844;border:2px solid #899697;border-radius:38px;background:linear-gradient(100deg,#0a1316,#526166 3%,#101c22 5%,#10191e 94%,#a2abad 97%,#19282c);box-shadow:8px 14px 25px #07172b40,inset 0 0 1px white;overflow:hidden;transition:transform .4s,box-shadow .4s;flex-shrink:0;display:block}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:29px;background:#10151a}.phone-speaker{position:absolute;width:25%;height:10px;background:#061015;border-radius:0 0 8px 8px;top:6px;left:37.5%;box-shadow:0 1px 1px #555}.phone:hover{box-shadow:8px 18px 30px #05182765}.case-devices .phone{position:absolute;width:255px}.device-primary{left:0;top:0;transform:rotate(-7deg);z-index:2}.device-secondary{right:-15px;top:58px;transform:rotate(7deg);z-index:1}.case-devices .phone:hover{transform:rotate(0) translateY(-5px);z-index:3}.case-hero-bottom{position:absolute;bottom:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.case-note,.case-scroll{display:flex;align-items:center;gap:10px;border-radius:30px;padding:14px 21px;font-size:11px;background:#f3fcff9e}.case-scroll svg{width:13px;height:13px;transform:rotate(135deg)}.theme-gift .case-shell{background-position:65% center}.theme-gift .case-intro h1{font-size:60px}.theme-maverick .case-shell:before{background:linear-gradient(90deg,#fff8f0b8,transparent)}.theme-loyalty .case-intro h1{font-size:95px;letter-spacing:-.06em}.theme-loyalty .case-intro{width:44%}.theme-loyalty .case-intro h2{font-size:32px;max-width:320px}.theme-loyalty .case-devices{left:46%;right:4%;top:95px}.mixed-devices .device-primary{width:230px;top:85px;left:4%;z-index:3}.mixed-devices .desktop-screen{position:absolute;width:100%;top:0;right:0;transform:rotate(5deg)}.desktop-screen{padding:0;border:5px solid #22323c;border-top-width:3px;border-radius:19px;background:#e6eef4;box-shadow:7px 13px 25px #10233540;overflow:hidden;display:block;width:100%;transition:transform .35s}.desktop-screen img{width:100%;height:auto}.window-bar{display:flex;align-items:center;gap:4px;height:22px;background:#22323c;padding:0 10px}.window-bar i{width:4px;height:4px;background:#7998a8;border-radius:50%}.window-bar span{margin-left:10px;color:#d5e5ed;font-size:7px;letter-spacing:.05em}.theme-tailcare .case-devices{left:43%;right:3%;top:90px}.theme-tailcare .case-devices .desktop-screen{position:absolute;width:100%;transform:rotate(-5deg)}.theme-tailcare .case-devices .device-secondary{width:78%;top:195px;right:0;transform:rotate(6deg)}.theme-tailcare .case-intro{width:44%;padding-top:110px}.theme-tailcare .case-intro h2{font-size:27px}.theme-tailcare .case-intro>p{font-size:16px;max-width:290px}
.case-brief{padding:65px 0 35px;text-align:center}.case-brief h2{font-size:42px;max-width:810px;margin:auto}.case-brief p{font-size:16px;margin-top:17px}.case-brief .eyebrow{color:var(--accent);margin-bottom:12px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.showcase-card{border:1px solid white;border-radius:35px;overflow:hidden;position:relative;min-height:685px;background:linear-gradient(140deg,#e0f1eb,#f4faf5);box-shadow:inset 1px 1px 2px white,0 5px 17px #24505715;isolation:isolate}.showcase-card:after{content:'';position:absolute;left:25%;right:-25%;height:90%;bottom:-20%;background:var(--case-bg) center/cover;mask-image:radial-gradient(ellipse,#000 18%,transparent 70%);z-index:-1;opacity:.7}.showcase-copy{padding:30px 34px 0;position:relative;z-index:3;min-height:185px}.feature-number{display:block;font-size:12px;color:var(--accent);margin-bottom:13px;font-weight:650}.showcase-copy h3{font-size:31px;max-width:420px;letter-spacing:-.04em;margin-bottom:13px}.showcase-copy p{font-size:14px;max-width:395px;line-height:1.5}.showcase-art{height:445px;position:relative;margin-top:5px;display:flex;align-items:flex-start;justify-content:center;padding-top:18px}.showcase-art .phone{width:236px;transform:rotate(-6deg);position:relative;z-index:2}.showcase-1 .showcase-art .phone,.showcase-3 .showcase-art .phone{transform:rotate(6deg)}.showcase-art .phone:hover{transform:rotate(0) translateY(-7px)}.showcase-symbol{position:absolute;right:38px;top:100px;width:93px;height:93px;border-radius:25px;display:grid;place-items:center;transform:rotate(13deg);color:var(--accent);background:#eafff29c;box-shadow:inset 3px 3px 3px white,inset -3px -3px 6px #5bab693e,4px 9px 17px #2a5e4026;z-index:3;pointer-events:none}.showcase-symbol svg{width:48px;height:48px}.showcase-label{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 30px;background:#f2faf4bf;backdrop-filter:blur(18px);border-top:1px solid white;z-index:4;font-size:11px;color:var(--muted)}.showcase-label svg{width:14px;height:14px}.theme-maverick .showcase-card{background:linear-gradient(130deg,#f6efe5,#f2edf8)}.theme-maverick .showcase-label{background:#faf3ebd9}.theme-maverick .showcase-symbol{background:#fcf1d8a8}.theme-loyalty .showcase-card{background:linear-gradient(140deg,#e2ecf3,#f4f9fc)}.theme-loyalty .showcase-symbol{background:#c6eaff8c}.theme-loyalty .showcase-label{background:#f1f8fbd1}.theme-tailcare .showcase-card{min-height:540px;background:linear-gradient(130deg,#e6f3e9,#f7fcf6)}.showcase-wide .showcase-art{height:370px;padding:25px 22px;align-items:center}.showcase-wide .desktop-screen{width:100%;transform:perspective(800px) rotateY(-6deg) rotateZ(-3deg);z-index:2}.showcase-wide .showcase-symbol{top:auto;bottom:40px;right:28px;width:65px;height:65px;border-radius:20px}.showcase-wide .showcase-symbol svg{width:35px;height:35px}.theme-tailcare .showcase-card:last-child{grid-column:1/3;display:grid;grid-template-columns:37% 63%;align-items:center;min-height:450px}.theme-tailcare .showcase-card:last-child .showcase-art{height:400px;padding-right:40px}.theme-tailcare .showcase-card:last-child .showcase-copy{padding:30px 35px 60px}.theme-loyalty .showcase-wide .showcase-art{padding:35px 23px 65px;height:465px}.theme-loyalty .showcase-wide .desktop-screen{transform:rotate(-3deg)}.screenshot-note{font-size:10px;text-align:center;margin:20px auto 0;max-width:850px;line-height:1.6}.extra-screens{margin-top:26px;border-block:1px solid #a7c4b366}.extra-screens>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 2px;font-size:12px}.extra-screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:20px 0 30px}.extra-screen-grid figure{margin:0}.extra-screen-grid .phone{width:100%}.extra-screen-grid figcaption{font-size:11px;text-align:center;margin-top:15px}.case-ecosystem{height:570px;margin-top:55px;background:var(--case-bg) center/cover;isolation:isolate;box-shadow:inset 0 0 0 2px #ffffffb0;padding:35px}.case-ecosystem:before{content:'';position:absolute;inset:0;z-index:-1;background:#eafaf640}.case-eco-heading{text-align:center;position:relative;z-index:2}.case-eco-heading h2{font-size:37px;max-width:600px;margin:auto}.theme-gift .case-ecosystem{background-image:url('/assets/art/gift-center.webp');background-position:center}.theme-maverick .case-ecosystem{background-position:right center}.feature-orbit{position:absolute;inset:165px 50px 55px;display:grid;grid-template-columns:30% 30%;grid-template-rows:1fr 1fr;justify-content:space-between;gap:35px}.orbit-card{padding:22px;display:flex;align-items:center;gap:14px;border-radius:25px;background:#f3fcf7c7;backdrop-filter:blur(18px)}.orbit-card h3{font-size:17px;margin-bottom:8px;letter-spacing:-.025em}.orbit-card p{font-size:12px;line-height:1.45}.orbit-card .glass-icon{color:var(--accent);background:#f7fffb8f}.theme-loyalty .case-orbit-object{position:absolute;left:calc(50% - 115px);top:185px;width:230px;height:230px;border-radius:50%;border:35px solid #c3f4ffa0;box-shadow:inset 4px 6px 10px white,inset -8px -3px 10px #0675baaa,8px 12px 20px #10598065,0 0 7px white;transform:rotate(-25deg) skew(-10deg,-8deg);background:#276b924f;backdrop-filter:blur(5px)}.details{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 0 45px}.details h2{font-size:36px;line-height:1.15}.details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;padding:20px 0;font-size:15px;font-weight:600}.details summary span{font-size:23px;font-weight:400;color:var(--accent)}.details-list details{border-bottom:1px solid #9cbbc366}.details-list details[open] summary span{transform:rotate(45deg)}.details-list details p{padding:0 25px 22px 0;font-size:13px;line-height:1.65}summary::-webkit-details-marker{display:none}.tech-section{padding:20px 0 45px}.tech-section h2{font-size:35px}.tech-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tech-item{display:flex;align-items:center;gap:17px;padding:24px 20px;border-radius:22px;background:#ffffff8f}.tech-item h3{font-size:17px;margin-bottom:6px}.tech-item p{font-size:10px}.tech-logo{font-size:32px;font-weight:700;font-style:italic;color:var(--accent)}.tech-logo svg{width:32px;height:32px}.other-cases{padding:15px 0 50px}.other-cases>h2{font-size:27px;margin-bottom:20px}.other-cases>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.other-cases a{position:relative;border-block:1px solid #bdd6e1;padding:22px 45px 20px 0;font-size:18px;font-weight:650}.other-cases a>span:not(.round-arrow){display:block;font-size:11px;color:var(--muted);margin-top:8px;font-weight:400}.other-cases .round-arrow{position:absolute;right:0;top:24px}
@media(min-width:1600px){.hero-shell{margin-top:20px}.header{height:92px}}
@media(max-width:1100px){
 .wrap{width:calc(100% - 64px)}.scene{--radius:38px}.header{padding:19px 25px;height:78px}.brand{font-size:17px}.brand span{font-size:14px}.nav-notch{width:340px;height:72px;padding:14px 25px 18px}.top-nav a{padding:10px 13px;font-size:11px}.header>.button{font-size:11px;padding:12px 18px;gap:16px}.hero{height:800px}.hero-copy{padding-top:20px}.hero-copy h1{font-size:57px}.hero-copy p{font-size:18px}.side-nav{left:16px;top:90px;width:54px;padding:7px 5px}.side-nav a{width:42px;height:42px}.side-nav svg{width:19px;height:19px}.crm{grid-template-columns:118px 1fr 190px;width:85%;height:320px;padding:14px;gap:8px;margin-top:35px}.crm-sidebar{font-size:9px}.crm-sidebar strong{font-size:10px;gap:4px}.crm-sidebar>span{gap:6px;padding:9px 6px}.crm-projects,.crm-inbox{padding:16px 10px}.crm-row{gap:5px}.crm-row b{font-size:8px}.crm-row small{display:none}.crm h2{font-size:16px}.crm-search{font-size:6px}.crm-tabs{gap:2px}.crm-tabs button{font-size:8px;padding:5px 7px}.crm-state{font-size:7px}.hero-bottom{height:213px}.hero-invite{height:210px;padding:24px}.hero-invite h2{font-size:23px}.hero-invite p{font-size:14px}.hero-invite>div{gap:22px}.hero-invite .button{font-size:10px;padding:12px 17px;gap:12px}.landscape-coins i{width:35px;height:35px;margin-left:-10px}.hero-business{height:210px;padding:25px}.hero-business h2{font-size:20px}.hero-business div span{font-size:12px;gap:10px}.hero-business>.round-arrow{right:20px;top:100px;width:34px;height:34px}.glass-orb{width:125px;height:125px}.glass-orb span{font-size:66px}.section-heading h2{font-size:34px}.section-heading>p{font-size:11px}.service-grid{gap:16px}.service-art{height:190px}.service h3{font-size:17px}.service p{font-size:11px}.custom{padding:22px 27px;height:190px;gap:15px}.custom-copy{grid-template-columns:75px 1fr;gap:12px 15px;width:52%}.custom-icon{width:75px;height:75px;border-radius:23px}.custom-icon svg{width:45px;height:45px}.custom-copy h3{font-size:25px}.custom-copy p{font-size:12px}.custom-steps{font-size:9px;min-width:140px;padding:16px 12px;gap:12px}.code-sculpture{width:170px;scale:.85;transform-origin:center}.workflow{height:590px;padding:30px}.workflow .section-heading h2{font-size:36px}.workflow .section-heading p{font-size:14px}.workflow-content{grid-template-columns:42% 58%}.system-stack{padding:5px 35px 0 0}.stack-layer{font-size:15px;height:65px;padding:8px 15px;gap:10px}.flow-grid{gap:10px}.flow-card{padding:13px 10px;height:167px}.flow-card h3{font-size:9px;gap:6px}.flow-card h3 i{width:20px;height:20px}.mini-form,.mini-list{margin-left:10px}.telegram-alert{padding-left:10px;gap:9px}.telegram-alert b{font-size:10px}.telegram-alert p{font-size:9px}.mini-list>span{font-size:9px}.works .section-heading h2{font-size:35px}.project-card{height:260px}.project-caption h3{font-size:16px}.project-caption p{font-size:10px}.project-caption{min-height:69px}.cover-phone{width:185px}.project-gift-roulette .cover-phone{width:195px}.cover-mini{width:105px}.approach{height:500px;padding:27px 30px}.approach .section-heading h2{font-size:35px}.approach .section-heading p{font-size:14px}.team-grid{inset:30px 30px 65px;grid-template-columns:32% 32%;grid-template-rows:104px 104px 104px;gap:10px}.team-card{padding:13px;gap:10px}.team-card h3{font-size:13px}.team-card p{font-size:10px}.team-card .glass-icon{width:39px;height:39px}.team-card svg{width:23px;height:23px}.contact{height:255px;padding:26px 32px}.contact h2{font-size:31px}.contact p{font-size:13px}.contact-copy{width:76%}.contact-object{right:5%}.contact-words{right:25px;font-size:10px}.case-hero{height:660px}.case-intro{padding:105px 0 0 100px;width:51%}.case-intro h1,.theme-gift .case-intro h1{font-size:47px}.case-intro h2{font-size:25px}.case-intro>p{font-size:15px;max-width:300px}.case-devices{inset:80px 6% 85px 54%}.case-devices .phone{width:218px}.case-devices .device-secondary{right:-12px;top:65px}.tags{gap:6px}.tags>span{font-size:9px;padding:9px 11px}.theme-loyalty .case-intro{padding-left:100px}.theme-loyalty .case-intro h1{font-size:80px}.theme-loyalty .case-intro h2{font-size:27px}.mixed-devices .device-primary{width:200px;top:125px}.theme-loyalty .case-devices{top:100px;left:49%}.theme-tailcare .case-intro{width:49%}.theme-tailcare .case-devices{left:48%;top:180px}.theme-tailcare .case-intro h2{font-size:24px}.theme-tailcare .case-devices .device-secondary{top:160px}.case-brief h2{font-size:35px}.case-brief p{font-size:14px}.showcase-copy{padding:26px 27px 0;min-height:190px}.showcase-copy h3{font-size:27px}.showcase-copy p{font-size:13px}.showcase-card{min-height:680px}.showcase-symbol{right:22px;width:72px;height:72px}.showcase-symbol svg{width:38px;height:38px}.showcase-label{font-size:10px;padding:17px 23px}.case-ecosystem{height:530px}.case-eco-heading h2{font-size:33px}.feature-orbit{inset:160px 32px 40px;grid-template-columns:33% 33%;gap:25px}.orbit-card{padding:16px;gap:10px}.orbit-card h3{font-size:14px}.orbit-card p{font-size:11px}.orbit-card .glass-icon{width:36px;height:36px}.details{gap:40px}.details h2{font-size:31px}.details summary{font-size:13px}.tech-flow{gap:12px}.tech-item{padding:20px 16px;gap:10px}.tech-item h3{font-size:14px}.tech-item p{font-size:9px}.tech-logo{font-size:28px}.tech-logo svg{width:28px;height:28px}
}
@media(max-width:760px){
 :root{--radius:30px}.wrap{width:calc(100% - 32px)}.scene{width:calc(100% - 12px)}.hero-shell{margin-top:6px}.header{height:74px;padding:17px 17px}.brand{font-size:14px;gap:2px}.brand span{font-size:10px}.header>.button{font-size:9px;gap:12px;padding:10px 12px;z-index:2}.nav-notch{top:56px;width:252px;height:45px;padding:0 0 0;border-radius:40px;background:transparent;filter:none}.nav-notch:before,.nav-notch:after{display:none}.top-nav{height:36px;background:#effaffce}.top-nav a{font-size:10px;padding:9px 18px}.hero{height:782px}.hero-copy{padding:48px 15px 0}.hero-copy h1{font-size:clamp(31px,8.2vw,52px);line-height:1.02;letter-spacing:-.045em}.hero-copy p{font-size:13px;margin-top:14px;line-height:1.4}.side-nav{left:10px;top:249px;width:42px;padding:6px 4px;gap:4px;border-radius:24px}.side-nav a{width:32px;height:32px}.side-nav svg{width:16px;height:16px}.crm{height:260px;width:calc(100% - 80px);margin:35px 13px 0 auto;display:block;padding:12px;border-radius:24px;background:linear-gradient(135deg,#d2f2ffd9,#d7efff8f);transform:none}.crm:before{inset:-5px;border-radius:29px}.crm-sidebar,.crm-inbox{display:none}.crm-projects{height:100%;padding:13px 10px;border-radius:14px}.crm header{margin-bottom:13px}.crm h2{font-size:15px}.crm-search{font-size:6px;padding:5px}.crm-tabs{margin-bottom:10px}.crm-tabs button{font-size:8px;padding:5px 7px}.crm-row{gap:5px;height:34px;min-height:34px}.crm-row b{font-size:8px}.crm-app-icon{width:22px;height:22px;border-radius:6px}.crm-app-icon svg{width:13px;height:13px}.crm-state{font-size:6px;padding:3px 4px}.crm-row i{display:none}.crm-bottom{font-size:6px;margin-top:13px}.crm-bottom small{font-size:6px}.hero-bottom{height:269px;left:9px;right:9px;bottom:12px;display:block}.hero-invite{position:absolute;left:0;bottom:0;width:61%;height:225px;padding:21px 17px 15px;border-radius:28px 45px 27px 27px;clip-path:polygon(0 0,76% 0,83% 4%,100% 85%,98% 100%,0 100%)}.hero-invite h2{font-size:19px;max-width:140px;line-height:1.1}.hero-invite p{font-size:10px;max-width:155px;margin-top:10px;line-height:1.45}.hero-invite>div{margin-top:18px;display:block}.hero-invite .button{font-size:9px;padding:11px 13px;gap:10px}.landscape-coins{margin:10px 0 0 18px}.landscape-coins i{width:26px;height:26px;margin-left:-8px}.hero-business{position:absolute;right:0;top:0;height:173px;width:49%;padding:21px 15px 16px;border-radius:37px 25px 27px 37px;background:#e8f7ffbe}.hero-business h2{font-size:14px;line-height:1.2;margin-bottom:13px;max-width:115px}.hero-business>div{gap:10px}.hero-business div span{font-size:8px;gap:7px;line-height:1.3}.hero-business svg{width:14px;height:14px}.hero-business>.round-arrow{width:25px;height:25px;top:auto;bottom:13px;right:12px}.hero-business>.round-arrow svg{width:12px}.glass-orb{position:absolute;width:65px;height:65px;right:7%;bottom:3px;margin:0}.glass-orb span{font-size:36px}.services{padding-top:28px}.eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:7px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:30px}.section-heading>p{font-size:11px;margin-top:12px;line-height:1.4}.service-grid{grid-template-columns:1fr 1fr;gap:16px 18px}.service-art{height:190px;margin-bottom:7px;background-size:400% 100%}.service h3{font-size:17px;margin-bottom:7px}.service p{font-size:11px;max-width:180px}.service{padding-bottom:23px}.service>.round-arrow{width:27px;height:27px;bottom:0;right:0}.service>.round-arrow svg{width:13px;height:13px}.custom{height:285px;margin-top:23px;padding:23px 19px;display:block;border-radius:28px}.custom-copy{width:100%;grid-template-columns:56px 1fr;gap:13px 14px;align-items:start}.custom-icon{width:56px;height:60px;border-radius:18px}.custom-icon svg{width:36px;height:36px}.custom-copy h3{font-size:24px}.custom-copy p{font-size:11px;line-height:1.4}.custom-copy p br{display:none}.custom-copy>.button{grid-column:1/3;font-size:10px;padding:11px 15px;gap:14px;position:absolute;bottom:23px;left:20px}.code-sculpture{position:absolute;width:150px;height:165px;bottom:-3px;right:7px;scale:.85}.custom-steps{display:grid;position:absolute;left:20px;bottom:75px;min-width:150px;gap:7px;padding:10px 12px;font-size:8px;border-radius:15px;background:#ebfaff70}.custom-steps .status-dot{width:5px;height:5px}.workflow{height:auto;min-height:860px;margin-top:16px;padding:26px 20px 45px;border-radius:30px;background-position:55% center}.workflow .section-heading h2{font-size:30px;max-width:320px}.workflow .section-heading p{font-size:12px;line-height:1.4;max-width:290px}.workflow-content{display:flex;flex-direction:column;gap:28px}.system-stack{padding:10px 0 0;width:78%;gap:6px}.stack-layer{height:51px;font-size:14px;gap:12px;padding:7px 15px;border-radius:18px;transform:rotateY(-7deg)}.glass-icon{width:31px;height:31px}.glass-icon svg{width:21px;height:21px}.circuit-lines{right:-13%;height:270px;width:160px;top:0}.flow-grid{width:100%;gap:9px}.flow-card{height:178px;padding:12px 9px;border-radius:18px}.flow-card h3{font-size:9px;line-height:1.3;min-height:31px;margin-bottom:8px}.flow-card h3 i{font-size:9px;width:19px;height:19px}.mini-form,.mini-list{margin-left:0;padding:8px}.mini-form strong{font-size:9px}.mini-form>span{font-size:7px}.mini-form button{font-size:8px;gap:12px;padding:6px}.mini-list>span{font-size:8px;gap:5px}.mini-list svg{width:11px;height:11px}.telegram-alert{padding:10px 2px;gap:8px;align-items:flex-start}.telegram-alert>span{width:33px;height:35px;border-radius:10px;flex-shrink:0}.telegram-alert svg{width:23px;height:23px}.telegram-alert b{font-size:9px}.telegram-alert p{font-size:8px;margin-top:3px}.status-list{gap:12px}.flow-caption{bottom:13px;right:20px;left:20px;text-align:center;font-size:8px;padding:6px 8px}.works{padding-top:27px}.works .section-heading h2{font-size:29px}.all-projects{font-size:9px;margin-top:12px}.all-projects svg{width:11px;height:11px}.project-grid{gap:14px;grid-template-columns:1fr}.project-card{height:285px;border-radius:25px}.cover-phone{width:180px;right:23%}.project-gift-roulette .cover-phone{width:190px;right:23%}.cover-browser{width:90%;top:27px;right:5%}.project-loyalty .cover-browser{top:31px}.cover-mini{width:113px}.project-caption{padding:13px 16px;min-height:70px}.project-caption h3{font-size:17px}.project-caption p{font-size:10px}.approach{height:970px;padding:26px 23px;margin-top:20px;background-size:auto 650px;background-repeat:no-repeat;background-position:center 65px;background-color:#badcef;border-radius:30px}.approach .section-heading h2{font-size:29px}.approach .section-heading p{font-size:12px;max-width:220px}.team-grid{position:absolute;inset:405px 18px 105px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:10px;align-content:stretch}.team-card{display:block;padding:13px 12px;background:#e8f7ffcf;border-radius:19px}.team-card h3{font-size:12px;margin:10px 0 6px}.team-card p{font-size:10px;line-height:1.4}.team-card .glass-icon{width:35px;height:35px;border-radius:11px}.team-card .glass-icon svg{width:21px;height:21px}.team-card:first-child{grid-column:1;grid-row:1}.team-card:nth-child(2){grid-column:2;grid-row:1}.team-card:nth-child(3){grid-column:1;grid-row:2}.team-card:nth-child(4){grid-column:2;grid-row:2}.team-card:nth-child(5){grid-column:1/3;grid-row:3;display:flex;align-items:center;gap:13px}.team-card:nth-child(5) h3{margin-top:0}.progress-pill{bottom:19px;max-width:90%;white-space:normal;gap:7px;padding:12px;font-size:8px;line-height:1.4;border-radius:17px}.progress-pill>span:not(.status-dot){flex:1}.contact{height:300px;padding:25px 23px;border-radius:26px}.contact-copy{width:95%}.contact h2{font-size:29px;max-width:310px}.contact p{font-size:12px;max-width:260px;margin:12px 0 18px}.contact p br{display:none}.contact .button{font-size:10px;padding:13px 19px;gap:20px}.contact-object{width:230px;height:240px;right:-40px;top:75px;background-size:480px;opacity:.7}.contact-words{font-size:8px;right:20px;top:auto;bottom:22px}.footer{min-height:110px;flex-wrap:wrap;gap:13px 18px;padding:20px 0;font-size:9px}.footer .brand{font-size:12px}.footer .brand span{font-size:10px}.footer nav{gap:20px;order:5;width:100%;justify-content:center;font-size:10px}.footer-telegram{margin-left:auto}.footer>a:last-child{font-size:9px;gap:5px}.footer>a:last-child svg{width:10px}.lightbox{padding:10px;border-radius:17px}.lightbox-toolbar{font-size:10px;gap:10px}.lightbox-toolbar button{font-size:10px;padding:8px 10px;white-space:nowrap}.lightbox-toolbar p{max-width:200px}
 .case-shell .header{height:80px}.case-hero{height:870px}.case-intro{padding:54px 23px 0;width:100%;max-width:500px}.case-intro .eyebrow{font-size:9px;margin-bottom:13px}.case-intro h1,.theme-gift .case-intro h1{font-size:43px;white-space:normal}.case-intro h2{font-size:24px;margin-top:9px;max-width:350px}.case-intro>p{font-size:13px;max-width:310px;margin-top:16px}.tags{margin-top:17px;gap:6px;max-width:100%}.tags>span{font-size:9px;padding:8px 11px}.case-hero .side-nav{top:355px;left:10px}.case-devices{inset:350px 5% 90px 24%}.case-devices .phone{width:190px}.case-devices .device-secondary{right:-3px;top:54px;width:174px}.case-hero-bottom{left:17px;right:17px;bottom:18px;flex-wrap:wrap;gap:9px}.case-note,.case-scroll{font-size:9px;padding:10px 13px}.case-scroll svg{width:11px;height:11px}.case-scroll{margin-left:auto}.theme-loyalty .case-intro{padding:47px 23px 0;width:100%}.theme-loyalty .case-intro h1{font-size:68px}.theme-loyalty .case-intro h2{font-size:25px;max-width:320px}.theme-loyalty .case-devices{inset:390px 4% 90px 16%}.mixed-devices .device-primary{width:166px;left:3%;top:70px}.mixed-devices .desktop-screen{top:0;width:100%}.theme-loyalty .case-hero{height:980px}.theme-tailcare .case-intro{width:100%;padding:54px 23px 0}.theme-tailcare .case-intro h2{font-size:24px}.theme-tailcare .case-intro>p{font-size:13px;max-width:310px}.theme-tailcare .case-devices{inset:355px 5% 70px 17%}.theme-tailcare .case-devices .device-secondary{top:125px;width:90%}.theme-tailcare .case-hero{height:735px}.case-brief{padding:37px 0 24px;text-align:left}.case-brief h2{font-size:29px}.case-brief p{font-size:13px;margin-top:13px}.case-brief .eyebrow{font-size:8px}.showcase-grid{grid-template-columns:1fr;gap:15px}.showcase-card{min-height:665px;border-radius:27px}.showcase-copy{padding:25px 25px 0;min-height:185px}.showcase-copy h3{font-size:27px;margin-bottom:12px}.showcase-copy p{font-size:13px;line-height:1.5;max-width:340px}.feature-number{font-size:10px;margin-bottom:12px}.showcase-art{height:435px;padding-top:15px}.showcase-art .phone{width:225px}.showcase-symbol{right:19px;top:110px;width:70px;height:70px;border-radius:20px}.showcase-symbol svg{width:36px;height:36px}.showcase-label{font-size:10px;padding:16px 22px}.screenshot-note{font-size:9px;text-align:left;margin-top:16px}.extra-screens>summary{font-size:11px}.extra-screen-grid{grid-template-columns:1fr 1fr;gap:20px 15px}.extra-screen-grid .phone{border-radius:24px;padding:4px}.extra-screen-grid .phone img{border-radius:17px}.extra-screen-grid figcaption{font-size:9px}.theme-tailcare .showcase-card{min-height:0;padding-bottom:55px}.showcase-wide .showcase-art{height:auto;min-height:260px;padding:25px 20px}.theme-tailcare .showcase-card:last-child{grid-column:auto;display:block;min-height:0}.theme-tailcare .showcase-card:last-child .showcase-art{height:auto;padding:25px 20px}.theme-tailcare .showcase-card:last-child .showcase-copy{padding:25px 25px 0}.theme-loyalty .showcase-wide{min-height:560px}.theme-loyalty .showcase-wide .showcase-art{height:310px;padding:25px 17px 40px}.showcase-wide .showcase-symbol{width:55px;height:55px;right:18px;bottom:20px;border-radius:17px}.showcase-wide .showcase-symbol svg{width:27px;height:27px}.case-ecosystem{height:680px;margin-top:35px;padding:27px 22px;background-size:auto 600px;background-position:center 30px;background-repeat:no-repeat;background-color:#e1edf1}.case-eco-heading{text-align:left}.case-eco-heading h2{font-size:29px;max-width:320px}.case-eco-heading .eyebrow{font-size:8px}.theme-gift .case-ecosystem{background-size:auto 500px;background-position:center 90px}.feature-orbit{inset:365px 18px 22px;grid-template-columns:1fr 1fr;gap:11px;grid-template-rows:1fr 1fr}.orbit-card{padding:14px 12px;border-radius:18px;display:block;background:#f4fcf6d1}.orbit-card .glass-icon{width:29px;height:29px;float:left;margin:0 7px 7px 0}.orbit-card .glass-icon svg{width:20px;height:20px}.orbit-card h3{font-size:12px;min-height:30px;display:flex;align-items:center;margin-bottom:7px;line-height:1.2}.orbit-card p{clear:both;font-size:10px;line-height:1.4}.theme-loyalty .case-orbit-object{width:170px;height:170px;left:calc(50% - 85px);top:170px;border-width:26px}.details{grid-template-columns:1fr;gap:15px;padding:36px 0 20px}.details h2{font-size:30px}.details summary{font-size:13px;line-height:1.3;padding:20px 0}.details-list details p{font-size:12px;line-height:1.6}.tech-section{padding:20px 0 32px}.tech-section .section-heading h2{font-size:29px}.tech-section .section-heading>p{font-size:10px}.tech-flow{grid-template-columns:1fr 1fr;gap:11px}.tech-item{padding:18px 13px;gap:10px;border-radius:19px}.tech-item h3{font-size:13px;margin-bottom:5px}.tech-item p{font-size:9px}.tech-logo{font-size:27px}.tech-logo svg{width:25px;height:25px}.other-cases{padding:10px 0 35px}.other-cases>h2{font-size:25px;margin-bottom:12px}.other-cases>div{grid-template-columns:1fr;gap:0}.other-cases a{border-top:0;font-size:18px;padding:21px 45px 20px 0}.other-cases a>span:not(.round-arrow){font-size:11px}.pending-page h1{font-size:38px}.pending-page{padding:70px 0}
}
@media(min-width:500px) and (max-width:760px){.hero{height:850px}.hero-copy h1{font-size:49px}.crm{width:78%;height:280px;margin-top:40px}.crm-row b{font-size:11px}.crm-tabs button{font-size:10px}.crm-state{font-size:9px}.crm h2{font-size:18px}.hero-invite{width:53%;padding:25px;height:215px}.hero-invite h2{max-width:none;font-size:24px}.hero-invite p{font-size:13px;max-width:none}.hero-business{width:45%;height:210px;padding:25px}.hero-business h2{font-size:19px;max-width:none}.hero-business div span{font-size:12px}.hero-business svg{width:20px;height:20px}.glass-orb{right:12%;width:75px;height:75px;bottom:0}.service-art{height:260px}.service h3{font-size:22px}.service p{font-size:13px}.service-grid{gap:25px}.custom-copy h3{font-size:28px}.custom-copy p{font-size:13px}.custom-steps{left:auto;right:180px;bottom:32px}.custom{height:235px}.workflow{min-height:870px}.flow-card h3{font-size:12px}.flow-card{height:180px}.mini-list>span{font-size:11px}.mini-form strong{font-size:11px}.mini-form>span,.mini-form button{font-size:10px}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-card{height:240px}.project-caption h3{font-size:14px}.project-caption p{font-size:9px}.project-caption{padding:13px;min-height:80px}.cover-phone{width:165px;right:10%}.project-gift-roulette .cover-phone{width:165px;right:12%}.cover-mini{width:83px}.team-grid{inset:400px 20px 105px}.team-card h3{font-size:15px}.team-card p{font-size:12px}.case-devices{left:35%;right:17%}.case-devices .phone{width:210px}.case-devices .device-secondary{width:200px;right:-25px}.case-hero{height:900px}.theme-tailcare .case-devices{left:20%;right:9%}.theme-loyalty .case-devices{left:25%;right:10%}.showcase-copy p{max-width:none}.showcase-art .phone{width:245px}.showcase-symbol{right:65px}.feature-orbit{inset:365px 22px 22px}.orbit-card h3{font-size:16px}.orbit-card p{font-size:12px}}
@media(max-width:370px){.hero{height:765px}.hero-copy{padding-top:47px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:12px}.header{padding:16px 12px}.brand{font-size:12px}.brand span{font-size:9px}.header>.button{font-size:8px;padding:9px 11px;gap:7px}.header>.button svg{width:12px;height:12px}.hero-invite{padding:19px 13px;height:220px}.hero-invite h2{font-size:18px}.hero-invite p{font-size:9px}.hero-business{padding:22px 12px;width:49%}.hero-business h2{font-size:12px}.hero-business div span{font-size:7px}.crm{width:calc(100% - 66px);margin-right:10px;padding:9px}.crm-projects{padding:13px 8px}.crm-tabs button{font-size:7px;padding:5px 6px}.crm-row b{font-size:7px}.crm-state{font-size:6px}.crm-search{display:none}.crm-bottom small{display:none}.side-nav{left:8px;top:245px;width:36px;padding:5px 3px}.side-nav a{width:28px;height:30px}.service-art{height:156px}.service h3{font-size:15px}.service p{font-size:10px}.section-heading h2{font-size:27px}.custom-copy h3{font-size:21px}.custom-copy p{font-size:10px}.code-sculpture{right:-12px;scale:.74}.custom-steps{min-width:134px;font-size:7px}.workflow{padding-inline:17px;min-height:890px}.workflow .section-heading h2{font-size:28px}.workflow .section-heading p{font-size:11px}.system-stack{width:86%}.flow-card{height:181px;padding:11px 8px}.flow-card h3{font-size:8px}.telegram-alert{display:block;padding-top:0}.telegram-alert>span{float:left;margin-right:6px}.telegram-alert b{font-size:8px}.telegram-alert p{font-size:8px}.approach{height:1035px}.team-grid{inset:410px 16px 113px}.team-card h3{font-size:11px}.team-card p{font-size:10px}.team-card:nth-child(5){gap:10px}.progress-pill{font-size:7px;gap:7px}.contact h2{font-size:26px}.footer{gap:12px}.case-intro h1,.theme-gift .case-intro h1{font-size:36px}.case-intro h2{font-size:21px}.case-intro>p{font-size:12px}.case-intro{padding-inline:20px}.tags>span{font-size:8px;padding:8px 9px}.case-devices{left:22%;right:5%;top:348px}.case-devices .phone{width:168px}.case-devices .device-secondary{width:154px}.case-hero{height:830px}.case-hero .side-nav{top:360px}.theme-loyalty .case-devices{top:400px}.theme-loyalty .case-hero{height:960px}.theme-loyalty .case-intro h2{font-size:23px}.theme-tailcare .case-intro h2{font-size:22px}.theme-tailcare .case-devices{top:370px}.case-note,.case-scroll{font-size:8px}.showcase-copy h3{font-size:25px}.showcase-copy p{font-size:12px}.showcase-art .phone{width:215px}.showcase-symbol{width:58px;height:58px;right:16px}.showcase-symbol svg{width:31px;height:31px}.showcase-copy{padding-inline:22px}.case-ecosystem{height:730px}.feature-orbit{inset:355px 15px 22px}.orbit-card .glass-icon{float:none;margin-bottom:9px}.orbit-card h3{display:block;min-height:0;font-size:12px}.orbit-card p{font-size:10px}.tech-item h3{font-size:12px}.tech-item p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.glass{background:#eaf6fc;backdrop-filter:none!important}}@media(forced-colors:active){.glass,.button,.phone,.desktop-screen,.project-card{border:1px solid CanvasText}.hero-copy h1{color:CanvasText}}
.clip-definitions{position:absolute;width:0;height:0;overflow:hidden}.hero-invite{clip-path:url(#invite-curve)}.approach .section-heading{position:relative;z-index:1;text-shadow:0 2px 12px #15466c}.crm-row[hidden]{display:none}.inbox-row .avatar{display:grid;font-size:10px;color:white;margin:0}.crm-state{white-space:nowrap}
img{height:auto}.phone img{height:100%}.project-card .cover-phone img,.cover-mini img,.cover-browser img{height:auto}
.approach{background-image:linear-gradient(110deg,#07375c44,transparent 45%),url('/assets/art/team-orbit.webp')}.contact{background-image:linear-gradient(90deg,#edfaff55,transparent 60%),url('/assets/art/contact-ring.webp');background-position:center}.contact-object{display:none}.contact-copy{width:70%}.case-shell:before{background:linear-gradient(90deg,#f3fcffe3 0%,#f3fcffbb 30%,#f3fcff55 50%,transparent 68%)}.theme-maverick .case-shell:before{background:linear-gradient(90deg,#fff8f0e3,#fff8f0a8 35%,transparent 65%)}
@media(max-width:760px){.approach{background-size:auto 510px;background-position:center 55px;background-color:#b8d9ec}.contact{background-position:64% center}.contact-copy{width:96%}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf8ffd9,#eaf8ff88 67%,transparent)}.case-shell:before,.theme-maverick .case-shell:before{background:linear-gradient(#f3fcffdd,#f3fcffa3 37%,transparent 70%)}}
.service-art{background-size:400% auto;background-position-y:center}
.theme-loyalty .case-ecosystem{background-image:url('/assets/art/team-orbit.webp');background-position:center}.theme-loyalty .case-orbit-object{display:none}.theme-loyalty .case-eco-heading{color:white;text-shadow:0 2px 10px #163b62}.theme-loyalty .case-eco-heading .eyebrow{color:#e6f7ff}.theme-loyalty .case-ecosystem:before{background:linear-gradient(#104d7c50,transparent 55%)}
.phone{aspect-ratio:var(--phone-ratio,390/844)}
/* Clear glass: sharp transmission, a refractive bevel and directional rims.
   The material belongs to panels; actions deliberately use flat surfaces. */
.glass:is(.top-nav,.side-nav,.crm,.hero-business,.hero-invite,.custom-steps,.stack-layer,.flow-card,.team-card,.orbit-card,.case-note,.progress-pill){
 background:linear-gradient(125deg,#ffffff85 0%,#ffffff12 36%,#c0edff18 68%,#ffffff45 100%);
 border:1px solid #ffffffa6;
 box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #ffffffa8,inset 0 0 0 3px #ffffff18,inset 0 0 14px #ffffff22,0 8px 24px #16395720;
 backdrop-filter:blur(1.2px) saturate(1.22);
 -webkit-backdrop-filter:blur(1.2px) saturate(1.22);
}
.glass:is(.crm,.hero-business,.custom-steps,.stack-layer,.flow-card,.team-card,.orbit-card,.case-note){position:relative}
.glass:is(.top-nav,.side-nav,.crm,.hero-business,.custom-steps,.stack-layer,.flow-card,.team-card,.orbit-card,.case-note):after{
 content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:2px;
 background:linear-gradient(135deg,#fff 2%,#ffffff35 23%,transparent 38%,#c1f2ffba 60%,#fff 78%,#ffffff30 92%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
}
.glass.crm{transform:none;background:linear-gradient(120deg,#dcf6ff48,#b9e3ff14);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b4e8ff,0 12px 35px #123f612e}
.crm:before{inset:-5px;border:1px solid #ffffff85;box-shadow:none;border-radius:35px}
.crm-projects,.crm-inbox{background:#f3faff9c;box-shadow:inset 0 1px 0 #ffffffad}
.crm-sidebar{background:#f1faff75;border-radius:17px}
.glass.hero-invite{background:linear-gradient(120deg,#ecfaffc7,#e5f7ff50);backdrop-filter:blur(1px)}
.glass.hero-business{background:linear-gradient(130deg,#f1fbff94,#e4f6ff24);border-radius:38px}
.glass:is(.team-card,.orbit-card){background:linear-gradient(115deg,#f7fcffb5,#e6f6ff64);text-shadow:0 1px 2px #fff8}
.glass.stack-layer{transform:none;background:linear-gradient(105deg,#effaff85,#c7ecff24)}
.glass.flow-card{background:linear-gradient(130deg,#ecfaff85,#ddf4ff30)}
.glass.case-note{background:linear-gradient(125deg,#ffffffd9,#f1fbff9c);color:#183c49;font-weight:600}
.side-nav a{background:#ffffff7a}
.flow-card.is-active{outline:2px solid #1699ef;outline-offset:3px}
.mini-form,.mini-list{background:#f4fcffc7}
.project-caption,.showcase-label{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.glass.tags>span,.tags>.glass,.glass.tech-item{box-shadow:none;backdrop-filter:none;background:#ffffff85;border:1px solid #ffffffb0}
.button,.button:hover,.button:active{box-shadow:none;transform:none;border:1px solid transparent;border-radius:9px;transition:background .2s,color .2s,scale .2s}
.button.primary{background:#102e3a;color:#fff}
.button.primary:hover{background:#204755}
.button:active{scale:.96}
.round-arrow,.side-nav a:first-child,.crm-tabs button[aria-selected=true]{box-shadow:none;background:#ffffffa6}
.round-arrow{border-radius:10px}
.crm-tabs button[aria-selected=true]{background:#1781eb;color:white}
.mini-form button{background:#147cf3;box-shadow:none;border-radius:6px}
.case-scroll.glass{background:#f6fbff;box-shadow:none;backdrop-filter:none;border:1px solid #ffffffb0;border-radius:9px;min-height:42px;transition:background .2s}
.case-scroll:hover{background:#fff}
.lightbox-toolbar button{border-radius:8px;box-shadow:none}
/* Screens are editorial product captures, without fake hardware or cropping. */
.phone,.desktop-screen{padding:0;border:1px solid #152a343d;border-radius:18px;background:#10151a;box-shadow:0 12px 28px #10233526;aspect-ratio:auto;transform:none;transition:box-shadow .25s}
.phone img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.phone:hover,.desktop-screen:hover{box-shadow:0 15px 32px #1023353b}
.window-bar{background:#f8fbfd;color:#284353;height:22px;border-bottom:1px solid #10233515}
.window-bar span{color:#45616c}.window-bar i{background:#aabac2}
.desktop-screen{border-radius:10px;background:#f8fbfd}
.case-devices{inset:55px 4% 115px 50%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;perspective:none}
.case-devices .phone,.case-devices .device-secondary{position:relative;inset:auto;width:100%;max-width:250px;justify-self:center;transform:none}
.case-devices .phone:hover{transform:none}
.theme-loyalty .case-devices{inset:70px 4% 105px 46%;grid-template-columns:36% 1fr;gap:20px;align-items:center}
.mixed-devices .phone.device-primary{position:relative;inset:auto;width:100%;max-width:225px}
.mixed-devices .desktop-screen{position:relative;inset:auto;width:100%;max-width:none;transform:none}
.theme-tailcare .case-devices{inset:35px 4% 95px 48%;grid-template-columns:1fr;gap:20px;align-content:center}
.theme-tailcare .case-devices .desktop-screen,.theme-tailcare .case-devices .device-secondary{position:relative;inset:auto;width:100%;max-width:none;transform:none;max-height:none}
.showcase-card{min-height:0;display:flex;flex-direction:column}
.showcase-copy{min-height:0;padding-bottom:25px}
.showcase-art{height:auto;min-height:0;flex:1;align-items:center;padding:10px 28px 30px;margin:0}
.showcase-art .phone,.showcase-1 .showcase-art .phone,.showcase-3 .showcase-art .phone{width:min(240px,72%);transform:none}
.showcase-art .phone:hover{transform:none}
.showcase-symbol{width:58px;height:58px;border-radius:16px;right:22px;top:38%;transform:none;box-shadow:inset 0 1px 0 #fff,0 5px 15px #16395712;background:#ffffff66;backdrop-filter:blur(1px)}
.showcase-symbol svg{width:30px;height:30px}
.showcase-label{position:relative;inset:auto;margin-top:auto;min-height:57px}
.showcase-wide .showcase-art,.theme-loyalty .showcase-wide .showcase-art{height:auto;min-height:0;padding:10px 22px 30px}
.showcase-wide .desktop-screen,.theme-loyalty .showcase-wide .desktop-screen{width:100%;transform:none}
.showcase-wide .showcase-symbol{display:none}
.theme-tailcare .showcase-card{min-height:0;padding-bottom:0}
.theme-tailcare .showcase-card:last-child{display:flex;grid-column:1/3;min-height:0}
.theme-tailcare .showcase-card:last-child .showcase-art{height:auto;padding:10px 28px 30px;width:85%;align-self:center}
.theme-tailcare .showcase-card:last-child .showcase-copy{padding:30px 34px 25px;max-width:650px}
.extra-screen-grid .phone{border-radius:14px;padding:0}.extra-screen-grid .phone img{border-radius:0}
.cover-phone,.project-gift-roulette .cover-phone,.cover-mini,.cover-browser{transform:none;border:1px solid #152a343d;border-radius:12px;box-shadow:0 8px 20px #10233533}
.cover-phone,.project-gift-roulette .cover-phone{width:180px;height:auto;top:15px;right:22%}
.cover-browser{width:78%;right:11%;top:20px;border-radius:8px}
.project-loyalty .cover-browser{width:67%;right:28%;top:27px}.cover-mini{width:auto;height:calc(100% - 105px);aspect-ratio:390/844;right:7%;top:15px}
@media(min-width:500px) and (max-width:760px){.cover-phone,.project-gift-roulette .cover-phone{width:130px;right:15%}}
@media(max-width:1100px) and (min-width:761px){
 .case-devices{inset:75px 3% 120px 53%;gap:14px}
 .theme-loyalty .case-devices{inset:110px 3% 120px 49%;gap:12px}
 .theme-tailcare .case-devices{inset:65px 3% 95px 50%;gap:15px}
}
@media(max-width:760px){
 .case-hero,.theme-loyalty .case-hero,.theme-tailcare .case-hero{height:auto;display:flex;flex-direction:column}
 .case-hero .side-nav{display:none}
 .case-devices,.theme-loyalty .case-devices,.theme-tailcare .case-devices{position:relative;inset:auto;width:calc(100% - 44px);margin:30px auto;gap:14px;align-items:start;grid-template-columns:1fr 1fr}
 .case-devices .phone,.case-devices .device-secondary,.mixed-devices .phone.device-primary{width:100%;max-width:220px;inset:auto;position:relative;border-radius:12px}
 .theme-loyalty .case-devices{grid-template-columns:38% 1fr;align-items:center;gap:12px}
 .theme-tailcare .case-devices{grid-template-columns:1fr;gap:18px;max-width:500px}
 .theme-tailcare .case-devices .desktop-screen,.theme-tailcare .case-devices .device-secondary{inset:auto;width:100%}
 .case-hero-bottom{position:relative;inset:auto;margin:0 20px 22px;gap:10px}
 .showcase-card,.theme-loyalty .showcase-wide{min-height:0}
 .showcase-copy{min-height:0;padding:25px 25px 24px}
 .showcase-art,.showcase-wide .showcase-art,.theme-loyalty .showcase-wide .showcase-art{height:auto;min-height:0;padding:8px 20px 26px}
 .showcase-art .phone{width:min(240px,77%)}
 .showcase-symbol{width:48px;height:48px;right:14px;top:35%;border-radius:14px}
 .showcase-symbol svg{width:26px;height:26px}
 .theme-tailcare .showcase-card:last-child{grid-column:auto}
 .theme-tailcare .showcase-card:last-child .showcase-art{width:100%;padding:8px 20px 26px}
 .theme-tailcare .showcase-card:last-child .showcase-copy{padding:25px 25px 24px}
 .glass.hero-business{position:absolute;border-radius:26px}.glass.custom-steps{position:absolute}
 .glass.hero-business>.round-arrow{border-radius:8px}
 .glass:is(.team-card,.orbit-card){background:linear-gradient(120deg,#f5fcffd1,#edfaff96)}
}
@media(prefers-reduced-transparency:reduce){.glass:is(.top-nav,.side-nav,.crm,.hero-business,.hero-invite,.custom-steps,.stack-layer,.flow-card,.team-card,.orbit-card,.case-note,.progress-pill){background:#eaf6fc;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
.service-art{width:195px;height:260px;max-width:100%;margin-inline:auto;background-size:400% 100%;background-position-y:center}@media(max-width:1100px){.service-art{width:155px;height:207px}}@media(max-width:760px){.service-art{width:135px;height:180px}}@media(min-width:500px) and (max-width:760px){.service-art{width:190px;height:253px}}@media(max-width:370px){.service-art{width:118px;height:157px}}

/* Approved folded rosette identity; typography stays native to the page. */
.brand{display:inline-flex;align-items:center;gap:9px}
.brand>.lancer-mark{width:30px;height:30px;flex-shrink:0;object-fit:contain}
.brand>span{font-size:22px;white-space:nowrap;letter-spacing:-.025em}
.brand small{font-size:11px;font-weight:400;margin-left:4px;opacity:.75}