:root{--ink:#1d1d1f;--muted:#64666d;--canvas:#f6f7f9;--blue:#0071e3;--line:#e0e2e7;--mint:#abff84;--radius:28px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0071e3;outline-offset:5px}p,h1,h2,h3{margin:0}button{color:inherit}button:disabled{cursor:default}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:650;letter-spacing:-.7px}.brand-light{font-weight:400;color:#70727b;margin-left:5px}.brandmark{display:flex;gap:3px;height:26px;align-items:stretch}.brandmark i{display:block;background:var(--ink);width:3px}.brandmark i:nth-child(2){width:2px}.brandmark i:nth-child(3){width:5px}.brandmark i:nth-child(5){width:2px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{padding:12px 0;transition:color .2s}.header nav a:hover{color:var(--blue)}.demo-badge{font-size:12px;display:flex;gap:7px;align-items:center;border:1px solid #d6d9df;border-radius:30px;padding:8px 13px;color:#666b73}.demo-badge>span{width:5px;height:5px;background:#8b92a0;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:65px;padding-bottom:60px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;line-height:1.6}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(48px,5.1vw,77px);line-height:1.025;letter-spacing:-4px;font-weight:600;margin-top:28px}h1>span{color:#0071e3}.hero-lead{font-size:18px;line-height:1.6;color:var(--muted);margin-top:25px;letter-spacing:-.3px}.journey{margin-top:31px}.choice-label{font-size:12px;font-weight:600;margin-bottom:11px}.tabs{display:inline-flex;max-width:100%;gap:3px;padding:4px;border-radius:12px;background:#e9ebef}.tabs button{background:transparent;border:0;padding:11px 14px;font-size:12px;border-radius:9px;white-space:nowrap;transition:background .22s,color .22s}.tabs [aria-selected=true]{background:#fff;box-shadow:0 2px 4px #19243b0b}.tabs button:hover{color:var(--blue)}#journey-copy{font-size:13px;color:var(--muted);margin:16px 0;min-height:20px}.button{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:14px 21px;border-radius:100px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button>span:last-child{font-size:20px;font-weight:400}.primary{background:var(--blue);color:white;width:max-content;min-width:230px}.primary:hover{background:#0065ce}.trust-note{font-size:11px;color:#707580;margin-top:14px}.trust-note span{margin:0 7px}.hero-visual{height:620px;position:relative;border:1px solid #e8eaee;background:radial-gradient(ellipse at 48% 47%,#fff 0%,#f0f2f6 55%,#e9eef4 100%);border-radius:36px;overflow:hidden;isolation:isolate;transition:background 1s}.scene-top,.scene-bottom{position:absolute;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;z-index:5;color:#747b89;font-size:9px;letter-spacing:1px}.scene-top{top:28px}.scene-top>span:first-child{display:flex;align-items:center;gap:6px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#9ba9bd}.scene-bottom{bottom:23px;font-size:10px;letter-spacing:0}.scene-bottom button{border:1px solid #ccd2dc;background:#ffffff75;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:30px;font-size:10px}.orbital{position:absolute;width:530px;height:300px;left:50%;top:50%;border:1px solid #d6dce690;border-radius:50%;transform:translate(-50%,-50%) rotate(-34deg);z-index:-1}.orbital-two{width:620px;height:365px;transform:translate(-50%,-50%) rotate(-34deg)}.scene{position:absolute;inset:0;perspective:1200px;transform-style:preserve-3d}.parcel{position:absolute;width:280px;height:185px;top:350px;left:calc(50% - 135px);transform-style:preserve-3d;transform:rotateX(-21deg) rotateY(-27deg) rotateZ(7deg);animation:parcel-drift 10s ease-in-out infinite}.face{position:absolute;backface-visibility:hidden}.front{width:280px;height:185px;transform:translateZ(80px);background:linear-gradient(130deg,#bac4d0,#e1e6ed 65%,#c3cddb);border:1px solid #b3bfcd;box-shadow:0 45px 45px -28px #48596a55}.top{width:280px;height:160px;transform:rotateX(90deg);top:-80px;background:linear-gradient(135deg,#eef2f6,#c8d2df);border:1px solid #c5ced9}.side{width:160px;height:185px;right:-80px;transform:rotateY(90deg);background:linear-gradient(90deg,#a3b3c5,#b3c0cd);border:1px solid #a3b1c2}.tape{position:absolute;width:54px;height:185px;left:117px;background:#ffffff3b;transform:translateZ(81px);border-inline:1px solid #ffffff20}.parcel-word{position:absolute;transform:translateZ(82px);top:141px;left:22px;color:#536171;font-size:10px;letter-spacing:1px}.label-stack{position:absolute;top:100px;left:calc(50% - 109px);width:232px;height:292px;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-21deg) rotateZ(-12deg);animation:label-drift 8s ease-in-out infinite;transition:filter 1s}.product-label{background:linear-gradient(125deg,#fff,#fff 65%,#f1f1ed);padding:23px 23px 17px;border-radius:9px;width:100%;height:100%;position:absolute;transform:translateZ(16px);box-shadow:inset 1px 1px 0 #fff,4px 7px 0 #d9dcd8,14px 29px 40px #35465d30;border:1px solid #eaebe7;color:#151715}.label-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.label-top>span:last-child{color:#176742;font-size:14px}.product-label h2{font-size:28px;line-height:1.06;letter-spacing:-1px;margin-top:21px}.label-info{display:flex;justify-content:space-between;align-items:center;margin:15px 0 20px;font-size:9px;line-height:1.6}.label-info strong{font-size:30px;font-weight:500}.barcode{display:block;max-width:100%;height:48px;width:100%;object-fit:fill}.label-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:9px;letter-spacing:1px}.label-bottom>span:last-child{font-weight:700;letter-spacing:-1px;font-size:14px}.label-under{position:absolute;inset:0;background:#fefefb;border-radius:9px;border:1px solid #dce0e3;box-shadow:3px 5px 9px #2339580a;transition:transform .9s,opacity .9s;opacity:.65}.under-one{transform:translate(-9px,11px) translateZ(1px) rotate(-4deg)}.under-two{transform:translate(-17px,21px) translateZ(-10px) rotate(-8deg)}.float-chip{display:flex;align-items:center;gap:11px;position:absolute;padding:13px 17px;background:#ffffffd9;border:1px solid #fff;backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 10px 30px #283b5510;z-index:3;animation:chip-drift 7s ease-in-out infinite}.float-chip small{font-size:9px;color:#777e88;display:block;margin-bottom:4px}.float-chip strong{font-size:13px;font-weight:500;display:block}.chip-size{top:116px;left:25px;animation-delay:-2s}.chip-icon{font-size:23px;color:#677a91}.chip-ready{right:23px;bottom:121px;animation-delay:-4s}.checkmark{width:26px;height:26px;border-radius:50%;background:#e1f6e5;color:#338147;display:grid;place-items:center;font-size:15px}.cursor-object{position:absolute;left:65%;top:40%;z-index:4;opacity:0;transform:translate(20px,30px);transition:opacity .7s,transform .7s}.cursor-object svg{width:32px;height:37px}.cursor-object span{display:block;background:#9d95ff;border-radius:5px;padding:5px 9px;margin-left:25px;font-size:10px;white-space:nowrap}.hero-visual[data-scene=constructor]{background:radial-gradient(ellipse at 45% 40%,#f9f8ff,#e9e6f3)}[data-scene=constructor] .cursor-object{opacity:1;transform:translate(0,0)}[data-scene=constructor] .product-label{outline:1px solid #9d95ff;outline-offset:9px}.hero-visual[data-scene=excel]{background:radial-gradient(ellipse at 45% 40%,#fffdfa,#f1e8df)}[data-scene=excel] .under-one{transform:translate(-30px,24px) translateZ(1px) rotate(-9deg);opacity:1}[data-scene=excel] .under-two{transform:translate(-57px,45px) translateZ(-10px) rotate(-18deg);opacity:1}.compat{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#6a707b;font-size:15px;letter-spacing:-.3px}.compat p{font-size:11px;line-height:1.6;letter-spacing:0}.compat strong{font-weight:500;color:#333b48}.compat>span{font-weight:500}.tools-section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2,.flow-title h2,.faq-section h2{font-size:48px;line-height:1.08;letter-spacing:-2px;font-weight:550;margin-top:18px}.section-heading>p,.faq-section>div>p:last-child{font-size:15px;line-height:1.65;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:#fff;border:1px solid #e3e6eb;border-radius:var(--radius);overflow:hidden;transition:transform .3s,border-color .3s}.tool-card:hover{transform:translateY(-5px);border-color:#bfc9d8}.card-top{padding:23px 25px 0;display:flex;gap:13px;align-items:center}.number{font-size:11px;color:#7f858e}.category{font-size:9px;font-weight:550;letter-spacing:1.2px}.card-art{height:235px;position:relative;margin-top:7px;overflow:hidden}.card-copy{padding:0 25px 26px}.card-copy h3{font-size:25px;font-weight:550;letter-spacing:-.8px;margin-bottom:15px}.card-copy>p{font-size:14px;color:var(--muted);line-height:1.7;min-height:72px}.card-copy ul{list-style:none;padding:0;margin:22px 0;font-size:11px;color:#545b65;line-height:2}.card-copy li:before{content:'✓';margin-right:8px;color:#5d6d83}.card-button{border:1px solid #dce0e5;font-size:12px;padding-inline:17px;min-height:47px}.template-card .card-button{background:#eef5ff;border-color:#e3eefe;color:#005bbe}.constructor-card .card-button{background:#f3f1fe;border-color:#e9e5fb;color:#5b48aa}.excel-card .card-button{background:#f8f3ed;border-color:#ede6df;color:#795638}.mini-label{position:absolute;background:white;border:1px solid #e1e5eb;width:168px;height:146px;border-radius:5px;box-shadow:0 14px 22px #1e325912;padding:17px;color:#303841;font-size:9px}.main-label{left:calc(50% - 74px);top:38px;transform:rotate(6deg)}.mini-brand{font-size:11px;font-weight:700;margin-bottom:14px;display:block}.main-label strong{display:block;font-size:10px;margin-bottom:4px}.main-label .barcode{height:30px;margin-top:11px}.main-label small{display:block;text-align:center;font-size:7px;letter-spacing:2px;margin-top:4px}.back-label{left:calc(50% - 100px);top:24px;transform:rotate(-12deg);background:#f6f9ff}.fake-lines{width:95px;height:32px;background:repeating-linear-gradient(0deg,transparent 0 6px,#d8e1ed 6px 9px);margin-top:20px}.art-tag{position:absolute;right:24px;bottom:20px;padding:6px 9px;border:1px solid #dce2eb;border-radius:6px;font-size:8px;background:#ffffffcc;color:#617187}.templates-art{background:radial-gradient(ellipse at 50% 50%,#edf4ff,transparent 70%)}.constructor-art{background:radial-gradient(ellipse at 50% 50%,#f0edfc,transparent 70%)}.design-label{position:absolute;left:calc(50% - 83px);top:37px;width:174px;height:146px;background:#fff;border:1px solid #e6e1f4;border-radius:4px;padding:19px 18px;transform:rotate(-5deg);box-shadow:0 13px 23px #40376c12}.selection{display:block;font-size:21px;font-weight:650;letter-spacing:-1px;position:relative;border:1px solid #9d95ff;padding:3px;margin:-3px -5px 8px;white-space:nowrap}.selection i{position:absolute;width:5px;height:5px;background:white;border:1px solid #9d95ff;top:-3px;left:-3px}.selection i:nth-child(2){left:auto;right:-3px}.selection i:nth-child(3){top:auto;bottom:-3px}.selection i:nth-child(4){top:auto;bottom:-3px;left:auto;right:-3px}.design-meta{font-size:7px;display:block;margin-bottom:16px}.design-label .barcode{height:34px}.design-cursor{position:absolute;right:-23px;top:45px;color:#7563d1;font-size:25px}.design-cursor b{font-size:8px;background:#9d95ff;color:#fff;border-radius:3px;padding:5px;font-weight:400}.design-tool{position:absolute;left:30px;top:95px;background:white;border:1px solid #e1ddef;padding:9px 12px;border-radius:8px;font:16px Georgia;color:#7b68c5}.editor-ruler{height:5px;position:absolute;top:16px;left:38px;right:38px;background:repeating-linear-gradient(90deg,#c5bde0 0 1px,transparent 1px 12px)}.excel-art{background:radial-gradient(ellipse at 50% 50%,#f5eee5,transparent 72%)}.sheet{position:absolute;top:26px;left:calc(50% - 112px);width:210px;background:white;border:1px solid #e8e2da;border-radius:6px;transform:rotate(-5deg);box-shadow:0 12px 20px #4633210a;overflow:hidden;font-size:9px}.sheet-head,.sheet-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #eeece8}.sheet-head{font-size:10px;background:#f4f2ed}.sheet-row b{font-size:8px;color:#8b8176;font-weight:500}.pdf-badge{position:absolute;bottom:35px;right:21px;border-radius:8px;background:#fff;border:1px solid #e5ddd2;padding:12px 16px;transform:rotate(5deg);font-size:12px;color:#895c37;box-shadow:0 6px 16px #694c3512}.pdf-badge small{display:block;font-size:8px;margin-top:5px;color:#6b7177}.flow-section{background:#161917;color:#fffce1;padding:80px 0}.flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.flow-title .eyebrow{color:#c3d5bd}.flow-title h2{font-size:43px;font-weight:500}.flow-title h2 span{color:#abff84}.flow-title>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#b1b7af;margin-top:23px}.format-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.format-list span{border:1px solid #41463f;border-radius:30px;font-size:10px;padding:8px 11px;color:#c2cbbf}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;padding:24px 0;border-top:1px solid #383d36}.steps li:last-child{padding-bottom:0}.steps li>span{color:#abff84;font-size:12px;padding-top:3px}.steps h3{font-size:17px;font-weight:500;margin-bottom:10px}.steps p{font-size:13px;line-height:1.65;color:#afb7ad;max-width:350px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:100px}.faq-section h2{font-size:42px;margin-bottom:20px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:14px;font-weight:500;padding:23px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:300;color:#768091;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.75;padding:0 30px 24px 0}.footer{border-top:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:15px}.footer .brandmark{height:21px}.footer p,.footer>span{font-size:11px;color:#6d7380}.demo-note{text-align:center;font-size:10px;padding:12px 24px 22px;color:#727987}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px;left:10px}
@keyframes label-drift{0%,100%{transform:translateY(0) rotateX(9deg) rotateY(-21deg) rotateZ(-12deg)}50%{transform:translateY(-19px) rotateX(15deg) rotateY(-11deg) rotateZ(-8deg)}}@keyframes parcel-drift{0%,100%{transform:translateY(0) rotateX(-21deg) rotateY(-27deg) rotateZ(7deg)}50%{transform:translateY(7px) rotateX(-19deg) rotateY(-21deg) rotateZ(5deg)}}@keyframes chip-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.motion-paused *{animation-play-state:paused!important}
@media(min-width:1600px){.hero{padding-top:75px;padding-bottom:70px}.hero-visual{height:650px}.hero-copy{padding-left:16px}.scene{top:15px}h1{font-size:80px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:20px}.hero-visual{height:590px}h1{font-size:57px;letter-spacing:-3px}.hero-lead{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.2px}.tabs button{padding:10px;font-size:11px}.chip-size{left:15px;top:101px}.chip-ready{right:13px;bottom:91px}.float-chip{padding:10px;gap:8px}.tool-grid{gap:13px}.card-copy{padding-inline:18px}.card-copy h3{font-size:22px}.card-copy>p{font-size:13px;min-height:88px}.card-top{padding-inline:18px;gap:8px}.category{font-size:8px;letter-spacing:.6px}.card-button{font-size:11px;padding-inline:12px}.card-copy ul{font-size:10px}.flow-layout{gap:50px}.flow-title h2{font-size:36px}.compat{font-size:12px}.faq-section{gap:45px}.faq-section h2{font-size:36px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:77px}.brand{font-size:16px;gap:8px}.brandmark{height:23px;gap:2px}.header nav{display:none}.demo-badge{font-size:10px;padding:6px 10px}.hero{display:flex;flex-direction:column;padding-top:35px;padding-bottom:32px;gap:28px;align-items:stretch}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(36px,11.2vw,55px);letter-spacing:-2.2px;line-height:1.04;margin-top:22px}.hero-lead{font-size:14px;line-height:1.65;margin-top:20px}.desktop-break{display:none}.journey{margin-top:24px}.choice-label{font-size:11px}.tabs{display:flex;width:100%}.tabs button{font-size:11px;flex:1;padding:11px 7px}#journey-copy{font-size:11px;margin:13px 0}.primary{width:100%;font-size:13px;min-height:48px}.trust-note{text-align:center;font-size:10px}.hero-visual{height:445px;border-radius:24px}.scene{transform:scale(.75);transform-origin:center center;top:-70px;bottom:-10px}.scene-top{left:19px;right:19px;top:22px;font-size:7px}.scene-bottom{left:19px;right:19px;bottom:18px;font-size:8px}.chip-size{top:76px;left:17px}.chip-ready{bottom:72px;right:14px}.float-chip{padding:9px 11px;border-radius:11px;gap:8px}.float-chip small{font-size:8px}.float-chip strong{font-size:11px}.chip-icon{font-size:18px}.checkmark{width:22px;height:22px;font-size:12px}.orbital{width:400px;height:260px}.orbital-two{width:480px;height:310px}.compat{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding:22px 0;font-size:11px}.compat p{grid-column:1/-1;font-size:10px}.compat p br{display:none}.compat strong{margin-left:4px}.tools-section{padding-block:55px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:39px;letter-spacing:-1.7px;margin-top:14px}.section-heading>p{font-size:13px;line-height:1.5;margin-top:18px}.tool-grid{grid-template-columns:1fr;gap:18px}.card-top{padding:22px 23px 0}.category{font-size:9px;letter-spacing:1px}.card-art{height:215px}.card-copy{padding:0 23px 24px}.card-copy h3{font-size:27px;margin-bottom:12px}.card-copy>p{font-size:14px;min-height:0}.card-copy ul{font-size:11px;margin:18px 0}.card-button{font-size:13px;padding:12px 18px}.flow-section{padding-block:50px}.flow-layout{grid-template-columns:1fr;gap:35px}.flow-title h2{font-size:34px;letter-spacing:-1.5px;margin-top:18px}.flow-title>p:not(.eyebrow){font-size:13px;margin-top:18px}.format-list{margin-top:25px}.steps li{gap:20px;padding-block:21px}.steps h3{font-size:16px}.steps p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:55px}.faq-section h2{font-size:34px;letter-spacing:-1.5px}.faq-section>div>p:last-child{font-size:13px}.faq-section>div>p:last-child br{display:none}summary{font-size:13px;padding-block:20px}details p{font-size:12px;padding-right:15px}.footer{flex-wrap:wrap;padding-block:25px;gap:15px}.footer .brand{font-size:14px}.footer p{display:none}.footer>span{font-size:9px}.demo-note{font-size:9px;line-height:1.5;padding-top:0}.scene-bottom button{padding:6px 9px}}
@media(max-width:360px){.hero .eyebrow{font-size:7px}.brand{font-size:14px}.tabs button{font-size:10px}.hero-visual{height:415px}.scene{transform:scale(.68)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-width:960px){h1{font-size:44px;letter-spacing:-2.3px}.hero-lead{font-size:14px}.desktop-break{display:none}.scene{transform:scale(.8);transform-origin:center}.hero-visual{height:540px}.chip-ready{bottom:70px}.tool-grid{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:42% 58%}.card-top{grid-column:1/-1}.card-art{margin-top:25px}.card-copy{padding:25px}.card-copy>p{min-height:0}.card-copy ul{font-size:11px}.card-button{font-size:12px}.category{font-size:9px}.flow-title h2{font-size:31px}}
