:root{--bg:#f9f9f9;--surface:#f1f1f1;--line:#aeaeae;--text:#171717;--note:#5c5c5c;--muted:#fbfbfb;--accent:#005aff;--alert:#ff0000;--max:42rem}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}main{max-width:var(--max);margin:0 auto;padding:3rem 1.25rem 5rem}h1{font-size:1.6rem;letter-spacing:.08em;margin:0 0 .4rem;font-weight:600}.brand-title{--brand-icon-w:1.25em;--brand-icon-stroke:1.25px;display:flex;align-items:center;gap:.5rem}.brand-title .brand-icon{width:var(--brand-icon-w);height:calc(var(--brand-icon-w) * 267 / 286);margin-top:calc(var(--brand-icon-w) * -.1);flex-shrink:0;overflow:visible;stroke-width:var(--brand-icon-stroke)}h2{font-size:1.05rem;margin:2.6rem 0 1rem;border-bottom:1px solid var(--line)}h2,h3{letter-spacing:.06em;font-weight:600}h3{font-size:1rem;margin:1rem 0}p{margin:0 0 1.2rem}.tagline{color:var(--accent);letter-spacing:.14em;font-size:.82rem;text-transform:uppercase;margin:0 0 2.4rem}.lead{color:var(--text);margin-bottom:2.6rem}.form{margin:0 auto;background:var(--surface);padding:2.4rem 2.2rem;border-radius:8px}.field{margin-bottom:1.8rem}.field>label{display:block;font-size:.9rem;margin-bottom:.5rem}.badge{font-size:.68rem;letter-spacing:.08em;padding:.1rem .45rem;border:1px solid var(--accent);border-radius:3px;color:var(--accent);margin-left:.5rem;vertical-align:.1rem}.row{display:flex;gap:.5rem}input[type=date],input[type=email],input[type=number],input[type=text],input[type=time],select,textarea{display:block;width:100%;padding:.7rem .8rem;background:var(--muted);border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:1rem;font-family:inherit;box-sizing:border-box}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}.errors{color:var(--alert);font-size:.88rem;margin:0 0 1.4rem;padding-left:1.2rem;line-height:1.8}.hint{color:var(--note)}.hint,.intro{font-size:.8rem;margin-top:.45rem;line-height:1.7}.intro{color:var(--text)}.check{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;font-size:.88rem}.check input{width:auto}button[type=submit]{display:inline-block;padding:.75rem 1.6rem;margin-top:1rem;background:var(--accent);color:#fff;border:0;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.06em;font-family:inherit;cursor:pointer}button[type=submit]:disabled{opacity:.5;cursor:default}button[type=submit].center{display:block;margin-left:auto;margin-right:auto}.error{color:var(--alert);font-size:.88rem;margin-top:1rem}.oneline{font-size:1.3rem;line-height:1.8;margin:1.2rem 0 0}.archetype-name{color:var(--accent);font-size:.9rem;letter-spacing:.06em}.body-text{white-space:pre-wrap}.note{font-size:.84rem;background:var(--surface);padding:.9rem 1rem;margin:1.6rem 0;line-height:1.8}.locked,.note{color:var(--text);border-radius:8px}.locked{margin-top:3rem;padding:2rem 1.4rem;text-align:center;border:1px solid var(--line)}.locked h2{margin-top:0}.locked .locked-lead{font-size:.88rem;line-height:1.9;margin-bottom:1.2rem}.locked .items{font-size:.85rem;font-weight:600;color:var(--text);line-height:2}.traits{margin:.6rem 0 1.2rem;padding-left:1.2rem}.traits li{margin-bottom:.5rem}.note .traits{margin:.6rem 0}.roles{margin:.6rem 0 1.6rem}.roles>div{margin-bottom:1rem;padding-left:.9rem;border-left:2px solid var(--line)}.roles dt{font-weight:600;margin-bottom:.25rem}.roles dd{margin:0;color:var(--note);font-size:.92rem;line-height:1.85}.keywords{display:flex;flex-wrap:wrap;gap:.5rem}.keywords span{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.25rem .9rem;font-size:.88rem}.symbol{margin-top:2rem;padding-left:1rem;border-left:2px solid var(--accent)}.locked .tagline{margin:1.6rem 0 .8rem}.locked .prepare{font-size:.85rem;color:var(--text);margin:0}.compat-cta{margin-top:2.5rem;padding:1.5rem 1.2rem;text-align:center}.compat-cta .intro{margin:0 0 1rem}.secondary-btn{display:inline-block;padding:.75rem 1.6rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);text-decoration:none;font-size:.95rem;letter-spacing:.04em}.disclaimer{margin-top:4rem;padding-top:1.6rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--text);line-height:1.9}footer{max-width:var(--max);margin:0 auto;padding:0 1.25rem 3rem;font-size:.78rem;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}footer a{color:var(--text);margin-right:1.2rem}a{color:var(--accent)}.back{display:inline-block;margin-top:2.5rem;font-size:.85rem}.shikihyo{width:66%;max-width:20rem;background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:.7rem;display:grid;grid-template-columns:1fr auto;grid-gap:.7rem;gap:.7rem;margin:1.4rem 0 2rem}.shikihyo-main{display:flex;flex-direction:column;min-width:0}.shikihyo-panel{aspect-ratio:1/1;border-radius:2px;box-shadow:inset 0 0 0 1px var(--line)}.shikihyo-phrase{font-size:.92rem;line-height:1.7;margin:.7rem 0 0}.shikihyo-data{display:flex;gap:.7rem;align-items:baseline;font-size:.68rem;color:var(--note);letter-spacing:.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-top:1px solid var(--line);margin-top:.8rem;padding-top:.7rem}.shikihyo-data .hex{font-family:ui-monospace,SF Mono,Menlo,monospace}.shikihyo-data .rate{margin-left:auto}.shikihyo-spine{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding-top:.1rem}.shikihyo-name{font-size:1.15rem;font-weight:500;letter-spacing:.18em;color:var(--text)}.shikihyo-name,.shikihyo-read{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;white-space:nowrap}.shikihyo-read{font-size:.7rem;letter-spacing:.24em;color:var(--note)}.share{margin:1.6rem 0 2.4rem}.share-lead{font-size:.85rem;color:var(--note);margin:0 0 .7rem}.share-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.share-btn{display:inline-block;padding:.6rem 1.1rem;border-radius:999px;font-size:.88rem;font-family:inherit;letter-spacing:.04em;text-decoration:none;border:1px solid var(--line);background:var(--muted);color:var(--text);cursor:pointer}.share-btn.x{background:#000;border-color:#000;color:#fff}.share-btn.line{background:#06c755;border-color:#06c755;color:#fff}.brand-title .brand-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.5rem}.brand-title .brand-link:hover{opacity:.72}.brand-title .brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.top{--t-paper:#f8f6f0;--t-paper-2:#f1eee6;--t-card:#fffdf8;--t-ink:#1f2933;--t-ink-2:#59616b;--t-ink-3:#9aa2aa;--t-rule:#e2dccf;--t-navy:#16324f;--t-navy-2:#0e2439;--t-mincho:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP","Songti SC",serif;--t-gutter:2rem;--t-max:1200px;max-width:none;margin:0;padding:0;background:var(--t-paper);color:var(--t-ink);overflow-x:clip}.top h2,.top h3{border:0;padding:0}.top .t-code-life,.top .t-color-life,.top .t-preview-line,.top h2,.top p{word-break:auto-phrase}.top .t-wrap{max-width:var(--t-max);margin:0 auto;padding:0 var(--t-gutter)}.top .t-bar{border-bottom:1px solid var(--t-rule)}.top .t-bar-in{max-width:var(--t-max);margin:0 auto;padding:1.1rem var(--t-gutter);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.top .t-bar .brand-title{margin:0;font-size:1.15rem;letter-spacing:.14em}.top .t-nav{display:flex;align-items:center;gap:2rem;font-size:.82rem;letter-spacing:.04em}.top .t-nav a{color:var(--t-ink-2);text-decoration:none}.top .t-nav a:hover{color:var(--t-ink)}.top .t-cta,.top .t-nav-cta{display:inline-block;border-radius:999px;background:var(--t-navy);color:var(--t-paper)!important;text-decoration:none;letter-spacing:.08em;transition:background .2s}.top .t-nav-cta{padding:.62rem 1.5rem}.top .t-cta{padding:.95rem 2.4rem;font-size:.95rem}.top .t-cta:after,.top .t-nav-cta:after{content:"›";margin-left:.8rem;opacity:.75}.top .t-cta:hover,.top .t-nav-cta:hover{background:var(--t-navy-2)}.top .t-submit:focus-visible,.top a:focus-visible{outline:2px solid var(--t-navy);outline-offset:3px}.top .t-hero{position:relative}.top .t-hero-in{--t-figure-w:clamp(300px,33vw,505px);--t-side-w:64px;max-width:1200px;margin:0 auto;padding:4rem var(--t-gutter) 4.5rem;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--t-figure-w) + var(--t-side-w));grid-template-rows:auto auto 1fr;grid-template-areas:"head visual" "desc visual" "form visual";grid-column-gap:3rem;column-gap:3rem}.top .t-hero-head{grid-area:head}.top .t-hero-desc{grid-area:desc}.top .t-form{grid-area:form}.top .t-form,.top .t-hero-desc,.top .t-hero-head{max-width:520px}.top .t-tagline{margin:0 0 1.1rem;font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;color:var(--t-navy)}.top .t-hero-title{font-family:var(--t-mincho);font-size:clamp(2rem,3.6vw,3.1rem);font-weight:500;line-height:1.35;letter-spacing:.04em;margin:0 0 1.6rem}.top .t-hero-title span{white-space:nowrap}.top .t-hero-sub{margin:0 0 .9rem;font-size:1.02rem}.top .t-hero-note{margin:0 0 2.2rem;font-size:.9rem;line-height:1.95;color:var(--t-ink-2)}.top .t-hero-visual{grid-area:visual;position:relative;align-self:start;margin-top:-2.5rem;min-height:calc(var(--t-figure-w) * 1.218 + 6rem);pointer-events:none}.top .t-hero-figure{position:absolute;isolation:isolate;left:0;top:0;width:var(--t-figure-w);aspect-ratio:890/1084}.top .t-hero-img{object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%);mask-image:linear-gradient(180deg,#000 72%,transparent 98%)}.top .t-hero-disc{position:absolute;z-index:-1;left:52%;top:50%;width:98%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 46% 42%,#f5f0e5 0,#ede6d7 68%,#e8e0d0 100%);opacity:.6}.top .t-hero-side{position:absolute;right:0;top:calc(var(--t-figure-w) * 1.218 * .2);display:flex;gap:14px}.top .t-hero-dots{display:flex;flex-direction:column;align-items:center;gap:20px}.top .t-hero-dots i{display:block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(31,41,51,.12)}.top .t-hero-line{display:block;width:1px;height:16rem;margin-top:.2rem;background:var(--t-ink-3);opacity:.7}.top .t-hero-vertical{margin:0;writing-mode:vertical-rl;font-family:var(--t-mincho);font-size:.82rem;letter-spacing:.3em;line-height:2.1;color:var(--t-ink-2);max-height:20rem}.top .t-band{display:flex;height:4px}.top .t-band i{flex:1 1}.top .t-form{background:var(--t-card);border:1px solid var(--t-rule);border-radius:6px;padding:1.6rem 1.7rem 1.8rem;margin:0}.top .t-form .field{margin:0;min-width:0}.top .t-form .field>label{font-size:.76rem;letter-spacing:.08em;color:var(--t-ink-2);margin-bottom:.45rem}.top .t-form .badge{border-color:var(--t-ink-3);color:var(--t-ink-3)}.top .t-form input[type=date],.top .t-form input[type=time],.top .t-form select{background:transparent;border:0;border-bottom:1px solid var(--t-rule);border-radius:0;padding:.35rem 0 .4rem;font-size:1rem}.top .t-form input:focus,.top .t-form select:focus{outline:0;border-bottom-color:var(--t-navy)}.top .t-form-lead{margin:1.5rem 0 1.2rem;padding-top:1.3rem;border-top:1px solid var(--t-rule);font-size:.84rem;line-height:1.85}.top .t-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.3rem 1.6rem;gap:1.3rem 1.6rem}.top .t-form .hint{margin:.4rem 0 0;font-size:.72rem;line-height:1.75;color:var(--t-ink-3)}.top .t-form .check{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;color:var(--t-ink-2)}.top .t-submit{display:block;width:100%;margin-top:1.7rem;padding:.95rem 1.9rem;border:0;border-radius:999px;background:var(--t-navy);color:var(--t-paper);font-family:inherit;font-size:.95rem;letter-spacing:.08em;cursor:pointer;transition:background .2s}.top .t-submit:hover{background:var(--t-navy-2)}.top .t-section{padding:5.5rem 0}.top .t-alt{background:var(--t-paper-2)}.top .t-eyebrow{margin:0 0 .9rem;font-size:.7rem;letter-spacing:.22em;color:var(--t-navy)}.top .t-title{font-family:var(--t-mincho);font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:500;line-height:1.6;letter-spacing:.04em;margin:0 0 1.1rem}.top .t-title-sm{font-size:clamp(1.3rem,1.9vw,1.55rem)}.top .t-body{margin:0;font-size:.92rem;line-height:2;color:var(--t-ink-2);max-width:36em}.top .t-body-sm{font-size:.86rem;line-height:1.95}.top .t-textlink{display:inline-block;color:var(--t-ink);text-decoration:none;font-size:.84rem;letter-spacing:.06em;padding-bottom:.5rem;border-bottom:1px solid var(--t-ink-3)}.top .t-textlink:after{content:"→";margin-left:2.5rem;color:var(--t-ink-3);transition:margin .2s}.top .t-textlink:hover:after{margin-left:3rem}.top .t-mountains{position:absolute;pointer-events:none;opacity:.9}.top .t-mountains img{object-fit:cover}.top .t-mountains-left{left:0;bottom:0;width:28%;opacity:.6;height:100%}.top .t-mountains-left img{object-position:left bottom}.top .t-mountains-bottom{inset:auto 0 0 0;height:70%}.top .t-about{position:relative;overflow:hidden;padding:5rem 0;background:var(--t-paper-2);border-top:1px solid var(--t-rule)}.top .t-about-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:3rem}.top .t-about-link{flex:none;margin-left:auto;padding-left:0;position:relative}.top .t-about-link:before{content:"";position:absolute;left:-2.5rem;top:-2.5rem;bottom:-2rem;width:1px;background:var(--t-rule)}.top .t-colors-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.top .t-strip{display:flex;height:128px;margin-top:2.2rem;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(31,41,51,.06),0 8px 24px rgba(31,41,51,.05)}.top .t-strip i{flex:1 1;display:block;transition:flex-grow .35s cubic-bezier(.2,.8,.3,1)}.top .t-strip i.is-pale{box-shadow:inset 0 0 0 1px var(--t-rule)}.top .t-strip i:hover{flex-grow:3.2}.top .t-colors-count{margin:.8rem 0 0;font-size:.74rem;letter-spacing:.06em;color:var(--t-ink-3);text-align:right}.top .t-colors-rail{margin-top:2.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(var(--t-gutter),calc((100vw - var(--t-max)) / 2 + var(--t-gutter)));scrollbar-width:thin;scrollbar-color:var(--t-rule) transparent;padding-bottom:1rem}.top .t-colors{display:flex;gap:1.3rem;width:max-content;padding:.3rem max(var(--t-gutter),calc((100vw - var(--t-max)) / 2 + var(--t-gutter)))}.top .t-color{flex:0 0 17.5rem;display:flex;flex-direction:column;background:var(--t-card);border:1px solid var(--t-rule);border-radius:4px;padding:.55rem .55rem 1.1rem;color:inherit;text-decoration:none;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.top .t-color:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(31,41,51,.09)}.top .t-portrait{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(31,41,51,.08)}.top .t-portrait-img{object-fit:cover;object-position:center top}.top .t-color-head{display:flex;align-items:baseline;gap:.5rem;margin:1rem .45rem 0}.top .t-color-dot{width:.65rem;height:.65rem;border-radius:50%;flex:none;border:1px solid rgba(31,41,51,.12)}.top .t-color-name{font-family:var(--t-mincho);font-size:1.05rem;letter-spacing:.06em}.top .t-color-read{font-size:.68rem;color:var(--t-ink-3)}.top .t-color-hex{margin:.3rem .45rem 0;font-size:.7rem;letter-spacing:.08em;color:var(--t-ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.top .t-color-life{margin:.65rem .45rem 0;font-size:.8rem;line-height:1.8;color:var(--t-ink-2)}.top .t-steps{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4rem;gap:4rem}.top .t-steps li{display:flex;gap:1.2rem;align-items:flex-start;position:relative}.top .t-steps li+li:before{content:"→";position:absolute;left:-2.7rem;top:.55rem;color:var(--t-ink-3)}.top .t-step-no{flex:none;width:2.8rem;height:2.8rem;border:1px solid var(--t-rule);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--t-mincho);font-size:.95rem;color:var(--t-ink-2);background:var(--t-card)}.top .t-step-title{margin:.5rem 0;font-size:.96rem;font-weight:600;letter-spacing:.03em}.top .t-step-body{margin:0;font-size:.82rem;line-height:1.9;color:var(--t-ink-2)}.top .t-result-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.95fr);grid-gap:3rem;gap:3rem;align-items:start}.top .t-preview{margin:0;display:grid;grid-template-columns:8.5rem minmax(0,1fr);grid-gap:1.2rem;gap:1.2rem;padding:1rem;background:var(--t-card);border:1px solid var(--t-rule);border-radius:4px;box-shadow:0 10px 30px rgba(31,41,51,.06)}.top .t-preview .t-portrait{aspect-ratio:3/4}.top .t-preview-body{display:flex;flex-direction:column;min-width:0}.top .t-preview-name{font-family:var(--t-mincho);font-size:1.35rem;letter-spacing:.08em}.top .t-preview-hex{font-size:.68rem;letter-spacing:.08em;color:var(--t-ink-3)}.top .t-preview-life{margin-top:.3rem;font-size:.78rem;color:var(--t-ink-2)}.top .t-preview-label{margin-top:1rem;font-size:.66rem;letter-spacing:.1em;color:var(--t-navy)}.top .t-preview-line{margin-top:.3rem;font-family:var(--t-mincho);font-size:.84rem;line-height:1.8}.top .t-preview-sections{display:flex;flex-direction:column;margin-top:.9rem}.top .t-preview-sections span{font-size:.7rem;color:var(--t-ink-3);padding:.35rem 0;border-top:1px solid var(--t-rule)}.top .t-code-area{padding-left:3rem;border-left:1px solid var(--t-rule)}.top .t-code{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.1rem;background:var(--t-card);border:1px solid var(--t-rule);border-radius:4px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.top .t-code:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(31,41,51,.09)}.top .t-code-chip{flex:none;width:3rem;height:3rem;border-radius:3px;border:1px solid rgba(31,41,51,.1)}.top .t-code-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.top .t-code-name{font-family:var(--t-mincho);font-size:1.05rem;letter-spacing:.06em}.top .t-code-hex{font-size:.66rem;letter-spacing:.08em;color:var(--t-ink-3)}.top .t-code-life{font-size:.78rem;color:var(--t-ink-2)}.top .t-code-arrow{margin-left:auto;color:var(--t-ink-3)}.top .t-chars{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);grid-gap:3rem;gap:3rem;align-items:start}.top .t-chars-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.top .t-chars-list .t-color{flex:none}.top .t-chars-list .t-portrait{aspect-ratio:4/5}.top .t-chars-list .t-color-read{display:none}.top .t-color-name{white-space:nowrap}.top .t-final{position:relative;overflow:hidden;padding:5rem 0 3.5rem;border-top:1px solid var(--t-rule);background:linear-gradient(180deg,var(--t-paper) 0,#ece6d8 100%)}.top .t-final-in{position:relative;display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}.top .t-final-title{font-family:var(--t-mincho);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500;letter-spacing:.05em;margin:0}.top .t-disclaimer{position:relative;max-width:44rem;margin:3rem auto 0;padding:0 var(--t-gutter);border:0;text-align:center;font-size:.7rem;line-height:1.95;color:var(--t-ink-3)}@media (max-width:62rem){.top .t-about-in{flex-direction:column;align-items:flex-start}.top .t-about-link{margin-left:0}.top .t-about-link:before{display:none}.top .t-chars,.top .t-result-grid{grid-template-columns:1fr}.top .t-code-area{padding-left:0;border-left:0}.top .t-steps{grid-template-columns:1fr;gap:1.8rem}.top .t-steps li+li:before{display:none}.top .t-nav{gap:1.2rem;font-size:.76rem}}@media (max-width:40rem){.top{--t-gutter:1.25rem}.top .t-nav a:not(.t-nav-cta){display:none}.top .t-nav-cta{padding:.5rem 1.1rem;font-size:.74rem}.top .t-about,.top .t-section{padding:3.5rem 0}.top .t-form{padding:1.3rem 1.2rem 1.5rem}.top .t-form-grid{grid-template-columns:1fr}.top .t-colors-head{flex-direction:column;align-items:flex-start;gap:.6rem}.top .t-strip{height:76px;margin-top:1.6rem}.top .t-color{flex-basis:78vw}.top .t-preview{grid-template-columns:6.5rem minmax(0,1fr)}.top .t-chars-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top .t-final-in{flex-direction:column;gap:1.8rem;text-align:center}}@media (max-width:1180px){.top .t-hero-in{--t-figure-w:30vw;--t-side-w:28px;column-gap:2rem}.top .t-hero-visual{margin-top:-1rem}.top .t-hero-vertical{display:none}}@media (max-width:767px){.top .t-hero-in{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "desc" "visual" "form";padding:2.2rem var(--t-gutter) 3rem}.top .t-form,.top .t-hero-desc,.top .t-hero-head{max-width:none}.top .t-hero-note{margin-bottom:0}.top .t-hero-visual{margin:0;min-height:0;display:flex;justify-content:center;align-items:flex-start;gap:12px}.top .t-hero-figure{position:relative;width:min(67%,287px);margin-top:10px}.top .t-hero-side{position:relative;top:auto;right:auto;padding-top:2.5rem}.top .t-hero-dots{gap:14px}.top .t-hero-dots i{width:10px;height:10px}.top .t-hero-line{height:4rem}.top .t-hero-visual.is-empty{display:none}.top .t-hero-desc+.t-hero-visual.is-empty+.t-form{margin-top:2rem}}@media (prefers-reduced-motion:reduce){.top .t-code,.top .t-color,.top .t-strip i,.top .t-textlink:after{transition:none}.top .t-code:hover,.top .t-color:hover{transform:none}}