/* v5: life graph first, complete images, live recommendations and restrained depth. */
.brand--wordmark{display:inline-flex!important;align-items:center;gap:11px;flex-shrink:0;min-width:172px;text-decoration:none!important}
.brand__symbol{width:48px;height:48px;flex:0 0 48px;display:grid!important;place-items:center;border:1px solid #dab96f;border-radius:16px;background:linear-gradient(145deg,#4e2a8d,#28154d);box-shadow:inset 0 1px 1px #ffffff50,0 4px 0 #1b0f3a,0 8px 16px #32176618;color:#efd398;transform:rotate(-6deg)}
.brand__symbol svg{width:38px;height:38px;transform:rotate(6deg)}
.brand__wordmark{display:block!important;line-height:1}.brand__wordmark strong{display:block;font-family:var(--font-head);font-size:27px;letter-spacing:-.055em;line-height:1.15;color:#321766;font-weight:600}.brand__wordmark strong em{font-style:normal;color:#9c742a}.brand__wordmark small{display:block;font-size:9px!important;letter-spacing:.22em!important;line-height:1.6!important;color:#80628f!important;margin-top:4px!important}.footer .brand__wordmark strong{color:#fff}.footer .brand__wordmark strong em{color:#edcc83}.footer .brand__wordmark small{color:#cbb4de!important}
.topbar__in{gap:18px}.nav{gap:4px}.nav a{padding:8px 10px}.nav a[href="kraf-chiwit.html"]{color:#6432ab;font-weight:600;background:#f1e9fa}.topbar__cta .btn{font-size:11px}.hero__title{font-size:clamp(36px,3.8vw,54px);letter-spacing:-.045em}.hero__copy{padding:60px 0}.hero .lead{max-width:47ch;font-size:15px}.hero__visual--graph{padding:45px 0 45px 20px;perspective:1200px;min-height:470px;isolation:isolate}
.hero__visual--graph:before{content:'';position:absolute;inset:8% -20% 0 -10%;background:url('../img/hero.png') center/contain no-repeat;opacity:.2;z-index:-2;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.hero-orbit{position:absolute;width:420px;max-width:100%;aspect-ratio:1;border:1px solid #e8c78950;border-radius:50%;transform:rotateX(60deg) rotateZ(-20deg);box-shadow:0 0 40px #ae83ff20;z-index:-1;animation:orbitDrift 12s ease-in-out infinite}.hero-orbit:after{content:'✦';position:absolute;right:5%;top:18%;color:#edcc83;font-size:26px;text-shadow:0 0 20px #eac381}
.hero-graph{position:relative;width:100%;padding:28px 26px 23px;border:1px solid #bc96ef60;border-radius:23px;background:linear-gradient(145deg,#52317df2,#271541f5);box-shadow:inset 0 1px 0 #ffffff33,7px 9px 0 #1b102ea6,0 28px 60px #16092780;transform:perspective(1100px) rotateX(var(--tx,5deg)) rotateY(var(--ty,-8deg));transform-style:preserve-3d;transition:transform .35s ease;will-change:transform;min-width:0}
.hero-graph__top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:.13em;color:#d4bee9}.demo-badge{letter-spacing:0;font-size:10px;color:#efcf85;border:1px solid #d9b36860;padding:4px 9px;border-radius:6px}.hero-graph h2{font-size:23px;line-height:1.5;font-weight:500;margin:23px 0 12px;transform:translateZ(18px)}.preview-select{font-size:12px;color:#d3bfe7;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-select select{background:#281541;border:1px solid #b497cb60;border-radius:7px;color:#f5e7ff;padding:5px 10px;font-size:12px;max-width:100%}#previewGraph{margin-top:14px;transform:translateZ(24px)}#previewGraph svg{display:block;width:100%;height:auto;overflow:visible}.graph-demo-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#bba5d2;margin:0 0 22px}.hero-graph__metrics{display:grid;grid-template-columns:repeat(3,1fr);padding-top:17px;border-top:1px solid #ffffff1a;transform:translateZ(12px)}.hero-graph__metrics>div{display:flex;gap:10px;align-items:center;justify-content:center}.hero-graph__metrics>div+div{border-left:1px solid #ffffff20}.hero-graph__metrics b{color:#edcc83;font-family:var(--font-head);font-size:26px;font-weight:500}.hero-graph__metrics span{font-size:11px;color:#d6c4ea}.graph-float-note{position:absolute;bottom:17px;right:15px;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #ffffff33;border-radius:13px;background:#6a4294;color:#f2e6ff;font-size:12px;box-shadow:0 12px 25px #190a3330;animation:gentleFloat 6s ease-in-out infinite}.graph-float-note>span{color:#f5d388;font-size:24px}
.life-signature{background:#fff;border-bottom:1px solid #eee5f7}.signature-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.flagship-step{position:relative;padding:27px;border:1px solid #e9dcf6;border-radius:18px;background:linear-gradient(140deg,#fff,#f7f2fd);color:var(--ink);text-decoration:none!important;box-shadow:0 5px 0 #e8ddf030;transform-style:preserve-3d}.step-number{display:block;color:#b99754;font-family:var(--font-head);font-size:12px;letter-spacing:.12em;margin-bottom:15px}.flagship-step h3{font-size:20px;font-weight:500;transform:translateZ(15px)}.flagship-step p{font-size:14px;color:var(--muted);margin:0;transform:translateZ(10px)}
.journey>img{object-fit:contain;object-position:center top;background:#211035;height:68%;padding:14px}.journey--main>img{object-fit:contain;object-position:right top;width:72%;left:auto;padding:12px;height:85%}.journey--main .journey__copy{max-width:95%}.journey:after{pointer-events:none}.daily-banner .moon img.pic{object-fit:contain!important;border-radius:15px}.daily-banner .moon,.daily-banner .moon.has-img{width:135px;height:135px}.member .gift.has-img{width:90px;height:90px}.member .gift img.pic{object-fit:contain}.product__img{aspect-ratio:1/1}.product-photo{object-fit:contain!important;background:#f4eff8}.pdp__img{aspect-ratio:1/1;min-height:0!important;align-self:start}.pdp__img>.product-photo{object-fit:contain;height:100%}.product__img:hover .product-photo{transform:none}.product-photo{transition:filter .2s}
/* Square originals get a full square image frame; captions live below it. */
.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.article,.article:first-child{grid-column:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0!important;border-radius:20px;border:1px solid #e9e0f1;background:#fff!important;box-shadow:0 7px 0 #e7ddee35;overflow:hidden;color:#321766}
.article:before{display:none}.article img.pic{position:static!important;inset:auto;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain!important;background:#f2ebf9;flex:none;transform:none!important}.article b{color:#321766;font-size:18px;font-weight:500;line-height:1.6;padding:19px 21px 0;max-width:none;position:static}.article>span:not(.em){padding:8px 21px 22px;color:#756285;font-size:13px;line-height:1.6;position:static;margin:0}.article-cover{max-height:none;width:min(100%,600px);aspect-ratio:1/1;object-fit:contain;margin:25px auto;display:block}.article:hover{transform:translateY(-5px);box-shadow:0 12px 0 #e7ddee35}
.life-jump{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 0}.life-jump a{padding:9px 13px;border:1px solid #ded0ec;border-radius:9px;background:white;font-size:13px}.life-explorer{padding:26px;margin-top:24px;border:1px solid #d9c8ef;border-radius:20px;background:linear-gradient(140deg,#fcfaff,#f1eaf9)}.life-explorer__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.life-explorer h2{font-size:24px;font-weight:500}.life-explorer>label{font-size:14px}.life-explorer output{font-size:21px;color:#6c3cc9;font-weight:600;margin-left:8px}.age-control{display:flex;align-items:center;gap:15px;margin:16px 0 24px}.age-control button{width:40px;height:40px;flex:none;border:1px solid #d7c2ea;border-radius:10px;background:white;font-size:22px;cursor:pointer}.age-control input{width:100%;accent-color:#7545bc;cursor:pointer;min-width:0}#ageDetails{display:grid;grid-template-columns:100px 1fr;gap:24px}.age-score{width:100px;height:100px;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 5px 0 #271344;background:linear-gradient(145deg,#7545b1,#3a1b69);color:white}.age-score b{font-family:var(--font-head);font-size:32px;font-weight:500;line-height:1.2}.age-score small{font-size:11px;color:#d5b7ee}.age-score>span{font-size:10px;text-align:center;margin-top:5px;color:#e1d0f0}.age-story h3{font-size:22px;line-height:1.5;font-weight:500}.age-story>p{font-size:14px;color:#6c587e}.age-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.age-actions>div{padding:15px;background:#fff;border-radius:12px}.age-actions b{font-size:13px;color:#664191}.age-actions p{font-size:13px;margin:5px 0 0;color:#776384}.lifegraph{display:block;width:100%;height:auto}.lg-chart{overflow:hidden}.explore-marker{pointer-events:none}
.auto-reco{border-radius:24px;background:linear-gradient(140deg,#f4eefb,#fcfaff);border:1px solid #e2d1f1;padding:34px;margin:38px 0 20px;box-shadow:0 8px 0 #eee4f550;color:var(--ink)}.auto-reco__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}.auto-label{display:inline-block;color:#87599a;font-size:12px;margin-bottom:12px;letter-spacing:.04em}.auto-reco h2{font-size:26px;font-weight:500;line-height:1.5;margin:0}.auto-reco__heading p{font-size:14px;color:#7b648c;margin:9px 0 0}.auto-reco__heading .btn{flex:none}.reco-basis{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 25px}.reco-basis span{padding:5px 10px;border-radius:7px;border:1px solid #e1d4ed;background:#fff;font-size:11px;color:#785491}.auto-reco__note{font-size:12px;line-height:1.7;color:#857190;margin:22px 0 0}.auto-reco .product__why{background:#f5eefa;color:#6b4389;font-size:12px;line-height:1.7;padding:10px;border-radius:8px}.auto-reco .product{box-shadow:0 5px 0 #e8ddee60}.auto-reco__products{grid-template-columns:repeat(4,minmax(0,1fr))}.auto-reco .product__desc{font-size:12px}.auto-reco .product__foot>a{font-size:11px}.auto-reco .price{font-size:19px}.auto-reco__heading>div{min-width:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.product[data-tilt],.journey[data-tilt],.flagship-step[data-tilt]{transform:perspective(1000px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))!important;transition:transform .25s,box-shadow .25s;transform-style:preserve-3d}.product[data-tilt]:hover,.journey[data-tilt]:hover,.flagship-step[data-tilt]:hover{box-shadow:0 14px 32px #32176625}.product__body{transform:translateZ(10px)}.product__badge{transform:translateZ(20px)}}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbitDrift{0%,100%{transform:rotateX(60deg) rotateZ(-20deg)}50%{transform:rotateX(67deg) rotateZ(-8deg)}}
@media(max-width:1150px){.brand--wordmark{min-width:162px}.brand__wordmark strong{font-size:25px}.nav a{padding:8px 7px}.topbar__in{gap:12px}.hero-graph{padding:23px 19px}.hero-graph h2{font-size:20px}.hero__visual--graph{padding-left:15px}.hero__title{font-size:44px}.auto-reco__products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero__title{font-size:36px}.hero__grid{grid-template-columns:1fr 1fr;gap:10px}.hero__copy{padding:45px 0}.hero-graph h2{font-size:18px}.graph-float-note{font-size:10px;right:0}.hero-graph__metrics>div{gap:5px}.hero-graph__metrics b{font-size:22px}.hero-graph__metrics span{font-size:10px}.signature-steps{gap:13px}.flagship-step{padding:21px}.flagship-step h3{font-size:17px}.flagship-step p{font-size:13px}.articles{gap:16px}.article b{font-size:16px;padding:16px 16px 0}.article>span:not(.em){padding:8px 16px 18px}.auto-reco{padding:25px}.auto-reco__heading{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.brand--wordmark{min-width:0;gap:10px}.brand__symbol{width:40px;height:40px;flex-basis:40px;border-radius:12px}.brand__symbol svg{width:32px;height:32px}.brand__wordmark strong{font-size:24px}.brand__wordmark small{font-size:8px!important}.topbar__in{gap:10px}.topbar__cta{margin-left:auto}.hero__grid{display:flex;gap:0}.hero__title{font-size:36px}.hero__copy{padding:35px 0 0}.hero .lead{font-size:14px}.hero__ctas{gap:15px}.hero__ctas .btn{font-size:13px;gap:15px}.hero__link{font-size:12px;gap:6px}.hero__visual--graph{width:100%;height:auto!important;min-height:0;padding:30px 0 52px;margin:0}.hero-graph{padding:22px 17px;transform:perspective(1100px) rotateX(3deg) rotateY(-3deg);border-radius:19px}.hero-graph h2{font-size:20px;margin-top:20px}.hero-graph__metrics b{font-size:25px}.hero-graph__metrics span{font-size:11px}.graph-float-note{bottom:18px;padding:9px 12px;font-size:10px}.graph-demo-footer{font-size:9px;gap:7px}.hero__visual--graph:before{inset:0;opacity:.1}.hero-orbit{display:none}.signature-steps{grid-template-columns:1fr;gap:13px}.flagship-step{padding:22px 24px}.step-number{margin-bottom:10px}.flagship-step h3{font-size:20px}.flagship-step p{font-size:14px}.journey>img{padding:8px;height:60%}.journey--main>img{height:95%;width:70%;padding:8px;opacity:.65}.journey--main .journey__copy{max-width:90%}.articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article,.article:first-child{min-height:0!important;grid-column:auto}.article:first-child{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr;align-items:start}.article:first-child img.pic{grid-row:span 2;height:100%;object-fit:contain!important;background:#211035;aspect-ratio:auto;min-height:180px}.article b{font-size:15px;padding:13px 13px 0;line-height:1.6}.article>span:not(.em){font-size:12px;padding:7px 13px 16px}.article:first-child b{font-size:17px}.article-cover{height:auto;max-height:none}.life-jump{gap:7px}.life-jump a{font-size:11px;padding:8px 10px}.life-explorer{padding:19px 15px;margin-top:15px}.life-explorer__top{flex-direction:column;align-items:flex-start;gap:8px}.life-explorer h2{font-size:22px}.life-explorer .btn{font-size:11px}.age-control{gap:10px}#ageDetails{grid-template-columns:1fr;gap:18px}.age-score{width:100%;height:auto;min-height:80px;flex-direction:row;gap:18px;border-radius:14px}.age-score>span{text-align:left}.age-story h3{font-size:20px}.age-actions{grid-template-columns:1fr;gap:10px}.auto-reco{padding:22px 15px;margin-top:28px;border-radius:20px}.auto-reco h2{font-size:23px}.auto-reco__heading p{font-size:13px}.auto-reco__products{grid-template-columns:1fr!important}.auto-reco .product{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:start;overflow:hidden}.auto-reco .product__img{align-self:stretch;height:100%;aspect-ratio:auto;min-height:180px;background:#f2edf6}.auto-reco .product-photo{height:100%;object-fit:contain!important}.auto-reco .product__body{padding:14px;min-width:0}.auto-reco .product__desc{display:none}.auto-reco .product__body h3{font-size:14px}.auto-reco .product__foot{flex-wrap:wrap}.auto-reco .product__why{font-size:11px;padding:8px}.auto-reco .sample-note{font-size:9px}.auto-reco .product__badge{font-size:9px;top:7px;left:7px}.auto-reco__note{font-size:11px}.daily-banner .moon,.daily-banner .moon.has-img{width:95px;height:95px}.pdp__img{min-height:0!important}.footer .brand--wordmark{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-graph,.product[data-tilt],.journey[data-tilt],.flagship-step[data-tilt]{transform:none!important;transition:none!important}.hero-orbit,.graph-float-note{animation:none!important}}
.hero__visual--graph{flex-direction:column;justify-content:center;align-items:stretch}.graph-float-note{position:relative;bottom:auto;right:auto;align-self:flex-end;margin:20px 5px 0;flex:none}.hero-orbit{top:12%;left:10%}
@media(max-width:600px){.hero__visual--graph{padding-bottom:25px}.graph-float-note{margin:18px 0 0}.hero-graph{transform:none}.hero__visual--graph .hero-graph__metrics{transform:none}}
.life-jump{position:sticky;top:10px;z-index:25;padding:10px;background:#fbf8feeb;border:1px solid #e4d7ef;border-radius:12px;backdrop-filter:blur(12px)}
#lifeExplorer,#lifeReco,#timeline,#astro,#yearRows,#nowBox{scroll-margin-top:130px}

/* v6: independent square artwork and content frames; no overlapping overlays. */
.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.journey,.journey--main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0!important}
.journey:after{display:none}
.journey__media{position:relative;width:100%;aspect-ratio:1/1;flex:none;overflow:hidden;background:#1b0f3a}
.journey__media>img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:contain;padding:0;opacity:1}
.journey .journey__copy,.journey--main .journey__copy{max-width:none;width:100%;padding:25px;flex:1;display:flex;flex-direction:column}
.journey__copy h3,.journey--main h3{font-size:24px;line-height:1.5}
.journey__copy p{min-height:0;margin-bottom:22px}
.journey__copy .tag{align-self:flex-start;margin-bottom:10px}
.journey__cta{margin-top:auto}
.birth-time-24{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
.birth-time-24 .control{padding-left:9px;padding-right:27px;background-position:right 8px center;min-width:0}
.time-help{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}
@media(max-width:900px){.journey .journey__copy{padding:20px}.journey__copy h3,.journey--main h3{font-size:20px}}
@media(max-width:600px){.journey-grid{grid-template-columns:1fr}.journey,.journey--main{grid-column:auto;display:grid;grid-template-columns:40% minmax(0,1fr);align-items:start;background:#f0eaf7}.journey--main{background:#321766}.journey__media{border-radius:0 0 16px 0}.journey .journey__copy{padding:19px 15px;height:100%}.journey__copy h3,.journey--main h3{font-size:19px}.journey__copy p{font-size:12px;margin-bottom:14px}.journey__copy .tag{font-size:10px}.journey__cta{font-size:11px}.journey__copy .eyebrow{display:none}}