:root{--ink:#17233f;--muted:#687187;--cream:#fff9e9;--accent:#e1a600;--accent-soft:#ffe692;--shadow:0 24px 65px rgba(32,42,67,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.orb{position:fixed;z-index:-1;border-radius:50%;pointer-events:none}.orb.a{width:430px;height:430px;right:-170px;top:-220px;background:var(--accent-soft);opacity:.6}.orb.b{width:260px;height:260px;left:-160px;top:58%;background:var(--accent-soft);opacity:.3}header,main,footer{max-width:1200px;margin:auto;padding-left:30px;padding-right:30px}header{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-logo{width:154px;height:58px;object-fit:contain;object-position:left center;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(23,35,63,.1);padding:5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--accent);color:#fff}.brand strong,.brand small{display:block}.brand strong{font:900 18px/1 Nunito,sans-serif}.brand small{color:var(--muted);font-size:11px;margin-top:4px}.back-link{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(23,35,63,.12);border-radius:999px;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.75);font-size:13px;font-weight:800}.hero{min-height:660px;padding:55px 0 90px;display:grid;grid-template-columns:1fr 500px;align-items:center;gap:70px}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em}.hero h1{font:900 clamp(52px,6vw,78px)/.98 Nunito,sans-serif;letter-spacing:-.045em;margin:0}.hero h1 em{display:block;font-style:normal;color:var(--accent)}.intro{max-width:590px;color:#596278;font-size:18px;line-height:1.7;margin:28px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.roll{border:0;border-radius:18px;background:var(--ink);color:#fff;padding:15px 23px;display:flex;align-items:center;gap:11px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(23,35,63,.22);transition:transform .2s}.roll:hover{transform:translateY(-3px)}.roll:disabled{opacity:.65}.roll i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);font-style:normal}.discover{color:var(--ink);font-weight:800;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:4px}.experience{position:relative;display:grid;justify-items:center}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);top:-55px;opacity:.65}.scene{width:260px;height:260px;perspective:900px;-webkit-perspective:900px;margin-bottom:62px;filter:drop-shadow(0 30px 28px rgba(27,37,63,.2))}.cube{width:260px;height:260px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(28deg);transition:transform 1.2s cubic-bezier(.2,.75,.25,1);will-change:transform}.cube-face{position:absolute;width:260px;height:260px;padding:6px;background:#fff;border:1px solid rgba(23,35,63,.13);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-face img{width:100%;height:100%;display:block;object-fit:cover}.front{transform:rotateY(0) translateZ(130px)}.back{transform:rotateY(180deg) translateZ(130px)}.right{transform:rotateY(90deg) translateZ(130px)}.left{transform:rotateY(-90deg) translateZ(130px)}.top{transform:rotateX(90deg) translateZ(130px)}.bottom{transform:rotateX(-90deg) translateZ(130px)}.result{position:relative;z-index:2;width:min(100%,465px);display:grid;grid-template-columns:90px 1fr;gap:17px;align-items:center;padding:14px;background:rgba(255,255,255,.9);border:1px solid rgba(23,35,63,.08);border-radius:24px;box-shadow:var(--shadow);transition:opacity .2s}.result.changing{opacity:.45}.result img{width:90px;height:90px;object-fit:cover;border-radius:16px}.result small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}.result h2{font:900 21px/1.1 Nunito,sans-serif;margin:5px 0}.result p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.values{padding:90px 0 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{font:900 clamp(34px,4vw,50px)/1 Nunito,sans-serif;margin:0}.section-head p{max-width:300px;color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{height:420px;border:0;padding:0;background:transparent;color:var(--ink);text-align:left;perspective:1000px;cursor:pointer}.card-inner{position:relative;display:block;width:100%;height:100%}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:12px;background:#fff;border:1px solid rgba(23,35,63,.08);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(35,45,70,.07);opacity:1;visibility:visible;transform:rotateY(0);transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .18s,visibility .18s,box-shadow .2s}.card:hover .card-face,.card.active .card-face{box-shadow:0 20px 44px rgba(35,45,70,.14);border-color:var(--accent)}.card-back{transform:rotateY(180deg);opacity:0;visibility:hidden;padding:28px;justify-content:space-between;background:linear-gradient(145deg,#fff,var(--accent-soft))}.card.flipped .card-front{transform:rotateY(-180deg);opacity:0;visibility:hidden}.card.flipped .card-back{transform:rotateY(0);opacity:1;visibility:visible}.card-image{height:235px;border-radius:17px;overflow:hidden;flex:0 0 auto}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .card-image img{transform:scale(1.03)}.card-copy{padding:16px 12px 7px}.number{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.15em}.card h3{font:900 20px/1.15 Nunito,sans-serif;margin:6px 0}.card-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.card-back h3{font-size:28px}.card-back p{color:#4e586e;font-size:16px;line-height:1.65}.flip{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:0 8px 5px;color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.flip b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-size:19px}.closing{margin:20px 0 100px;padding:65px 25px;text-align:center;border-radius:34px;background:var(--ink);color:#fff}.closing span{color:var(--accent);font-size:30px}.closing blockquote{max-width:700px;margin:16px auto;font:900 clamp(28px,4vw,42px)/1.2 Nunito,sans-serif}.closing p{margin:0;color:#aeb6c9;font-size:12px;text-transform:uppercase;letter-spacing:.14em}footer{padding-top:28px;padding-bottom:38px;border-top:1px solid rgba(23,35,63,.1);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:13px}footer strong{color:var(--ink)}footer div:last-child{display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer a{color:var(--muted);text-decoration:none}@media(max-width:930px){.hero{grid-template-columns:1fr;text-align:center}.intro{margin-left:auto;margin-right:auto}.actions{justify-content:center}.experience{margin-top:30px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header,main,footer{padding-left:18px;padding-right:18px}.back-link span{display:none}.brand-logo{width:116px;height:45px}.brand small{display:none}.hero{padding-top:35px}.hero h1{font-size:45px}.scene,.cube,.cube-face{width:220px;height:220px}.front{transform:rotateY(0) translateZ(110px)}.back{transform:rotateY(180deg) translateZ(110px)}.right{transform:rotateY(90deg) translateZ(110px)}.left{transform:rotateY(-90deg) translateZ(110px)}.top{transform:rotateX(90deg) translateZ(110px)}.bottom{transform:rotateX(-90deg) translateZ(110px)}.grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.card{height:420px}footer{flex-direction:column}footer div:last-child{align-items:flex-start;flex-direction:column;gap:8px}}