:root{--ink:#071c45;--paper:#fffdf7;--yellow:#ffd82e;--blue:#2463eb;--coral:#ff655d;--mint:#67d8ad;--lilac:#bca7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Arial Rounded MT Bold","Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif}a{color:inherit}.header,main>section,footer{width:min(calc(100% - 64px),1280px);margin:auto}.header{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{display:flex;align-items:center;gap:10px;width:max-content;font-size:1.3rem;font-weight:950;text-decoration:none}.logo i{width:40px;height:40px;border-radius:12px 12px 12px 3px;display:grid;place-items:center;color:#fff;background:conic-gradient(var(--blue),var(--lilac),var(--coral),var(--yellow),var(--blue));font-style:normal}.header nav{display:flex;gap:30px;font-size:.78rem;font-weight:900}.header nav a{text-decoration:none}.header-button{justify-self:end;padding:12px 17px;border-radius:99px;color:#fff;background:var(--blue);font-size:.76rem;font-weight:900;text-decoration:none}.hero{min-height:750px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-left:24px}.label{margin:0 0 20px;font-size:.68rem;font-weight:950;letter-spacing:.13em}.hero h1{margin:0 0 28px;font-size:clamp(4rem,7.5vw,7.2rem);font-weight:950;line-height:.94;letter-spacing:-.075em}.hero h1 span,.intro h2 span,.process h2 span{color:var(--blue)}.hero-copy>p:not(.label){max-width:490px;margin-bottom:34px;font-size:.98rem;font-weight:700;line-height:1.9}.hero>img{width:125%;max-width:none;margin-left:-18%;display:block}.cta{padding:17px 22px;border-radius:99px;display:inline-flex;gap:42px;color:#fff;background:var(--coral);box-shadow:0 7px 0 #df4141;font-size:.83rem;font-weight:950;text-decoration:none}.ticker{padding:14px 0;color:#fff;background:var(--blue);font-size:.72rem;font-weight:950;letter-spacing:.12em;white-space:nowrap;overflow:hidden}.ticker div{width:max-content;animation:move 18s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.chip{width:max-content;margin:0 0 25px;padding:8px 13px;border-radius:99px;color:#fff;background:var(--lilac);font-size:.68rem;font-weight:950}.intro{padding:120px 0;display:grid;grid-template-columns:1fr .75fr .38fr;gap:60px;align-items:center}.intro h2,.principles h2,.process h2{margin:0;font-size:clamp(3rem,5vw,5rem);line-height:1.12;letter-spacing:-.06em}.intro>p{font-family:system-ui,sans-serif;font-weight:600;line-height:2}.intro-badge{aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--yellow);box-shadow:8px 8px 0 var(--ink)}.intro-badge b{font-size:5rem;line-height:.7}.intro-badge small{font-size:.55rem}.principles{width:100%;max-width:none;padding:110px max(32px,calc((100vw - 1280px)/2));background:#f3efff}.section-head{margin-bottom:60px;display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.section-head>p{margin:0;font-family:system-ui,sans-serif;font-weight:600;line-height:1.8}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.principle-grid article{padding:20px 20px 28px;border:3px solid var(--ink);border-radius:30px;background:#fff;box-shadow:8px 8px 0 var(--ink)}.principle-image{aspect-ratio:1.16;border-radius:18px;background-image:url("./assets/generated/principles-strip.png");background-size:300% 100%;background-repeat:no-repeat}.image-fun{background-position:0 0}.image-grow{background-position:50% 0}.image-together{background-position:100% 0}.principle-grid span{display:block;margin-top:22px;color:var(--coral);font-size:2rem;font-weight:950}.principle-grid h3{margin:7px 0 12px;font-size:1.5rem}.principle-grid p{margin:0;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;line-height:1.75}.products{width:100%;max-width:none;padding:110px max(32px,calc((100vw - 1280px)/2));background:var(--yellow)}.product-head h2{margin:0;font-size:clamp(4rem,8vw,7.4rem);line-height:.8;letter-spacing:-.07em}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink)}.product{position:relative;min-height:560px;padding:28px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;text-decoration:none}.product:nth-child(even){border-right:0}.product-image{height:320px;margin:-28px -28px 24px;background-image:url("./assets/generated/products-grid.png");background-size:300% 200%;background-repeat:no-repeat}.p1{background-position:0 0}.p2{background-position:50% 0}.p3{background-position:100% 0}.p4{background-position:0 100%}.p5{background-position:50% 100%}.p6{background-position:100% 100%}.product small{font-size:.62rem;font-weight:950;letter-spacing:.09em}.product h3{margin:10px 0;font-size:clamp(2rem,3.3vw,3.5rem);letter-spacing:-.05em}.product p{font-family:system-ui,sans-serif;font-size:.88rem;font-weight:600}.product b{position:absolute;left:28px;bottom:25px;font-size:.75rem}.product:hover .product-image{filter:saturate(1.16)}.process{padding:120px 0}.process h2{max-width:900px}.steps{margin-top:70px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:18px}.steps>div{min-height:230px;padding:26px;border:3px solid var(--ink);border-radius:40px;background:var(--yellow);display:grid}.steps>div:nth-of-type(2){background:var(--lilac)}.steps>div:nth-of-type(3){background:var(--mint)}.steps>div:nth-of-type(4){color:#fff;background:var(--blue)}.steps b{font-size:.8rem}.steps strong{align-self:end;font-size:2rem}.steps span{font-size:.76rem;font-weight:800}.steps i{font-style:normal;font-size:1.5rem}.closing{position:relative;width:100%;max-width:none;min-height:590px;padding:90px max(32px,calc((100vw - 1280px)/2));background:var(--yellow);overflow:hidden}.closing h2{position:relative;z-index:2;margin:0 0 50px;font-size:clamp(4.5rem,9vw,9rem);line-height:.95;letter-spacing:-.08em}.closing h2 span{color:var(--coral)}.closing>div{position:absolute;right:7%;bottom:-60px;width:320px;height:320px;border:5px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:12rem;transform:rotate(10deg)}footer{min-height:190px;padding:50px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:.75rem}footer p{text-align:center}footer>span{text-align:right}footer>span a{font-weight:900}
@media(max-width:900px){.header,main>section,footer{width:min(calc(100% - 40px),1280px)}.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 0 0}.hero>img{width:115%;margin:-8% 0 0 -7%}.intro{grid-template-columns:1fr 1fr}.intro-badge{grid-row:1/3;grid-column:2}.principle-grid{grid-template-columns:1fr}.product{min-height:500px}.product-image{height:270px}.steps{grid-template-columns:1fr 1fr}.steps i{display:none}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:600px){.header{height:76px}.header-button{font-size:0;padding:12px}.header-button::after{content:"→";font-size:1rem}.hero h1{font-size:3.65rem}.hero>img{width:135%;margin-left:-27%}.intro{padding:80px 0;grid-template-columns:1fr}.intro-badge{grid-row:auto;grid-column:auto;width:75%}.section-head{grid-template-columns:1fr}.principles,.products{padding-block:80px}.product-grid{grid-template-columns:1fr}.product{border-right:0;min-height:450px}.product-image{height:230px}.steps{grid-template-columns:1fr}.closing h2{font-size:4.1rem}.closing>div{right:-85px;width:260px;height:260px;font-size:9rem}footer{grid-template-columns:1fr;gap:25px}footer>span{text-align:left}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}html{scroll-behavior:auto}}
.product-page{width:min(calc(100% - 40px),1120px);margin:auto;padding:55px 0 90px}.breadcrumbs{margin-bottom:38px;font-size:.85rem}.product-hero{max-width:850px;padding-bottom:65px}.product-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:1}.content-section{padding:60px 0;border-top:2px solid var(--ink)}.content-section h2{font-size:clamp(2rem,4vw,3.5rem)}.prose{max-width:820px;font-family:system-ui,sans-serif;line-height:1.9}.feature-grid,.article-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-item,.article-link{padding:24px;border:2px solid var(--ink);border-radius:20px;background:#fff}.article-link{text-decoration:none}
.product-image{position:relative;height:320px;margin:-28px -28px 24px;display:grid;place-items:center;background:#f5f3ed;background-image:none;overflow:hidden}.product-image::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--yellow);opacity:.72}.product:nth-child(2) .product-image::before{background:#a9dcff}.product:nth-child(3) .product-image::before{background:var(--lilac)}.product:nth-child(4) .product-image::before{background:var(--mint)}.product:nth-child(5) .product-image::before{background:#ffcdbf}.product:nth-child(6) .product-image::before{background:#9db6ff}.product-image img{position:relative;z-index:1;width:210px;height:210px;border-radius:46px;object-fit:cover;box-shadow:0 18px 40px rgba(7,28,69,.22);transition:transform .22s ease}.product:hover .product-image img{transform:translateY(-5px) rotate(2deg)}
.closing-copy{position:relative;z-index:2;margin:-25px 0 34px;font-size:1rem;font-weight:800}
.contact{padding:120px 0;display:grid;grid-template-columns:.82fr 1fr;gap:90px;align-items:start}.contact-copy{position:sticky;top:40px}.contact h2{margin:0 0 30px;font-size:clamp(3rem,5vw,5rem);line-height:1.1;letter-spacing:-.06em}.contact h2 span{color:var(--blue)}.contact-copy>p:last-child{max-width:520px;font-family:system-ui,sans-serif;font-weight:600;line-height:1.9}.contact-form{padding:36px;border:3px solid var(--ink);border-radius:34px;background:#fff;box-shadow:10px 10px 0 var(--ink);display:grid;gap:24px}.contact-form>label:not(.consent):not(.contact-trap){display:grid;gap:9px;font-size:.82rem;font-weight:950}.contact-form label>span{margin-left:8px;color:var(--coral);font-size:.62rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:2px solid var(--ink);border-radius:14px;padding:14px 15px;color:var(--ink);background:#fffdf7;font:inherit;font-family:system-ui,sans-serif}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:4px solid rgba(36,99,235,.2);border-color:var(--blue)}.consent{display:flex;align-items:flex-start;gap:10px;font-family:system-ui,sans-serif;font-size:.77rem;font-weight:600;line-height:1.6}.consent input{width:18px;height:18px;margin-top:2px;flex:none}.consent span{margin:0!important;color:var(--ink)!important;font-size:inherit!important}.contact-form button{min-height:58px;border:3px solid var(--ink);border-radius:99px;color:#fff;background:var(--coral);box-shadow:5px 5px 0 var(--ink);font:inherit;font-size:.85rem;font-weight:950;cursor:pointer}.contact-form button b{margin-left:25px}.contact-form button:disabled{opacity:.6;cursor:wait}.form-status{min-height:1.5em;margin:0;font-family:system-ui,sans-serif;font-size:.82rem;font-weight:700}.contact-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.contact{grid-template-columns:1fr}.contact-copy{position:static}}
@media(max-width:600px){.contact{padding:85px 0;gap:45px}.contact-form{padding:23px;border-radius:26px}}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--coral),var(--yellow),var(--mint),var(--blue));transform:scaleX(0);transform-origin:left center;pointer-events:none}.hero-world-image{--parallax-y:0px;transform:translateY(var(--parallax-y));will-change:transform}.motion-ready .reveal{opacity:0;transform:translateY(38px) scale(.985);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.product,.principle-grid article{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease,filter .2s ease}.principle-grid article:nth-child(2){transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(10px)}.product-image img,.principle-image{transform:translateZ(18px)}.cta{transition:transform .18s ease,box-shadow .18s ease}.cta:hover{transform:translateY(4px);box-shadow:0 3px 0 #df4141}.intro-badge{animation:badge-float 4s ease-in-out infinite}.closing>div{animation:face-wiggle 3.8s ease-in-out infinite}@keyframes badge-float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes face-wiggle{0%,100%{transform:rotate(10deg)}50%{transform:rotate(3deg) translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-world-image{transform:none}.reveal{opacity:1!important;transform:none!important}.product,.principle-grid article{transform:none!important}.intro-badge,.closing>div{animation:none}}
.motion-ready .reveal{opacity:0;transform:none;translate:0 38px;scale:.985;transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms),scale .65s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none;translate:0 0;scale:1}.motion-ready .product.reveal,.motion-ready .principle-grid article.reveal{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.motion-ready .principle-grid article:nth-child(2).reveal{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(10px)}
@media(min-width:901px){.hero{grid-template-columns:.92fr 1.08fr;min-height:700px}.hero h1{font-size:clamp(4rem,6vw,6rem)}.hero h1 span{white-space:nowrap}.hero>img{width:112%;margin-left:-8%}.hero-copy{padding-left:24px}}
@media(min-width:901px) and (max-width:1120px){.hero h1{font-size:clamp(3.8rem,6.3vw,4.8rem)}.hero-copy>p:not(.label){font-size:.9rem}.header nav{gap:20px}}