:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-text);scroll-behavior:smooth}body{margin:0;min-inline-size:20rem;background:var(--color-canvas);color:var(--color-text);font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.5}a{color:inherit;text-decoration-thickness:.125em;text-underline-offset:.16em}:where(a,button,input,select,textarea):focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:10;display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px;padding-inline:1rem;border-radius:.5rem;background:var(--color-action);color:var(--color-action-text);transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.site-frame{min-block-size:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header,.site-footer,.site-main{inline-size:min(100% - 2rem,74rem);margin-inline:auto}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-block:1rem}.site-header__brand{font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:800;letter-spacing:-.02em;text-decoration:none}.site-header nav{flex:1 1 16rem}.site-header__list,.site-footer__list{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.site-header__list{justify-content:flex-end}:where(.site-header__brand,.site-header__link,.site-footer__link,.feature-card__link){display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px}.site-header__link,.site-footer__link{padding-inline:.75rem;border-radius:.5rem;text-decoration:none}.site-header__link[aria-current=page]{background:var(--color-surface);box-shadow:inset 0 -.1875rem 0 var(--color-accent)}.site-main{padding-block:clamp(2rem,5vw,5rem)}.site-main :where(h1,h2,h3){color:var(--color-heading);line-height:1.1}.site-main h1{max-inline-size:18ch;margin-block:0 1rem;font-size:clamp(2rem,1.4rem + 3vw,4rem)}.feature-card{display:grid;gap:.75rem;padding:clamp(1rem,2vw,1.5rem);border:.0625rem solid var(--color-border);border-radius:1rem;background:var(--color-surface);box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--color-shadow) 12%,transparent)}.feature-card__title,.feature-card__description{margin:0}.feature-card__link{color:var(--color-action);font-weight:700}.status-badge{display:inline-flex;align-items:center;min-block-size:2rem;padding-inline:.75rem;border:.0625rem solid currentColor;border-radius:999px;background:var(--color-status-surface);color:var(--color-status-text);font-size:.875rem;font-weight:700}.site-footer{display:grid;gap:1rem;padding-block:1.5rem;border-block-start:.0625rem solid var(--color-border)}.site-footer__identity{margin:0;font-size:.9375rem}@media(max-width:20rem){.site-header,.site-footer,.site-main{inline-size:calc(100% - 1rem)}.site-header__list{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-brand=fish-id]{color-scheme:dark;--color-canvas: #071F2B;--color-surface: #071F2B;--color-text: #D7EDF0;--color-heading: #D7EDF0;--color-action: #10CFE8;--color-action-text: #071F2B;--color-accent: #FF604A;--color-focus: #10CFE8;--color-border: #10CFE8;--color-shadow: #071F2B;--color-status-surface: #071F2B;--color-status-text: #D7EDF0}:root[data-brand=pora]{--color-canvas: #F5F7F4;--color-surface: #FFFCF7;--color-text: #132F33;--color-heading: #073E43;--color-action: #0B5C63;--color-action-text: #FFFCF7;--color-accent: #E8A844;--color-focus: #0B6E75;--color-border: #3CB9D4;--color-shadow: #073E43;--color-status-surface: #F5F7F4;--color-status-text: #073E43}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem}.lead{font-size:clamp(1.1rem,1rem + .55vw,1.4rem);line-height:1.55;max-inline-size:43ch}.pora-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,4rem);background:#073e43;color:#fffcf7;border-radius:1.5rem}.pora-hero:before{content:"";position:absolute;z-index:-1;inset:-12rem -15rem -15rem 40%;background:repeating-radial-gradient(ellipse at 50% 60%,transparent 0 4rem,color-mix(in srgb,#3cb9d4 15%,transparent) 4rem 4.07rem,transparent 4.07rem 6rem);transform:rotate(-22deg)}.hero-brand{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-block-end:3rem}.hero-brand .status-badge{background:transparent;color:#fffcf7;border-color:color-mix(in srgb,#fffcf7 40%,transparent);font-size:.75rem}.site-main .pora-hero h1{color:#fffcf7;max-inline-size:11ch;font-size:clamp(2.6rem,1.2rem + 4.5vw,5.6rem);letter-spacing:-.05em;line-height:1.02}.pora-hero .eyebrow{color:#3cb9d4}.pora-hero .lead{color:#f5f7f4}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-block:2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-block-size:48px;padding:.85rem 1.15rem;border-radius:.7rem;font-weight:750;text-decoration:none}.button--sun{background:#e8a844;color:#132f33}.button--cream{background:#fffcf7;color:#073e43}.button:focus-visible,.hero-text-link:focus-visible{outline-color:#e8a844}.hero-text-link,.text-link,.back-link{display:inline-flex;align-items:center;min-block-size:44px;font-weight:700}.hero-text-link{font-size:.9rem}.text-link{color:#0b5c63}.hero-coordinates{display:grid;gap:.3rem;border-inline-start:2px solid #e8a844;padding-inline-start:1rem;margin-block-start:3rem;font-size:.8rem}.hero-coordinates strong{font-size:1rem}.pora-hero__visual{padding-block-start:1rem}.visual-note{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.75rem;margin-block-end:1.25rem}.signal-dot{inline-size:.5rem;block-size:.5rem;background:#e8a844;border-radius:50%}.app-screen{margin:0 auto;inline-size:min(100%,280px)}.app-screen__frame{overflow:hidden;border:6px solid #132f33;border-radius:2rem;background:#fffcf7;box-shadow:0 1rem 2.5rem color-mix(in srgb,#073e43 20%,transparent)}.app-screen img{display:block;inline-size:100%;block-size:auto}.app-screen figcaption{font-size:.7rem;line-height:1.5;text-align:center;margin-block-start:1rem}.app-screen figcaption span{display:block;opacity:.85}.pora-hero .app-screen{inline-size:min(100%,265px)}.pillars-section{padding-block:4.5rem}.section-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1rem;margin-block-end:1.5rem}.section-heading p{margin:0}.section-heading>p:last-child{font-size:.95rem}.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pillar{position:relative}.pillar-number{position:absolute;top:1.4rem;right:1.5rem;color:#0b5c63;font-size:.8rem;font-weight:800}.pillar .feature-card{height:100%;padding:1.6rem;border-color:color-mix(in srgb,#073e43 17%,transparent);box-shadow:none}.pillar .feature-card__title{font-size:1.6rem;padding-inline-end:2rem}.pillar .feature-card__description{font-size:1rem;line-height:1.65}.pillar .feature-card__link{font-size:.9rem;align-self:end;margin-block-start:1rem}.field-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,7vw,7rem);padding-block:3rem 5rem}.field-section--reverse .field-section__visual{order:2}.field-section__visual{display:grid;place-items:center;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(145deg,#fffcf7,color-mix(in srgb,#3cb9d4 15%,#f5f7f4));border:1px solid color-mix(in srgb,#0b5c63 12%,transparent)}.field-section__copy h2,.protection-callout h2,.availability h2{font-size:clamp(2rem,1.5rem + 1.8vw,3.3rem);letter-spacing:-.04em;margin-block:0 1.5rem}.field-section__copy p:not(.eyebrow),.availability p{line-height:1.7}.freshness-key{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:1.5rem}.freshness-key span{font-size:.7rem;border:1px solid color-mix(in srgb,#073e43 25%,transparent);border-radius:2rem;padding:.4rem .7rem}.protection-callout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:clamp(1.5rem,5vw,4rem);background:#0b5c63;color:#fffcf7;border-radius:1.5rem}.site-main .protection-callout h2,.protection-callout .eyebrow{color:#fffcf7}.protection-callout p{margin-block-start:0;line-height:1.7}.protection-callout a:focus-visible{outline-color:#e8a844}.availability{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-block:5rem}.availability h2{margin-block-start:1rem}.signature{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding-block:2rem;border-block-start:1px solid color-mix(in srgb,#073e43 20%,transparent);font-size:.85rem}.signature img{object-fit:contain;inline-size:12rem;block-size:auto;padding:.5rem;border-radius:.5rem;background:#073e43}.signature p{max-inline-size:75ch}.signature a{display:inline-flex;align-items:center;min-block-size:44px}.page-intro{border-block-end:1px solid color-mix(in srgb,#073e43 20%,transparent);padding-block-end:2.5rem;margin-block-end:3rem}.page-intro .eyebrow{color:#0b5c63;margin-block-start:2rem}.page-intro h1{letter-spacing:-.045em}.back-link{font-size:.85rem}.guide-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem)}.contents{align-self:start;position:sticky;top:1rem;font-size:.85rem}.contents ol{padding-inline-start:1.2rem}.contents li{padding-block:.2rem}.contents a{display:inline-flex;align-items:center;min-block-size:44px}.guide-copy{max-inline-size:70ch}.guide-section{scroll-margin-top:2rem;margin-block-end:3rem}.guide-section h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);letter-spacing:-.025em}.guide-section p{line-height:1.8}.resource-links{list-style:none;padding:0}.resource-links a{display:inline-flex;align-items:center;min-block-size:44px;color:#0b5c63;gap:.35rem;font-weight:650;overflow-wrap:anywhere}@media(max-width:760px){.pora-hero,.field-section,.protection-callout,.availability{grid-template-columns:1fr}.pora-hero{gap:2rem}.hero-brand{margin-block-end:2rem}.hero-coordinates{margin-block-start:2rem}.pora-hero__visual{padding-block-start:0}.pillars{grid-template-columns:1fr}.field-section--reverse .field-section__visual{order:0}.field-section{padding-block:1rem 3rem;gap:2rem}.field-section__visual{padding:1.5rem}.pillars-section,.availability{padding-block:3rem}.guide-layout{grid-template-columns:1fr}.contents{position:static;border-block-end:1px solid color-mix(in srgb,#073e43 20%,transparent);padding-block-end:1rem}.site-main{padding-block-start:1rem}.signature{gap:.5rem}.site-header__list{justify-content:flex-start}}