/* v5 visual system for hub pages: black, white, one hot pink. Loaded after each page's own styles. */
:root{--pink:#e8457a;--pinkL:#e8457a;--black:#111111;--blush:#f6f6f6;--off:#f6f6f6;--line:#e4e4e4;--mut:#555;--grey:#f6f6f6;--pale:#fbe3ec}
body{background:#fff;color:#111111}
body h1,body h2,body h3{color:#111111}
body h2:after{background:var(--pink)}
body .alt,body .blush{background:#f6f6f6}
body section.white{background:#fff}
/* hero: black, like home */
body .hero{position:relative;overflow:hidden;background:#111111!important;color:#fff!important;padding-bottom:130px!important;border-bottom:0!important}
body .hero:before{content:"";display:block!important;position:absolute;width:520px;height:520px;right:-180px;top:-220px;left:auto;bottom:auto;border-radius:50%;border:1.5px solid #2a2a2a;background:none!important}
body .hero:after{content:"";display:block!important;position:absolute;left:0;right:0;top:auto;bottom:-1px;width:auto;height:90px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 52 C 240 96 480 8 760 42 C 1040 76 1240 24 1440 46 L1440 90 L0 90 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom/100% 100%!important;pointer-events:none}
body .hero .wrap{position:relative;z-index:1}
body .hero h1{color:#fff!important;letter-spacing:-.02em}
body .hero h1 em{color:var(--pink)!important;font-style:normal;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:3px;text-underline-offset:.16em}
body .hero p{color:rgba(255,255,255,.78)!important}
body .hero .kick,body .hero .tag,body .hero .kicker{display:inline-flex;align-items:center;gap:10px;background:none!important;border:0!important;padding:0!important;color:#fff!important;font-size:.72rem;font-weight:bold;letter-spacing:.22em;text-transform:uppercase;border-radius:0}
body .hero .kick:before,body .hero .tag:before,body .hero .kicker:before{content:"";width:22px;height:2px;background:var(--pink);border-radius:2px}
body .hero .jump a{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important}
body .hero .jump a:hover{border-color:var(--pink)!important;color:var(--pink)!important}
body .hero .btn-call:hover{background:#fff!important;color:#111111!important}
/* buttons */
body .btn-call{background:var(--pink);color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:16px 30px;box-shadow:0 10px 26px rgba(232,69,122,.25);transition:background .25s,color .25s,transform .25s}
body .btn-call:hover{background:#111111;color:#fff;transform:translateY(-2px)}
body .btn{background:var(--pink);color:#fff}body .btn:hover{background:#111111;color:#fff}
body .btn-out{border-color:#111111;color:#111111}body .btn-out:hover{background:#111111;color:#fff}
body .ex{border-color:#111111;color:#111111}body .ex:hover{background:#111111;color:#fff}
/* cards: black outline, pink on hover */
body .tool,body .path,body .step,body .move,body .card,body .box,body .linkcard,body .strat,body .area,body .settle,body .ws,body .check,body .quiz,body .fm,body .calc .in{border:1.5px solid #111111!important;border-radius:18px;box-shadow:none;background:#fff}
body .tool,body .path,body .step,body .move,body .card,body .linkcard,body .strat,body .area{transition:transform .3s ease,border-color .3s,box-shadow .3s}
body .tool:hover,body .path:hover,body .step:hover,body .move:hover,body .card:hover,body .linkcard:hover,body .strat:hover,body .area:hover{border-color:var(--pink)!important;transform:translateY(-3px);box-shadow:0 18px 36px rgba(232,69,122,.12)}
body .path.on,body .move.on,body .strat.on{border-color:var(--pink)!important;box-shadow:0 0 0 3px rgba(232,69,122,.18)}
body .out{background:#111111!important;color:#fff;border:0!important}body .out .row{border-color:#2a2a2a!important}body .out .big span{color:var(--pink)}body .out .disc{color:rgba(255,255,255,.7)}body .out strong,body .out b{color:#fff}
body .result,body .tips{background:#f6f6f6!important;border-left:4px solid var(--pink)!important}
body .sgrid div,body .sum div{background:#f6f6f6}
body details{border:1.5px solid #e4e4e4!important;border-left:1.5px solid #e4e4e4!important;box-shadow:none!important;border-radius:14px}
body details[open]{border-color:#111111!important}body summary{color:#111111}body details[open] summary{color:var(--pink)}
body .opts label{border-color:#cfcfcf}body .opts label:has(input:checked){background:#111111;border-color:#111111;color:#fff}
body .chip,body .areas span{border:1.5px solid #111111;color:#111111;background:#fff}
/* cta band: black */
body section.cta{background:#111111!important;color:#fff}
body section.cta h2{color:#fff}body section.cta h2 em{color:var(--pink);font-style:normal}
body section.cta p,body section.cta .ph{color:rgba(255,255,255,.75)}body section.cta .ph a{color:#fff;border-bottom:2px solid var(--pink)}
body section.cta .btn-call:hover{background:#fff;color:#111111}
/* dark sections */
body .dark{background:#111111!important;color:#fff}body .dark h2{color:#fff}body .dark .sub{color:rgba(255,255,255,.75)}
body .dark input{background:#fff}
/* form messages keep their own styling */
@media (prefers-reduced-motion:reduce){body .tool,body .path,body .step,body .move,body .card,body .linkcard,body .strat,body .area,body .btn-call{transition:none}body .tool:hover,body .path:hover,body .step:hover,body .move:hover,body .card:hover,body .linkcard:hover,body .strat:hover,body .area:hover,body .btn-call:hover{transform:none}}
@media(max-width:760px){body .hero{padding-bottom:100px!important}body .hero:after{height:60px}}
/* page-specific touches */
body .fun{background:#111111!important;color:#fff}body .fun h2{color:#fff}body .fun h2.t:after{background:var(--pink)!important}
body .amie-sec{background:#f6f6f6!important}