/* ROOTS — ocean, morning light, watercolor and fine gold */
:root{--navy:#092d55;--blue:#14678e;--gold:#a57834;--paper:#fffdf5;--line:#c5ad784f}
body{background:#edf7fb;color:var(--navy)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#edf8fb60,#fffdf4dd 70%),url('assets/roots-ocean.webp') center/cover no-repeat}header{max-width:none;padding:19px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #b88b4240;background:#fffdf5d9;backdrop-filter:blur(12px)}header a{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;letter-spacing:.22em;font-size:26px;color:#97712f}header a svg{width:35px;height:35px}.edition{color:#657a8b;font-size:9px}main{max-width:1200px}.hero{position:relative;isolation:isolate;display:block;min-height:760px;padding:58px 7% 62px;overflow:hidden;text-align:center;background:linear-gradient(90deg,#fffdf54d,#fffdf512),url('assets/roots-ocean.webp') center/cover;border-bottom:1px solid #b38c4c66}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 45% 34%,#fffef3ed 0,#fffef3ab 30%,#fffef330 61%,transparent 80%)}.hero:before{content:'';position:absolute;pointer-events:none;inset:18px;border:1px solid #b98c4666;border-radius:230px 230px 0 0;z-index:-1}.hero-copy{position:relative;max-width:690px;margin:auto}.hero-copy>.eyebrow{display:block;font:11px Georgia;letter-spacing:.28em;margin-bottom:18px;color:#7b602f}.hero-mark{display:block;width:112px;height:112px;margin:0 auto 22px;color:#af8137;filter:drop-shadow(0 2px 1px #fff);}.catch{font-family:'Yu Mincho',serif;font-weight:600;letter-spacing:.08em;font-size:17px;margin-bottom:17px}.hero h1{font-size:clamp(38px,5.8vw,66px);line-height:1.45;letter-spacing:.045em;text-shadow:0 2px 15px #fff;margin-bottom:12px}.gold-line{height:auto;width:auto;margin:14px auto 18px;display:flex;justify-content:center;align-items:center;gap:20px;background:none;color:#96702e;font:italic 30px Georgia}.gold-line:before,.gold-line:after{content:'';width:90px;height:1px;background:linear-gradient(90deg,transparent,#a57834)}.gold-line:after{transform:rotate(180deg)}.subtitle{font-size:17px;letter-spacing:.04em;max-width:560px;margin:0 auto 18px}.intro{font-size:13px;line-height:2.1;max-width:470px;margin:0 auto 25px}.primary{background:linear-gradient(115deg,#154f79,#082e53 70%);border:1px solid #b5904c;border-radius:3px;min-height:60px;box-shadow:0 4px 0 #082743,0 8px 22px #102e4930;position:relative;font-weight:600;letter-spacing:.08em;transition:transform .2s,box-shadow .2s}.primary:before{content:'';position:absolute;inset:4px;border:1px solid #e9d59855;pointer-events:none}.primary:hover:not(:disabled){background:linear-gradient(115deg,#236b97,#123d64);transform:translateY(-2px);box-shadow:0 6px 0 #082743,0 10px 24px #102e4928}.primary:disabled{background:#536d7c;box-shadow:none;opacity:.8}.hero .primary{max-width:360px;margin:auto}.hero .small{font-size:11px;color:#34546a;line-height:1.9;margin-top:17px;text-shadow:0 1px 6px #fff}.seascape{display:none}.types-preview{position:relative;margin:0 auto;padding:48px 40px;background:linear-gradient(#fffdf4eb,#fffef9f5);border-top:0}.types-preview:before{content:'✦';display:block;font:28px Georgia;color:#b18b44;margin-bottom:10px}.types-preview h2{font-size:27px;letter-spacing:.09em}.types-preview>.eyebrow{margin-bottom:10px}.type-row{max-width:900px;gap:20px;margin:32px auto 5px}.mini{position:relative;isolation:isolate;background:none!important;border-radius:0;padding:18px 5px}.mini:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse,var(--tint) 20%,transparent 72%);transform:rotate(-8deg);filter:url('#watercolor')}.mini>span{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--accent)}.mini svg{width:48px;height:48px}.mini strong{font-size:25px;letter-spacing:.04em;color:var(--accent)}.mini small{font-family:'Yu Mincho',serif;font-size:12px;color:var(--accent)}.star{--tint:#f5c9c1;--accent:#8a342c}.strategist{--tint:#c5e6f7;--accent:#173b69}.craftsman{--tint:#c4e1c8;--accent:#235f42}.producer{--tint:#dfcff0;--accent:#49396d}.question-shell{max-width:680px;margin:44px auto 60px;padding:36px 45px 26px;background:#fffef6f5;border:1px solid #b99b61;box-shadow:0 0 0 6px #fffefa90,0 0 0 7px #bea56d50,0 25px 70px #174e6b14;position:relative;border-radius:160px 160px 8px 8px}.question-shell>.eyebrow{margin:12px 0 8px}.question-icon{width:86px;height:86px;border:1px solid #b18a43;border-radius:50%;margin:26px auto 20px;display:grid;place-items:center;background:radial-gradient(#fff9e4,#fbf5e4);box-shadow:0 0 0 5px #b18a4310;color:#ac823b}.question-shell h1{font-size:32px;letter-spacing:.04em}.question-body{line-height:2;font-size:14px;margin-bottom:30px}.progress{height:4px;background:#dbe8eb}.progress span{background:linear-gradient(90deg,#377ea5,#c6a058)}.choice{border:1px solid #a7c1cb;border-radius:4px;background:linear-gradient(120deg,#ffffff,#f0f8fa);box-shadow:0 4px 13px #23566a0a;padding:22px;min-height:108px;font-size:15px;line-height:1.9}.choice .letter{display:grid;place-items:center;flex-shrink:0;border:1px solid #b89a60;border-radius:50%;width:38px;height:38px;background:#fffdf4;color:#98702b;font:italic 23px Georgia}.choice:hover,.choice.selected{background:linear-gradient(115deg,#edf7fa,#dcecf1);border-color:#347493;box-shadow:inset 3px 0 #a9833d,0 4px 12px #23566a16}.signature{color:#886a32;letter-spacing:.2em}.signature i{font-size:23px;margin-top:4px}.result-shell{max-width:720px;padding:36px 30px}.result-card{isolation:isolate;overflow:hidden;border-radius:190px 190px 6px 6px;padding:48px 48px 32px;border:1px solid #b39352;box-shadow:0 0 0 5px #fff9,0 0 0 6px #b3935255,0 20px 50px #204e6a24;background:linear-gradient(#fffef5ed 35%,#fffdf5f2 75%,#fffaf0dd),url('assets/roots-ocean.webp') center bottom/cover}.result-card:before{content:'';position:absolute;inset:15px;border:1px solid #b393524f;border-radius:180px 180px 2px 2px;z-index:-1;pointer-events:none}.result-card:after{content:'';position:absolute;z-index:-1;inset:100px -20px 20%;background:radial-gradient(ellipse,var(--tint),transparent 68%);filter:url('#watercolor');opacity:.85}.result-card>p:first-child{font-family:'Yu Mincho',serif;font-size:13px;margin-bottom:24px}.result-icon{width:100px;height:100px;margin:auto;color:var(--accent);display:flex;align-items:center;justify-content:center}.result-icon svg{width:80px;height:80px}.result-card h1{color:var(--accent);font-size:clamp(36px,6vw,60px);letter-spacing:.06em;margin-top:12px}.english{font:italic 28px Georgia;color:#92733f;letter-spacing:.02em;margin-bottom:20px}.result-card h2{color:var(--accent);font-size:26px}.axis{border-color:#a88b5260;font-size:12px;letter-spacing:.08em}.description{font-size:15px;line-height:2.05;margin-top:24px}.result-card .signature{margin-top:26px}.detail,.panel{background:#fffef8f5;border:1px solid #c1ab77;border-radius:4px;box-shadow:0 8px 24px #264b5c08;padding:30px;margin:26px 0}.detail h2{font-size:23px}.detail .eyebrow{font-size:10px;color:#8b682b}.detail p{font-size:14px;line-height:2.1}.advice-keywords{color:#84632d;font-weight:600;background:#f4ecdc;padding:12px 15px;border-left:2px solid #b49352}.panel summary{font-family:'Yu Mincho',serif;font-size:16px}.panel summary>span{color:#ab8540}.screenshot{font-size:12px;color:#425d71}.map{gap:3px;background:linear-gradient(transparent calc(50% - 1px),#5b7b94 calc(50% - 1px),#5b7b94 calc(50% + 1px),transparent calc(50% + 1px));padding:34px 0 8px}.map:before{content:'';position:absolute;top:28px;bottom:8px;width:1px;left:50%;background:#5b7b94}.map-cell{margin:4px;min-height:160px;background-image:radial-gradient(ellipse,#fff8,transparent);border-radius:3px}.map-cell svg{width:38px;height:38px;color:var(--accent)}.map-cell strong{font-family:'Yu Mincho',serif;color:var(--accent);font-size:18px}.map-cell.current{border:1px solid #9c772f;box-shadow:inset 0 0 0 3px #fff9}.map-cell.current>small:first-child{font-size:10px;font-weight:700;color:#fff;background:#153e64;padding:1px 9px;margin-bottom:7px}.map-cell small{font-size:10px}.map-top,.map-bottom{color:white;background:#194b70;width:max-content;margin:12px auto;padding:3px 24px;clip-path:polygon(4% 3%,93% 0,100% 20%,96% 95%,10% 100%,0 75%);font-family:'Yu Mincho',serif}.chat{position:relative;isolation:isolate;overflow:hidden;padding:38px 32px;background:linear-gradient(#fffef5ed,#fffef5f5 84%,#edf7fac9),url('assets/roots-ocean.webp') center/cover;border-color:#b4924f}.chat:before{content:'';position:absolute;pointer-events:none;inset:8px;border:1px solid #b4924f50;z-index:-1}.chat-icon{display:block;width:72px;height:72px;margin:0 auto 20px;color:#a8813b}.chat-icon svg{width:72px;height:72px}.chat h2{font-size:27px;line-height:1.8;letter-spacing:.04em}.closing-definition{font-size:24px;line-height:1.9;color:#163d62;padding:20px 0;border-block:1px solid #b4924f55;font-weight:600}.closing-section{border-color:#b4924f50}.closing-number{font-size:30px;color:#a37b34}.closing-section h3{font-family:'Yu Mincho',serif;font-size:18px;line-height:1.8}.closing-section p{font-size:14px;line-height:2.15}.chat>.small{margin-top:22px}.disclaimer{font-size:11px;line-height:1.9;color:#455e6c;background:#fffdf7c9;padding:18px 24px;border-radius:3px}.notice{border-left:2px solid #b38b41;background:#f3ebd8}footer{color:#fff9e8;background:linear-gradient(#0b416ac9,#082c4ce6),url('assets/roots-ocean.webp') center 85%/cover;padding:42px 20px;border-top:2px solid #b39049;font-size:15px;letter-spacing:.04em}footer:before{content:'✦';display:block;font-size:26px;color:#d9bb79;margin-bottom:12px}footer span{color:#e1cfab;display:inline-block;margin-top:16px;font-size:10px}
@media(min-width:1200px){main{box-shadow:0 10px 60px #184a5e10}.hero{margin-top:20px;border-radius:4px 4px 0 0}}
@media(max-width:650px){header{padding:14px 20px}header a{font-size:23px;gap:6px}header a svg{width:28px;height:28px}.edition{font-size:8px;letter-spacing:.08em}.hero{display:block;min-height:0;padding:36px 23px 36px;background-position:62% center}.hero:before{inset:10px;border-radius:150px 150px 0 0}.hero:after{background:radial-gradient(ellipse at 45% 35%,#fffdf5f2 5%,#fffdf5c9 40%,#fffdf55c 75%,#fffdf518)}.hero-mark{width:85px;height:85px;margin-bottom:16px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:16px}.catch{font-size:12px;letter-spacing:.025em;margin-bottom:14px}.hero h1{font-size:clamp(29px,8.7vw,39px);line-height:1.5;letter-spacing:.015em;white-space:nowrap}.gold-line{font-size:25px;gap:12px;margin:14px auto 20px}.gold-line:before,.gold-line:after{width:38px}.subtitle{font-size:14px;max-width:320px;line-height:1.9;margin-bottom:15px}.intro{font-size:12px;line-height:2;max-width:340px;margin-bottom:21px}.hero .primary{min-height:58px;font-size:14px}.hero .small{font-size:10px}.types-preview{padding:30px 20px 35px}.types-preview h2{font-size:23px;letter-spacing:.02em}.type-row{gap:18px 8px;margin-top:24px}.mini{padding:10px 2px}.mini strong{font-size:23px}.mini small{font-size:11px}.mini>span{width:46px;height:46px;margin-bottom:7px}.mini svg{width:40px;height:40px}.question-shell{margin:26px 16px 40px;padding:28px 20px 20px;border-radius:110px 110px 4px 4px}.question-shell>.eyebrow{font-size:9px;margin-top:8px}.progress-label{font-size:11px}.question-icon{width:68px;height:68px;font-size:34px;margin-top:22px}.question-shell h1{font-size:25px}.question-body{font-size:13px}.choice{padding:18px 13px;font-size:13px;gap:11px;min-height:112px}.choice .letter{width:30px;height:30px;font-size:21px}.choice-arrow{font-size:16px}.result-shell{padding:26px 17px}.result-shell>.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:24px}.result-card{padding:36px 24px 25px;border-radius:140px 140px 4px 4px}.result-card:before{inset:10px;border-radius:130px 130px 2px 2px}.result-card>p:first-child{font-size:11px;margin-bottom:18px}.result-icon{width:75px;height:75px}.result-icon svg{width:64px;height:64px}.result-card h1{font-size:clamp(26px,7.6vw,35px);letter-spacing:.015em;margin:12px -10px 0;white-space:nowrap}.result-card .english{font-size:25px;margin-bottom:20px}.result-card h2{font-size:23px}.result-card .description{font-size:13px;line-height:2.05;margin-top:20px}.result-card .signature{font-size:13px;margin-top:22px}.result-card .signature i{font-size:22px}.detail,.panel{padding:23px 20px;margin:22px 0}.detail h2{font-size:21px}.detail p{font-size:13px}.panel summary{font-size:14px}.chat{padding:30px 23px}.chat h2{font-size:23px}.closing-definition{font-size:21px}.closing-section h3{font-size:17px}.closing-section p{font-size:13px}.map-cell{margin:3px;min-height:150px}.map-cell strong{font-size:clamp(12px,3.4vw,16px)}.map-cell small{font-size:9px}.screenshot{font-size:10px}.disclaimer{padding:15px 18px;font-size:10px}footer{padding:32px 20px;font-size:12px}.primary{letter-spacing:.025em}.closing-intro p{font-size:13px}.closing-intro .closing-definition{font-size:21px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

.hero .intro{padding:12px 18px;background:#fffdf4db;border:1px solid #c5a66830;border-radius:3px;color:#193b56}.hero .small{width:max-content;max-width:100%;padding:7px 13px;margin-left:auto;margin-right:auto;background:#fffdf4db;border-radius:3px;color:#28475c;text-shadow:none}.hero{background-color:#c9e9f3}

/* Original ROOTS gold anchor extracted from supplied artwork. */
.anchor-original{display:block;object-fit:contain;height:auto}header a .anchor-original{width:46px;height:46px}.hero-mark{width:132px;height:132px;object-fit:contain;filter:none}.chat-icon .anchor-original{width:86px;height:86px}.chat-icon{width:86px;height:86px}.question-icon .anchor-original{width:76px;height:76px}.question-icon:has(.anchor-original){border:0;background:none;box-shadow:none}@media(max-width:650px){header a .anchor-original{width:38px;height:38px}.hero-mark{width:108px;height:108px}.question-icon .anchor-original{width:68px;height:68px}}