:root{--ink:#20211e;--muted:#797b74;--paper:#f6f5f1;--line:#deded7;--lime:#d7f067;--orange:#f5a16f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:#20211e;color:#e8e9de;font-size:11px;letter-spacing:.06em}.announcement span{color:var(--lime)}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;letter-spacing:-.05em}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:8px;font-size:21px}.brand-light{font-weight:500}.site-header nav{display:flex;gap:42px;font-size:13px;font-weight:600}.site-header nav a:hover,.footer a:hover{text-decoration:underline}.header-cta{padding:12px 18px;border:1px solid var(--ink);border-radius:4px;font-size:12px;font-weight:700}.header-cta span{margin-left:20px}.hero{min-height:592px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:46px 0 57px;gap:42px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#92b12c;border-radius:50%}.hero h1{font-size:clamp(42px,4.35vw,66px);line-height:1.2;letter-spacing:-.07em;margin:29px 0 22px;font-weight:800}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;left:-2px;right:-2px;bottom:4px;height:17px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero-copy>p{max-width:470px;color:#686b64;font-size:15px;line-height:2;margin:0}.hero-actions{display:flex;align-items:center;gap:31px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 22px;border:0;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#414438}.button-dark span{color:var(--lime);font-size:18px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{margin-left:17px}.hero-note{display:flex;gap:20px;margin-top:68px;color:#8b8d86;font-size:10px;letter-spacing:.05em}.hero-note span+span{border-left:1px solid #c9cbc1;padding-left:20px}.hero-art{position:relative;overflow:hidden;min-height:500px;background:#e8ebdc;border-radius:5px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff60 1px,transparent 1px),linear-gradient(90deg,#ffffff60 1px,transparent 1px);background-size:44px 44px;opacity:.6}.art-sun{position:absolute;right:-45px;top:-80px;width:310px;height:310px;border-radius:50%;background:#d9edab}.art-card{position:absolute;box-shadow:0 24px 35px #2e382126}.art-card-back{width:260px;height:345px;top:72px;left:13%;background:#bbd6d8;transform:rotate(-14deg);display:flex;flex-direction:column;justify-content:space-between;padding:25px;font-size:11px;letter-spacing:.15em}.art-card-back b{font-size:44px;line-height:1;letter-spacing:-.07em}.art-card-back i{position:absolute;right:20px;top:80px;font-size:110px;font-style:normal;color:#f6b18a}.art-card-front{width:305px;height:420px;top:38px;left:38%;background:#292d28;transform:rotate(9deg);color:#f5f5ed;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.art-card-front small{font-size:10px;letter-spacing:.1em}.art-card-front strong{font-size:55px;line-height:1.03;letter-spacing:-.11em}.art-card-front strong span{color:var(--lime)}.art-card-front footer{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #67705d;padding-top:12px}.art-sticker{position:absolute;left:9%;bottom:46px;width:126px;height:126px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:16px;font-weight:800;line-height:1.45;transform:rotate(-17deg);box-shadow:0 10px 20px #0002}.art-sticker span{font-size:19px}.art-caption{position:absolute;right:23px;bottom:18px;font-size:9px;letter-spacing:.16em}.benefit-strip{background:var(--lime)}.benefit-strip .shell{display:flex;justify-content:space-between;padding:16px 0;font-size:12px;font-weight:700}.catalog{padding:90px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2,.process h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.06em;margin:10px 0 8px}.section-heading h2 span{color:#a9ba6b;margin-left:9px}.section-heading p,.process p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.section-index{font-size:11px;color:#92938c;letter-spacing:.1em}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin:36px 0 22px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:4px;padding:10px 17px;cursor:pointer;color:#6c6e67;font-size:12px}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.search{border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:4px;background:#fbfaf6}.search span{font-size:25px;line-height:1}.search input{border:0;outline:0;background:transparent;width:150px;height:38px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid #e3e4dd;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.product:hover{box-shadow:0 15px 35px #24271b0e;transform:translateY(-3px);transition:.2s}.product-visual{height:215px;position:relative;overflow:hidden;padding:18px}.product-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff55 1px,transparent 1px);background-size:15px 15px}.product-visual .visual-label{position:relative;z-index:2;font-size:10px;letter-spacing:.16em;font-weight:700}.product-visual .shape{position:absolute;z-index:1}.visual-0{background:#dfecbf}.visual-0 .shape{width:170px;height:220px;background:#283b30;left:31%;top:36px;transform:rotate(-12deg);box-shadow:18px 18px 0 #a3ba8e}.visual-0 .shape:after{content:"PRESENT\A YOUR IDEAS";white-space:pre;position:absolute;top:35px;left:19px;color:#eaf2d8;font-size:28px;font-weight:800;line-height:1.1}.visual-1{background:#f1d3c6}.visual-1 .shape{width:205px;height:205px;border-radius:50%;background:#f5a16f;left:32%;top:35px;box-shadow:-70px 50px 0 #f9ebdf}.visual-1 .shape:after{content:"Aa";position:absolute;left:65px;top:58px;font-size:65px;font-weight:800;color:#692f27}.visual-2{background:#d8dce7}.visual-2 .shape{width:145px;height:190px;background:#394c70;left:36%;top:20px;transform:rotate(8deg);box-shadow:-48px 29px 0 #7b91b7,42px 30px 0 #b8c6df}.visual-2 .shape:after{content:"FRAME";position:absolute;left:15px;top:73px;color:white;font-size:18px;font-weight:700}.visual-3{background:#e6e6cf}.visual-3 .shape{width:210px;height:140px;left:26%;top:43px;background:#75846a;border-radius:8px;transform:rotate(-7deg);box-shadow:23px 24px 0 #b1bb85}.visual-3 .shape:after{content:"DATA / 26";position:absolute;left:21px;top:48px;color:white;font-weight:800;font-size:23px}.visual-4{background:#e9d8ce}.visual-4 .shape{width:180px;height:180px;left:31%;top:20px;background:#bc684b;border-radius:50% 50% 8% 8%;transform:rotate(-14deg);box-shadow:40px 20px 0 #dba68f}.visual-4 .shape:after{content:"✳";position:absolute;top:33px;left:53px;font-size:75px;color:#f9dfb5}.visual-5{background:#dce6e1}.visual-5 .shape{width:220px;height:125px;left:24%;top:45px;background:#335c56;border:12px solid #f6f6ec;transform:rotate(7deg);box-shadow:15px 16px 0 #91aaa4}.visual-5 .shape:after{content:"MOTION";position:absolute;top:30px;left:25px;font-size:23px;color:#f1efe7;font-weight:800}.product-body{padding:20px;flex:1;display:flex;flex-direction:column}.product-meta{display:flex;justify-content:space-between;font-size:10px;color:#8b8e84}.product h3{font-size:19px;margin:15px 0 8px;letter-spacing:-.04em}.product p{font-size:12px;color:#777a73;line-height:1.8;margin:0}.product-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ecece7;padding-top:18px;margin-top:24px}.price small{font-size:11px;color:#8e9188}.price strong{font-size:25px;letter-spacing:-.06em}.detail-button{border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:800;padding:6px 0}.detail-button:hover{text-decoration:underline}.empty{padding:40px;text-align:center;color:var(--muted)}.process{background:#262a24;color:#f5f5ee;padding:78px 0}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process .kicker{color:var(--lime)}.process h2{line-height:1.32;margin:18px 0}.process p{max-width:340px;color:#b7bbb0}.steps>div{display:grid;grid-template-columns:45px 1fr 20px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #52584e}.steps>div:first-child{border-top:1px solid #52584e}.steps b{color:var(--lime);font-size:13px}.steps strong{display:block;font-size:15px;margin-bottom:6px}.steps small{color:#b7bbb0;font-size:12px;line-height:1.7}.steps>div>span:last-child{color:var(--lime)}.faq{padding:91px 0 100px}.faq-list{margin-top:30px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:21px 2px;display:flex;justify-content:space-between;font-size:14px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:#777a73;line-height:1.9;max-width:750px;margin:0 0 22px}.footer{background:#e9eae2}.footer-main{padding:48px 0;display:flex;justify-content:space-between}.footer-main p{color:#777a72;font-size:12px}.footer-links{display:flex;gap:30px;font-size:12px}.footer-bottom{border-top:1px solid #d5d7cf;padding:18px 0;display:flex;justify-content:space-between;color:#878a81;font-size:10px}dialog{width:min(520px,calc(100% - 24px));border:0;border-radius:7px;padding:32px;box-shadow:0 25px 80px #0004;color:var(--ink)}dialog::backdrop{background:#171c18a8}.dialog-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:26px;cursor:pointer}.dialog-kicker{font-size:10px;letter-spacing:.18em;color:#7b8570;font-weight:800}.dialog-price{font-size:28px;font-weight:800;margin:12px 0 20px}.dialog-copy{color:#70746c;line-height:1.8;font-size:13px}.dialog-list{padding-left:19px;line-height:2;font-size:13px}.dialog-note{background:#f2f3ec;padding:14px;font-size:12px;color:#6c7068;line-height:1.8;margin:22px 0}.dialog-action{width:100%;justify-content:center}.dialog-action:disabled{cursor:not-allowed;opacity:.6}.dialog-status{font-size:12px;color:#787c73;margin:13px 0 0;text-align:center}@media(max-width:850px){.shell{width:min(100% - 36px,700px)}.site-header{height:72px}.site-header nav{gap:18px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.hero-art{min-height:430px}.hero-note{margin-top:38px}.product-grid{grid-template-columns:repeat(2,1fr)}.process-layout{gap:35px}}@media(max-width:600px){.announcement{font-size:9px;padding:0 10px;text-align:center}.site-header nav{display:none}.header-cta{padding:9px 12px}.header-cta span{margin-left:6px}.hero h1{font-size:43px}.hero-art{min-height:360px}.art-card-back{width:205px;height:280px;left:10%;top:50px}.art-card-back b{font-size:35px}.art-card-front{width:225px;height:315px;left:38%;top:28px}.art-card-front strong{font-size:42px}.art-sticker{width:90px;height:90px;font-size:12px;bottom:29px}.benefit-strip .shell{gap:10px;flex-wrap:wrap;font-size:10px}.catalog{padding:65px 0}.section-index{display:none}.catalog-toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}.product-grid{grid-template-columns:1fr}.product-visual{height:240px}.process-layout{grid-template-columns:1fr}.faq{padding:65px 0}.footer-main{gap:20px;flex-direction:column}.footer-bottom{gap:8px;flex-direction:column}}
