/* ORIPA WEB / RED EDITION: standalone visual system, no inherited app palette. */
:root{--paper:#fff;--ink:#101012;--muted:#626268;--line:#dedee1;--red:#ff492c;--red-dark:#c82f17;--surface:#f4f4f5;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:84px}body.oripa-web{background:var(--ink);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a,button{outline-offset:5px}:focus-visible{outline:3px solid var(--red)}
.site-shell{max-width:1440px;margin:auto;background:var(--paper);overflow:clip}.skip-link{position:fixed;left:12px;top:-80px;padding:12px 20px;background:white;color:var(--ink);z-index:100}.skip-link:focus{top:12px}.desktop-ambient,.hero-glow,.cinema-portal,.cinema-curtain,.light-burst,.hero-orbit,.cinema-field{display:none}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(20px,5vw,72px);background:var(--ink);color:white;border-bottom:1px solid #ffffff24;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:36px;height:36px}.brand span{display:grid;line-height:1.25}.brand b{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:900;letter-spacing:-.06em}.brand small{font-size:12px;letter-spacing:.015em;margin-top:5px;color:#c3c3c7}.header-actions{display:flex;align-items:center;gap:18px}.motion-toggle{border:0;font-size:12px;letter-spacing:.04em;padding:10px 0;color:#bebec3;white-space:nowrap}.motion-toggle::before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:6px}.motion-toggle[aria-pressed="true"]::before{background:#888}.motion-toggle:disabled{cursor:default}.header-cta{border:1px solid #fff6;padding:8px 16px;font-weight:700;font-size:14px;white-space:nowrap}.header-cta:hover{background:white;color:var(--ink)}
.hero{position:relative;isolation:isolate;background:var(--ink);color:white;padding:46px clamp(20px,5vw,72px) 44px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.eyebrow{grid-column:1;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.05em;z-index:1}.eyebrow span{background:var(--red);color:var(--ink);padding:3px 8px;font-weight:800}.eyebrow b{color:#c4c4c9;font-weight:500}.hero-showcase{display:contents}.hero-copy{grid-column:1;align-self:center;position:relative;z-index:1;padding:34px 0 30px}.hero-kicker{font-size:18px;font-weight:700;letter-spacing:.06em;margin-bottom:14px}.hero h1{font-size:clamp(38px,5.2vw,72px);font-weight:900;line-height:1.3;letter-spacing:-.045em;font-feature-settings:"palt"}.hero h1 em{font-style:normal;color:var(--red)}
.hero-art-stage{grid-column:2;grid-row:1/5;align-self:center;position:relative;min-width:0;margin:-22px -38px -18px -28px;aspect-ratio:1/1;perspective:1200px;pointer-events:none}.hero-motion-layer{width:100%;height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s cubic-bezier(.16,1,.3,1)}.hero-visual{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal;position:relative;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}.hero-art-stage::after{content:"01 / FIND YOUR STYLE";position:absolute;right:24px;bottom:18px;color:#aaaab2;font:10px/1 Arial,sans-serif;letter-spacing:.22em}
.hero-button{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;background:var(--red);color:var(--ink);border:1px solid var(--red);padding:17px 22px;max-width:480px;overflow:hidden;transition:background .2s,transform .2s;box-shadow:5px 5px 0 #fff;isolation:isolate}.hero-button>span{position:relative;z-index:1;font-size:24px;font-weight:900;line-height:1.45;letter-spacing:.02em}.hero-button small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:3px}.hero-button:hover{background:#ff674f;transform:translateY(-2px)}.hero-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #fff}.hero-button::after{content:"";position:absolute;inset:-50% auto -50% -65%;width:35%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-24deg);z-index:0}.cta-three-lights{display:flex;gap:3px}.cta-three-lights i{width:5px;height:5px;background:var(--ink);display:block}.cta-tap-cue{display:grid;place-items:center;border:1px solid #10101266;width:42px;height:42px;flex-shrink:0;border-radius:50%;position:relative}.cta-tap-cue svg{width:22px;height:25px;color:#fff}.cta-tap-cue>i{position:absolute;inset:-5px;border:1px solid #10101266;border-radius:50%}.hero-note{grid-column:1;font-size:12px;line-height:1.8;color:#bebec5;margin-top:18px;letter-spacing:.025em}.hero-edition{background:var(--red);color:var(--ink);padding:12px 20px;display:flex;justify-content:center;gap:26px;align-items:center;overflow:hidden;font:900 13px/1.4 Arial,sans-serif;letter-spacing:.18em;white-space:nowrap}.hero-edition i{width:5px;height:5px;background:currentColor;transform:rotate(45deg)}
#main-content>section{padding:68px clamp(20px,5vw,72px)}.section-label{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--red-dark);margin-bottom:14px}.section-label::before{content:"";display:inline-block;width:19px;height:3px;background:currentColor;vertical-align:middle;margin-right:10px}#main-content h2{font-size:clamp(26px,3.5vw,42px);line-height:1.55;font-weight:900;letter-spacing:-.04em;font-feature-settings:"palt"}#main-content h2 em{font-style:normal}
#main-content .web-launch{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-bottom:1px solid var(--line);padding-block:42px}.featured-eyebrow{grid-column:1;font-size:12px;display:flex;gap:10px;align-items:center;margin-bottom:12px}.featured-eyebrow b{font-family:Arial,sans-serif;letter-spacing:.1em;color:var(--red-dark)}.featured-eyebrow span{color:var(--muted)}#main-content .web-launch h2{grid-column:1;font-size:26px;line-height:1.6}.web-launch>p{grid-column:2;grid-row:1/3;align-self:center;line-height:1.9}.web-launch .web-publication-status{grid-row:3;grid-column:1/-1;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
#main-content .quiz-section{background:var(--surface);display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;scroll-margin-top:12px;border-bottom:1px solid var(--line)}.diagnosis-signpost{align-self:start;position:sticky;top:30px}.diagnosis-signpost>span{font-size:13px;background:var(--ink);color:white;display:inline-block;padding:5px 12px;margin-bottom:20px}.diagnosis-signpost h2 b{color:var(--red-dark);font-size:1.4em;line-height:1}.diagnosis-signpost>p{font-size:13px;color:var(--muted);margin-top:20px}.diagnosis-signpost i{font-style:normal;margin:0 8px;color:var(--red-dark)}#web-quiz{min-width:0}.quiz-card{background:white;border:1px solid var(--line);padding:26px;box-shadow:6px 6px 0 #101012;min-width:0}.quiz-progress{display:flex;align-items:center;gap:14px}.quiz-progress>span{font:900 24px/1 Arial,sans-serif;letter-spacing:-.05em;color:var(--red-dark)}.quiz-progress>b{font:700 12px/1 Arial,sans-serif;white-space:nowrap;color:var(--muted)}.progress-track{height:4px;flex:1;background:#ececed}.progress-track i{display:block;height:100%;background:var(--red);transition:width .35s}.quiz-heading{margin:26px 0 22px}.quiz-heading p{font-size:13px;color:var(--muted);margin-bottom:7px}#main-content .quiz-heading h2{font-size:22px;line-height:1.55;color:var(--ink)}
.answer-grid{display:grid;gap:10px}.answer-grid button{display:grid;grid-template-columns:48px minmax(0,1fr) 16px;gap:14px;align-items:center;min-height:82px;padding:12px;border:1px solid #d9d9df;background:white;text-align:left;color:var(--ink);transition:background .18s,border-color .18s,transform .18s;position:relative}.answer-grid button:not(:disabled):hover{border-color:var(--ink);transform:translateX(3px);background:#f8f8f9}.answer-grid button:active,.answer-grid button.is-selected{background:var(--ink);color:white;border-color:var(--ink)}.answer-grid button:disabled{cursor:default}.answer-grid button.is-selected .answer-copy small{color:#dddde1}.answer-grid button.is-selected .web-choice-icon{background:var(--red);border-color:var(--red);color:var(--ink)}.web-choice-icon{width:48px;height:54px;border:1px solid var(--line);background:#f5f5f6;display:grid;place-items:center;transform:rotate(-5deg);color:var(--ink);transition:transform .2s}.web-choice-icon svg{width:28px;height:32px}.answer-grid button:nth-child(even) .web-choice-icon{transform:rotate(5deg)}.answer-grid button:hover .web-choice-icon,.answer-grid button.is-selected .web-choice-icon{transform:rotate(0)}.answer-copy{display:grid;gap:3px}.answer-copy b{font-size:16px;line-height:1.45;font-weight:800}.answer-copy small{font-size:13px;line-height:1.6;color:var(--muted)}.answer-arrow{font:24px/1 Arial,sans-serif;color:var(--red-dark)}.answer-grid button.is-selected .answer-arrow{color:var(--red)}
.back-button,.retry-button{display:block;font-size:14px;color:var(--muted);padding:12px 0;border:0;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.result-heading>span{font-size:13px;color:var(--red-dark);font-weight:700}#main-content .result-heading h2{font-size:24px;margin-top:8px}.selected-answers{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.selected-answers span{font-size:13px;background:var(--ink);color:white;padding:4px 8px}.web-result-card{margin:12px 0;padding:22px;background:white;border:1px solid var(--line);border-left:4px solid var(--red)}.web-result-card>span{font:700 12px/1 Arial,sans-serif;letter-spacing:.08em;color:var(--red-dark)}.web-result-card h3{font-size:20px;line-height:1.6;margin:10px 0}.web-result-card p{font-size:16px;line-height:1.9;color:#47474d}.web-result-card small,.web-quiz-note{display:block;font-size:13px;line-height:1.9;color:var(--muted);margin-top:16px}.web-result-link{display:block;padding:16px 18px;text-align:center;background:var(--ink);color:white;font-size:15px;font-weight:700;margin-top:20px}.web-result-link:hover{background:var(--red-dark)}
.comparison-section{background:white}.comparison-intro{display:flex;gap:20px;align-items:center;margin:28px 0}.comparison-intro>strong{font:900 60px/.85 Arial,sans-serif;letter-spacing:-.06em;color:var(--red-dark)}.comparison-intro>strong small{display:block;font-size:10px;letter-spacing:.13em;margin-top:10px}.comparison-intro p{font-size:14px;line-height:1.8;color:var(--muted)}.comparison-intro b{color:var(--ink);font-weight:600}.comparison-frame{position:relative;border:1px solid var(--ink)}.table-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--ink) #ececee;scrollbar-width:thin}.comparison-frame table{width:100%;min-width:720px;font-size:14px;line-height:1.9}.comparison-frame th,.comparison-frame td{padding:20px;border-bottom:1px solid var(--line);text-align:left}.comparison-frame thead th{background:var(--ink);color:white;font-size:13px;white-space:nowrap}.comparison-frame thead th:first-child{width:155px;position:sticky;left:0;z-index:2}.comparison-frame tbody th{position:sticky;left:0;z-index:1;background:#f2f2f3;font-weight:800;border-right:1px solid var(--line);white-space:nowrap}.comparison-frame tbody td{background:white;min-width:245px}.comparison-frame tr:last-child th,.comparison-frame tr:last-child td{border-bottom:0}.table-swipe-cue{display:none;pointer-events:none;position:absolute;right:14px;top:76px;z-index:2;padding:10px 15px;background:var(--red);color:var(--ink);box-shadow:3px 3px 0 #101012;align-items:center;gap:9px;transition:opacity .3s}.table-swipe-cue span{font-size:23px;line-height:1}.table-swipe-cue b{font-size:12px}.table-swipe-cue small{display:none}.table-swipe-cue.is-dismissed{opacity:0}
#main-content .flow-section{background:var(--ink);color:white}.flow-section .section-label{color:var(--red)}.flow-section ol{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:32px}.flow-section li{display:flex;gap:18px;padding:27px 0;border-top:1px solid #ffffff3a}.flow-section li>b{font:900 38px/1.2 Arial,sans-serif;color:var(--red);min-width:30px}.flow-section h3{font-size:18px;line-height:1.7;margin-bottom:10px}.flow-section p{font-size:16px;line-height:1.9;color:#bcbcc4}.web-app-section{max-width:900px;margin:auto}.web-app-section p{font-size:16px;line-height:1.95;margin-top:20px;color:#4c4c53}.web-app-section>p:first-of-type{font-weight:700;color:var(--ink)}
footer{background:#19191d;color:#c3c3cb;padding:44px clamp(20px,5vw,72px);border-top:4px solid var(--red)}.footer-brand{color:white}.footer-brand .brand-mark{width:32px;height:32px}footer>p{font-size:13px;line-height:1.9;margin:22px 0}footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:14px}footer nav a{text-decoration:underline;text-underline-offset:5px}footer nav ul{display:flex;flex-wrap:wrap;gap:20px}footer .footer-warning{border-top:1px solid #ffffff30;padding-top:22px;font-size:13px;max-width:850px}footer>small{font-size:12px;color:#95959f}
.web-article{padding:50px clamp(20px,5vw,72px);min-height:70vh;max-width:900px;margin:auto}.web-article h1{font-size:34px;line-height:1.5;margin-bottom:24px}.web-article h2{font-size:26px;margin:30px 0 16px}.web-article p{font-size:16px;line-height:1.95;margin:16px 0}.web-article a{text-decoration:underline;text-underline-offset:4px;color:var(--red-dark)}.web-article ul,.web-article ol{padding-left:24px;list-style:revert}.web-article .wp-block-image img{height:auto}.admin-bar .topbar{top:0}
@keyframes web-card-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes web-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes web-sheen{0%,62%{left:-65%}88%,100%{left:145%}}@keyframes web-tap{0%,65%,100%{transform:translateY(0)}75%{transform:translateY(4px)}85%{transform:translateY(0)}}@keyframes web-ring{0%,64%{opacity:0;transform:scale(.7)}76%{opacity:.6}96%,100%{opacity:0;transform:scale(1.35)}}@keyframes web-swipe{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}
[data-motion="on"] .hero-visual{animation:web-arrive .9s both,web-card-float 6s 1s ease-in-out infinite}[data-motion="on"] .hero-button::after{animation:web-sheen 5s 1s ease-in-out infinite}[data-motion="on"] .cta-tap-cue svg{animation:web-tap 3.5s infinite}[data-motion="on"] .cta-tap-cue>i{animation:web-ring 3.5s infinite}[data-motion="on"] .table-swipe-cue span{animation:web-swipe 1.6s ease-in-out infinite}[data-motion="off"] *,[data-motion="off"] *::before,[data-motion="off"] *::after{animation:none!important;transition:none!important}[data-motion="off"] .hero-motion-layer{transform:none!important}[data-motion-paused="true"] *,[data-motion-paused="true"] *::after{animation-play-state:paused!important}
@media(min-width:1450px){.site-shell{border-left:1px solid #ffffff24;border-right:1px solid #ffffff24}}
@media(max-width:900px){.hero{column-gap:0}.hero h1{font-size:44px}.hero-button>span{font-size:20px}.hero-art-stage{margin:-12px -22px -12px -10px}#main-content .quiz-section{gap:26px;grid-template-columns:.75fr 1.25fr}.quiz-card{padding:22px}.diagnosis-signpost h2{font-size:28px!important}.table-swipe-cue{display:flex}}
@media(max-width:699px){html{scroll-padding-top:20px}.topbar{height:64px;padding-inline:20px;gap:8px}.brand{gap:8px}.brand-mark{width:30px;height:30px}.brand b{font-size:19px}.brand small{font-size:10px;margin-top:3px}.header-actions{gap:13px}.motion-toggle{font-size:12px}.header-cta{font-size:12px;padding:7px 10px}.hero{display:flex;flex-direction:column;padding:25px 24px 26px;gap:0}.eyebrow{font-size:12px;gap:9px;justify-content:center;letter-spacing:0}.eyebrow span{padding:2px 6px}.hero-showcase{display:flex;flex-direction:column}.hero-copy{text-align:center;padding:22px 0 0}.hero-kicker{font-size:14px;margin-bottom:8px;letter-spacing:.12em}.hero h1{font-size:clamp(36px,9.5vw,58px);line-height:1.3;letter-spacing:-.045em}.hero-art-stage{align-self:stretch;aspect-ratio:auto;height:clamp(210px,66vw,350px);margin:0 -22px -3px;grid-row:auto}.hero-art-stage::after{font-size:8px;right:18px;bottom:12px;letter-spacing:.18em}.hero-visual{object-fit:contain;width:100%;height:100%}.hero-button{max-width:none;width:100%;padding:13px 18px;gap:10px;box-shadow:4px 4px 0 white}.hero-button>span{font-size:21px}.hero-button small{font-size:12px;margin-bottom:3px}.cta-tap-cue{width:38px;height:38px}.hero-note{font-size:12px;text-align:center;margin-top:15px}.hero-note br{display:none}.hero-edition{font-size:10px;letter-spacing:.12em;gap:18px;padding:10px 16px}#main-content>section{padding:42px 22px}#main-content .web-launch{display:block;padding-block:28px}.featured-eyebrow{font-size:12px;margin-bottom:10px}#main-content .web-launch h2{font-size:23px;line-height:1.5}.web-launch>p{font-size:16px;line-height:1.8;margin-top:12px}.web-launch .web-publication-status{font-size:13px;margin-top:16px;padding-top:14px}#main-content .quiz-section{display:block;padding:36px 22px 44px}.diagnosis-signpost{position:static;margin-bottom:26px}.diagnosis-signpost>span{font-size:12px;margin-bottom:12px;padding:3px 9px}.diagnosis-signpost h2{font-size:26px!important}.diagnosis-signpost h2 br{display:none}.diagnosis-signpost h2 b{font-size:1.3em;margin-right:2px}.diagnosis-signpost>p{margin-top:12px;font-size:12px}.quiz-card{padding:20px 16px;box-shadow:4px 4px 0 #101012}.quiz-heading{margin:22px 0 18px}#main-content .quiz-heading h2{font-size:20px}.answer-grid button{gap:11px;padding:10px;grid-template-columns:42px minmax(0,1fr) 12px;min-height:77px}.web-choice-icon{width:40px;height:47px}.web-choice-icon svg{width:25px;height:29px}.answer-copy b{font-size:16px}.answer-copy small{font-size:12px}.section-label{font-size:12px;margin-bottom:12px}#main-content h2{font-size:26px}.comparison-intro{gap:16px;margin:24px 0}.comparison-intro>strong{font-size:50px}.comparison-intro p{font-size:13px}.comparison-frame{margin-right:-22px;border-right:0}.comparison-frame th,.comparison-frame td{padding:17px}.comparison-frame thead th:first-child{width:120px}.comparison-frame table{font-size:14px}.comparison-frame thead th{font-size:12px}.flow-section ol{display:block;margin-top:26px}.flow-section li{gap:18px;padding:24px 0}.flow-section li:last-child{padding-bottom:0}.flow-section h3{font-size:17px}.web-app-section p{font-size:16px;line-height:1.95}footer{padding:32px 22px}.web-result-card{padding:18px}.web-result-card h3{font-size:19px}.web-article h1{font-size:28px}}
@media(max-width:370px){.topbar{padding-inline:16px}.brand b{font-size:17px}.brand small{font-size:9px}.brand-mark{width:26px;height:26px}.header-actions{gap:10px}.header-cta{padding:6px 8px;font-size:12px}.motion-toggle{font-size:11px}.hero{padding-inline:20px}.eyebrow{font-size:11px}.hero h1{font-size:35px}.hero-art-stage{height:208px}.hero-button>span{font-size:19px}.hero-button small{font-size:11px}.hero-edition{font-size:9px;gap:12px}#main-content>section{padding-inline:18px}#main-content .quiz-section{padding-inline:18px}.quiz-card{padding-inline:12px}.answer-grid button{gap:9px}.diagnosis-signpost h2{font-size:23px!important}.comparison-frame{margin-right:-18px}}
@media(max-width:699px){.hero-art-stage{height:clamp(256px,80vw,430px)}.brand small{font-size:12px}.hero-art-stage::after{font-size:10px}.hero-edition{font-size:12px;gap:14px}.header-cta{font-size:14px}.motion-toggle{font-size:12px}}
@media(max-width:370px){.brand small{display:none}.header-actions{gap:10px}.hero-edition{font-size:10px}.hero-button small{font-size:12px}.hero h1{font-size:33px}}
/* Pokemon quiz prototype: purpose, total budget and the reader's main question. */
.diagnosis-signpost>span,.diagnosis-signpost>p,.quiz-heading p,.answer-copy small,.selected-answers span{font-size:.875rem}.diagnosis-signpost .quiz-scope-note{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);line-height:1.9}.answer-grid button{min-height:82px}.answer-copy b{font-size:1rem}.custom-budget{margin-top:18px;padding:18px;border:1px solid var(--ink);background:var(--surface)}.custom-budget>label{display:block;font-size:1rem;font-weight:700}.budget-input-row{display:flex;gap:10px;align-items:center;margin-top:10px}.budget-input-row>span{font-size:.875rem;white-space:nowrap}.budget-input{width:100%;min-width:0;background:white;border:1px solid #85858d;padding:10px 12px;font:700 1.25rem/1.5 Arial,sans-serif;color:var(--ink);border-radius:0}.budget-input[aria-invalid="true"]{border:2px solid var(--red-dark)}.budget-help,.budget-error{font-size:.875rem;line-height:1.8;margin-top:10px}.budget-help{color:var(--muted)}.budget-error:empty{display:none}.budget-error{color:#ac2814;font-weight:700}.budget-submit{display:block;width:100%;margin-top:14px;padding:13px;background:var(--ink);color:white;font-size:1rem;font-weight:700}.budget-submit:hover{background:var(--red-dark)}.result-budget{display:grid;grid-template-columns:1fr;gap:5px;background:var(--ink);color:white;padding:20px 22px;margin:20px 0}.result-budget>span{font-size:.875rem;color:#d3d3d9}.result-budget>strong{font-size:clamp(22px,3vw,30px);line-height:1.5;font-weight:900;overflow-wrap:anywhere}.result-budget>small{font-size:.875rem;line-height:1.8;color:#e4e4e8}.result-checks{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.result-checks li{position:relative;padding-left:20px;font-size:1rem;line-height:1.8}.result-checks li::before{content:"";position:absolute;left:1px;top:.58em;width:8px;height:8px;border:2px solid var(--red-dark)}.web-result-card h3{overflow-wrap:anywhere}.web-quiz-note{font-size:.875rem}
@media(max-width:699px){.diagnosis-signpost h2 br{display:block}.diagnosis-signpost h2{font-size:28px!important;line-height:1.45!important}.diagnosis-signpost h2 br:first-child{display:none}.diagnosis-signpost .quiz-scope-note{margin-top:14px;padding-top:12px}.diagnosis-signpost i{margin-inline:4px}.quiz-heading p{line-height:1.8}.answer-grid button{grid-template-columns:36px minmax(0,1fr) 10px;gap:10px}.web-choice-icon{width:35px;height:44px}.web-choice-icon svg{width:23px;height:27px}.custom-budget{padding:14px}.result-budget{padding:18px}.selected-answers{gap:8px}.selected-answers span{max-width:100%;overflow-wrap:anywhere}}
/* Service comparison: readable cards and a complete three-site result. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-catalog-link{grid-column:1;justify-self:start;position:relative;z-index:1;font-size:.875rem;color:#e2e2e6;text-decoration:underline;text-underline-offset:5px;margin-top:12px}.services-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end}.services-heading>p{font-size:1rem;line-height:1.9;color:#47474d}.services-heading h2 em{color:var(--red-dark)}.catalog-note{font-size:.875rem;line-height:1.85;color:var(--muted);margin:24px 0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.service-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--ink);padding:26px;min-width:0;scroll-margin-top:24px}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.service-index{font:900 2rem/1 Arial,sans-serif;letter-spacing:-.07em;color:var(--red-dark)}.service-category{font-size:.875rem;line-height:1.6;color:var(--muted);text-align:right}.service-card h3{font-size:1.65rem;line-height:1.5;font-weight:900;letter-spacing:-.025em;overflow-wrap:anywhere}.service-hook{font-size:1.125rem;font-weight:800;line-height:1.8;margin:14px 0 12px;color:var(--ink)}.service-intro{font-size:1rem;line-height:1.9;color:#47474d}.service-facts{margin-top:22px;border-top:1px solid var(--line)}.service-facts>div{padding:14px 0;border-bottom:1px solid var(--line)}.service-facts dt{font-size:.875rem;font-weight:800;color:var(--red-dark);margin-bottom:5px}.service-facts dd{font-size:1rem;line-height:1.85;color:#37373d}.service-watch{font-size:.875rem;line-height:1.9;color:#505057;margin-top:18px;padding-left:13px;border-left:2px solid #b7b7be}.service-watch>b{display:block;font-size:.875rem;color:var(--ink);margin-bottom:4px}.service-official{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--red);color:var(--ink);padding:16px 18px;margin-top:22px;font-size:1rem;font-weight:900;line-height:1.5;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .18s,background .18s}.service-official:hover{background:#ff6a50;transform:translateY(-2px)}.service-official:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.service-official .answer-arrow{color:var(--ink)}.service-details{margin-top:20px;font-size:.875rem;color:var(--muted)}.service-details>summary{cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.service-details p{line-height:1.9;margin-top:12px}.service-details ul{display:grid;gap:8px;margin-top:14px}.service-details a{color:var(--red-dark);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.pending-services{margin-top:32px;border:1px solid var(--line);padding:18px 22px}.pending-services>summary{font-size:1rem;font-weight:700;cursor:pointer}.pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.pending-grid h3{font-size:1.125rem;font-weight:800;margin-bottom:10px}.pending-grid p{font-size:.875rem;line-height:1.9;color:var(--muted)}.pending-grid a{font-size:.875rem;display:inline-block;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.selection-method{background:var(--surface);border-block:1px solid var(--line)}#main-content>.selection-method{padding-block:24px}.selection-method summary{font-size:1rem;font-weight:700;cursor:pointer}.selection-method details>div{max-width:920px}.selection-method p{font-size:1rem;line-height:1.9;margin-top:16px}.quiz-section.has-results{grid-template-columns:1fr!important}.has-results .diagnosis-signpost{display:none}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:28px}.recommendation-card{padding:22px;border-top-color:var(--red)}.recommendation-card:first-child{box-shadow:5px 5px 0 var(--ink)}.recommendation-card h3{font-size:1.45rem}.recommendation-card .service-card-top{display:block}.recommendation-card .service-category{display:block;text-align:left;margin-top:12px}.recommendation-number{display:inline-block;background:var(--ink);color:white;padding:4px 10px;font-size:.875rem;font-weight:800}.result-intro{font-size:1rem;line-height:1.9;margin:16px 0;color:#47474d}.match-reasons{border-left:3px solid var(--red);padding-left:14px;margin-top:18px}.match-reasons>b{font-size:.875rem;color:var(--red-dark)}.match-reasons ul{display:grid;gap:10px;margin-top:10px}.match-reasons li{font-size:1rem;line-height:1.85}.match-partial{font-size:.875rem;color:var(--muted);line-height:1.8;margin-top:14px}.result-details-link{display:inline-block;font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin-top:18px}.diagnosis-results>.result-details-link{margin-top:32px}.service-card .result-details-link{font-size:.875rem}
@media(max-width:1100px){.recommendation-grid{grid-template-columns:1fr}.recommendation-card{padding:26px}.recommendation-card .service-card-top{display:flex}.recommendation-card .service-category{margin:0;text-align:right}.recommendation-card h3{font-size:1.65rem}.recommendation-card .service-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.recommendation-card .service-official{max-width:520px}}
@media(max-width:699px){.hero-catalog-link{align-self:center;font-size:.875rem}.services-heading{display:block}.services-heading>p{margin-top:18px}.services-heading>p br{display:none}.service-grid,.pending-grid{grid-template-columns:1fr;gap:20px}.service-card,.recommendation-card{padding:22px 18px}.service-card h3,.recommendation-card h3{font-size:1.4rem}.service-hook{font-size:1.0625rem}.service-category{font-size:.875rem}.catalog-note{margin-top:18px}.service-official{padding:15px 14px;font-size:1rem}.recommendation-card .service-card-top{display:block}.recommendation-card .service-category{margin-top:10px;text-align:left}.recommendation-card .service-facts{display:block}.recommendation-grid{gap:24px}.pending-services{padding:16px}.has-results #web-quiz{width:100%}#main-content .result-heading h2{font-size:1.75rem}}
/* Blend the entire moving layer against the exact site ink. Dark bitmap pixels
   become the site background; the metal highlights keep their original colors. */
.hero-art-stage{mix-blend-mode:lighten}
.hero-visual{mask-image:none;-webkit-mask-image:none}

/* A result reveal, not a purchase-odds meter. Final numbers remain available
   without animation, on reduced motion, and before a card enters the viewport. */
.match-explainer{font-size:.875rem;line-height:1.8;color:var(--muted);max-width:780px}
.recommendation-card{position:relative;isolation:isolate}
.match-meter{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;padding:18px 14px;margin-top:22px;border-bottom:3px solid var(--red);min-height:140px}
.match-meter::after{content:"";position:absolute;pointer-events:none;inset:-60% auto -60% -60%;width:30%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-24deg)}
.match-meter-copy{position:relative;z-index:1;min-width:0;display:grid;gap:8px}
.match-meter-copy>span{font-size:.875rem;line-height:1.7;color:#e3e3e8}
.match-meter-copy>b{font-size:1rem;line-height:1.7;color:#ff806b;font-weight:800}
.match-dial{flex:none;position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:conic-gradient(from -90deg,var(--red) calc(var(--match-display,0)*1%),#39393e 0);box-shadow:0 0 0 1px #ffffff20}
.match-dial::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ink)}
.match-digits{position:relative;display:flex;align-items:baseline;gap:1px;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;line-height:1;color:#fff}
.match-count{font-size:42px;letter-spacing:-.06em;font-weight:900}
.match-digits>span{font-size:17px;font-weight:700}
.match-breakdown{margin-top:10px;font-size:.875rem;line-height:1.8;color:var(--muted)}
.match-breakdown summary{cursor:pointer;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.match-breakdown p{margin-top:6px}
@keyframes match-card-reveal{from{opacity:.65;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes match-result-sheen{from{left:-60%}to{left:145%}}
@keyframes match-badge-pop{0%{transform:scale(.9)}65%{transform:scale(1.07)}100%{transform:scale(1)}}
[data-motion="on"] .recommendation-card.is-revealing{animation:match-card-reveal .7s var(--reveal-delay,0ms) cubic-bezier(.16,1,.3,1) both}
[data-motion="on"] .is-revealing .match-meter::after{animation:match-result-sheen 1.1s calc(var(--reveal-delay,0ms) + .7s) ease-out both}
[data-motion="on"] .is-revealing .recommendation-number{animation:match-badge-pop .6s calc(var(--reveal-delay,0ms) + .2s) both}
@media(min-width:700px) and (max-width:1100px){.match-meter{justify-content:flex-start;gap:32px}.match-meter-copy{min-width:210px}.match-meter-copy>b{font-size:1.125rem}}
@media(max-width:699px){.match-meter{padding:18px 14px;gap:10px}.match-dial{width:100px;height:100px}.match-meter-copy>b{font-size:1rem}.match-count{font-size:40px}}
@media(max-width:370px){.match-meter{padding:14px 10px}.match-dial{width:88px;height:88px}.match-count{font-size:36px}.match-digits>span{font-size:15px}}
.measurement-privacy{max-width:760px;margin:20px auto;text-align:left;font-size:14px;line-height:1.8;color:#d9d9df}.measurement-privacy summary{cursor:pointer;font-weight:700}.measurement-privacy a{color:#fff;text-decoration:underline}.measurement-privacy p{margin:12px 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-motion-layer{transform:none!important}}