.hero-section{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding-top:66px;padding-bottom:96px}
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.115em;font-weight:900;color:var(--pink);line-height:1.5}
.eyebrow-dash{width:24px;height:3px;background:var(--pink);border-radius:100px}
.small-eyebrow{font-size:12px}
.hero-copy h1,.section-heading h2,.intro-head h2,.portfolio-heading h2,.journey-left h2,.contact-copy h2{font-family:Nunito,'DM Sans',sans-serif;font-weight:900;letter-spacing:-.048em;line-height:1.105}
.hero-copy h1{font-size:clamp(48px,4.5vw,75px);margin:24px 0 19px;max-width:630px}
.hero-copy h1 em,.intro-head h2 em,.section-heading h2 em,.portfolio-heading h2 em,.journey-left h2 em{font-style:normal;color:var(--pink)}
.hero-copy>p{color:var(--sub);font-size:16px;line-height:1.8;max-width:530px;margin:0}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 21px;border-radius:15px;font-size:14px;font-weight:800;min-height:52px;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--pink);color:#fff;box-shadow:0 9px 20px rgba(204,76,130,.19)}
.btn-primary:hover{background:var(--pink-dark);box-shadow:0 15px 27px rgba(204,76,130,.22)}
.btn-quiet{color:#855d78;background:white;border:1px solid var(--stroke)}
.btn-quiet:hover{border-color:#dfaec6}
.hero-foot{display:flex;align-items:center;gap:10px;margin-top:34px;color:#867586;font-size:12px;font-weight:700;flex-wrap:wrap}
.mini-circle{background:#d1f1df;border-radius:100px;color:#379b70;width:20px;height:20px;display:inline-grid;place-items:center;font-size:12px}
.hero-separator{height:14px;width:1px;background:#e8dce4;margin:0 5px}

.hero-visual{height:520px;position:relative;isolation:isolate;display:grid;place-items:center}
.hero-visual:before{content:"";position:absolute;inset:25px 12px 15px 24px;background:linear-gradient(145deg,#fdf0f5,#f3f0fc 57%,#e9f6f2);border-radius:48px 85px 65px 80px;z-index:-2}
.hero-visual:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:1.5px solid rgba(179,143,182,.13);top:80px;left:100px;z-index:-1}
.hero-paper{background:white;border:1px solid #ebdce5;box-shadow:0 20px 44px rgba(110,70,112,.15);border-radius:22px}
.back-paper{position:absolute;width:315px;height:366px;transform:rotate(12deg) translate(30px,15px);background:#e8def8;z-index:-1}
.main-paper{width:320px;min-height:370px;transform:rotate(-6deg);padding:25px 25px 22px;display:flex;flex-direction:column;align-items:stretch}
.paper-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2e8ee;padding-bottom:12px}
.paper-label{background:#fff0f6;border-radius:40px;padding:8px 10px;color:#ad5082;font-size:9px;letter-spacing:.075em;font-weight:900}
.paper-page{font-weight:900;font-size:11px;color:#ab9bac}
.paper-title{font-family:Nunito,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.03em;margin-top:24px;line-height:1.2}
.paper-note{margin:6px 0 20px;color:#99879a;font-size:11px;font-weight:700}
.activity-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.activity-token{flex:1;display:flex;align-items:center;justify-content:space-around;background:#fff6ec;padding:20px 10px;border:1px solid #fbe7d3;border-radius:17px;letter-spacing:.18em;font-size:24px;color:#c27c92;white-space:nowrap}
.activity-token b{color:#cf5d91;font-weight:900}
.activity-result{font-size:23px;color:#d8aac1}
.choice-row{display:flex;gap:9px;margin-top:14px}
.choice-row span{flex:1;display:grid;place-items:center;height:48px;border:1.5px solid #ebd8e5;border-radius:12px;background:#fffafd;color:#a75b88;font-size:21px;font-weight:900}
.choice-row span:nth-child(2){background:#fff0f6;border-color:#eaa3c0}
.paper-progress{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:25px}
.progress-left{font-size:10px;color:#99889a;max-width:160px}
.progress-pills{display:flex;gap:4px}
.progress-pills i{height:6px;width:16px;border-radius:10px;background:#ebdce8}
.progress-pills i:first-child{background:var(--pink)}
.hero-floating{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;box-shadow:0 13px 32px rgba(72,57,74,.1);border:1px solid #f0e8ef;padding:13px 16px;border-radius:17px}
.hero-floating strong,.hero-floating small{display:block}
.hero-floating strong{font-size:12px;font-weight:900}
.hero-floating small{font-size:10px;margin-top:3px;color:#9e879d}
.note-left{left:-20px;bottom:82px;transform:rotate(3deg)}
.note-right{right:-14px;top:87px;transform:rotate(4deg)}
.note-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:23px}
.blue-icon{background:#e8f1ff;color:#7fa6dd}
.pink-icon{background:#fff0f5;color:#ca6a99}
.visual-disclaimer{position:absolute;bottom:11px;right:26px;font-size:9px;letter-spacing:.02em;color:#9e8f9e;max-width:270px;text-align:right}

.intro-band{background:#faf2f6;border-top:1px solid #f7e9f0;border-bottom:1px solid #f7e9f0;padding:78px 0}
.intro-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.intro-head h2{font-size:clamp(34px,3.6vw,47px);margin:18px 0 0;max-width:430px}
.intro-body p{margin:0 0 15px;font-size:16px;line-height:1.85;color:#746777}
.intro-body p:last-child{margin-bottom:0}
.section-gap{padding-top:113px;padding-bottom:115px}
.section-heading.centered{text-align:center;max-width:710px;margin:0 auto 40px}
.section-heading h2{font-size:clamp(35px,4vw,50px);margin:15px 0 13px}
.section-heading p{color:#887787;font-size:15px;line-height:1.7;max-width:580px;margin:0 auto}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.value-card{min-height:292px;border-radius:28px;padding:35px 30px 29px;border:1px solid transparent;transition:transform .2s,box-shadow .2s}
.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.value-peach{background:#fff1e5;border-color:#f6e0cd}
.value-lilac{background:#f1eaff;border-color:#e9ddf9}
.value-mint{background:#e8f6f1;border-color:#d8ede5}
.value-symbol{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.65);color:#98627d}
.value-symbol svg{width:55px;height:55px}
.value-card h3{font:900 21px/1.25 Nunito,sans-serif;letter-spacing:-.02em;margin:21px 0 10px}
.value-card p{line-height:1.72;color:#756a77;font-size:14px;margin:0}

.portfolio-section{background:#fff8fa;border-block:1px solid #f6ebf0;padding:103px 0 112px}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.portfolio-heading h2{font-size:clamp(35px,4vw,50px);max-width:650px;margin:15px 0 10px}
.portfolio-heading p{color:#867687;line-height:1.7;margin:0;font-size:15px}
.text-link{font-weight:800;font-size:13px;color:var(--pink);border-bottom:1px solid #db8bac;padding-bottom:5px;white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.product-card{background:#fff;border:1px solid #eee1e9;border-radius:27px;overflow:hidden;box-shadow:0 12px 30px rgba(95,66,89,.035);transition:transform .22s,box-shadow .22s}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.product-art{height:280px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-body{padding:25px 30px 30px;min-height:242px;display:flex;flex-direction:column}
.product-overline{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;font-weight:800;color:#958598}
.product-status{display:inline-flex;border-radius:40px;background:#e7f6ef;color:#347a62;padding:7px 11px;line-height:1.1;white-space:nowrap}
.status-wip{background:#fff2e3;color:#a66e37}
.product-body h3{font:900 25px/1.2 Nunito,sans-serif;letter-spacing:-.027em;margin:16px 0 9px}
.product-body p{color:#806f7d;line-height:1.68;font-size:14px;margin:0 0 19px}
.card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;font-weight:900;color:var(--pink);font-size:14px;align-self:flex-start}
.card-action:hover{text-decoration:underline;text-underline-offset:5px}
.workbook-art{background:#f9e9ed}
.workbook-art:before{content:"";width:350px;height:350px;border:1px solid rgba(197,129,155,.18);border-radius:50%;position:absolute;right:-80px;top:-150px}
.workbook-sheet{width:195px;height:232px;border:1px solid #edc9d6;border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(120,65,86,.12);position:absolute}
.sheet-rear{transform:rotate(12deg) translate(24px,0);background:#fffaec}
.sheet-front{transform:rotate(-7deg) translate(-10px,5px);padding:17px}
.sheet-tag{font-size:8px;letter-spacing:.06em;color:#c86a95;font-weight:900}
.sheet-heading{font:900 25px Nunito,sans-serif;margin:11px 0 12px}
.sheet-dots{display:flex;justify-content:space-around}
.sheet-dots span{display:grid;place-items:center;width:32px;height:32px;background:#ffe8ef;border:1px solid #fad3e2;border-radius:10px;color:#a85e8d;font-weight:900}
.sheet-activity{display:flex;gap:12px;justify-content:center;margin-top:15px}
.sheet-activity i{font-size:25px;font-style:normal;color:#a9a0d6}
.sheet-footer{font-size:8px;text-align:center;padding-top:9px;border-top:1px dashed #ead8df;color:#988597;margin-top:10px}
.visual-caption{position:absolute;right:15px;bottom:13px;z-index:3;padding:6px 10px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.8);border-radius:20px;color:#8a7685;font-size:10px;font-weight:700}
.screenshot-art{background:#e8ebfb}
.screenshot-art img{width:90%;height:88%;object-fit:cover;object-position:top center;border-radius:14px;box-shadow:0 8px 25px rgba(69,69,114,.14);border:5px solid white}
.image-label{position:absolute;bottom:14px;left:18px;border-radius:16px;background:#fff;padding:7px 10px;color:#8c6c9a;font-size:10px;font-weight:800}
.studio-art{background:linear-gradient(140deg,#f1e8ff,#f4f8ff)}
.studio-window{width:78%;height:235px;max-width:380px;background:#fff;border:1px solid #e9dbef;border-radius:16px;box-shadow:0 18px 29px rgba(76,58,114,.09);overflow:hidden;transform:rotate(-4deg)}
.studio-window-top{height:37px;display:flex;gap:5px;align-items:center;padding:0 14px;background:#fff5fc;border-bottom:1px solid #f0e4f0}
.studio-window-top i{width:7px;height:7px;border-radius:100%;background:#dfacc5}
.studio-window-top span{font-size:10px;margin-left:auto;color:#977b97;font-weight:900}
.studio-window-content{padding:20px 24px}
.studio-chip{font-size:10px;font-weight:900;border-radius:9px;background:#ffeaf4;padding:8px 10px;color:#b95088;width:max-content}
.studio-line{height:10px;width:70%;border-radius:10px;background:#eee4f0;margin-top:12px}
.studio-line.lg{width:91%}
.studio-tiles{display:flex;gap:10px;margin-top:14px}
.studio-tiles span{width:40px;height:39px;background:#eaf5f0;border:1px solid #d2e9db;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#68a78c}
.studio-button{margin-top:15px;background:#cb5791;border-radius:9px;color:white;width:max-content;padding:9px 14px;font-size:11px;font-weight:900}
.games-art{background:linear-gradient(135deg,#e5f4ee,#edf4ff)}
.game-window{width:80%;height:220px;border-radius:22px;border:1px solid #dce9e8;background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}
.game-kicker{font-size:10px;font-weight:900;letter-spacing:.09em;color:#77a991}
.game-path{display:flex;gap:14px;align-items:center;margin:19px 0}
.game-path i{font-style:normal;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#fff0cb;color:#bc9863;font-size:22px;font-weight:900}
.game-path i:nth-of-type(2){background:#e9daf8;color:#9876b8}
.game-path i:nth-of-type(3){background:#d9f2e7;color:#5aa487}
.game-path b{font-weight:900;color:#bbb0c5}
.game-panel{display:flex;gap:8px}
.game-panel span{font-size:10px;font-weight:800;background:white;color:#85788d;border-radius:100px;padding:8px 10px}

.journey-section{display:grid;grid-template-columns:1fr .94fr;gap:100px;align-items:center}
.journey-left h2{font-size:clamp(37px,4vw,53px);margin:16px 0 16px}
.journey-left p{color:#82717f;line-height:1.8;font-size:15px;max-width:520px}
.journey-left .journey-note{color:#997a91;border-left:3px solid #d89cbd;padding-left:13px;font-size:12px;line-height:1.7;margin-top:23px}
.journey-steps{display:grid;gap:14px}
.journey-step{display:flex;align-items:center;gap:19px;border:1px solid #f1e5ec;border-radius:21px;padding:18px 20px;background:white;box-shadow:var(--shadow-sm)}
.journey-step:nth-child(2){background:#fffbef}
.journey-step:nth-child(3){background:#f6f0ff}
.journey-step:nth-child(4){background:#f0faf5}
.step-counter{display:grid;place-items:center;flex:0 0 51px;height:51px;border-radius:15px;background:#ffe8f1;color:#bf5790;font-weight:900}
.journey-step strong,.journey-step small{display:block}
.journey-step strong{font-size:15px;font-weight:900}
.journey-step small{margin-top:4px;color:#887a88;font-size:12px}
.contact-section{padding:0 0 105px}
.contact-card{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:50px;background:#f3eafa;border:1px solid #e8d5f0;min-height:365px;border-radius:35px;padding:52px 64px;overflow:hidden}
.contact-copy h2{font-size:clamp(33px,3.4vw,45px);max-width:620px;margin:15px 0 11px}
.contact-copy>p{color:#806e7e;line-height:1.75;font-size:14px;max-width:540px}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.btn-light{background:#fff;color:#9f5686;border:1px solid #e9dbe7}
.contact-doodle{position:relative;height:260px;display:grid;place-items:center}
.doodle-paper{width:282px;height:216px;transform:rotate(7deg);border-radius:21px;border:1px solid #f0dae7;background:linear-gradient(120deg,#fffefa,#fff4f6);box-shadow:0 16px 30px rgba(83,55,92,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center;padding:26px}
.doodle-paper b{font:900 24px/1.25 Nunito,sans-serif}
.doodle-paper span{font-size:11px;color:#a0849e;margin-top:16px}
.doodle-paper i{position:absolute;top:-20px;right:-15px;background:#fff;border:1px solid #f2d2df;color:#e27aa3;box-shadow:var(--shadow-sm);width:56px;height:56px;display:grid;place-items:center;border-radius:18px;font-style:normal;font-size:29px;transform:rotate(-10deg)}

.site-footer{background:#fffafc;border-top:1px solid #f1e6ec}
.footer-inner{display:flex;justify-content:space-between;gap:45px;padding-top:54px;padding-bottom:43px}
.footer-brand img{width:90px;height:55px;object-fit:contain}
.footer-brand p{max-width:250px;color:#897789;font-size:13px;line-height:1.7}
.footer-links{display:flex;gap:94px;margin-right:42px}
.footer-links>div{display:flex;flex-direction:column;gap:13px}
.footer-links strong{font-size:13px;font-weight:900;margin-bottom:2px}
.footer-links a{font-size:13px;color:#8c7b8c}
.footer-links a:hover{color:var(--pink)}
.footer-bottom{border-top:1px solid #f1e6ec;display:flex;justify-content:space-between;gap:25px;color:#9b8799;font-size:11px;padding-top:19px;padding-bottom:25px}