:root{--ink:#141a23;--blue:#245cff;--paper:#f3f5f8;--muted:#566276}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;padding:15px}.skip:focus{top:20px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 48px;background:white}.brand{display:block;width:206px;height:42px}.brand-crop{display:block;width:206px;height:42px;overflow:hidden;position:relative}.brand-crop img{position:absolute;width:480px;height:320px;max-width:none;left:-20px;top:-43px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover{color:var(--blue)}.header-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:30px}.hero{background:var(--ink);color:white}.hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.03fr 1fr;padding:70px 48px 56px;gap:40px}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:#bbc4d3;margin:0 0 36px}.blue-dot{height:7px;width:7px;background:var(--blue);border-radius:50%}h1{font-size:clamp(55px,6.4vw,84px);line-height:.99;letter-spacing:-5px;font-weight:600;margin:0 0 28px}h1 span{color:#608aff}.lead{font-size:16px;line-height:1.65;color:#c5cbd6;max-width:390px;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:53px;padding:18px 23px;font-size:12px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#184de4}.ghost{border:1px solid #49515e;color:white}.hero-note{font-size:10px;color:#8993a3;margin:27px 0 0}.hero-art{min-height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#253451 0,transparent 60%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent)}.art-top,.art-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;color:#8c98ad;font-size:8px;letter-spacing:1.6px}.art-top{top:4px}.art-bottom{bottom:4px;align-items:center}.art-bottom span:last-child{font-size:32px;color:#608aff}.orbit{position:absolute;left:15%;top:16%;width:360px;height:360px;border:1px solid #54709e44;border-radius:50%}.device{position:absolute;border-radius:30px}.phone{width:186px;height:353px}.back{left:14%;top:75px;background:linear-gradient(120deg,#9ea7b4,#5d6979 20%,#293341 80%);border:2px solid #aab2bd;transform:rotate(-18deg);box-shadow:20px 25px 45px #0005}.camera{position:absolute;top:13px;left:12px;width:95px;height:97px;background:linear-gradient(135deg,#828d9e,#404b5a);border:1px solid #b2bccb;border-radius:22px}.camera i{position:absolute;width:33px;height:33px;border:4px solid #333e50;border-radius:50%;background:radial-gradient(circle at 40% 40%,#405d82,#060a11 45%,#171f2b 70%);box-shadow:0 0 0 1px #aeb6c0}.camera i:first-child{top:9px;left:9px}.camera i:nth-child(2){top:51px;left:9px}.camera i:nth-child(3){top:30px;right:9px}.camera b{position:absolute;right:18px;top:10px;width:9px;height:9px;background:#c3cddc;border-radius:50%}.device-line{position:absolute;bottom:40px;left:25px;right:25px;height:1px;background:#b6c0cf44}.front{left:47%;top:108px;transform:rotate(14deg);padding:6px;background:#09101b;border:2px solid #737e90;box-shadow:10px 20px 40px #0008}.screen{height:100%;overflow:hidden;position:relative;border-radius:23px;background:linear-gradient(150deg,#121e43,#245cff 56%,#5c85ff)}.island{position:absolute;top:9px;left:58px;width:58px;height:15px;background:#070c17;border-radius:30px;z-index:2}.screen-line{position:absolute;border:1px solid #aec7ff6b;border-radius:50%;width:370px;height:370px;left:-130px;top:5px}.l2{left:-100px;top:40px}.l3{left:-70px;top:75px}.screen-label{position:absolute;left:22px;bottom:44px;font-size:36px;line-height:.95;letter-spacing:-2px;font-weight:700}.art-stamp{position:absolute;bottom:70px;left:16px;font-size:9px;letter-spacing:2px;line-height:1.7}.art-stamp small{color:#98a3b6;font-size:8px}.stamp-dot{display:block;width:5px;height:5px;background:var(--blue);margin-bottom:10px}.hero-strip{max-width:1224px;margin:auto;display:flex;gap:30px;justify-content:space-between;border-top:1px solid #ffffff19;padding:23px 0;color:#aeb7c6;font-size:11px}.hero-strip span:before{content:'+';color:#608aff;margin-right:12px}.section{max-width:1320px;margin:auto;padding:82px 48px}.section-label{color:var(--muted);margin-bottom:34px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:44px;line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0}p{line-height:1.65}.body-large{font-size:21px;margin:0 0 20px;line-height:1.5}.muted{font-size:14px;color:var(--muted);margin:0 0 24px}.text-link{font-size:12px;color:var(--blue);display:inline-flex;gap:36px;border-bottom:1px solid #245cff55;padding-bottom:8px}.categories{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #dde2e8;border-bottom:1px solid #dde2e8}.categories>a{position:relative;min-height:200px;padding:23px;border-right:1px solid #dde2e8;transition:background .2s}.categories>a:first-child{border-left:1px solid #dde2e8}.categories>a:hover{background:var(--paper)}.category-num{font-size:9px;letter-spacing:1px;color:var(--muted)}.categories svg{display:block;width:54px;height:54px;margin:23px 0;stroke:var(--ink);stroke-width:1.1;fill:none}.categories h3{font-size:15px;font-weight:500;margin:0}.category-arrow{position:absolute;bottom:23px;right:23px;color:var(--blue)}.small{font-size:10px;color:var(--muted)}.category-note{margin:15px 0 0}.order{background:var(--paper);max-width:none}.order>*{max-width:1224px;margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading>p{color:var(--muted);font-size:13px;margin:0}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-card{background:white;padding:36px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:34px}.tag{letter-spacing:1.5px}.order-card h3{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin:0 0 22px}.order-card p{font-size:13px;color:var(--muted);max-width:380px;margin:0 0 26px}.order-card ul{padding:0;list-style:none;font-size:12px;margin:0 0 34px}.order-card li{padding:12px 0;border-top:1px solid #dde2e8}.order-card li:before{content:'↗';margin-right:12px;color:var(--blue)}.order-card .button{align-self:start;margin-top:auto;min-width:210px}.dark{background:var(--ink);color:white}.blue-card{background:var(--blue);color:white}.blue-card p,.blue-card .card-top{color:#e1e8ff}.blue-card li{border-color:#ffffff33}.blue-card li:before{color:white}.white{background:white;color:var(--ink)}.process{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;gap:25px}.process>div{display:flex;align-items:center;gap:20px}.process b{font-size:28px;font-weight:400;color:#a3adbd}.process span{font-size:12px}.process small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.contacts{background:var(--ink);color:white;max-width:none;padding-top:80px;padding-bottom:80px}.contacts>*{max-width:1224px;margin-left:auto;margin-right:auto}.contacts .section-label{color:#8a96a8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy h2{font-size:55px}.contact-copy h2 span{color:#608aff}.contact-copy p{font-size:14px;color:#bbc4d3;margin-top:26px}.contact-note{font-size:10px;color:#7f8c9f;margin-top:36px}.contact-links>a,.email-row{display:flex;align-items:center;gap:20px;min-height:106px;border-bottom:1px solid #ffffff22;transition:background .2s}.contact-links>a:hover,.email-row:hover{background:#ffffff05}.contact-icon{width:40px;font-size:27px;color:#608aff;font-weight:400}.contact-links strong{font-weight:500;font-size:15px}.contact-links small{display:block;font-size:11px;color:#8e9aac;margin-top:8px}.end-arrow{margin-left:auto;font-size:25px;color:#8e9aac}.email-row>a{display:flex;align-items:center;gap:20px;flex:1}.email-row button{color:#bbc7db;background:transparent;border:1px solid #ffffff38;padding:10px 14px;font-size:10px;cursor:pointer}.email-row button:hover{background:#ffffff12}.contact-help{font-size:11px;color:#8e9aac;margin-top:24px;max-width:370px}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center;max-width:1320px;margin:auto;padding:36px 48px}footer strong{font-size:22px;letter-spacing:-.6px}footer div span{display:block;letter-spacing:3px;font-size:7px;margin-top:5px}footer p{font-size:11px;color:var(--muted)}footer a{font-size:11px}footer small{grid-column:1/-1;border-top:1px solid #e4e8ee;padding-top:20px;font-size:9px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;background:white;border:1px solid #dde2e8;color:var(--ink);box-shadow:0 4px 30px #0002;padding:17px 23px;font-size:12px;transition:.2s;pointer-events:none;max-width:calc(100% - 32px);z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1420px){.order,.contacts{padding-left:max(48px,calc((100vw - 1224px)/2));padding-right:max(48px,calc((100vw - 1224px)/2))}}@media(max-width:960px){.header{padding:0 24px}.header nav{gap:18px}.hero-inner{padding:54px 24px 40px;gap:15px}h1{font-size:64px}.hero-art{min-height:450px}.phone{width:150px;height:295px}.front{left:46%;top:120px}.back{left:10%}.camera{transform:scale(.8);transform-origin:top left}.screen-label{font-size:31px}.island{left:43px;width:48px}.orbit{width:280px;height:280px;left:9%;top:24%}.hero-strip{margin:0 24px;gap:15px;font-size:10px}.section{padding:64px 24px}.about-grid,.contact-grid{gap:35px}h2{font-size:36px}.body-large{font-size:18px}.order-card{padding:28px}.contact-copy h2{font-size:46px}footer{padding:30px 24px}}@media(max-width:680px){html{scroll-padding-top:20px}.header{height:74px;padding:0 20px}.brand{width:174px;height:36px}.brand-crop{transform:scale(.85);transform-origin:top left}.header nav{display:none}.header-cta{gap:14px;font-size:11px}.hero-inner{grid-template-columns:1fr;padding:42px 22px 22px;gap:24px}.eyebrow{margin-bottom:28px;font-size:8px}h1{font-size:64px;letter-spacing:-3.5px}.lead{font-size:14px;max-width:330px}.button{font-size:11px;min-height:50px;padding:16px 18px;gap:23px}.hero-note{font-size:9px}.hero-art{min-height:368px;max-width:420px;width:100%;margin:auto}.art-top{font-size:7px}.phone{width:153px;height:285px}.back{left:17%;top:37px}.front{left:49%;top:59px}.art-stamp{bottom:40px;left:10px;font-size:7px}.art-stamp small{font-size:6px}.orbit{top:45px;left:12%;width:280px;height:280px}.art-bottom{font-size:6px;left:10px;right:10px}.hero-strip{display:grid;gap:13px;padding:21px 0;margin:0 22px;font-size:10px}.section{padding:52px 22px}.section-label{font-size:8px;margin-bottom:26px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}h2{font-size:34px;letter-spacing:-1.5px}.body-large{font-size:18px}.muted{font-size:13px}.categories{grid-template-columns:1fr 1fr;margin-top:32px}.categories>a{min-height:175px;border-bottom:1px solid #dde2e8;padding:20px}.categories>a:nth-child(3){border-left:1px solid #dde2e8}.categories>a:nth-last-child(-n+2){border-bottom:0}.categories svg{margin:17px 0}.categories h3{font-size:14px}.category-arrow{bottom:20px;right:20px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:18px;font-size:12px}.order-grid{grid-template-columns:1fr;gap:16px}.order-card{padding:28px}.order-card h3{font-size:29px}.card-top{margin-bottom:27px}.process{grid-template-columns:1fr;gap:23px;margin-top:30px}.process b{width:36px}.contact-copy h2{font-size:46px}.contact-copy p{font-size:13px}.contact-note{margin:22px 0 0}.contact-links>a,.email-row{min-height:94px;gap:12px}.contact-icon{width:28px;font-size:24px}.contact-links strong{font-size:13px}.contact-links small{font-size:10px}.email-row>a{gap:12px}.email-row button{padding:9px;font-size:9px}.contact-help{font-size:10px}footer{grid-template-columns:1fr auto;padding:28px 22px;gap:20px}footer p{grid-column:1/-1;grid-row:2;margin:0}footer a{grid-column:2;grid-row:1}footer small{grid-row:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.real-art{min-height:510px}.real-back{position:absolute;width:209px;height:432px;left:8%;top:54px;transform:rotate(-12deg);overflow:hidden;border-radius:35px;filter:drop-shadow(16px 20px 24px #0005)}.real-back img{position:absolute;width:526px;height:auto;max-width:none;left:-85px;top:-92px}.app-phone{display:block;position:absolute;width:210px;height:453px;left:47%;top:46px;transform:rotate(10deg);padding:7px;background:#10141b;border:2px solid #9da4af;border-radius:36px;overflow:hidden;box-shadow:8px 20px 35px #0006}.app-phone>img{width:100%;height:100%;object-fit:cover;border-radius:27px;display:block}.phone-island{position:absolute;top:9px;left:83px;height:8px;width:40px;background:#111721;border-radius:9px}.real-art .art-top{z-index:2;font-size:7px}.real-art .art-bottom{font-size:8px;letter-spacing:0;color:#aeb7c6;bottom:0}.real-art .art-bottom a{font-size:28px;color:var(--blue)}.company-facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.company-facts span{padding:8px 10px;font-size:10px;background:var(--paper);border:1px solid #e4e8ee}.about-source{display:block;font-size:11px;color:var(--muted);margin:15px 0 24px}.about-source:hover{color:var(--blue)}
@media(max-width:960px){.real-art{min-height:470px}.real-back{transform:rotate(-10deg) scale(.85);transform-origin:top left;left:3%;top:65px}.app-phone{transform:rotate(9deg) scale(.86);transform-origin:top left;left:40%;top:57px}.real-art .art-top{left:5px;right:5px;letter-spacing:.5px}}
@media(max-width:680px){.real-art{min-height:432px}.real-back{left:4%;top:44px;transform:rotate(-10deg) scale(.82)}.app-phone{left:43%;top:36px;transform:rotate(8deg) scale(.82)}.real-art .art-bottom{font-size:7px}}