.RulerStory_hero__80Q2o{position:relative;isolation:isolate;overflow:hidden;min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:72px 6%;background:#082831;color:#f2f4e9;border-radius:22px;margin-bottom:32px}.RulerStory_hero__80Q2o:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,23,30,.86),rgba(3,23,30,.24)),url(/ruler/story/ocean.jpg) 50%/cover}.RulerStory_copy__pQ8RJ{position:relative;z-index:1}.RulerStory_eyebrow__Wg7dN{font-size:var(--type-caption);letter-spacing:.24em;color:#b8d3cf;font-weight:700;margin:0 0 24px}.RulerStory_hero__80Q2o h1{letter-spacing:-.065em;line-height:1.2;margin:0 0 26px;font-weight:700}.RulerStory_hero__80Q2o h1 span{color:#b8e8d3;white-space:nowrap}.RulerStory_lead__lUXER{font-size:var(--type-body);line-height:1.95;color:#d5e1df}.RulerStory_actions__MVhV0{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:32px 0 18px}.RulerStory_actions__MVhV0 a{font-size:var(--type-small);color:#eef6ef;text-decoration:none}.RulerStory_actions__MVhV0 .RulerStory_primary__5pgHU{display:flex;gap:30px;background:#c8ecd7;color:#0c332f;padding:17px 21px;border-radius:4px;font-weight:800}.RulerStory_note__Jrm7k{color:#9bb6b5;font-size:var(--type-caption);line-height:1.8}.RulerStory_object__YY4SV{min-width:0;transform:rotate(-13deg);filter:drop-shadow(0 30px 25px #001b25);margin-right:-110px}.RulerStory_object__YY4SV img{display:block;width:150%;height:auto;max-width:none}.RulerStory_object__YY4SV p{font-size:var(--type-caption);letter-spacing:.22em;color:#cfdfd6;border-top:1px solid #a8c9b366;padding-top:15px;margin-top:32px}.RulerStory_tutorial__a_A7T{scroll-margin-top:25px;display:grid;grid-template-columns:.85fr 1.3fr;grid-gap:42px;gap:42px;margin:64px 0;padding:32px 0;color:var(--text)}.RulerStory_tutorial__a_A7T h2{font-size:var(--type-h2);letter-spacing:-.05em;line-height:1.4;margin:0 0 24px}.RulerStory_steps__0dj4N{display:flex;flex-direction:column;gap:8px}.RulerStory_steps__0dj4N button{display:flex;align-items:center;gap:20px;background:transparent;color:var(--text-dim);border:1px solid transparent;border-bottom:1px solid var(--border);padding:15px;text-align:left;font:inherit;border-radius:5px;cursor:pointer}.RulerStory_steps__0dj4N button b{font-size:var(--type-caption);color:#92b7af}.RulerStory_steps__0dj4N button[aria-pressed=true]{background:#143e3d;color:#d8f3df;border-color:#527e70}.RulerStory_board__IdMX0{min-width:0;background:#0a222b;border:1px solid #355054;border-radius:16px;padding:24px;color:#e0ece7}.RulerStory_surface__6DCLe{position:relative;width:100%;aspect-ratio:2.25;transform-origin:center;transition:transform .12s}.RulerStory_ruler___GSk0{position:absolute;left:0;top:42%;width:100%;height:auto}.RulerStory_fish__2Ddtr{position:absolute;top:19%;width:48%;height:auto;filter:drop-shadow(0 5px 5px #001c25aa);pointer-events:none}.RulerStory_glare__nKpwl{position:absolute;inset:20% 0 0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,#fff 48%,transparent 72%);mix-blend-mode:screen}.RulerStory_board__IdMX0 label{display:block;font-size:var(--type-caption);margin-top:8px}.RulerStory_board__IdMX0 input{width:100%;accent-color:#b8e8d3;margin:16px 0;cursor:ew-resize;min-height:28px}.RulerStory_feedback__cotbq{font-size:var(--type-small);min-height:48px;line-height:1.7;margin:0;color:#cedddb}.RulerStory_feedback__cotbq[data-success=true]{color:#b8e8d3}.RulerStory_actions__MVhV0 a:focus-visible,.RulerStory_board__IdMX0 input:focus-visible,.RulerStory_primary__5pgHU:focus-visible,.RulerStory_steps__0dj4N button:focus-visible{outline:3px solid #ffd880;outline-offset:4px}@media(max-width:700px){.RulerStory_hero__80Q2o{grid-template-columns:1fr;min-height:0;padding:40px 24px 28px;border-radius:12px}.RulerStory_hero__80Q2o h1{font-size:var(--type-h1)}.RulerStory_lead__lUXER{font-size:var(--type-small)}.RulerStory_object__YY4SV{margin:25px -45px 15px 0;transform:rotate(-9deg)}.RulerStory_object__YY4SV img{width:112%}.RulerStory_object__YY4SV p{margin-top:20px;font-size:var(--type-caption)}.RulerStory_tutorial__a_A7T{grid-template-columns:1fr;gap:20px;margin:35px 0;padding:15px 0}.RulerStory_steps__0dj4N{flex-direction:row;gap:4px}.RulerStory_steps__0dj4N button{flex:1 1;flex-direction:column;gap:8px;padding:12px 4px;font-size:var(--type-caption)}.RulerStory_board__IdMX0{padding:18px}.RulerStory_tutorial__a_A7T h2{font-size:var(--type-h2)}.RulerStory_eyebrow__Wg7dN{margin-bottom:16px}.RulerStory_actions__MVhV0{gap:18px}}@media(prefers-reduced-motion:reduce){.RulerStory_surface__6DCLe{transition:none}}.RulerStory_hero__80Q2o{grid-template-columns:1.15fr 1fr;min-height:530px;padding:52px 5%;border-radius:12px;margin-bottom:0}.RulerStory_hero__80Q2o h1{font-size:var(--type-h1);letter-spacing:-.055em}.RulerStory_object__YY4SV{margin-right:-25px}.RulerStory_object__YY4SV img{width:120%}.RulerStory_tutorial__a_A7T{padding:52px 28px;margin:0;gap:36px;align-items:center}.RulerStory_tutorial__a_A7T .RulerStory_eyebrow__Wg7dN{color:#b3ccc4}.RulerStory_steps__0dj4N button{min-height:54px}.RulerStory_board__IdMX0{background:#102d35;border-color:#355359;box-shadow:none}.RulerStory_board__IdMX0 .RulerStory_note__Jrm7k{color:#a9c0b9}.RulerStory_board__IdMX0 input{display:block;min-height:44px;margin:8px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;touch-action:pan-y}.RulerStory_board__IdMX0 input::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#54766e}.RulerStory_board__IdMX0 input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#c4efd6;border:3px solid #e5f7e8;margin-top:-11px;box-shadow:0 2px 8px #00191f}.RulerStory_board__IdMX0 input::-moz-range-track{height:6px;border-radius:4px;background:#54766e}.RulerStory_board__IdMX0 input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#c4efd6;border:3px solid #e5f7e8}.RulerStory_feedback__cotbq{min-height:52px}.RulerStory_nextRow__bpcOK{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:8px 0}.RulerStory_next__hJufO{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid #668c7d;border-radius:6px;background:transparent;color:#d5efdb;font:inherit;font-size:var(--type-caption);text-decoration:none;cursor:pointer}.RulerStory_next__hJufO:focus-visible{outline:3px solid #ffe2a4;outline-offset:3px}.RulerStory_hero__80Q2o .RulerStory_note__Jrm7k{color:#bfd0c9}.RulerStory_hero__80Q2o .RulerStory_lead__lUXER{font-size:var(--type-body)}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 a{min-height:48px;display:inline-flex;align-items:center}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0{gap:12px 22px}@media(max-width:700px){.RulerStory_hero__80Q2o{display:flex;flex-direction:column;align-items:stretch;padding:30px 20px 24px;min-height:0}.RulerStory_hero__80Q2o h1{font-size:var(--type-h1);line-height:1.25;margin-bottom:18px}.RulerStory_hero__80Q2o h1 span{white-space:nowrap}.RulerStory_hero__80Q2o .RulerStory_lead__lUXER{font-size:var(--type-small);line-height:1.85}.RulerStory_hero__80Q2o .RulerStory_eyebrow__Wg7dN{font-size:var(--type-caption);letter-spacing:.17em;margin-bottom:20px}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0{display:grid;grid-template-columns:1fr;margin:24px 0 8px;grid-gap:4px;gap:4px}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 a{justify-content:center;font-size:var(--type-body)}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 .RulerStory_primary__5pgHU{justify-content:space-between;padding:15px 18px}.RulerStory_object__YY4SV{transform:rotate(-6deg);margin:22px 0 0}.RulerStory_object__YY4SV img{width:100%}.RulerStory_object__YY4SV p{font-size:var(--type-caption);letter-spacing:.13em;margin-top:14px;padding-top:12px}.RulerStory_tutorial__a_A7T{padding:36px 0;gap:20px;margin:0}.RulerStory_tutorial__a_A7T h2{font-size:var(--type-h2);line-height:1.45}.RulerStory_steps__0dj4N{gap:8px}.RulerStory_steps__0dj4N button{font-size:var(--type-caption);padding:12px 4px;min-height:68px;border:1px solid #355359}.RulerStory_board__IdMX0{padding:18px 14px;border-radius:10px}.RulerStory_surface__6DCLe{aspect-ratio:2.1}.RulerStory_board__IdMX0 label{font-size:var(--type-body)}.RulerStory_feedback__cotbq{font-size:var(--type-small);min-height:52px}.RulerStory_nextRow__bpcOK{align-items:center}.RulerStory_nextRow__bpcOK>.RulerStory_note__Jrm7k,.RulerStory_next__hJufO{font-size:var(--type-caption)}.RulerStory_next__hJufO{padding:10px}.RulerStory_board__IdMX0>.RulerStory_note__Jrm7k{margin-bottom:8px}.RulerStory_hero__80Q2o .RulerStory_note__Jrm7k{font-size:var(--type-caption)}.RulerStory_tutorial__a_A7T .RulerStory_eyebrow__Wg7dN{font-size:var(--type-caption);margin-bottom:14px}}.RulerStory_actions__MVhV0 button{font:inherit;border:0;cursor:pointer;min-height:48px;align-items:center}.RulerStory_actions__MVhV0 button:focus-visible{outline:3px solid #ffe2a4;outline-offset:3px}@media(max-width:700px){.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 button{width:100%;font-size:var(--type-body)}}.RulerStory_hero__80Q2o{border-radius:0;margin:0;min-height:calc(100svh - 56px);padding:40px max(6%,24px) 48px}.RulerStory_modelChip__Ed7h4{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:#b6e7cd22;border:1px solid #b6e7cd66;color:#d8f3df;letter-spacing:.06em;font-size:var(--type-caption)}.RulerStory_actions__MVhV0{flex-direction:column;align-items:stretch;max-width:420px}.RulerStory_actions__MVhV0 .RulerStory_primary__5pgHU{justify-content:center;gap:6px;font-size:var(--type-body)}.RulerStory_trust__2vsWc{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;color:#bfd0c9;font-size:var(--type-caption)}.RulerStory_trust__2vsWc span:before{content:"✓ ";color:#b8e8d3}@media(max-width:700px){.RulerStory_hero__80Q2o{min-height:calc(100svh - 48px);padding:24px 20px 28px;justify-content:center}.RulerStory_actions__MVhV0{max-width:none}.RulerStory_object__YY4SV{margin-top:28px}}.RulerStory_hero__80Q2o{padding-top:84px}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 .RulerStory_primary__5pgHU{justify-content:center;gap:4px;min-height:56px}@media(max-width:700px){.RulerStory_hero__80Q2o{padding-top:72px;min-height:100svh}.RulerStory_hero__80Q2o .RulerStory_actions__MVhV0 .RulerStory_primary__5pgHU{justify-content:center}}.RulerStory_tutorial__a_A7T{max-width:1120px;margin-inline:auto;padding-inline:28px}@media(max-width:700px){.RulerStory_tutorial__a_A7T{padding-inline:20px}}