@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#20221f;background:#f5f5f2;font-synthesis:none;--paper:#f5f5f2;--ink:#20221f;--blue:#234cf5;--lime:#d1f263;--line:#deded7;--muted:#73766e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:650;letter-spacing:0}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip-link{position:fixed;top:10px;left:15px;z-index:200;background:var(--ink);color:white;padding:14px 22px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:rgba(245,245,242,.95);backdrop-filter:blur(16px);transition:transform .35s ease}.wordmark{font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;display:flex;align-items:baseline;line-height:1}.brand-dot{width:7px;height:7px;background:var(--blue);margin-left:2px;border-radius:50%}.desktop-nav{display:flex;gap:34px;font-size:13px;font-weight:500}.desktop-nav a,.header-contact{position:relative}.desktop-nav a:after{content:'';position:absolute;height:1px;width:100%;bottom:-6px;left:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-contact{display:flex;align-items:center;gap:16px;border:1px solid #c9cbc2;border-radius:4px;padding:12px 16px;font-size:13px;font-weight:550}.header-contact:hover{background:var(--ink);color:white}.header-contact svg{width:17px}.menu-toggle{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:12px 5% 28px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}
.hero{min-height:690px;height:calc(100svh - 184px);max-height:880px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#cdd0c7 .7px,transparent .7px);background-size:22px 22px}.hero-content{position:relative;z-index:3;text-align:center;padding:28px 0 74px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:12px}.hero-eyebrow{justify-content:center;letter-spacing:1.9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.hero h1{font-size:150px;line-height:1.2;font-weight:750;margin:15px 0 2px}.hero-period{color:var(--blue)}.hero-statement{font-size:36px;line-height:1.25;font-family:'Manrope',sans-serif;font-weight:500}.hero-description{font-size:14px;line-height:1.8;color:#686c62;margin:20px 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:500;padding:17px 22px;border-radius:4px;min-height:50px;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue);transform:translateY(-3px)}.button svg{width:16px}.hero-baseline{position:absolute;bottom:23px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#71756b;z-index:5}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-cue svg{height:13px}.hero-scene{position:absolute;inset:0;z-index:1}.scene-tile{position:absolute;border:5px solid white;border-radius:7px;box-shadow:0 16px 35px #20221f14;overflow:hidden}.scene-tile img{width:100%;height:100%;object-fit:cover}.scene-creator{width:180px;height:220px;top:12%;left:7%;transform:rotate(-11deg)}.scene-image-label{position:absolute;left:12px;right:12px;bottom:26px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px;font-weight:600;text-shadow:0 1px 9px #000}.scene-image-label svg{width:17px}.tile-caption{position:absolute;bottom:0;left:0;right:0;background:white;font-size:9px;padding:4px 8px;font-weight:600}.scene-document{width:174px;top:18%;right:7%;transform:rotate(10deg);background:#fff;padding:14px 10px;height:181px}.mini-logo{font-size:11px;font-weight:700;display:flex;gap:5px;align-items:center}.mini-logo svg{width:13px;height:13px}.document-line{height:3px;background:#e3e7e4;display:block;width:85%;margin-top:22px}.document-line.short{width:55%;margin-top:6px}.document-signature{font-family:'Caveat',cursive;font-size:25px;display:block;margin:8px 0;color:var(--blue)}.signed-stamp{font-size:8px;color:#407044;display:flex;align-items:center;gap:5px;padding-top:8px;border-top:1px solid #e8ece6}.signed-stamp svg{width:11px;height:11px}.scene-work{width:217px;left:9%;bottom:17%;background:#e4edfb;padding:15px;transform:rotate(7deg);height:167px}.work-label{display:block;font-size:9px;margin-top:10px;color:#747c8b}.mini-bars{height:44px;display:flex;align-items:end;gap:9px;margin-top:9px}.mini-bars span{flex:1;background:#638beb;border-radius:3px 3px 0 0;height:50%}.mini-bars span:nth-child(2){height:65%}.mini-bars span:nth-child(3){height:42%}.mini-bars span:nth-child(4){height:80%}.mini-bars span:nth-child(5){height:60%}.mini-bars span:nth-child(6){height:86%}.mini-bars span:nth-child(7){height:100%;background:var(--blue)}.mini-work-footer{display:flex;justify-content:space-between;font-size:7px;margin-top:11px}.mini-work-footer span{display:flex;align-items:center;gap:4px}.mini-work-footer svg{width:9px;height:9px}.scene-community{width:191px;height:180px;right:8%;bottom:14%;transform:rotate(-8deg)}.scene-community img{object-position:center 55%}.scene-plus{position:absolute;color:#777f69;font-size:24px;font-weight:400}.plus-one{left:27%;top:10%}.plus-two{right:28%;bottom:16%}
.platform-strip{display:flex;align-items:center;justify-content:space-between;min-height:105px;padding:20px 4.6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;background:#fbfbf8}.strip-label{font-size:9px;font-weight:500;line-height:1.8;letter-spacing:1px;color:#777b70}.platform-strip>a{font-family:'Manrope',sans-serif;font-weight:750;font-size:21px;display:flex;align-items:center;gap:11px;transition:transform .2s}.platform-strip>a:hover{transform:translateY(-3px)}.platform-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.platform-icon svg{width:19px;height:19px}.devote-icon{background:#f9e2e5;color:#af344c}.zign-icon{background:#e7e3fa;color:#6055ac}.work-icon{background:#e0eafa;color:#3263bd}.cowo-icon{background:#e8efd7;color:#4b6a25}.section-pad{padding:106px 6.3%}.section-heading{margin-bottom:58px}.section-number{color:#909388}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:29px}.heading-row h2{font-size:44px;line-height:1.23}.muted{color:#93968d}.heading-row>p{font-size:13px;line-height:1.9;color:#75796e;padding-bottom:4px}.product-story{display:grid;grid-template-columns:1fr 1.05fr;min-height:565px;border-top:1px solid var(--line);padding:52px 0;gap:8%;scroll-margin-top:95px}.product-copy{padding:5px 0}.product-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.product-brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:20px;font-weight:750}.product-brand svg{width:23px;height:23px}.product-index{font-size:10px;color:#8b8f83}.product-copy>.eyebrow{font-size:9px;color:#70776a;margin-bottom:14px}.product-copy h3{font-size:43px;line-height:1.19;font-weight:650}.product-description{font-size:13px;line-height:1.85;color:#6f7469;max-width:390px;margin-top:20px}.feature-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:11px 17px;margin:22px 0 27px}.feature-list li{display:flex;align-items:center;gap:5px;font-size:9px}.feature-list svg{width:12px;height:12px}.product-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:600}.product-link>span{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:white;border-radius:50%;transition:transform .2s,background .2s}.product-link:hover>span{transform:rotate(45deg);background:var(--blue)}.product-link svg{width:16px;height:16px}.product-visual{min-height:455px;background:#eee7e7;position:relative;overflow:hidden;border-radius:6px}.zignme .product-visual{background:#e9e6f6}.workystock .product-visual{background:#e3ebf8}.cowolink .product-visual{background:#e7eddb}
@media(min-width:1600px){.hero h1{font-size:180px}.hero-statement{font-size:42px}.scene-creator{left:12%;width:205px;height:245px}.scene-document{right:13%;width:200px;height:195px}.scene-work{left:16%;width:230px}.scene-community{right:13%;width:205px;height:195px}.section-pad{padding-left:max(6.3%,calc((100% - 1400px)/2));padding-right:max(6.3%,calc((100% - 1400px)/2))}}
@media(max-width:1100px){.hero h1{font-size:130px}.scene-creator{left:2%;width:150px;height:185px}.scene-document{right:2%;width:144px;height:170px}.scene-work{left:3%;width:180px;bottom:16%}.scene-community{right:3%;width:160px;height:165px;bottom:15%}.platform-strip>a{font-size:17px}.heading-row h2{font-size:37px}.product-story{gap:5%}.product-copy h3{font-size:36px}.desktop-nav{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:75px}.site-header{height:73px;padding:0 6%}.wordmark{font-size:28px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:4px}.hero{min-height:670px;max-height:800px;height:calc(100svh - 120px)}.hero-content{padding:0 15px 50px}.hero h1{font-size:98px;margin:18px 0 9px}.hero-statement{font-size:30px}.hero-description{font-size:13px}.hero-eyebrow{font-size:8px;letter-spacing:1.4px}.scene-creator{width:97px;height:124px;top:auto;bottom:9%;left:-24px;transform:rotate(-14deg)}.scene-document{width:99px;height:120px;top:4%;right:-37px;padding:6px}.scene-document .document-line{margin-top:10px}.scene-document .document-signature{font-size:21px}.scene-document .signed-stamp{font-size:6px}.scene-document .mini-logo{font-size:9px}.scene-work{display:none}.scene-community{width:108px;height:112px;right:-24px;bottom:7%}.scene-image-label{font-size:7px;left:4px;right:4px}.scene-image-label svg{width:10px}.tile-caption{font-size:7px}.plus-one{left:9%;top:14%;font-size:18px}.plus-two{right:20%;bottom:19%;font-size:18px}.hero-baseline{justify-content:center;bottom:21px}.hero-baseline>span{display:none}.scroll-cue{font-size:9px}.platform-strip{padding:23px 6%;display:grid;grid-template-columns:1fr 1fr;gap:22px 25px}.strip-label{display:none}.platform-strip>a{font-size:16px;gap:10px}.platform-icon{width:27px;height:27px}.platform-icon svg{width:16px;height:16px}.section-pad{padding:66px 6%}.section-heading{margin-bottom:36px}.eyebrow{font-size:8px;letter-spacing:1.4px}.heading-row{display:block;margin-top:22px}.heading-row h2{font-size:31px}.heading-row>p{margin-top:22px;font-size:12px}.product-story{grid-template-columns:1fr;padding:32px 0 40px;gap:30px}.product-topline{margin-bottom:32px}.product-brand{font-size:19px}.product-copy h3{font-size:37px}.product-description{font-size:13px}.feature-list{gap:10px 14px}.feature-list li{font-size:9px}.product-visual{min-height:400px}.button{font-size:12px}.desktop-break{display:none}}
.header-hidden { transform: translateY(-100%); }
.muted { color: #808677; }
.heading-row > p, .product-description, .product-index, .section-number,
.product-copy > .eyebrow, .hero-baseline, .strip-label,
.payment-copy > p:not(.eyebrow), .faq-intro > p:last-child,
.faq-answer, .footer-top > p, .footer-bottom { color: #626b59; }
.menu-toggle .lucide-x { display: none; }
.menu-toggle[aria-expanded="true"] .lucide-menu { display: none; }
.menu-toggle[aria-expanded="true"] .lucide-x { display: block; }
.hero { min-height: 580px; }
.products { overflow: clip; }
.product-visual { display: flex; align-items: center; justify-content: center; }
.preview-caption { position: absolute; top: 21px; left: 24px; right: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 7px; letter-spacing: 1px; color: #77746f; gap: 12px; }
.preview-caption span:last-child { font-size: 7px; letter-spacing: 0; opacity: .8; }
.devoteme .product-visual { background: #f0e0e0; }
.creator-preview { background: white; width: 63%; max-width: 320px; border-radius: 6px; box-shadow: 0 14px 28px #442f3017; overflow: hidden; margin-top: 7px; }
.preview-window-top { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; }
.preview-window-top > svg { width: 14px; height: 14px; }
.creator-cover { position: relative; height: 202px; overflow: hidden; background: #173639; }
.creator-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center 43%; }
.exclusive-label { position: absolute; top: 12px; left: 14px; right: 14px; color: #fff; display: flex; align-items: center; gap: 6px; font-size: 7px; }
.exclusive-label svg { width: 10px; height: 10px; }
.creator-cover-title { position: absolute; left: 16px; bottom: 14px; font-size: 28px; line-height: 1.13; font-weight: 600; color: white; }
.creator-profile { display: flex; gap: 8px; padding: 12px 13px; align-items: center; border-bottom: 1px solid #ececea; }
.creator-avatar { width: 27px; height: 27px; display: grid; place-items: center; color: #613844; background: #efd8dc; border-radius: 50%; font-size: 10px; }
.creator-profile strong { font-size: 9px; display: block; margin-bottom: 3px; }
.creator-profile span { font-size: 6px; display: block; color: #7b7d75; }
.creator-profile > svg { margin-left: auto; width: 13px; color: #a04c66; }
.creator-post { padding: 13px 14px 12px; }
.creator-post > span { font-size: 6px; letter-spacing: .9px; color: #8e877f; }
.creator-post > p { font-size: 12px; font-weight: 550; margin-top: 6px; }
.creator-post > div { display: flex; gap: 10px; margin-top: 12px; }
.creator-post svg { width: 12px; height: 12px; }
.creator-post svg:last-child { margin-left: auto; }
.floating-note { position: absolute; display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: #fff; border-radius: 5px; box-shadow: 0 8px 24px #25201b12; z-index: 2; }
.floating-note strong { display: block; font-size: 10px; margin-bottom: 4px; font-weight: 650; }
.floating-note div > span { display: block; font-size: 8px; color: #808477; }
.note-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #f7e4e6; color: #b9566d; }
.note-icon svg { width: 16px; height: 16px; }
.creator-note { top: 101px; right: 17px; transform: rotate(5deg); }
.visual-handwriting { position: absolute; font-family: 'Caveat', cursive; font-size: 25px; color: #8f5566; }
.creator-handwriting { bottom: 29px; left: 28px; transform: rotate(-9deg); }
.document-preview { width: 65%; max-width: 310px; background: #fff; padding: 25px 25px 19px; box-shadow: 0 16px 35px #51466c14; margin: 15px 18px 0 0; border-radius: 3px; }
.document-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.document-header > span:last-child { color: #989a9f; font-size: 5px; }
.document-eyebrow { display: block; font-size: 5px; letter-spacing: .7px; color: #939398; margin-top: 30px; }
.document-preview h4 { font-family: 'Manrope', sans-serif; font-size: 34px; font-weight: 600; line-height: 1.12; margin: 12px 0; }
.document-preview > p { font-size: 7px; color: #7a7b84; margin-bottom: 17px; }
.pdf-lines { display: grid; gap: 6px; }
.pdf-lines > span { height: 3px; background: #f0eff1; }
.pdf-lines > span:nth-child(2) { width: 93%; }
.pdf-lines > span:last-child { width: 60%; }
.pdf-signature-area { border: 1px dashed #c3bfe3; border-radius: 3px; margin-top: 20px; padding: 10px 12px; position: relative; background: #faf9fe; }
.pdf-signature-area > span:first-child { font-size: 5px; color: #807d9d; display: block; }
.pdf-signature-area > div { font-family: 'Caveat', cursive; font-size: 28px; color: #6358a4; margin: 1px 0 3px; }
.pdf-date { display: block; font-size: 6px; color: #a29ab9; }
.pdf-footer { margin-top: 15px; font-size: 6px; color: #8f8b9d; display: flex; align-items: center; gap: 5px; }
.pdf-footer svg { width: 9px; height: 9px; }
.signed-note { right: 25px; bottom: 62px; transform: rotate(-5deg); }
.signed-note .note-icon { color: #547e49; background: #e9f2e6; }
.zign-handwriting { top: 78px; right: 22px; color: #7e71a8; transform: rotate(10deg); font-size: 23px; }
.work-preview { background: #fff; width: 92%; min-width: 0; margin-top: 8px; border-radius: 5px; box-shadow: 0 15px 35px #3156771a; }
.work-app-header { padding: 12px 13px; border-bottom: 1px solid #edf0f4; display: flex; justify-content: space-between; align-items: center; }
.work-app-header .mini-logo { font-size: 9px; }
.work-user { width: 19px; height: 19px; background: #eff0f9; color: #666f94; display: grid; place-items: center; border-radius: 50%; font-size: 6px; }
.work-app-body { display: flex; min-height: 248px; }
.work-app-sidebar { flex: 0 0 32px; border-right: 1px solid #edf0f4; display: flex; flex-direction: column; gap: 18px; padding-top: 20px; align-items: center; color: #9aa4b6; }
.work-app-sidebar svg { width: 11px; height: 11px; }
.work-app-sidebar svg:first-child { color: var(--blue); }
.work-app-content { padding: 18px 11px 12px; flex: 1; min-width: 0; }
.work-heading { display: flex; justify-content: space-between; align-items: center; }
.work-heading span { font-size: 5px; color: #a1a7b7; letter-spacing: .7px; }
.work-heading h4 { margin: 4px 0 0; font-size: 14px; font-family: 'Manrope', sans-serif; font-weight: 650; }
.work-heading > svg { width: 11px; height: 11px; color: #8f95a3; }
.work-tabs { margin: 17px 0 12px; border-bottom: 1px solid #e8ecf1; display: flex; gap: 18px; font-size: 6px; color: #8c929c; }
.work-tabs span { padding-bottom: 7px; }
.work-tabs span:first-child { color: #5076cd; border-bottom: 1px solid #5076cd; }
.kanban { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.kanban-column { min-width: 0; background: #f7f9fb; padding: 7px 5px; border-radius: 3px; }
.kanban-column h5 { margin: 0 0 9px; display: flex; align-items: center; gap: 4px; font-size: 6px; font-weight: 500; color: #788396; white-space: nowrap; }
.kanban-dot { width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; }
.blue-dot { background: #6282d6; }.yellow-dot { background: #dcb35e; }.green-dot { background: #7baa8c; }
.kanban-column h5 small { margin-left: auto; font-size: 5px; color: #9ba5af; }
.order-card { padding: 8px 5px; background: white; border: 1px solid #edf0f5; border-radius: 3px; margin-top: 6px; }
.order-card > span { display: block; font-size: 5px; color: #a9adbb; }
.order-card > strong { display: block; font-size: 6px; font-weight: 550; margin: 6px 0; }
.order-card > small { color: #9298a4; font-size: 5px; display: block; }
.order-card > div { display: flex; justify-content: space-between; gap: 3px; font-size: 4px; align-items: center; margin-top: 9px; }
.order-label { background: #eef1fb; color: #7b92c6; padding: 3px; border-radius: 2px; }
.label-yellow { background: #fbf3e3; color: #bc9a53; }.label-green { background: #e9f4ed; color: #6ca580; }
.work-app-bottom { display: flex; justify-content: space-between; margin-top: 16px; font-size: 5px; color: #9ca4af; }
.work-app-bottom span:first-child { display: flex; align-items: center; gap: 4px; }
.work-app-bottom svg { width: 8px; height: 8px; color: #719987; }
.inventory-note { right: 31px; bottom: 48px; transform: rotate(-4deg); }
.inventory-note .note-icon { background: #eaf0fa; color: #557ac2; }
.community-preview { width: 75%; height: 337px; margin-top: 40px; position: relative; border: 5px solid white; border-radius: 5px; overflow: hidden; box-shadow: 0 16px 30px #39532816; background: #2b6535; }
.community-photo { width: 100%; height: 100%; object-fit: cover; object-position: 38% center; }
.community-photo-top { position: absolute; top: 15px; left: 15px; right: 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; text-shadow: 0 1px 8px #274421; }
.community-photo-top > span:last-child { font-size: 5px; letter-spacing: .4px; }
.community-preview h4 { position: absolute; top: 44px; left: 17px; font-family: 'Manrope', sans-serif; font-size: 34px; font-weight: 600; line-height: 1.12; color: #fff; text-shadow: 0 1px 16px #29461c44; }
.community-event { position: absolute; bottom: 17px; left: 12px; right: 12px; background: #fffffff5; padding: 13px 11px; border-radius: 4px; display: flex; align-items: center; gap: 10px; }
.event-date { min-width: 29px; text-align: center; padding-right: 11px; border-right: 1px solid #dce2d2; }
.event-date > strong { display: block; font-size: 19px; font-weight: 500; }
.event-date > span { font-size: 6px; color: #788266; display: block; margin-top: 2px; }
.community-event > div:nth-child(2) > strong { display: block; font-size: 9px; margin-bottom: 5px; }
.community-event > div:nth-child(2) > span { display: block; font-size: 7px; color: #8a9280; }
.community-event > svg { margin-left: auto; width: 12px; }
.community-note { top: 42px; left: 18px; transform: rotate(-6deg); padding: 11px 13px; }
.community-avatars { display: flex; padding-right: 2px; }
.community-avatars > span { display: grid !important; place-items: center; font-size: 7px !important; width: 24px; height: 24px; border-radius: 50%; border: 2px solid white; background: #e0e8cd; color: #78845b !important; margin-left: -6px; }
.community-avatars > span:nth-child(2) { background: #e6d8c9; color: #92816f !important; }
.community-avatars > span:nth-child(3) { background: #d5e4e7; color: #729399 !important; }
.community-handwriting { right: 25px; bottom: 27px; color: #6b8251; transform: rotate(-6deg); }
.about, .word-ribbon { --blue: #345d60; --lime: #dce6dc; }
.about { background: var(--blue); color: white; position: relative; overflow: hidden; }
.about-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 49px; }
.about .section-number { color: #dce6e1; }
.about-small-mark { font-size: 40px; font-family: 'Manrope', sans-serif; font-weight: 750; line-height: .8; color: var(--lime); }
.about h2 { font-size: 62px; font-weight: 500; line-height: 1.25; }
.about h2 > span { color: var(--lime); }
.about-description { display: flex; justify-content: flex-end; gap: 50px; align-items: center; margin: 40px 0 63px; padding-right: 10%; }
.about-description > p { font-size: 15px; line-height: 1.8; color: #dce6e1; }
.about-asterisk { font-size: 112px; line-height: .8; margin-top: 25px; font-family: 'Manrope', sans-serif; color: var(--lime); }
.values { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ffffff47; }
.value { padding: 27px 40px 0 0; }
.value + .value { padding-left: 32px; border-left: 1px solid #ffffff47; }
.value > span { font-size: 9px; color: #dce6e1; }
.value > h3 { font-size: 17px; font-family: 'DM Sans', sans-serif; margin: 15px 0 11px; font-weight: 500; }
.value > p { font-size: 12px; line-height: 1.8; color: #dce6e1; max-width: 270px; }
.word-ribbon { background: var(--lime); padding: 25px 0 29px; overflow: hidden; }
.ribbon-track { display: flex; align-items: center; width: max-content; gap: 40px; margin-left: -80px; }
.ribbon-track > span { font-size: 44px; font-family: 'Manrope', sans-serif; font-weight: 500; white-space: nowrap; }
.ribbon-track > .ribbon-symbol { font-size: 40px; color: var(--blue); }
.payment-main { display: grid; grid-template-columns: 1.1fr .85fr; gap: 11%; align-items: center; }
.payment-copy h2 { font-size: 43px; line-height: 1.2; margin: 26px 0 25px; }
.blue-text { color: var(--blue); }
.payment-copy > p:not(.eyebrow) { font-size: 13px; line-height: 1.9; color: #626b59; margin-bottom: 16px; max-width: 415px; }
.payment-copy strong { color: #434a3d; font-weight: 600; }
.text-link { display: inline-flex; align-items: center; gap: 28px; font-size: 12px; font-weight: 600; margin-top: 9px; }
.text-link svg { width: 15px; height: 15px; transition: transform .2s; }
.text-link:hover svg { transform: translateY(4px); }
.payment-proof { background: #edf0e5; padding: 28px 30px 24px; border-radius: 6px; position: relative; }
.proof-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 7px; letter-spacing: 1px; color: #59694e; }
.proof-top svg { width: 21px; height: 21px; color: #76865d; }
.statement-name { display: flex; align-items: center; flex-direction: column; padding: 34px 0 27px; }
.statement-name > span { font-size: 10px; color: #59694e; }
.statement-name > strong { font-family: 'Manrope', sans-serif; font-size: 34px; font-weight: 650; margin: 6px 0 10px; }
.receipt-divider { border-top: 1px dashed #c9cfbc; position: relative; }
.receipt-divider::before, .receipt-divider::after { content: ''; position: absolute; width: 22px; height: 22px; border-radius: 50%; background: var(--paper); top: -11px; }
.receipt-divider::before { left: -41px; }.receipt-divider::after { right: -41px; }
.receipt-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 20px; padding: 27px 5px; }
.receipt-platforms > span { display: flex; align-items: center; gap: 9px; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 650; }
.receipt-platforms svg { width: 16px; height: 16px; color: #839169; }
.proof-note { display: flex; gap: 9px; padding-top: 17px; border-top: 1px solid #d7ddca; }
.proof-note svg { width: 13px; height: 13px; color: #849274; margin-top: 2px; }
.proof-note p { font-size: 9px; line-height: 1.7; color: #59694e; }
.faq-layout { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10%; margin-top: 100px; padding-top: 52px; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.faq-intro > h3 { font-size: 28px; line-height: 1.3; margin: 23px 0 14px; font-weight: 550; }
.faq-intro > p:last-child { font-size: 12px; line-height: 1.8; color: #626b59; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; font-size: 12px; font-weight: 500; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:hover { color: var(--blue); }
.faq-list summary > svg { width: 16px; height: 16px; color: #8b9183; transition: transform .25s; }
.faq-list details[open] summary > svg { transform: rotate(45deg); }
.faq-answer { padding: 0 28px 23px 0; font-size: 12px; line-height: 1.9; color: #626b59; }
.faq-answer a { display: flex; gap: 12px; align-items: center; font-size: 11px; color: var(--blue); margin-top: 13px; }
.faq-answer a svg { width: 14px; }
.inline-button { border: 0; background: none; padding: 0; color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.contact { background: #e9ede3; display: grid; grid-template-columns: 1.2fr 1fr; gap: 12%; }
.contact-copy h2 { font-size: 43px; line-height: 1.3; margin: 29px 0 20px; }
.contact-hello { font-family: 'Caveat', cursive; font-size: 64px; line-height: .9; color: var(--blue); font-weight: 500; }
.contact-copy > p:not(.eyebrow) { font-size: 13px; line-height: 1.9; color: #59694e; }
.contact-signoff { display: flex; align-items: center; gap: 9px; font-size: 9px; color: #59694e; margin-top: 38px; }
.contact-signoff .status-dot { width: 5px; height: 5px; background: #90a566; }
.contact-platforms { padding-top: 4px; }
.contact-platforms > a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 19px 0; border-bottom: 1px solid #ced5c4; }
.contact-platforms > a:first-child { border-top: 1px solid #ced5c4; }
.contact-platform-name { display: flex; align-items: center; gap: 18px; }
.contact-platform-name > svg { width: 23px; height: 23px; color: #58644e; }
.contact-platform-name > span { font-family: 'Manrope', sans-serif; font-size: 16px; font-weight: 700; }
.contact-platform-name small { display: block; font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 400; color: #59694e; margin-top: 5px; }
.contact-platforms > a > svg { width: 17px; height: 17px; transition: transform .25s; }
.contact-platforms > a:hover > svg { transform: translate(3px, -3px); color: var(--blue); }
.site-footer { padding: 47px 4.6% 25px; background: #fafbf7; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 38px; }
.footer-top > p { font-size: 12px; color: #626b59; }
.back-to-top { display: flex; align-items: center; gap: 20px; font-size: 10px; }
.back-to-top svg { width: 13px; height: 13px; }
.footer-bottom { border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; color: #626b59; font-size: 8px; }
.footer-bottom > div { display: flex; gap: 25px; }
.footer-bottom button { background: none; border: 0; padding: 0; color: inherit; font: inherit; }
.footer-bottom button:hover, .footer-bottom a:hover { color: var(--blue); }
.privacy-dialog { border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--ink); width: min(540px, calc(100% - 36px)); padding: 42px; max-height: calc(100svh - 40px); box-shadow: 0 20px 70px #0002; }
.privacy-dialog::backdrop { background: #1b261d66; backdrop-filter: blur(5px); }
.privacy-dialog > h2 { font-size: 30px; margin: 20px 0; }
.privacy-dialog > p:not(.eyebrow) { font-size: 13px; line-height: 1.8; color: #626b59; margin-bottom: 15px; }
.privacy-dialog .button { margin-top: 12px; border: 0; }
.dialog-close { position: absolute; right: 14px; top: 14px; width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 4px; background: #e5e9de; }
.dialog-close svg { width: 16px; height: 16px; }
@media (min-width: 1600px) {
	.hero { min-height: 690px; }
	.product-visual { min-height: 520px; }
	.creator-preview { max-width: 335px; }
	.creator-cover { height: 245px; }
	.document-preview { max-width: 340px; padding: 30px; }
	.document-preview h4 { font-size: 40px; }
	.pdf-lines { gap: 8px; }
	.work-preview { width: 90%; }
	.work-app-body { min-height: 285px; }
	.work-app-content { padding: 20px 16px; }
	.kanban-column { padding: 10px 7px; }
	.order-card { padding: 10px 7px; }
	.community-preview { height: 375px; }
	.about h2 { font-size: 72px; }
	.about-description { margin-top: 45px; }
}
@media (max-width: 1100px) {
	.creator-preview { width: 70%; }
	.document-preview { width: 73%; padding: 20px; }
	.creator-note { right: 10px; }
	.creator-handwriting { left: 13px; bottom: 24px; }
	.signed-note { right: 12px; bottom: 54px; }
	.community-preview { width: 82%; }
	.community-note { left: 12px; top: 42px; }
	.community-preview h4 { font-size: 29px; }
	.about h2 { font-size: 48px; }
	.about-description { padding-right: 0; }
	.value { padding-right: 18px; }
	.value + .value { padding-left: 22px; }
	.value > h3 { font-size: 15px; }
	.payment-main { gap: 7%; }
	.payment-copy h2 { font-size: 34px; }
	.payment-proof { padding: 25px; }
	.receipt-divider::before { left: -36px; }.receipt-divider::after { right: -36px; }
	.statement-name > strong { font-size: 30px; }
	.receipt-platforms { padding-left: 0; padding-right: 0; column-gap: 12px; }
	.receipt-platforms > span { font-size: 10px; }
	.contact { gap: 7%; }
	.contact-copy h2 { font-size: 36px; }
	.contact-hello { font-size: 55px; }
}
@media (max-width: 760px) {
	.hero { min-height: 480px; height: calc(100svh - 157px); }
	.hero-content { padding-bottom: 35px; }
	.hero h1 { font-size: 92px; }
	.hero-statement { font-size: 28px; }
	.hero-description { max-width: 295px; margin: 19px auto 22px; }
	.scene-community, .scene-creator { bottom: 7%; }
	.product-visual { min-height: 425px; }
	.preview-caption { left: 17px; right: 17px; top: 18px; font-size: 6px; }
	.preview-caption span:last-child { font-size: 6px; }
	.creator-preview { max-width: 268px; width: 70%; }
	.creator-cover { height: 181px; }
	.creator-cover-title { font-size: 25px; }
	.creator-note { padding: 10px 12px; right: 12px; top: 91px; }
	.floating-note strong { font-size: 9px; }
	.floating-note div > span { font-size: 7px; }
	.creator-handwriting { left: 17px; bottom: 24px; font-size: 22px; }
	.document-preview { width: 72%; max-width: 278px; padding: 23px; }
	.document-preview h4 { font-size: 31px; }
	.signed-note { padding: 11px 13px; bottom: 49px; }
	.zign-handwriting { top: 62px; right: 18px; font-size: 21px; }
	.work-preview { width: 92%; }
	.work-app-content { padding-left: 8px; padding-right: 8px; }
	.work-heading h4 { font-size: 12px; }
	.work-app-sidebar { flex-basis: 26px; }
	.work-tabs { gap: 15px; }
	.kanban { gap: 5px; }
	.kanban-column { padding: 7px 4px; }
	.kanban-column h5 { font-size: 5px; gap: 3px; }
	.order-card { padding: 7px 4px; }
	.order-card > strong { font-size: 5px; }
	.inventory-note { right: 20px; bottom: 43px; padding: 11px 13px; }
	.community-preview { max-width: 320px; width: 79%; height: 310px; }
	.community-preview h4 { font-size: 28px; top: 48px; }
	.community-note { top: 42px; left: 13px; padding: 10px; gap: 7px; }
	.community-note strong { font-size: 8px; }
	.community-photo-top > span:last-child { display: none; }
	.community-event { padding: 11px 8px; left: 9px; right: 9px; gap: 8px; }
	.community-event > div:nth-child(2) > strong { font-size: 8px; }
	.community-handwriting { bottom: 23px; right: 20px; font-size: 23px; }
	.about-top { margin-bottom: 34px; }
	.about-small-mark { font-size: 31px; }
	.about h2 { font-size: 32px; line-height: 1.32; }
	.about-description { margin: 27px 0 35px; gap: 20px; align-items: flex-start; }
	.about-asterisk { font-size: 68px; margin-top: 25px; }
	.about-description > p { font-size: 12px; line-height: 1.9; }
	.values { grid-template-columns: 1fr; }
	.value, .value + .value { padding: 22px 0; border-left: 0; border-bottom: 1px solid #ffffff47; }
	.value:last-child { padding-bottom: 0; border-bottom: 0; }
	.value > h3 { margin: 10px 0 8px; font-size: 17px; }
	.value > p { font-size: 12px; max-width: 100%; }
	.word-ribbon { padding: 21px 0 24px; }
	.ribbon-track { gap: 28px; margin-left: -100px; }
	.ribbon-track > span { font-size: 32px; }
	.ribbon-track > .ribbon-symbol { font-size: 30px; }
	.payment-main { grid-template-columns: 1fr; gap: 34px; }
	.payment-copy h2 { font-size: 32px; margin: 23px 0 20px; }
	.payment-copy > p:not(.eyebrow) { font-size: 13px; }
	.payment-proof { max-width: 430px; width: 100%; margin: 0 auto; padding: 26px 28px; }
	.receipt-divider::before { left: -39px; }.receipt-divider::after { right: -39px; }
	.statement-name > strong { font-size: 34px; }
	.receipt-platforms { gap: 25px; }
	.receipt-platforms > span { font-size: 12px; }
	.faq-layout { margin-top: 57px; padding-top: 32px; grid-template-columns: 1fr; gap: 28px; }
	.faq-intro > h3 { font-size: 28px; margin-top: 18px; }
	.faq-list summary { padding: 21px 0; font-size: 12px; }
	.faq-answer { padding-right: 5px; font-size: 12px; }
	.contact { grid-template-columns: 1fr; gap: 34px; }
	.contact-copy h2 { font-size: 33px; margin-top: 24px; }
	.contact-hello { font-size: 53px; }
	.contact-signoff { margin-top: 25px; }
	.contact-platforms > a { padding: 19px 0; }
	.site-footer { padding: 35px 6% 27px; }
	.footer-top { flex-wrap: wrap; padding-bottom: 24px; }
	.footer-top > p { order: 3; width: 100%; font-size: 11px; }
	.footer-bottom { flex-wrap: wrap; font-size: 9px; gap: 18px; }
	.footer-bottom > span:last-child { width: 100%; font-size: 8px; }
	.footer-bottom > div { gap: 17px; }
	.privacy-dialog { padding: 35px 25px 27px; }
	.privacy-dialog > h2 { font-size: 28px; }
}
@media (max-width: 380px) {
	.hero h1 { font-size: 80px; }
	.hero-statement { font-size: 26px; }
	.hero-description { max-width: 270px; font-size: 12px; }
	.hero-eyebrow { font-size: 7px; gap: 7px; }
	.scene-creator { left: -49px; }.scene-community { right: -45px; }
	.heading-row h2 { font-size: 27px; }
	.product-copy h3 { font-size: 32px; }
	.product-visual { min-height: 405px; }
	.preview-caption { gap: 5px; font-size: 5px; }
	.preview-caption span:last-child { font-size: 5px; }
	.creator-preview { width: 74%; }
	.creator-profile { padding-left: 9px; padding-right: 9px; gap: 6px; }
	.creator-profile span { font-size: 5px; }
	.document-preview { padding: 18px; width: 74%; }
	.document-header > span:last-child { font-size: 4px; }
	.community-preview { width: 83%; }
	.community-event { gap: 5px; }
	.event-date { padding-right: 7px; }
	.community-event > div:nth-child(2) > strong { font-size: 7px; }
	.work-app-sidebar { flex-basis: 20px; }
	.kanban-column h5 { font-size: 4px; gap: 2px; }
	.kanban-column h5 small { display: none; }
	.order-card > strong { font-size: 4px; }
	.about h2 { font-size: 27px; }
	.payment-copy h2 { font-size: 28px; }
	.payment-copy .eyebrow { font-size: 7px; gap: 7px; }
	.contact-copy h2 { font-size: 29px; }
	.contact-hello { font-size: 48px; }
	.contact-copy > .eyebrow { font-size: 7px; }
}
@media (max-height: 720px) and (min-width: 761px) {
	.hero { min-height: 480px; height: calc(100svh - 158px); }
	.hero h1 { font-size: 108px; margin-top: 7px; }
	.hero-statement { font-size: 29px; }
	.hero-content { padding-top: 15px; padding-bottom: 50px; }
	.hero-description { margin: 15px 0 18px; font-size: 12px; }
	.scene-creator { top: 12%; width: 150px; height: 170px; }
	.scene-document { top: 13%; width: 145px; height: 163px; }
	.scene-work { width: 172px; bottom: 15%; height: 155px; }
	.scene-community { width: 160px; height: 143px; bottom: 12%; }
}
@media print {
	.site-header, .hero-scene, .word-ribbon, .product-visual, .privacy-dialog, .menu-toggle { display: none !important; }
	.hero { height: auto; min-height: 0; }
	.hero-content, .reveal, .product-copy { opacity: 1 !important; transform: none !important; }
	.product-story { display: block; min-height: 0; break-inside: avoid; }
	.section-pad { padding: 35px 0; }
	.about, .contact { background: white; color: black; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}